/*
Theme Name: Still Ferro
Theme URI: https://stillferro.com
Author: Still Ferro
Description: Custom classic theme for stillferro.com built from Figma design (no page builder).
Version: 1.0.0
Text Domain: still-ferro
*/


  :root{
    --color-dark:#1b1a18;
    --color-dark-2:#211f1c;
    --color-cream:#f6f4f0;
    --color-white:#ffffff;
    --color-text:#1b1a18;
    --color-muted:#767268;
    --color-border:#e6e2da;
    --color-accent:#b3492f;
    --font-display: 'Fraunces', serif;
    --font-body: 'Inter', sans-serif;
    --container: 1240px;
    --radius: 10px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:var(--font-body);
    color:var(--color-text);
    background:var(--color-white);
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;}
  .container{
    max-width:var(--container);
    margin:0 auto;
    padding:0 32px;
  }
  h1,h2,h3{
    font-family:var(--font-body);
    font-weight:500;
    margin:0;
    letter-spacing:-0.01em;
  }
  h1{
    font-weight:600; /* Inter SemiBold */
    font-size:70px;
    line-height:1.08;
  }
  .eyebrow-link{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:14px;
    font-weight:600;
    border-bottom:1px solid currentColor;
    padding-bottom:2px;
    white-space:nowrap;
  }
  .btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 30px;
    border-radius:100px;
    font-size:14px;
    font-weight:600;
    border:1px solid transparent;
    transition:opacity .2s ease, background .2s ease, color .2s ease;
  }
  .btn-light{
    background:var(--color-white);
    color:var(--color-dark);
  }
  .btn-light:hover{opacity:.85;}
  .btn-dark{
    background:var(--color-dark);
    color:var(--color-white);
  }
  .btn-dark:hover{opacity:.85;}

  /* ============ HEADER ============ */
  .site-header{
    position:sticky;
    top:0;
    z-index:210;
    background:var(--color-white);
    border-bottom:1px solid var(--color-border);
  }
  .site-header .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:90px;
    gap:24px;
  }
  .logo{
    display:flex;
    align-items:center;
    gap:10px;
    font-family:var(--font-display);
    font-size:20px;
    letter-spacing:.04em;
    flex-shrink:0;
  }
  .logo .mark{
    width:32px;height:32px;
    border:1.5px solid var(--color-dark);
    border-radius:3px;
    display:flex;align-items:center;justify-content:center;
    font-size:11px;
  }
  .logo-image{padding:0;}
  .logo-image img{
    height:40px;
    width:auto;
    display:block;
  }
  .main-nav{
    display:flex;
    align-items:center;
    gap:34px;
    flex:1;
    justify-content:center;
  }
  .main-nav a{
    font-size:14.5px;
    font-weight:500;
    display:flex;
    align-items:center;
    gap:4px;
    white-space:nowrap;
  }
  .main-nav .caret{font-size:10px;opacity:.6;}

  /* ============ DESKTOP DROPDOWN (Catalog and any other nav item with children) ============ */
  .main-nav li{position:relative;list-style:none;}
  .main-nav > li.menu-item-has-children > a::after{
    content:"";
    display:inline-block;
    width:10px;height:5px;
    margin-left:6px;
    background-color:currentColor;
    transition:transform .2s ease;
    -webkit-mask:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14053 0.197198C9.07855 0.134713 9.00482 0.0851167 8.92358 0.051271C8.84234 0.0174253 8.7552 0 8.6672 0C8.57919 0 8.49205 0.0174253 8.41081 0.051271C8.32957 0.0851167 8.25584 0.134713 8.19386 0.197198L5.14053 3.25053C5.07855 3.31301 5.00482 3.36261 4.92358 3.39645C4.84234 3.4303 4.7552 3.44772 4.6672 3.44772C4.57919 3.44772 4.49205 3.4303 4.41081 3.39645C4.32957 3.36261 4.25584 3.31301 4.19386 3.25053L1.14053 0.197198C1.07855 0.134713 1.00482 0.0851167 0.92358 0.051271C0.84234 0.0174253 0.755203 0 0.667195 0C0.579187 0 0.49205 0.0174253 0.410811 0.051271C0.329571 0.0851167 0.255837 0.134713 0.193862 0.197198C0.0696944 0.322107 0 0.491074 0 0.667198C0 0.843321 0.0696944 1.01229 0.193862 1.1372L3.25386 4.19719C3.62886 4.57172 4.13719 4.7821 4.6672 4.7821C5.1972 4.7821 5.70553 4.57172 6.08053 4.19719L9.14053 1.1372C9.2647 1.01229 9.33439 0.843321 9.33439 0.667198C9.33439 0.491074 9.2647 0.322107 9.14053 0.197198Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14053 0.197198C9.07855 0.134713 9.00482 0.0851167 8.92358 0.051271C8.84234 0.0174253 8.7552 0 8.6672 0C8.57919 0 8.49205 0.0174253 8.41081 0.051271C8.32957 0.0851167 8.25584 0.134713 8.19386 0.197198L5.14053 3.25053C5.07855 3.31301 5.00482 3.36261 4.92358 3.39645C4.84234 3.4303 4.7552 3.44772 4.6672 3.44772C4.57919 3.44772 4.49205 3.4303 4.41081 3.39645C4.32957 3.36261 4.25584 3.31301 4.19386 3.25053L1.14053 0.197198C1.07855 0.134713 1.00482 0.0851167 0.92358 0.051271C0.84234 0.0174253 0.755203 0 0.667195 0C0.579187 0 0.49205 0.0174253 0.410811 0.051271C0.329571 0.0851167 0.255837 0.134713 0.193862 0.197198C0.0696944 0.322107 0 0.491074 0 0.667198C0 0.843321 0.0696944 1.01229 0.193862 1.1372L3.25386 4.19719C3.62886 4.57172 4.13719 4.7821 4.6672 4.7821C5.1972 4.7821 5.70553 4.57172 6.08053 4.19719L9.14053 1.1372C9.2647 1.01229 9.33439 0.843321 9.33439 0.667198C9.33439 0.491074 9.2647 0.322107 9.14053 0.197198Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  .main-nav > li.menu-item-has-children:hover > a::after,
  .main-nav > li.menu-item-has-children.menu-open > a::after{
    transform:rotate(180deg);
  }
  .main-nav > li > .sub-menu{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:var(--color-cream);
    border-radius:0;
    min-width:230px;
    padding:0;
    z-index:60;
    list-style:none;
  }
  .main-nav > li:hover > .sub-menu,
  .main-nav > li.menu-open > .sub-menu{display:block;}

  .main-nav .sub-menu > li{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    position:relative;
  }
  .main-nav .sub-menu > li:not(:last-child)::after{
    content:"";
    position:absolute;
    left:20px;right:20px;bottom:0;
    border-bottom:1px solid var(--color-border);
  }
  .main-nav .sub-menu .sub-menu > li::after{content:none;}
  .main-nav .sub-menu > li > a{
    flex:1;
    display:block;
    padding:14px 20px;
    font-size:14px;font-weight:500;color:var(--color-text);
    white-space:nowrap;
  }
  .main-nav .sub-menu > li:hover{background:rgba(0,0,0,.03);}
  .main-nav .sub-menu > li > .submenu-toggle-btn{
    background:none;border:none;
    padding:14px 20px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    color:var(--color-text);
    transition:transform .2s ease;
  }
  .main-nav .sub-menu > li.menu-open > .submenu-toggle-btn{transform:rotate(180deg);}

  /* Nested (level 2) submenu — expands inline inside the same panel, not a side flyout */
  .main-nav .sub-menu .sub-menu{
    display:none;
    position:static;
    flex-basis:100%;
    border:none;
    min-width:0;padding:0;
    background:none;
  }
  .main-nav .sub-menu li.menu-open > .sub-menu{display:block;}
  .main-nav .sub-menu .sub-menu > li{border-bottom:none;}
  .main-nav .sub-menu .sub-menu > li:last-child{padding-bottom:6px;}
  .main-nav .sub-menu .sub-menu > li > a{
    padding:8px 20px 8px 34px;
    font-size:14px;color:var(--color-text);font-weight:500;
  }
  .chevron-icon{
    display:inline-block;
    width:10px;height:5px;
    background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14053 0.197198C9.07855 0.134713 9.00482 0.0851167 8.92358 0.051271C8.84234 0.0174253 8.7552 0 8.6672 0C8.57919 0 8.49205 0.0174253 8.41081 0.051271C8.32957 0.0851167 8.25584 0.134713 8.19386 0.197198L5.14053 3.25053C5.07855 3.31301 5.00482 3.36261 4.92358 3.39645C4.84234 3.4303 4.7552 3.44772 4.6672 3.44772C4.57919 3.44772 4.49205 3.4303 4.41081 3.39645C4.32957 3.36261 4.25584 3.31301 4.19386 3.25053L1.14053 0.197198C1.07855 0.134713 1.00482 0.0851167 0.92358 0.051271C0.84234 0.0174253 0.755203 0 0.667195 0C0.579187 0 0.49205 0.0174253 0.410811 0.051271C0.329571 0.0851167 0.255837 0.134713 0.193862 0.197198C0.0696944 0.322107 0 0.491074 0 0.667198C0 0.843321 0.0696944 1.01229 0.193862 1.1372L3.25386 4.19719C3.62886 4.57172 4.13719 4.7821 4.6672 4.7821C5.1972 4.7821 5.70553 4.57172 6.08053 4.19719L9.14053 1.1372C9.2647 1.01229 9.33439 0.843321 9.33439 0.667198C9.33439 0.491074 9.2647 0.322107 9.14053 0.197198Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.14053 0.197198C9.07855 0.134713 9.00482 0.0851167 8.92358 0.051271C8.84234 0.0174253 8.7552 0 8.6672 0C8.57919 0 8.49205 0.0174253 8.41081 0.051271C8.32957 0.0851167 8.25584 0.134713 8.19386 0.197198L5.14053 3.25053C5.07855 3.31301 5.00482 3.36261 4.92358 3.39645C4.84234 3.4303 4.7552 3.44772 4.6672 3.44772C4.57919 3.44772 4.49205 3.4303 4.41081 3.39645C4.32957 3.36261 4.25584 3.31301 4.19386 3.25053L1.14053 0.197198C1.07855 0.134713 1.00482 0.0851167 0.92358 0.051271C0.84234 0.0174253 0.755203 0 0.667195 0C0.579187 0 0.49205 0.0174253 0.410811 0.051271C0.329571 0.0851167 0.255837 0.134713 0.193862 0.197198C0.0696944 0.322107 0 0.491074 0 0.667198C0 0.843321 0.0696944 1.01229 0.193862 1.1372L3.25386 4.19719C3.62886 4.57172 4.13719 4.7821 4.6672 4.7821C5.1972 4.7821 5.70553 4.57172 6.08053 4.19719L9.14053 1.1372C9.2647 1.01229 9.33439 0.843321 9.33439 0.667198C9.33439 0.491074 9.2647 0.322107 9.14053 0.197198Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  .header-actions{
    display:flex;
    align-items:center;
    gap:24px;
    flex-shrink:0;
  }
  .phone-link{
    font-size:14.5px;
    font-weight:600;
    white-space:nowrap;
  }
  .icon-btn{
    width:20px;height:20px;
    display:flex;align-items:center;justify-content:center;
    background:none;border:none;padding:0;color:var(--color-dark);
  }
  .icon-close{
    display:inline-block;
    width:18px;height:18px;
    background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L18.75 18.75M18.75 0.75L0.75 18.75' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.75 0.75L18.75 18.75M18.75 0.75L0.75 18.75' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  .icon-search{
    display:inline-block;
    width:16px;height:16px;
    background-color:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8045 14.8625L11.8252 10.8831C12.9096 9.55686 13.4428 7.86453 13.3144 6.15617C13.1861 4.44782 12.406 2.85415 11.1356 1.70481C9.86516 0.555472 8.20158 -0.0616068 6.48895 -0.0187856C4.77632 0.0240356 3.14566 0.723481 1.93426 1.93487C0.72287 3.14627 0.0234252 4.77693 -0.019396 6.48956C-0.0622172 8.20219 0.554862 9.86577 1.7042 11.1362C2.85354 12.4066 4.44721 13.1867 6.15556 13.315C7.86392 13.4434 9.55625 12.9102 10.8825 11.8258L14.8619 15.8051C14.9876 15.9266 15.156 15.9938 15.3308 15.9923C15.5056 15.9907 15.6728 15.9206 15.7964 15.797C15.92 15.6734 15.9901 15.5062 15.9916 15.3314C15.9932 15.1566 15.926 14.9882 15.8045 14.8625ZM6.66652 12.0005C5.61169 12.0005 4.58054 11.6877 3.70348 11.1016C2.82642 10.5156 2.14283 9.68265 1.73916 8.70811C1.3355 7.73357 1.22988 6.66122 1.43567 5.62665C1.64145 4.59208 2.14941 3.64178 2.89529 2.8959C3.64117 2.15002 4.59147 1.64206 5.62604 1.43628C6.66061 1.23049 7.73296 1.33611 8.7075 1.73977C9.68204 2.14344 10.515 2.82703 11.101 3.70409C11.6871 4.58115 11.9999 5.6123 11.9999 6.66713C11.9983 8.08113 11.4359 9.43676 10.436 10.4366C9.43615 11.4365 8.08052 11.9989 6.66652 12.0005Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8045 14.8625L11.8252 10.8831C12.9096 9.55686 13.4428 7.86453 13.3144 6.15617C13.1861 4.44782 12.406 2.85415 11.1356 1.70481C9.86516 0.555472 8.20158 -0.0616068 6.48895 -0.0187856C4.77632 0.0240356 3.14566 0.723481 1.93426 1.93487C0.72287 3.14627 0.0234252 4.77693 -0.019396 6.48956C-0.0622172 8.20219 0.554862 9.86577 1.7042 11.1362C2.85354 12.4066 4.44721 13.1867 6.15556 13.315C7.86392 13.4434 9.55625 12.9102 10.8825 11.8258L14.8619 15.8051C14.9876 15.9266 15.156 15.9938 15.3308 15.9923C15.5056 15.9907 15.6728 15.9206 15.7964 15.797C15.92 15.6734 15.9901 15.5062 15.9916 15.3314C15.9932 15.1566 15.926 14.9882 15.8045 14.8625ZM6.66652 12.0005C5.61169 12.0005 4.58054 11.6877 3.70348 11.1016C2.82642 10.5156 2.14283 9.68265 1.73916 8.70811C1.3355 7.73357 1.22988 6.66122 1.43567 5.62665C1.64145 4.59208 2.14941 3.64178 2.89529 2.8959C3.64117 2.15002 4.59147 1.64206 5.62604 1.43628C6.66061 1.23049 7.73296 1.33611 8.7075 1.73977C9.68204 2.14344 10.515 2.82703 11.101 3.70409C11.6871 4.58115 11.9999 5.6123 11.9999 6.66713C11.9983 8.08113 11.4359 9.43676 10.436 10.4366C9.43615 11.4365 8.08052 11.9989 6.66652 12.0005Z' fill='black'/%3E%3C/svg%3E") no-repeat center / contain;
  }
  .lang-switch{position:relative;}
  .lang-current{
    background:none;border:none;padding:0;
    display:flex;align-items:center;gap:4px;
    font-size:14px;font-weight:600;color:var(--color-dark);
    text-transform:uppercase;cursor:pointer;
  }
  .lang-current .chevron-icon{transition:transform .2s ease;}
  .lang-switch.open .lang-current .chevron-icon{transform:rotate(180deg);}
  .lang-dropdown{
    display:none;
    position:absolute;top:calc(100% + 10px);
    left:50%;transform:translateX(-50%);
    background:var(--color-cream);
    border:1px solid var(--color-border);
    min-width:64px;
    z-index:300;
  }
  .lang-switch.open .lang-dropdown{display:block;}
  .lang-dropdown a{
    display:block;
    padding:10px 16px;
    font-size:14px;font-weight:600;color:var(--color-text);
    text-transform:uppercase;white-space:nowrap;
  }
  .lang-dropdown a:hover{background:rgba(0,0,0,.04);}
  .burger, .mobile-phone{display:none;}

  /* ============ HERO ============ */
  .hero{
    position:relative;
    min-height:640px;
    display:flex;
    align-items:center;
    background-color:#111;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    color:var(--color-white);
  }
  .hero::before{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(0deg, rgba(10,9,8,.55), rgba(10,9,8,.35));
    z-index:0;
  }
  .hero .container{position:relative;z-index:1;display:flex;justify-content:center;}
  .hero .chat-fab{z-index:2;}
  .hero-inner{
    max-width:900px;
    padding:80px 0;
    text-align:center;
  }
  .hero h1{
    color:var(--color-white);
  }
  .hero p{
    margin:24px auto 32px;
    font-size:16px;
    line-height:1.6;
    color:rgba(255,255,255,.85);
    max-width:640px;
  }
  .chat-fab{
    position:absolute;
    right:32px;
    bottom:-28px;
    width:56px;height:56px;
    border-radius:50%;
    background:var(--color-accent);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 24px rgba(179,73,47,.4);
    border:none;
    font-size:22px;
  }

  /* ============ SECTION generic ============ */
  section{padding:96px 0;}
  .section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:44px;
  }
  .section-head.centered{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .section-head h2{font-size:36px;}
  .section-head p{
    margin:14px 0 0;
    color:var(--color-muted);
    font-size:15.5px;
    line-height:1.6;
    max-width:640px;
  }

  /* ============ CATEGORIES ============ */
  .cat-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
  }
  .cat-card{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    aspect-ratio:1/1;
    background:#ddd;
  }
  .cat-card img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .5s ease, filter .3s ease;
  }
  .cat-grid-tall{grid-template-columns:repeat(4,1fr);}
  .projects-carousel{overflow:hidden;}
  .projects-track{
    display:flex;
    gap:24px;
    width:max-content;
  }
  .projects-track .cat-card{
    width:var(--carousel-card-w, 280px);
    flex:0 0 var(--carousel-card-w, 280px);
    aspect-ratio:auto;
    height:555px;
  }
  .catalog-page-container{padding-bottom:96px;}
  .cat-grid-tall .cat-card{aspect-ratio:auto;height:555px;}
  .cat-card:hover img{transform:scale(1.05);}
  @media (min-width:961px){
    .cat-grid-tall .cat-card:hover img, .projects-track .cat-card:hover img{transform:none;filter:brightness(.82);}
  }
  .cat-card::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(0deg, rgba(0,0,0,.55), transparent 55%);
  }
  .cat-card span{
    position:absolute;
    left:18px;bottom:16px;
    color:#fff;
    font-size:15px;
    font-weight:600;
    z-index:2;
  }

  /* ============ WHY CHOOSE ============ */
  .why{
    background:#2E2E2E;
    color:var(--color-white);
  }
  .why .section-head h2{color:var(--color-white);}
  .why .section-head p{color:rgba(255,255,255,.6);}
  .why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px;
  }
  .why-item{text-align:center;}
  .why-item .icon{
    width:40px;height:40px;
    border:none;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 20px;
    font-size:16px;
  }
  .why-item .icon svg{width:32px;height:32px;display:block;}
  .why-item h3{
    font-family:var(--font-body);
    font-size:16px;
    font-weight:600;
    margin-bottom:8px;
  }
  .why-item p{
    margin:0;
    font-size:14px;
    line-height:1.6;
    color:rgba(255,255,255,.6);
  }

  /* ============ OFFERS ============ */
  .offers-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
  }
  .product-card{
    display:block;
  }
  .product-media{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    aspect-ratio:1/1;
    background:#eee;
    margin-bottom:14px;
  }
  .product-media img{width:100%;height:100%;object-fit:cover;}
  .badge{
    position:absolute;
    top:20px;right:0;
    background:#B1051B;
    color:#fff;
    font-size:13px;
    font-weight:700;
    height:32px;
    display:flex;align-items:center;
    padding:0 10px;
    border-radius:8px 0 0 8px;
  }
  .badge.badge-right{left:auto;right:0;}
  .badge-outlet{
    position:absolute;
    top:20px;left:12px;
    background:#9F544E;
    color:#fff;
    font-size:12px;
    font-weight:600;
    text-transform:lowercase;
    height:32px;
    display:flex;align-items:center;
    padding:0 14px;
    border-radius:8px;
  }
  .product-card h3{
    font-family:var(--font-body);
    font-size:15px;
    font-weight:600;
    margin-bottom:6px;
  }
  .price-row{display:flex;align-items:baseline;justify-content:space-between;font-size:14px;}
  .price-new{font-weight:400;}
  .price-old{color:var(--color-muted);text-decoration:line-through;font-size:13px;font-weight:400;}

  /* ============ FOR WHOM ============ */
  .whom-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  .whom-card{
    position:relative;
    border-radius:var(--radius);
    overflow:hidden;
    min-height:260px;
    background:#ddd;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:24px;
    color:#fff;
  }
  .whom-card img{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
  }
  .whom-card::after{
    content:"";
    position:absolute;inset:0;
    background:linear-gradient(0deg, rgba(0,0,0,.72), rgba(0,0,0,.15));
    z-index:1;
  }
  .whom-card .icon, .whom-card h3, .whom-card p{position:relative;z-index:2;}
  .whom-card .icon{
    width:44px;height:44px;
    background:rgba(255,255,255,.55);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:14px;
  }
  .whom-card h3{
    font-family:var(--font-body);
    font-size:16px;font-weight:600;margin-bottom:6px;
  }
  .whom-card p{margin:0;font-size:13.5px;color:rgba(255,255,255,.8);line-height:1.5;}

  /* ============ ARTICLES ============ */
  .articles-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
  }
  .article-card{
    display:block;
    background:#fff;
    border-radius:var(--radius);
    overflow:hidden;
  }
  .article-card-media{
    display:block;
    width:100%;aspect-ratio:16/10;
    overflow:hidden;
  }
  .article-card-media img{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  .article-card-body{padding:20px;}
  .article-card h3{
    font-family:var(--font-body);
    font-size:18px;font-weight:600;margin-bottom:10px;
  }
  .article-card p{
    margin:0 0 18px;
    color:var(--color-muted);
    font-size:14.5px;
    line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .article-meta{
    display:flex;align-items:center;justify-content:space-between;
    font-size:13px;color:var(--color-muted);
  }
  .article-meta a{font-weight:600;color:var(--color-text);}

  /* ============ CTA ============ */
  .cta{
    background:#2E2E2E;
    color:#fff;
    text-align:center;
  }
  .cta h2{color:#fff;font-size:34px;}
  .cta p{
    margin:16px 0 32px;
    color:rgba(255,255,255,.65);
    font-size:15.5px;
  }
  .cta.cream{background:var(--color-cream);color:var(--color-text);}
  .cta.cream h2{color:var(--color-text);}
  .cta.cream p{color:var(--color-muted);}

  /* ============ FOOTER ============ */
  .site-footer{
    background:var(--color-white);
    padding:80px 0 28px;
    border-top:1px solid var(--color-border);
  }
  .footer-top{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:32px;
    padding-bottom:56px;
  }
  .footer-brand .logo{margin-bottom:18px;}
  .footer-brand .logo{font-size:26px;}
  .footer-brand .logo-image img{height:52px;}
  .footer-brand p{color:var(--color-muted);font-size:14px;line-height:1.6;max-width:280px;}
  .social-row{display:flex;gap:12px;margin-top:20px;}
  .social-row a{
    width:40px;height:40px;border:1px solid var(--color-border);border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:14px;
    overflow:hidden;
  }
  .social-row a img, .social-row a svg{width:18px;height:18px;display:block;}
  .footer-col h4{
    font-size:14px;font-weight:700;margin:0 0 18px;
  }
  .footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
  .footer-col a{font-size:14px;color:var(--color-muted);}
  .footer-col a:hover{color:var(--color-text);}
  .footer-bottom{
    display:flex;align-items:center;justify-content:space-between;
    padding-top:24px;border-top:1px solid var(--color-border);
    font-size:13px;color:var(--color-muted);
  }

  /* ============ MODAL ============ */
  .modal-overlay{
    position:fixed;inset:0;
    background:rgba(20,18,16,.6);
    display:none;
    align-items:center;justify-content:center;
    z-index:1000;
    padding:20px;
  }
  .modal-overlay.open{display:flex;}
  .modal{
    background:#fff;
    border-radius:16px;
    max-width:440px;
    width:100%;
    padding:40px;
    position:relative;
    max-height:calc(100vh - 40px);
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
  }
  .modal-close{
    position:absolute;top:18px;right:18px;
    background:none;border:none;font-size:20px;line-height:1;
    width:32px;height:32px;
    color:var(--color-text);
  }
  .modal h3{font-size:24px;margin-bottom:10px;}
  .search-modal-form{display:flex;align-items:center;gap:10px;margin-top:20px;max-width:100%;}
  .search-modal-form input{
    flex:1;
    min-width:100px;
    height:40px;
    box-sizing:border-box;
    border:1px solid var(--color-border);
    border-radius:8px;
    padding:0 14px;
    font-size:15px;
    font-family:inherit;
  }
  .modal .search-modal-form button[type="submit"]{
    width:50px;height:40px;flex-shrink:0;
    border:none;border-radius:8px;
    background:var(--color-dark);color:#fff;
    display:flex;align-items:center;justify-content:center;
    cursor:pointer;
  }
  .search-modal-form button .icon-search{background-color:#fff;}

  .search-results-list{list-style:none;margin:0;padding:0;}
  .search-results-list li{border-top:1px solid var(--color-border);}
  .search-results-list li:last-child{border-bottom:1px solid var(--color-border);}
  .search-results-list a{
    display:block;
    padding:18px 0;
    font-size:19px;font-weight:600;
    color:var(--color-text);
  }
  .search-results-list a:hover{color:var(--color-muted);}
  .modal .modal-sub{
    font-size:14px;color:var(--color-muted);line-height:1.6;margin-bottom:24px;
  }
  .field{margin-bottom:16px;}
  .field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
  .field input, .field textarea{
    width:100%;
    border:1px solid var(--color-border);
    border-radius:8px;
    padding:12px 14px;
    font-family:inherit;
    font-size:14px;
  }
  .field.error input{border-color:#c0392b;}
  .field .error-msg{display:none;color:#c0392b;font-size:12px;margin-top:6px;}
  .field.error .error-msg{display:block;}
  .checkbox-row{
    display:flex;align-items:flex-start;gap:10px;margin-bottom:24px;font-size:13px;color:var(--color-muted);line-height:1.5;
  }
  .checkbox-row a{text-decoration:underline;color:var(--color-text);}
  .modal button[type="submit"]{width:100%;}

  /* ============ SOLUTIONS (icon + image cards) ============ */
  .solution-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .solution-card{
    background:#EFEFEF;
    border-radius:var(--radius);
    overflow:hidden;
  }
  .solution-card-media{
    display:block;
    width:100%;aspect-ratio:4/3;
    overflow:hidden;
  }
  .solution-card-media img{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  .solution-card-body{padding:20px;}
  .solution-card-head{
    display:flex;align-items:center;gap:12px;
    margin-bottom:14px;
  }
  .solution-card .icon{
    width:36px;height:36px;flex-shrink:0;
    background:#E0E0E0;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
  }
  .solution-card .icon svg{width:18px;height:18px;display:block;}
  .solution-card h3{
    font-size:19px;font-weight:700;margin:0;
  }
  .solution-card p{
    margin:0;color:var(--color-muted);font-size:14px;line-height:1.6;
  }

  /* ============ WHY BOX GRID (bordered cards on dark bg) ============ */
  .why-box-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  .why-box{
    border:1px solid #E0E0E0;
    border-radius:var(--radius);
    padding:28px;
  }
  .why-box .icon{
    width:40px;height:40px;
    background:#E0E0E0;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;
  }
  .why-box .icon img{
    width:24px;height:24px;
    display:block;
    /* forces the icon black regardless of the SVG's own fill/stroke color */
    filter:brightness(0) saturate(100%);
  }
  .why-box h3{
    font-family:var(--font-body);
    font-size:16px;font-weight:600;margin-bottom:8px;
  }
  .why-box p{
    margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.6);
  }

  /* ============ WHY — HORECA PAGE VARIANT (light bg, dark text) ============ */
  .why-horeca{
    background:#EFEFEF;
  }
  .why-horeca .section-head h2{color:#1D1D1B;}
  .why-horeca .section-head p{color:#1D1D1B;}
  .why-horeca .why-box{
    border-color:#2E2E2E;
  }
  .why-horeca .why-box .icon{
    background:#E0E0E0;
  }
  .why-horeca .why-box .icon img{
    filter:none; /* check.svg is already #2E2E2E, no need to force black */
  }
  .why-horeca .why-box h3{color:#1D1D1B;}
  .why-horeca .why-box p{color:#1D1D1B;}

  /* ============ PROCESS STEPS ============ */
  .process-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
  }
  .process-step img{
    width:100%;aspect-ratio:4/3;object-fit:cover;
    border-radius:var(--radius);
    margin-bottom:18px;
  }
  .process-step .step-title{
    display:flex;align-items:center;gap:10px;margin-bottom:8px;
  }
  .process-step .step-num{
    width:26px;height:26px;
    border-radius:50%;
    background:#000;
    color:#fff;
    font-size:12.5px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .process-step h3{
    font-size:16px;font-weight:600;
  }
  .process-step p{
    margin:0;color:var(--color-muted);font-size:14px;line-height:1.6;
  }

  /* ============ PORTFOLIO / PROJECT CARDS ============ */
  .portfolio-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:36px;
  }
  .project-card{
    display:block;
    background:#fff;
    border-radius:var(--radius);
    overflow:hidden;
  }
  .project-card-media{
    display:block;
    width:100%;aspect-ratio:2/1.15;
    overflow:hidden;
  }
  .project-card-media img{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  .project-card-body{padding:20px;}
  .project-card h3{
    font-size:17px;font-weight:600;margin-bottom:8px;
  }
  .project-card p{
    margin:0;color:var(--color-muted);font-size:14px;line-height:1.6;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }

  /* ============ INLINE FORM SECTION (form embedded directly in page, not modal) ============ */
  .inline-form-section{
    background:var(--color-dark);
    color:#fff;
    text-align:center;
  }
  .inline-form-section h2{color:#fff;font-size:32px;}
  .inline-form-section > .container > p{
    margin:16px auto 32px;
    color:rgba(255,255,255,.65);
    font-size:15.5px;
    max-width:480px;
  }
  .inline-form{
    max-width:440px;
    margin:0 auto;
    text-align:left;
  }
  .field-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }
  .inline-form .field label{color:rgba(255,255,255,.8);}
  .inline-form .field input{
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.2);
    color:#fff;
  }
  .inline-form .field.error input{border-color:#e08070;}
  .inline-form button[type="submit"]{width:100%;margin-top:6px;}

  /* Charcoal variant — used on the Designeri & Proiecte page only */
  .inline-form-section.charcoal{background:#2E2E2E;}
  .inline-form-section.charcoal .field input{
    background:#2E2E2E;
    border:1px solid #fff;
    color:#fff;
  }
  .inline-form-section.charcoal .field input::placeholder{color:rgba(255,255,255,.6);}
  .inline-form-section.charcoal .btn-dark{background:#fff;color:#2E2E2E;}
  .inline-form-section.charcoal .btn-dark:hover{opacity:.85;}

  /* ============ TESTIMONIALS ============ */
  .testimonials{
    background:#2E2E2E;
    color:#fff;
  }
  .testimonials-inner{
    display:grid;
    grid-template-columns:0.9fr 1.3fr;
    gap:48px;
    align-items:start;
  }
  .testimonials-left{margin-top:-10px;}
  .testimonials-left h2{color:#fff;font-size:32px;margin-bottom:14px;}
  .testimonials-left p{
    margin:0 0 28px;
    color:rgba(255,255,255,.6);
    font-size:15px;line-height:1.6;
  }
  .testimonials-badge{width:90px;height:60px;display:block;margin-bottom:16px;}
  .testimonials-nav{display:flex;justify-content:flex-end;gap:12px;margin-bottom:24px;}
  .testimonials-nav button{
    width:42px;height:42px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.3);
    background:none;color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:16px;
    transition:background .2s ease, color .2s ease, border-color .2s ease;
  }
  .testimonials-nav button:hover{
    background:#fff;color:#2E2E2E;border-color:#fff;
  }
  .testimonials-right{
    padding-left:48px;
  }
  .testimonial-slide{display:none;}
  .testimonial-slide.active{display:block;}
  .testimonials-right h3{
    font-size:21px;
    font-weight:700;
    line-height:1.35;
  }
  .testimonials-right blockquote{
    margin:0 0 24px;
    font-size:19px;
    line-height:1.55;
    font-weight:400;
  }
  .testimonial-author{font-size:15px;font-weight:600;}
  .testimonial-company{font-size:14px;color:rgba(255,255,255,.55);margin-top:2px;}

  /* ============ ORDER CARDS ("Cum pot comanda?") ============ */
  .order-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  .order-card{
    background:#EFEFEF;
    border-radius:var(--radius);
    overflow:visible;
  }
  .order-card-media{
    position:relative;
  }
  .order-card-media img{
    width:100%;aspect-ratio:16/10;object-fit:cover;
    display:block;
    border-radius:var(--radius) var(--radius) 0 0;
  }
  .order-num{
    position:absolute;
    bottom:0;left:24px;
    transform:translateY(50%);
    width:48px;height:48px;
    border-radius:50%;
    background:var(--color-dark);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    font-size:18px;font-weight:700;
    z-index:2;
  }
  .order-card-body{padding:32px 24px 24px;border-radius:0 0 var(--radius) var(--radius);}
  .order-card h3{font-size:19px;font-weight:600;margin-bottom:20px;}
  .order-card p{margin:0 0 20px;color:var(--color-muted);font-size:14.5px;line-height:1.6;}
  .tag-row{display:flex;flex-wrap:wrap;gap:8px;}
  .tag{
    background:#fff;
    border:1px solid var(--color-border);
    border-radius:100px;
    padding:6px 14px;
    font-size:13px;
  }

  /* ============ ICON STEPS (circular icon + number badge) ============ */
  .icon-steps-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    text-align:center;
  }
  .icon-steps-grid .icon-wrap{
    position:relative;
    width:100px;height:100px;
    border-radius:50%;
    background:#EFEFEF;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 18px;
  }
  .icon-steps-grid .icon-wrap .icon-mask{
    width:40px;height:40px;
    display:block;
    background-color:#2E2E2E;
    -webkit-mask-image:var(--icon-url);
    mask-image:var(--icon-url);
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
  }
  .icon-wrap .num-badge{
    position:absolute;top:15px;right:15px;
    transform:translate(50%,-50%);
    width:22px;height:22px;
    border-radius:50%;
    background:#2E2E2E;
    color:#FFFFFF;
    font-size:11px;font-weight:700;
    display:flex;align-items:center;justify-content:center;
  }
  .icon-steps-grid h3{font-size:15px;font-weight:600;margin-bottom:8px;}
  .icon-steps-grid p{margin:0;color:var(--color-muted);font-size:13.5px;line-height:1.6;}

  /* ============ NAV ARROWS (light, for section headers) ============ */
  .nav-arrows{display:flex;gap:10px;flex-shrink:0;}
  .nav-arrows button{
    width:38px;height:38px;
    border-radius:50%;
    border:1px solid var(--color-border);
    background:#fff;
    color:var(--color-text);
    display:flex;align-items:center;justify-content:center;
    font-size:15px;
    transition:background .2s ease, color .2s ease, border-color .2s ease;
  }
  .nav-arrows button:hover{
    background:#000;color:#fff;border-color:#000;
  }

  /* ============ TRUST BOXES (dark, bordered) ============ */
  .trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
  }
  .trust-box{
    border:1px solid #E0E0E0;
    border-radius:var(--radius);
    padding:26px;
  }
  .trust-box .icon{
    width:34px;height:34px;
    background:#EFEFEF;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin-bottom:16px;
  }
  .trust-box .icon .icon-mask{
    width:18px;height:18px;
    display:block;
    background-color:#2E2E2E;
    -webkit-mask-image:var(--icon-url);
    mask-image:var(--icon-url);
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
  }
  .trust-box p{margin:0;font-size:14px;line-height:1.6;color:rgba(255,255,255,.75);}

  /* ============ INLINE FORM — LIGHT VARIANT ============ */
  .inline-form-section.light{
    background:var(--color-cream);
    color:var(--color-text);
  }
  .inline-form-section.light h2{color:var(--color-text);}
  .inline-form-section.light > .container > p{color:var(--color-muted);}
  .inline-form-section.light .field input{
    background:transparent;
    border:1px solid #000;
    color:var(--color-text);
  }
  .inline-form-section.light .field input::placeholder{color:#555;}
  .form-note{
    margin-top:16px;
    font-size:12.5px;
    color:var(--color-muted);
    text-align:center;
  }

  /* ============ BREADCRUMB ============ */
  .breadcrumb{
    font-size:13px;color:var(--color-muted);
    margin:40px 0 40px;
  }
  .breadcrumb a{color:var(--color-muted);}
  .breadcrumb a:hover{color:var(--color-text);}
  .breadcrumb .sep{margin:0 6px;}
  .product-page-container .product-layout{margin-top:0;}
  .breadcrumb .current{color:var(--color-text);}

  /* ============ CATALOG (category tiles page) ============ */
  .catalog-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
  }
  .catalog-grid .cat-card{aspect-ratio:3/4;}

  /* ============ CATEGORY ARCHIVE LAYOUT ============ */
  .catalog-layout{
    display:grid;
    grid-template-columns:260px 1fr;
    gap:40px;
    align-items:start;
  }
  .catalog-heading{font-size:34px;margin-bottom:28px;}
  .catalog-page-wrap{padding-bottom:96px;}
  .filters-sidebar{
    background:var(--color-cream);
    border-radius:var(--radius);
    padding:24px;
  }
  .filters-heading{font-size:16px;font-weight:700;margin:0 0 18px;}
  .filters-toggle-btn{
    display:none;
    width:100%;
    justify-content:center;align-items:center;gap:8px;
    padding:14px;
    border:1px solid var(--color-border);
    border-radius:100px;
    background:#fff;
    font-size:14px;font-weight:600;
    margin-bottom:16px;
  }
  .filters{padding-bottom:24px;}
  .filter-group{padding:20px 0;border-bottom:1px solid var(--color-border);}
  .filter-group:first-child{padding-top:0;}
  .filter-group h4{font-size:14px;font-weight:700;margin:0 0 14px;}
  .filter-check{
    display:flex;align-items:center;gap:9px;
    font-size:14px;color:var(--color-text);
    margin-bottom:11px;cursor:pointer;
  }
  .filter-check input{width:16px;height:16px;accent-color:var(--color-dark);}
  .filter-more{
    font-size:13px;color:var(--color-muted);text-decoration:underline;
    cursor:pointer;background:none;border:none;padding:0;
  }
  .filter-more-items{display:none;}
  .filter-more-items.show{display:block;}

  .price-slider{position:relative;height:4px;background:var(--color-border);border-radius:4px;margin:22px 0 14px;}
  .price-slider .range-fill{position:absolute;height:4px;background:var(--color-dark);border-radius:4px;}
  .price-slider input[type=range]{
    position:absolute;top:-8px;left:0;width:100%;height:20px;
    background:none;pointer-events:none;
    -webkit-appearance:none;appearance:none;margin:0;
  }
  .price-slider input[type=range]::-webkit-slider-thumb{
    pointer-events:all;-webkit-appearance:none;appearance:none;
    width:18px;height:18px;border-radius:50%;
    background:#fff;border:2px solid var(--color-dark);cursor:pointer;
  }
  .price-slider input[type=range]::-moz-range-thumb{
    pointer-events:all;width:18px;height:18px;border-radius:50%;
    background:#fff;border:2px solid var(--color-dark);cursor:pointer;
  }
  .price-values{display:flex;justify-content:space-between;font-size:13px;color:var(--color-muted);margin-bottom:20px;}
  .filters .btn{width:100%;margin-top:6px;}

  .catalog-top-bar{display:flex;justify-content:flex-start;margin-bottom:24px;}
  .sort-dropdown-wrap{position:relative;min-width:210px;}
  .sort-dropdown-toggle{
    width:100%;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    border:1px solid var(--color-border);
    border-radius:100px;
    padding:13px 18px;
    font-size:14px;font-weight:600;color:var(--color-text);
    background:#fff;
    cursor:pointer;
  }
  .sort-dropdown-toggle .chevron-icon{transition:transform .2s ease;}
  .sort-dropdown-wrap.open .sort-dropdown-toggle{border-radius:16px 16px 0 0;}
  .sort-dropdown-wrap.open .sort-dropdown-toggle .chevron-icon{transform:rotate(180deg);}
  .sort-dropdown-list{
    display:none;
    position:absolute;top:100%;left:0;right:0;
    background:#fff;
    border:1px solid var(--color-border);
    border-top:none;
    border-radius:0 0 16px 16px;
    overflow:hidden;
    z-index:20;
  }
  .sort-dropdown-wrap.open .sort-dropdown-list{display:block;}
  .sort-option{
    display:block;width:100%;
    text-align:left;
    background:none;border:none;
    padding:13px 18px;
    font-size:14px;color:var(--color-text);
    cursor:pointer;
  }
  .sort-option:hover{background:var(--color-cream);}
  .sort-option.active{font-weight:600;}

  .product-grid-3{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
  }
  .badge-dark{background:var(--color-dark);}

  /* ============ PAGINATION ============ */
  .pagination{
    display:flex;gap:8px;justify-content:center;
    margin:44px 0 8px;
  }
  .pagination a, .pagination span{
    width:36px;height:36px;
    display:flex;align-items:center;justify-content:center;
    border-radius:50%;
    font-size:14px;
    color:var(--color-muted);
  }
  .pagination a:hover{color:var(--color-text);}
  .pagination .current{background:none;color:var(--color-text);font-weight:700;}

  /* ============ CATALOG INTRO TEXT ============ */
  .catalog-intro{margin:56px 0 40px;max-width:820px;}
  .catalog-intro h2{font-size:26px;margin-bottom:14px;}
  .catalog-intro p{color:var(--color-muted);font-size:15px;line-height:1.7;margin:0;}

  /* ============ FAQ ACCORDION ============ */
  .faq{
    border:1px solid var(--color-border);
    border-radius:16px;
    padding:6px 28px;
  }
  .faq-item{border-bottom:1px solid var(--color-border);padding:20px 0;}
  .faq-item:last-child{border-bottom:none;}
  .faq-question{
    display:flex;justify-content:space-between;align-items:center;gap:16px;
    cursor:pointer;font-size:15.5px;font-weight:600;
  }
  .faq-question .faq-icon{
    flex-shrink:0;
    transition:transform .25s ease;
    font-size:14px;
  }
  .faq-item.open .faq-icon{transform:rotate(180deg);}
  .faq-answer{
    max-height:0;overflow:hidden;
    transition:max-height .3s ease;
    font-size:14.5px;color:var(--color-muted);line-height:1.7;
  }
  .faq-item.open .faq-answer{max-height:400px;padding-top:14px;}

  /* ============ PRODUCT PAGE LAYOUT ============ */
  .product-layout{
    display:grid;
    grid-template-columns:1.1fr 0.9fr;
    gap:56px;
    margin:8px 0 60px;
    align-items:start;
  }

  /* ---- Gallery ---- */
  .gallery{display:flex;gap:14px;}
  .gallery-thumbs-wrap{
    width:84px;flex-shrink:0;
    display:flex;flex-direction:column;
  }
  .gallery-scroll-btn{
    display:none;
    align-items:center;justify-content:center;
    width:100%;height:22px;flex-shrink:0;
    background:none;border:none;cursor:pointer;
  }
  .gallery-thumbs-wrap.has-scroll .gallery-scroll-btn{display:flex;}
  .gallery-thumbs-viewport{
    position:relative;
    overflow:hidden;
    flex:1;
  }
  .gallery-thumbs{
    display:flex;flex-direction:column;gap:10px;
    height:100%;
    overflow-y:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .gallery-thumbs::-webkit-scrollbar{display:none;}
  .gallery-thumbs button{
    border:1px solid var(--color-border);
    border-radius:8px;overflow:hidden;padding:0;
    background:none;cursor:pointer;position:relative;
    flex-shrink:0;
  }
  .gallery-thumbs button.active{border-color:var(--color-dark);border-width:2px;}
  .gallery-thumbs img{width:100%;height:100%;object-fit:cover;display:block;}
  .gallery-thumbs .play-icon{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,.35);color:#fff;font-size:16px;
  }
  .gallery-fade{
    position:absolute;left:0;right:0;height:28px;
    pointer-events:none;
    opacity:0;transition:opacity .2s ease;
    z-index:2;
  }
  .gallery-fade-top{
    top:0;
    background:linear-gradient(to bottom, rgba(255,255,255,.9), transparent);
  }
  .gallery-fade-bottom{
    bottom:0;
    background:linear-gradient(to top, rgba(255,255,255,.9), transparent);
  }
  .gallery-thumbs-wrap.has-scroll .gallery-fade-top.show,
  .gallery-thumbs-wrap.has-scroll .gallery-fade-bottom.show{opacity:1;}
  .icon-arrow-up, .icon-arrow-down{
    display:inline-block;width:14px;height:8px;
    background-color:currentColor;
  }
  .icon-arrow-up{
    -webkit-mask:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 7L7 1L1 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 7L7 1L1 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    color:#8D8D8D;
  }
  .icon-arrow-down{
    -webkit-mask:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    mask:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    color:#3E3E3E;
  }
  .gallery-main{
    flex:1;border-radius:var(--radius);overflow:hidden;
    cursor:zoom-in;background:#eee;
    height:520px;
  }
  .gallery-main img{width:100%;height:100%;object-fit:cover;display:block;}
  .gallery-main iframe{width:100%;height:100%;display:block;border:none;}

  .lightbox-overlay{
    position:fixed;inset:0;background:rgba(10,9,8,.92);
    display:none;align-items:center;justify-content:center;
    z-index:1200;padding:30px;
  }
  .lightbox-overlay.open{display:flex;}
  .lightbox-overlay img{max-width:90vw;max-height:88vh;border-radius:8px;}
  .lightbox-close{
    position:absolute;top:24px;right:28px;
    background:none;border:none;color:#fff;font-size:28px;line-height:1;
  }
  .lightbox-nav{
    position:absolute;top:50%;transform:translateY(-50%);
    width:48px;height:48px;border-radius:50%;
    background:rgba(255,255,255,.12);border:none;
    display:flex;align-items:center;justify-content:center;
    color:#fff;cursor:pointer;
    z-index:1;
  }
  .lightbox-nav:hover{background:rgba(255,255,255,.22);}
  .lightbox-prev{left:20px;}
  .lightbox-next{right:20px;}
  .lightbox-prev .icon-arrow-up{transform:rotate(-90deg);}
  .lightbox-next .icon-arrow-down{transform:rotate(-90deg);}
  .lightbox-nav .icon-arrow-up,
  .lightbox-nav .icon-arrow-down{color:#fff;}
  .lightbox-nav.hidden{display:none;}

  /* ---- Info panel ---- */
  .product-info h1{font-size:28px;margin-bottom:10px;}
  .product-price-row{display:flex;align-items:center;gap:12px;margin-bottom:26px;flex-wrap:wrap;}
  .product-price-row .price-new{font-size:23px;font-weight:700;}
  .product-price-row .price-old{font-size:16px;}
  .savings-badge{
    background:var(--color-accent);color:#fff;
    font-size:12px;font-weight:700;
    padding:5px 11px;border-radius:100px;
  }

  .field-label{font-size:13px;font-weight:600;margin-bottom:10px;}
  .size-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
    margin-bottom:26px;
  }
  .size-btn{
    border:1px solid var(--color-border);border-radius:10px;
    padding:11px 12px;text-align:left;background:#fff;cursor:pointer;
  }
  .size-btn.active{border-color:var(--color-dark);border-width:2px;}
  .size-btn.disabled{opacity:.45;cursor:default;}
  .size-btn .size-name{font-size:13px;font-weight:600;display:block;margin-bottom:4px;}
  .size-btn .size-price{font-size:12.5px;color:var(--color-muted);}

  .color-label{font-size:13px;margin-bottom:12px;}
  .color-label strong{font-weight:700;}
  .color-row{display:flex;align-items:center;gap:10px;margin-bottom:26px;flex-wrap:wrap;}
  .color-swatch{
    width:32px;height:32px;border-radius:50%;
    box-shadow:0 0 0 1px var(--color-border);
    border:2px solid #fff;display:inline-block;
  }
  .color-swatch.active{box-shadow:0 0 0 2px var(--color-dark);}
  .color-more-text{font-size:13px;color:var(--color-muted);}

  .product-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:26px;}
  .product-actions .btn{width:100%;}
  .btn-outline{background:#fff;border:1px solid var(--color-border);color:var(--color-text);}
  .btn-outline:hover{opacity:.85;}

  .installment-banner{
    background:#2E2E2E;color:#fff;border-radius:14px;
    padding:22px 24px;display:flex;align-items:center;justify-content:space-between;
    cursor:pointer;margin-bottom:26px;flex-wrap:wrap;gap:14px;border:none;width:100%;
    font-family:inherit;text-align:left;
  }
  .installment-price{color:#fff;}
  .installment-price .amount{font-size:30px;font-weight:800;}
  .installment-price .term{font-size:24px;font-weight:600;margin-left:8px;}
  .installment-badge{
    background:#EFEFEF;border-radius:100px;padding:12px 20px;
    font-size:16px;font-weight:700;color:var(--color-text);
    white-space:nowrap;flex-shrink:0;
  }

  .info-list{display:flex;flex-direction:column;gap:10px;}
  .info-row{
    display:flex;gap:14px;align-items:flex-start;
    background:#EFEFEF;
    border-radius:12px;
    padding:16px 18px;
  }
  .info-row .icon{
    width:50px;height:50px;flex-shrink:0;
    background:#E0E0E0;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
  }
  .info-row .icon svg{width:26px;height:26px;display:block;}
  .info-row .info-title{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:4px;}
  .info-row .info-value{font-size:14px;font-weight:400;color:var(--color-muted);}
  .info-row .info-value mark{
    background:#FECECB;
    color:var(--color-text);
    font-weight:600;
    padding:2px 7px;
    border-radius:5px;
  }
  .info-row .info-value .loc{color:#9F544E;font-weight:600;}
  .info-row .info-value .sep{color:#c9c9c9;margin:0 8px;font-weight:400;}

  /* ---- Product details (left column) ---- */
  .details-block{margin-top:44px;max-width:560px;}
  .details-block > h2{font-size:20px;margin-bottom:14px;}
  .details-divider{border-top:1px solid var(--color-border);margin-bottom:18px;}
  .details-description{color:var(--color-text);font-size:14.5px;line-height:1.7;margin-bottom:22px;}
  .details-description p{margin:0;}
  .detail-row{display:flex;flex-direction:column;gap:4px;padding:13px 0;border-top:none;font-size:14px;}
  .detail-row + .detail-row{border-top:1px solid var(--color-border);}
  .detail-row .detail-label{color:var(--color-muted);}
  .detail-row .detail-value{font-weight:600;}

  .detail-collapsible{
    position:relative;
    overflow:hidden;
    transition:max-height .3s ease;
  }
  .detail-fade{
    position:absolute;left:0;right:0;bottom:0;height:70px;
    background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 85%);
    pointer-events:none;
    opacity:1;
    transition:opacity .3s ease;
  }
  .detail-collapsible.expanded .detail-fade{opacity:0;}

  .detail-toggle-wrap{
    position:relative;
    margin-top:-14px;
    display:flex;justify-content:center;
    z-index:2;
  }
  .detail-toggle{
    background:#fff;border:none;color:var(--color-text);
    font-size:12px;font-weight:600;
    display:flex;align-items:center;gap:6px;
    cursor:pointer;padding:6px 4px;
  }
  .detail-toggle .chevron-icon{transition:transform .2s ease;}
  .detail-toggle.expanded .chevron-icon{transform:rotate(180deg);}

  /* ---- Similar products ---- */
  .similar-carousel{overflow:hidden;}
  .similar-track{
    display:flex;
    gap:20px;
    width:max-content;
  }
  .similar-track .product-card{
    width:var(--similar-card-w, 270px);
    flex:0 0 var(--similar-card-w, 270px);
  }

  /* ---- Completează-ți dormitorul ---- */
  .room-block{
    display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;
  }
  .room-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .room-tile{
    position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1/1;
  }
  .room-tile img{width:100%;height:100%;object-fit:cover;}
  .room-tile::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%);
  }
  .room-tile span{position:absolute;left:16px;bottom:14px;color:#fff;font-weight:600;font-size:15px;z-index:2;}
  .room-text h2{font-size:28px;margin-bottom:16px;}
  .room-text p{color:var(--color-muted);font-size:15px;line-height:1.7;margin-bottom:20px;}
  .room-text a{font-weight:600;text-decoration:underline;}

  /* ============ FLOATING CHAT STACK (WhatsApp/Telegram) ============ */
  .chat-stack{
    position:absolute;
    right:32px;top:50%;
    transform:translateY(-50%);
    display:flex;flex-direction:column;gap:14px;
    z-index:5;
  }
  .chat-stack button{
    width:52px;height:52px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:22px;border:none;color:#fff;cursor:pointer;
    box-shadow:0 8px 18px rgba(0,0,0,.25);
  }
  .chat-stack .whatsapp{background:#25D366;}
  .chat-stack .telegram{background:#2AABEE;}
  .chat-stack .close-chat{background:#fff;color:var(--color-dark);box-shadow:0 4px 10px rgba(0,0,0,.15);font-size:16px;}

  /* ============ ABOUT INTRO (text + stat cards) ============ */
  .about-intro{
    display:grid;grid-template-columns:1fr 1fr;gap:48px;
    align-items:center;margin:64px 0;
  }
  .about-intro h2{font-size:30px;margin-bottom:16px;}
  .about-intro-text p{color:var(--color-muted);font-size:15px;line-height:1.75;}
  .stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  .stat-card{border:1px solid var(--color-border);border-radius:14px;padding:24px;}
  .stat-number{font-size:26px;font-weight:700;margin-bottom:6px;}
  .stat-label{font-size:13.5px;color:var(--color-muted);}

  /* ============ VALUES GRID (light bg, filled dark icon circles) ============ */
  .values-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center;
  }
  .values-grid .icon-wrap{
    width:60px;height:60px;border-radius:50%;
    background:var(--color-dark);color:#fff;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 18px;font-size:20px;
  }
  .values-grid h3{font-size:16px;font-weight:600;margin-bottom:8px;}
  .values-grid p{margin:0;color:var(--color-muted);font-size:13.5px;line-height:1.6;}

  /* ============ PROJECT PAGE: gallery + intro ============ */
  .project-intro{max-width:760px;margin-bottom:36px;}
  .articole-intro{max-width:60%;}
  .project-intro p{color:var(--color-muted);font-size:15px;line-height:1.7;margin-top:14px;}
  .project-gallery{display:flex;flex-direction:column;gap:20px;margin-bottom:56px;}
  .gallery-row{display:grid;gap:20px;}
  .gallery-row.cols-3{grid-template-columns:repeat(3,1fr);}
  .gallery-row.cols-2{grid-template-columns:repeat(2,1fr);}
  .gallery-row.cols-1{grid-template-columns:1fr;}
  .project-gallery-item{
    display:block;padding:0;border:none;background:none;cursor:zoom-in;
  }
  .project-gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);display:block;}

  /* ============ SINGLE ARTICLE ============ */
  .article-single{max-width:760px;}
  .article-single h1{font-size:32px;line-height:1.25;margin-bottom:16px;}
  .article-single-meta{
    font-size:13.5px;color:var(--color-muted);
    margin-bottom:28px;
  }
  .article-single-cover{margin-bottom:32px;}
  .article-single-cover img{width:100%;border-radius:var(--radius);display:block;}
  .article-single-content{font-size:15.5px;line-height:1.8;color:var(--color-text);}
  .article-single-content p{margin:0 0 22px;}
  .article-single-content h2{font-size:22px;margin:36px 0 14px;font-weight:600;}
  .article-single-content h3{font-size:17px;margin:28px 0 12px;font-weight:600;font-style:italic;}
  .article-single-content img{width:100%;border-radius:var(--radius);margin:28px 0;display:block;}
  .article-single-content a{color:var(--color-accent);text-decoration:underline;}
  .article-single-content ul, .article-single-content ol{margin:0 0 22px;padding-left:22px;}
  .article-single-content blockquote{
    border-left:3px solid var(--color-dark);
    margin:24px 0;padding:4px 0 4px 20px;
    color:var(--color-muted);font-style:italic;
  }

  /* ============ CONTACTE ============ */
  .contact-layout{
    display:grid;grid-template-columns:1fr 1.3fr;gap:60px;
    margin:8px 0 60px;align-items:start;
  }
  .contact-block h2{font-size:20px;margin-bottom:8px;}
  .contact-group{margin-bottom:13px;}
  .contact-group h4{font-size:13px;color:var(--color-muted);font-weight:600;margin-bottom:8px;}
  .contact-group p, .contact-group a{font-size:15px;line-height:1.6;color:var(--color-text);display:block;}
  .contact-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
  .contact-form h2{font-size:20px;margin-bottom:24px;}
  .contact-form .field input, .contact-form .field textarea{
    border:1px solid #000;
    color:var(--color-text);
  }
  .contact-form .field input::placeholder, .contact-form .field textarea::placeholder{color:#555;}
  .contact-form-note{text-align:center;font-size:13px;color:var(--color-muted);margin-top:14px;}

  /* ============ GIFT CARD ============ */
  .giftcard-layout{
    display:grid;grid-template-columns:1fr 1fr;gap:56px;
    margin:8px 0 60px;align-items:start;
  }
  .giftcard-images{display:flex;flex-direction:column;gap:20px;}
  .giftcard-images img{width:100%;border-radius:var(--radius);display:block;}
  .giftcard-info h1{font-size:30px;margin-bottom:20px;}
  .giftcard-info-text p{color:var(--color-muted);font-size:15px;line-height:1.7;margin-bottom:14px;}
  .giftcard-divider{border:none;border-top:1px solid var(--color-border);margin:26px 0;}
  .value-label{font-size:15px;font-weight:600;margin-bottom:14px;}
  .value-row{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap;}
  .value-btn{
    border:1px solid var(--color-border);border-radius:100px;
    padding:10px 22px;font-size:14px;font-weight:600;
    background:#fff;cursor:pointer;
  }
  .value-btn.active{background:var(--color-dark);color:#fff;border-color:var(--color-dark);}

  /* ============ MOBILE MENU DRAWER ============ */
  .mobile-menu-overlay{
    display:none;
    position:fixed;
    inset:0;
    background:#fff;
    z-index:200;
    flex-direction:column;
    overflow-y:auto;
  }
  .mobile-menu-search-row{
    display:flex;align-items:center;gap:16px;
    padding:16px 20px;
    flex-shrink:0;
  }
  .mobile-search-input{
    flex:1;display:flex;align-items:center;gap:10px;
    border:1px solid var(--color-border);
    border-radius:8px;padding:10px 14px;
  }
  .mobile-search-input input{
    border:none;outline:none;flex:1;
    font-size:14px;background:none;font-family:inherit;
  }
  .mobile-search-input button{background:none;border:none;font-size:15px;color:var(--color-muted);}
  .mobile-menu-close{
    background:none;border:none;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;color:var(--color-dark);
  }
  .mobile-nav{border-top:1px solid var(--color-border);padding:0 20px;}
  .mobile-nav-list{list-style:none;margin:0;padding:0;}
  .mobile-nav-list li{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    border-bottom:1px solid var(--color-border);
  }
  .mobile-nav-list li > a{
    flex:1;padding:16px 0;font-size:15.5px;color:var(--color-text);
  }
  .mobile-nav-list .menu-toggle-btn{
    background:none;border:none;color:var(--color-text);
    padding:16px 0 16px 14px;flex-shrink:0;
    display:flex;align-items:center;
    transition:transform .2s ease;
  }
  .mobile-nav-list li.mobile-open > .menu-toggle-btn{transform:rotate(180deg);}
  .mobile-nav-list .sub-menu{
    flex-basis:100%;list-style:none;margin:0 0 12px;padding-left:14px;
    display:none;
  }
  .mobile-nav-list li.mobile-open > .sub-menu{display:block;}
  .mobile-nav-list .sub-menu li{border-bottom:none;flex-basis:100%;}
  .mobile-nav-list .sub-menu a{
    display:block;padding:9px 0;font-size:15.5px;color:var(--color-text);flex:1;
  }
  body.mobile-menu-open{overflow:hidden;}

  /* ============ MOBILE ============ */
  @media (max-width:960px){
    section{padding:56px 0;}
    .catalog-page-container{padding-bottom:56px;}
    .catalog-page-wrap{padding-bottom:56px;}
    .container{padding:0 20px;}
    .main-nav{display:none;}
    .mobile-menu-overlay{top:64px;}
    .mobile-menu-overlay.open{display:flex;}
    .header-actions .phone-link, .header-actions .icon-btn:first-of-type{display:none;}
    .mobile-phone{
      display:flex;align-items:center;justify-content:center;
      width:36px;height:36px;border:1px solid var(--color-border);border-radius:50%;
      order:-1;
    }
    .burger{
      display:flex;flex-direction:column;justify-content:center;gap:4px;
      width:36px;height:36px;background:none;border:none;
    }
    .burger span{display:block;height:2px;background:var(--color-dark);}
    .site-header .container{height:64px;}
    .logo{font-size:15px;}
    .logo-image img{height:28px;}
    .logo .mark{width:26px;height:26px;font-size:9px;}

    .hero{min-height:auto;}
    .hero-inner{padding:56px 0;max-width:100%;}
    .hero h1{font-size:30px;}
    .hero p{font-size:14.5px;}
    .chat-fab{width:46px;height:46px;right:16px;bottom:-23px;}

    .section-head{flex-direction:column;align-items:flex-start;text-align:left;gap:14px;}
    .section-head.centered{align-items:center;text-align:center;}
    .section-head h2{font-size:24px;}

    .cat-grid{
      grid-template-columns:repeat(4, 140px);
      grid-auto-flow:column;
      overflow-x:auto;
      gap:14px;
      padding-bottom:8px;
      scroll-snap-type:x mandatory;
    }
    .cat-card{scroll-snap-align:start;flex-shrink:0;}
    .cat-card:hover img{transform:none;}
    .cat-grid-tall{
      grid-template-columns:1fr;
      grid-auto-flow:row;
      overflow-x:visible;
      gap:20px;
      justify-items:center;
    }
    .cat-grid-tall .cat-card{width:90vw;height:450px;}
    .projects-track .cat-card{height:400px;}
    .projects-track{gap:14px;}
    .nav-arrows{display:none;}
    .projects-carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
    .projects-carousel::-webkit-scrollbar{display:none;}
    .projects-track{scroll-snap-type:x mandatory;}
    .projects-track .cat-card{scroll-snap-align:start;}
    .cat-grid-tall .cat-card span{left:0;right:0;text-align:center;}
    .cat-grid-tall.cat-grid-slider{
      grid-template-columns:none;
      grid-auto-flow:column;
      grid-auto-columns:85vw;
      overflow-x:auto;
      gap:14px;
      padding-bottom:0;
      scroll-snap-type:x mandatory;
      scrollbar-width:none;
      -ms-overflow-style:none;
    }
    .cat-grid-tall.cat-grid-slider::-webkit-scrollbar{display:none;}
    .cat-grid-tall.cat-grid-slider .cat-card{width:85vw;height:400px;}
    .cat-grid-tall.cat-grid-slider .cat-card span{
      left:0;right:0;text-align:center;
    }
    .catalog-page-grid{
      grid-template-columns:1fr;
      grid-auto-flow:row;
      overflow-x:visible;
      gap:20px;
      padding-bottom:0;
    }
    .catalog-page-grid .cat-card{width:100%;height:340px;}

    .why-grid{grid-template-columns:1fr 1fr;gap:28px;}
    .offers-grid{grid-template-columns:1fr;gap:20px;}
    .whom-grid{grid-template-columns:1fr;}
    .articles-grid{grid-template-columns:1fr;}
    .footer-top{grid-template-columns:1fr;gap:32px;text-align:left;}
    .footer-bottom{flex-direction:column;gap:12px;align-items:flex-start;}

    .solution-grid{grid-template-columns:1fr;gap:16px;}
    .why-box-grid{grid-template-columns:1fr;gap:14px;}
    .process-grid{grid-template-columns:1fr;gap:16px;}
    .portfolio-grid{grid-template-columns:1fr;}
    .field-row{grid-template-columns:1fr;gap:0;}

    .testimonials-inner{grid-template-columns:1fr;gap:28px;}
    .testimonials-left{margin-top:0;}
    .testimonials-right{padding-left:0;padding-top:28px;}
    .testimonials-right blockquote{font-size:17px;}

    .order-grid{grid-template-columns:1fr;gap:28px;}
    .icon-steps-grid{grid-template-columns:1fr 1fr;gap:28px 16px;}
    .trust-grid{grid-template-columns:1fr;gap:14px;}

    .catalog-grid{grid-template-columns:1fr 1fr;gap:14px;}
    .catalog-layout{grid-template-columns:1fr;gap:0;}
    .filters-sidebar{background:none;padding:0;border-radius:0;}
    .filters-heading{display:none;}
    .filters-toggle-btn{display:flex;}
    .filters{
      display:none;
      border:1px solid var(--color-border);
      border-radius:12px;
      padding:20px;
      margin-bottom:20px;
    }
    .filters.open{display:block;}
    .catalog-top-bar{justify-content:stretch;}
    .sort-dropdown-wrap{width:100%;}
    .product-grid-3{grid-template-columns:1fr;gap:20px;}
    .faq{padding:6px 18px;}
    .articole-intro{max-width:100%;}
    .catalog-intro h2{font-size:21px;}

    .product-layout{grid-template-columns:1fr;gap:0;}
    .product-left-col{display:contents;}
    .product-info{display:contents;}
    .gallery{order:1;margin-bottom:28px;}
    .product-info > h1{order:2;}
    .product-price-row{order:3;}
    .field-label{order:4;}
    .size-grid{order:4;}
    .color-label{order:5;}
    .color-row{order:5;}
    .product-actions{order:6;}
    .installment-banner{order:7;}
    .details-block{order:8;margin-top:0;margin-bottom:28px;}
    .info-list{order:9;}
    .gallery{flex-direction:column-reverse;}
    .gallery-main{height:auto;}
    .gallery-main img, .gallery-main iframe{aspect-ratio:1/1;height:auto;}
    .gallery-thumbs-wrap{width:100%;flex-direction:row;align-items:stretch;}
    .gallery-thumbs-wrap .gallery-scroll-btn{width:22px;height:auto;flex-shrink:0;}
    .gallery-scroll-up .icon-arrow-up{transform:rotate(-90deg);}
    .gallery-scroll-down .icon-arrow-down{transform:rotate(-90deg);}
    .gallery-thumbs-viewport{overflow:hidden;}
    .gallery-thumbs{
      flex-direction:row;height:auto;width:100%;
      overflow-x:auto;overflow-y:visible;
    }
    .gallery-thumbs button{height:88px;flex-shrink:0;}
    .gallery-fade{
      left:0;right:auto;top:0;bottom:0;width:24px;height:auto;
      background:linear-gradient(to right, rgba(255,255,255,.9), transparent);
    }
    .gallery-fade-bottom{
      left:auto;right:0;
      background:linear-gradient(to left, rgba(255,255,255,.9), transparent);
    }
    .product-info h1{font-size:23px;}
    .size-grid{grid-template-columns:1fr 1fr;}
    .info-row .info-value{display:flex;flex-wrap:wrap;row-gap:12px;}
    .info-row .info-value .info-part{flex-basis:100%;}
    .info-row .info-value .sep{display:none;}
    .installment-banner{padding:18px;}
    .installment-price .amount{font-size:26px;}
    .installment-price .term{font-size:20px;}
    .installment-badge{padding:8px 14px;font-size:12px;}
    .similar-carousel{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
    .similar-carousel::-webkit-scrollbar{display:none;}
    .similar-track{scroll-snap-type:x mandatory;}
    .similar-track .product-card{scroll-snap-align:start;}
    .room-block{grid-template-columns:1fr;gap:28px;}
    .room-text{order:1;}
    .room-grid{order:2;grid-template-columns:1fr;}
    .room-text h2{font-size:22px;}

    .chat-stack{right:16px;top:auto;bottom:16px;transform:none;}
    .chat-stack button{width:44px;height:44px;font-size:18px;}
    .about-intro{grid-template-columns:1fr;gap:28px;margin:40px 0;}
    .stats-grid{gap:12px;}
    .stat-card{padding:18px;}
    .values-grid{grid-template-columns:1fr 1fr;gap:24px 16px;}

    .gallery-row.cols-3, .gallery-row.cols-2{grid-template-columns:1fr;}

    .article-single h1{font-size:23px;}
    .article-single-content h2{font-size:19px;}

    .contact-layout{grid-template-columns:1fr;gap:32px;}
    .contact-row-pair{grid-template-columns:1fr;gap:0;}

    .giftcard-layout{grid-template-columns:1fr;gap:32px;}
  }