@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;
    }
    .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-lead{
      margin:0 0 22px;
      color:var(--muted);
      line-height:2;
      font-size:clamp(14px,1.2vw,17px);
      max-width:560px;
    }
    .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:1180px;
      margin:0 auto;
      display:grid;
      grid-template-columns:repeat(4,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;
    }

    .category-grid{
      max-width:1280px;
      margin:0 auto;
      display:grid;
      grid-template-columns:repeat(6,minmax(150px,1fr));
      gap:22px;
      align-items:start;
      direction:rtl;
    }
    .category-card{
      --card-height:300px;
      min-width:0;
      height:var(--card-height);
      position:relative;
      display:flex;
      justify-content:center;
      align-items:flex-end;
      perspective:2500px;
      color:#fff;
      outline:0;
    }
    .category-card-inner{
      width:100%;
      height:100%;
      position:relative;
      display:flex;
      justify-content:center;
      align-items:flex-end;
      padding:0 18px 28px;
      transform-style:preserve-3d;
    }
    .category-wrapper{
      transition:all .55s cubic-bezier(.2,.8,.2,1);
      position:absolute;
      width:100%;
      height:100%;
      inset:0;
      z-index:0;
      border-radius:28px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.13);
      box-shadow:0 18px 45px rgba(0,0,0,.28);
      background:#17101d;
      transform-origin:center bottom;
    }
    .category-card:hover .category-wrapper{
      transform:perspective(900px) translateY(-5%) rotateX(24deg) translateZ(0);
      box-shadow:0 36px 44px -10px rgba(0,0,0,.72);
    }
    .category-cover{
      width:100%;
      height:100%;
      position:relative;
      overflow:hidden;
    }
    .category-cover::before{
      content:"";
      position:absolute;
      inset:-16%;
      background-size:70%;
      background-repeat:no-repeat;
      background-position:center 45%;
      filter:blur(10px) saturate(1.05);
      opacity:.26;
      transform:scale(1.12);
    }
    .category-cover::after{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(to top,rgba(9,7,16,.97) 0%,rgba(9,7,16,.72) 30%,transparent 58%),
        radial-gradient(circle at 50% 28%,rgba(255,255,255,.24),transparent 34%);
      transition:.55s ease;
    }
    .category-wrapper::before,.category-wrapper::after{
      content:"";
      opacity:0;
      width:100%;
      height:80px;
      transition:all .55s ease;
      position:absolute;
      left:0;
      z-index:2;
      pointer-events:none;
    }
    .category-wrapper::before{
      top:0;
      height:100%;
      background-image:linear-gradient(to top,transparent 46%,rgba(12,13,19,.48) 68%,rgba(12,13,19,.96) 97%);
    }
    .category-wrapper::after{
      bottom:0;
      opacity:1;
      background-image:linear-gradient(to bottom,transparent 46%,rgba(12,13,19,.50) 68%,rgba(12,13,19,.98) 97%);
    }
    .category-card:hover .category-wrapper::before,.category-card:hover .category-wrapper::after{opacity:1}
    .category-card:hover .category-wrapper::after{height:122px}
    .category-title{
      position:relative;
      z-index:4;
      width:100%;
      min-height:54px;
      display:grid;
      place-items:center;
      text-align:center;
      padding:10px 12px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.16);
      background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06));
      backdrop-filter:blur(12px);
      font-size:19px;
      font-weight:900;
      letter-spacing:-.4px;
      color:#fff8f1;
      text-shadow:0 2px 14px rgba(0,0,0,.52);
      transition:transform .55s cubic-bezier(.2,.8,.2,1),background .55s ease,color .55s ease;
    }
    .category-card:hover .category-title{
      transform:translate3d(0,-54px,100px);
      background:linear-gradient(135deg,rgba(233,191,120,.92),rgba(255,242,210,.72));
      color:#21130e;
      text-shadow:none;
    }
    .category-character{
      position:absolute;
      z-index:3;
      max-width:112%;
      max-height:70%;
      object-fit:contain;
      opacity:.92;
      bottom:62px;
      filter:brightness(.96) saturate(1) drop-shadow(0 18px 18px rgba(0,0,0,.28));
      transition:all .55s cubic-bezier(.2,.8,.2,1);
      pointer-events:none;
      transform:translate3d(0,0,40px) scale(.92);
    }
    .category-card:hover .category-character{
      opacity:1;
      transform:translate3d(0,-30%,120px) scale(1.08);
      filter:brightness(1.04) saturate(1.06) drop-shadow(0 25px 24px rgba(0,0,0,.38));
    }
    .sandal-cover{background:linear-gradient(155deg,#f5caa5,#5d3e3b 58%,#18101b)}
    .boot-cover{background:linear-gradient(155deg,#f7ecdc,#7d6c5c 58%,#18101b)}
    .sneaker-cover{background:linear-gradient(155deg,#f7b9c9,#fff2df 42%,#211227)}
    .party-cover{background:linear-gradient(155deg,#d9d9d9,#6a6262 54%,#130e18)}
    .loafer-cover{background:linear-gradient(155deg,#f5ead7,#b39060 48%,#161018)}
    .bag-cover{background:linear-gradient(155deg,#f8eee5,#c3a678 50%,#19101a)}
    .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:78%;bottom:54px}
    .bag-char{max-height:68%;bottom:68px}
    .sneaker-char{max-width:118%;bottom:76px}
    .party-char{max-width:116%;bottom:68px}
    .loafer-char{max-width:104%;bottom:78px}

    .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"] .hero-lead,
    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:#2d1b17;
      text-shadow:none;
    }
    html[data-theme="light"] .category-card:hover .category-title{
      color:#21130e;
    }
    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-lead{margin-inline:auto}
      .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}
      .hero-lead{font-size:13.5px;line-height:2;text-align:center}
      .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:16px}
      .category-card{--card-height:260px}
      .category-card-inner{padding:0 13px 22px}
      .category-title{font-size:16px;min-height:48px;border-radius:16px}
      .category-character{max-height:66%;bottom:58px}
      .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:236px}
    }

/* ================================
   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(3,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(3,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{grid-template-columns:1fr;gap:8px}
  .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)}
.coupon-box{border:1px solid var(--line2);border-radius:20px;background:rgba(255,255,255,.045);padding:14px;margin-bottom:16px}.coupon-box label{display:block;color:var(--muted);font-size:13px;font-weight:900;margin-bottom:9px}.coupon-box div{display:grid;grid-template-columns:1fr auto;gap:8px}.coupon-box input{width:100%;border:1px solid var(--line2);background:rgba(255,255,255,.06);color:var(--text);border-radius:14px;padding:12px 13px;outline:0}.coupon-box button{border:0;border-radius:14px;background:linear-gradient(135deg,#f9d79a,#dca14f);color:#23130e;font-weight:950;padding:0 15px;cursor:pointer}
.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"] .coupon-box,html[data-theme="light"] .coupon-box input,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}.coupon-box div{grid-template-columns:1fr}.coupon-box button{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;
  overflow:hidden;
  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(3,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(3,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-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;
}
.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}
  .detail-favorite-btn{width:100%;min-width:0;order:3}
  .favorite-login-card{padding:24px 18px;border-radius:24px}
  .favorite-login-card h2{font-size:23px}
}


.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}
}