:root{
    --paper:#f6efe2;--paper-2:#efe5d2;--walnut:#5b3a24;--walnut-deep:#3a2416;
    --sand:#e3d3b3;--ink:#1c1611;--ink-soft:#4a4038;--gold:#c2902f;--gold-deep:#9a6f1f;
    --go:#2f7d4f;--line:#d8c9ac;--white:#fffdf8;--shadow:0 18px 40px -18px rgba(58,36,22,.45);
    --r:16px;--maxw:1120px;
  }
  *{box-sizing:border-box}
  [hidden]{display:none!important}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto} *{animation:none!important;transition:none!important}}
  .imggrid{display:grid;gap:14px}
  .imggrid.c2{grid-template-columns:repeat(2,1fr)}
  .imggrid.c3{grid-template-columns:repeat(3,1fr)}
  @media(max-width:760px){.imggrid.c2,.imggrid.c3{grid-template-columns:1fr}}
  @keyframes ctaPulse{0%,100%{transform:scale(1);box-shadow:0 6px 18px -6px rgba(176,138,42,.5)}50%{transform:scale(1.05);box-shadow:0 12px 28px -6px rgba(176,138,42,.8)}}
  .pulse{animation:ctaPulse 1.7s ease-in-out infinite}
  .stickybar .pn{font-size:12px;color:#a99877;font-weight:700;font-family:"Tajawal";line-height:1.1;margin-bottom:2px}
  .cd{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.5px;color:#ffe7b3}
  .modal{position:fixed;inset:0;background:rgba(20,12,4,.55);display:grid;place-items:center;z-index:100;padding:20px}
  .modal[hidden]{display:none}
  .modalbox{background:#fff;border-radius:20px;padding:32px 26px;max-width:380px;text-align:center;box-shadow:0 24px 70px -22px rgba(0,0,0,.55)}
  .modalbox .mok{font-size:50px;margin-bottom:6px}
  .modalbox h3{font-family:"El Messiri";font-size:25px;margin:0 0 10px;color:var(--ink)}
  .modalbox p{color:#6b5d44;margin:0 0 20px;line-height:1.7}
  body{margin:0;font-family:"Tajawal",system-ui,sans-serif;color:var(--ink);background:var(--paper);
    line-height:1.7;-webkit-font-smoothing:antialiased;
    background-image:radial-gradient(circle at 12% 6%,#fbf6ec 0,transparent 40%),radial-gradient(circle at 88% 0%,#fbf6ec 0,transparent 35%);}
  h1,h2,h3{font-family:"El Messiri",serif;font-weight:700;line-height:1.25;margin:0}
  p{margin:0}
  a{color:inherit}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 18px}
  .num{font-family:"Cairo","Tajawal",sans-serif;font-feature-settings:"tnum";letter-spacing:.3px}

  .topbar{background:var(--walnut-deep);color:#f4e6cf;text-align:center;font-size:14px;font-weight:500;padding:9px 14px;position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(255,255,255,.08)}
  .topbar b{color:var(--gold)}
  .angsw{position:sticky;top:38px;z-index:55;background:var(--paper-2);border-bottom:1px solid var(--line)}
  .angsw .wrap{display:flex;align-items:center;gap:10px;padding:8px 18px;flex-wrap:wrap}
  .angsw .lbl{font-size:12.5px;color:var(--ink-soft);font-weight:700}
  .seg{display:inline-flex;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:3px}
  .seg button{border:0;background:transparent;font-family:inherit;font-weight:700;font-size:13px;padding:6px 14px;border-radius:999px;cursor:pointer;color:var(--ink-soft)}
  .seg button[aria-pressed="true"]{background:var(--walnut);color:#fff}
  .angsw .note{font-size:11.5px;color:#9a8f7e}

  .btn{font-family:"El Messiri",serif;font-weight:700;border:0;cursor:pointer;border-radius:12px;padding:15px 28px;font-size:17px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s,box-shadow .2s}
  .btn-primary{background:var(--gold);color:#2a1c08;box-shadow:0 10px 22px -10px rgba(194,144,47,.8)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 28px -10px rgba(194,144,47,.9)}
  .btn-go{background:var(--go);color:#fff;box-shadow:0 10px 22px -10px rgba(47,125,79,.7)}
  .btn-go:hover{transform:translateY(-2px)}
  .btn-ghost{background:transparent;border:1.5px solid var(--walnut);color:var(--walnut);padding:13px 22px}
  .btn:focus-visible{outline:3px solid var(--gold-deep);outline-offset:3px}

  .hero{padding:42px 0 14px}
  .hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
  .eyebrow{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px;color:var(--gold-deep);background:#f3e6c8;border:1px solid #e6d3a6;padding:5px 12px;border-radius:999px;margin-bottom:16px}
  .hero h1{font-size:clamp(30px,5vw,50px)}
  .hero .sub{font-size:clamp(16px,2.2vw,19px);color:var(--ink-soft);margin-top:14px;max-width:34ch}
  .hero .cta-row{display:flex;gap:12px;align-items:center;margin-top:26px;flex-wrap:wrap}
  .trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:13.5px;color:var(--ink-soft);font-weight:500}
  .trust span{display:inline-flex;align-items:center;gap:7px}

  .media-ph{position:relative;border:2px dashed #cbb78f;border-radius:var(--r);background:#faf4e7;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:#9a8a68;padding:18px;overflow:hidden;width:100%}
  .media-ph::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent,transparent 15px,rgba(203,183,143,.10) 15px,rgba(203,183,143,.10) 16px);pointer-events:none}
  .media-ph .mi{font-size:28px;line-height:1}
  .media-ph .mt{font-weight:800;color:#7a6a48;font-size:14px}
  .media-ph .ms{font-size:11.5px;color:#a4946f;max-width:32ch}
  .media-ph .play{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #cbb78f;display:grid;place-items:center;font-size:18px;color:var(--gold-deep)}
  .media-ph .tag{position:absolute;top:10px;inset-inline-start:10px;background:#fff;border:1px solid #e6d3a6;color:var(--gold-deep);font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px}
  .secimg{width:100%;border-radius:var(--r);object-fit:cover;display:block;border:1px solid var(--line)}
  .stage{display:flex;justify-content:center}
  .mediaband{padding:10px 0 8px}.mediaband .frame{max-width:880px;margin:0 auto}

  section{padding:52px 0}
  .sec-head{text-align:center;max-width:44ch;margin:0 auto 32px}
  .sec-head .kicker{font-weight:800;letter-spacing:1px;font-size:12.5px;color:var(--gold-deep);text-transform:uppercase}
  .sec-head h2{font-size:clamp(24px,3.4vw,34px);margin-top:8px}
  .sec-head p{color:var(--ink-soft);margin-top:10px}

  .steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .step{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px}
  .step .stepmedia{margin-bottom:14px}
  .step .n{font-family:"El Messiri";font-weight:700;font-size:15px;color:#fff;background:var(--walnut);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-bottom:10px}
  .step h3{font-size:19px}.step p{color:var(--ink-soft);margin-top:6px;font-size:15px}

  /* order flow */
  .ostep{margin-bottom:28px}
  .ostep>.h{font-family:"El Messiri";font-size:21px;margin-bottom:4px;display:flex;align-items:center;gap:10px}
  .ostep>.h .b{width:30px;height:30px;border-radius:50%;background:var(--walnut);color:#fff;display:grid;place-items:center;font-size:15px;flex:0 0 auto}
  .ostep>.hint{color:var(--ink-soft);font-size:14px;margin:0 0 16px 40px}

  .offers{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
  .offer{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:12px 6px;text-align:center;cursor:pointer;font-family:inherit}
  .offer b{font-family:"El Messiri";font-size:21px;display:block;color:var(--ink)}
  .offer small{font-size:11px;color:var(--ink-soft);display:block}
  .offer .d{font-size:12px;color:var(--go);font-weight:800;margin-top:3px}
  .offer .d0{color:#a99877}
  .offer[aria-pressed="true"]{border-color:var(--gold);background:#fcf3df;box-shadow:0 0 0 2px #f3e2bd}

  .slot{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}
  .slot-head{display:flex;align-items:center;gap:11px;width:100%;border:0;background:#fbf6ec;padding:14px 16px;cursor:pointer;font-family:inherit;text-align:start}
  .slot-head .dot{width:20px;height:20px;border-radius:6px;flex:0 0 auto;border:1px solid rgba(0,0,0,.18)}
  .slot-head .t{flex:1;font-weight:700;font-size:14.5px;color:var(--ink)}
  .slot-head .t small{font-weight:600;color:var(--ink-soft);font-size:12.5px}
  .slot-head .chev{color:var(--gold-deep);font-weight:800;font-size:18px}
  .slot-body{display:none;border-top:1px solid var(--line);padding:18px 16px}
  .slot.open .slot-body{display:block}
  .slot-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}
  .chips.amts{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}
  .amt{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center;border:1.6px solid var(--line);background:#fff;border-radius:12px;padding:11px 8px;cursor:pointer;font-family:inherit;transition:.12s}
  .amt b{font-size:13px;color:var(--gold-deep);font-family:"El Messiri"}
  .amt .g{font-size:13.5px;font-weight:700;color:var(--ink)}
  .amt .pr{font-size:12px;color:#a99877;font-weight:700}
  .amt[aria-pressed="true"]{border-color:var(--gold);background:#fcf3df;box-shadow:0 0 0 2px #f3e2bd}
  .pricelead{font-family:"Tajawal";font-size:15px;color:var(--ink);background:#fcf3df;border:1px solid #f0deb4;border-radius:12px;padding:10px 14px;margin:4px 0 14px;line-height:1.8}
  .pricelead b{color:var(--gold-deep);font-family:"El Messiri"}
  .herob{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:7px}
  .herob li{position:relative;padding-inline-start:26px;font-size:14.5px;color:var(--ink-soft);font-weight:600;font-family:"Tajawal"}
  .herob li::before{content:"✓";position:absolute;inset-inline-start:0;top:0;width:18px;height:18px;background:var(--gold);color:#2a1c08;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}
  .buycards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
  .bc{position:relative;border:1.6px solid var(--line);border-radius:16px;padding:22px 16px;text-align:center;background:#fff;display:flex;flex-direction:column;gap:6px}
  .bc.featured{border-color:var(--gold);box-shadow:0 14px 32px -16px rgba(194,144,47,.6)}
  .bc-badge{position:absolute;top:-11px;inset-inline:0;margin:auto;width:max-content;background:var(--gold);color:#2a1c08;font-size:11.5px;font-weight:800;padding:3px 12px;border-radius:20px;font-family:"Tajawal"}
  .bc-tag{font-family:"El Messiri";font-weight:700;font-size:18px;color:var(--ink)}
  .bc-price{font-family:"El Messiri";font-weight:800;font-size:28px;color:var(--gold-deep)}
  .bc-range{font-size:12.5px;color:#7a6a4d;font-weight:700}
  .bc p{font-size:12.5px;color:#8a7960;margin:2px 0 12px;min-height:34px}
  .bc .btn{width:100%}
  .lvl small{display:block;font-size:10.5px;color:#a99877;font-weight:600;margin:3px 0 1px}
  @media(max-width:720px){ .buycards{grid-template-columns:1fr} }

  .pv{position:relative;width:100%;max-width:300px;aspect-ratio:5/4;border-radius:12px;overflow:hidden;margin:0 auto}
  .pv .base{position:absolute;inset:0;background-size:cover;background-position:center}
  .pv.noimg{border:2px dashed #cbb78f;background:#f1e7d3}
  .pv .ph-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9a8a68;font-size:12px;font-weight:700;gap:2px;text-align:center;padding:8px}
  .pv .ph-label .mi{font-size:24px}.pv .ph-label small{font-size:10px;color:#b1a079;font-weight:600}
  .pv .ov-amt{position:absolute;top:24%;inset-inline:0;text-align:center;font-family:"Cairo",sans-serif;font-weight:800;font-size:clamp(14px,4.6vw,20px);color:#3a2416;text-shadow:0 1px 2px rgba(255,255,255,.55)}
  .pv .ov-name{position:absolute;bottom:14%;inset-inline:0;text-align:center;font-family:"El Messiri",serif;font-weight:700;font-size:clamp(12px,3.6vw,16px);color:#3a2416;text-shadow:0 1px 2px rgba(255,255,255,.55)}
  .pv .ov-photo{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:32%;aspect-ratio:7/5;border-radius:6px;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.75);box-shadow:0 2px 6px rgba(0,0,0,.2)}

  .field{margin-bottom:16px}
  .field>.flabel{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:14px;margin-bottom:8px}
  .field .opt{font-weight:500;color:#a99877;font-size:12px}
  .swatches{display:flex;gap:10px}
  .swatch{width:42px;height:42px;border-radius:10px;border:2.5px solid transparent;cursor:pointer;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
  .swatch[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 3px #f3e2bd}
  .swatch span{position:absolute;inset:auto 0 -21px 0;text-align:center;font-size:11px;color:var(--ink-soft);font-weight:600}
  .chips{display:flex;flex-wrap:wrap;gap:8px}
  .chip{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:8px 11px;cursor:pointer;font-family:inherit;font-weight:700;font-size:13.5px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:82px}
  .chip small{font-weight:600;color:#a99877;font-size:11px}
  .chip[aria-pressed="true"]{border-color:var(--gold);background:#fcf3df}
  .chip[aria-pressed="true"] small{color:var(--gold-deep)}
  .inp{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:15px;background:#fff;color:var(--ink)}
  .inp:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px #f3e2bd}
  .switch{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;cursor:pointer;width:100%}
  .switch .txt b{font-size:14px}.switch .txt small{display:block;color:#a99877;font-size:11.5px}
  .toggle{width:44px;height:26px;border-radius:999px;background:#d8c9ac;position:relative;flex:0 0 auto;transition:background .2s}
  .toggle::after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
  .switch[aria-pressed="true"] .toggle{background:var(--go)}
  .switch[aria-pressed="true"] .toggle::after{transform:translateX(-18px)}
  .uploader{margin-top:10px;display:none}.uploader.show{display:block}
  /* bottom preview section */
  #preview{padding:56px 0;background:var(--paper-2)}
  .pvgrid{display:flex;flex-direction:column;gap:24px;align-items:center;margin-top:6px}
  .pvcard{width:100%;max-width:580px}
  .pv-lbl{text-align:center;font-weight:800;color:var(--ink-soft);font-size:13.5px;margin-bottom:12px}
  .pvrow{display:flex;gap:18px;justify-content:center;align-items:flex-start}
  .pvrow .pv-face{flex:0 1 260px;max-width:260px;border-radius:12px;overflow:hidden;filter:drop-shadow(0 12px 26px rgba(58,36,22,.22))}
  .pvrow.two .pv-face{flex:1 1 0;max-width:240px}
  .pv-side{font-size:11.5px;font-weight:800;color:#a99877;text-align:center;margin-top:7px}
  /* batch A: summary pieces, tier bar, family, ai showcase */
  .spieces{margin:2px 0 12px;display:flex;flex-direction:column;gap:6px}
  .spiece{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft);background:#fbf6ec;border:1px solid var(--line);border-radius:8px;padding:6px 9px}
  .spiece .d{width:13px;height:13px;border-radius:4px;flex:0 0 auto;border:1px solid rgba(0,0,0,.15)}
  .spiece b{color:var(--ink)}
  .tn-bar{height:8px;border-radius:6px;background:#eadfca;overflow:hidden;margin-bottom:9px}
  .tn-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-deep));border-radius:6px;transition:width .35s}
  .tn-txt{font-size:12.5px;color:var(--ink-soft);margin-bottom:9px}
  .tn-txt b{color:var(--gold-deep)}
  .tn-add{width:100%;border:0;border-radius:9px;background:var(--gold);color:#3a2416;font-family:inherit;font-weight:800;font-size:12.5px;padding:9px;cursor:pointer}
  .tn-add:hover{background:var(--gold-deep);color:#fff}
  .famchip{margin-top:10px;width:100%;border:1.5px dashed var(--gold);background:#fff;color:var(--gold-deep);border-radius:10px;padding:11px;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer}
  .famchip:hover{background:#fbf3e3}
  .ai-show{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;padding:10px;background:#fbf6ec;border:1px solid var(--line);border-radius:10px}
  .ai-show figure{margin:0;text-align:center}
  .ai-show img{width:86px;height:66px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
  .ai-show figcaption{font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:5px}
  .ai-arr{font-size:22px;color:var(--gold-deep);font-weight:900}
  .emoji-pick{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
  .emoji-chip{font-size:18px;line-height:1;border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 9px;cursor:pointer}
  .emoji-chip:hover{background:#fbf3e3;border-color:var(--gold)}
  .emoji-row{display:flex;gap:8px;align-items:center}
  .emoji-row .jEmo{flex:1}
  .emoji-clear{border:1px solid var(--line);background:#f1ece2;border-radius:9px;padding:9px 12px;font-family:inherit;font-weight:700;font-size:12.5px;color:var(--ink-soft);cursor:pointer;white-space:nowrap}
  .emoji-clear:hover{background:#e8e0d2}
  .gift{margin-top:6px}
  .giftbox{display:none;margin-top:10px}
  .giftbox.show{display:block}
  .giftaddr{display:none;margin-top:10px}
  .giftaddr.show{display:block}
  .btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;background:#25D366;color:#fff;text-decoration:none;padding:11px;border-radius:10px;font-weight:800;font-size:14px;border:0;cursor:pointer}
  .btn-wa:hover{background:#1da851}
  .wa-fallback{display:block;text-align:center;font-size:12.5px;color:var(--gold-deep);margin-top:10px;text-decoration:underline}
  @media(max-width:560px){.pvrow{gap:11px}.pvrow.two .pv-face{max-width:48%}}
  .dropzone{border:2px dashed #cbb78f;border-radius:10px;background:#fff;padding:13px;text-align:center;cursor:pointer;color:#8a7a58;font-size:13px;font-weight:600}
  .dropzone:hover{border-color:var(--gold);background:#fffdf6}
  .uppreview{display:none;align-items:center;gap:10px;margin-top:8px}.uppreview.show{display:flex}
  .uppreview img{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid var(--line)}
  .uppreview .upx{background:none;border:0;color:#b24a3a;font-weight:700;cursor:pointer;font-size:12.5px}
  .lvls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
  .lvl{border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:10px 8px;cursor:pointer;font-family:inherit;text-align:center;display:flex;flex-direction:column;gap:3px}
  .lvl b{font-size:13px;color:var(--ink)}.lvl .num{font-size:12px;color:var(--gold-deep);font-weight:700}
  .lvl[aria-pressed="true"]{border-color:var(--gold);background:#fcf3df;box-shadow:0 0 0 2px #f3e2bd}
  .aibox{display:none}.aibox.show{display:block}

  .ocols{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
  .ship label{font-weight:700;font-size:14px;display:block;margin-bottom:7px}
  .ship .field{margin-bottom:14px}.ship .f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .err{color:#b24a3a;font-size:12.5px;font-weight:600;margin-top:5px;display:none}.err.show{display:block}
  .summary{background:#fbf6ec;border:1px solid var(--line);border-radius:16px;padding:20px;position:sticky;top:90px}
  .summary h4{font-family:"El Messiri";font-size:18px;margin:0 0 12px}
  .sline{display:flex;justify-content:space-between;font-size:14.5px;margin-bottom:8px;color:var(--ink-soft)}
  .sline.save{color:var(--go);font-weight:700}
  .tiernudge{background:#f3e6c8;border:1px solid #e6d3a6;border-radius:11px;padding:10px 12px;font-size:13px;color:var(--gold-deep);font-weight:600;margin:6px 0 12px}
  .grand{display:flex;justify-content:space-between;font-family:"El Messiri";font-weight:700;font-size:20px;border-top:2px solid var(--line);padding-top:12px;margin-top:6px}

  .bens{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .ben{display:flex;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:20px}
  .ben .ic{width:44px;height:44px;border-radius:11px;background:#f3e6c8;display:grid;place-items:center;flex:0 0 auto;font-size:22px}
  .ben h3{font-size:17px}.ben p{color:var(--ink-soft);font-size:14.5px;margin-top:3px}

  .split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
  .split h2{font-size:clamp(22px,3vw,30px)}.split p{color:var(--ink-soft);margin-top:12px}
  .split ul{margin:14px 0 0;padding:0;list-style:none}
  .split li{display:flex;gap:9px;align-items:flex-start;margin-bottom:8px;font-size:15px}
  .split li::before{content:"✓";color:var(--go);font-weight:800}

  .chals{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .chal{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center}
  .chal .em{font-size:30px}.chal b{display:block;margin-top:7px;font-size:15.5px}.chal small{color:var(--ink-soft);font-size:12.5px}

  .proof{background:var(--walnut);color:#f4e9d6;border-radius:26px;padding:40px 24px;text-align:center}
  .proof .stats{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;margin-top:8px}
  .proof .stat .v{font-family:"El Messiri";font-weight:700;font-size:clamp(30px,5vw,46px);color:var(--gold)}
  .proof .stat .l{font-size:14px;color:#e3d3b3}
  .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
  .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
  .rev{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px}
  .rev .stars{color:#e0a92a;font-size:15px;letter-spacing:2px}
  .rev p{font-size:14px;color:var(--ink-soft);margin-top:8px}
  .rev .who{display:flex;gap:10px;align-items:center;margin-top:12px}
  .rev .av{width:38px;height:38px;border-radius:50%;background:#eadfca;border:1px dashed #cbb78f;display:grid;place-items:center;font-size:10px;color:#9a8a68;text-align:center;line-height:1.1}
  .rev .who b{font-size:13.5px}
  .phnote{text-align:center;font-size:12.5px;color:#a4946f;margin-top:10px}

  .faq{max-width:760px;margin:0 auto}
  .qa{background:var(--white);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
  .qa summary{cursor:pointer;padding:16px 18px;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
  .qa summary::-webkit-details-marker{display:none}
  .qa summary::after{content:"+";font-size:22px;color:var(--gold-deep);font-weight:700}
  .qa[open] summary::after{content:"–"}
  .qa .a{padding:0 18px 16px;color:var(--ink-soft);font-size:14.5px}

  .stickybar{position:fixed;bottom:0;inset-inline:0;background:var(--white);border-top:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:50;box-shadow:0 -8px 22px -14px rgba(0,0,0,.4)}
  .stickybar > div{display:flex;flex-direction:column}
  body{padding-bottom:84px}
  .stickybar .p{font-family:"El Messiri";font-weight:700;font-size:18px}

  footer{background:var(--walnut-deep);color:#d9c8ac;padding:36px 0;margin-top:50px;font-size:14px}
  footer .cols{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
  footer a{color:#d9c8ac;text-decoration:none;display:block;margin:6px 0;opacity:.85}
  footer a:hover{opacity:1;color:var(--gold)}
  footer h4{font-family:"El Messiri";color:#f3e6c8;margin:0 0 8px;font-size:16px}

  @media (max-width:920px){
    .hero .grid{grid-template-columns:1fr;gap:26px}.stage{order:-1}
    .slot-grid,.ocols,.bens,.split,.steps{grid-template-columns:1fr}
    .summary{position:static}.offers{grid-template-columns:repeat(4,1fr)}
    .chals{grid-template-columns:repeat(2,1fr)}.reviews{grid-template-columns:1fr}
  }
  .colorcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:26px}
  .cc{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-align:center}
  .cc .ccimg{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;margin-bottom:12px;border:1px solid var(--line)}
  .cc b{font-size:16px}.cc p{color:var(--ink-soft);font-size:13.5px;margin-top:4px}
  .sizetbl{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
  .sizetbl th,.sizetbl td{padding:13px 15px;text-align:start;font-size:14.5px;border-bottom:1px solid var(--line)}
  .sizetbl th{background:#fbf6ec;font-family:"El Messiri";font-size:14.5px}
  .sizetbl tr:last-child td{border-bottom:0}
  .sizetbl td:first-child{font-weight:700}
  .sizenote{font-size:13px;color:var(--ink-soft);margin-top:12px;text-align:center}

  @media (max-width:640px){
    .gal{grid-template-columns:1fr 1fr}
    .angsw .note{display:none}.offers{grid-template-columns:repeat(3,1fr)}.ship .f2{grid-template-columns:1fr}
    .colorcards{grid-template-columns:1fr}
  }