@font-face{
      font-family:'Pelak';
      src:url('../Fonts/PelakFA-light.ttf') format('truetype');
      font-weight:300;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:'Pelak';
      src:url('../Fonts/PelakFA-Regular.ttf') format('truetype');
      font-weight:400;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:'Pelak';
      src:url('../Fonts/PelakFA-Bold.ttf') format('truetype');
      font-weight:700;
      font-style:normal;
      font-display:swap;
    }
    @font-face{
      font-family:'Pelak';
      src:url('../Fonts/PelakFA-Black.ttf') format('truetype');
      font-weight:900;
      font-style:normal;
      font-display:swap;
    }

    :root{
      --bg:#090710;
      --bg2:#120b17;
      --bg3:#211227;
      --surface:rgba(255,255,255,.075);
      --surface2:rgba(255,255,255,.115);
      --line:rgba(255,255,255,.145);
      --line2:rgba(255,255,255,.09);
      --text:#fff8f5;
      --muted:rgba(255,248,245,.72);
      --muted2:rgba(255,248,245,.58);
      --gold:#e9bf78;
      --gold2:#c79544;
      --rose:#f0b6c4;
      --cream:#f6eadf;
      --danger:#ff7097;
      --shadow:rgba(0,0,0,.42);
      --radius-xl:30px;
      --radius-lg:24px;
      --radius-md:18px;
    }

    *{box-sizing:border-box}
    *,*::before,*::after{
      font-family:'Pelak',Tahoma,Arial,sans-serif !important;
    }
    html,body,form,main,section,header,footer,nav,aside,article,div,span,a,p,b,strong,small,em,i,mark,label,button,input,textarea,select,option,optgroup,fieldset,legend,ul,ol,li,table,thead,tbody,tfoot,tr,th,td,h1,h2,h3,h4,h5,h6{
      font-family:'Pelak',Tahoma,Arial,sans-serif !important;
    }
    input::placeholder,textarea::placeholder{
      font-family:'Pelak',Tahoma,Arial,sans-serif !important;
    }
    svg text{font-family:'Pelak',Tahoma,Arial,sans-serif !important}
    html{scroll-behavior:smooth}
    html,body{margin:0;padding:0}
    body{
      font-family:'Pelak',Tahoma,Arial,sans-serif !important;
      background:var(--bg);
      color:var(--text);
      overflow-x:hidden;
      min-height:100vh;
      text-rendering:geometricPrecision;
    }
    h1,h2,h3,h4,.title-font,.brand-name,.btn,.price,.nav-link,.section-kicker,.chip,.stat b,.product-pill b,.category-title,.soft-label,.social-name{
      font-family:'Pelak',Tahoma,Arial,sans-serif !important;
    }
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button,input,textarea,select{font-family:'Pelak',Tahoma,Arial,sans-serif !important}
    .page-bg{
      position:fixed;
      inset:0;
      z-index:-10;
      pointer-events:none;
      background:
        radial-gradient(circle at 15% 12%, rgba(233,191,120,.16), transparent 26%),
        radial-gradient(circle at 86% 15%, rgba(240,182,196,.12), transparent 25%),
        radial-gradient(circle at 60% 70%, rgba(255,255,255,.055), transparent 35%),
        linear-gradient(135deg,#090710 0%,#130d1d 46%,#211227 100%);
    }
    .page-bg::before{
      content:"";
      position:absolute;
      inset:-20%;
      background:linear-gradient(118deg,transparent 24%,rgba(255,255,255,.032),transparent 42%,transparent 58%,rgba(255,255,255,.028),transparent 76%);
      transform:rotate(-8deg);
      animation:bgRay 13s linear infinite;
    }
    @keyframes bgRay{0%{translate:62% 0}100%{translate:-62% 0}}

    .site-header{
      position:sticky;
      top:0;
      z-index:80;
      padding:14px 5vw 0;
      background:linear-gradient(180deg, rgba(9,7,16,.94), rgba(9,7,16,.76) 74%, transparent 100%);
      backdrop-filter:blur(14px);
    }
    .header-shell{
      max-width:1440px;
      margin:0 auto;
      padding:11px 16px;
      border:1px solid var(--line);
      border-radius:24px;
      background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
      display:grid;
      grid-template-columns:auto 1fr auto;
      align-items:center;
      gap:18px;
      box-shadow:0 14px 38px rgba(0,0,0,.20);
    }
    .brand{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:max-content;
    }
    .brand-logo{
      position:relative;
      width:54px;
      height:54px;
      border-radius:18px;
      background:rgba(255,255,255,.92);
      padding:6px;
      flex:0 0 auto;
      box-shadow:0 12px 28px rgba(0,0,0,.18);
      overflow:visible;
      isolation:isolate;
    }
    .brand-logo::before{
      content:"";
      position:absolute;
      inset:-9px;
      border-radius:24px;
      background:radial-gradient(circle at 50% 48%, rgba(255,221,158,.78), rgba(240,182,196,.38) 42%, rgba(233,191,120,.16) 62%, transparent 74%);
      filter:blur(10px);
      opacity:.34;
      transform:scale(.94);
      animation:brandLogoGlow 2s ease-in-out infinite;
      z-index:-1;
      pointer-events:none;
    }
    .brand-logo::after{
      content:"";
      position:absolute;
      inset:2px;
      border-radius:16px;
      background:linear-gradient(135deg, rgba(255,255,255,.34), transparent 38%, rgba(233,191,120,.16));
      opacity:.42;
      animation:brandLogoInnerGlow 2s ease-in-out infinite;
      z-index:1;
      pointer-events:none;
    }
    .brand-logo img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;transform:none;animation:none}
    @keyframes brandLogoGlow{
      0%,100%{opacity:.28;transform:scale(.92)}
      50%{opacity:.9;transform:scale(1.08)}
    }
    @keyframes brandLogoInnerGlow{
      0%,100%{opacity:.28}
      50%{opacity:.62}
    }
    .brand-name{
      display:block;
      font-size:20px;
      font-weight:900;
      line-height:1.05;
      letter-spacing:-.5px;
    }
    .brand-tagline{
      display:block;
      font-size:12px;
      color:var(--muted);
      margin-top:5px;
      white-space:nowrap;
    }
    .main-nav{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:4px;
      flex-wrap:wrap;
    }
    .nav-link{
      padding:10px 13px;
      border-radius:15px;
      font-size:13.5px;
      font-weight:700;
      color:#fff9f6;
      transition:.22s ease;
    }
    .nav-link:hover{background:rgba(255,255,255,.075);color:var(--gold);transform:translateY(-1px)}
    .header-tools{
      display:flex;
      align-items:center;
      justify-self:end;
      gap:9px;
    }
    .search-box{
      display:flex;
      align-items:center;
      gap:8px;
      min-width:220px;
      padding:10px 14px;
      border-radius:16px;
      border:1px solid var(--line2);
      background:rgba(255,255,255,.055);
      color:var(--muted);
      font-size:12.5px;
    }
    .search-box svg{flex:0 0 auto}
    .icon-btn{
      position:relative;
      width:43px;
      height:43px;
      border-radius:15px;
      border:1px solid var(--line2);
      background:rgba(255,255,255,.055);
      display:grid;
      place-items:center;
      transition:.22s ease;
    }
    .icon-btn:hover{transform:translateY(-2px);border-color:rgba(233,191,120,.45);background:rgba(255,255,255,.095)}
    .icon-btn svg{width:19px;height:19px;fill:#fff7f3}
    .cart-badge{
      position:absolute;
      top:-6px;
      left:-6px;
      min-width:20px;
      height:20px;
      padding:0 5px;
      border-radius:999px;
      display:grid;
      place-items:center;
      background:linear-gradient(135deg,var(--gold),#fff0ca);
      color:#24140f;
      font-size:11px;
      font-weight:900;
      box-shadow:0 9px 20px rgba(233,191,120,.24);
    }
    .header-cta{
      padding:12px 16px;
      border-radius:16px;
      background:linear-gradient(135deg,#f9d79a 0%,var(--gold) 52%,#dca14f 100%);
      color:#23140f;
      font-weight:900;
      font-size:13px;
      white-space:nowrap;
      box-shadow:0 14px 34px rgba(233,191,120,.18);
      transition:.22s ease;
    }
    .header-cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(233,191,120,.24)}
    .theme-toggle{
      color:#fff7f3;
      cursor:pointer;
      padding:0;
      overflow:hidden;
    }
    .theme-toggle svg{width:18px;height:18px;fill:currentColor !important;position:absolute;transition:.28s ease}
    .theme-toggle .sun-icon{opacity:0;transform:rotate(-90deg) scale(.55)}
    html[data-theme="light"] .theme-toggle .moon-icon{opacity:0;transform:rotate(90deg) scale(.55)}
    html[data-theme="light"] .theme-toggle .sun-icon{opacity:1;transform:rotate(0deg) scale(1)}
    .mobile-menu-btn{display:none}

    .hero{
      position:relative;
      overflow:hidden;
      padding:32px 6vw 34px;
      isolation:isolate;
    }
    .hero-grid{
      width:100%;
      max-width:1440px;
      margin:0 auto;
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:26px;
      align-items:center;
      min-height:calc(100vh - 130px);
    }
    .hero-copy{
      max-width:620px;
      position:relative;
      z-index:5;
    }
    .chip{
      display:inline-flex;
      align-items:center;
      gap:10px;
      padding:9px 15px;
      border-radius:999px;
      border:1px solid var(--line);
      background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.052));
      color:var(--gold);
      font-size:12.5px;
      font-weight:900;
      box-shadow:0 12px 30px rgba(0,0,0,.18);
      backdrop-filter:blur(14px);
    }
    .chip::before{
      content:"";
      width:9px;
      height:9px;
      border-radius:50%;
      background:linear-gradient(135deg,var(--gold),#fff1cb);
      box-shadow:0 0 16px rgba(233,191,120,.48);
      flex:0 0 auto;
    }
    h1{
      margin:17px 0 13px;
      font-size:clamp(31px,4.6vw,58px);
      line-height:1.13;
      letter-spacing:-1.4px;
      font-weight:900;
    }
    .hero-title-reveal{
      display:grid;
      gap:8px;
      overflow:hidden;
    }
    .hero-title-line,
    .hero-title-focus{
      display:block;
      opacity:0;
      transform:translateY(28px);
      animation:heroTitleRise .8s cubic-bezier(.18,.8,.22,1) forwards;
    }
    .hero-title-focus{
      animation-delay:.14s;
      position:relative;
      width:max-content;
      max-width:100%;
    }
    .hero-title-focus::after{
      content:"";
      position:absolute;
      inset:auto -10% -8px;
      height:14px;
      background:linear-gradient(90deg,rgba(233,191,120,0),rgba(233,191,120,.22),rgba(244,185,204,0));
      filter:blur(10px);
      animation:heroGlowPulse 3.4s ease-in-out .75s infinite;
      pointer-events:none;
    }
    @keyframes heroTitleRise{to{opacity:1;transform:translateY(0)}}
    @keyframes heroGlowPulse{0%,100%{opacity:.45;transform:scaleX(.92)}50%{opacity:.95;transform:scaleX(1.04)}}
    .gradient-text{
      background:linear-gradient(90deg,#fff4ec 0%,var(--gold) 36%,#f4d3dd 72%,#fff4ec 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    .hero-actions{
      display:flex;
      align-items:center;
      gap:11px;
      flex-wrap:wrap;
      margin:0 0 20px;
    }
    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:158px;
      min-height:50px;
      padding:13px 21px;
      border-radius:17px;
      font-weight:900;
      font-size:14px;
      transition:.24s ease;
    }
    .btn:hover{transform:translateY(-3px)}
    .btn-primary{
      color:#24140f;
      background:linear-gradient(135deg,#f9d79a 0%,#e9bf78 52%,#dca14f 100%);
      box-shadow:0 16px 38px rgba(233,191,120,.28);
    }
    .btn-ghost{
      color:#fff;
      border:1px solid var(--line);
      background:rgba(255,255,255,.06);
      backdrop-filter:blur(14px);
    }
    .quick-stats{
      display:flex;
      gap:11px;
      flex-wrap:wrap;
    }
    .stat{
      min-width:126px;
      padding:13px 14px;
      border-radius:20px;
      border:1px solid var(--line);
      background:linear-gradient(180deg,rgba(255,255,255,.082),rgba(255,255,255,.044));
      backdrop-filter:blur(16px);
      box-shadow:0 12px 30px rgba(0,0,0,.13);
    }
    .stat b{display:block;font-size:20px;margin-bottom:4px;color:#fff7ed}
    .stat span{display:block;font-size:12px;color:var(--muted)}

    .hero-visual{
      position:relative;
      min-height:650px;
      display:grid;
      place-items:center;
      z-index:4;
    }
    .stage{
      position:relative;
      width:min(840px,100%);
      height:min(670px,76vh);
      min-height:500px;
      perspective:1600px;
      transform-style:preserve-3d;
      display:grid;
      place-items:center;
      overflow:visible;
    }
    .ambient-light,.ambient-light2,.ambient-light3{
      position:absolute;
      border-radius:50%;
      filter:blur(18px);
      z-index:0;
      pointer-events:none;
    }
    .ambient-light{width:360px;height:360px;background:radial-gradient(circle,rgba(255,232,198,.18),rgba(255,232,198,.06) 38%,transparent 72%);top:9%;left:50%;transform:translateX(-50%)}
    .ambient-light2{width:260px;height:260px;background:radial-gradient(circle,rgba(240,182,196,.15),transparent 70%);bottom:22%;right:8%}
    .ambient-light3{width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.065),transparent 70%);bottom:18%;left:10%}
    .product-pill{
      position:absolute;
      top:4%;
      left:50%;
      transform:translateX(-50%);
      min-width:300px;
      padding:13px 17px;
      border-radius:21px;
      text-align:center;
      border:1px solid var(--line);
      background:rgba(7,7,13,.38);
      backdrop-filter:blur(16px);
      box-shadow:0 18px 45px rgba(0,0,0,.20);
      z-index:7;
    }
    .product-pill b{display:block;font-size:18px;margin-bottom:5px;color:#fff7f2;font-weight:900}
    .product-pill span{display:block;font-size:12.5px;color:var(--muted)}
    .floor{
      position:absolute;
      width:82%;
      height:120px;
      bottom:46px;
      border-radius:50%;
      background:radial-gradient(ellipse,rgba(255,255,255,.16),rgba(255,255,255,.04) 44%,transparent 72%);
      transform:rotateX(72deg);
      filter:blur(2px);
      z-index:1;
    }
    .floor::after{
      content:"";
      position:absolute;
      inset:24px 10% auto;
      height:66px;
      border-radius:50%;
      background:radial-gradient(ellipse,rgba(233,191,120,.09),transparent 70%);
      filter:blur(8px);
    }
    .orbit{
      position:absolute;
      inset:0;
      transform-style:preserve-3d;
      transition:transform .9s cubic-bezier(.2,.8,.2,1);
      z-index:5;
    }
    .product-float-card{
      position:absolute;
      left:50%;
      top:50%;
      width:380px;
      height:292px;
      margin:-146px 0 0 -190px;
      display:grid;
      place-items:center;
      transform-style:preserve-3d;
      transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s ease,filter .9s ease;
      filter:brightness(.62) saturate(.88) drop-shadow(0 28px 28px rgba(0,0,0,.32));
      opacity:.55;
    }
    .product-float-card::before{
      content:"";
      position:absolute;
      width:84%;
      height:84%;
      border-radius:50%;
      background:radial-gradient(circle,rgba(255,255,255,.18),rgba(233,191,120,.08) 34%,transparent 72%);
      z-index:-1;
      transform:translateZ(-10px) scale(.8);
      opacity:.06;
      transition:.9s ease;
      filter:blur(18px);
    }
    .product-float-card::after{
      content:"";
      position:absolute;
      width:76%;
      height:26px;
      border-radius:50%;
      background:rgba(0,0,0,.38);
      bottom:16px;
      left:50%;
      transform:translateX(-50%) translateZ(-80px);
      filter:blur(12px);
      opacity:.7;
      transition:.9s ease;
      z-index:-2;
    }
    .product-hero-img{
      width:100%;
      height:250px;
      object-fit:contain;
      transform-style:preserve-3d;
      animation:floaty 4.2s ease-in-out infinite;
      filter:drop-shadow(0 12px 8px rgba(0,0,0,.14));
      transition:.9s ease;
      user-select:none;
      -webkit-user-drag:none;
    }
    .hero-badge{
      position:absolute;
      top:20px;
      right:10%;
      padding:7px 12px;
      border-radius:999px;
      font-size:11.5px;
      font-weight:900;
      color:#20140f;
      background:linear-gradient(135deg,#fff4dc,var(--gold));
      box-shadow:0 8px 24px rgba(233,191,120,.28);
      transform:translateZ(70px);
      z-index:3;
      opacity:.8;
      transition:.6s ease;
      font-family:'Pelak',Tahoma,Arial,sans-serif !important;
    }
    @keyframes floaty{0%,100%{transform:translateY(0) rotateX(8deg) rotateY(-14deg)}50%{transform:translateY(-14px) rotateX(12deg) rotateY(-20deg)}}
    .product-float-card.active{transform:translate3d(0,0,220px) rotateY(0) scale(1.16);opacity:1;z-index:6;filter:brightness(.98) saturate(1.03) drop-shadow(0 32px 42px rgba(0,0,0,.34))}
    .product-float-card.active::before{opacity:.48;transform:translateZ(-8px) scale(1.03)}
    .product-float-card.active::after{width:76%;height:28px;opacity:.86;background:rgba(0,0,0,.40)}
    .product-float-card.active .hero-badge{opacity:1}
    .product-float-card.active .product-hero-img{filter:brightness(1.01) saturate(1.03) drop-shadow(0 14px 10px rgba(0,0,0,.16))}
    .product-float-card.prev{transform:translate3d(-280px,16px,26px) rotateY(44deg) scale(.82);opacity:.74;z-index:4;filter:brightness(.74) saturate(.92) drop-shadow(0 24px 30px rgba(0,0,0,.28))}
    .product-float-card.next{transform:translate3d(280px,16px,26px) rotateY(-44deg) scale(.82);opacity:.74;z-index:4;filter:brightness(.74) saturate(.92) drop-shadow(0 24px 30px rgba(0,0,0,.28))}
    .product-float-card.back1{transform:translate3d(-118px,-115px,-250px) rotateY(28deg) scale(.62);opacity:.26;z-index:2;filter:brightness(.38) saturate(.74) blur(.2px) drop-shadow(0 20px 22px rgba(0,0,0,.20))}
    .product-float-card.back2{transform:translate3d(118px,-115px,-250px) rotateY(-28deg) scale(.62);opacity:.26;z-index:2;filter:brightness(.38) saturate(.74) blur(.2px) drop-shadow(0 20px 22px rgba(0,0,0,.20))}
    .hero-dots{
      position:absolute;
      bottom:22px;
      left:50%;
      transform:translateX(-50%);
      display:flex;
      gap:10px;
      z-index:9;
    }
    .dot-btn{
      width:12px;
      height:12px;
      border-radius:50%;
      cursor:pointer;
      border:1px solid rgba(255,255,255,.45);
      background:transparent;
      transition:.25s ease;
      padding:0;
    }
    .dot-btn.active{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 8px rgba(233,191,120,.15)}
    .thumbs{
      position:absolute;
      left:12px;
      bottom:76px;
      display:flex;
      gap:9px;
      flex-wrap:wrap;
      max-width:280px;
      z-index:8;
    }
    .thumb{
      width:48px;
      height:48px;
      padding:4px;
      cursor:pointer;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.06);
      backdrop-filter:blur(12px);
      display:grid;
      place-items:center;
      transition:.25s ease;
      opacity:.75;
    }
    .thumb img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15))}
    .thumb.active{border-color:rgba(233,191,120,.65);box-shadow:0 0 0 4px rgba(233,191,120,.12);opacity:1;transform:translateY(-2px)}

    .social-mini-section{
      padding:0 6vw 64px;
      background:linear-gradient(180deg,rgba(9,7,16,.15),#0b0812 100%);
    }
    .social-mini-grid{
      max-width:920px;
      margin:0 auto;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
    }
    .social-mini-card{
      --brand:#fff;
      --brand2:#fff;
      --soft:rgba(255,255,255,.09);
      --glow:rgba(255,255,255,.22);
      position:relative;
      min-height:122px;
      border-radius:24px;
      padding:16px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.14);
      background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
      box-shadow:0 18px 40px rgba(0,0,0,.18);
      transition:.28s ease;
      isolation:isolate;
    }
    .social-mini-card::before{
      content:"";
      position:absolute;
      inset:-45%;
      background:conic-gradient(from 0deg,transparent,var(--brand),transparent,var(--brand2),transparent);
      opacity:.18;
      animation:socialSpin 7s linear infinite;
      z-index:-2;
    }
    .social-mini-card::after{
      content:"";
      position:absolute;
      inset:1px;
      border-radius:23px;
      background:linear-gradient(135deg,rgba(20,14,29,.92),rgba(12,9,17,.94));
      z-index:-1;
    }
    @keyframes socialSpin{to{transform:rotate(360deg)}}
    .social-mini-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.24);box-shadow:0 26px 50px rgba(0,0,0,.28),0 0 34px var(--glow)}
    .social-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .social-logo{
      width:44px;
      height:44px;
      border-radius:16px;
      padding:7px;
      background:#050407;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 12px 26px var(--glow), inset 0 0 0 1px rgba(255,255,255,.05);
      display:grid;
      place-items:center;
      animation:socialFloat 3.2s ease-in-out infinite;
    }
    @keyframes socialFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}
    .social-logo img{width:100%;height:100%;object-fit:contain}
    .social-name{font-size:17px;font-weight:900;margin:0 0 3px}
    .social-handle{font-size:12px;color:var(--muted);direction:ltr;text-align:right}
    .social-cta{
      margin-top:13px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:8px 12px;
      border-radius:14px;
      background:linear-gradient(135deg,var(--brand),var(--brand2));
      color:#fff;
      font-size:12px;
      font-weight:900;
      box-shadow:0 12px 26px var(--glow);
      font-family:'Pelak',Tahoma,Arial,sans-serif !important;
    }
    .social-mini-card.instagram{--brand:#feda75;--brand2:#d62976;--glow:rgba(214,41,118,.34)}
    .social-mini-card.bale{--brand:#28c76f;--brand2:#0b8f4b;--glow:rgba(40,199,111,.34)}
    .social-mini-card.rubika{--brand:#4d7cff;--brand2:#7b4dff;--glow:rgba(77,124,255,.34)}
    .social-mini-card.post{--brand:#ffd447;--brand2:#1d68d8;--glow:rgba(255,212,71,.30)}

    .section{
      position:relative;
      padding:74px 6vw;
      background:linear-gradient(180deg,#0b0812 0%,#120b17 100%);
      overflow:hidden;
      isolation:isolate;
    }
    .section.alt{background:linear-gradient(180deg,#120b17 0%,#0a0710 100%)}
    .section::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 16% 10%,rgba(233,191,120,.10),transparent 28%),
        radial-gradient(circle at 82% 18%,rgba(240,182,196,.10),transparent 28%);
      z-index:-1;
      pointer-events:none;
    }
    .section-head{
      max-width:760px;
      margin:0 auto 42px;
      text-align:center;
    }
    .section-kicker{
      display:inline-flex;
      padding:8px 15px;
      border-radius:999px;
      color:var(--gold);
      border:1px solid var(--line);
      background:rgba(255,255,255,.055);
      font-weight:900;
      font-size:12.5px;
      margin-bottom:13px;
    }
    .section-title{
      margin:0 0 12px;
      font-size:clamp(27px,3.6vw,46px);
      line-height:1.2;
      font-weight:900;
      letter-spacing:-.9px;
    }
    .section-desc{
      margin:0 auto;
      color:var(--muted);
      line-height:2;
      font-size:14.5px;
      max-width:660px;
    }

    /* v85 category cards: premium editorial glass tiles */
    .category-grid{
      max-width:1280px;
      margin:0 auto;
      display:grid;
      grid-template-columns:repeat(6,minmax(150px,1fr));
      gap:18px;
      align-items:stretch;
      direction:rtl;
    }
    .category-card{
      --card-height:294px;
      --accent:#d9a869;
      --accent-soft:rgba(217,168,105,.22);
      --accent-glow:rgba(217,168,105,.34);
      --index:"01";
      min-width:0;
      height:var(--card-height);
      position:relative;
      display:block;
      color:#241711;
      outline:0;
      text-decoration:none;
      isolation:isolate;
      -webkit-tap-highlight-color:transparent;
    }
    .category-card:nth-child(1){--accent:#e59d75;--accent-soft:rgba(229,157,117,.26);--accent-glow:rgba(229,157,117,.38);--index:"01"}
    .category-card:nth-child(2){--accent:#c9ad87;--accent-soft:rgba(201,173,135,.28);--accent-glow:rgba(201,173,135,.38);--index:"02"}
    .category-card:nth-child(3){--accent:#e58eac;--accent-soft:rgba(229,142,172,.24);--accent-glow:rgba(229,142,172,.36);--index:"03"}
    .category-card:nth-child(4){--accent:#bfc2d4;--accent-soft:rgba(191,194,212,.28);--accent-glow:rgba(191,194,212,.38);--index:"04"}
    .category-card:nth-child(5){--accent:#d0a15d;--accent-soft:rgba(208,161,93,.24);--accent-glow:rgba(208,161,93,.36);--index:"05"}
    .category-card:nth-child(6){--accent:#b99068;--accent-soft:rgba(185,144,104,.24);--accent-glow:rgba(185,144,104,.36);--index:"06"}
    .category-card::before{
      content:"";
      position:absolute;
      inset:12% 8% -7%;
      border-radius:36px;
      background:var(--accent-glow);
      filter:blur(28px);
      opacity:.24;
      transform:translateY(6px) scale(.9);
      transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);
      z-index:-1;
      pointer-events:none;
    }
    .category-card-inner{
      width:100%;
      height:100%;
      position:relative;
      border-radius:30px;
      overflow:hidden;
      transition:transform .45s cubic-bezier(.2,.8,.2,1);
      transform:translateZ(0);
    }
    .category-wrapper{
      position:absolute;
      inset:0;
      z-index:0;
      border-radius:30px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.46);
      background:
        radial-gradient(circle at 18% 14%,rgba(255,255,255,.92),transparent 27%),
        radial-gradient(circle at 82% 22%,var(--accent-soft),transparent 42%),
        linear-gradient(152deg,rgba(255,255,255,.93) 0%,rgba(250,242,233,.82) 48%,rgba(235,220,204,.72) 100%);
      box-shadow:
        0 20px 48px rgba(8,5,12,.18),
        inset 0 1px 0 rgba(255,255,255,.96),
        inset 0 -1px 0 rgba(85,57,42,.08);
      transition:border-color .35s ease,box-shadow .45s ease,transform .45s cubic-bezier(.2,.8,.2,1);
      transform:translateZ(0);
    }
    .category-wrapper::before{
      content:"";
      position:absolute;
      width:148px;
      height:148px;
      left:-48px;
      top:-48px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.65);
      background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,.06) 64%,transparent 66%);
      box-shadow:0 0 0 18px rgba(255,255,255,.055);
      z-index:1;
      pointer-events:none;
      transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease;
    }
    .category-wrapper::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:2;
      pointer-events:none;
      background:
        linear-gradient(125deg,rgba(255,255,255,.22),transparent 30%),
        linear-gradient(to top,rgba(55,34,26,.15) 0%,rgba(55,34,26,.035) 31%,transparent 52%);
    }
    .category-cover{
      position:absolute;
      inset:0;
      overflow:hidden;
      background:transparent!important;
    }
    .category-cover::before{
      content:"";
      position:absolute;
      inset:-18%;
      background-size:88%;
      background-repeat:no-repeat;
      background-position:center 42%;
      filter:blur(18px) saturate(.9);
      opacity:.105;
      transform:scale(1.2) rotate(-5deg);
    }
    .category-cover::after{
      content:"";
      position:absolute;
      width:155px;
      height:155px;
      top:27px;
      right:-48px;
      border-radius:50%;
      background:radial-gradient(circle,var(--accent-soft) 0%,rgba(255,255,255,.08) 62%,transparent 64%);
      border:1px solid rgba(255,255,255,.35);
      opacity:.95;
    }
    .category-card-inner::before{
      content:var(--index) "  /  KENZOO";
      position:absolute;
      top:15px;
      right:16px;
      z-index:5;
      direction:ltr;
      display:inline-flex;
      align-items:center;
      min-height:26px;
      padding:5px 9px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.66);
      background:rgba(255,255,255,.44);
      box-shadow:0 7px 18px rgba(80,53,40,.06);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
      color:rgba(53,34,27,.68);
      font:800 9px/1 Arial,sans-serif;
      letter-spacing:1.15px;
      pointer-events:none;
    }
    .category-title{
      position:absolute;
      z-index:6;
      right:13px;
      left:13px;
      bottom:13px;
      width:auto;
      min-height:70px;
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:space-between;
      gap:9px;
      text-align:right;
      padding:10px 10px 10px 15px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.72);
      background:rgba(255,255,255,.72);
      box-shadow:
        0 12px 30px rgba(43,26,18,.13),
        inset 0 1px 0 rgba(255,255,255,.94);
      backdrop-filter:blur(15px) saturate(1.12);
      -webkit-backdrop-filter:blur(15px) saturate(1.12);
      color:#2a1914;
      text-shadow:none;
      font-size:18px;
      font-weight:900;
      letter-spacing:-.45px;
      transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .45s cubic-bezier(.2,.8,.2,1);
    }
    .category-copy{
      min-width:0;
      display:grid;
      gap:3px;
      flex:1;
    }
    .category-copy strong{
      display:block;
      font-size:inherit;
      font-weight:900;
      line-height:1.25;
      color:inherit;
    }
    .category-copy small{
      display:block;
      font-size:11px;
      line-height:1.75;
      font-weight:700;
      color:rgba(53,34,27,.68);
    }
    .category-chip{
      position:absolute;
      top:54px;
      left:14px;
      z-index:6;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:28px;
      padding:6px 11px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.62);
      background:rgba(255,255,255,.55);
      box-shadow:0 10px 22px rgba(72,44,31,.08);
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
      color:rgba(53,34,27,.78);
      font-size:10px;
      font-weight:900;
      letter-spacing:.1px;
      pointer-events:none;
      transition:transform .4s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease,box-shadow .3s ease;
    }
    .category-pulse{
      position:absolute;
      top:18px;
      left:17px;
      z-index:5;
      width:52px;
      height:52px;
      pointer-events:none;
    }
    .category-pulse i{
      position:absolute;
      inset:0;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.58);
      background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%);
      opacity:.34;
      animation:categoryPulse 3.4s ease-out infinite;
    }
    .category-pulse i:last-child{animation-delay:1.35s}
    @keyframes categoryPulse{
      0%{transform:scale(.58);opacity:.0}
      12%{opacity:.34}
      78%{opacity:0;transform:scale(1.25)}
      100%{opacity:0;transform:scale(1.25)}
    }
    .category-hover-note{
      position:absolute;
      left:16px;
      bottom:96px;
      z-index:6;
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(43,26,18,.72);
      color:#fffaf6;
      box-shadow:0 10px 24px rgba(28,16,10,.17);
      font-size:9.6px;
      font-weight:900;
      letter-spacing:.08px;
      opacity:0;
      transform:translateY(8px);
      transition:opacity .3s ease,transform .4s cubic-bezier(.2,.8,.2,1);
      pointer-events:none;
    }
    .category-hover-note::before{
      content:"↗";
      font-size:12px;
      line-height:1;
    }
    .category-title::after{
      content:"↗";
      direction:ltr;
      flex:0 0 38px;
      width:38px;
      height:38px;
      display:grid;
      place-items:center;
      border-radius:13px;
      background:linear-gradient(145deg,var(--accent),rgba(49,31,24,.88));
      color:#fff;
      box-shadow:0 8px 18px var(--accent-glow),inset 0 1px 0 rgba(255,255,255,.32);
      font:900 18px/1 Arial,sans-serif;
      transition:transform .4s cubic-bezier(.2,.8,.2,1),border-radius .35s ease;
    }
    .category-character{
      position:absolute;
      z-index:4;
      left:50%;
      bottom:62px;
      max-width:120%;
      max-height:68%;
      object-fit:contain;
      opacity:1;
      filter:brightness(1.01) saturate(1.02) drop-shadow(0 18px 18px rgba(47,30,21,.20));
      pointer-events:none;
      transform:translate3d(-50%,0,0) scale(.98);
      transform-origin:center 72%;
      transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s ease;
    }
    .sandal-cover::before{background-image:url('../Images/nude-sandals.png')}
    .boot-cover::before{background-image:url('../Images/cream-boots.png')}
    .sneaker-cover::before{background-image:url('../Images/pastel-sneakers.png')}
    .party-cover::before{background-image:url('../Images/silver-heels.png')}
    .loafer-cover::before{background-image:url('../Images/loafer-soft.png')}
    .bag-cover::before{background-image:url('../Images/bag-soft.png')}
    .boot-char{max-height:77%;bottom:54px}
    .bag-char{max-height:68%;bottom:68px}
    .sneaker-char{max-width:126%;bottom:70px}
    .party-char{max-width:120%;bottom:62px}
    .loafer-char{max-width:108%;bottom:70px}
    .category-card:focus-visible .category-card-inner{
      outline:3px solid var(--accent);
      outline-offset:4px;
    }
    .category-card:active .category-card-inner{transform:scale(.985)}
    @media (hover:hover) and (pointer:fine){
      .category-card:hover::before{opacity:.46;transform:translateY(12px) scale(1.02)}
      .category-card:hover .category-card-inner{transform:translateY(-8px)}
      .category-card:hover .category-wrapper{
        border-color:rgba(255,255,255,.78);
        box-shadow:0 30px 62px rgba(8,5,12,.24),0 0 0 1px var(--accent-soft),inset 0 1px 0 rgba(255,255,255,.98);
        transform:scale(1.012);
      }
      .category-card:hover .category-wrapper::before{transform:translate(10px,10px) scale(1.08);opacity:.82}
      .category-card:hover .category-character{
        transform:translate3d(-50%,-12px,0) scale(1.065) rotate(-1.2deg);
        filter:brightness(1.04) saturate(1.06) drop-shadow(0 25px 24px rgba(47,30,21,.25));
      }
      .category-card:hover .category-title{
        transform:translateY(-2px);
        background:rgba(255,255,255,.88);
        box-shadow:0 16px 34px rgba(43,26,18,.16),inset 0 1px 0 #fff;
      }
      .category-card:hover .category-title::after{transform:translate(-2px,-2px) rotate(8deg);border-radius:50%}
      .category-card:hover .category-chip{transform:translateY(-4px);background:rgba(255,255,255,.72);box-shadow:0 14px 28px rgba(72,44,31,.12)}
      .category-card:hover .category-hover-note{opacity:1;transform:translateY(0)}
    }

    .slider-section{max-width:1320px;margin:0 auto 44px}
    .slider-section:last-child{margin-bottom:0}
    .slider-head{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:18px;
      flex-wrap:wrap;
      margin-bottom:22px;
    }
    .slider-head h2{margin:0 0 8px;font-size:clamp(25px,3vw,40px);line-height:1.2;color:#fff8f1;font-weight:900}
    .slider-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.9;max-width:650px}
    .slider-link{padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--gold);font-weight:900;font-size:13px;font-family:'Pelak',Tahoma,Arial,sans-serif !important}
    .product-slider{position:relative}
    .product-viewport{overflow:auto;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px;direction:rtl;scroll-snap-type:x mandatory}
    .product-viewport::-webkit-scrollbar{display:none}
    .product-track{display:flex;gap:18px;padding:2px 2px 6px}
    .product-card{
      flex:0 0 calc((100% - 54px)/4);
      scroll-snap-align:start;
      min-width:250px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.12);
      background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
      backdrop-filter:blur(14px);
      overflow:hidden;
      box-shadow:0 18px 46px rgba(0,0,0,.20);
      transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
    }
    .product-card:hover{transform:translateY(-6px);border-color:rgba(233,191,120,.35);box-shadow:0 26px 50px rgba(0,0,0,.28)}
    .product-media{
      height:236px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:24px;
      background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.16),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
      position:relative;
      overflow:hidden;
    }
    .product-media::before{content:"";position:absolute;inset:16px;border-radius:24px;background:linear-gradient(145deg,rgba(233,191,120,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
    .product-media img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.18))}
    .product-body{padding:18px}
    .soft-label{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(233,191,120,.14);border:1px solid rgba(233,191,120,.28);color:var(--gold);font-size:11px;font-weight:900;margin-bottom:10px}
    .product-card h3{margin:0 0 8px;font-size:19px;line-height:1.25;color:#fff8f3;font-weight:900}
    .product-card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.95;min-height:48px}
    .product-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .price{font-size:16px;font-weight:900;color:#fff8ef}
    .product-btn{padding:10px 13px;border-radius:14px;background:linear-gradient(135deg,#f9d79a 0%,#e9bf78 52%,#dca14f 100%);color:#24140f;font-size:12.5px;font-weight:900;font-family:'Pelak',Tahoma,Arial,sans-serif !important;white-space:nowrap}
    .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(8,7,13,.72);backdrop-filter:blur(10px);display:grid;place-items:center;cursor:pointer;z-index:2;transition:.22s ease;box-shadow:0 14px 28px rgba(0,0,0,.16)}
    .slider-arrow:hover{background:rgba(24,18,33,.92);border-color:rgba(233,191,120,.38)}
    .slider-arrow svg{width:20px;height:20px;fill:#fff8f3}
    .slider-arrow.prev{right:-18px}
    .slider-arrow.next{left:-18px}

    .feature-strip{
      max-width:1320px;
      margin:0 auto 52px;
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
    }
    .feature-card{
      border:1px solid rgba(255,255,255,.12);
      border-radius:24px;
      padding:20px;
      background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
      box-shadow:0 14px 34px rgba(0,0,0,.18);
    }
    .feature-icon{
      width:44px;height:44px;border-radius:16px;display:grid;place-items:center;margin-bottom:12px;background:linear-gradient(135deg,rgba(233,191,120,.28),rgba(255,255,255,.08));border:1px solid rgba(233,191,120,.18)
    }
    .feature-icon svg{width:22px;height:22px;fill:var(--gold)}
    .feature-card h3{margin:0 0 8px;font-size:17px;font-weight:900;color:#fff7ee}
    .feature-card p{margin:0;color:var(--muted);line-height:1.9;font-size:13px}

    .promo-banner{
      max-width:1320px;
      margin:0 auto;
      border-radius:34px;
      border:1px solid rgba(255,255,255,.13);
      background:
        radial-gradient(circle at 12% 22%,rgba(233,191,120,.20),transparent 30%),
        radial-gradient(circle at 85% 14%,rgba(240,182,196,.16),transparent 30%),
        linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
      overflow:hidden;
      padding:30px;
      display:grid;
      grid-template-columns:1fr auto;
      align-items:center;
      gap:24px;
      box-shadow:0 24px 60px rgba(0,0,0,.22);
    }
    .promo-banner h2{margin:0 0 10px;font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.25}
    .promo-banner p{margin:0;color:var(--muted);line-height:2;font-size:14.5px;max-width:760px}
    .promo-images{display:flex;align-items:center;gap:0;direction:ltr}
    .promo-images img{width:115px;height:115px;object-fit:contain;border-radius:28px;background:rgba(255,255,255,.06);padding:14px;border:1px solid rgba(255,255,255,.12);filter:drop-shadow(0 18px 16px rgba(0,0,0,.20))}
    .promo-images img:not(:first-child){margin-left:-34px}

    .site-footer{
      padding:60px 6vw 28px;
      background:linear-gradient(180deg,#0a0710 0%,#050407 100%);
      border-top:1px solid rgba(255,255,255,.09);
    }
    .footer-shell{
      max-width:1320px;
      margin:0 auto;
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr .9fr;
      gap:26px;
    }
    .footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px}
    .footer-brand img{width:56px;height:56px;object-fit:contain;border-radius:18px;background:#fff;padding:6px}
    .footer-brand b{font-family:'Pelak',Tahoma,Arial,sans-serif !important;font-size:22px;font-weight:900}
    .footer-about{margin:0;color:var(--muted);line-height:2;font-size:14px;max-width:430px}
    .footer-col h3{margin:0 0 14px;font-size:17px;font-weight:900;color:#fff7ef}
    .footer-links{display:grid;gap:10px}
    .footer-links a,.footer-links span{color:var(--muted);font-size:13.5px;transition:.22s ease}
    .footer-links a:hover{color:var(--gold);transform:translateX(-2px)}
    .footer-bottom{
      max-width:1320px;
      margin:28px auto 0;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.09);
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      color:var(--muted2);
      font-size:12.5px;
    }


    html[data-theme="light"]{
      --bg:#fff8f1;
      --bg2:#fff3e8;
      --bg3:#ffe6d6;
      --surface:rgba(255,255,255,.74);
      --surface2:rgba(255,255,255,.88);
      --line:rgba(58,35,29,.16);
      --line2:rgba(58,35,29,.11);
      --text:#2d1b17;
      --muted:rgba(45,27,23,.72);
      --muted2:rgba(45,27,23,.58);
      --gold:#c99245;
      --gold2:#a77532;
      --rose:#db86a0;
      --cream:#fff3e8;
      --shadow:rgba(79,48,38,.16);
    }
    html[data-theme="light"] body{background:var(--bg);color:var(--text)}
    html[data-theme="light"] .page-bg{
      background:
        radial-gradient(circle at 15% 12%, rgba(201,146,69,.22), transparent 28%),
        radial-gradient(circle at 86% 15%, rgba(219,134,160,.18), transparent 26%),
        radial-gradient(circle at 60% 70%, rgba(255,255,255,.72), transparent 35%),
        linear-gradient(135deg,#fff8f1 0%,#fff3e8 48%,#ffe6d6 100%);
    }
    html[data-theme="light"] .site-header{background:linear-gradient(180deg,rgba(255,248,241,.94),rgba(255,248,241,.76) 78%,transparent 100%)}
    html[data-theme="light"] .header-shell,
    html[data-theme="light"] .stat,
    html[data-theme="light"] .product-card,
    html[data-theme="light"] .feature-card,
    html[data-theme="light"] .promo-banner,
    html[data-theme="light"] .category-title{
      background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.55));
      border-color:rgba(58,35,29,.14);
      box-shadow:0 18px 42px rgba(79,48,38,.12);
    }
    html[data-theme="light"] .search-box,
    html[data-theme="light"] .icon-btn,
    html[data-theme="light"] .mobile-menu-btn,
    html[data-theme="light"] .slider-link,
    html[data-theme="light"] .btn-ghost,
    html[data-theme="light"] .thumb{
      background:rgba(255,255,255,.70);
      border-color:rgba(58,35,29,.13);
      color:#35201b;
    }
    html[data-theme="light"] .icon-btn svg{fill:#35201b !important}
    html[data-theme="light"] .mobile-menu-btn span,
    html[data-theme="light"] .mobile-menu-btn span::before,
    html[data-theme="light"] .mobile-menu-btn span::after{background:#35201b}
    html[data-theme="light"] .header-shell.menu-open .mobile-menu-btn span{background:transparent}
    html[data-theme="light"] .brand-tagline,
    html[data-theme="light"] .section-desc,
    html[data-theme="light"] .slider-head p,
    html[data-theme="light"] .product-card p,
    html[data-theme="light"] .feature-card p,
    html[data-theme="light"] .promo-banner p,
    html[data-theme="light"] .footer-about,
    html[data-theme="light"] .footer-links a,
    html[data-theme="light"] .footer-links span,
    html[data-theme="light"] .product-pill span,
    html[data-theme="light"] .stat span{color:var(--muted)}
    html[data-theme="light"] .brand-name,
    html[data-theme="light"] h1,
    html[data-theme="light"] .section-title,
    html[data-theme="light"] .slider-head h2,
    html[data-theme="light"] .product-card h3,
    html[data-theme="light"] .feature-card h3,
    html[data-theme="light"] .promo-banner h2,
    html[data-theme="light"] .footer-col h3,
    html[data-theme="light"] .footer-brand b,
    html[data-theme="light"] .product-pill b,
    html[data-theme="light"] .stat b,
    html[data-theme="light"] .price{color:#2d1b17}
    html[data-theme="light"] .nav-link{color:#37221c}
    html[data-theme="light"] .nav-link:hover{background:rgba(201,146,69,.12);color:#9b6625}
    html[data-theme="light"] .chip,
    html[data-theme="light"] .section-kicker,
    html[data-theme="light"] .soft-label{background:rgba(201,146,69,.11);border-color:rgba(201,146,69,.25);color:#9b6625}
    html[data-theme="light"] .product-pill{background:rgba(255,255,255,.76);border-color:rgba(58,35,29,.13);box-shadow:0 18px 45px rgba(79,48,38,.13)}
    html[data-theme="light"] .product-media{background:radial-gradient(circle at 50% 28%,rgba(201,146,69,.16),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.46))}
    html[data-theme="light"] .product-media::before{background:linear-gradient(145deg,rgba(201,146,69,.10),rgba(255,255,255,.50));border-color:rgba(58,35,29,.08)}
    html[data-theme="light"] .slider-arrow{background:rgba(255,255,255,.82);border-color:rgba(58,35,29,.13)}
    html[data-theme="light"] .slider-arrow svg{fill:#35201b}
    html[data-theme="light"] .social-mini-section{background:linear-gradient(180deg,rgba(255,248,241,.12),#fff8f1 100%)}
    html[data-theme="light"] .social-mini-card{border-color:rgba(58,35,29,.13);box-shadow:0 18px 40px rgba(79,48,38,.12)}
    html[data-theme="light"] .social-mini-card::after{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,249,244,.86))}
    html[data-theme="light"] .social-name{color:#2d1b17}
    html[data-theme="light"] .social-link{color:rgba(45,27,23,.64)}
    html[data-theme="light"] .section{background:linear-gradient(180deg,#fff8f1 0%,#fff3e8 100%);color:#2d1b17}
    html[data-theme="light"] .section.alt{background:linear-gradient(180deg,#fff3e8 0%,#fff8f1 100%);color:#2d1b17}
    html[data-theme="light"] .section::before{
      background:
        radial-gradient(circle at 16% 10%,rgba(201,146,69,.16),transparent 28%),
        radial-gradient(circle at 82% 18%,rgba(219,134,160,.13),transparent 28%);
    }
    html[data-theme="light"] .gradient-text{
      background:linear-gradient(90deg,#2d1b17 0%,#c99245 38%,#db86a0 72%,#2d1b17 100%);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }
    html[data-theme="light"] .section .section-title,
    html[data-theme="light"] .section .slider-head h2,
    html[data-theme="light"] .section .promo-banner h2,
    html[data-theme="light"] .section .feature-card h3,
    html[data-theme="light"] .section .product-card h3,
    html[data-theme="light"] .section .product-card .price{
      color:#2d1b17;
      text-shadow:none;
    }
    html[data-theme="light"] .section .section-desc,
    html[data-theme="light"] .section .slider-head p,
    html[data-theme="light"] .section .feature-card p,
    html[data-theme="light"] .section .product-card p,
    html[data-theme="light"] .section .promo-banner p{
      color:rgba(45,27,23,.68);
    }
    html[data-theme="light"] .section .section-kicker,
    html[data-theme="light"] .section .soft-label{
      background:rgba(201,146,69,.11);
      border-color:rgba(201,146,69,.25);
      color:#9b6625;
    }
    html[data-theme="light"] .category-title{color:#2a1914;text-shadow:none}
    html[data-theme="light"] .promo-banner{
      background:
        radial-gradient(circle at 12% 22%,rgba(201,146,69,.16),transparent 30%),
        radial-gradient(circle at 85% 14%,rgba(219,134,160,.13),transparent 30%),
        linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,249,244,.68));
    }
    html[data-theme="light"] .site-footer{background:linear-gradient(180deg,#fff3e8 0%,#fff8f1 100%);border-top-color:rgba(58,35,29,.10)}
    html[data-theme="light"] .footer-bottom{border-top-color:rgba(58,35,29,.10);color:var(--muted)}
    html[data-theme="light"] .search-box svg{stroke:#35201b}
    html[data-theme="light"] .cart-badge{background:linear-gradient(135deg,#d9a65e,#fff0ca);color:#24140f}
    html[data-theme="light"] .social-logo{
      background:#050407;
      border-color:rgba(255,255,255,.18);
    }

    @media (max-width:1180px){
      .header-shell{grid-template-columns:auto 1fr;gap:12px}
      .header-tools{grid-column:1 / -1;justify-self:stretch;justify-content:space-between}
      .search-box{min-width:180px;flex:1}
      .category-grid{grid-template-columns:repeat(3,minmax(180px,1fr));max-width:860px}
      .feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
      .footer-shell{grid-template-columns:1fr 1fr}
    }
    @media (max-width:1024px){
      .hero{padding:26px 18px 30px}
      .hero-grid{grid-template-columns:1fr;gap:8px;min-height:auto}
      .hero-copy{text-align:center;margin:auto;max-width:720px;order:2}
      .hero-actions,.quick-stats{justify-content:center}
      .hero-visual{order:1;min-height:500px}
      .stage{height:500px;min-height:500px}
      .thumbs{display:none}
      .product-card{flex-basis:calc((100% - 18px)/2)}
      .slider-arrow.prev{right:6px}
      .slider-arrow.next{left:6px}
      .promo-banner{grid-template-columns:1fr;text-align:center}
      .promo-images{justify-content:center}
      .social-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
    }
    @media (max-width:860px){
      .site-header{padding:7px 8px 0;background:linear-gradient(180deg,rgba(9,7,16,.96),rgba(9,7,16,.74) 82%,transparent 100%)}
      .header-shell{padding:7px 8px;grid-template-columns:auto 1fr auto;gap:7px;border-radius:18px;align-items:center}
      .brand{gap:8px;min-width:0}
      .brand-logo{width:42px;height:42px;border-radius:14px;padding:5px}
      .brand-name{font-size:16px;line-height:1}
      .brand-tagline{font-size:10px;margin-top:3px;white-space:nowrap}
      .header-tools{grid-column:auto;justify-self:end;justify-content:flex-end;gap:6px;min-width:0}
      .search-box{display:none}
      .icon-btn{width:36px;height:36px;border-radius:12px}
      .icon-btn svg{width:16px;height:16px}
      .cart-badge{top:-5px;left:-5px;min-width:17px;height:17px;font-size:10px}
      .header-cta{display:none}
      .mobile-menu-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.055);padding:0;cursor:pointer}
      .mobile-menu-btn span,.mobile-menu-btn span::before,.mobile-menu-btn span::after{display:block;width:17px;height:2px;background:#fff;border-radius:3px;content:"";position:relative;transition:.22s ease}
      .mobile-menu-btn span::before{position:absolute;top:-6px;left:0}
      .mobile-menu-btn span::after{position:absolute;top:6px;left:0}
      .header-shell.menu-open .mobile-menu-btn span{background:transparent}
      .header-shell.menu-open .mobile-menu-btn span::before{top:0;transform:rotate(45deg)}
      .header-shell.menu-open .mobile-menu-btn span::after{top:0;transform:rotate(-45deg)}
      .main-nav{display:none;grid-column:1 / -1;flex-direction:column;align-items:stretch;gap:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}
      .header-shell.menu-open .main-nav{display:flex}
      .nav-link{text-align:center;background:rgba(255,255,255,.045);padding:9px 11px;font-size:13px}
    }
    @media (max-width:768px){
      .hero{padding:18px 14px 24px}
      .hero-visual{min-height:440px}
      .stage{height:430px;min-height:430px}
      h1{font-size:29px;line-height:1.2;letter-spacing:-.9px;margin-top:14px}
      .chip{font-size:11.5px;padding:8px 13px}
      .btn{min-width:145px;min-height:48px;padding:12px 17px;font-size:13px}
      .quick-stats{gap:8px}
      .stat{min-width:104px;padding:12px 10px;border-radius:18px}
      .stat b{font-size:18px}
      .stat span{font-size:11px}
      .product-float-card{width:252px;height:198px;margin:-99px 0 0 -126px}
      .product-hero-img{height:174px}
      .product-float-card.active{transform:translate3d(0,-2px,180px) scale(1.1)}
      .product-float-card.prev{transform:translate3d(-150px,18px,5px) rotateY(44deg) scale(.73)}
      .product-float-card.next{transform:translate3d(150px,18px,5px) rotateY(-44deg) scale(.73)}
      .product-float-card.back1{transform:translate3d(-70px,-75px,-200px) rotateY(26deg) scale(.54)}
      .product-float-card.back2{transform:translate3d(70px,-75px,-200px) rotateY(-28deg) scale(.54)}
      .product-pill{top:0;min-width:250px;padding:11px 14px;border-radius:18px}
      .product-pill b{font-size:16px}
      .product-pill span{font-size:11.5px}
      .floor{width:90%;bottom:42px}
      .hero-dots{bottom:18px}
      .social-mini-section{padding:6px 14px 46px}
      .social-mini-grid{grid-template-columns:1fr;gap:12px;max-width:380px}
      .social-mini-card{min-height:104px;border-radius:21px;padding:14px}
      .social-mini-card::after{border-radius:20px}
      .social-logo{width:40px;height:40px;border-radius:14px}
      .social-name{font-size:16px}
      .social-cta{margin-top:10px;padding:7px 11px}
      .section{padding:54px 14px}
      .section-title{font-size:27px}
      .section-desc{font-size:13.5px;line-height:2}
      .category-grid{grid-template-columns:repeat(2,minmax(145px,1fr));gap:14px}
      .category-card{--card-height:272px}
      .category-card-inner,.category-wrapper{border-radius:24px}
      .category-card-inner::before{top:11px;right:11px;min-height:23px;padding:4px 7px;font-size:8px}
      .category-chip{top:44px;left:10px;min-height:24px;padding:5px 9px;font-size:8.6px}
      .category-pulse{top:15px;left:12px;width:42px;height:42px}
      .category-title{right:9px;left:9px;bottom:9px;min-height:68px;padding:8px 8px 8px 10px;border-radius:17px;font-size:15px}
      .category-title::after{flex-basis:34px;width:34px;height:34px;border-radius:11px;font-size:16px}
      .category-copy small{font-size:9.2px;line-height:1.7}
      .category-hover-note{display:none}
      .category-character{max-height:67%;bottom:62px}
      .slider-section{margin-bottom:32px}
      .slider-head{align-items:center;margin-bottom:14px}
      .slider-head h2{font-size:24px;margin-bottom:5px}
      .slider-head p{font-size:13px;line-height:1.8}
      .slider-link{display:none}
      .product-viewport{
        overflow-x:auto;
        overflow-y:hidden;
        padding-bottom:2px;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        touch-action:pan-x;
        overscroll-behavior-x:contain;
      }
      .product-track{gap:12px;will-change:transform}
      .product-card{flex:0 0 100%;min-width:100%;border-radius:25px;scroll-snap-align:start;scroll-snap-stop:always}
      .product-media{height:205px;padding:18px}
      .product-card h3{font-size:18px}
      .product-card p{min-height:auto}
      .slider-arrow{display:none}
      .feature-strip{grid-template-columns:1fr;gap:12px;margin-bottom:34px}
      .promo-banner{padding:22px;border-radius:26px}
      .promo-images img{width:92px;height:92px;border-radius:22px}
      .promo-images img:not(:first-child){margin-left:-26px}
      .footer-shell{grid-template-columns:1fr;gap:24px}
      .footer-bottom{justify-content:center;text-align:center}
    }
    @media (max-width:390px){
      .site-header{padding-inline:6px}
      .header-shell{padding:6px;gap:5px;border-radius:16px}
      .brand-logo{width:39px;height:39px;border-radius:13px}
      .brand-name{font-size:15px}
      .brand-tagline{display:none}
      .icon-btn{width:34px;height:34px}
      .mobile-menu-btn{width:34px;height:34px}
      .header-tools{justify-content:flex-end;gap:5px}
      .hero-visual{min-height:405px}
      .stage{height:405px;min-height:405px}
      .product-float-card.prev{transform:translate3d(-132px,18px,5px) rotateY(44deg) scale(.70)}
      .product-float-card.next{transform:translate3d(132px,18px,5px) rotateY(-44deg) scale(.70)}
      .category-grid{gap:12px}
      .category-card{--card-height:258px}
    }

/* ================================
   Products page
   ================================ */
.products-page-main{
  position:relative;
  min-height:70vh;
}
.catalog-hero{
  padding:86px 6vw 34px;
  background:
    radial-gradient(circle at 15% 10%, rgba(233,191,120,.16), transparent 26%),
    radial-gradient(circle at 82% 12%, rgba(240,182,196,.12), transparent 25%),
    linear-gradient(180deg, rgba(9,7,16,.28), rgba(9,7,16,.08));
}
.catalog-hero-shell{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  align-items:end;
}
.breadcrumbs{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:13px;
  margin-bottom:14px;
}
.breadcrumbs a{color:var(--gold);font-weight:800}
.catalog-hero h1{
  margin:0 0 12px;
  font-size:clamp(34px,4.4vw,58px);
  line-height:1.15;
  letter-spacing:-1px;
}
.catalog-hero p{
  margin:0;
  max-width:720px;
  color:var(--muted);
  line-height:2;
  font-size:15px;
}
.catalog-summary{
  min-width:250px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.summary-card{
  border:1px solid var(--line);
  border-radius:22px;
  padding:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:0 18px 42px rgba(0,0,0,.14);
}
.summary-card b{display:block;font-size:24px;font-weight:900;margin-bottom:5px}
.summary-card span{font-size:12px;color:var(--muted)}
.catalog-section{
  padding:24px 6vw 96px;
}
.catalog-layout{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:292px 1fr;
  gap:24px;
  align-items:start;
}
.filter-panel{
  position:sticky;
  top:106px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  backdrop-filter:blur(16px);
  box-shadow:0 22px 54px rgba(0,0,0,.18);
  padding:18px;
}
.filter-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.filter-title h2{font-size:20px;margin:0;font-weight:900}
.filter-reset{
  border:1px solid var(--line2);
  background:rgba(255,255,255,.055);
  color:var(--muted);
  border-radius:13px;
  padding:8px 10px;
  cursor:pointer;
  font-size:12px;
  font-weight:800;
}
.filter-group{
  border-top:1px solid var(--line2);
  padding-top:14px;
  margin-top:14px;
}
.filter-group label,
.filter-group .filter-label{
  display:block;
  color:var(--text);
  font-weight:900;
  font-size:13px;
  margin-bottom:10px;
}
.filter-input,
.filter-select{
  width:100%;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.06);
  color:var(--text);
  border-radius:16px;
  padding:12px 13px;
  outline:none;
  font-size:13px;
}
.filter-select option{background:#14101b;color:#fff}
.filter-chips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.filter-chip{
  border:1px solid var(--line2);
  background:rgba(255,255,255,.055);
  color:var(--muted);
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  cursor:pointer;
  transition:.2s ease;
  font-weight:800;
}
.filter-chip.active,
.filter-chip:hover{
  background:linear-gradient(135deg,#f9d79a,#e9bf78,#dca14f);
  color:#24140f;
  border-color:rgba(233,191,120,.55);
}
.price-range-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.catalog-content{
  min-width:0;
}
.catalog-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));
  padding:12px 14px;
}
.catalog-count{
  color:var(--muted);
  font-size:13px;
  font-weight:800;
}
.catalog-count b{color:var(--text);font-size:18px;margin-left:4px}
.catalog-sort{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--muted);
  font-size:13px;
}
.catalog-sort select{
  min-width:190px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.055);
  color:var(--text);
  border-radius:16px;
  padding:10px 12px;
  outline:none;
}
.catalog-sort option{background:#14101b;color:#fff}
.catalog-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.catalog-card{
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:0 20px 48px rgba(0,0,0,.18);
  overflow:hidden;
  transition:.25s ease;
  min-width:0;
}
.catalog-card:hover{transform:translateY(-6px);border-color:rgba(233,191,120,.38);box-shadow:0 30px 60px rgba(0,0,0,.26)}
.catalog-card-media{
  height:240px;
  display:grid;
  place-items:center;
  padding:22px;
  position:relative;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.22), transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.018));
}
.catalog-card-media::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(233,191,120,.12),rgba(255,255,255,.03));
}
.catalog-card-media img{
  position:relative;
  z-index:1;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  filter:drop-shadow(0 18px 16px rgba(0,0,0,.18));
}
.catalog-badge{
  position:absolute;
  top:16px;
  right:16px;
  z-index:2;
  background:rgba(233,191,120,.16);
  border:1px solid rgba(233,191,120,.34);
  color:var(--gold);
  border-radius:999px;
  padding:7px 11px;
  font-size:11px;
  font-weight:900;
}
.catalog-card-body{padding:18px}
.catalog-card-body h3{margin:0 0 8px;font-size:21px;line-height:1.3;font-weight:900;color:var(--text)}
.catalog-card-body p{margin:0 0 13px;color:var(--muted);font-size:13px;line-height:1.9;min-height:48px}
.catalog-attrs{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:14px;
}
.catalog-attr{
  border:1px solid var(--line2);
  background:rgba(255,255,255,.055);
  color:var(--muted);
  border-radius:999px;
  padding:6px 9px;
  font-size:11px;
  font-weight:800;
}
.catalog-card-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.catalog-price{font-size:18px;font-weight:900;color:var(--text);white-space:nowrap}
.catalog-btn{
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,#f9d79a,#e9bf78,#dca14f);
  color:#24140f;
  padding:10px 13px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.empty-catalog{
  grid-column:1 / -1;
  border:1px dashed var(--line);
  border-radius:28px;
  padding:44px 18px;
  text-align:center;
  color:var(--muted);
  background:rgba(255,255,255,.04);
}
.empty-catalog b{display:block;color:var(--text);font-size:22px;margin-bottom:8px}

html[data-theme="light"] .catalog-hero{
  background:
    radial-gradient(circle at 18% 8%, rgba(218,164,79,.18), transparent 27%),
    radial-gradient(circle at 80% 12%, rgba(240,182,196,.18), transparent 24%),
    linear-gradient(180deg,#fff8f1 0%,#fff1e8 100%);
}
html[data-theme="light"] .filter-panel,
html[data-theme="light"] .catalog-toolbar,
html[data-theme="light"] .catalog-card,
html[data-theme="light"] .summary-card{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.58));
  box-shadow:0 18px 50px rgba(72,43,31,.10);
}
html[data-theme="light"] .filter-input,
html[data-theme="light"] .filter-select,
html[data-theme="light"] .catalog-sort select{
  background:rgba(255,255,255,.76);
  color:var(--text);
}
html[data-theme="light"] .filter-select option,
html[data-theme="light"] .catalog-sort option{background:#fff;color:#2a1b16}
html[data-theme="light"] .catalog-card-media{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.38))}

@media (max-width: 1080px){
  .catalog-layout{grid-template-columns:1fr}
  .filter-panel{position:relative;top:auto}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog-hero-shell{grid-template-columns:1fr}
  .catalog-summary{max-width:420px}
}
@media (max-width: 768px){
  .catalog-hero{padding:42px 16px 22px}
  .catalog-hero h1{font-size:32px}
  .catalog-section{padding:18px 16px 70px}
  .filter-panel{border-radius:24px;padding:15px}
  .price-range-row{grid-template-columns:1fr}
  .catalog-toolbar{align-items:stretch;flex-direction:column;border-radius:22px}
  .catalog-sort{justify-content:space-between}
  .catalog-sort select{min-width:0;flex:1}
  .catalog-grid{grid-template-columns:1fr;gap:16px}
  .catalog-card{border-radius:24px}
  .catalog-card-media{height:215px}
  .catalog-summary{grid-template-columns:1fr 1fr;width:100%;max-width:none}
}

/* ================================
   Products mobile image shape fix - v13
   ================================ */
.catalog-card-media{
  overflow:hidden;
  isolation:isolate;
}
.catalog-card-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:260px;
  max-height:188px;
  object-fit:contain;
  object-position:center;
}
.catalog-card-body{
  position:relative;
  z-index:3;
}
@media (max-width:768px){
  .catalog-card{
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .catalog-card-media{
    height:184px !important;
    min-height:184px;
    max-height:184px;
    padding:16px !important;
  }
  .catalog-card-media::before{
    inset:12px;
    border-radius:19px;
  }
  .catalog-card-media img{
    width:100% !important;
    height:148px !important;
    max-width:78% !important;
    max-height:148px !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  .catalog-card-body{
    padding:16px 16px 18px;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
  }
  html[data-theme="light"] .catalog-card-body{
    background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.64));
  }
  .catalog-card-body h3{
    font-size:20px;
    margin-bottom:7px;
  }
  .catalog-card-body p{
    font-size:12.5px;
    line-height:1.85;
    min-height:auto;
    margin-bottom:12px;
  }
  .catalog-card-foot{
    align-items:center;
  }
  .catalog-price{
    font-size:16.5px;
  }
}

/* ================================
   Product details page - v14
   ================================ */
.details-page-main{
  position:relative;
  z-index:1;
  padding-top:18px;
}
.detail-topbar{
  padding:26px 6vw 8px;
  background:
    radial-gradient(circle at 18% 6%, rgba(233,191,120,.11), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(240,182,196,.10), transparent 25%),
    linear-gradient(180deg, rgba(18,11,23,.84), rgba(18,11,23,.30));
}
.detail-topbar-shell{
  max-width:1320px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.back-to-products{
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:var(--text);
  border-radius:16px;
  padding:10px 14px;
  font-size:13px;
  font-weight:900;
}
.product-detail-section{
  padding:24px 6vw 44px;
  background:
    radial-gradient(circle at 20% 6%, rgba(233,191,120,.12), transparent 27%),
    radial-gradient(circle at 82% 10%, rgba(240,182,196,.10), transparent 25%),
    linear-gradient(180deg, rgba(18,11,23,.32), rgba(10,7,16,1));
}
.product-detail-shell{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:26px;
  align-items:start;
}
.detail-gallery,
.detail-info,
.detail-description-card,
.detail-features-card{
  border:1px solid var(--line);
  border-radius:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
  box-shadow:0 24px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(16px);
}
.detail-gallery{padding:18px}
.detail-main-visual{
  min-height:520px;
  border-radius:28px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 24%, rgba(255,255,255,.20), transparent 36%),
    linear-gradient(145deg, rgba(233,191,120,.12), rgba(255,255,255,.03));
  border:1px solid var(--line2);
}
.detail-main-visual::before{
  content:"";
  position:absolute;
  inset:26px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.10);
  background:radial-gradient(circle at 50% 55%, rgba(0,0,0,.14), transparent 44%);
}
.detail-main-visual img{
  position:relative;
  z-index:1;
  width:88%;
  max-width:520px;
  max-height:460px;
  object-fit:contain;
  filter:drop-shadow(0 30px 26px rgba(0,0,0,.26));
}
.detail-tag{
  position:absolute;
  top:20px;
  right:20px;
  z-index:2;
  border:1px solid rgba(233,191,120,.34);
  background:rgba(233,191,120,.16);
  color:var(--gold);
  border-radius:999px;
  padding:8px 13px;
  font-size:12px;
  font-weight:900;
}
.detail-thumbs{
  display:flex;
  gap:10px;
  margin-top:14px;
  overflow:auto;
  scrollbar-width:none;
  padding-bottom:3px;
}
.detail-thumbs::-webkit-scrollbar{display:none}
.detail-thumb{
  flex:0 0 76px;
  height:76px;
  border-radius:20px;
  border:1px solid var(--line2);
  background:rgba(255,255,255,.07);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.22s ease;
  padding:7px;
}
.detail-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.16))}
.detail-thumb.active,
.detail-thumb:hover{border-color:rgba(233,191,120,.60);box-shadow:0 0 0 5px rgba(233,191,120,.12);transform:translateY(-2px)}
.detail-service-strip{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.detail-service-strip span{
  border:1px solid var(--line2);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  color:var(--muted);
  padding:12px;
  font-size:12.5px;
  font-weight:800;
  text-align:center;
}
.detail-info{padding:30px}
.detail-info h1{
  margin:13px 0 12px;
  font-size:clamp(34px,4vw,56px);
  line-height:1.14;
  color:var(--text);
  letter-spacing:-1px;
}
.detail-desc{
  margin:0 0 22px;
  color:var(--muted);
  font-size:15px;
  line-height:2;
}
.detail-price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid var(--line);
  border-radius:26px;
  background:rgba(255,255,255,.06);
  padding:18px;
  margin-bottom:18px;
}
.detail-price-label{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-bottom:7px}
.detail-price-row strong{display:block;color:var(--text);font-size:29px;font-weight:900;white-space:nowrap}
.detail-rating{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--gold);
  font-weight:900;
  white-space:nowrap;
}
.detail-rating span{letter-spacing:1px;font-size:13px}
.detail-options-card{
  display:grid;
  gap:14px;
  margin-bottom:18px;
}
.detail-option-group{
  border:1px solid var(--line2);
  border-radius:24px;
  background:rgba(255,255,255,.045);
  padding:16px;
}
.detail-option-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.detail-option-head b{color:var(--text);font-size:15px;font-weight:900}
.detail-option-head span{color:var(--muted);font-size:12px;font-weight:800}
.detail-options{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.detail-option{
  border:1px solid var(--line2);
  color:var(--text);
  background:rgba(255,255,255,.06);
  border-radius:999px;
  padding:10px 15px;
  font-weight:900;
  cursor:pointer;
  transition:.22s ease;
}
.detail-option:hover,
.detail-option.active{
  color:#24140f;
  background:linear-gradient(135deg,#f9d79a,#e9bf78,#dca14f);
  border-color:rgba(233,191,120,.56);
  transform:translateY(-1px);
}
.detail-buy-row{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:12px;
  margin-bottom:16px;
}
.qty-control{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-width:142px;
  border:1px solid var(--line);
  border-radius:20px;
  background:rgba(255,255,255,.06);
  padding:8px;
}
.qty-control button{
  width:36px;
  height:36px;
  border:0;
  border-radius:13px;
  color:var(--text);
  background:rgba(255,255,255,.08);
  cursor:pointer;
  font-weight:900;
  font-size:18px;
}
.qty-control span{min-width:22px;text-align:center;font-weight:900;color:var(--text);font-size:18px}
.add-to-cart-btn{
  border:0;
  border-radius:20px;
  background:linear-gradient(135deg,#f9d79a,#e9bf78,#dca14f);
  color:#24140f;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 18px 38px rgba(233,191,120,.18);
  transition:.22s ease;
}
.add-to-cart-btn:hover{transform:translateY(-2px)}
.add-to-cart-btn.added{background:linear-gradient(135deg,#6ee7a7,#22b86b);color:#06130c}
.detail-mini-services{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.detail-mini-services div{
  border:1px solid var(--line2);
  border-radius:20px;
  background:rgba(255,255,255,.045);
  padding:14px;
  text-align:center;
}
.detail-mini-services b{display:block;color:var(--text);font-size:15px;margin-bottom:5px}
.detail-mini-services span{display:block;color:var(--muted);font-size:11.5px;line-height:1.6}
.detail-content-section{
  padding:4px 6vw 46px;
  background:linear-gradient(180deg,#0a0710 0%,#120b17 100%);
}
.detail-content-shell{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
}
.detail-description-card,
.detail-features-card{padding:26px}
.detail-description-card h2,
.detail-features-card h2{margin:0 0 13px;color:var(--text);font-size:28px;line-height:1.25}
.detail-description-card p{margin:0;color:var(--muted);line-height:2.1;font-size:15px}
.detail-features{display:grid;gap:10px}
.detail-feature-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--line2);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  padding:13px 14px;
}
.detail-feature-row span{color:var(--muted);font-size:13px;font-weight:800}
.detail-feature-row b{color:var(--text);font-size:13px;font-weight:900;text-align:left}
.related-section{
  padding:14px 6vw 96px;
  background:linear-gradient(180deg,#120b17 0%,#0a0710 100%);
}
.related-grid{
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.compact-head{margin-bottom:24px}
html[data-theme="light"] .detail-topbar,
html[data-theme="light"] .product-detail-section,
html[data-theme="light"] .detail-content-section,
html[data-theme="light"] .related-section{
  background:
    radial-gradient(circle at 18% 8%, rgba(218,164,79,.16), transparent 27%),
    radial-gradient(circle at 82% 12%, rgba(240,182,196,.16), transparent 24%),
    linear-gradient(180deg,#fff8f1 0%,#fff1e8 100%);
}
html[data-theme="light"] .detail-gallery,
html[data-theme="light"] .detail-info,
html[data-theme="light"] .detail-description-card,
html[data-theme="light"] .detail-features-card{
  background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.62));
  box-shadow:0 22px 56px rgba(72,43,31,.11);
}
html[data-theme="light"] .detail-main-visual,
html[data-theme="light"] .detail-option-group,
html[data-theme="light"] .detail-price-row,
html[data-theme="light"] .detail-mini-services div,
html[data-theme="light"] .detail-feature-row,
html[data-theme="light"] .detail-service-strip span,
html[data-theme="light"] .qty-control,
html[data-theme="light"] .detail-thumb{
  background:rgba(255,255,255,.66);
}
html[data-theme="light"] .detail-main-visual::before{background:radial-gradient(circle at 50% 55%, rgba(72,43,31,.08), transparent 44%)}

@media (max-width:1080px){
  .product-detail-shell{grid-template-columns:1fr}
  .detail-content-shell{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .detail-main-visual{min-height:430px}
}
@media (max-width:768px){
  .details-page-main{padding-top:4px}
  .detail-topbar{padding:20px 16px 6px}
  .product-detail-section{padding:18px 16px 30px}
  .product-detail-shell{gap:16px}
  .detail-gallery,
  .detail-info,
  .detail-description-card,
  .detail-features-card{border-radius:26px}
  .detail-gallery{padding:12px;order:1}
  .detail-info{padding:20px;order:2}
  .detail-main-visual{min-height:310px;border-radius:22px}
  .detail-main-visual::before{inset:14px;border-radius:18px}
  .detail-main-visual img{width:86%;max-height:260px}
  .detail-tag{top:14px;right:14px;font-size:11px;padding:7px 10px}
  .detail-thumb{flex-basis:62px;height:62px;border-radius:16px}
  .detail-service-strip{display:none!important}
  .detail-info h1{font-size:30px;letter-spacing:-.4px}
  .detail-desc{font-size:13.5px;line-height:1.9}
  .detail-price-row{border-radius:21px;padding:14px;align-items:flex-start;flex-direction:column}
  .detail-price-row strong{font-size:24px}
  .detail-option-head{align-items:flex-start;flex-direction:column;gap:4px}
  .detail-option{padding:9px 13px;font-size:13px}
  .detail-buy-row{grid-template-columns:1fr}
  .add-to-cart-btn{min-height:54px}
  .qty-control{width:100%;min-width:0;justify-content:space-between}
  .detail-mini-services{grid-template-columns:1fr;gap:8px}
  .detail-content-section{padding:0 16px 34px}
  .detail-description-card,
  .detail-features-card{padding:20px}
  .detail-description-card h2,
  .detail-features-card h2{font-size:22px}
  .detail-feature-row{align-items:flex-start;flex-direction:column;gap:5px}
  .detail-feature-row b{text-align:right}
  .related-section{padding:0 16px 70px}
  .related-grid{grid-template-columns:1fr;gap:15px}
}


/* Cart page v15 */
.cart-page-main{padding-top:0;min-height:100vh;background:linear-gradient(180deg,#0a0710 0%,#120b17 58%,#0a0710 100%)}
.cart-hero{padding:26px 6vw 16px;background:radial-gradient(circle at 18% 8%, rgba(233,191,120,.12), transparent 30%),radial-gradient(circle at 84% 12%, rgba(240,182,196,.10), transparent 26%),linear-gradient(180deg,#120b17 0%,#0a0710 100%)}
.cart-hero-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end}
.cart-hero h1{margin:10px 0 8px;color:var(--text);font-size:clamp(28px,3.2vw,44px);line-height:1.22;letter-spacing:-.6px}
.cart-hero p{margin:0;color:var(--muted);line-height:2;font-size:14px;max-width:650px}
.cart-hero-card{min-width:185px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 20px 50px rgba(0,0,0,.18);padding:22px;text-align:center;backdrop-filter:blur(16px)}
.cart-hero-card b{display:block;color:var(--gold);font-size:38px;line-height:1;margin-bottom:8px}
.cart-hero-card span{display:block;color:var(--muted);font-weight:800;font-size:13px}
.cart-section{padding:18px 6vw 96px;background:linear-gradient(180deg,#0a0710 0%,#120b17 100%)}
.cart-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}
.cart-list-card,.cart-summary-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045));box-shadow:0 24px 70px rgba(0,0,0,.24);backdrop-filter:blur(16px)}
.cart-list-card{padding:22px}.cart-summary-card{padding:24px;position:sticky;top:118px}
.cart-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.cart-card-head h2,.cart-summary-card h2{margin:6px 0 0;color:var(--text);font-size:28px;line-height:1.25}
.cart-clear-btn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:var(--text);border-radius:16px;padding:11px 14px;font-weight:900;cursor:pointer;transition:.22s ease}
.cart-clear-btn:hover{transform:translateY(-2px);border-color:rgba(233,191,120,.35)}
.cart-list{display:grid;gap:14px}
.cart-item{display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--line2);border-radius:24px;background:rgba(255,255,255,.055);padding:13px;transition:.22s ease}
.cart-item:hover{border-color:rgba(233,191,120,.32);transform:translateY(-2px)}
.cart-item-media{height:120px;border-radius:20px;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.20),transparent 40%),rgba(255,255,255,.07);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line2)}
.cart-item-media img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(0,0,0,.18))}
.cart-item-info h3{margin:0 0 8px;color:var(--text);font-size:21px;line-height:1.35}
.cart-item-info p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.9}
.cart-item-tags{display:flex;flex-wrap:wrap;gap:8px}.cart-item-tags span{border:1px solid var(--line2);background:rgba(255,255,255,.055);color:var(--muted);border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}
.cart-item-side{display:grid;gap:12px;justify-items:end;min-width:165px}.cart-item-price{color:var(--text);font-size:18px;font-weight:950;white-space:nowrap}
.cart-qty{height:42px;display:inline-flex;align-items:center;border:1px solid var(--line2);border-radius:15px;background:rgba(255,255,255,.06);overflow:hidden}.cart-qty button{width:40px;height:40px;border:0;background:transparent;color:var(--text);font-size:20px;font-weight:900;cursor:pointer}.cart-qty span{min-width:34px;text-align:center;color:var(--text);font-weight:950}
.cart-remove-btn{border:0;background:rgba(255,86,86,.10);color:#ffb3b3;border-radius:14px;padding:10px 13px;font-weight:900;cursor:pointer}
.cart-summary-rows{display:grid;gap:10px;margin:20px 0}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.055);padding:14px}.summary-row span{color:var(--muted);font-size:13px;font-weight:900}.summary-row b{color:var(--text);font-size:14px}.muted-row b{color:var(--gold)}.total-row{background:linear-gradient(135deg,rgba(233,191,120,.18),rgba(255,255,255,.06));border-color:rgba(233,191,120,.30)}.total-row b{font-size:20px;color:var(--gold)}
.checkout-btn,.continue-shopping{min-height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:950;transition:.22s ease}.checkout-btn{background:linear-gradient(135deg,#f9d79a 0%,#e9bf78 52%,#dca14f 100%);color:#24140f;box-shadow:0 16px 34px rgba(233,191,120,.22);margin-bottom:10px}.continue-shopping{border:1px solid var(--line2);background:rgba(255,255,255,.055);color:var(--text)}.checkout-btn:hover,.continue-shopping:hover{transform:translateY(-2px)}.checkout-btn.disabled{pointer-events:none;opacity:.55;filter:saturate(.4)}
.cart-trust-box{display:grid;gap:9px;margin-top:16px}.cart-trust-box div{border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.045);padding:13px}.cart-trust-box b{display:block;color:var(--text);font-size:14px;margin-bottom:5px}.cart-trust-box span{display:block;color:var(--muted);font-size:12px;line-height:1.8}
.empty-cart-state{border:1px dashed rgba(255,255,255,.22);border-radius:26px;background:rgba(255,255,255,.045);padding:46px 24px;text-align:center}.empty-cart-state b{display:block;color:var(--text);font-size:25px;margin-bottom:10px}.empty-cart-state span{display:block;color:var(--muted);line-height:2;margin-bottom:20px}.empty-cart-state a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:16px;background:linear-gradient(135deg,#f9d79a,#dca14f);color:#24140f;font-weight:950;padding:0 20px}
html[data-theme="light"] .cart-page-main,html[data-theme="light"] .cart-hero,html[data-theme="light"] .cart-section{background:radial-gradient(circle at 18% 8%,rgba(218,164,79,.16),transparent 27%),radial-gradient(circle at 82% 12%,rgba(240,182,196,.16),transparent 24%),linear-gradient(180deg,#fff8f1 0%,#fff1e8 100%)}
html[data-theme="light"] .cart-list-card,html[data-theme="light"] .cart-summary-card,html[data-theme="light"] .cart-hero-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.66));box-shadow:0 22px 56px rgba(72,43,31,.11)}
html[data-theme="light"] .cart-item,html[data-theme="light"] .cart-item-media,html[data-theme="light"] .summary-row,html[data-theme="light"] .cart-trust-box div,html[data-theme="light"] .cart-qty,html[data-theme="light"] .cart-item-tags span,html[data-theme="light"] .empty-cart-state{background:rgba(255,255,255,.66)}
html[data-theme="light"] .cart-remove-btn{color:#a43b3b;background:rgba(220,70,70,.10)}
@media (max-width:1080px){.cart-layout{grid-template-columns:1fr}.cart-summary-card{position:relative;top:auto}.cart-hero-shell{grid-template-columns:1fr}.cart-hero-card{justify-self:start}}
@media (max-width:768px){.cart-page-main{padding-top:0}.cart-hero{padding:16px 16px 10px}.cart-hero h1{font-size:26px;letter-spacing:-.2px}.cart-section{padding:16px 16px 72px}.cart-list-card,.cart-summary-card{border-radius:26px;padding:16px}.cart-card-head{align-items:flex-start;flex-direction:column}.cart-clear-btn{width:100%}.cart-item{grid-template-columns:1fr;gap:12px;border-radius:22px}.cart-item-media{height:230px}.cart-item-media img{width:82%;height:82%}.cart-item-side{justify-items:stretch;min-width:0}.cart-item-price{text-align:right;font-size:19px}.cart-qty{width:100%;justify-content:space-between}.cart-qty button{width:52px}.cart-remove-btn{width:100%;min-height:44px}.cart-hero-card{width:100%;padding:17px}.cart-hero-card b{font-size:31px}}
@media (max-width:390px){.cart-item-media{height:205px}.cart-item-info h3{font-size:19px}.total-row b{font-size:18px}}

/* Checkout page v16 */
.checkout-page-main{padding-top:0;min-height:100vh;background:linear-gradient(180deg,#0a0710 0%,#120b17 58%,#0a0710 100%)}
.checkout-hero{padding:26px 6vw 16px;background:radial-gradient(circle at 18% 8%,rgba(233,191,120,.12),transparent 30%),radial-gradient(circle at 84% 12%,rgba(240,182,196,.10),transparent 26%),linear-gradient(180deg,#120b17 0%,#0a0710 100%)}
.checkout-hero-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:end}
.checkout-hero h1{margin:10px 0 8px;color:var(--text);font-size:clamp(28px,3.2vw,44px);line-height:1.22;letter-spacing:-.6px}
.checkout-hero p{margin:0;color:var(--muted);line-height:2;font-size:14px;max-width:680px}
.checkout-step-card{min-width:230px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 20px 50px rgba(0,0,0,.18);padding:22px;backdrop-filter:blur(16px)}
.checkout-step-card span{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#f9d79a,#dca14f);color:#24140f;font-weight:950;margin-bottom:14px}
.checkout-step-card b{display:block;color:var(--text);font-size:17px;margin-bottom:5px}.checkout-step-card em{display:block;color:var(--muted);font-style:normal;font-size:12px;font-weight:800}
.checkout-section{padding:18px 6vw 96px;background:linear-gradient(180deg,#0a0710 0%,#120b17 100%)}
.checkout-layout{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:22px;align-items:start}
.checkout-form-card,.checkout-summary-card{border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045));box-shadow:0 24px 70px rgba(0,0,0,.24);backdrop-filter:blur(16px)}
.checkout-form-card{padding:24px}.checkout-summary-card{padding:24px;position:sticky;top:118px}
.checkout-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.checkout-card-head h2,.checkout-block-title h2,.checkout-summary-card h2{margin:6px 0 0;color:var(--text);font-size:28px;line-height:1.25}
.checkout-back-link{border:1px solid var(--line2);background:rgba(255,255,255,.055);color:var(--text);border-radius:16px;padding:11px 14px;font-weight:900;transition:.22s ease}.checkout-back-link:hover{transform:translateY(-2px);border-color:rgba(233,191,120,.35)}
.checkout-block-title{margin:28px 0 16px}.checkout-block-title.compact{margin-top:24px}
.form-grid{display:grid;gap:14px;margin-bottom:14px}.form-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
.field-box{display:grid;gap:8px;margin-bottom:14px}.field-box label{color:var(--text);font-weight:900;font-size:13px}.field-box input,.field-box textarea,.field-box select{width:100%;border:1px solid var(--line2);border-radius:18px;background:rgba(255,255,255,.060);color:var(--text);outline:0;padding:14px 15px;font-size:14px;transition:.22s ease;resize:vertical}.field-box input:focus,.field-box textarea:focus,.field-box select:focus{border-color:rgba(233,191,120,.55);box-shadow:0 0 0 4px rgba(233,191,120,.10)}.field-box.has-error input,.field-box.has-error textarea,.field-box.has-error select{border-color:rgba(255,112,151,.74);box-shadow:0 0 0 4px rgba(255,112,151,.10)}.field-error{min-height:16px;color:#ff9db9;font-size:11.5px;font-weight:800}
.delivery-options,.payment-options{display:grid;gap:10px}.delivery-option,.payment-option{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid var(--line2);border-radius:22px;background:rgba(255,255,255,.052);padding:14px;cursor:pointer;transition:.22s ease}.payment-option{grid-template-columns:auto 1fr}.delivery-option:hover,.payment-option:hover,.delivery-option.active,.payment-option.active{border-color:rgba(233,191,120,.42);background:rgba(233,191,120,.095)}.delivery-option input,.payment-option input{accent-color:#dca14f;width:18px;height:18px}.delivery-option b,.payment-option b{display:block;color:var(--text);font-size:15px;margin-bottom:4px}.delivery-option em,.payment-option em{display:block;color:var(--muted);font-style:normal;font-size:12px;line-height:1.7}.delivery-option strong{color:var(--gold);font-size:13px;white-space:nowrap}
.checkout-actions{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:24px}.place-order-btn{min-height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,#f9d79a 0%,#e9bf78 52%,#dca14f 100%);color:#24140f;font-weight:950;cursor:pointer;box-shadow:0 16px 34px rgba(233,191,120,.22);transition:.22s ease}.place-order-btn:hover{transform:translateY(-2px)}
.checkout-items{display:grid;gap:10px;margin:18px 0}.checkout-item{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;border:1px solid var(--line2);border-radius:20px;background:rgba(255,255,255,.052);padding:10px}.checkout-item img{width:76px;height:70px;object-fit:contain;border-radius:16px;background:rgba(255,255,255,.06);padding:6px}.checkout-item h3{margin:0 0 5px;color:var(--text);font-size:15px;line-height:1.4}.checkout-item p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.8}.checkout-item b{display:block;color:var(--gold);font-size:12.5px;margin-top:4px}.checkout-total-box{display:grid;gap:10px;margin:16px 0}.checkout-support-box{border:1px solid rgba(233,191,120,.25);border-radius:22px;background:linear-gradient(135deg,rgba(233,191,120,.13),rgba(255,255,255,.045));padding:16px}.checkout-support-box b{display:block;color:var(--text);font-size:15px;margin-bottom:7px}.checkout-support-box span{display:block;color:var(--gold);font-weight:950;font-size:18px;margin-bottom:4px}.checkout-support-box em{display:block;color:var(--muted);font-style:normal;font-size:12px;line-height:1.8}
.order-success-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.62);backdrop-filter:blur(14px);padding:18px}.order-success-modal.show{display:flex}.order-success-card{position:relative;width:min(430px,100%);border:1px solid var(--line);border-radius:32px;background:linear-gradient(180deg,rgba(31,24,39,.98),rgba(16,11,22,.98));box-shadow:0 36px 90px rgba(0,0,0,.45);padding:34px 24px;text-align:center}.success-close{position:absolute;top:14px;left:14px;width:38px;height:38px;border:1px solid var(--line2);border-radius:14px;background:rgba(255,255,255,.06);color:var(--text);font-size:22px;cursor:pointer}.success-icon{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;margin:0 auto 16px;background:linear-gradient(135deg,#6ee7a7,#22b86b);color:#06130c;font-size:34px;font-weight:950}.order-success-card h2{margin:0 0 10px;color:var(--text);font-size:28px}.order-success-card p{margin:0;color:var(--muted);font-size:14px}.order-success-card>b{display:block;margin:12px auto 20px;color:var(--gold);font-size:26px;letter-spacing:1px}.success-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.success-actions a{min-height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:950}.success-actions a:first-child{background:linear-gradient(135deg,#f9d79a,#dca14f);color:#24140f}.success-actions a:last-child{border:1px solid var(--line2);background:rgba(255,255,255,.055);color:var(--text)}
html[data-theme="light"] .checkout-page-main,html[data-theme="light"] .checkout-hero,html[data-theme="light"] .checkout-section{background:radial-gradient(circle at 18% 8%,rgba(218,164,79,.16),transparent 27%),radial-gradient(circle at 82% 12%,rgba(240,182,196,.16),transparent 24%),linear-gradient(180deg,#fff8f1 0%,#fff1e8 100%)}
html[data-theme="light"] .checkout-form-card,html[data-theme="light"] .checkout-summary-card,html[data-theme="light"] .checkout-step-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.66));box-shadow:0 22px 56px rgba(72,43,31,.11)}
html[data-theme="light"] .field-box input,html[data-theme="light"] .field-box textarea,html[data-theme="light"] .delivery-option,html[data-theme="light"] .payment-option,html[data-theme="light"] .checkout-item,html[data-theme="light"] .checkout-item img,html[data-theme="light"] .checkout-support-box{background:rgba(255,255,255,.66)}
html[data-theme="light"] .order-success-card{background:linear-gradient(180deg,#fffaf5,#fff1e8);box-shadow:0 36px 90px rgba(72,43,31,.22)}
@media (max-width:1080px){.checkout-layout{grid-template-columns:1fr}.checkout-summary-card{position:relative;top:auto}.checkout-hero-shell{grid-template-columns:1fr}.checkout-step-card{justify-self:start}}
@media (max-width:768px){.checkout-page-main{padding-top:0}.checkout-hero{padding:16px 16px 10px}.checkout-hero h1{font-size:26px;letter-spacing:-.2px}.checkout-section{padding:16px 16px 72px}.checkout-form-card,.checkout-summary-card{border-radius:26px;padding:16px}.checkout-card-head{align-items:flex-start;flex-direction:column}.checkout-back-link{width:100%;text-align:center}.form-grid.two-col,.form-grid.three-col{grid-template-columns:1fr}.delivery-option{grid-template-columns:auto 1fr;align-items:start}.delivery-option strong{grid-column:2 / 3}.checkout-actions{grid-template-columns:1fr}.checkout-step-card{width:100%;padding:17px}.checkout-item{grid-template-columns:70px 1fr}.checkout-item img{width:70px;height:66px}.success-actions{grid-template-columns:1fr}}


/* v17 compact cart/checkout hero spacing */
.cart-page-main,.checkout-page-main{padding-top:0 !important}
.cart-hero,.checkout-hero{padding-top:26px !important;padding-bottom:16px !important}
.cart-section,.checkout-section{padding-top:18px !important}
.cart-hero h1,.checkout-hero h1{font-size:clamp(28px,3.2vw,44px) !important;line-height:1.22 !important;letter-spacing:-.6px !important;margin:10px 0 8px !important}
.cart-hero p,.checkout-hero p{font-size:14px !important}
@media (max-width:768px){
  .cart-page-main,.checkout-page-main{padding-top:0 !important}
  .cart-hero,.checkout-hero{padding:16px 16px 10px !important}
  .cart-hero h1,.checkout-hero h1{font-size:26px !important;line-height:1.32 !important;letter-spacing:-.2px !important}
  .cart-hero p,.checkout-hero p{font-size:13px !important;line-height:1.9 !important}
  .cart-hero-card,.checkout-step-card{padding:14px !important;border-radius:22px !important}
  .cart-hero-card b{font-size:26px !important}
}

/* v18: checkout validation, TomSelect, Zibal result */
.server-alert{
  border-radius:18px;
  padding:13px 15px;
  margin-bottom:18px;
  font-weight:800;
  line-height:1.9;
  border:1px solid var(--line);
  background:rgba(255,255,255,.065);
  color:var(--text);
}
.server-alert.error{
  border-color:rgba(255,89,89,.32);
  background:linear-gradient(180deg,rgba(255,89,89,.12),rgba(255,255,255,.04));
  color:#ffdede;
}
html[data-theme="light"] .server-alert.error{
  color:#7a1d1d;
  background:linear-gradient(180deg,rgba(255,89,89,.12),rgba(255,255,255,.72));
}
.optional-label{
  font-style:normal;
  font-size:11px;
  color:var(--muted);
  font-weight:700;
  margin-right:5px;
}
.single-option .delivery-option,
.payment-options .payment-option{
  cursor:default;
}
.locked-option{
  box-shadow:0 18px 44px rgba(233,191,120,.08);
}
.place-order-btn.loading{
  opacity:.78;
  pointer-events:none;
  position:relative;
}
.place-order-btn.loading::after{
  content:"";
  width:15px;
  height:15px;
  border-radius:50%;
  border:2px solid rgba(36,20,15,.35);
  border-top-color:#24140f;
  display:inline-block;
  margin-right:9px;
  vertical-align:middle;
  animation:spin .8s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

.field-box .ts-wrapper{width:100%}
.field-box .ts-control{
  min-height:49px;
  border:1px solid var(--line2) !important;
  background:rgba(255,255,255,.06) !important;
  color:var(--text) !important;
  border-radius:16px !important;
  padding:10px 13px !important;
  box-shadow:none !important;
  font-family:'Pelak',Tahoma,Arial,sans-serif !important;
  direction:rtl;
}
.field-box .ts-control input{
  color:var(--text) !important;
  font-family:'Pelak',Tahoma,Arial,sans-serif !important;
}
.field-box .ts-control .item{color:var(--text)}
.field-box .ts-dropdown{
  direction:rtl;
  border:1px solid var(--line2) !important;
  background:#14101b !important;
  color:#fff !important;
  border-radius:16px !important;
  max-height:min(320px,48vh);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  box-shadow:0 18px 42px rgba(0,0,0,.28) !important;
  font-family:'Pelak',Tahoma,Arial,sans-serif !important;
}
.field-box .ts-dropdown .option{
  padding:10px 13px;
  color:rgba(255,248,245,.86);
}
.field-box .ts-dropdown .active{
  background:rgba(233,191,120,.18) !important;
  color:#fff !important;
}
.field-box.has-error .ts-control{border-color:rgba(255,89,89,.58) !important}
html[data-theme="light"] .field-box .ts-control{
  background:rgba(255,255,255,.82) !important;
  color:var(--text) !important;
}
html[data-theme="light"] .field-box .ts-dropdown{
  background:#fff !important;
  color:#2a1b16 !important;
  box-shadow:0 18px 42px rgba(72,43,31,.12) !important;
}
html[data-theme="light"] .field-box .ts-dropdown .option{color:#2a1b16}
html[data-theme="light"] .field-box .ts-dropdown .active{
  background:rgba(218,164,79,.16) !important;
  color:#2a1b16 !important;
}

.payment-result-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:32px 16px;
  background:
    radial-gradient(circle at 20% 8%, rgba(233,191,120,.16), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(240,182,196,.12), transparent 28%),
    linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);
}
.payment-result-card{
  width:min(620px,100%);
  border:1px solid var(--line);
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:0 24px 70px rgba(0,0,0,.25);
  padding:34px;
  text-align:center;
}
.payment-result-icon{
  width:72px;
  height:72px;
  border-radius:24px;
  display:grid;
  place-items:center;
  margin:0 auto 18px;
  font-size:34px;
  font-weight:900;
  background:rgba(255,255,255,.08);
  border:1px solid var(--line2);
}
.payment-result-card.success .payment-result-icon{
  color:#1f8d54;
  background:rgba(47,184,110,.16);
  border-color:rgba(47,184,110,.35);
}
.payment-result-card.failed .payment-result-icon{
  color:#d34646;
  background:rgba(255,89,89,.13);
  border-color:rgba(255,89,89,.35);
}
.payment-result-card h1{
  margin:12px 0 10px;
  font-size:32px;
  line-height:1.45;
  color:var(--text);
}
.payment-result-card p{
  color:var(--muted);
  line-height:2;
  margin:0 auto 20px;
  max-width:500px;
}
.payment-result-info{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:22px 0;
}
.payment-result-info div{
  border:1px solid var(--line2);
  border-radius:18px;
  padding:12px;
  background:rgba(255,255,255,.055);
}
.payment-result-info span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}
.payment-result-info b{
  color:var(--text);
  font-size:14px;
  overflow-wrap:anywhere;
}
.payment-result-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
html[data-theme="light"] .payment-result-page{
  background:linear-gradient(180deg,#fff8f1 0%,#fff1e8 100%);
}
html[data-theme="light"] .payment-result-card{
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.68));
  box-shadow:0 24px 70px rgba(72,43,31,.12);
}
@media(max-width:768px){
  .payment-result-card{padding:24px 16px;border-radius:26px}
  .payment-result-card h1{font-size:24px}
  .payment-result-info{grid-template-columns:1fr}
}

/* v20: local Notyf/TomSelect support */
.field-box select{appearance:none;-webkit-appearance:none;min-height:50px}

/* v21 - Structured checkout address */
.checkout-address-hint{
  margin:-4px 0 16px;
  padding:12px 14px;
  border-radius:18px;
  border:1px solid rgba(233,191,120,.22);
  background:rgba(233,191,120,.075);
  color:var(--muted);
  font-size:13px;
  line-height:1.9;
  font-weight:800;
}
.form-grid.address-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  align-items:start;
}
.form-grid.address-grid .span-2{grid-column:span 2}
.form-grid.address-grid .span-3{grid-column:span 3}
.form-grid.address-grid .span-6{grid-column:1 / -1}
html[data-theme="light"] .checkout-address-hint{
  background:rgba(199,149,68,.10);
  border-color:rgba(199,149,68,.25);
  color:#66514a;
}
@media (max-width:768px){
  .form-grid.address-grid{grid-template-columns:1fr}
  .form-grid.address-grid .span-2,
  .form-grid.address-grid .span-3,
  .form-grid.address-grid .span-6{grid-column:auto}
}

/* Customer Panel */
.customer-panel-page{
  padding:24px 6vw 90px;
  background:linear-gradient(180deg,#100a16 0%,#090710 100%);
  min-height:calc(100vh - 90px);
}
.customer-panel-shell{
  max-width:1320px;
  margin:0 auto;
}
.customer-panel-hero{
  border:1px solid var(--line);
  border-radius:34px;
  padding:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
  box-shadow:0 28px 80px rgba(0,0,0,.22);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-bottom:22px;
}
.customer-panel-hero h1{
  margin:8px 0 8px;
  font-size:clamp(26px,3.2vw,44px);
  line-height:1.25;
  color:var(--text);
}
.customer-panel-hero p{
  margin:0;
  color:var(--muted);
  line-height:2;
  max-width:760px;
}
.customer-panel-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(110px,1fr));
  gap:10px;
  min-width:360px;
}
.customer-mini-stat{
  border:1px solid var(--line2);
  border-radius:22px;
  padding:14px;
  background:rgba(255,255,255,.06);
  text-align:center;
}
.customer-mini-stat b{
  display:block;
  color:var(--text);
  font-size:20px;
  margin-bottom:5px;
}
.customer-mini-stat span{
  color:var(--muted);
  font-size:12px;
}
.customer-panel-grid{
  display:grid;
  grid-template-columns:370px 1fr;
  gap:20px;
  align-items:start;
}
.customer-card,
.customer-order-card,
.customer-login-card{
  border:1px solid var(--line);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));
  box-shadow:0 22px 60px rgba(0,0,0,.18);
  overflow:hidden;
}
.customer-card-head,
.customer-order-head{
  padding:20px 22px;
  border-bottom:1px solid var(--line2);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.customer-card-head h2,
.customer-order-head h2{
  margin:0;
  color:var(--text);
  font-size:21px;
  line-height:1.4;
}
.customer-card-body{padding:20px 22px}
.customer-info-list{
  display:grid;
  gap:12px;
}
.customer-info-item{
  border:1px solid var(--line2);
  border-radius:18px;
  padding:12px 14px;
  background:rgba(255,255,255,.045);
}
.customer-info-item span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}
.customer-info-item b{
  display:block;
  color:var(--text);
  font-size:14px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
.customer-orders-list{
  display:grid;
  gap:16px;
}
.customer-order-card{border-radius:28px}
.customer-order-head{
  background:rgba(255,255,255,.035);
}
.customer-order-code{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.customer-order-code span{
  color:var(--muted);
  font-size:12px;
}
.customer-order-code b{
  color:var(--text);
  font-size:18px;
  direction:ltr;
  text-align:right;
}
.customer-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(47,184,110,.14);
  color:#6ee19d;
  border:1px solid rgba(47,184,110,.28);
  font-weight:900;
  font-size:12px;
  white-space:nowrap;
}
.customer-order-body{padding:18px 22px 22px}
.customer-order-meta{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.customer-order-meta div{
  border:1px solid var(--line2);
  border-radius:16px;
  padding:11px 12px;
  background:rgba(255,255,255,.045);
}
.customer-order-meta span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:5px;
}
.customer-order-meta b{
  color:var(--text);
  font-size:14px;
}
.customer-order-address{
  border:1px solid var(--line2);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.04);
  color:var(--muted);
  line-height:2;
  margin:12px 0 16px;
}
.customer-order-address b{
  color:var(--text);
}
.customer-items-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 8px;
}
.customer-items-table th{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  text-align:right;
  padding:0 10px 4px;
}
.customer-items-table td{
  background:rgba(255,255,255,.045);
  border-top:1px solid var(--line2);
  border-bottom:1px solid var(--line2);
  color:var(--text);
  padding:12px 10px;
  font-size:13px;
  line-height:1.8;
}
.customer-items-table td:first-child{
  border-right:1px solid var(--line2);
  border-radius:0 14px 14px 0;
}
.customer-items-table td:last-child{
  border-left:1px solid var(--line2);
  border-radius:14px 0 0 14px;
}
.customer-order-total{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  align-items:center;
  margin-top:12px;
  color:var(--muted);
}
.customer-order-total b{
  color:var(--text);
  font-size:18px;
}
.customer-login-wrap{
  max-width:560px;
  margin:36px auto 0;
}
.customer-login-card{
  padding:28px;
}
.customer-login-card h1{
  margin:8px 0 10px;
  font-size:30px;
  color:var(--text);
}
.customer-login-card p{
  color:var(--muted);
  line-height:2;
  margin:0 0 20px;
}

.customer-login-card .field-help{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:12px;
  line-height:1.8;
}
.customer-login-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.customer-panel-empty{
  border:1px dashed var(--line);
  border-radius:26px;
  padding:24px;
  text-align:center;
  color:var(--muted);
  line-height:2;
}
.km-inline-action-form{display:contents}
.customer-logout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line2);
  border-radius:14px;
  padding:9px 12px;
  color:var(--muted);
  background:rgba(255,255,255,.04);
  font-size:13px;
  font-weight:800;
}
html[data-theme="light"] .customer-panel-page{
  background:linear-gradient(180deg,#fff8f1 0%,#fff1e8 100%);
}
html[data-theme="light"] .customer-panel-hero,
html[data-theme="light"] .customer-card,
html[data-theme="light"] .customer-order-card,
html[data-theme="light"] .customer-login-card{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.72));
  box-shadow:0 22px 60px rgba(72,43,31,.10);
}
html[data-theme="light"] .customer-status-pill{
  color:#176b3d;
  background:rgba(47,184,110,.15);
}
@media(max-width:1024px){
  .customer-panel-hero{flex-direction:column;align-items:stretch}
  .customer-panel-stats{min-width:0}
  .customer-panel-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .customer-panel-page{padding:14px 14px 64px}
  .customer-panel-hero{padding:20px;border-radius:26px}
  .customer-panel-stats{grid-template-columns:1fr 1fr}
  .customer-panel-stats .customer-mini-stat:last-child{grid-column:1 / -1}
  .customer-order-head{align-items:flex-start;flex-direction:column}
  .customer-order-meta{grid-template-columns:1fr}
  .customer-items-table{display:block;overflow-x:auto;white-space:nowrap}
  .customer-login-card{padding:22px;border-radius:26px}
  .customer-login-card h1{font-size:24px}
}

/* v26 - Customer auth + favorites */
.icon-btn.is-disabled{
  opacity:.42;
  filter:grayscale(.35);
  cursor:not-allowed;
  pointer-events:auto;
}
.favorite-header-link{position:relative}
.favorite-badge{
  position:absolute;
  top:-5px;
  left:-5px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#ff7da8,#ffc6d7);
  color:#250a14;
  font-size:11px;
  font-weight:900;
  box-shadow:0 10px 20px rgba(255,125,168,.22);
  z-index:3;
}
.product-card,.catalog-card{position:relative}
.favorite-product-btn{
  position:absolute;
  top:14px;
  left:14px;
  z-index:8;
  width:44px;
  height:44px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(8,7,13,.58);
  backdrop-filter:blur(14px);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
  color:#fff8f3;
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}
.favorite-product-btn svg{width:20px;height:20px;fill:currentColor;transition:transform .22s ease}
.favorite-product-btn:hover{transform:translateY(-2px) scale(1.04);border-color:rgba(255,125,168,.42);background:rgba(38,13,24,.72)}
.favorite-product-btn:hover svg{transform:scale(1.08)}
.favorite-product-btn.is-active{
  color:#2a0c14;
  background:linear-gradient(135deg,#ff7da8,#ffe0ea);
  border-color:rgba(255,255,255,.42);
  box-shadow:0 16px 34px rgba(255,125,168,.26);
}
.catalog-favorite-btn{top:16px;left:16px}
.detail-favorite-btn{
  position:relative;
  top:auto;
  left:auto;
  width:auto;
  min-width:150px;
  height:54px;
  padding:0 18px;
  display:inline-flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  font-weight:900;
}
.detail-favorite-btn span{white-space:nowrap}
.favorite-login-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.favorite-login-modal.is-open{display:flex}
.favorite-login-backdrop{position:absolute;inset:0;background:rgba(5,4,9,.68);backdrop-filter:blur(12px)}
.favorite-login-card{
  position:relative;
  width:min(440px,100%);
  border-radius:30px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.07));
  box-shadow:0 30px 80px rgba(0,0,0,.42);
  padding:28px;
  color:var(--text);
}
[data-theme="light"] .favorite-login-card{background:rgba(255,255,255,.96);box-shadow:0 30px 80px rgba(104,66,38,.16)}
.favorite-login-card h2{margin:8px 0 10px;font-size:28px;line-height:1.25}
.favorite-login-card p{margin:0 0 18px;color:var(--muted);line-height:2;font-size:14px}
.favorite-login-card label{display:block;margin-bottom:8px;font-weight:900;color:var(--text)}
.favorite-login-card input{
  width:100%;
  height:52px;
  border-radius:17px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.07);
  color:var(--text);
  padding:0 14px;
  outline:0;
  font:inherit;
  direction:ltr;
  text-align:left;
}
[data-theme="light"] .favorite-login-card input{background:#fff;color:#24140f}
.favorite-login-card .btn{width:100%;margin-top:14px;border:0;cursor:pointer}
.favorite-login-close{
  position:absolute;
  top:14px;
  left:14px;
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.08);
  color:var(--text);
  font-size:24px;
  cursor:pointer;
}
.favorites-page-main{padding-top:18px}
.favorites-section{padding-top:18px}
.favorites-toolbar{
  max-width:1280px;
  margin:0 auto 22px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.favorites-grid{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(220px,1fr));
  gap:22px;
}
.favorite-list-card .catalog-card-media{height:240px}
.customer-panel-links{
  display:grid;
  gap:10px;
  margin-top:14px;
}
.customer-panel-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-radius:17px;
  padding:12px 14px;
  color:var(--text);
  background:rgba(255,255,255,.055);
  border:1px solid var(--line2);
  font-weight:900;
}
.customer-panel-links a:hover{border-color:rgba(233,191,120,.38);background:rgba(255,255,255,.085)}
@media (max-width:1024px){.favorites-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}
@media (max-width:640px){
  .favorites-grid{grid-template-columns:1fr;gap:16px}
  .favorite-product-btn{width:40px;height:40px;border-radius:14px;top:12px;left:12px}
  .favorite-login-card{padding:24px 18px;border-radius:24px}
  .favorite-login-card h2{font-size:23px}
}
@media (max-width:768px){
  .detail-favorite-btn{
    width:100%;
    min-width:0;
    order:3;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    justify-self:stretch!important;
    text-align:center!important;
  }
  .detail-favorite-btn svg,
  .detail-favorite-btn span{flex:0 0 auto}
}


.customer-auth-link.is-disabled{opacity:.45;filter:grayscale(.45);cursor:not-allowed;pointer-events:auto;}
.customer-auth-link.is-disabled:hover{transform:none;border-color:var(--line2);}

/* Admin panel v31 */
.admin-login-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:34px 18px;
}
.admin-login-card{
  width:min(520px,100%);
  border:1px solid var(--line);
  border-radius:30px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.045));
  box-shadow:0 26px 70px rgba(0,0,0,.24);
  padding:28px;
}
.admin-login-brand{margin-bottom:22px;display:flex}
.admin-login-card h1{margin:10px 0 10px;font-size:clamp(25px,4vw,36px);line-height:1.35}
.admin-login-card p{margin:0 0 20px;color:var(--muted);line-height:2}
.admin-login-form .btn{width:100%;margin-top:4px}

.admin-header{
  position:sticky;
  top:0;
  z-index:80;
  max-width:1340px;
  margin:14px auto 0;
  padding:12px 16px;
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(20,15,28,.92), rgba(20,15,28,.74));
  backdrop-filter:blur(16px);
  box-shadow:0 16px 40px rgba(0,0,0,.18);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
}
html[data-theme="light"] .admin-header{
  background:rgba(255,255,255,.86);
}
.admin-nav{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.admin-nav a,
.admin-logout{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 14px;
  border-radius:15px;
  border:1px solid var(--line-soft);
  color:var(--text);
  background:rgba(255,255,255,.05);
  font-weight:800;
  font-size:13px;
}
.admin-nav a.active,
.admin-nav a:hover,
.admin-logout:hover{
  color:#23130d;
  background:linear-gradient(135deg,#f8d796,#e9bf78,#d99d4d);
  border-color:rgba(233,191,120,.55);
}
.admin-page{max-width:1340px;margin:0 auto;padding:30px 18px 86px}
.admin-title-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:18px 0 24px;
}
.admin-title-row h1{margin:8px 0 8px;font-size:clamp(28px,4vw,46px);line-height:1.25}
.admin-title-row p{margin:0;color:var(--muted);line-height:2}
.admin-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:16px;
  margin-bottom:22px;
}
.admin-stat-card,
.admin-panel-card,
.admin-order-card,
.admin-alert,
.admin-filter-bar,
.admin-empty{
  border:1px solid var(--line);
  border-radius:26px;
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
html[data-theme="light"] .admin-stat-card,
html[data-theme="light"] .admin-panel-card,
html[data-theme="light"] .admin-order-card,
html[data-theme="light"] .admin-alert,
html[data-theme="light"] .admin-filter-bar,
html[data-theme="light"] .admin-empty{
  background:#fff;
  box-shadow:0 18px 42px rgba(86,64,76,.10);
}
.admin-stat-card{padding:20px}
.admin-stat-card span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}
.admin-stat-card b{display:block;font-size:28px;color:var(--text);line-height:1.2}
.admin-two-col{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:start}
.admin-panel-card{padding:18px;overflow:hidden}
.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.admin-card-head h2{margin:0;font-size:21px}
.admin-card-head a{color:var(--gold);font-weight:900}
.admin-table-wrap{overflow:auto}
.admin-table{width:100%;border-collapse:separate;border-spacing:0 10px;min-width:680px}
.admin-table.compact{min-width:560px;border-spacing:0 7px;margin-top:10px}
.admin-table th{font-size:12px;color:var(--muted);text-align:right;font-weight:900;padding:0 10px 6px}
.admin-table td{background:rgba(255,255,255,.055);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:12px 10px;color:var(--text);font-size:13px}
.admin-table td:first-child{border-radius:0 14px 14px 0;border-right:1px solid var(--line-soft)}
.admin-table td:last-child{border-radius:14px 0 0 14px;border-left:1px solid var(--line-soft)}
html[data-theme="light"] .admin-table td{background:#fff7f1}
.admin-table a{color:var(--gold);font-weight:900}
.admin-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;border:1px solid var(--line-soft);white-space:nowrap}
.admin-status.st-new{background:rgba(233,191,120,.15);color:var(--gold)}
.admin-status.st-packing{background:rgba(88,166,255,.15);color:#58a6ff}
.admin-status.st-posted{background:rgba(47,184,110,.16);color:#44d483}
.admin-status.st-delivered{background:rgba(86,214,141,.20);color:#3fd47c}
.admin-status.st-cancelled{background:rgba(255,91,91,.16);color:#ff7373}
html[data-theme="light"] .admin-status.st-new{color:#9a641c}
html[data-theme="light"] .admin-status.st-packing{color:#125ca7}
html[data-theme="light"] .admin-status.st-posted,
html[data-theme="light"] .admin-status.st-delivered{color:#137343}
html[data-theme="light"] .admin-status.st-cancelled{color:#b92b2b}
.admin-customer-list{display:grid;gap:10px}
.admin-customer-row{border:1px solid var(--line-soft);border-radius:18px;padding:13px;background:rgba(255,255,255,.045)}
html[data-theme="light"] .admin-customer-row{background:#fff7f1}
.admin-customer-row b,.admin-customer-row span,.admin-customer-row small{display:block}
.admin-customer-row b{font-size:14px;margin-bottom:4px}
.admin-customer-row span{font-size:13px;color:var(--text)}
.admin-customer-row small{font-size:12px;color:var(--muted);margin-top:5px}
.admin-filter-bar{display:grid;grid-template-columns:1fr 210px auto auto;gap:10px;padding:14px;margin-bottom:18px;align-items:center}
.admin-filter-bar input,
.admin-filter-bar select,
.admin-order-form input,
.admin-order-form select,
.admin-order-form textarea{
  width:100%;
  border:1px solid var(--line-soft);
  background:rgba(255,255,255,.065);
  color:var(--text);
  border-radius:16px;
  min-height:46px;
  padding:10px 13px;
  outline:0;
  font-family:'Pelak',Tahoma,Arial,sans-serif !important;
}
html[data-theme="light"] .admin-filter-bar input,
html[data-theme="light"] .admin-filter-bar select,
html[data-theme="light"] .admin-order-form input,
html[data-theme="light"] .admin-order-form select,
html[data-theme="light"] .admin-order-form textarea{background:#fff;color:#24140f}
.admin-orders-grid{display:grid;gap:16px}
.admin-order-card{padding:18px}
.admin-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.admin-order-top span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.admin-order-top b{font-size:21px;color:var(--text)}
.admin-order-summary{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin-bottom:12px}
.admin-order-summary div{border:1px solid var(--line-soft);background:rgba(255,255,255,.045);border-radius:16px;padding:11px}
html[data-theme="light"] .admin-order-summary div{background:#fff7f1}
.admin-order-summary span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}
.admin-order-summary b{display:block;font-size:13px;color:var(--text);line-height:1.7;word-break:break-word}
.admin-order-address{line-height:2;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:12px;margin:12px 0}
.admin-order-address b{color:var(--text)}
.admin-order-items{margin:10px 0 14px;border:1px solid var(--line-soft);border-radius:18px;padding:10px 12px;background:rgba(255,255,255,.035)}
html[data-theme="light"] .admin-order-items{background:#fffaf6}
.admin-order-items summary{cursor:pointer;font-weight:900;color:var(--gold)}
.admin-order-form{border-top:1px solid var(--line-soft);padding-top:14px;display:grid;gap:11px}
.admin-form-grid{display:grid;grid-template-columns:220px 1fr;gap:10px}
.admin-order-form label{display:grid;gap:7px;color:var(--muted);font-size:13px;font-weight:800}
.admin-alert{padding:13px 16px;margin:0 0 14px;font-weight:900;line-height:1.8}
.admin-alert.success{border-color:rgba(47,184,110,.35);color:#43d483;background:rgba(47,184,110,.10)}
.admin-alert.error{border-color:rgba(255,91,91,.35);color:#ff7373;background:rgba(255,91,91,.10)}
.admin-empty{padding:18px;color:var(--muted);line-height:2;text-align:center}
.admin-empty.wide{grid-column:1/-1}
@media (max-width: 980px){
  .admin-header{grid-template-columns:1fr;justify-items:stretch;margin:10px 12px 0}
  .admin-nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:2px}
  .admin-logout{justify-self:start}
  .admin-stats-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}
  .admin-two-col{grid-template-columns:1fr}
  .admin-filter-bar{grid-template-columns:1fr}
  .admin-order-summary{grid-template-columns:repeat(2,minmax(130px,1fr))}
}
@media (max-width: 620px){
  .admin-page{padding:18px 12px 70px}
  .admin-title-row{align-items:stretch;flex-direction:column;margin-top:10px}
  .admin-title-row .btn{width:100%}
  .admin-stats-grid{grid-template-columns:1fr}
  .admin-order-card{padding:14px;border-radius:22px}
  .admin-order-top{align-items:stretch;flex-direction:column}
  .admin-order-summary{grid-template-columns:1fr}
  .admin-form-grid{grid-template-columns:1fr}
  .admin-login-card{padding:22px;border-radius:24px}
}

/* Production process feedback */
.km-process-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(8,5,12,.70);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.km-process-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.km-process-card{position:relative;width:min(410px,100%);padding:30px 28px 26px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(145deg,#1b1024 0%,#100918 100%);box-shadow:0 26px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.06);color:#fff8f2!important;text-align:center;display:grid;justify-items:center;gap:11px;isolation:isolate}
.km-process-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(233,191,120,.75),rgba(240,182,196,.28),rgba(199,140,255,.58));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.km-process-card b{display:block;color:#fff8f2!important;font-size:1.08rem;font-weight:950;line-height:1.8}
.km-process-card span{display:block;color:#ded1e8!important;opacity:1;font-size:.9rem;line-height:1.8}
.km-process-card strong{display:block;color:#f2c97f!important;font-size:1rem;font-weight:950;font-variant-numeric:tabular-nums}
.km-process-spinner{width:52px;height:52px;border-radius:50%;border:4px solid rgba(255,255,255,.14);border-top-color:#f2c97f;border-right-color:#efb8d5;box-shadow:0 0 28px rgba(233,191,120,.20);animation:kmSpin .8s linear infinite}
.km-process-track{width:100%;height:9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;margin-top:8px}
.km-process-track i{display:block;width:8%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e9bf78 0%,#f0b6c4 52%,#c78cff 100%);box-shadow:0 0 18px rgba(240,182,196,.45);transition:width .34s ease}
.km-is-processing body{overflow:hidden!important}
button.loading,input.loading{pointer-events:none!important;opacity:.74!important;cursor:wait!important}
@keyframes kmSpin{to{transform:rotate(360deg)}}
@media(max-width:520px){.km-process-card{padding:26px 20px 22px;border-radius:22px}.km-process-spinner{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.km-process-overlay{transition:none}.km-process-spinner{animation-duration:1.4s}.km-process-track i{transition:none}}
.admin-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:22px 0}.admin-pagination .disabled{pointer-events:none;opacity:.42}

/* ===== Mobile-first production polish v50 ===== */
html{-webkit-text-size-adjust:100%}

@media (max-width:860px){
  body{overflow-x:clip}
  input,select,textarea{font-size:16px!important}
  button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
  .site-header{padding-bottom:6px}
  .header-shell{width:100%;max-width:none}
  .main-nav{max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain}
  .nav-link{min-height:44px;display:flex;align-items:center;justify-content:center}
  .footer-links a{min-height:36px;display:flex;align-items:center;overflow-wrap:anywhere;line-height:1.8}
  .footer-links span{overflow-wrap:anywhere;line-height:1.8}
}

@media (max-width:768px){
  /* Home: conversion content must appear before the large visual on phones. */
  .hero-grid{gap:22px}
  .hero-copy{order:1!important}
  .hero-visual{order:2!important;min-height:360px}
  .stage{height:360px;min-height:360px;border-radius:26px}
  .product-float-card{width:220px;height:174px;margin:-87px 0 0 -110px}
  .product-hero-img{height:152px}
  .product-float-card.active{transform:translate3d(0,-2px,150px) scale(1.06)}
  .product-float-card.prev{transform:translate3d(-116px,14px,5px) rotateY(40deg) scale(.69)}
  .product-float-card.next{transform:translate3d(116px,14px,5px) rotateY(-40deg) scale(.69)}
  .product-float-card.back1{transform:translate3d(-56px,-60px,-180px) rotateY(22deg) scale(.50)}
  .product-float-card.back2{transform:translate3d(56px,-60px,-180px) rotateY(-22deg) scale(.50)}
  .product-pill{min-width:0;width:auto;left:15px;right:15px;top:8px;transform:none;box-sizing:border-box}
  .product-pill b,.product-pill span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .floor{bottom:34px}
  .hero-dots{bottom:12px}
  .hero-actions .btn{flex:1 1 180px}
  .quick-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .stat{min-width:0;text-align:center;padding:11px 7px}
  .stat span{font-size:10.5px;line-height:1.55}

  /* Product catalog: compact filters + two-column commerce grid. */
  .catalog-hero{padding-top:28px}
  .catalog-summary{gap:8px}
  .summary-card{padding:12px;border-radius:18px}
  .summary-card b{font-size:20px}
  .catalog-section{padding-inline:12px}
  .catalog-layout{gap:14px}
  .filter-panel{padding:13px;border-radius:20px}
  .filter-title{margin-bottom:8px}
  .filter-title h2{font-size:17px}
  .filter-group{padding-top:10px;margin-top:10px}
  .filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
  .filter-chips::-webkit-scrollbar{display:none}
  .filter-chip{flex:0 0 auto;min-height:40px;scroll-snap-align:start}
  .price-range-row{grid-template-columns:1fr 1fr;gap:8px}
  .catalog-toolbar{padding:11px 12px;margin-bottom:12px}
  .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .catalog-card{border-radius:20px;min-width:0}
  .catalog-card-media{height:152px!important;min-height:152px!important;max-height:152px!important;padding:10px!important}
  .catalog-card-media::before{inset:8px;border-radius:16px}
  .catalog-card-media img{height:126px!important;max-height:126px!important;max-width:92%!important}
  .catalog-badge{top:9px;right:9px;font-size:9.5px;padding:5px 7px}
  .catalog-favorite-btn{top:9px!important;left:9px!important;width:36px!important;height:36px!important;border-radius:12px!important}
  .catalog-card-body{padding:11px 10px 12px!important;gap:8px!important}
  .catalog-card h3{font-size:14px!important;line-height:1.6!important;min-height:44px;margin:0!important}
  .catalog-card p{display:none}
  .catalog-attrs{gap:5px}
  .catalog-attr{font-size:9.5px;padding:5px 7px}
  .catalog-attr:nth-child(n+2){display:none}
  .catalog-card-foot{align-items:stretch;flex-direction:column;gap:7px}
  .catalog-price{font-size:13px;white-space:normal;line-height:1.6}
  .catalog-btn{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 9px;border-radius:12px;font-size:11px}

  /* Product detail */
  .detail-topbar-shell{gap:10px;align-items:flex-start;flex-direction:column}
  .back-to-products{width:100%;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}
  .detail-gallery{padding:10px}
  .detail-main-visual{min-height:285px}
  .detail-main-visual img{max-height:235px}
  .detail-info{padding:17px}
  .detail-info h1{font-size:26px}
  .detail-options-card{padding:13px;border-radius:20px}
  .detail-options{gap:7px}
  .detail-option{min-height:42px}

  /* Cart: keep item information dense instead of a 230px image per row. */
  .cart-list-card,.cart-summary-card{padding:14px}
  .cart-item{grid-template-columns:96px minmax(0,1fr);gap:11px;align-items:start;padding:11px}
  .cart-item-media{height:96px!important;border-radius:16px}
  .cart-item-media img{width:88%;height:88%}
  .cart-item-info h3{font-size:16px!important;margin-bottom:5px}
  .cart-item-info p{display:none}
  .cart-item-tags{gap:5px}
  .cart-item-tags span{font-size:10.5px;padding:5px 8px}
  .cart-item-side{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;justify-items:stretch}
  .cart-item-price{font-size:16px;text-align:right}
  .cart-qty{width:auto;min-width:132px;justify-self:end}
  .cart-qty button{width:44px}
  .cart-remove-btn{grid-column:1/-1;width:100%;min-height:42px}

  /* Checkout */
  .checkout-form-card,.checkout-summary-card{padding:14px}
  .checkout-card-head h2,.checkout-block-title h2,.checkout-summary-card h2{font-size:22px}
  .field-box input,.field-box textarea,.field-box select{min-height:50px}
  .delivery-option,.payment-option{border-radius:18px;padding:12px}
  .place-order-btn,.continue-shopping{min-height:52px}
  .checkout-summary-card{margin-top:2px}

  /* Customer panel: tables become readable cards on phones. */
  .customer-panel-page{padding-inline:10px}
  .customer-panel-hero{padding:16px;border-radius:22px}
  .customer-panel-hero h1{font-size:25px}
  .customer-panel-stats{grid-template-columns:1fr 1fr;gap:8px}
  .customer-mini-stat{padding:11px 8px;border-radius:17px;min-width:0}
  .customer-mini-stat b{font-size:16px;overflow-wrap:anywhere}
  .customer-card,.customer-order-card{border-radius:22px}
  .customer-card-head,.customer-order-head{padding:15px}
  .customer-card-body,.customer-order-body{padding:14px}
  .customer-order-meta{grid-template-columns:1fr 1fr;gap:8px}
  .customer-order-meta div{padding:10px;border-radius:14px;min-width:0}
  .customer-order-meta b{display:block;overflow-wrap:anywhere}
  .customer-order-address{padding:11px;border-radius:15px}
  .customer-items-table{display:block;width:100%;overflow:visible;white-space:normal;border:0}
  .customer-items-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  .customer-items-table tbody,.customer-items-table tr,.customer-items-table td{display:block;width:100%}
  .customer-items-table tr{margin:0 0 10px;border:1px solid var(--line2);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.035)}
  .customer-items-table td{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;align-items:start;border:0!important;border-bottom:1px solid var(--line2)!important;border-radius:0!important;padding:9px 10px!important;background:transparent!important;font-size:12px}
  .customer-items-table td:last-child{border-bottom:0!important}
  .customer-items-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:800}
  .customer-order-total{justify-content:space-between}
  .customer-login-wrap{margin-top:18px}
  .customer-login-actions{display:grid;grid-template-columns:1fr}
  .customer-login-actions .btn{width:100%}

  /* Footer */
  .site-footer{padding:42px 14px 24px}
  .footer-shell{gap:20px}
  .footer-col{min-width:0}
  .footer-col h3{font-size:15px;margin-bottom:10px}
  .footer-about{font-size:12.5px}
  .footer-links{gap:7px}
  .footer-links a,.footer-links span{font-size:12.5px}
}

@media (max-width:520px){
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .btn{width:100%;min-width:0}
  .quick-stats{grid-template-columns:1fr 1fr}
  .quick-stats .stat:last-child{grid-column:1/-1}
  .category-grid{gap:10px}
  .category-card{--card-height:246px}
  .category-chip{top:42px;left:9px;padding:4px 8px;font-size:8px}
  .category-pulse{top:14px;left:11px;width:38px;height:38px}
  .category-title{font-size:14px;min-height:64px;padding:8px}
  .category-copy small{font-size:8.7px;line-height:1.65}
  .category-title::after{flex-basis:32px;width:32px;height:32px;font-size:15px}
  .category-card-inner::before{letter-spacing:.8px}
  .promo-banner{padding:18px}
  .promo-images img{width:76px;height:76px;border-radius:18px}
  .catalog-summary{grid-template-columns:1fr 1fr}
  .catalog-sort{display:grid;grid-template-columns:auto 1fr;width:100%}
  .catalog-sort select{width:100%}
  .customer-order-meta{grid-template-columns:1fr}
}

@media (max-width:359px){
  .theme-toggle{display:none!important}
  .header-tools{gap:4px}
  .icon-btn,.mobile-menu-btn{width:34px;height:34px}
  .brand-name{font-size:14px}
  .catalog-grid,.favorites-grid{grid-template-columns:1fr!important}
  .catalog-card-media{height:184px!important;min-height:184px!important;max-height:184px!important}
  .catalog-card-media img{height:154px!important;max-height:154px!important}
}

@media (prefers-reduced-motion:reduce){
  .cart-item,.catalog-card{transition:none!important}
}
/* v50 mobile follow-up: touch targets + favorites density */
@media (max-width:860px){
  .icon-btn,.mobile-menu-btn{width:40px;height:40px;min-width:40px;min-height:40px}
}
@media (max-width:640px){
  .favorites-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .favorites-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}
  .favorites-toolbar .btn{width:100%;min-width:0;padding-inline:10px;font-size:12px}
  .favorite-list-card .catalog-card-media{height:152px!important}
}
@media (max-width:359px){
  .icon-btn,.mobile-menu-btn{width:34px;height:34px;min-width:34px;min-height:34px}
  .favorites-toolbar{grid-template-columns:1fr}
}



/* =========================================================
   Products page redesign v53
   Desktop: wider catalog + balanced sidebar
   Mobile: compact hero + search-first + bottom-sheet filters
   ========================================================= */
.products-page-main{
  --catalog-max:1480px;
  overflow:clip;
}
.products-page-main .catalog-hero{
  padding:34px clamp(16px,3vw,34px) 24px;
}
.products-page-main .catalog-hero-shell{
  max-width:var(--catalog-max);
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
}
.products-page-main .catalog-hero-copy{min-width:0}
.products-page-main .catalog-hero h1{
  margin:9px 0 9px;
  font-size:clamp(30px,3.15vw,46px);
  line-height:1.2;
  letter-spacing:-.8px;
}
.products-page-main .catalog-hero p{
  max-width:680px;
  font-size:14px;
  line-height:1.95;
}
.products-page-main .breadcrumbs{margin-bottom:9px}
.products-page-main .catalog-summary{min-width:286px;gap:10px}
.products-page-main .summary-card{min-width:138px;padding:14px 15px;border-radius:20px}
.products-page-main .summary-card b{font-size:20px;margin-bottom:3px}
.products-page-main .summary-card span{font-size:11px;line-height:1.7}

.products-page-main .catalog-section{
  padding:14px clamp(16px,3vw,34px) 92px;
}
.products-page-main .catalog-layout{
  max-width:var(--catalog-max);
  grid-template-columns:260px minmax(0,1fr);
  gap:18px;
}
.products-page-main .filter-panel{
  top:96px;
  border-radius:24px;
  padding:16px;
  box-shadow:0 18px 44px rgba(0,0,0,.14);
}
.products-page-main .filter-drawer-handle,
.products-page-main .filter-close,
.products-page-main .filter-drawer-footer,
.products-page-main .catalog-filter-backdrop,
.products-page-main .catalog-filter-open-btn{display:none}
.products-page-main .filter-eyebrow{
  display:block;
  color:var(--muted2);
  font-size:10.5px;
  font-weight:800;
  margin-bottom:2px;
}
.products-page-main .filter-title{margin-bottom:8px}
.products-page-main .filter-title h2{font-size:18px}
.products-page-main .filter-head-actions{display:flex;align-items:center;gap:7px}
.products-page-main .filter-reset{min-height:36px;padding:7px 10px}
.products-page-main .filter-group{padding-top:13px;margin-top:12px}
.products-page-main .filter-chip{min-height:37px;padding:7px 11px}
.products-page-main .price-range-row{grid-template-columns:1fr;gap:8px}
.products-page-main .price-input-box{display:block;margin:0!important}
.products-page-main .price-input-box>span{
  display:block;
  color:var(--muted2);
  font-size:10px;
  font-weight:700;
  margin:0 0 5px;
}
.products-page-main .filter-input{min-height:44px;padding:10px 11px}

.products-page-main .catalog-content{min-width:0}
.products-page-main .catalog-control-bar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) auto;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}
.products-page-main .catalog-search-wrap{
  min-width:0;
  min-height:52px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));
  box-shadow:0 14px 34px rgba(0,0,0,.10);
}
.products-page-main .catalog-search-wrap svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:var(--muted);
  stroke-width:1.8;
  stroke-linecap:round;
}
.products-page-main .catalog-search-wrap input{
  width:100%;
  min-width:0;
  height:50px;
  border:0;
  outline:0;
  background:transparent;
  color:var(--text);
  font-size:13.5px;
}
.products-page-main .catalog-search-wrap input::placeholder{color:var(--muted2)}
.products-page-main .catalog-search-clear{
  width:32px;
  height:32px;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:var(--muted);
  cursor:pointer;
  font-size:21px;
  line-height:1;
}
.products-page-main .catalog-search-clear[hidden]{display:none!important}
.products-page-main .catalog-control-actions{display:flex;align-items:center;gap:9px;min-width:0}
.products-page-main .catalog-sort{
  min-height:52px;
  gap:9px;
  padding:0 9px 0 12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));
}
.products-page-main .catalog-sort>span{white-space:nowrap}
.products-page-main .catalog-sort select{
  min-width:160px;
  min-height:40px;
  padding:8px 10px;
  border-radius:13px;
}
.products-page-main .catalog-meta-row{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 4px;
  margin:0 0 8px;
}
.products-page-main .catalog-count{font-size:12px}
.products-page-main .catalog-count b{font-size:17px}
.products-page-main .catalog-filter-summary{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted2);
  font-size:11.5px;
  font-weight:800;
}

.products-page-main .catalog-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.products-page-main .catalog-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  border-radius:22px;
  box-shadow:0 15px 36px rgba(0,0,0,.13);
}
.products-page-main .catalog-card:hover{transform:translateY(-4px)}
.products-page-main .catalog-card-media{
  height:220px;
  min-height:220px;
  padding:18px;
}
.products-page-main .catalog-card-media::before{inset:12px;border-radius:19px}
.products-page-main .catalog-card-media img{max-width:92%;max-height:180px}
.products-page-main .catalog-card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:14px 14px 15px;
}
.products-page-main .catalog-card-body h3{
  font-size:17px;
  line-height:1.55;
  min-height:52px;
  margin:0 0 6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.products-page-main .catalog-card-body p{
  min-height:42px;
  margin:0 0 10px;
  font-size:11.5px;
  line-height:1.85;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.products-page-main .catalog-attrs{margin-bottom:11px;gap:5px}
.products-page-main .catalog-attr{font-size:10px;padding:5px 7px}
.products-page-main .catalog-card-foot{margin-top:auto;gap:8px}
.products-page-main .catalog-price{font-size:15px}
.products-page-main .catalog-btn{padding:9px 11px;border-radius:12px;font-size:11px}

html[data-theme="light"] .products-page-main .catalog-search-wrap,
html[data-theme="light"] .products-page-main .catalog-sort{
  background:rgba(255,255,255,.82);
  box-shadow:0 12px 34px rgba(72,43,31,.08);
}
html[data-theme="light"] .products-page-main .catalog-search-clear{background:rgba(58,35,29,.06)}

@media (min-width:921px) and (max-width:1280px){
  .products-page-main .catalog-layout{grid-template-columns:238px minmax(0,1fr)}
  .products-page-main .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .products-page-main .catalog-card-media{height:214px;min-height:214px}
}

@media (max-width:920px){
  .products-page-main{overflow:clip}
  body.catalog-filter-open{overflow:hidden!important}
  .products-page-main .catalog-hero{padding:18px 12px 12px}
  .products-page-main .catalog-hero-shell{display:block}
  .products-page-main .catalog-hero h1{
    max-width:100%;
    margin:7px 0 7px;
    font-size:clamp(25px,7.2vw,32px);
    line-height:1.35;
    letter-spacing:-.6px;
  }
  .products-page-main .catalog-hero p{
    max-width:620px;
    font-size:12.5px;
    line-height:1.9;
  }
  .products-page-main .breadcrumbs{font-size:11px;margin-bottom:7px}
  .products-page-main .section-kicker{font-size:10.5px;padding:7px 10px}
  .products-page-main .catalog-summary{display:none}

  .products-page-main .catalog-section{padding:8px 10px 64px}
  .products-page-main .catalog-layout{display:block;max-width:760px}
  .products-page-main .catalog-filter-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:118;
    background:rgba(5,4,9,.58);
    backdrop-filter:blur(4px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
  }
  body.catalog-filter-open .products-page-main .catalog-filter-backdrop{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .products-page-main .filter-panel{
    display:block;
    position:fixed;
    z-index:120;
    top:auto;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    max-width:680px;
    max-height:min(82dvh,700px);
    margin:0 auto;
    padding:8px 14px calc(12px + env(safe-area-inset-bottom));
    border-radius:26px 26px 0 0;
    overflow:auto;
    overscroll-behavior:contain;
    transform:translate3d(0,105%,0);
    opacity:.8;
    visibility:hidden;
    pointer-events:none;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .22s ease,visibility .22s ease;
    box-shadow:0 -24px 70px rgba(0,0,0,.32);
  }
  body.catalog-filter-open .products-page-main .filter-panel{
    transform:translate3d(0,0,0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  .products-page-main .filter-drawer-handle{
    display:block;
    width:42px;
    height:4px;
    margin:1px auto 10px;
    border-radius:999px;
    background:var(--line);
  }
  .products-page-main .filter-title{
    position:sticky;
    top:-8px;
    z-index:3;
    margin:0 -4px 4px;
    padding:8px 4px 10px;
    background:linear-gradient(180deg,var(--bg2) 74%,transparent);
  }
  html[data-theme="light"] .products-page-main .filter-title{background:linear-gradient(180deg,#fff8f1 74%,transparent)}
  .products-page-main .filter-title h2{font-size:19px}
  .products-page-main .filter-close{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid var(--line2);
    border-radius:12px;
    background:rgba(255,255,255,.06);
    color:var(--text);
    font-size:23px;
    line-height:1;
    cursor:pointer;
  }
  .products-page-main .filter-reset{min-height:38px}
  .products-page-main .filter-group{padding-top:13px;margin-top:10px}
  .products-page-main .filter-chips{display:flex;flex-wrap:wrap;overflow:visible;gap:7px}
  .products-page-main .filter-chip{min-height:42px;padding:8px 13px;font-size:11.5px}
  .products-page-main .price-range-row{grid-template-columns:1fr 1fr;gap:8px}
  .products-page-main .filter-input{min-height:48px;font-size:16px!important}
  .products-page-main .filter-drawer-footer{
    display:block;
    position:sticky;
    bottom:-12px;
    z-index:4;
    margin:16px -4px -12px;
    padding:10px 4px calc(4px + env(safe-area-inset-bottom));
    background:linear-gradient(0deg,var(--bg2) 76%,transparent);
  }
  html[data-theme="light"] .products-page-main .filter-drawer-footer{background:linear-gradient(0deg,#fff8f1 76%,transparent)}
  .products-page-main .filter-done-btn{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:15px;
    background:linear-gradient(135deg,#f9d79a,#e9bf78,#dca14f);
    color:#24140f;
    font-weight:900;
    cursor:pointer;
  }

  .products-page-main .catalog-control-bar{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:8px;
    margin:0 0 8px;
  }
  .products-page-main .catalog-search-wrap{
    min-height:50px;
    border-radius:16px;
    padding:0 12px;
  }
  .products-page-main .catalog-search-wrap input{height:48px;font-size:16px!important}
  .products-page-main .catalog-control-actions{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:8px;
  }
  .products-page-main .catalog-filter-open-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-width:0;
    min-height:48px;
    padding:0 12px;
    border:1px solid var(--line);
    border-radius:15px;
    background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.04));
    color:var(--text);
    font-weight:900;
    cursor:pointer;
  }
  .products-page-main .catalog-filter-open-btn svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
  }
  .products-page-main .catalog-filter-open-btn b{
    display:grid;
    place-items:center;
    min-width:21px;
    height:21px;
    padding:0 5px;
    border-radius:999px;
    background:var(--gold);
    color:#24140f;
    font-size:10px;
  }
  .products-page-main .catalog-filter-open-btn b[hidden]{display:none!important}
  .products-page-main .catalog-sort{
    min-width:0;
    min-height:48px;
    padding:0 8px;
    border-radius:15px;
  }
  .products-page-main .catalog-sort>span{display:none}
  .products-page-main .catalog-sort select{
    width:100%;
    min-width:0;
    min-height:40px;
    border:0;
    background:transparent;
    padding:6px 8px;
    font-size:13px!important;
  }
  .products-page-main .catalog-meta-row{
    min-height:30px;
    padding:0 2px;
    margin-bottom:7px;
  }
  .products-page-main .catalog-count{font-size:11px}
  .products-page-main .catalog-count b{font-size:15px}
  .products-page-main .catalog-filter-summary{font-size:10.5px;max-width:62%}
  .products-page-main .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .products-page-main .catalog-card{border-radius:19px}
  .products-page-main .catalog-card-media{
    height:156px!important;
    min-height:156px!important;
    max-height:156px!important;
    padding:9px!important;
  }
  .products-page-main .catalog-card-media::before{inset:7px;border-radius:15px}
  .products-page-main .catalog-card-media img{width:100%!important;height:132px!important;max-width:94%!important;max-height:132px!important}
  .products-page-main .catalog-badge{top:8px;right:8px;padding:5px 7px;font-size:9px}
  .products-page-main .catalog-favorite-btn{top:8px!important;left:8px!important;width:34px!important;height:34px!important;border-radius:11px!important}
  .products-page-main .catalog-card-body{padding:10px 9px 11px!important}
  .products-page-main .catalog-card-body h3{min-height:43px;font-size:13.5px!important;line-height:1.6!important;margin:0 0 5px!important}
  .products-page-main .catalog-card-body p{display:none}
  .products-page-main .catalog-attrs{margin:0 0 8px;gap:4px}
  .products-page-main .catalog-attr{font-size:9px;padding:4px 6px}
  .products-page-main .catalog-attr:nth-child(n+2){display:none}
  .products-page-main .catalog-card-foot{display:grid;grid-template-columns:1fr;align-items:stretch;gap:6px}
  .products-page-main .catalog-price{font-size:12.5px;line-height:1.6;white-space:normal}
  .products-page-main .catalog-btn{display:flex;align-items:center;justify-content:center;min-height:38px;padding:7px 8px;border-radius:11px;font-size:10.5px}
}

@media (min-width:600px) and (max-width:920px){
  .products-page-main .catalog-control-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .products-page-main .catalog-control-actions{grid-template-columns:128px 170px}
  .products-page-main .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .products-page-main .catalog-card-media{height:205px!important;min-height:205px!important;max-height:205px!important}
  .products-page-main .catalog-card-media img{height:172px!important;max-height:172px!important}
  .products-page-main .catalog-card-body h3{font-size:16px!important}
  .products-page-main .catalog-price{font-size:14px}
}

@media (max-width:379px){
  .products-page-main .catalog-hero{padding-inline:10px}
  .products-page-main .catalog-hero h1{font-size:24px}
  .products-page-main .catalog-hero p{font-size:12px}
  .products-page-main .catalog-section{padding-inline:8px}
  .products-page-main .catalog-control-actions{grid-template-columns:1fr 1fr}
  .products-page-main .catalog-grid{grid-template-columns:1fr!important;gap:9px}
  .products-page-main .catalog-card{
    display:grid;
    grid-template-columns:116px minmax(0,1fr);
    min-height:158px;
    overflow:hidden;
  }
  .products-page-main .catalog-card-media{
    grid-column:1;
    grid-row:1;
    width:116px;
    height:100%!important;
    min-height:158px!important;
    max-height:none!important;
    padding:7px!important;
    border-left:1px solid var(--line2);
  }
  .products-page-main .catalog-card-media::before{inset:6px;border-radius:13px}
  .products-page-main .catalog-card-media img{height:118px!important;max-height:118px!important;max-width:94%!important}
  .products-page-main .catalog-badge{font-size:8px;top:7px;right:7px}
  .products-page-main .catalog-favorite-btn{top:7px!important;left:7px!important;width:32px!important;height:32px!important}
  .products-page-main .catalog-card-body{
    grid-column:2;
    grid-row:1;
    min-width:0;
    padding:10px!important;
  }
  .products-page-main .catalog-card-body h3{min-height:auto;font-size:13.5px!important;line-height:1.55!important}
  .products-page-main .catalog-attrs{margin-top:2px;margin-bottom:6px}
  .products-page-main .catalog-card-foot{margin-top:auto}
  .products-page-main .catalog-price{font-size:12px}
  .products-page-main .catalog-btn{min-height:36px}
}

@media (prefers-reduced-motion:reduce){
  .products-page-main .filter-panel,
  .products-page-main .catalog-filter-backdrop{transition:none!important}
}


    .promo-banner.promo-banner--image{
      padding:0;
      display:block;
      background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
    }
    .promo-banner__link{display:block;text-decoration:none;line-height:0}
    .promo-banner__link img{
      width:100%;
      height:auto;
      display:block;
      border-radius:34px;
    }

    @media (max-width: 767px){
      .promo-banner.promo-banner--image{
        border-radius:28px;
        overflow:hidden;
      }
      .promo-banner__link{
        min-height:190px;
      }
      .promo-banner__link img{
        width:100%;
        height:190px;
        object-fit:cover;
        object-position:32% center;
        border-radius:28px;
      }
    }

    @media (max-width: 420px){
      .promo-banner__link{min-height:172px;}
      .promo-banner__link img{height:172px;object-position:28% center;}
    }


/* v60 - homepage promotional banner copy */
.promo-banner.promo-banner--image{position:relative;isolation:isolate}
.promo-banner__link{position:relative;overflow:hidden;border-radius:34px}
.promo-banner__link::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(270deg,rgba(252,242,235,.98) 0%,rgba(252,242,235,.88) 24%,rgba(252,242,235,.20) 53%,rgba(252,242,235,0) 70%);
}
.promo-banner__content{
  position:absolute;
  z-index:2;
  top:50%;
  right:clamp(26px,4vw,64px);
  width:min(42%,520px);
  transform:translateY(-50%);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:right;
  line-height:normal;
  color:#3e2d31;
}
.promo-banner__eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 12px;
  margin-bottom:10px;
  border:1px solid rgba(165,90,111,.20);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#9b5268;
  font-size:12px;
  font-weight:850;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.promo-banner__title{
  color:#4a3035;
  font-size:clamp(27px,3vw,46px);
  font-weight:950;
  line-height:1.28;
  letter-spacing:-.8px;
}
.promo-banner__desc{
  max-width:430px;
  margin-top:10px;
  color:#745f63;
  font-size:clamp(12px,1.15vw,15px);
  font-weight:650;
  line-height:1.9;
}
.promo-banner__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:43px;
  margin-top:15px;
  padding:9px 17px;
  border-radius:14px;
  background:#a65d72;
  color:#fff;
  box-shadow:0 12px 28px rgba(149,78,99,.22);
  font-size:13px;
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.promo-banner__link:hover .promo-banner__cta{transform:translateY(-2px);background:#934e63;box-shadow:0 16px 34px rgba(149,78,99,.28)}

@media (max-width:767px){
  .promo-banner__link{border-radius:28px;min-height:248px;background:#f6dfd8}
  .promo-banner__link img{
    height:248px;
    object-fit:cover;
    object-position:18% center;
    border-radius:28px;
  }
  .promo-banner__link::after{
    background:linear-gradient(0deg,rgba(249,235,229,.98) 0%,rgba(249,235,229,.92) 35%,rgba(249,235,229,.24) 65%,rgba(249,235,229,0) 84%);
  }
  .promo-banner__content{
    top:auto;
    right:16px;
    bottom:14px;
    left:16px;
    width:auto;
    transform:none;
    align-items:flex-start;
  }
  .promo-banner__eyebrow{display:none}
  .promo-banner__title{font-size:22px;line-height:1.24;letter-spacing:-.35px}
  .promo-banner__title br{display:none}
  .promo-banner__desc{
    max-width:290px;
    margin-top:5px;
    font-size:11.5px;
    line-height:1.65;
  }
  .promo-banner__cta{
    min-height:36px;
    margin-top:8px;
    padding:7px 13px;
    border-radius:11px;
    font-size:11.5px;
  }
}

@media (max-width:420px){
  .promo-banner__link{min-height:238px}
  .promo-banner__link img{height:238px;object-position:16% center}
  .promo-banner__content{right:13px;bottom:12px;left:13px}
  .promo-banner__title{font-size:20px}
  .promo-banner__desc{font-size:10.8px;max-width:260px}
}

/* v61 - Customer login + visual order progress */
.customer-login-field{
  display:grid;
  gap:8px;
  margin:2px 0 0;
}
.customer-login-field > label{
  color:var(--text);
  font-size:13px;
  font-weight:900;
}
.customer-login-input-wrap{
  position:relative;
  width:100%;
}
.customer-login-input-wrap input{
  width:100%;
  min-height:58px;
  border:1px solid var(--line2);
  border-radius:18px;
  background:rgba(255,255,255,.065);
  color:var(--text);
  outline:0;
  padding:13px 54px 13px 16px;
  font-size:17px;
  font-weight:800;
  letter-spacing:.7px;
  direction:ltr;
  text-align:left;
  box-sizing:border-box;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.customer-login-input-wrap input::placeholder{
  color:color-mix(in srgb,var(--muted) 72%,transparent);
  font-weight:500;
  letter-spacing:0;
}
.customer-login-input-wrap input:focus{
  border-color:rgba(220,161,79,.72);
  background:rgba(255,255,255,.09);
  box-shadow:0 0 0 4px rgba(220,161,79,.12),0 14px 36px rgba(0,0,0,.10);
}
.customer-login-input-icon{
  position:absolute;
  top:50%;
  right:17px;
  transform:translateY(-50%);
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  color:var(--gold);
  pointer-events:none;
  z-index:1;
}
.customer-login-input-icon svg{width:21px;height:21px;fill:currentColor}

.customer-order-progress{
  --progress-width:0%;
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  padding:18px 22px 15px;
  border-bottom:1px solid var(--line2);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  overflow:hidden;
}
.customer-order-progress.is-stage-1{--progress-width:0%}
.customer-order-progress.is-stage-2{--progress-width:33.333%}
.customer-order-progress.is-stage-3{--progress-width:66.666%}
.customer-order-progress::before,
.customer-order-progress::after{
  content:"";
  position:absolute;
  top:35px;
  right:16.666%;
  height:3px;
  border-radius:999px;
}
.customer-order-progress::before{
  left:16.666%;
  background:var(--line2);
}
.customer-order-progress::after{
  width:var(--progress-width);
  background:linear-gradient(90deg,#52ba78,var(--gold));
  transition:width .35s ease;
}
.customer-progress-step{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  text-align:center;
}
.customer-progress-dot{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:2px solid var(--line2);
  background:#17101d;
  color:var(--muted);
  box-shadow:0 0 0 5px rgba(15,10,20,.82);
  transition:.2s ease;
}
.customer-progress-dot svg{width:17px;height:17px;fill:currentColor}
.customer-progress-label{
  margin-top:9px;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  line-height:1.5;
  white-space:nowrap;
}
.customer-progress-step.is-complete .customer-progress-dot{
  border-color:rgba(82,186,120,.66);
  background:rgba(82,186,120,.18);
  color:#75dfa0;
}
.customer-progress-step.is-current .customer-progress-dot{
  border-color:rgba(220,161,79,.84);
  background:linear-gradient(145deg,#f1c371,#d99d49);
  color:#2d190d;
  box-shadow:0 0 0 5px rgba(220,161,79,.12),0 6px 18px rgba(220,161,79,.20);
}
.customer-progress-step.is-current .customer-progress-label{
  color:var(--text);
  font-weight:900;
}
.customer-progress-step.is-complete .customer-progress-label{color:#75c991}
.customer-order-card.has-post-tracking{
  border-color:rgba(74,177,111,.34);
  background:
    radial-gradient(circle at 12% 0%,rgba(92,196,126,.10),transparent 36%),
    linear-gradient(180deg,rgba(77,174,109,.075),rgba(255,255,255,.035));
  box-shadow:0 22px 60px rgba(35,104,62,.10);
}
.customer-order-card.has-post-tracking .customer-order-progress{
  background:linear-gradient(180deg,rgba(75,185,111,.09),rgba(255,255,255,.018));
}
.customer-order-card.has-post-tracking .customer-status-pill{
  background:rgba(47,184,110,.18);
  border-color:rgba(47,184,110,.36);
}

html[data-theme="light"] .customer-login-input-wrap input{
  background:#fff;
  color:#24140f;
  border-color:rgba(67,44,35,.17);
}
html[data-theme="light"] .customer-login-input-wrap input:focus{
  background:#fffdfb;
  border-color:rgba(202,138,57,.72);
  box-shadow:0 0 0 4px rgba(220,161,79,.12),0 14px 36px rgba(72,43,31,.08);
}
html[data-theme="light"] .customer-progress-dot{
  background:#fffaf6;
  box-shadow:0 0 0 5px rgba(255,250,246,.96);
}
html[data-theme="light"] .customer-progress-step.is-complete .customer-progress-dot{
  color:#26794a;
  background:#e8f6ed;
}
html[data-theme="light"] .customer-progress-step.is-complete .customer-progress-label{color:#347e51}
html[data-theme="light"] .customer-order-card.has-post-tracking{
  border-color:rgba(57,148,88,.24);
  background:
    radial-gradient(circle at 12% 0%,rgba(70,174,105,.10),transparent 36%),
    linear-gradient(180deg,#f7fff9,#fffdfb 72%);
  box-shadow:0 22px 60px rgba(45,118,70,.08);
}
html[data-theme="light"] .customer-order-card.has-post-tracking .customer-order-progress{
  background:linear-gradient(180deg,rgba(72,177,106,.08),rgba(255,255,255,.7));
}

@media (max-width:768px){
  .customer-login-card{padding:20px}
  .customer-login-input-wrap input{min-height:56px;font-size:16px;padding-right:52px;border-radius:17px}
  .customer-order-progress{padding:15px 10px 12px;gap:0}
  .customer-order-progress::before,.customer-order-progress::after{top:31px;height:2px}
  .customer-progress-dot{width:33px;height:33px;box-shadow:0 0 0 4px rgba(15,10,20,.82)}
  html[data-theme="light"] .customer-progress-dot{box-shadow:0 0 0 4px rgba(255,250,246,.96)}
  .customer-progress-dot svg{width:15px;height:15px}
  .customer-progress-label{font-size:10.5px;margin-top:8px;white-space:normal;min-height:32px;display:flex;align-items:flex-start;justify-content:center}
}


/* v69 dynamic shipping tiers */
.shipping-tier-warning{margin-top:10px;padding:11px 13px;border:1px solid rgba(204,130,58,.30);border-radius:14px;background:rgba(255,197,118,.11);color:var(--text);font-size:13px;font-weight:800;line-height:1.75}
.shipping-tier-warning[hidden]{display:none!important}

/* Kenzoo v71 - production lazy catalog + cart action notice */
.catalog-lazy-sentinel{
  min-height:78px;
  margin:18px 0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--muted, #9b929f);
  font-size:.9rem;
  text-align:center;
}
.catalog-lazy-sentinel[hidden]{display:none!important}
.catalog-lazy-sentinel i,
.catalog-lazy-initial i{
  width:20px;
  height:20px;
  border:2px solid currentColor;
  border-left-color:transparent;
  border-radius:50%;
  opacity:.55;
}
.catalog-lazy-sentinel.is-loading i,
.catalog-lazy-initial i{animation:kmCatalogSpin .8s linear infinite}
.catalog-lazy-initial{
  grid-column:1/-1;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:var(--muted, #9b929f);
}
@keyframes kmCatalogSpin{to{transform:rotate(360deg)}}

.km-cart-added-notice{
  position:fixed;
  z-index:10050;
  top:88px;
  left:18px;
  width:min(360px, calc(100vw - 36px));
  min-height:74px;
  display:grid;
  grid-template-columns:42px 1fr 24px;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:18px;
  background:rgba(22,14,27,.96);
  color:#fff;
  box-shadow:0 18px 55px rgba(0,0,0,.28);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  text-align:right;
  cursor:pointer;
  opacity:0;
  transform:translateY(-12px) scale(.97);
  pointer-events:none;
  transition:opacity .22s ease, transform .22s ease;
}
.km-cart-added-notice.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.km-cart-added-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:rgba(78,214,146,.14);
  color:#78e3ad;
  font-size:1.15rem;
  font-weight:900;
}
.km-cart-added-copy{display:flex; flex-direction:column; gap:3px; min-width:0}
.km-cart-added-copy small{font-size:.76rem; opacity:.72; font-weight:500}
.km-cart-added-copy b{font-size:.96rem; font-weight:800}
.km-cart-added-arrow{font-size:1.18rem; opacity:.7}
html[data-theme="light"] .km-cart-added-notice{
  background:rgba(255,252,248,.97);
  color:#1d1520;
  border-color:rgba(51,36,52,.1);
  box-shadow:0 18px 50px rgba(62,40,58,.16);
}
@media (max-width:640px){
  .km-cart-added-notice{top:auto; bottom:86px; left:12px; width:calc(100vw - 24px)}
}

/* ========================================================================== 
   Kenzoo v73 - discounted pricing, preserved descriptions, 9:16 product media
   ========================================================================== */
.km-price-stack{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.35}
.km-price-stack.compact{gap:5px}
.km-compare-price{color:var(--muted2);font-size:.78em;font-weight:700;text-decoration-thickness:1.5px;text-decoration-color:currentColor}
.km-sale-price{color:var(--text);font-weight:950}
.km-discount-pill{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:999px;background:rgba(218,61,91,.12);border:1px solid rgba(218,61,91,.22);color:#d93d5a;font-size:10px;font-weight:950;white-space:nowrap}
.price .km-price-stack,.catalog-price .km-price-stack{justify-content:flex-start}
.detail-price-row #detailPrice{display:block}
.detail-price-row #detailPrice .km-price-stack{display:flex;gap:9px;align-items:baseline}
.detail-price-row #detailPrice .km-sale-price{font-size:clamp(24px,3vw,34px);color:var(--gold)}
.detail-price-row #detailPrice .km-compare-price{font-size:15px}
.detail-price-row #detailPrice .km-discount-pill{font-size:11px}
.cart-item-price{display:grid;gap:3px}
.cart-item-price del,.checkout-line-price del{color:var(--muted2);font-size:11px;font-weight:700}
.cart-item-price strong{color:var(--gold)}
.checkout-line-price{display:flex!important;align-items:center;gap:7px;flex-wrap:wrap}
.checkout-line-price span{color:var(--gold)}

/* Keep the line breaks entered by the product manager. */
.product-card p,
.catalog-card-body p,
.detail-desc,
.detail-description-card p,
.cart-item-info p{white-space:pre-line;overflow-wrap:anywhere}
.products-page-main .catalog-card-body p{-webkit-line-clamp:4;min-height:0}

/* Product photographs are sourced from Instagram in 9:16. No contain-box whitespace. */
.product-media,
.catalog-card-media{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:9 / 16;
  padding:0!important;
  background:#f7f2ee!important;
}
.product-media::before,
.catalog-card-media::before{display:none!important}
.product-media img,
.catalog-card-media img{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
}
.catalog-badge{top:12px;right:12px}
.favorite-product-btn{z-index:5}

/* Product detail gallery uses the same 9:16 frame. */
.detail-gallery{display:flex;flex-direction:column;align-items:stretch}
.detail-main-picture{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
}
.detail-main-visual{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  aspect-ratio:9 / 16;
  border-radius:26px;
  background:#f7f2ee!important;
}
.detail-main-visual::before{display:none!important}
.detail-main-visual img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
}
.detail-thumbs{align-self:stretch}
.detail-thumb{width:66px!important;height:auto!important;aspect-ratio:9 / 16;overflow:hidden;padding:0!important}
.detail-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important}
@media (min-width:921px){
  .product-detail-shell{grid-template-columns:minmax(360px,470px) minmax(0,1fr)!important;max-width:1120px;margin-inline:auto}
}

/* Cart and checkout keep a compact vertical 9:16 thumbnail instead of a horizontal contain box. */
.cart-item-media{height:auto!important;aspect-ratio:9 / 16;padding:0!important;background:#f7f2ee!important}
.cart-item-media img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
.checkout-item{grid-template-columns:58px minmax(0,1fr)!important}
.checkout-item>img{width:58px!important;height:auto!important;aspect-ratio:9 / 16;object-fit:cover!important;padding:0!important;background:#f7f2ee!important}
@media (max-width:768px){
  .cart-item{grid-template-columns:92px minmax(0,1fr)!important;align-items:start}
  .cart-item-media{width:92px!important;grid-row:1 / span 2}
  .cart-item-info{min-width:0}
  .cart-item-side{grid-column:1 / -1}
}
@media (max-width:390px){
  .products-page-main .catalog-card{display:flex!important;flex-direction:column!important}
  .products-page-main .catalog-card-media{width:100%!important;height:auto!important;aspect-ratio:9 / 16!important}
}

/* Sold-out direct product URL. */
.detail-unavailable-state{max-width:720px;margin:40px auto;padding:38px 24px;text-align:center;border:1px solid var(--line);border-radius:30px;background:var(--panel);display:grid;gap:12px}
.detail-unavailable-state b{font-size:23px;color:var(--text)}
.detail-unavailable-state span{color:var(--muted)}
.detail-unavailable-state a{justify-self:center;padding:11px 16px;border-radius:14px;background:var(--gold);color:#24140f;font-weight:900}

/* Instagram-only banner */
.instagram-feature-section{padding:8px 28px 44px;max-width:1440px;margin:0 auto}
.instagram-feature-banner{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:32px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(125deg,#4d1f62 0%,#a82f78 38%,#e25458 69%,#e6a64c 100%);box-shadow:0 26px 60px rgba(67,22,58,.22);color:#fff}
.instagram-feature-banner::after{content:"";position:absolute;inset:1px;border-radius:31px;background:linear-gradient(120deg,rgba(255,255,255,.16),transparent 45%,rgba(255,255,255,.08));pointer-events:none}
.instagram-feature-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.34;z-index:-1}
.instagram-feature-orb.one{width:260px;height:260px;left:-70px;top:-120px;background:#ffd76f}
.instagram-feature-orb.two{width:230px;height:230px;right:12%;bottom:-150px;background:#833ab4}
.instagram-feature-content{position:relative;z-index:2;min-height:190px;padding:28px 34px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px}
.instagram-feature-logo{width:82px;height:82px;border-radius:25px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}
.instagram-feature-logo img{width:52px;height:52px;object-fit:contain}
.instagram-feature-copy>span{font-size:12px;font-weight:900;letter-spacing:.1px;opacity:.84}
.instagram-feature-copy h2{margin:5px 0 8px;font-size:clamp(23px,3vw,37px);line-height:1.45;font-weight:950;color:#fff}
.instagram-feature-copy p{margin:0;max-width:720px;font-size:13px;line-height:2;color:rgba(255,255,255,.86)}
.instagram-feature-action{display:grid;gap:7px;justify-items:end;min-width:170px}
.instagram-feature-action b{font-size:19px;direction:ltr}
.instagram-feature-action span{display:inline-flex;padding:10px 14px;border-radius:14px;background:#fff;color:#6d285c;font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(61,20,52,.16)}
.instagram-feature-banner:hover .instagram-feature-action span{transform:translateX(-3px)}
@media (max-width:760px){
  .instagram-feature-section{padding:4px 14px 34px}
  .instagram-feature-banner{border-radius:25px}
  .instagram-feature-content{min-height:0;padding:20px;grid-template-columns:58px 1fr;gap:14px}
  .instagram-feature-logo{width:58px;height:58px;border-radius:19px;align-self:start}
  .instagram-feature-logo img{width:37px;height:37px}
  .instagram-feature-copy h2{font-size:20px;line-height:1.65;margin-top:2px}
  .instagram-feature-copy p{font-size:11.5px;line-height:1.9}
  .instagram-feature-action{grid-column:1 / -1;width:100%;display:flex;align-items:center;justify-content:space-between;min-width:0}
  .instagram-feature-action b{font-size:16px}
}


/* ===== Kenzoo v74 mobile touch + gallery/lightbox fixes ===== */
/* Allow page vertical scrolling even when the gesture starts on a homepage product slider. */
@media (max-width:768px){
  .product-viewport{
    touch-action:auto!important;
    overscroll-behavior-x:auto!important;
  }
  .product-slider,
  .product-track,
  .product-card,
  .product-media,
  .promo-banner__link,
  .instagram-feature-banner{
    touch-action:auto;
  }
  .hero-visual,
  .stage,
  .orbit,
  .product-float-card{
    touch-action:pan-y pinch-zoom;
  }
}

/* Hard width guards: Instagram 9:16 media must never widen the mobile viewport. */
.product-slider,
.product-viewport,
.product-track,
.product-card,
.product-media,
.catalog-grid,
.catalog-card,
.catalog-card-media,
.detail-gallery,
.detail-main-visual{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.product-media,
.catalog-card-media,
.detail-main-visual{overflow:hidden}
.product-media img,
.catalog-card-media img,
.detail-main-visual img{
  display:block;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box;
}
@media (max-width:768px){
  .product-viewport{width:100%;max-width:100%;}
  .product-track{width:100%;max-width:100%;min-width:100%;padding-inline:0!important;}
  .product-card{flex:0 0 100%;width:100%;min-width:100%;max-width:100%;}
  .product-media{width:100%!important;max-width:100%!important;aspect-ratio:9 / 16!important;}

  .catalog-grid{width:100%;max-width:100%;}
  .catalog-card{width:100%;max-width:100%;overflow:hidden;}
  .catalog-card-media{width:100%!important;max-width:100%!important;aspect-ratio:9 / 16!important;}

  .product-detail-section{overflow-x:hidden;}
  .product-detail-shell{width:100%;max-width:100%;min-width:0;}
  .detail-gallery{width:100%;max-width:100%;min-width:0;overflow:hidden;}
  .detail-main-visual{width:100%!important;max-width:100%!important;}
}

/* Gallery thumbnails: one row with real horizontal scrolling on mobile and desktop. */
.detail-thumbs{
  width:100%;
  max-width:100%;
  min-width:0;
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:3px 1px 10px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  touch-action:auto;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(233,191,120,.72) rgba(255,255,255,.08);
}
.detail-thumbs::-webkit-scrollbar{display:block!important;height:6px!important;}
.detail-thumbs::-webkit-scrollbar-track{background:rgba(255,255,255,.08);border-radius:999px;}
.detail-thumbs::-webkit-scrollbar-thumb{background:rgba(233,191,120,.72);border-radius:999px;}
.detail-thumb{
  flex:0 0 66px!important;
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  scroll-snap-align:start;
}
@media (max-width:768px){
  .detail-thumbs{gap:8px;padding-bottom:9px;}
  .detail-thumb{flex-basis:58px!important;width:58px!important;min-width:58px!important;max-width:58px!important;}
}

/* Main product image: tap/click to view full-screen. */
.detail-main-image-zoomable{cursor:zoom-in;touch-action:manipulation;}
.product-lightbox-open body{overflow:hidden!important;}
.product-image-lightbox{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:max(18px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));
  background:rgba(5,4,9,.94);
  backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,visibility .18s ease;
}
.product-image-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto;}
.product-image-lightbox-stage{
  width:100%;
  height:100%;
  min-width:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  touch-action:pinch-zoom pan-x pan-y;
}
.product-image-lightbox-stage img{
  display:block;
  max-width:min(96vw,1100px);
  max-height:92dvh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 28px 90px rgba(0,0,0,.46);
  user-select:none;
  -webkit-user-drag:none;
}
.product-image-lightbox-close{
  position:fixed;
  top:max(14px,env(safe-area-inset-top));
  right:max(14px,env(safe-area-inset-right));
  z-index:2;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:15px;
  background:rgba(20,15,25,.78);
  color:#fff;
  font:700 30px/1 Arial,sans-serif;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
@media (max-width:768px){
  .product-image-lightbox{padding:10px;}
  .product-image-lightbox-stage img{max-width:96vw;max-height:90dvh;border-radius:14px;}
  .product-image-lightbox-close{width:44px;height:44px;border-radius:14px;}
}


/* v80: Enamad trust card */
.footer-trust-wrap{
  max-width:1320px;
  margin:34px auto 0;
}
.enamad-trust-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:22px 24px;
  border:1px solid rgba(233,191,120,.20);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 10%,rgba(233,191,120,.10),transparent 34%),
    linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}
.enamad-trust-card::before{
  content:"";
  position:absolute;
  inset:auto -40px -70px auto;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(233,191,120,.07);
  filter:blur(10px);
  pointer-events:none;
}
.enamad-trust-copy{position:relative;z-index:1;display:grid;gap:7px}
.enamad-trust-kicker{
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(233,191,120,.11);
  color:var(--gold);
  font-size:11.5px;
  font-weight:900;
}
.enamad-trust-copy strong{color:#fff8ef;font-size:16px;line-height:1.8}
.enamad-trust-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.enamad-trust-seal{
  position:relative;
  z-index:1;
  width:118px;
  min-width:118px;
  height:118px;
  display:grid;
  place-items:center;
  padding:8px;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
  transition:transform .2s ease,box-shadow .2s ease;
}
.enamad-trust-seal:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.24)}
.enamad-trust-seal img{display:block;max-width:100%;max-height:100%;object-fit:contain}
html[data-theme="light"] .enamad-trust-card{
  border-color:rgba(201,146,69,.24);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,246,238,.82));
  box-shadow:0 18px 44px rgba(82,47,33,.10);
}
html[data-theme="light"] .enamad-trust-copy strong{color:#2d1b17}
html[data-theme="light"] .enamad-trust-kicker{color:#9b6625;background:rgba(201,146,69,.12)}
@media(max-width:620px){
  .footer-trust-wrap{margin-top:26px}
  .enamad-trust-card{grid-template-columns:1fr;padding:18px;text-align:center}
  .enamad-trust-copy{justify-items:center}
  .enamad-trust-seal{margin:auto;width:112px;min-width:112px;height:112px}
}


/* v81.1: distinct Enamad panel + developer signature */
.footer-trust-wrap{
  margin-top:36px;
}
.enamad-trust-card{
  isolation:isolate;
  border:1px solid rgba(74,222,196,.34);
  background:
    radial-gradient(circle at 86% 8%,rgba(45,212,191,.22),transparent 30%),
    radial-gradient(circle at 4% 100%,rgba(14,116,144,.18),transparent 34%),
    linear-gradient(135deg,#0b2727 0%,#0b1f26 52%,#07171d 100%);
  box-shadow:0 20px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
}
.enamad-trust-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(120deg,rgba(94,234,212,.5),transparent 38%,rgba(34,211,238,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:0;
}
.enamad-trust-card::before{
  width:230px;
  height:230px;
  right:-64px;
  bottom:-115px;
  background:rgba(45,212,191,.12);
  filter:blur(18px);
}
.enamad-trust-kicker{
  background:rgba(45,212,191,.13);
  border:1px solid rgba(94,234,212,.18);
  color:#82f3dd;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.enamad-trust-copy strong{color:#effffb}
.enamad-trust-copy p{color:rgba(218,244,240,.68)}
.enamad-trust-seal{
  border-color:rgba(94,234,212,.36);
  box-shadow:0 14px 36px rgba(0,0,0,.30),0 0 0 6px rgba(45,212,191,.055);
}
.enamad-trust-seal:hover{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 20px 46px rgba(0,0,0,.34),0 0 0 7px rgba(45,212,191,.08);
}
html[data-theme="light"] .enamad-trust-card{
  border-color:rgba(13,148,136,.22);
  background:
    radial-gradient(circle at 88% 0%,rgba(45,212,191,.18),transparent 34%),
    linear-gradient(135deg,#ecfdf8 0%,#f5fffc 52%,#e7faf7 100%);
  box-shadow:0 18px 46px rgba(13,93,87,.12),inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .enamad-trust-copy strong{color:#123b38}
html[data-theme="light"] .enamad-trust-copy p{color:#54736f}
html[data-theme="light"] .enamad-trust-kicker{
  color:#087f73;
  background:rgba(13,148,136,.09);
  border-color:rgba(13,148,136,.14);
}

.footer-developer-credit{
  max-width:1320px;
  margin:16px auto 0;
  min-height:48px;
  padding:10px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(192,132,252,.20);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% -120%,rgba(217,70,239,.20),transparent 58%),
    linear-gradient(135deg,rgba(168,85,247,.10),rgba(236,72,153,.065));
  color:rgba(248,239,255,.76);
  font-size:12.5px;
  letter-spacing:.05px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.footer-developer-credit::before{
  content:"";
  position:absolute;
  width:150px;
  height:1px;
  top:0;
  left:50%;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#d8b4fe,transparent);
  opacity:.9;
}
.footer-developer-credit__spark{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:#d8b4fe;
  box-shadow:0 0 0 4px rgba(216,180,254,.08),0 0 18px rgba(216,180,254,.55);
}
.footer-developer-credit strong{
  color:#f2d9ff;
  font-weight:900;
}
.footer-developer-credit a{
  direction:ltr;
  unicode-bidi:isolate;
  color:#f9a8d4;
  font-weight:900;
  text-decoration:none;
  padding:4px 8px;
  border-radius:9px;
  background:rgba(236,72,153,.08);
  border:1px solid rgba(244,114,182,.14);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.footer-developer-credit a:hover{
  transform:translateY(-1px);
  background:rgba(236,72,153,.14);
  border-color:rgba(244,114,182,.26);
}
html[data-theme="light"] .footer-developer-credit{
  color:#765b7d;
  border-color:rgba(147,51,234,.12);
  background:linear-gradient(135deg,rgba(168,85,247,.07),rgba(236,72,153,.05));
}
html[data-theme="light"] .footer-developer-credit strong{color:#6d238e}
html[data-theme="light"] .footer-developer-credit a{color:#b42370;background:rgba(236,72,153,.06)}
html[data-theme="light"] .footer-developer-credit__spark{background:#a855f7;box-shadow:0 0 0 4px rgba(168,85,247,.07),0 0 15px rgba(168,85,247,.24)}

@media(max-width:620px){
  .enamad-trust-card{border-radius:22px;padding:19px 16px}
  .enamad-trust-copy strong{font-size:15px}
  .enamad-trust-copy p{font-size:12.5px}
  .footer-developer-credit{
    margin-top:14px;
    padding:11px 12px;
    gap:6px;
    border-radius:14px;
    font-size:11.5px;
    line-height:1.8;
  }
  .footer-developer-credit a{padding:3px 7px}
}


/* v81.2: animated developer signature */
.footer-developer-credit{
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(192,132,252,.22);
  background:
    radial-gradient(circle at 10% 50%,rgba(168,85,247,.13),transparent 30%),
    radial-gradient(circle at 90% 50%,rgba(236,72,153,.11),transparent 30%),
    linear-gradient(135deg,rgba(34,21,44,.84),rgba(28,20,39,.72));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 10px 30px rgba(11,4,20,.13);
}
.footer-developer-credit::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-110%;
  bottom:-110%;
  width:72px;
  left:-110px;
  transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
  filter:blur(3px);
  animation:footerCreditSweep 5.4s cubic-bezier(.4,0,.2,1) infinite;
  pointer-events:none;
}
.footer-developer-credit__spark{
  position:relative;
  animation:footerCreditPulse 2.2s ease-in-out infinite;
}
.footer-developer-credit__spark::after{
  content:"";
  position:absolute;
  inset:-6px;
  border:1px solid rgba(216,180,254,.42);
  border-radius:50%;
  animation:footerCreditRing 2.2s ease-out infinite;
}
.footer-developer-credit__text{
  background:linear-gradient(90deg,#ede9fe 0%,#f5d0fe 32%,#fbcfe8 58%,#ede9fe 100%);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:footerCreditTextGlow 6s linear infinite;
}
.footer-developer-credit__text strong{
  color:#fff;
  -webkit-text-fill-color:#fff;
  text-shadow:0 0 18px rgba(216,180,254,.22);
}
.footer-developer-credit a{
  position:relative;
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 0 0 rgba(236,72,153,0);
  animation:footerCreditPhone 3.2s ease-in-out infinite;
}
.footer-developer-credit a::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:34px;
  left:-46px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  transform:skewX(-20deg);
  animation:footerPhoneSweep 4.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes footerCreditSweep{
  0%,18%{left:-110px;opacity:0}
  28%{opacity:.8}
  58%{left:calc(100% + 110px);opacity:.55}
  59%,100%{left:calc(100% + 110px);opacity:0}
}
@keyframes footerCreditPulse{
  0%,100%{transform:scale(.92);box-shadow:0 0 0 4px rgba(216,180,254,.06),0 0 12px rgba(216,180,254,.35)}
  50%{transform:scale(1.12);box-shadow:0 0 0 5px rgba(216,180,254,.10),0 0 24px rgba(236,72,153,.58)}
}
@keyframes footerCreditRing{
  0%{transform:scale(.55);opacity:.7}
  70%,100%{transform:scale(1.75);opacity:0}
}
@keyframes footerCreditTextGlow{
  to{background-position:220% center}
}
@keyframes footerCreditPhone{
  0%,100%{box-shadow:0 0 0 rgba(236,72,153,0)}
  50%{box-shadow:0 0 22px rgba(236,72,153,.12)}
}
@keyframes footerPhoneSweep{
  0%,35%{left:-46px;opacity:0}
  45%{opacity:.9}
  68%{left:calc(100% + 46px);opacity:.5}
  69%,100%{left:calc(100% + 46px);opacity:0}
}
html[data-theme="light"] .footer-developer-credit{
  background:
    radial-gradient(circle at 12% 50%,rgba(168,85,247,.08),transparent 30%),
    radial-gradient(circle at 88% 50%,rgba(236,72,153,.07),transparent 30%),
    linear-gradient(135deg,#fbf7ff,#fff7fb);
}
html[data-theme="light"] .footer-developer-credit__text{
  background:linear-gradient(90deg,#6d28d9 0%,#9333ea 32%,#be185d 60%,#6d28d9 100%);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
html[data-theme="light"] .footer-developer-credit__text strong{
  color:#6b2188;
  -webkit-text-fill-color:#6b2188;
  text-shadow:none;
}
@media (prefers-reduced-motion:reduce){
  .footer-developer-credit::after,
  .footer-developer-credit__spark,
  .footer-developer-credit__spark::after,
  .footer-developer-credit__text,
  .footer-developer-credit a,
  .footer-developer-credit a::before{animation:none!important}
}
@media(max-width:620px){
  .footer-developer-credit{flex-wrap:wrap;row-gap:5px}
  .footer-developer-credit__text{flex:1 1 calc(100% - 18px);text-align:center}
}


/* v81.3: premium mobile footer layout */
.footer-contact-grid{
  display:grid;
  gap:8px;
}
.footer-contact-card{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:3px 8px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:inherit;
  text-decoration:none;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.footer-contact-card:hover{
  transform:translateY(-1px);
  border-color:rgba(233,191,120,.22);
  background:rgba(255,255,255,.055);
}
.footer-contact-card__icon{
  grid-column:2;
  grid-row:1 / span 2;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(233,191,120,.10);
  color:var(--gold);
  font:900 15px/1 Arial,sans-serif;
}
.footer-contact-card__label{
  color:var(--muted2);
  font-size:10.5px;
  font-weight:800;
}
.footer-contact-card strong{
  min-width:0;
  color:#fff7ef;
  font-size:12.5px;
  font-weight:900;
  line-height:1.45;
}
.footer-contact-card small{
  grid-column:1 / -1;
  margin-top:2px;
  color:var(--muted2);
  font-size:9.5px;
  line-height:1.55;
}
html[data-theme="light"] .footer-contact-card{
  border-color:rgba(58,35,29,.10);
  background:rgba(255,255,255,.58);
}
html[data-theme="light"] .footer-contact-card strong{color:#2d1b17}
html[data-theme="light"] .footer-contact-card__icon{background:rgba(201,146,69,.11);color:#9b6625}

@media (max-width:768px){
  .site-footer{
    padding:42px 14px max(22px,env(safe-area-inset-bottom));
    background:
      radial-gradient(circle at 8% 10%,rgba(168,85,247,.08),transparent 25%),
      radial-gradient(circle at 92% 18%,rgba(45,212,191,.07),transparent 27%),
      linear-gradient(180deg,#0a0710 0%,#050407 100%);
  }
  .footer-shell{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .footer-col{
    position:relative;
    min-width:0;
    padding:15px 13px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.10);
    overflow:hidden;
  }
  .footer-col::before{
    content:"";
    position:absolute;
    width:64px;
    height:2px;
    top:0;
    right:14px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,var(--gold),rgba(240,182,196,.78));
    opacity:.75;
  }
  .footer-col:first-child,
  .footer-contact-col{
    grid-column:1 / -1;
  }
  .footer-col:first-child{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:11px 12px;
    padding:14px;
  }
  .footer-brand{
    grid-column:1;
    grid-row:1 / span 2;
    margin:0;
    display:grid;
    justify-items:center;
    gap:5px;
  }
  .footer-brand img{
    width:54px;
    height:54px;
    border-radius:17px;
  }
  .footer-brand b{
    font-size:14px;
    white-space:nowrap;
  }
  .footer-about{
    grid-column:2;
    margin:0;
    font-size:11.5px;
    line-height:1.9;
    text-align:right;
  }
  .footer-col h3{
    position:relative;
    margin:0 0 11px;
    padding-right:12px;
    font-size:13.5px;
    line-height:1.4;
  }
  .footer-col h3::before{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:5px;
    height:5px;
    transform:translateY(-50%);
    border-radius:50%;
    background:var(--gold);
    box-shadow:0 0 0 4px rgba(233,191,120,.08);
  }
  .footer-links{
    display:grid;
    gap:6px;
  }
  .footer-links a,
  .footer-links span{
    min-width:0;
    padding:8px 9px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:11px;
    background:rgba(255,255,255,.025);
    font-size:10.8px;
    line-height:1.45;
  }
  .footer-links a{
    position:relative;
    padding-left:20px;
  }
  .footer-links a::after{
    content:"‹";
    position:absolute;
    left:8px;
    top:50%;
    transform:translateY(-52%);
    color:var(--gold);
    font:900 15px/1 Arial,sans-serif;
    opacity:.85;
  }
  .footer-links a:hover{transform:none}

  .footer-contact-col{padding:14px}
  .footer-contact-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .footer-contact-card{
    min-height:92px;
    align-content:center;
    padding:11px;
    border-radius:15px;
    background:
      radial-gradient(circle at 100% 0,rgba(233,191,120,.075),transparent 42%),
      rgba(255,255,255,.032);
  }
  .footer-contact-card--location{
    grid-column:1 / -1;
    min-height:66px;
  }
  .footer-contact-card__label{font-size:10px}
  .footer-contact-card strong{font-size:12px}
  .footer-contact-card small{font-size:9px}

  .footer-trust-wrap{margin-top:12px}
  .enamad-trust-card{
    grid-template-columns:minmax(0,1fr) 88px;
    gap:12px;
    padding:15px;
    border-radius:20px;
    text-align:right;
  }
  .enamad-trust-copy{
    justify-items:start;
    gap:5px;
  }
  .enamad-trust-kicker{
    padding:5px 8px;
    font-size:9.5px;
  }
  .enamad-trust-copy strong{
    font-size:12.5px;
    line-height:1.7;
  }
  .enamad-trust-copy p{
    font-size:10px;
    line-height:1.65;
  }
  .enamad-trust-seal{
    width:88px;
    min-width:88px;
    height:88px;
    margin:0;
    border-radius:17px;
    padding:6px;
  }

  .footer-bottom{
    margin-top:12px;
    padding-top:0;
    border-top:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    text-align:center;
  }
  .footer-bottom span{
    display:grid;
    place-items:center;
    min-height:38px;
    padding:7px 8px;
    border:1px solid rgba(255,255,255,.065);
    border-radius:12px;
    background:rgba(255,255,255,.025);
    font-size:9.5px;
    line-height:1.55;
  }

  .footer-developer-credit{
    margin-top:8px;
    min-height:50px;
    padding:8px 10px;
    display:grid;
    grid-template-columns:7px minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    border-radius:14px;
    flex-wrap:initial;
  }
  .footer-developer-credit__text{
    min-width:0;
    text-align:right;
    font-size:10.2px;
    line-height:1.55;
  }
  .footer-developer-credit__text strong{white-space:nowrap}
  .footer-developer-credit a{
    white-space:nowrap;
    padding:5px 7px;
    font-size:10px;
    border-radius:9px;
  }
  html[data-theme="light"] .footer-col,
  html[data-theme="light"] .footer-bottom span{
    border-color:rgba(58,35,29,.09);
    background:rgba(255,255,255,.58);
    box-shadow:0 10px 24px rgba(79,48,38,.055);
  }
  html[data-theme="light"] .footer-links a,
  html[data-theme="light"] .footer-links span{
    border-color:rgba(58,35,29,.07);
    background:rgba(255,255,255,.48);
  }
}

@media (max-width:390px){
  .site-footer{padding-inline:10px}
  .footer-shell{gap:8px}
  .footer-col{padding:13px 10px;border-radius:17px}
  .footer-col:first-child{padding:12px 10px;gap:9px}
  .footer-brand img{width:48px;height:48px;border-radius:15px}
  .footer-brand b{font-size:12.5px}
  .footer-about{font-size:10.6px;line-height:1.75}
  .footer-col h3{font-size:12.5px;padding-right:10px}
  .footer-links a,.footer-links span{padding:7px 7px;font-size:9.8px;border-radius:10px}
  .footer-links a{padding-left:17px}
  .footer-links a::after{left:6px;font-size:13px}
  .footer-contact-grid{gap:6px}
  .footer-contact-card{padding:9px 8px;min-height:88px}
  .footer-contact-card__icon{width:24px;height:24px;border-radius:8px;font-size:13px}
  .footer-contact-card__label{font-size:9px}
  .footer-contact-card strong{font-size:10.8px}
  .footer-contact-card small{font-size:8.4px}
  .enamad-trust-card{grid-template-columns:minmax(0,1fr) 78px;gap:9px;padding:12px}
  .enamad-trust-seal{width:78px;min-width:78px;height:78px}
  .enamad-trust-copy strong{font-size:11.5px}
  .enamad-trust-copy p{font-size:9.2px}
  .footer-bottom span{font-size:8.7px;padding-inline:5px}
  .footer-developer-credit{grid-template-columns:6px minmax(0,1fr) auto;gap:6px;padding:7px 8px}
  .footer-developer-credit__text{font-size:9.2px}
  .footer-developer-credit a{font-size:9px;padding:4px 6px}
}


/* ===== Kenzoo v81.4: mobile hero slider before quick stats ===== */
@media (max-width:768px){
  .hero-grid{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:18px;
  }
  .hero-copy{
    display:contents;
  }
  .hero-copy-main{
    order:1;
    width:100%;
    max-width:720px;
    margin:0 auto;
    text-align:center;
    position:relative;
    z-index:5;
  }
  .hero-copy-main .hero-actions{
    margin-bottom:0;
    justify-content:center;
  }
  .hero-visual{
    order:2!important;
    width:100%;
    margin:0;
  }
  .quick-stats{
    order:3;
    width:100%;
    max-width:720px;
    margin:0 auto;
  }
}


/* v81.11 - Products.aspx mobile cards: larger product photography */
@media (min-width:380px) and (max-width:599px){
  .products-page-main .catalog-card-media{
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    padding:5px!important;
  }
  .products-page-main .catalog-card-media::before{
    inset:5px!important;
    border-radius:16px;
  }
  .products-page-main .catalog-card-media img{
    width:100%!important;
    height:166px!important;
    max-width:100%!important;
    max-height:166px!important;
    object-fit:contain;
    transform:scale(1.08);
    transform-origin:center;
  }
}

/* v82 - responsive product image variants */
.km-responsive-product-image{display:contents}

/* ===== Kenzoo v84: feathered premium hero background ===== */
.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 30%,rgba(233,191,120,.10),transparent 34%),
    linear-gradient(180deg,var(--bg) 0%,rgba(9,7,16,.72) 18%,rgba(9,7,16,.54) 82%,var(--bg) 100%);
  border-bottom:0;
  box-shadow:none;
}

/*
  The image lives on its own layer so its perimeter can be feathered.
  A radial mask removes the hard rectangular edge without blurring the
  actual hero content or product cards.
*/
.hero::before{
  content:"";
  position:absolute;
  inset:-26px;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(to left,rgba(9,6,13,.80) 0%,rgba(9,6,13,.60) 34%,rgba(9,6,13,.24) 68%,rgba(9,6,13,.08) 100%),
    url('../Images/hero-bg.webp?v=84');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  transform:scale(1.018);
  transform-origin:center;
  -webkit-mask-image:radial-gradient(ellipse 104% 96% at 50% 48%,#000 0%,#000 67%,rgba(0,0,0,.96) 74%,rgba(0,0,0,.72) 83%,rgba(0,0,0,.34) 91%,transparent 100%);
  mask-image:radial-gradient(ellipse 104% 96% at 50% 48%,#000 0%,#000 67%,rgba(0,0,0,.96) 74%,rgba(0,0,0,.72) 83%,rgba(0,0,0,.34) 91%,transparent 100%);
}

/* Extra soft fade at top/bottom and sides to remove any visible seam. */
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,var(--bg) 0%,transparent 7%,transparent 86%,var(--bg) 100%),
    linear-gradient(90deg,var(--bg) 0%,transparent 5%,transparent 95%,var(--bg) 100%),
    radial-gradient(circle at 76% 34%,rgba(233,191,120,.10),transparent 33%);
  opacity:.72;
}

.hero-grid{
  position:relative;
  z-index:2;
}
.hero-copy-main,
.quick-stats,
.hero-visual{position:relative}

html[data-theme="light"] .hero{
  background:
    radial-gradient(circle at 78% 30%,rgba(201,146,69,.12),transparent 34%),
    linear-gradient(180deg,var(--bg) 0%,rgba(255,248,241,.72) 18%,rgba(255,248,241,.52) 82%,var(--bg) 100%);
}
html[data-theme="light"] .hero::before{
  background-image:
    linear-gradient(to left,rgba(255,249,242,.86) 0%,rgba(255,249,242,.68) 36%,rgba(255,249,242,.28) 68%,rgba(255,249,242,.08) 100%),
    url('../Images/hero-bg.webp?v=84');
}
html[data-theme="light"] .hero::after{
  background:
    linear-gradient(180deg,var(--bg) 0%,transparent 7%,transparent 86%,var(--bg) 100%),
    linear-gradient(90deg,var(--bg) 0%,transparent 5%,transparent 95%,var(--bg) 100%),
    radial-gradient(circle at 76% 34%,rgba(201,146,69,.08),transparent 33%);
  opacity:.66;
}

@media (max-width:1024px){
  .hero::before{
    inset:-20px;
    background-position:32% center;
    background-image:
      linear-gradient(180deg,rgba(9,6,13,.72) 0%,rgba(9,6,13,.47) 38%,rgba(9,6,13,.28) 72%,rgba(9,6,13,.42) 100%),
      url('../Images/hero-bg.webp?v=84');
    -webkit-mask-image:radial-gradient(ellipse 112% 96% at 50% 48%,#000 0%,#000 65%,rgba(0,0,0,.95) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.26) 93%,transparent 100%);
    mask-image:radial-gradient(ellipse 112% 96% at 50% 48%,#000 0%,#000 65%,rgba(0,0,0,.95) 74%,rgba(0,0,0,.68) 84%,rgba(0,0,0,.26) 93%,transparent 100%);
  }
  html[data-theme="light"] .hero::before{
    background-image:
      linear-gradient(180deg,rgba(255,249,242,.78) 0%,rgba(255,249,242,.54) 42%,rgba(255,249,242,.34) 72%,rgba(255,249,242,.56) 100%),
      url('../Images/hero-bg.webp?v=84');
  }
  .hero::after{
    background:
      linear-gradient(180deg,var(--bg) 0%,transparent 6%,transparent 88%,var(--bg) 100%),
      linear-gradient(90deg,var(--bg) 0%,transparent 3.5%,transparent 96.5%,var(--bg) 100%);
    opacity:.76;
  }
}

@media (max-width:768px){
  .hero::before{
    inset:-14px;
    background-position:25% center;
    background-size:auto 100%;
    transform:scale(1.025);
    -webkit-mask-image:radial-gradient(ellipse 122% 98% at 50% 48%,#000 0%,#000 63%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.60) 84%,rgba(0,0,0,.22) 93%,transparent 100%);
    mask-image:radial-gradient(ellipse 122% 98% at 50% 48%,#000 0%,#000 63%,rgba(0,0,0,.92) 73%,rgba(0,0,0,.60) 84%,rgba(0,0,0,.22) 93%,transparent 100%);
  }
  .hero::after{
    background:
      linear-gradient(180deg,var(--bg) 0%,transparent 5%,transparent 89%,var(--bg) 100%),
      linear-gradient(90deg,var(--bg) 0%,transparent 2%,transparent 98%,var(--bg) 100%);
    opacity:.82;
  }
}

/* ===== Kenzoo v87: lightweight text ticket system ===== */
.ticket-customer-page{padding-top:22px}
.ticket-hero{position:relative;overflow:hidden}
.ticket-hero:after{content:"";position:absolute;width:210px;height:210px;left:-70px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,rgba(233,191,120,.16),transparent 70%);pointer-events:none}
.ticket-customer-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;align-items:start}
.ticket-customer-side{display:grid;gap:18px;position:sticky;top:92px}
.ticket-new-card,.ticket-list-card,.ticket-thread-card{border-radius:26px}
.ticket-text-only,.ticket-list-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:28px;padding:5px 10px;border:1px solid var(--line2);border-radius:999px;background:rgba(255,255,255,.055);color:var(--muted);font-size:11px;font-weight:900}
.ticket-form{display:grid;gap:13px;padding:18px 20px}
.ticket-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:900}
.ticket-form input,.ticket-form textarea{width:100%;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.05);color:var(--text);padding:12px 14px;font:inherit;outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.ticket-form input{min-height:48px}.ticket-form textarea{min-height:118px;resize:vertical;line-height:1.95}
.ticket-form input:focus,.ticket-form textarea:focus{border-color:rgba(233,191,120,.48);background:rgba(255,255,255,.075);box-shadow:0 0 0 4px rgba(233,191,120,.08)}
.ticket-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-form-foot small{color:var(--muted);font-size:11px;direction:ltr}.ticket-form-foot .btn{min-width:130px}
.ticket-form button:disabled{cursor:wait;opacity:.82}
.ticket-list{display:grid;gap:8px;padding:10px}
.ticket-list-empty{padding:24px 14px;text-align:center;color:var(--muted);font-size:13px}
.ticket-list-item{display:grid;gap:7px;padding:13px;border:1px solid transparent;border-radius:18px;color:var(--text);background:rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.ticket-list-item:hover{transform:translateY(-1px);border-color:rgba(233,191,120,.24);background:rgba(255,255,255,.065)}
.ticket-list-item.is-selected{border-color:rgba(233,191,120,.40);background:linear-gradient(135deg,rgba(233,191,120,.12),rgba(255,255,255,.045))}
.ticket-list-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ticket-list-top b{font-size:12px;color:#edc989}.ticket-list-item strong{font-size:13px;line-height:1.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-list-item small{color:var(--muted);font-size:10px}
.ticket-status{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:5px 9px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:1000;white-space:nowrap}
.ticket-status.is-open{color:#ffd48a;background:rgba(245,158,11,.11);border-color:rgba(245,158,11,.25)}
.ticket-status.is-answered{color:#82e5ab;background:rgba(47,184,110,.11);border-color:rgba(47,184,110,.26)}
.ticket-status.is-closed{color:#c3bdc8;background:rgba(148,163,184,.09);border-color:rgba(148,163,184,.18)}
.ticket-thread-card{min-height:520px;overflow:hidden}
.ticket-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line2);background:rgba(255,255,255,.025)}
.ticket-thread-head>div:first-child{min-width:0}.ticket-thread-head span[dir="ltr"]{display:block;color:#e7c47f;font-size:11px;font-weight:1000;text-align:right}.ticket-thread-head h2{margin:5px 0 3px;color:var(--text);font-size:20px;line-height:1.5;overflow-wrap:anywhere}.ticket-thread-head small{color:var(--muted);font-size:11px}
.ticket-thread-empty{min-height:500px;display:grid;place-content:center;text-align:center;gap:8px;padding:30px;color:var(--muted)}.ticket-thread-empty b{color:var(--text);font-size:20px}.ticket-thread-empty span{font-size:13px;line-height:1.9}
.ticket-messages{display:flex;flex-direction:column;gap:12px;max-height:590px;overflow:auto;padding:20px;background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,.028));scrollbar-width:thin}
.ticket-message{width:min(82%,680px);padding:13px 15px;border:1px solid var(--line2);border-radius:20px;box-shadow:0 10px 28px rgba(0,0,0,.08)}
.ticket-message.is-customer{align-self:flex-start;background:rgba(255,255,255,.055);border-bottom-right-radius:7px}
.ticket-message.is-admin{align-self:flex-end;background:linear-gradient(135deg,rgba(233,191,120,.14),rgba(233,191,120,.055));border-color:rgba(233,191,120,.23);border-bottom-left-radius:7px}
.ticket-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.ticket-message-meta b{color:var(--text);font-size:11px}.ticket-message-meta span{color:var(--muted);font-size:9px;white-space:nowrap}.ticket-message-text{color:var(--text);font-size:13px;line-height:2;overflow-wrap:anywhere;white-space:normal}
.ticket-reply-form{border-top:1px solid var(--line2);background:rgba(255,255,255,.018)}
.ticket-closed-note{margin:18px;padding:14px 16px;border:1px solid rgba(148,163,184,.20);border-radius:16px;background:rgba(148,163,184,.07);color:var(--muted);font-size:12px;line-height:1.9;text-align:center}
html[data-theme="light"] .ticket-form input,html[data-theme="light"] .ticket-form textarea{background:rgba(255,255,255,.82)}
html[data-theme="light"] .ticket-list-item{background:rgba(107,74,56,.035)}
html[data-theme="light"] .ticket-list-item.is-selected{background:linear-gradient(135deg,rgba(199,149,68,.11),rgba(255,255,255,.82))}
html[data-theme="light"] .ticket-message.is-customer{background:#fff}
html[data-theme="light"] .ticket-message.is-admin{background:linear-gradient(135deg,rgba(199,149,68,.13),rgba(255,255,255,.90))}
@media(max-width:980px){.ticket-customer-layout{grid-template-columns:1fr}.ticket-customer-side{position:static;grid-template-columns:1fr 1fr}.ticket-thread-card{min-height:460px}}
@media(max-width:680px){.ticket-customer-side{grid-template-columns:1fr}.ticket-thread-head{padding:16px;align-items:flex-start}.ticket-thread-head h2{font-size:18px}.ticket-messages{padding:14px;max-height:520px}.ticket-message{width:92%;padding:12px 13px}.ticket-form{padding:15px}.ticket-form-foot .btn{min-width:120px}.ticket-thread-empty{min-height:300px}}

/* ===== Kenzoo v88: SEO category landing pages ===== */
.seo-category-intro{padding:0 22px 8px}
.seo-category-copy-card{width:min(1180px,100%);margin:0 auto;padding:22px 24px;border:1px solid var(--line2);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 18px 48px rgba(0,0,0,.10)}
.seo-category-rich{color:var(--muted);font-size:14px;line-height:2.15}
.seo-category-rich p{margin:8px 0 0}
.seo-category-guide{padding:0 22px 76px}
.seo-category-guide-shell{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.72fr);gap:18px;align-items:start}
.seo-category-guide-copy,.seo-related-card{border:1px solid var(--line2);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 22px 58px rgba(0,0,0,.10)}
.seo-category-guide-copy{padding:28px 30px}
.seo-category-guide-copy h2{margin:7px 0 12px;color:var(--text);font-size:clamp(22px,3vw,31px);line-height:1.45}
.seo-related-card{padding:24px;position:sticky;top:94px}
.seo-related-card h3{margin:7px 0 16px;color:var(--text);font-size:21px}
.seo-related-links{display:grid;gap:9px}
.seo-related-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line2);border-radius:16px;background:rgba(255,255,255,.035);color:var(--text);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.seo-related-link:hover{transform:translateY(-2px);border-color:rgba(233,191,120,.34);background:rgba(233,191,120,.07)}
.seo-related-link span{font-size:13px;font-weight:900}.seo-related-link b{font-size:10px;color:#e8c57f}
html[data-theme="light"] .seo-category-copy-card,html[data-theme="light"] .seo-category-guide-copy,html[data-theme="light"] .seo-related-card{background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,248,240,.76));box-shadow:0 18px 50px rgba(104,72,50,.08)}
html[data-theme="light"] .seo-related-link{background:rgba(255,255,255,.68)}
@media(max-width:920px){.seo-category-guide-shell{grid-template-columns:1fr}.seo-related-card{position:static}.seo-category-intro{padding-inline:16px}.seo-category-guide{padding-inline:16px}.seo-category-copy-card{padding:19px 18px}.seo-category-guide-copy{padding:22px 20px}}
@media(max-width:600px){.seo-category-intro{padding-inline:12px}.seo-category-guide{padding:0 12px 58px}.seo-category-copy-card,.seo-category-guide-copy,.seo-related-card{border-radius:22px}.seo-category-rich{font-size:13px;line-height:2.05}.seo-category-guide-copy h2{font-size:22px}}

/* =========================================================
   Kenzoo v89 - SEO landing pages visual system
   Keeps the SEO structure intact; adds a category-specific
   premium surface and fixes visual parity with the storefront.
   ========================================================= */
body[data-catalog-landing]{
  --landing-accent:#e9bf78;
  --landing-accent-rgb:233,191,120;
  --landing-accent-2:#f0b6c4;
}
body[data-catalog-landing="sneakers"]{--landing-accent:#e7aa78;--landing-accent-rgb:231,170,120;--landing-accent-2:#efd4a7}
body[data-catalog-landing="sandals"]{--landing-accent:#e9a6b9;--landing-accent-rgb:233,166,185;--landing-accent-2:#efc77f}
body[data-catalog-landing="boots"]{--landing-accent:#c99b72;--landing-accent-rgb:201,155,114;--landing-accent-2:#e6c28f}
body[data-catalog-landing="loafers"]{--landing-accent:#d8aa68;--landing-accent-rgb:216,170,104;--landing-accent-2:#e8c6a0}
body[data-catalog-landing="formal-shoes"]{--landing-accent:#d89aa9;--landing-accent-rgb:216,154,169;--landing-accent-2:#e8c27f}
body[data-catalog-landing="women-shoes"]{--landing-accent:#e9bf78;--landing-accent-rgb:233,191,120;--landing-accent-2:#eab8c4}
body[data-catalog-landing="bags"]{--landing-accent:#cfa26a;--landing-accent-rgb:207,162,106;--landing-accent-2:#ddb39c}

body[data-catalog-landing] .products-page-main{
  isolation:isolate;
}
body[data-catalog-landing] .products-page-main::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:620px;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 82% 15%,rgba(var(--landing-accent-rgb),.18),transparent 30%),
    radial-gradient(circle at 12% 25%,rgba(240,182,196,.10),transparent 28%);
}

body[data-catalog-landing] .catalog-hero{
  position:relative;
  padding:34px clamp(12px,3vw,34px) 16px;
  background:none;
}
body[data-catalog-landing] .catalog-hero::before{
  content:"";
  position:absolute;
  inset:16px clamp(12px,3vw,34px) 0;
  max-width:1480px;
  margin:auto;
  border-radius:34px;
  pointer-events:none;
  border:1px solid rgba(var(--landing-accent-rgb),.18);
  background:
    linear-gradient(135deg,rgba(var(--landing-accent-rgb),.10),rgba(255,255,255,.025) 46%,rgba(240,182,196,.055)),
    rgba(255,255,255,.018);
  box-shadow:0 28px 90px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
body[data-catalog-landing] .catalog-hero::after{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  left:max(3vw,20px);
  top:-92px;
  border-radius:50%;
  pointer-events:none;
  opacity:.72;
  filter:blur(3px);
  background:radial-gradient(circle,rgba(var(--landing-accent-rgb),.18) 0%,rgba(var(--landing-accent-rgb),.06) 38%,transparent 70%);
}
body[data-catalog-landing] .catalog-hero-shell{
  position:relative;
  z-index:1;
  min-height:250px;
  padding:34px 34px 30px;
  border-radius:34px;
  overflow:hidden;
}
body[data-catalog-landing] .catalog-hero-shell::before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-56px;
  bottom:-100px;
  border:1px solid rgba(var(--landing-accent-rgb),.22);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(var(--landing-accent-rgb),.025),0 0 0 48px rgba(var(--landing-accent-rgb),.018);
  pointer-events:none;
}
body[data-catalog-landing] .catalog-hero-copy{
  position:relative;
  z-index:2;
  max-width:760px;
}
body[data-catalog-landing] .breadcrumbs{
  display:inline-flex;
  margin-bottom:14px;
  padding:7px 11px;
  border:1px solid rgba(var(--landing-accent-rgb),.17);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body[data-catalog-landing] .breadcrumbs a{color:var(--landing-accent)}
body[data-catalog-landing] .catalog-hero .section-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:3px;
  color:var(--landing-accent);
}
body[data-catalog-landing] .catalog-hero .section-kicker::before{
  content:"";
  width:22px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--landing-accent));
}
body[data-catalog-landing] .catalog-hero h1{
  max-width:760px;
  margin:10px 0 12px;
  font-size:clamp(34px,4vw,58px);
  line-height:1.18;
  letter-spacing:-1.1px;
  text-wrap:balance;
}
body[data-catalog-landing] .catalog-hero p{
  max-width:720px;
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:2.05;
}
body[data-catalog-landing] .catalog-summary{
  position:relative;
  z-index:2;
  min-width:300px;
  align-self:center;
}
body[data-catalog-landing] .summary-card{
  position:relative;
  overflow:hidden;
  min-height:104px;
  padding:17px 18px;
  border-color:rgba(var(--landing-accent-rgb),.18);
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.032));
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body[data-catalog-landing] .summary-card::after{
  content:"";
  position:absolute;
  width:78px;
  height:78px;
  left:-28px;
  bottom:-36px;
  border-radius:50%;
  background:rgba(var(--landing-accent-rgb),.10);
  filter:blur(2px);
}
body[data-catalog-landing] .summary-card b{
  position:relative;
  z-index:1;
  color:var(--text);
  font-size:21px;
}
body[data-catalog-landing] .summary-card span{position:relative;z-index:1}

body[data-catalog-landing] .seo-category-intro{
  padding:12px clamp(12px,3vw,34px) 10px;
}
body[data-catalog-landing] .seo-category-copy-card{
  position:relative;
  width:min(1480px,100%);
  min-height:150px;
  overflow:hidden;
  padding:26px 30px;
  border-color:rgba(var(--landing-accent-rgb),.16);
  border-radius:28px;
  background:
    radial-gradient(circle at 8% 22%,rgba(var(--landing-accent-rgb),.095),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.060),rgba(255,255,255,.022));
}
body[data-catalog-landing] .seo-category-copy-card::before{
  content:"";
  position:absolute;
  top:0;
  right:30px;
  width:92px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--landing-accent),var(--landing-accent-2));
  box-shadow:0 5px 22px rgba(var(--landing-accent-rgb),.28);
}
body[data-catalog-landing] .seo-category-copy-card::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  left:-105px;
  top:-100px;
  border:1px solid rgba(var(--landing-accent-rgb),.12);
  border-radius:50%;
  pointer-events:none;
}
body[data-catalog-landing] .seo-category-copy-card .section-kicker{
  color:var(--landing-accent);
}
body[data-catalog-landing] .seo-category-rich{
  position:relative;
  z-index:1;
  max-width:1050px;
  color:var(--muted);
  font-size:13.5px;
  line-height:2.15;
}
body[data-catalog-landing] .seo-category-rich p{margin:7px 0 0}

body[data-catalog-landing] .catalog-section{
  padding-top:14px;
}
body[data-catalog-landing] .filter-panel{
  border-color:rgba(var(--landing-accent-rgb),.15);
  background:
    linear-gradient(180deg,rgba(var(--landing-accent-rgb),.045),transparent 35%),
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.038));
}
body[data-catalog-landing] .products-page-main .catalog-search-wrap,
body[data-catalog-landing] .products-page-main .catalog-sort{
  border-color:rgba(var(--landing-accent-rgb),.14);
}
body[data-catalog-landing] .products-page-main .catalog-search-wrap:focus-within,
body[data-catalog-landing] .products-page-main .catalog-sort:focus-within{
  border-color:rgba(var(--landing-accent-rgb),.44);
  box-shadow:0 0 0 4px rgba(var(--landing-accent-rgb),.07),0 14px 34px rgba(0,0,0,.10);
}
body[data-catalog-landing] .catalog-count b,
body[data-catalog-landing] .catalog-price strong{color:var(--landing-accent)}
body[data-catalog-landing] .catalog-card{
  border-color:rgba(var(--landing-accent-rgb),.11);
}
body[data-catalog-landing] .catalog-card:hover{
  border-color:rgba(var(--landing-accent-rgb),.34);
  box-shadow:0 26px 58px rgba(0,0,0,.20),0 0 0 1px rgba(var(--landing-accent-rgb),.06);
}
body[data-catalog-landing] .catalog-card-media::before{
  border-color:rgba(var(--landing-accent-rgb),.11);
  background:linear-gradient(145deg,rgba(var(--landing-accent-rgb),.085),rgba(255,255,255,.025));
}
body[data-catalog-landing] .catalog-badge{
  border-color:rgba(var(--landing-accent-rgb),.28);
  background:rgba(var(--landing-accent-rgb),.11);
  color:var(--landing-accent);
}
body[data-catalog-landing] .catalog-btn{
  background:linear-gradient(135deg,var(--landing-accent-2),var(--landing-accent));
  color:#2a1914;
  box-shadow:0 9px 22px rgba(var(--landing-accent-rgb),.16);
}

body[data-catalog-landing] .seo-category-guide{
  position:relative;
  padding:2px clamp(12px,3vw,34px) 82px;
}
body[data-catalog-landing] .seo-category-guide-shell{
  width:min(1480px,100%);
  grid-template-columns:minmax(0,1.55fr) minmax(280px,.62fr);
  gap:16px;
}
body[data-catalog-landing] .seo-category-guide-copy,
body[data-catalog-landing] .seo-related-card{
  position:relative;
  overflow:hidden;
  border-color:rgba(var(--landing-accent-rgb),.14);
  background:
    linear-gradient(145deg,rgba(var(--landing-accent-rgb),.055),rgba(255,255,255,.025) 48%),
    rgba(255,255,255,.018);
}
body[data-catalog-landing] .seo-category-guide-copy::before,
body[data-catalog-landing] .seo-related-card::before{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:96px;
  height:3px;
  background:linear-gradient(90deg,var(--landing-accent),transparent);
}
body[data-catalog-landing] .seo-category-guide-copy{padding:30px 32px}
body[data-catalog-landing] .seo-category-guide-copy .section-kicker,
body[data-catalog-landing] .seo-related-card .section-kicker{color:var(--landing-accent)}
body[data-catalog-landing] .seo-category-guide-copy h2{
  max-width:760px;
  margin:8px 0 12px;
  font-size:clamp(23px,2.6vw,32px);
}
body[data-catalog-landing] .seo-related-card{
  padding:26px 22px;
  top:96px;
}
body[data-catalog-landing] .seo-related-card h3{font-size:20px}
body[data-catalog-landing] .seo-related-link{
  min-height:50px;
  border-color:rgba(var(--landing-accent-rgb),.11);
  background:rgba(255,255,255,.032);
}
body[data-catalog-landing] .seo-related-link::after{
  content:"←";
  flex:0 0 auto;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(var(--landing-accent-rgb),.10);
  color:var(--landing-accent);
  transition:transform .18s ease,background .18s ease;
}
body[data-catalog-landing] .seo-related-link b{display:none}
body[data-catalog-landing] .seo-related-link:hover{
  border-color:rgba(var(--landing-accent-rgb),.28);
  background:rgba(var(--landing-accent-rgb),.055);
}
body[data-catalog-landing] .seo-related-link:hover::after{transform:translateX(-2px);background:rgba(var(--landing-accent-rgb),.16)}

html[data-theme="light"] body[data-catalog-landing] .catalog-hero{
  background:none;
}
html[data-theme="light"] body[data-catalog-landing] .catalog-hero::before{
  border-color:rgba(var(--landing-accent-rgb),.20);
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(var(--landing-accent-rgb),.10) 62%,rgba(255,248,240,.88)),
    #fffaf6;
  box-shadow:0 26px 72px rgba(99,67,47,.10),inset 0 1px 0 #fff;
}
html[data-theme="light"] body[data-catalog-landing] .breadcrumbs,
html[data-theme="light"] body[data-catalog-landing] .summary-card{
  background:rgba(255,255,255,.70);
}
html[data-theme="light"] body[data-catalog-landing] .seo-category-copy-card,
html[data-theme="light"] body[data-catalog-landing] .seo-category-guide-copy,
html[data-theme="light"] body[data-catalog-landing] .seo-related-card{
  background:
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(var(--landing-accent-rgb),.055)),
    #fff;
  box-shadow:0 18px 52px rgba(90,59,41,.075);
}
html[data-theme="light"] body[data-catalog-landing] .filter-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,251,247,.84));
}
html[data-theme="light"] body[data-catalog-landing] .seo-related-link{background:rgba(255,255,255,.76)}

@media(max-width:1080px){
  body[data-catalog-landing] .catalog-hero-shell{min-height:0;padding:28px 28px 26px}
  body[data-catalog-landing] .catalog-summary{min-width:0;max-width:none;width:min(100%,460px)}
  body[data-catalog-landing] .seo-category-guide-shell{grid-template-columns:1fr}
  body[data-catalog-landing] .seo-related-card{position:static}
}

@media(max-width:768px){
  body[data-catalog-landing] .catalog-hero{padding:14px 12px 8px}
  body[data-catalog-landing] .catalog-hero::before{inset:8px 12px 0;border-radius:27px}
  body[data-catalog-landing] .catalog-hero::after{width:220px;height:220px;left:-80px;top:-54px}
  body[data-catalog-landing] .catalog-hero-shell{padding:24px 19px 21px;border-radius:27px;gap:18px}
  body[data-catalog-landing] .catalog-hero-shell::before{width:150px;height:150px;left:-70px;bottom:-80px}
  body[data-catalog-landing] .breadcrumbs{margin-bottom:11px;padding:6px 9px;font-size:10.5px}
  body[data-catalog-landing] .catalog-hero h1{font-size:30px;letter-spacing:-.5px;margin:8px 0 9px}
  body[data-catalog-landing] .catalog-hero p{font-size:12.5px;line-height:1.95}
  body[data-catalog-landing] .catalog-summary{grid-template-columns:1fr 1fr;gap:8px}
  body[data-catalog-landing] .summary-card{min-height:78px;padding:12px 13px;border-radius:17px}
  body[data-catalog-landing] .summary-card b{font-size:16px;margin-bottom:2px}
  body[data-catalog-landing] .summary-card span{font-size:9.5px;line-height:1.6}

  body[data-catalog-landing] .seo-category-intro{padding:10px 12px 8px}
  body[data-catalog-landing] .seo-category-copy-card{min-height:0;padding:20px 17px;border-radius:23px}
  body[data-catalog-landing] .seo-category-copy-card::before{right:18px;width:72px}
  body[data-catalog-landing] .seo-category-rich{font-size:12.5px;line-height:2.02}

  body[data-catalog-landing] .catalog-section{padding-top:8px}
  body[data-catalog-landing] .seo-category-guide{padding:0 12px 58px}
  body[data-catalog-landing] .seo-category-guide-shell{gap:12px}
  body[data-catalog-landing] .seo-category-guide-copy,
  body[data-catalog-landing] .seo-related-card{border-radius:23px}
  body[data-catalog-landing] .seo-category-guide-copy{padding:21px 18px}
  body[data-catalog-landing] .seo-category-guide-copy h2{font-size:21px;line-height:1.55}
  body[data-catalog-landing] .seo-related-card{padding:20px 17px}
  body[data-catalog-landing] .seo-related-link{min-height:46px;padding:10px 12px;border-radius:14px}
}

@media(max-width:430px){
  body[data-catalog-landing] .catalog-hero h1{font-size:28px}
  body[data-catalog-landing] .catalog-summary{grid-template-columns:1fr 1fr}
  body[data-catalog-landing] .summary-card{padding:11px 10px}
  body[data-catalog-landing] .summary-card span{font-size:9px}
  body[data-catalog-landing] .seo-category-copy-card{padding:18px 15px}
}

@media(prefers-reduced-motion:reduce){
  body[data-catalog-landing] .seo-related-link,
  body[data-catalog-landing] .catalog-card{transition:none!important}
}

/* ===== Kenzoo v91: homepage editorial + daily insight banners ===== */
.hero-copy-main{
  position:relative;
}
.hero-copy-main::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-88px;
  top:-72px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(233,191,120,.14),transparent 68%);
  filter:blur(8px);
  pointer-events:none;
}

.home-insight-section{
  max-width:1360px;
  margin:0 auto 34px;
  padding:0 20px;
  position:relative;
  isolation:isolate;
}
.home-insight-banner{
  --insight-accent:233,191,120;
  --insight-accent2:157,91,220;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:38px;
  padding:28px;
  background:
    radial-gradient(circle at 8% 16%,rgba(var(--insight-accent),.17),transparent 28%),
    radial-gradient(circle at 96% 84%,rgba(var(--insight-accent2),.13),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 54%,rgba(255,255,255,.045));
  box-shadow:0 28px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.home-insight-banner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 0 43%,rgba(255,255,255,.04) 49%,transparent 56%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 74px);
  opacity:.8;
}
.home-insight-banner::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-104px;
  top:-106px;
  border:1px solid rgba(var(--insight-accent),.14);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(var(--insight-accent),.025),0 0 0 50px rgba(var(--insight-accent),.018);
  pointer-events:none;
}
.home-insight-banner--best{--insight-accent:239,190,100;--insight-accent2:169,91,208}
.home-insight-banner--discount{--insight-accent:248,105,133;--insight-accent2:239,176,90}
.home-insight-banner--viewed{--insight-accent:111,151,255;--insight-accent2:164,103,238}
.home-insight-head,
.home-insight-body{position:relative;z-index:1}
.home-insight-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 230px;
  align-items:end;
  gap:24px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.home-insight-head--single{grid-template-columns:minmax(0,1fr)}
.home-insight-title{min-width:0}
.home-insight-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  font-size:11px;
  font-weight:900;
  color:rgba(255,249,242,.69);
}
.home-insight-eyebrow i{
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:rgb(var(--insight-accent));
  box-shadow:0 0 0 5px rgba(var(--insight-accent),.10),0 0 18px rgba(var(--insight-accent),.46);
}
.home-insight-title h2{
  margin:0 0 7px;
  font-size:clamp(25px,3vw,39px);
  line-height:1.25;
  color:#fff9f3;
  font-weight:950;
  letter-spacing:-.6px;
}
.home-insight-title p{
  margin:0;
  max-width:760px;
  color:rgba(255,248,241,.55);
  line-height:1.95;
  font-size:12.5px;
}
.home-insight-stat{
  display:grid;
  gap:4px;
  min-width:0;
  padding:15px 17px;
  border-radius:22px;
  border:1px solid rgba(var(--insight-accent),.19);
  background:linear-gradient(135deg,rgba(var(--insight-accent),.12),rgba(255,255,255,.025));
  text-align:right;
}
.home-insight-stat strong{
  color:rgb(var(--insight-accent));
  font-size:21px;
  font-weight:950;
  line-height:1.35;
  white-space:nowrap;
}
.home-insight-banner--discount .home-insight-stat{background:linear-gradient(135deg,rgba(248,105,133,.18),rgba(255,255,255,.04));border-color:rgba(201,54,87,.22)}
.home-insight-banner--discount .home-insight-stat strong{color:#b3264d;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.home-insight-stat span{font-size:9.7px;line-height:1.65;color:rgba(255,248,241,.54);font-weight:700}
.home-insight-body{
  display:grid;
  grid-template-columns:minmax(300px,.72fr) minmax(0,1.45fr);
  gap:22px;
  padding-top:22px;
  align-items:stretch;
}
.home-insight-spotlight{
  min-height:333px;
  border-radius:29px;
  overflow:hidden;
  border:1px solid rgba(var(--insight-accent),.16);
  background:linear-gradient(145deg,rgba(var(--insight-accent),.09),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.home-spotlight-card{
  height:100%;
  min-height:333px;
  display:grid;
  grid-template-columns:minmax(128px,.83fr) minmax(0,1fr);
  align-items:stretch;
}
.home-spotlight-media{
  position:relative;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:20px 13px;
  background:
    radial-gradient(circle at 50% 31%,rgba(255,255,255,.14),transparent 33%),
    linear-gradient(160deg,rgba(var(--insight-accent),.08),transparent 62%);
}
.home-spotlight-media::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:23px;
  border:1px solid rgba(255,255,255,.06);
  pointer-events:none;
}
.home-spotlight-media img{
  width:100%;
  height:245px;
  object-fit:contain;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 22px 25px rgba(0,0,0,.24));
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.home-spotlight-card:hover .home-spotlight-media img{transform:translateY(-5px) scale(1.035) rotate(-1deg)}
.home-spotlight-rank{
  position:absolute;
  z-index:3;
  top:13px;
  right:13px;
  padding:7px 9px;
  border-radius:12px;
  color:#24150d;
  background:rgb(var(--insight-accent));
  font-size:9.5px;
  font-weight:950;
  box-shadow:0 10px 24px rgba(var(--insight-accent),.19);
}
.home-spotlight-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:23px 20px 22px 15px;
}
.home-spotlight-metric{
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  padding:6px 9px;
  border-radius:999px;
  background:rgba(var(--insight-accent),.12);
  border:1px solid rgba(var(--insight-accent),.18);
  color:rgb(var(--insight-accent));
  font-size:10px;
  font-weight:950;
}
.home-spotlight-title{
  color:#fff8f2;
  font-size:20px;
  font-weight:950;
  line-height:1.45;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.home-spotlight-copy p{
  margin:8px 0 15px;
  color:rgba(255,248,241,.48);
  font-size:10.8px;
  line-height:1.85;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.home-spotlight-foot{
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.07);
  display:grid;
  gap:10px;
}
.home-spotlight-foot>span{font-weight:950;color:#fff8f1;font-size:13px;min-width:0}
.home-spotlight-foot>a{font-size:10px;font-weight:900;color:rgb(var(--insight-accent));width:max-content}
.home-insight-products{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:13px}
.home-insight-slider{min-width:0;flex:1}
.home-insight-slider .product-viewport{height:100%;padding:2px 1px 7px}
.home-insight-slider .product-track{height:100%;gap:13px}
.home-insight-slider .product-card{
  flex:0 0 218px;
  min-width:218px;
  border-radius:23px;
  background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.025));
  border-color:rgba(255,255,255,.085);
  box-shadow:0 14px 34px rgba(0,0,0,.14);
}
.home-insight-slider .product-card:hover{border-color:rgba(var(--insight-accent),.24);box-shadow:0 19px 40px rgba(0,0,0,.19)}
.home-insight-slider .product-media{height:164px;padding:13px}
.home-insight-slider .product-media::before{inset:9px;border-radius:18px;background:linear-gradient(145deg,rgba(var(--insight-accent),.085),rgba(255,255,255,.015))}
.home-insight-slider .product-body{padding:13px 13px 14px}
.home-insight-slider .soft-label{font-size:8.5px;padding:4px 7px;margin-bottom:7px}
.home-insight-slider .product-card h3{font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-insight-slider .product-card p{display:none}
.home-insight-slider .product-meta{margin-top:8px;align-items:flex-end}
.home-insight-slider .price{font-size:11.5px;line-height:1.55;min-width:0}
.home-insight-slider .product-btn{font-size:9px;padding:7px 8px;border-radius:10px}
.home-insight-slider .favorite-product-btn{transform:scale(.86);transform-origin:top left}
.home-product-metric{
  position:absolute;
  z-index:6;
  top:12px;
  left:12px;
  max-width:calc(100% - 60px);
  padding:6px 8px;
  border-radius:11px;
  color:#fff;
  font-size:8.6px;
  font-weight:950;
  line-height:1.2;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 9px 20px rgba(0,0,0,.14);
}
.home-product-metric--best{background:rgba(166,111,25,.82);border:1px solid rgba(255,216,151,.28)}
.home-product-metric--discount{background:rgba(186,43,78,.83);border:1px solid rgba(255,159,181,.29)}
.home-product-metric--viewed{background:rgba(64,84,181,.84);border:1px solid rgba(154,178,255,.28)}
.home-insight-more{
  align-self:flex-end;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(255,248,241,.68);
  font-size:10.5px;
  font-weight:900;
  transition:color .2s ease,transform .2s ease;
}
.home-insight-more span{color:rgb(var(--insight-accent));font-size:16px}
.home-insight-more:hover{color:#fff;transform:translateX(-3px)}
.home-insight-loading,.home-insight-empty{
  min-height:333px;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:30px;
  gap:8px;
}
.home-insight-loading span{
  width:35px;
  height:35px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.10);
  border-top-color:rgb(var(--insight-accent));
  animation:homeInsightSpin .85s linear infinite;
  margin-bottom:5px;
}
.home-insight-loading b,.home-insight-empty b{font-size:13px;color:#fff8f2}
.home-insight-empty>span{font-size:30px;color:rgb(var(--insight-accent));line-height:1}
.home-insight-empty p{max-width:280px;margin:0;color:rgba(255,248,241,.46);font-size:10.5px;line-height:1.9}
@keyframes homeInsightSpin{to{transform:rotate(360deg)}}

html[data-theme="light"] .home-insight-banner{
  border-color:rgba(63,39,29,.08);
  background:
    radial-gradient(circle at 8% 16%,rgba(var(--insight-accent),.13),transparent 28%),
    radial-gradient(circle at 96% 84%,rgba(var(--insight-accent2),.08),transparent 31%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,250,245,.80));
  box-shadow:0 25px 65px rgba(92,59,42,.10),inset 0 1px 0 #fff;
}
html[data-theme="light"] .home-insight-banner::before{opacity:.3}
html[data-theme="light"] .home-insight-head{border-color:rgba(57,35,26,.075)}
html[data-theme="light"] .home-insight-eyebrow{color:rgba(58,35,26,.64)}
html[data-theme="light"] .home-insight-title h2,
html[data-theme="light"] .home-spotlight-title,
html[data-theme="light"] .home-insight-loading b,
html[data-theme="light"] .home-insight-empty b{color:#38251e}
html[data-theme="light"] .home-insight-title p,
html[data-theme="light"] .home-insight-stat span,
html[data-theme="light"] .home-spotlight-copy p,
html[data-theme="light"] .home-insight-empty p,
html[data-theme="light"] .home-insight-stat,
html[data-theme="light"] .home-insight-spotlight,
html[data-theme="light"] .home-insight-slider .product-card{background:rgba(255,255,255,.64);border-color:rgba(61,38,28,.075)}
html[data-theme="light"] .home-spotlight-foot{border-color:rgba(56,34,25,.08)}
html[data-theme="light"] .home-spotlight-foot>span{color:#38251e}
html[data-theme="light"] .home-insight-slider .product-card h3{color:#38251e}
html[data-theme="light"] .home-insight-more{color:rgba(57,35,26,.68)}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat{background:linear-gradient(135deg,rgba(255,106,140,.18),rgba(255,255,255,.72));border-color:rgba(191,49,81,.18)}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat strong{color:#a81f46}

@media(max-width:1100px){
  .home-insight-body{grid-template-columns:minmax(270px,.8fr) minmax(0,1.2fr)}
  .home-insight-slider .product-card{flex-basis:205px;min-width:205px}
  .home-spotlight-card{grid-template-columns:140px minmax(0,1fr)}
}

@media(max-width:880px){
  .home-insight-banner{border-radius:31px;padding:22px}
  .home-insight-head{grid-template-columns:1fr auto;gap:15px}
  .home-insight-stat{min-width:170px}
  .home-insight-body{grid-template-columns:1fr;gap:16px}
  .home-insight-spotlight{min-height:245px}
  .home-spotlight-card{min-height:245px;grid-template-columns:180px minmax(0,1fr)}
  .home-spotlight-media img{height:205px}
  .home-insight-products{gap:10px}
  .home-insight-slider .product-viewport{height:auto}
}

@media(max-width:768px){
  .hero-copy-main::before{right:50%;transform:translateX(50%);top:-60px;width:160px;height:160px}


  .home-insight-section{padding:0 11px;margin-bottom:22px}
  .home-insight-banner{padding:17px;border-radius:26px}
  .home-insight-banner::after{width:160px;height:160px;left:-85px;top:-85px}
  .home-insight-head{grid-template-columns:1fr;gap:12px;padding-bottom:15px}
  .home-insight-eyebrow{font-size:9.4px;margin-bottom:6px}
  .home-insight-title h2{font-size:24px;letter-spacing:-.35px;margin-bottom:5px}
  .home-insight-title p{font-size:10.3px;line-height:1.85}
  .home-insight-stat{width:max-content;max-width:100%;min-width:0;padding:10px 12px;border-radius:16px}
  .home-insight-stat strong{font-size:17px}
  .home-insight-stat span{font-size:8.5px}
  .home-insight-body{padding-top:15px;gap:14px}
  .home-insight-spotlight{min-height:218px;border-radius:22px}
  .home-spotlight-card{min-height:218px;grid-template-columns:42% minmax(0,1fr)}
  .home-spotlight-media{padding:10px 7px}
  .home-spotlight-media::after{inset:8px;border-radius:17px}
  .home-spotlight-media img{height:180px}
  .home-spotlight-rank{top:9px;right:9px;padding:5px 7px;border-radius:9px;font-size:8px}
  .home-spotlight-copy{padding:16px 12px 14px 9px}
  .home-spotlight-metric{font-size:8.5px;padding:5px 7px;margin-bottom:7px}
  .home-spotlight-title{font-size:15px;line-height:1.5}
  .home-spotlight-copy p{font-size:9px;margin:5px 0 9px;line-height:1.75}
  .home-spotlight-foot{padding-top:9px;gap:6px}
  .home-spotlight-foot>span{font-size:10.4px;line-height:1.65}
  .home-spotlight-foot>a{font-size:8.5px}

  .home-insight-slider .product-viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    width:100%;
    padding-bottom:4px;
  }
  .home-insight-slider .product-track{
    width:max-content!important;
    min-width:max-content!important;
    gap:10px!important;
    height:auto;
  }
  .home-insight-slider .product-card{
    flex:0 0 198px!important;
    width:198px!important;
    min-width:198px!important;
    max-width:198px!important;
    border-radius:20px;
  }
  .home-insight-slider .product-media{
    width:100%!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    aspect-ratio:auto!important;
    padding:10px!important;
  }
  .home-insight-slider .product-media img{width:100%!important;height:132px!important;max-height:132px!important;object-fit:contain!important}
  .home-insight-slider .product-body{padding:11px}
  .home-insight-slider .product-card h3{font-size:12.6px}
  .home-insight-slider .price{font-size:10.2px}
  .home-insight-slider .product-btn{font-size:8px;padding:6px 7px}
  .home-product-metric{top:9px;left:9px;font-size:7.8px;padding:5px 6px;border-radius:9px}
  .home-insight-slider .slider-arrow{display:none!important}
  .home-insight-more{font-size:9.5px;align-self:flex-start}
  .home-insight-loading,.home-insight-empty{min-height:218px;padding:22px}
}

@media(max-width:430px){
  .home-insight-section{padding-inline:8px}
  .home-insight-banner{padding:14px;border-radius:23px}
  .home-insight-title h2{font-size:22px}
  .home-spotlight-card{grid-template-columns:40% minmax(0,1fr)}
  .home-spotlight-media img{height:158px}
  .home-spotlight-title{font-size:13.5px}
  .home-spotlight-copy p{-webkit-line-clamp:1}
  .home-insight-slider .product-card{flex-basis:184px!important;width:184px!important;min-width:184px!important;max-width:184px!important}
  .home-insight-slider .product-media{height:142px!important;min-height:142px!important;max-height:142px!important}
  .home-insight-slider .product-media img{height:124px!important;max-height:124px!important}
}

@media(prefers-reduced-motion:reduce){
  .home-insight-loading span{animation:none}
  .home-spotlight-media img,.home-insight-more{transition:none}
}

/* ===== Kenzoo v93 Home analytics reliability + mobile-first newest showcase ===== */
.home-newest-section{
  position:relative;
  width:100%;
  max-width:none;
  margin:0;
  padding:26px 6vw 70px;
  border-top:0;
  box-sizing:border-box;
  background:linear-gradient(180deg,#0b0812 0%,#100a15 100%);
  overflow:hidden;
  isolation:isolate;
}
.home-newest-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 8%,rgba(233,191,120,.10),transparent 27%),
    radial-gradient(circle at 88% 18%,rgba(238,173,194,.08),transparent 31%);
  pointer-events:none;
  z-index:-1;
}
.home-newest-shell{
  position:relative;
  max-width:1320px;
  margin:0 auto;
  padding:30px 30px 28px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:34px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)),
    radial-gradient(circle at 50% -20%,rgba(233,191,120,.09),transparent 42%);
  box-shadow:0 28px 74px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);
  overflow:hidden;
}
.home-newest-shell::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  left:-110px;
  bottom:-130px;
  border-radius:50%;
  background:rgba(233,191,120,.08);
  filter:blur(2px);
  pointer-events:none;
}
.home-newest-head{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:0 auto 24px;
  text-align:center;
}
.home-newest-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  margin-bottom:9px;
  border:1px solid rgba(233,191,120,.24);
  border-radius:999px;
  background:rgba(233,191,120,.08);
  color:#efc983;
  font-size:10px;
  font-weight:950;
}
.home-newest-kicker i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#efc983;
  box-shadow:0 0 0 5px rgba(239,201,131,.08);
}
.home-newest-head h2{
  margin:0 0 7px;
  color:#fff8f2;
  font-size:clamp(28px,3.1vw,43px);
  line-height:1.25;
  font-weight:950;
  letter-spacing:-.7px;
}
.home-newest-head p{
  margin:0 auto;
  max-width:610px;
  color:rgba(255,248,241,.55);
  font-size:12px;
  line-height:1.95;
}
.home-newest-all{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:13px;
  padding:9px 13px;
  border-radius:13px;
  border:1px solid rgba(233,191,120,.18);
  background:rgba(255,255,255,.045);
  color:#f2d49d;
  font-size:10.5px;
  font-weight:950;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.home-newest-all span{font-size:15px;line-height:1}
.home-newest-all:hover{transform:translateY(-2px);border-color:rgba(233,191,120,.34);background:rgba(233,191,120,.075)}
.home-newest-slider{position:relative;z-index:1}
.home-newest-slider .product-viewport{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:3px 3px 7px;
}
.home-newest-slider .product-track{
  display:flex;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  gap:14px;
  margin-inline:auto;
  padding:2px 1px 7px!important;
}
.home-newest-slider .product-card{
  flex:0 0 286px!important;
  width:286px!important;
  min-width:286px!important;
  max-width:286px!important;
  border-radius:24px;
}
.home-newest-slider .product-media{
  width:100%!important;
  height:252px!important;
  min-height:252px!important;
  max-height:252px!important;
  aspect-ratio:auto!important;
  padding:10px!important;
}
.home-newest-slider .product-media img{
  width:100%!important;
  height:230px!important;
  max-height:230px!important;
  object-fit:contain!important;
}
.home-newest-slider .product-body{padding:15px}
.home-newest-slider .product-card h3{font-size:16px}
.home-newest-slider .product-card p{font-size:11px;line-height:1.8;min-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-newest-slider .price{font-size:12px}
.home-newest-slider .product-btn{font-size:9.5px;padding:8px 10px;border-radius:11px}
.home-newest-slider .slider-arrow.prev{right:-16px}
.home-newest-slider .slider-arrow.next{left:-16px}

/* tracks that intentionally overflow must not inherit the global max-width guard */
.home-insight-slider .product-track{
  max-width:none!important;
}

html[data-theme="light"] .home-newest-section{
  background:linear-gradient(180deg,#fff8f1 0%,#fff4eb 100%);
}
html[data-theme="light"] .home-newest-shell{
  border-color:rgba(63,39,29,.08);
  background:
    linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,250,245,.84)),
    radial-gradient(circle at 50% -20%,rgba(224,164,91,.10),transparent 42%);
  box-shadow:0 26px 64px rgba(92,59,42,.09),inset 0 1px 0 #fff;
}
html[data-theme="light"] .home-newest-head h2{color:#38251e}
html[data-theme="light"] .home-newest-head p{color:rgba(57,35,26,.56)}
html[data-theme="light"] .home-newest-kicker{color:#9a6425;border-color:rgba(170,111,46,.18);background:rgba(224,164,91,.08)}
html[data-theme="light"] .home-newest-kicker i{background:#b6762d;box-shadow:0 0 0 5px rgba(182,118,45,.08)}
html[data-theme="light"] .home-newest-all{color:#7d5121;border-color:rgba(103,64,31,.11);background:rgba(255,255,255,.72)}

@media(max-width:1100px){
  .home-newest-slider .product-card{flex-basis:250px!important;width:250px!important;min-width:250px!important;max-width:250px!important}
  .home-newest-slider .product-media{height:228px!important;min-height:228px!important;max-height:228px!important;padding:9px!important}
  .home-newest-slider .product-media img{height:208px!important;max-height:208px!important}
}

@media(max-width:768px){
  .home-newest-section{padding:8px 8px 34px}
  .home-newest-shell{padding:17px 14px 16px;border-radius:25px}
  .home-newest-head{margin-bottom:15px;padding-inline:4px}
  .home-newest-kicker{padding:6px 10px;margin-bottom:7px;font-size:8.8px}
  .home-newest-head h2{font-size:24px;letter-spacing:-.35px;margin-bottom:5px}
  .home-newest-head p{font-size:10.2px;line-height:1.85;max-width:330px}
  .home-newest-all{margin-top:10px;padding:8px 11px;font-size:9.4px;border-radius:12px}
  .home-newest-slider .product-viewport{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:2px;
    padding:2px 1px 5px!important;
  }
  .home-newest-slider .product-track{
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    margin-inline:0!important;
    gap:10px!important;
    padding-inline:1px!important;
  }
  .home-newest-slider .product-card{
    flex:0 0 min(76vw,280px)!important;
    width:min(76vw,280px)!important;
    min-width:min(76vw,280px)!important;
    max-width:min(76vw,280px)!important;
    border-radius:21px!important;
    scroll-snap-align:start;
  }
  .home-newest-slider .product-media{
    width:100%!important;
    height:228px!important;
    min-height:228px!important;
    max-height:228px!important;
    aspect-ratio:auto!important;
    padding:8px!important;
  }
  .home-newest-slider .product-media img{
    width:100%!important;
    height:210px!important;
    max-height:210px!important;
    object-fit:contain!important;
  }
  .home-newest-slider .product-body{padding:12px!important}
  .home-newest-slider .soft-label{font-size:8.7px;padding:5px 7px;margin-bottom:7px}
  .home-newest-slider .product-card h3{font-size:13.5px;margin-bottom:5px}
  .home-newest-slider .product-card p{font-size:9.4px;line-height:1.7;min-height:32px;margin-bottom:9px}
  .home-newest-slider .price{font-size:10.3px}
  .home-newest-slider .product-btn{font-size:8.5px;padding:7px 8px}
  .home-newest-slider .slider-arrow{display:none!important}
}

@media(max-width:390px){
  .home-newest-shell{padding-inline:12px;border-radius:23px}
  .home-newest-head h2{font-size:22px}
  .home-newest-slider .product-card{
    flex-basis:78vw!important;
    width:78vw!important;
    min-width:78vw!important;
    max-width:78vw!important;
  }
  .home-newest-slider .product-media{height:214px!important;min-height:214px!important;max-height:214px!important;padding:8px!important}
  .home-newest-slider .product-media img{height:196px!important;max-height:196px!important}
}

@media(max-width:768px){
  .hero-title-reveal{gap:6px}
  .hero-title-focus::after{left:-4%;right:-4%;bottom:-5px;height:11px}
}
@media(max-width:430px){
  .hero-title-line{font-size:.96em}
  .hero-title-focus{font-size:.98em}
}
@media (prefers-reduced-motion: reduce){
  .hero-title-line,.hero-title-focus{animation:none;opacity:1;transform:none}
  .hero-title-focus::after{animation:none;opacity:.65}
}


/* ===== Kenzoo v95: light-theme consistency + richer category cards ===== */
html[data-theme="light"]{
  --kenzoo-light-surface:linear-gradient(180deg,rgba(255,251,247,.97) 0%,rgba(255,246,239,.97) 100%);
  --kenzoo-light-panel:linear-gradient(180deg,rgba(255,255,255,.90) 0%,rgba(255,249,244,.84) 100%);
  --kenzoo-light-border:rgba(70,43,31,.08);
  --kenzoo-light-shadow:0 24px 58px rgba(87,56,42,.10);
}
html[data-theme="light"] .section,
html[data-theme="light"] .section.alt,
html[data-theme="light"] .home-insight-banner,
html[data-theme="light"] .home-newest-shell{
  background:var(--kenzoo-light-surface)!important;
  border-color:var(--kenzoo-light-border)!important;
  box-shadow:var(--kenzoo-light-shadow)!important;
}
html[data-theme="light"] .home-insight-stat,
html[data-theme="light"] .home-insight-spotlight,
html[data-theme="light"] .home-insight-slider .product-card,
html[data-theme="light"] .home-newest-slider .product-card{
  background:var(--kenzoo-light-panel)!important;
  border-color:var(--kenzoo-light-border)!important;
}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat{
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,238,243,.96))!important;
  border-color:rgba(191,49,81,.22)!important;
  box-shadow:0 16px 38px rgba(177,59,91,.10)!important;
}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat strong{color:#aa2148!important}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat span{color:rgba(106,41,64,.82)!important}
html[data-theme="light"] .category-copy small{color:rgba(53,34,27,.74)}
html[data-theme="light"] .category-chip{background:rgba(255,255,255,.74);color:rgba(88,42,58,.86);border-color:rgba(210,146,165,.26)}
html[data-theme="light"] .category-hover-note{background:rgba(95,38,58,.86)}
@media (max-width:760px){
  .category-card:active .category-hover-note{display:none}
}


/* ===== Kenzoo v96: unified light surfaces + larger category cards + instagram electric border ===== */
@keyframes kenzooElectricSpin{to{transform:rotate(360deg)}}
@keyframes kenzooBorderPulse{0%,100%{opacity:.78;filter:blur(0)}50%{opacity:1;filter:blur(.4px)}}

.instagram-feature-banner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.instagram-feature-banner::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:0;
  border-radius:inherit;
  padding:1.8px;
  background:conic-gradient(from 0deg,#ffcf6f 0%,#ff5b90 18%,#8a6dff 37%,#3ee5ff 56%,#86ffb8 74%,#ff9950 88%,#ffcf6f 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:kenzooElectricSpin 6.2s linear infinite,kenzooBorderPulse 2.2s ease-in-out infinite;
  box-shadow:0 0 18px rgba(255,113,163,.28),0 0 26px rgba(92,100,255,.22);
  pointer-events:none;
}
.instagram-feature-banner::after{
  z-index:1;
  background:
    linear-gradient(120deg,rgba(255,255,255,.18),transparent 42%,rgba(255,255,255,.08)),
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.18),transparent 22%),
    radial-gradient(circle at 78% 70%,rgba(255,255,255,.10),transparent 26%);
}
.instagram-feature-content{position:relative;z-index:2}

.category-grid{
  max-width:1320px;
  grid-template-columns:repeat(3,minmax(255px,1fr));
  gap:24px;
  perspective:1800px;
}
.category-card{
  --card-height:368px;
}
.category-card::before{
  inset:8% 7% -8%;
  border-radius:40px;
  filter:blur(34px);
  opacity:.28;
}
.category-card-inner{
  border-radius:34px;
  transform-style:preserve-3d;
  transition:transform .55s cubic-bezier(.18,.8,.22,1),filter .35s ease;
}
.category-card-inner::before{content:none!important;display:none!important}
.category-wrapper{
  border-radius:34px;
  border:1px solid rgba(255,255,255,.52);
  background:
    radial-gradient(circle at 14% 14%,rgba(255,255,255,.96),transparent 22%),
    radial-gradient(circle at 88% 18%,var(--accent-soft),transparent 36%),
    radial-gradient(circle at 52% 84%,rgba(255,255,255,.26),transparent 36%),
    linear-gradient(160deg,rgba(255,255,255,.98) 0%,rgba(252,245,238,.90) 46%,rgba(237,223,210,.78) 100%);
  box-shadow:
    0 24px 60px rgba(13,8,14,.18),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(88,57,43,.10);
}
.category-wrapper::before{
  width:170px;
  height:170px;
  left:-56px;
  top:-56px;
  opacity:.92;
}
.category-wrapper::after{
  background:
    linear-gradient(125deg,rgba(255,255,255,.18),transparent 30%),
    linear-gradient(to top,rgba(55,34,26,.14) 0%,rgba(55,34,26,.03) 34%,transparent 56%);
}
.category-cover::before{
  inset:-14%;
  background-size:82%;
  background-position:center 40%;
  filter:blur(18px) saturate(1.08);
  opacity:.13;
}
.category-cover::after{
  width:176px;
  height:176px;
  top:20px;
  right:-42px;
  opacity:.92;
}
.category-chip,
.category-pulse,
.category-title,
.category-hover-note,
.category-character{transform-style:preserve-3d}
.category-chip{
  top:18px;
  left:18px;
  min-height:30px;
  padding:7px 12px;
  font-size:10.5px;
  transform:translateZ(32px);
}
.category-pulse{
  top:56px;
  left:19px;
  width:46px;
  height:46px;
  transform:translateZ(28px);
}
.category-pulse i{
  border-color:rgba(255,255,255,.52);
  background:radial-gradient(circle,rgba(255,255,255,.22),transparent 62%);
}
.category-hover-note{
  left:18px;
  bottom:108px;
  transform:translateY(8px) translateZ(30px);
}
.category-title{
  right:14px;
  left:14px;
  bottom:14px;
  min-height:86px;
  padding:12px 12px 12px 16px;
  border-radius:24px;
  background:rgba(255,255,255,.78);
  transform:translateZ(42px);
}
.category-copy strong{font-size:22px;line-height:1.15}
.category-copy small{font-size:12px;line-height:1.8}
.category-title::after{
  flex-basis:42px;
  width:42px;
  height:42px;
  border-radius:15px;
}
.category-character{
  bottom:92px;
  max-height:72%;
  filter:brightness(1.02) saturate(1.05) drop-shadow(0 26px 26px rgba(47,30,21,.22));
  transform:translate3d(-50%,0,0) translateZ(56px) scale(1.02);
}
.boot-char{bottom:84px;max-height:79%}
.bag-char{bottom:98px;max-height:70%}
.sneaker-char{max-width:128%;bottom:98px}
.party-char{max-width:122%;bottom:90px}
.loafer-char{max-width:110%;bottom:98px}
@media (hover:hover) and (pointer:fine){
  .category-card:hover::before{opacity:.42;transform:translateY(16px) scale(1.04)}
  .category-card:hover .category-card-inner{filter:saturate(1.04)}
  .category-card:nth-child(odd):hover .category-card-inner{transform:perspective(1600px) rotateY(-8deg) rotateX(5deg) translateY(-12px)}
  .category-card:nth-child(even):hover .category-card-inner{transform:perspective(1600px) rotateY(8deg) rotateX(5deg) translateY(-12px)}
  .category-card:hover .category-wrapper{transform:scale(1.015);box-shadow:0 34px 72px rgba(8,5,12,.24),0 0 0 1px var(--accent-soft),inset 0 1px 0 rgba(255,255,255,.98)}
  .category-card:hover .category-chip{transform:translateZ(42px) translateY(-4px)}
  .category-card:hover .category-character{transform:translate3d(-50%,-14px,0) translateZ(72px) scale(1.07) rotate(-1deg);filter:brightness(1.05) saturate(1.08) drop-shadow(0 30px 28px rgba(47,30,21,.26))}
  .category-card:hover .category-title{transform:translateY(-4px) translateZ(56px);background:rgba(255,255,255,.90);box-shadow:0 18px 40px rgba(43,26,18,.16),inset 0 1px 0 #fff}
  .category-card:hover .category-title::after{transform:translate(-3px,-2px) rotate(10deg);border-radius:50%}
  .category-card:hover .category-hover-note{opacity:1;transform:translateY(0) translateZ(48px)}
}

html[data-theme="light"]{
  --kenzoo-light-page-area:linear-gradient(180deg,rgba(255,248,242,.76) 0%,rgba(255,244,237,.76) 100%);
  --kenzoo-light-surface:linear-gradient(180deg,rgba(255,251,247,.98) 0%,rgba(255,246,239,.98) 100%);
  --kenzoo-light-panel:linear-gradient(180deg,rgba(255,255,255,.92) 0%,rgba(255,249,244,.88) 100%);
  --kenzoo-light-border:rgba(70,43,31,.08);
  --kenzoo-light-shadow:0 24px 58px rgba(87,56,42,.10);
}
html[data-theme="light"] .hero,
html[data-theme="light"] .instagram-feature-section,
html[data-theme="light"] .section,
html[data-theme="light"] .section.alt,
html[data-theme="light"] .home-insight-section,
html[data-theme="light"] .home-newest-section{
  background:var(--kenzoo-light-page-area)!important;
}
html[data-theme="light"] .section,
html[data-theme="light"] .section.alt,
html[data-theme="light"] .home-insight-banner,
html[data-theme="light"] .home-newest-shell{
  background:var(--kenzoo-light-surface)!important;
  border-color:var(--kenzoo-light-border)!important;
  box-shadow:var(--kenzoo-light-shadow)!important;
}
html[data-theme="light"] .home-insight-stat,
html[data-theme="light"] .home-insight-spotlight,
html[data-theme="light"] .home-insight-slider .product-card,
html[data-theme="light"] .home-newest-slider .product-card{
  background:var(--kenzoo-light-panel)!important;
  border-color:var(--kenzoo-light-border)!important;
}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat{
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,236,242,.98))!important;
  border-color:rgba(191,49,81,.22)!important;
  box-shadow:0 16px 38px rgba(177,59,91,.10)!important;
}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat strong{color:#aa2148!important}
html[data-theme="light"] .home-insight-banner--discount .home-insight-stat span{color:rgba(106,41,64,.84)!important}
html[data-theme="light"] .instagram-feature-banner{box-shadow:0 26px 60px rgba(92,51,78,.18)}
html[data-theme="light"] .category-wrapper{
  background:
    radial-gradient(circle at 14% 14%,rgba(255,255,255,.96),transparent 22%),
    radial-gradient(circle at 88% 18%,var(--accent-soft),transparent 36%),
    radial-gradient(circle at 52% 84%,rgba(255,255,255,.26),transparent 36%),
    linear-gradient(160deg,rgba(255,255,255,.98) 0%,rgba(255,247,242,.94) 46%,rgba(240,228,218,.82) 100%);
}
html[data-theme="light"] .category-card::before{opacity:.24}
html[data-theme="light"] .category-title{background:rgba(255,255,255,.82)}
html[data-theme="light"] .category-copy strong{color:#2a1914}
html[data-theme="light"] .category-copy small{color:rgba(53,34,27,.74)}
html[data-theme="light"] .category-chip{background:rgba(255,255,255,.78);color:rgba(88,42,58,.86);border-color:rgba(210,146,165,.26)}
html[data-theme="light"] .category-hover-note{background:rgba(95,38,58,.86)}

@media (max-width:1280px){
  .category-grid{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;max-width:1180px}
  .category-card{--card-height:348px}
}
@media (max-width:980px){
  .category-grid{grid-template-columns:repeat(2,minmax(180px,1fr));gap:18px;max-width:760px}
  .category-card{--card-height:320px}
}
@media (max-width:760px){
  .category-grid{grid-template-columns:repeat(2,minmax(158px,1fr));gap:14px;max-width:none}
  .category-card{--card-height:294px}
  .category-card::before{inset:9% 7% -8%;filter:blur(24px)}
  .category-card-inner,.category-wrapper{border-radius:26px}
  .category-chip{top:12px;left:12px;min-height:24px;padding:5px 8px;font-size:8.5px}
  .category-pulse{top:44px;left:12px;width:34px;height:34px}
  .category-title{right:10px;left:10px;bottom:10px;min-height:74px;padding:9px 9px 9px 12px;border-radius:18px}
  .category-copy strong{font-size:18px}
  .category-copy small{font-size:9.4px;line-height:1.7}
  .category-title::after{flex-basis:34px;width:34px;height:34px;border-radius:12px;font-size:15px}
  .category-character{bottom:82px;max-height:68%;transform:translate3d(-50%,0,0) scale(1.01)}
  .boot-char{bottom:74px;max-height:74%}
  .bag-char,.sneaker-char,.loafer-char{bottom:86px}
  .party-char{bottom:78px}
  .category-hover-note{display:none}
}
@media (max-width:430px){
  .category-grid{gap:12px}
  .category-card{--card-height:284px}
  .category-copy strong{font-size:17px}
  .category-copy small{font-size:9px}
}
@media (max-width:390px){
  .category-card{--card-height:272px}
  .category-character{bottom:78px}
}
@media (prefers-reduced-motion: reduce){
  .instagram-feature-banner::before,
  .category-pulse i{animation:none}
  .category-card-inner,
  .category-wrapper,
  .category-character,
  .category-title,
  .category-chip,
  .category-hover-note{transition:none}
}


/* ===== Kenzoo v97: one light background tone across homepage primary surfaces ===== */
html[data-theme="light"]{
  --kenzoo-home-light:#fff9f4;
}

/* Main homepage areas use one exact color — no alternating cream/pink/white bands. */
html[data-theme="light"] .instagram-feature-section,
html[data-theme="light"] .section,
html[data-theme="light"] .section.alt,
html[data-theme="light"] .home-insight-section,
html[data-theme="light"] .home-newest-section,
html[data-theme="light"] .home-insight-banner,
html[data-theme="light"] .home-newest-shell{
  background:var(--kenzoo-home-light)!important;
}

/* Old decorative background washes were the reason the large cards looked different. */
html[data-theme="light"] .section::before,
html[data-theme="light"] .home-newest-section::before,
html[data-theme="light"] .home-insight-banner::before,
html[data-theme="light"] .home-insight-banner::after,
html[data-theme="light"] .home-newest-shell::after{
  opacity:0!important;
}

/* Keep depth through border/shadow, not through different background colors. */
html[data-theme="light"] .home-insight-banner,
html[data-theme="light"] .home-newest-shell{
  border-color:rgba(70,43,31,.085)!important;
  box-shadow:0 24px 58px rgba(87,56,42,.095),inset 0 1px 0 rgba(255,255,255,.96)!important;
}

/* ===== Kenzoo v98: pronounced hero motion + true turbulent electric Instagram border ===== */
/* Hero: obvious entrance, living gradient and staggered CTA motion. */
.hero-copy-main{
  isolation:isolate;
}
.hero-copy-main .chip{
  opacity:0;
  transform:translateY(18px) scale(.92);
  animation:heroChipImpact .62s cubic-bezier(.16,1,.3,1) .08s forwards;
}
.hero-title-reveal{
  overflow:visible;
  perspective:900px;
}
.hero-title-line,
.hero-title-focus{
  opacity:0;
  will-change:transform,opacity,filter;
  transform-origin:right center;
}
.hero-title-line{
  transform:translate3d(0,42px,0) rotateX(-18deg) scale(.88);
  filter:blur(12px);
  animation:heroTitleImpact .92s cubic-bezier(.16,1,.3,1) .16s forwards,
            heroTitleFloat 4.6s ease-in-out 1.25s infinite;
}
.hero-title-focus{
  transform:translate3d(0,52px,0) rotateX(-20deg) scale(.84);
  filter:blur(14px);
  background-size:230% 100%;
  animation:heroTitleImpact .98s cubic-bezier(.16,1,.3,1) .31s forwards,
            heroGradientTravel 4.4s linear 1.25s infinite,
            heroFocusBreath 3.8s ease-in-out 1.3s infinite;
}
.hero-title-focus::before{
  content:"";
  position:absolute;
  top:-8%;
  bottom:-8%;
  width:34%;
  left:-45%;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  filter:blur(8px);
  transform:skewX(-18deg);
  opacity:0;
  pointer-events:none;
  animation:heroTextShine 3.7s cubic-bezier(.4,0,.2,1) 1.45s infinite;
}
.hero-title-focus::after{
  inset:auto -4% -11px;
  height:16px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(233,191,120,.12) 12%,rgba(233,191,120,.88) 48%,rgba(244,185,204,.58) 72%,transparent 100%);
  background-size:220% 100%;
  filter:blur(5px);
  opacity:0;
  transform:scaleX(.08);
  transform-origin:right center;
  animation:heroUnderlineDraw .8s cubic-bezier(.16,1,.3,1) .82s forwards,
            heroUnderlineFlow 2.9s linear 1.75s infinite;
}
.hero-actions .btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  opacity:0;
  transform:translateY(22px) scale(.9);
  will-change:transform,opacity;
}
.hero-actions .btn:nth-child(1){animation:heroButtonPop .72s cubic-bezier(.16,1,.3,1) .62s forwards,heroPrimaryPulse 3.6s ease-in-out 1.65s infinite}
.hero-actions .btn:nth-child(2){animation:heroButtonPop .72s cubic-bezier(.16,1,.3,1) .76s forwards}
.hero-actions .btn::after{
  content:"";
  position:absolute;
  top:-45%;
  bottom:-45%;
  width:42%;
  left:-60%;
  z-index:-1;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  pointer-events:none;
  animation:heroButtonShine 4.2s ease-in-out 1.8s infinite;
}
@keyframes heroChipImpact{
  0%{opacity:0;transform:translateY(18px) scale(.92);filter:blur(7px)}
  68%{opacity:1;transform:translateY(-3px) scale(1.03);filter:blur(0)}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes heroTitleImpact{
  0%{opacity:0;transform:translate3d(0,52px,0) rotateX(-20deg) scale(.84);filter:blur(14px)}
  58%{opacity:1;transform:translate3d(0,-7px,0) rotateX(3deg) scale(1.035);filter:blur(0)}
  78%{transform:translate3d(0,2px,0) rotateX(-1deg) scale(.992)}
  100%{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1);filter:blur(0)}
}
@keyframes heroTitleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes heroFocusBreath{0%,100%{filter:drop-shadow(0 0 0 rgba(233,191,120,0))}50%{filter:drop-shadow(0 8px 18px rgba(233,191,120,.22))}}
@keyframes heroGradientTravel{0%{background-position:0% 50%}100%{background-position:230% 50%}}
@keyframes heroTextShine{0%,66%{left:-45%;opacity:0}72%{opacity:.82}88%{left:112%;opacity:.82}94%,100%{left:112%;opacity:0}}
@keyframes heroUnderlineDraw{0%{opacity:0;transform:scaleX(.08)}100%{opacity:.9;transform:scaleX(1)}}
@keyframes heroUnderlineFlow{0%{background-position:0 50%}100%{background-position:220% 50%}}
@keyframes heroButtonPop{0%{opacity:0;transform:translateY(22px) scale(.9)}65%{opacity:1;transform:translateY(-4px) scale(1.035)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes heroPrimaryPulse{0%,100%{box-shadow:0 12px 30px rgba(233,191,120,.14)}50%{box-shadow:0 16px 38px rgba(233,191,120,.34),0 0 0 5px rgba(233,191,120,.08)}}
@keyframes heroButtonShine{0%,68%{left:-60%;opacity:0}73%{opacity:1}88%{left:125%;opacity:1}94%,100%{left:125%;opacity:0}}

/* Instagram electric border - based on the provided feTurbulence/feDisplacementMap source. */
.instagram-feature-section{
  position:relative;
}
.instagram-electric-svg{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.instagram-feature-banner.instagram-electric-card{
  --instagram-electric-border:#dd8448;
  --instagram-electric-light:#f2ad79;
  position:relative;
  isolation:isolate;
  padding:2px;
  border:0!important;
  overflow:hidden;
  background:
    linear-gradient(-30deg,rgba(221,132,72,.17),transparent 32%,rgba(221,132,72,.16)),
    linear-gradient(125deg,#4d1f62 0%,#a82f78 38%,#e25458 69%,#e6a64c 100%);
}
/* Disable the previous rotating conic border completely. */
.instagram-feature-banner.instagram-electric-card::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}
.instagram-electric-inner{
  position:absolute;
  inset:2px;
  z-index:3;
  border-radius:30px;
  pointer-events:none;
}
.instagram-electric-border-outer{
  position:absolute;
  inset:0;
  border:2px solid rgba(221,132,72,.50);
  border-radius:30px;
  padding-right:4px;
  padding-bottom:4px;
}
.instagram-electric-main-card{
  position:absolute;
  inset:-4px 4px 4px -4px;
  border-radius:30px;
  border:2px solid var(--instagram-electric-border);
  filter:url(#instagram-turbulent-displace);
  will-change:filter;
}
.instagram-electric-glow-1,
.instagram-electric-glow-2{
  position:absolute;
  inset:0;
  border-radius:30px;
  pointer-events:none;
}
.instagram-electric-glow-1{
  border:2px solid rgba(221,132,72,.62);
  filter:blur(1px);
}
.instagram-electric-glow-2{
  border:2px solid var(--instagram-electric-light);
  filter:blur(4px);
  opacity:.88;
}
.instagram-electric-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:32px;
  mix-blend-mode:overlay;
  transform:scale(1.1);
  filter:blur(16px);
  background:linear-gradient(-30deg,rgba(255,255,255,.9),transparent 30%,transparent 70%,rgba(255,255,255,.9));
  pointer-events:none;
}
.instagram-electric-overlay-1{opacity:.86}
.instagram-electric-overlay-2{opacity:.42}
.instagram-electric-background-glow{
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:32px;
  filter:blur(30px);
  transform:scale(1.08);
  opacity:.28;
  background:linear-gradient(-30deg,var(--instagram-electric-light),transparent,var(--instagram-electric-border));
  pointer-events:none;
}
.instagram-feature-orb{z-index:1}
.instagram-feature-content{position:relative;z-index:5}
.instagram-feature-banner.instagram-electric-card::after{z-index:4;pointer-events:none}

html[data-theme="light"] .instagram-feature-banner.instagram-electric-card{
  --instagram-electric-border:#cf6f3d;
  --instagram-electric-light:#f1a875;
  box-shadow:0 26px 60px rgba(105,53,73,.18),0 0 28px rgba(207,111,61,.12);
}
html[data-theme="light"] .instagram-electric-glow-2{opacity:.78}

@media(max-width:760px){
  .hero-title-line{animation-duration:.84s,4.2s}
  .hero-title-focus{animation-duration:.9s,4.2s,3.6s}
  .hero-title-focus::after{height:12px;bottom:-7px}
  .hero-actions .btn:nth-child(1){animation-delay:.56s,1.5s}
  .hero-actions .btn:nth-child(2){animation-delay:.68s}
  .instagram-electric-inner{border-radius:23px}
  .instagram-electric-border-outer,
  .instagram-electric-main-card,
  .instagram-electric-glow-1,
  .instagram-electric-glow-2{border-radius:23px}
  .instagram-electric-overlay,
  .instagram-electric-background-glow{border-radius:25px}
  .instagram-electric-main-card{filter:url(#instagram-turbulent-displace)}
}

@media(prefers-reduced-motion:reduce){
  .hero-copy-main .chip,
  .hero-title-line,
  .hero-title-focus,
  .hero-actions .btn{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
  .hero-title-focus::before,
  .hero-title-focus::after,
  .hero-actions .btn::after{animation:none!important}
  .instagram-electric-main-card{filter:none!important}
}


/* ===== Kenzoo v99: seamless light homepage canvas ===== */
html[data-theme="light"] body.home-page{
  background:#fff9f4!important;
}
html[data-theme="light"] body.home-page .page-bg{
  background:#fff9f4!important;
}
html[data-theme="light"] body.home-page .page-bg::before{
  opacity:0!important;
  animation:none!important;
}
html[data-theme="light"] body.home-page main#top{
  background:#fff9f4!important;
}
html[data-theme="light"] body.home-page .instagram-feature-section{
  background:transparent!important;
}


/* ===== Kenzoo v100: hero mobile title layout + stronger instagram electric border ===== */
.hero-copy-main{padding-top:4px}
.hero-title-reveal{
  align-items:flex-start;
}
.hero-title-line,
.hero-title-focus{
  width:100%;
  max-width:100%;
  text-wrap:balance;
}
.hero-title-line{line-height:1.08}
.hero-title-focus{line-height:1.12}

.instagram-feature-banner.instagram-electric-card{
  --instagram-electric-border:#ff8a3d;
  --instagram-electric-light:#ffd0a8;
  padding:3px;
}
.instagram-electric-inner{inset:3px}
.instagram-electric-border-outer{
  border:3px solid rgba(255,138,61,.72);
  padding-right:5px;
  padding-bottom:5px;
}
.instagram-electric-main-card{
  inset:-5px 5px 5px -5px;
  border:3px solid var(--instagram-electric-border);
}
.instagram-electric-glow-1{
  border:3px solid rgba(255,138,61,.84);
  filter:blur(1.4px);
}
.instagram-electric-glow-2{
  border:3px solid var(--instagram-electric-light);
  filter:blur(5px);
  opacity:.94;
}
.instagram-electric-background-glow{
  opacity:.34;
  filter:blur(34px);
}
html[data-theme="light"] .instagram-feature-banner.instagram-electric-card{
  --instagram-electric-border:#ff6d1f;
  --instagram-electric-light:#ffd8b4;
  box-shadow:0 26px 60px rgba(105,53,73,.18),0 0 34px rgba(255,109,31,.18);
}
html[data-theme="light"] .instagram-electric-border-outer{border-color:rgba(255,109,31,.78)}
html[data-theme="light"] .instagram-electric-glow-1{border-color:rgba(255,109,31,.88)}
html[data-theme="light"] .instagram-electric-glow-2{opacity:.96}

@media(max-width:760px){
  .hero-copy-main{padding-top:0}
  .hero-title-reveal{
    gap:10px;
    align-items:center;
    text-align:center;
    justify-items:center;
    width:100%;
  }
  .hero-title-line,
  .hero-title-focus{
    width:100%;
    margin-inline:auto;
    text-wrap:balance;
  }
  .hero-title-line{
    font-size:clamp(33px,10vw,43px);
    line-height:1.18;
    letter-spacing:-.8px;
  }
  .hero-title-focus{
    font-size:clamp(38px,11.3vw,49px);
    line-height:1.12;
    letter-spacing:-.95px;
  }
  .hero-actions{margin-top:8px}
  .instagram-feature-banner.instagram-electric-card{padding:3.5px}
  .instagram-electric-inner{inset:3.5px}
  .instagram-electric-border-outer,
  .instagram-electric-main-card,
  .instagram-electric-glow-1,
  .instagram-electric-glow-2{border-width:3px}
}

@media(max-width:430px){
  .hero-title-reveal{gap:8px}
  .hero-title-line{font-size:29px;line-height:1.16}
  .hero-title-focus{font-size:34px;line-height:1.1}
}

@media(max-width:390px){
  .hero-title-line{font-size:27px}
  .hero-title-focus{font-size:31px}
}

/* ===== Kenzoo v101: payment VPN warning modal ===== */
html.gateway-vpn-open,
html.gateway-vpn-open body{overflow:hidden!important}
.gateway-vpn-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.gateway-vpn-modal.is-open{display:flex}
.gateway-vpn-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(6,4,10,.74);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  cursor:pointer;
}
.gateway-vpn-card{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  overflow:hidden;
  border:1px solid rgba(233,191,120,.28);
  border-radius:30px;
  padding:28px;
  background:
    radial-gradient(circle at 90% 8%,rgba(233,191,120,.14),transparent 28%),
    radial-gradient(circle at 10% 90%,rgba(236,126,160,.11),transparent 30%),
    linear-gradient(180deg,rgba(25,17,32,.98),rgba(15,10,22,.98));
  box-shadow:0 34px 100px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.08);
  color:var(--text);
  animation:gatewayVpnEnter .32s cubic-bezier(.18,.8,.22,1) both;
}
.gateway-vpn-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 28%);
}
.gateway-vpn-icon{
  position:relative;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  border-radius:19px;
  border:1px solid rgba(233,191,120,.30);
  background:linear-gradient(145deg,rgba(233,191,120,.22),rgba(233,191,120,.07));
  box-shadow:0 14px 30px rgba(233,191,120,.10);
  color:var(--gold);
  font-size:28px;
  font-weight:950;
}
.gateway-vpn-copy{position:relative}
.gateway-vpn-copy .section-kicker{margin-bottom:9px}
.gateway-vpn-copy h2{margin:0 0 10px;font-size:27px;line-height:1.5;font-weight:950}
.gateway-vpn-copy p{margin:0;color:var(--muted);font-size:13px;line-height:2.05}
.gateway-vpn-actions{position:relative;display:grid;gap:10px;margin-top:22px}
.gateway-vpn-actions .btn{width:100%;min-width:0;cursor:pointer;border:0}
.gateway-vpn-actions .gateway-vpn-cancel{border:1px solid var(--line)}
.gateway-vpn-confirm.loading{opacity:.78;pointer-events:none}
@keyframes gatewayVpnEnter{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-theme="light"] .gateway-vpn-backdrop{background:rgba(83,53,41,.34)}
html[data-theme="light"] .gateway-vpn-card{
  background:
    radial-gradient(circle at 90% 8%,rgba(211,151,75,.16),transparent 28%),
    radial-gradient(circle at 10% 90%,rgba(220,136,160,.11),transparent 30%),
    linear-gradient(180deg,#fffdfb,#fff7f1);
  border-color:rgba(154,104,51,.17);
  box-shadow:0 34px 90px rgba(91,59,43,.18),inset 0 1px 0 #fff;
  color:#2d1b17;
}
html[data-theme="light"] .gateway-vpn-copy p{color:rgba(45,27,23,.68)}
@media(max-width:560px){
  .gateway-vpn-modal{padding:12px}
  .gateway-vpn-card{padding:22px 18px;border-radius:24px}
  .gateway-vpn-icon{width:52px;height:52px;border-radius:17px;font-size:25px;margin-bottom:13px}
  .gateway-vpn-copy h2{font-size:22px;line-height:1.55}
  .gateway-vpn-copy p{font-size:12px;line-height:2}
  .gateway-vpn-actions{margin-top:18px}
  .gateway-vpn-actions .btn{min-height:50px;font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){.gateway-vpn-card{animation:none}}


/* ===== Kenzoo v102: insight spotlight image fit + private most-viewed metrics ===== */
/*
   The regular product cards use tall 9:16 photography. The spotlight card can
   stretch to the same row height, so a fixed-height contained image looked tiny.
   Fill the media panel instead, while keeping the subject centered and clipped
   inside the existing premium frame.
*/
.home-spotlight-media{
  padding:12px;
}
.home-spotlight-media::after{
  inset:12px;
  z-index:2;
  border-radius:20px;
}
.home-spotlight-media img{
  position:absolute!important;
  inset:12px!important;
  width:calc(100% - 24px)!important;
  height:calc(100% - 24px)!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:20px;
  filter:none!important;
  transform:none;
}
.home-spotlight-card:hover .home-spotlight-media img{
  transform:scale(1.025)!important;
}

@media(min-width:1101px){
  .home-spotlight-card{
    grid-template-columns:minmax(205px,1.08fr) minmax(150px,.92fr);
  }
}

@media(min-width:881px) and (max-width:1100px){
  .home-spotlight-card{
    grid-template-columns:minmax(190px,48%) minmax(0,52%);
  }
}

@media(max-width:880px){
  .home-spotlight-card{
    grid-template-columns:46% minmax(0,54%);
  }
}

@media(max-width:430px){
  .home-spotlight-card{
    grid-template-columns:45% minmax(0,55%);
  }
  .home-spotlight-media,
  .home-spotlight-media img{
    border-radius:16px;
  }
  .home-spotlight-media img{
    inset:9px!important;
    width:calc(100% - 18px)!important;
    height:calc(100% - 18px)!important;
  }
  .home-spotlight-media::after{
    inset:9px;
    border-radius:16px;
  }
}


/* v103: unified compact developer credit card */
.footer-developer-credit{
  width:fit-content;
  max-width:calc(100% - 32px);
  min-height:0;
  margin:18px auto 0;
  padding:11px 17px;
  flex-wrap:nowrap;
  gap:9px;
  border-radius:15px;
}
.footer-developer-credit__text{
  white-space:nowrap;
}
.footer-developer-credit a{
  padding:0 0 0 0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  border-inline-start:1px solid rgba(244,114,182,.24);
  padding-inline-start:10px;
  margin-inline-start:2px;
  animation:none;
}
.footer-developer-credit a::before{
  display:none;
}
.footer-developer-credit a:hover{
  transform:none;
  background:transparent;
  border-color:rgba(244,114,182,.42);
}
html[data-theme="light"] .footer-developer-credit a{
  background:transparent;
  border-color:rgba(190,24,93,.18);
}
@media(max-width:620px){
  .footer-developer-credit{
    width:calc(100% - 24px);
    max-width:420px;
    padding:12px 14px;
    flex-wrap:wrap;
    justify-content:center;
    row-gap:6px;
  }
  .footer-developer-credit__text{
    flex:1 1 calc(100% - 18px);
    white-space:normal;
    text-align:center;
  }
  .footer-developer-credit a{
    border-inline-start:0;
    border-top:1px solid rgba(244,114,182,.20);
    padding:6px 12px 0;
    margin:0;
  }
}


/* ===== Kenzoo v104: mobile insight product image sizing ===== */
@media(max-width:768px){
  .home-insight-slider .product-media{
    padding:6px!important;
    overflow:hidden;
  }
  .home-insight-slider .product-media img{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:14px;
  }
}

@media(max-width:430px){
  .home-insight-slider .product-media{
    padding:5px!important;
  }
  .home-insight-slider .product-media img{
    height:100%!important;
    max-height:none!important;
    border-radius:13px;
  }
}

/* ===== Kenzoo v106: newest card media cover + compact spotlight copy ===== */
/* Newest products: keep the current card height, but let the photo fully fill its media area. */
.home-newest-slider .product-media{
  padding:0!important;
  overflow:hidden!important;
}
.home-newest-slider .product-media::before{display:none!important}
.home-newest-slider .product-media .km-responsive-product-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:100%!important;
}
.home-newest-slider .product-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  filter:none!important;
}

/* Spotlight cards: keep image treatment, but group text/price so the copy side does not look empty. */
.home-spotlight-copy{
  justify-content:center!important;
  padding-block:22px!important;
}
.home-spotlight-foot{
  margin-top:16px!important;
}

@media(max-width:768px){
  .home-spotlight-copy{
    padding:15px 12px 15px 10px!important;
  }
  .home-spotlight-foot{
    margin-top:10px!important;
    padding-top:10px!important;
    gap:7px!important;
  }
}