*{margin:0;padding:0;box-sizing:border-box}
:root{
  --pk:#D4256B;--pk2:#B81A58;--pk-light:#F2A8C7;--pk-pale:#FDF0F6;
  --gold:#B8924A;--gold-light:#E8D5A8;
  --cream:#FAF7F2;--cream2:#F5F0E8;
  --ink:#1C1410;--ink2:#4A3F38;--ink3:#8C7B70;
  --white:#FFFFFF;--bd:#E8E0D8;
}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',sans-serif;background:var(--white);color:var(--ink);overflow-x:hidden}
::-webkit-scrollbar{width:3px;height:3px}
::-webkit-scrollbar-thumb{background:var(--pk-light);border-radius:2px}

/* ── TOPBAR ── */
.topbar{height:36px;background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;display:flex;align-items:center;justify-content:center;overflow:hidden}
.topbar-track{display:flex;animation:topbar-scroll 30s linear infinite;white-space:nowrap}
.topbar:hover .topbar-track{animation-play-state:paused}
.tb-item{display:inline-flex;align-items:center;gap:32px;padding:0 40px;font-size:11px;font-weight:500;letter-spacing:.5px;color:rgba(255,255,255,.6)}
.tb-item strong{color:var(--gold-light);font-weight:600}
.tb-sep{color:rgba(255,255,255,.2)}
@keyframes topbar-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ── HEADER ── */
.header{background:var(--white);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:300}
.header-inner{max-width:1440px;margin:0 auto;padding:0 32px;height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.logo{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;color:var(--ink);letter-spacing:5px;text-decoration:none;white-space:nowrap}
.logo-q{color:var(--pk)}
.header-nav{display:flex;align-items:center;justify-content:center;gap:4px}
.hn{padding:8px 12px;font-size:13px;font-weight:500;color:var(--ink2);border:none;background:none;cursor:pointer;font-family:'Tajawal',sans-serif;transition:color .2s;white-space:nowrap;position:relative}
.hn::after{content:'';position:absolute;bottom:4px;left:12px;right:12px;height:1.5px;background:var(--pk);transform:scaleX(0);transition:transform .2s}
.hn:hover{color:var(--pk)}
.hn:hover::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}
.ha{width:38px;height:38px;border-radius:50%;border:1px solid var(--bd);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;color:var(--ink2);flex-shrink:0;position:relative}
.ha:hover{border-color:var(--pk);color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.ha-dot{position:absolute;top:5px;right:5px;width:7px;height:7px;background:var(--pk);border-radius:50%;border:2px solid var(--white)}
.ha-search{width:38px;height:38px;border-radius:50%;border:1px solid var(--bd);background:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--ink2);flex-shrink:0}
.ha-search:hover{border-color:var(--pk);color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.lang{padding:6px 12px;border-radius:99px;border:1px solid var(--bd);background:var(--white);font-size:11px;font-weight:600;color:var(--ink3);cursor:pointer;transition:all .2s;font-family:'DM Sans',sans-serif;letter-spacing:.5px}
.lang:hover{border-color:var(--pk);color:var(--pk)}

/* ── MEGA MENU ── */
.mega-wrap{position:relative}
.mega-trigger{display:flex;align-items:center;gap:5px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--ink2);border:none;background:none;cursor:pointer;font-family:'Tajawal',sans-serif;transition:color .2s}
.mega-trigger:hover{color:var(--pk)}
.mega-trigger svg{transition:transform .2s}
.mega-trigger.open svg{transform:rotate(180deg)}
.mega-overlay{position:fixed;inset:0;z-index:200;display:none}
.mega-overlay.open{display:block}
.mega-panel{position:fixed;top:108px;left:0;right:0;background:var(--white);border-top:2px solid var(--pk);border-bottom:1px solid var(--bd);box-shadow:0 8px 32px rgba(28,20,16,.08);z-index:250;display:none;padding:32px}
.mega-panel.open{display:block}
.mega-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.mega-col h4{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--pk);margin-bottom:14px}
.mega-link{display:flex;align-items:center;gap:10px;padding:7px 0;cursor:pointer;transition:all .18s;border:none;background:none;font-family:'Tajawal',sans-serif;width:100%;text-align:right}
.mega-link:hover .ml-name{color:var(--pk)}
.ml-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.ml-name{font-size:13px;font-weight:500;color:var(--ink2)}
.ml-count{font-size:10px;color:var(--ink3);margin-top:1px}
.mega-promo-card{background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover;border:1px solid rgba(212,37,107,.15);border-radius:12px;padding:20px;cursor:pointer}
.mega-promo-card:hover{background:#FAE8F0}
.mpc-tag{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pk);margin-bottom:8px}
.mpc-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:var(--ink);margin-bottom:6px}
.mpc-sub{font-size:12px;color:var(--ink3);margin-bottom:14px;line-height:1.6}
.mpc-btn{font-size:11px;font-weight:700;color:var(--pk);display:flex;align-items:center;gap:5px;letter-spacing:.5px}

/* ── HERO 3-COL ── */
.hero-section{padding:14px 32px;background:var(--cream)}
.hero-grid{display:grid;grid-template-columns:24% 1fr 22%;gap:10px;height:340px;border-radius:14px;overflow:hidden}

/* Left cards */
.hero-left-cards{display:flex;flex-direction:column;gap:10px;height:100%}
.hlc{flex:1;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;display:flex;align-items:flex-end;padding:14px 16px;transition:filter .25s}
.hlc:hover{filter:brightness(1.1)}
.hlc-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:60px;opacity:.2}
.hlc-content{position:relative;z-index:2}
.hlc-tag{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:4px}
.hlc-name{font-family:'Playfair Display',serif;font-size:16px;font-weight:500;color:#fff;line-height:1.2}

/* Center slider */
.hero-center{border-radius:10px;overflow:hidden;position:relative;height:100%}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .55s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:160px}
.hero-slide.active{opacity:1}
.slider-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 12px;z-index:10;pointer-events:none}
.sarrow{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.85);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;pointer-events:all;color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.12)}
.sarrow:hover{background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.2)}
.sdots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:10}
.sdot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);border:none;cursor:pointer;transition:all .25s;padding:0}
.sdot.active{background:#fff;width:18px;border-radius:3px}

/* Right cards */
.hero-right-cards{display:flex;flex-direction:column;gap:10px;height:100%}
.hrc{flex:1;border-radius:10px;overflow:hidden;cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px 16px;transition:filter .25s}
.hrc:hover{filter:brightness(1.1)}
.hrc-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:60px;opacity:.2}
.hrc-name{font-family:'Playfair Display',serif;font-size:18px;font-weight:400;color:#fff;position:relative;z-index:2;letter-spacing:2px}
.hrc-sub{font-size:10px;color:rgba(255,255,255,.6);position:relative;z-index:2;margin-top:2px;letter-spacing:.5px}

/* ── PAGE SECTIONS ── */
.page-section{padding:48px 0}
.page-section.alt{background:var(--cream)}
.ps-inner{max-width:1440px;margin:0 auto;padding:0 32px}
.ps-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.ps-title{font-family:'Playfair Display',serif;font-size:28px;font-weight:400;color:var(--ink)}
.ps-title em{font-style:italic;color:var(--pk)}
.ps-subtitle{font-size:13px;color:var(--ink3);margin-top:4px}
.ps-link{font-size:12px;font-weight:600;color:var(--ink2);text-decoration:none;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--bd);padding-bottom:2px;transition:all .2s;cursor:pointer;white-space:nowrap;flex-shrink:0}
.ps-link:hover{color:var(--pk);border-color:var(--pk)}

/* ── CELEBRITY CARDS — boutiqaat style ── */
.celebs-row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.celebs-row::-webkit-scrollbar{height:2px}
.celebs-row::-webkit-scrollbar-thumb{background:var(--pk-light)}
.celeb-card{flex-shrink:0;width:160px;cursor:pointer;transition:transform .25s}
.celeb-card:hover{transform:translateY(-5px)}
.cc-img{width:160px;height:200px;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(240,230,210,.85),rgba(220,200,170,.9)),url('https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=600&q=80') center/cover}
.cc-img-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;transition:transform .35s}
.celeb-card:hover .cc-img-inner{transform:scale(1.06)}
.cc-live{position:absolute;top:8px;right:8px;background:var(--pk);color:#fff;font-size:8px;font-weight:700;padding:3px 8px;border-radius:99px;display:flex;align-items:center;gap:4px;letter-spacing:.5px}
.cc-live::before{content:'';width:5px;height:5px;border-radius:50%;background:#fff;animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.cc-name{font-size:13px;font-weight:600;color:var(--ink);margin-top:10px;text-align:center}
.cc-prods{font-size:11px;color:var(--ink3);text-align:center;margin-top:2px}

/* ── BRANDS — round logos ── */
.brands-row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.brands-row::-webkit-scrollbar{display:none}
.brand-card{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s}
.brand-card:hover{transform:translateY(-3px)}
.bc-circle{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;font-family:'Playfair Display',serif;border:2.5px solid rgba(255,255,255,.2);transition:box-shadow .2s}
.brand-card:hover .bc-circle{box-shadow:0 6px 20px rgba(212,37,107,.25)}
.bc-name{font-size:11px;font-weight:600;color:var(--ink2);text-align:center;max-width:80px;line-height:1.3}

/* ── PRODUCTS GRID — boutiqaat style ── */
.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prod-card{background:var(--white);border:1px solid var(--bd);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s;position:relative}
.prod-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px rgba(28,20,16,.1);border-color:var(--pk-light)}
.prod-card:hover .pc-img-inner{transform:scale(1.05)}
.pc-img{aspect-ratio:1;overflow:hidden;position:relative;background:var(--cream)}
.pc-img-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:52px;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.pc-badge{position:absolute;top:0;right:0;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:5px 10px;color:#fff;border-radius:0 10px 0 8px}
.pc-badge-new{background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover}
.pc-badge-sale{background:var(--pk)}
.pc-badge-hot{background:var(--gold)}
.pc-body{padding:14px}
.pc-brand{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pk);margin-bottom:4px}
.pc-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:2px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-name-en{font-size:10px;color:var(--ink3);margin-bottom:8px;font-family:'DM Sans',sans-serif}
.pc-stars{font-size:10px;color:var(--gold);margin-bottom:8px}
.pc-stars span{color:var(--ink3)}
.pc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pc-price{font-size:15px;font-weight:700;color:var(--ink)}
.pc-price-old{font-size:11px;color:var(--ink3);text-decoration:line-through;font-weight:400}
.pc-price-sale{color:var(--pk)}
.pc-add{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:background .2s;flex-shrink:0;line-height:1}
.pc-add:hover{background:var(--pk)}

/* ── FLASH SALE ── */
.flash-wrap{background:linear-gradient(135deg,rgba(26,5,16,.95),rgba(74,21,48,.98)),url('https://images.unsplash.com/photo-1596704017254-9b121068fb31?w=1600&q=80') center/cover;background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;padding:40px 0;position:relative;overflow:hidden}
.flash-wrap::before{content:'FLASH';position:absolute;font-family:'Playfair Display',serif;font-size:220px;font-weight:700;color:rgba(255,255,255,.025);top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;pointer-events:none}
.flash-inner{max-width:1440px;margin:0 auto;padding:0 32px}
.flash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.flash-title{font-family:'Playfair Display',serif;font-size:32px;font-weight:400;color:#fff;display:flex;align-items:center;gap:14px}
.flash-title em{font-style:italic;color:var(--gold-light)}
.flash-timer{display:flex;gap:6px;align-items:center}
.ft-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 14px;text-align:center;border-radius:6px;min-width:52px}
.ft-num{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;color:#fff;display:block;line-height:1}
.ft-lbl{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.35);display:block;margin-top:2px}
.ft-sep{font-size:20px;color:rgba(255,255,255,.25)}









/* ── PROMO BANNERS ── */
.promo-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.promo-1col{margin-bottom:14px}
.promo-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.promo-card{border-radius:12px;overflow:hidden;cursor:pointer;position:relative;transition:all .28s}
.promo-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(28,20,16,.12)}
.promo-card:hover .pc-deco{transform:scale(1.12) rotate(8deg)}
.promo-inner{padding:32px 36px;position:relative;min-height:180px;display:flex;flex-direction:column;justify-content:flex-end}
.promo-inner-lg{min-height:220px}
.pc-deco{position:absolute;top:-10px;left:-10px;font-size:120px;opacity:.1;transition:transform .4s;pointer-events:none}
.pc-tag{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;opacity:.75}
.pc-title{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;line-height:1.2;margin-bottom:8px}
.pc-title-lg{font-size:34px}
.pc-desc{font-size:12px;line-height:1.7;margin-bottom:16px;opacity:.7;max-width:340px}
.pc-cta{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.5px}

/* ── NEWSLETTER ── */
.nl-section{background:linear-gradient(135deg,rgba(245,240,232,.88),rgba(237,224,200,.85)),url('https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=600&q=80') center/cover;padding:64px 0;border-top:1px solid var(--bd)}
.nl-inner{max-width:560px;margin:0 auto;padding:0 24px;text-align:center}
.nl-overline{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--pk);margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:10px}
.nl-overline::before,.nl-overline::after{content:'';width:28px;height:1px;background:var(--pk-light)}
.nl-title{font-family:'Playfair Display',serif;font-size:34px;font-weight:400;color:var(--ink);margin-bottom:10px}
.nl-title em{font-style:italic;color:var(--pk)}
.nl-sub{font-size:13px;color:var(--ink3);line-height:1.8;margin-bottom:28px}
.nl-form{display:flex;border:1.5px solid var(--bd);background:var(--white);border-radius:99px;overflow:hidden;transition:border .2s}
.nl-form:focus-within{border-color:var(--pk)}
.nl-prefix{display:flex;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;color:var(--ink3);flex-shrink:0;border-left:1px solid var(--bd)}
.nl-input{flex:1;padding:14px 16px;border:none;font-size:13px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;background:transparent}
.nl-input::placeholder{color:var(--ink3)}
.nl-btn{padding:14px 28px;background:var(--pk);color:#fff;border:none;font-size:12px;font-weight:700;letter-spacing:.5px;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s;flex-shrink:0}
.nl-btn:hover{background:var(--pk2)}
.nl-note{font-size:11px;color:var(--ink3);margin-top:12px}

/* ── FOOTER ── */
footer{background:linear-gradient(135deg,rgba(28,20,16,.95),rgba(22,14,10,.97)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover}
.footer-app{background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);padding:24px 32px}
.footer-app-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fa-title{font-family:'Playfair Display',serif;font-size:17px;color:#fff;margin-bottom:3px}
.fa-sub{font-size:12px;color:rgba(255,255,255,.35)}
.fa-btns{display:flex;gap:8px}
.fa-btn{display:flex;align-items:center;gap:10px;padding:10px 18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s;border-radius:8px;color:#fff}
.fa-btn:hover{background:rgba(255,255,255,.12)}
.fa-btn-icon{font-size:20px}
.fa-btn-lbl{font-size:9px;color:rgba(255,255,255,.4);letter-spacing:.5px;text-transform:uppercase;display:block}
.fa-btn-store{font-size:13px;font-weight:600;display:block}
.footer-main{max-width:1440px;margin:0 auto;padding:48px 32px 36px;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px}
.fm-logo{font-family:'Playfair Display',serif;font-size:24px;letter-spacing:4px;color:rgba(255,255,255,.9);margin-bottom:10px}
.fm-logo span{color:var(--pk-light)}
.fm-tag{font-style:italic;font-family:'Playfair Display',serif;font-size:13px;color:rgba(255,255,255,.3);margin-bottom:14px}
.fm-desc{font-size:12px;color:rgba(255,255,255,.35);line-height:1.9;margin-bottom:20px;max-width:290px}
.fm-social{display:flex;gap:8px}
.fm-soc{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;color:rgba(255,255,255,.5)}
.fm-soc:hover{background:var(--pk);border-color:var(--pk);color:#fff}
.fm-col-h{font-size:9px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}
.fm-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.fm-links a{font-size:13px;color:rgba(255,255,255,.4);text-decoration:none;cursor:pointer;transition:color .18s;display:flex;align-items:center;gap:6px}
.fm-links a::before{content:'';width:0;height:1px;background:var(--pk-light);transition:width .2s;flex-shrink:0}
.fm-links a:hover{color:rgba(255,255,255,.85)}
.fm-links a:hover::before{width:12px}
.footer-bottom{max-width:1440px;margin:0 auto;padding:20px 32px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.fb-copy{font-size:11px;color:rgba(255,255,255,.25)}
.fb-pay{display:flex;gap:6px}
.pay-b{height:24px;padding:0 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;font-size:10px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.3px;border-radius:4px;cursor:pointer;transition:all .2s}
.pay-b:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}
.fb-locale{display:flex;gap:6px}
.fb-loc-btn{padding:5px 10px;background:transparent;border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.3);font-size:11px;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s;border-radius:4px}
.fb-loc-btn:hover{border-color:var(--pk-light);color:var(--pk-light)}

/* ── SEARCH ── */
.search-overlay{position:fixed;inset:0;background:rgba(28,20,16,.6);backdrop-filter:blur(4px);z-index:600;opacity:0;pointer-events:none;transition:opacity .25s}
.search-overlay.open{opacity:1;pointer-events:all}
.search-modal{position:fixed;top:0;left:0;right:0;background:var(--white);padding:28px 32px;z-index:601;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid var(--bd)}
.search-modal.open{transform:translateY(0)}
.search-mi{max-width:720px;margin:0 auto}
.search-bar-wrap{display:flex;align-items:center;gap:14px;background:var(--cream);border:1.5px solid var(--bd);border-radius:10px;padding:12px 16px;margin-bottom:18px;transition:border .2s}
.search-bar-wrap:focus-within{border-color:var(--pk);background:var(--white)}
.search-real-inp{flex:1;border:none;background:transparent;font-size:16px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none}
.search-real-inp::placeholder{color:var(--ink3)}
.s-close-btn{padding:8px 16px;border:1px solid var(--bd);border-radius:99px;font-size:12px;color:var(--ink3);cursor:pointer;background:none;font-family:'Tajawal',sans-serif;transition:all .2s;white-space:nowrap;flex-shrink:0}
.s-close-btn:hover{border-color:var(--pk);color:var(--pk)}
.search-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.sc-lbl{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--ink3);text-transform:uppercase;margin-left:6px;flex-shrink:0}
.s-chip{padding:6px 14px;background:var(--cream);border:1px solid var(--bd);border-radius:99px;font-size:12px;font-weight:500;color:var(--ink2);cursor:pointer;transition:all .2s;font-family:'Tajawal',sans-serif}
.s-chip:hover{border-color:var(--pk);color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.s-chip.active{background:var(--pk);border-color:var(--pk);color:#fff}
.search-trends{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
.st-lbl{font-size:10px;font-weight:600;letter-spacing:1px;color:var(--ink3);text-transform:uppercase;flex-shrink:0}
.st-tag{padding:5px 14px;background:transparent;border:1px solid var(--bd);border-radius:99px;font-size:12px;color:var(--ink2);cursor:pointer;transition:all .2s;font-family:'Tajawal',sans-serif}
.st-tag:hover{background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;border-color:var(--ink);color:#fff}
.search-res-wrap{border-top:1px solid var(--bd);padding-top:18px;max-height:340px;overflow-y:auto}
.search-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.sr-card{background:var(--cream);border:1px solid var(--bd);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s}
.sr-card:hover{border-color:var(--pk);transform:translateY(-2px)}
.sr-img{height:80px;display:flex;align-items:center;justify-content:center;font-size:32px}
.sr-info{padding:8px 10px}
.sr-brand{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pk);margin-bottom:3px}
.sr-name{font-size:12px;font-weight:500;color:var(--ink);line-height:1.3;margin-bottom:4px}
.sr-price{font-size:13px;font-weight:700;color:var(--ink)}
.s-empty{text-align:center;padding:32px;color:var(--ink3)}

/* ── CART ── */
.cart-overlay{position:fixed;inset:0;background:rgba(28,20,16,.5);z-index:500;opacity:0;pointer-events:none;transition:opacity .3s}
.cart-overlay.open{opacity:1;pointer-events:all}
.cart-drawer{position:fixed;top:0;left:0;bottom:0;width:380px;background:var(--white);z-index:501;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-right:1px solid var(--bd)}
.cart-drawer.open{transform:translateX(0)}
.cart-head{padding:24px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}
.cart-head-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:var(--ink)}
.cart-x{width:34px;height:34px;background:var(--cream);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;border-radius:50%}
.cart-x:hover{background:var(--pk);color:#fff;border-color:var(--pk)}
.cart-body{flex:1;overflow-y:auto;padding:18px 24px}
.cart-empty{text-align:center;padding:48px 20px;color:var(--ink3)}
.cart-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd)}
.ci-img{width:60px;height:60px;background:linear-gradient(135deg,rgba(245,240,232,.88),rgba(237,224,200,.85)),url('https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=600&q=80') center/cover;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}
.ci-info{flex:1}
.ci-brand{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pk)}
.ci-name{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:3px}
.ci-price{font-size:14px;font-weight:700;color:var(--ink)}
.ci-qty{display:flex;align-items:center;gap:10px;margin-top:6px}
.qb{width:24px;height:24px;background:var(--cream);border:1px solid var(--bd);border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}
.qb:hover{background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;color:#fff;border-color:var(--ink)}
.cart-foot{padding:20px 24px;border-top:1px solid var(--bd)}
.cart-tot{display:flex;justify-content:space-between;margin-bottom:14px;font-size:15px;font-weight:700;color:var(--ink)}
.cart-cta{width:100%;padding:15px;background:var(--pk);color:#fff;border:none;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s;border-radius:4px}
.cart-cta:hover{background:var(--pk2)}

/* ── TOAST ── */
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(12px);background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;color:#fff;padding:11px 24px;font-size:13px;font-weight:500;z-index:999;opacity:0;transition:all .3s;pointer-events:none;white-space:nowrap;border-radius:99px}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* Fade in */
.fi{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}
.fi.vis{opacity:1;transform:translateY(0)}
.fi:nth-child(2){transition-delay:.08s}
.fi:nth-child(3){transition-delay:.16s}
.fi:nth-child(4){transition-delay:.24s}
.fi:nth-child(5){transition-delay:.32s}

@media(max-width:1200px){.products-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-left-cards,.hero-right-cards{display:none}.hero-center{height:280px}.products-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}.promo-2col,.promo-3col{grid-template-columns:1fr}.header-nav{display:none}}

/* ── SECTION MODAL ── */
.sec-overlay{position:fixed;inset:0;background:rgba(28,20,16,.55);backdrop-filter:blur(4px);z-index:700;opacity:0;pointer-events:none;transition:opacity .25s}
.sec-overlay.open{opacity:1;pointer-events:all}
.sec-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:701;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.sec-modal.open{transform:translateY(0)}
.sec-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--bd);flex-shrink:0;background:var(--white)}
.sec-modal-title{font-family:'Playfair Display',serif;font-size:24px;font-weight:400;color:var(--ink)}
.sec-modal-title em{font-style:italic;color:var(--pk)}
.sec-modal-sub{font-size:12px;color:var(--ink3);margin-top:3px}
.sec-modal-close{width:36px;height:36px;border-radius:50%;border:1px solid var(--bd);background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .2s;flex-shrink:0}
.sec-modal-close:hover{background:var(--pk);color:#fff;border-color:var(--pk)}
.sec-modal-body{flex:1;overflow-y:auto;padding:28px 32px}
.sec-modal-brands{display:flex;gap:16px;flex-wrap:wrap}
.sec-modal-celebs{display:flex;gap:16px;flex-wrap:wrap}

/* ── DESIGNER CARDS ── */
.designers-row{display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
.designers-row::-webkit-scrollbar{height:2px}
.designers-row::-webkit-scrollbar-thumb{background:var(--pk-light)}
.designer-card{flex-shrink:0;width:160px;cursor:pointer;transition:transform .25s;position:relative}
.designer-card:hover{transform:translateY(-5px)}
.dc-img{width:160px;height:200px;border-radius:12px;overflow:hidden;position:relative}
.dc-img-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px;transition:transform .35s}
.designer-card:hover .dc-img-inner{transform:scale(1.06)}
.dc-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding:24px 10px 10px;border-radius:0 0 12px 12px}
.dc-specialty{font-size:9px;font-weight:600;color:rgba(255,255,255,.65);display:block;margin-bottom:2px;letter-spacing:.3px}
.dc-prods-count{font-size:10px;font-weight:700;color:rgba(255,255,255,.85)}
.dc-name{font-size:13px;font-weight:700;color:var(--ink);margin-top:10px;text-align:center}

/* ── DESIGNER MODAL ── */
.designer-overlay{position:fixed;inset:0;background:rgba(28,20,16,.6);backdrop-filter:blur(6px);z-index:800;opacity:0;pointer-events:none;transition:opacity .25s}
.designer-overlay.open{opacity:1;pointer-events:all}
.designer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:801;transform:translateY(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.designer-modal.open{transform:translateY(0)}
.dm-head{padding:0;flex-shrink:0}
.dm-cover{height:200px;position:relative;overflow:hidden;display:flex;align-items:flex-end}
.dm-cover-bg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:120px;opacity:.3}
.dm-cover-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.1) 60%,transparent 100%)}
.dm-cover-content{position:relative;z-index:2;padding:24px 28px;flex:1;display:flex;align-items:flex-end;justify-content:space-between}
.dm-name{font-family:'Playfair Display',serif;font-size:32px;font-weight:400;color:#fff;margin-bottom:4px}
.dm-specialty{font-size:13px;color:rgba(255,255,255,.65);display:flex;align-items:center;gap:8px}
.dm-specialty::before{content:'';width:20px;height:1px;background:rgba(255,255,255,.4)}
.dm-close{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .2s;color:#fff;align-self:flex-start;flex-shrink:0}
.dm-close:hover{background:var(--pk);border-color:var(--pk)}
.dm-tabs{border-bottom:1px solid var(--bd);padding:0 28px;display:flex;gap:0;flex-shrink:0;background:var(--white)}
.dm-tab{padding:14px 20px;font-size:13px;font-weight:600;color:var(--ink3);border-bottom:2.5px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap;border:none;background:none;font-family:'Tajawal',sans-serif}
.dm-tab.active{color:var(--pk);border-bottom-color:var(--pk)}
.dm-body{flex:1;overflow-y:auto;padding:24px 28px}
.dm-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

/* ── STORE PAGE (inside designer/celeb/brand modal) ── */
.store-page{display:flex;height:100%;overflow:hidden}

/* Sidebar categories */
.store-sidebar{width:220px;flex-shrink:0;border-left:1px solid var(--bd);overflow-y:auto;background:var(--cream);padding:20px 0}
.store-sidebar::-webkit-scrollbar{width:2px}
.sb-section{margin-bottom:4px}
.sb-cat{display:flex;align-items:center;justify-content:space-between;padding:9px 20px;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;transition:all .18s;border-right:3px solid transparent;background:none;border:none;width:100%;text-align:right;font-family:'Tajawal',sans-serif}
.sb-cat:hover{background:var(--white);color:var(--pk)}
.sb-cat.active{background:var(--white);color:var(--pk);border-right:3px solid var(--pk)}
.sb-cat-arrow{font-size:10px;transition:transform .2s;color:var(--ink3)}
.sb-cat.open .sb-cat-arrow{transform:rotate(180deg)}
.sb-sub{display:none;padding:4px 0 4px 0}
.sb-sub.open{display:block}
.sb-subitem{display:block;padding:7px 20px 7px 32px;font-size:12px;font-weight:500;color:var(--ink3);cursor:pointer;transition:all .18s;background:none;border:none;width:100%;text-align:right;font-family:'Tajawal',sans-serif}
.sb-subitem:hover{color:var(--pk);background:var(--white)}
.sb-subitem.active{color:var(--pk);font-weight:700}
.sb-divider{height:1px;background:var(--bd);margin:10px 16px}
.sb-count{font-size:10px;color:var(--ink3);font-weight:400;margin-right:4px}

/* Store main content */
.store-main{flex:1;overflow-y:auto;padding:24px 28px}
.store-main::-webkit-scrollbar{width:3px}
.store-main::-webkit-scrollbar-thumb{background:var(--pk-light)}
.store-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}
.store-toolbar-left{display:flex;align-items:center;gap:8px}
.store-breadcrumb{font-size:12px;color:var(--ink3);display:flex;align-items:center;gap:6px}
.store-breadcrumb-sep{color:var(--bd)}
.store-breadcrumb-link{cursor:pointer;transition:color .15s}
.store-breadcrumb-link:hover{color:var(--pk)}
.store-breadcrumb-current{color:var(--ink2);font-weight:600}
.store-result-count{font-size:12px;color:var(--ink3)}
.store-sort{display:flex;align-items:center;gap:8px}
.store-sort-btn{padding:7px 14px;border:1px solid var(--bd);border-radius:99px;font-size:11px;font-weight:600;color:var(--ink2);cursor:pointer;transition:all .2s;background:var(--white);font-family:'Tajawal',sans-serif}
.store-sort-btn:hover,.store-sort-btn.active{border-color:var(--pk);color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* ── PRODUCT PAGE ── */
.product-page{flex:1;overflow-y:auto;padding:28px}
.product-page::-webkit-scrollbar{width:3px}
.pp-back{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink3);cursor:pointer;transition:color .18s;margin-bottom:20px;border:none;background:none;font-family:'Tajawal',sans-serif;padding:0}
.pp-back:hover{color:var(--pk)}
.pp-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}
.pp-images{display:flex;flex-direction:column;gap:10px}
.pp-main-img{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:120px;position:relative}
.pp-main-img-badge{position:absolute;top:12px;right:12px;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;color:#fff}
.pp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pp-thumb{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,rgba(245,240,232,.88),rgba(237,224,200,.85)),url('https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=600&q=80') center/cover;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;border:2px solid transparent;transition:all .18s}
.pp-thumb.active,.pp-thumb:hover{border-color:var(--pk)}
.pp-info{}
.pp-brand-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.pp-brand{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pk)}
.pp-share{width:34px;height:34px;border-radius:50%;border:1px solid var(--bd);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s}
.pp-share:hover{border-color:var(--pk);color:var(--pk)}
.pp-name{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;color:var(--ink);margin-bottom:6px;line-height:1.2}
.pp-name-en{font-size:13px;color:var(--ink3);margin-bottom:12px;font-family:'DM Sans',sans-serif}
.pp-rating-row{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.pp-stars{font-size:14px;color:var(--gold)}
.pp-rating-num{font-size:13px;font-weight:700;color:var(--ink)}
.pp-reviews-link{font-size:12px;color:var(--pk);cursor:pointer;text-decoration:underline}
.pp-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:20px}
.pp-price{font-size:32px;font-weight:700;color:var(--ink)}
.pp-price-old{font-size:16px;color:var(--ink3);text-decoration:line-through}
.pp-price-discount{background:var(--pk);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px}
.pp-desc{font-size:14px;color:var(--ink2);line-height:1.9;margin-bottom:20px}
.pp-variants{margin-bottom:20px}
.pp-variants-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink3);margin-bottom:10px}
.pp-variant-btns{display:flex;gap:8px;flex-wrap:wrap}
.pp-variant-btn{padding:7px 16px;border:1.5px solid var(--bd);border-radius:99px;font-size:12px;font-weight:500;color:var(--ink2);cursor:pointer;transition:all .18s;background:var(--white);font-family:'Tajawal',sans-serif}
.pp-variant-btn:hover,.pp-variant-btn.selected{border-color:var(--pk);color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.pp-qty-row{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.pp-qty-label{font-size:12px;font-weight:600;color:var(--ink3)}
.pp-qty-ctrl{display:flex;align-items:center;gap:0;border:1.5px solid var(--bd);border-radius:8px;overflow:hidden}
.pp-qty-btn{width:36px;height:36px;border:none;background:var(--white);font-size:18px;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;font-family:'DM Sans',sans-serif}
.pp-qty-btn:hover{background:var(--cream)}
.pp-qty-val{width:44px;text-align:center;font-size:14px;font-weight:600;color:var(--ink);border:none;border-right:1px solid var(--bd);border-left:1px solid var(--bd);background:var(--white);padding:0}
.pp-actions{display:flex;gap:10px;margin-bottom:24px}
.pp-add-cart{flex:1;padding:15px 24px;background:var(--pk);color:#fff;border:none;font-size:13px;font-weight:700;letter-spacing:.5px;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px}
.pp-add-cart:hover{background:var(--pk2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,37,107,.3)}
.pp-wish-btn{width:50px;height:50px;border:1.5px solid var(--bd);border-radius:6px;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:all .2s;flex-shrink:0}
.pp-wish-btn:hover{border-color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.pp-features{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.pp-feature{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--cream);border-radius:8px;font-size:11px;font-weight:500;color:var(--ink2)}
.pp-tabs{border-bottom:1px solid var(--bd);display:flex;gap:0;margin-bottom:20px}
.pp-tab{padding:12px 18px;font-size:13px;font-weight:600;color:var(--ink3);border-bottom:2px solid transparent;cursor:pointer;transition:all .18s;border:none;background:none;font-family:'Tajawal',sans-serif}
.pp-tab.active{color:var(--pk);border-bottom-color:var(--pk)}
.pp-tab-content{font-size:13px;color:var(--ink2);line-height:1.9}
.pp-spec-table{width:100%;border-collapse:collapse}
.pp-spec-table tr{border-bottom:1px solid var(--bd)}
.pp-spec-table tr:last-child{border-bottom:none}
.pp-spec-table td{padding:10px 0;font-size:13px}
.pp-spec-table td:first-child{font-weight:600;color:var(--ink3);width:40%;padding-left:0}
.pp-spec-table td:last-child{color:var(--ink2)}
.pp-reviews-section{margin-top:8px}
.pp-review-summary{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--bd);margin-bottom:16px}
.pp-review-big{font-family:'Playfair Display',serif;font-size:52px;font-weight:400;color:var(--ink);line-height:1}
.pp-review-stars{font-size:20px;color:var(--gold);margin-bottom:4px}
.pp-review-total{font-size:12px;color:var(--ink3)}
.pp-review-bars{flex:1}
.pp-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.pp-bar-lbl{font-size:11px;color:var(--ink3);width:20px;text-align:center;flex-shrink:0}
.pp-bar-track{flex:1;height:5px;background:var(--bd);border-radius:3px;overflow:hidden}
.pp-bar-fill{height:100%;background:var(--gold);border-radius:3px}
.pp-review-item{padding:14px 0;border-bottom:1px solid var(--bd)}
.pp-review-item:last-child{border-bottom:none}
.pp-reviewer{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pp-reviewer-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.pp-reviewer-name{font-size:13px;font-weight:600;color:var(--ink)}
.pp-reviewer-date{font-size:11px;color:var(--ink3)}
.pp-review-stars-sm{font-size:11px;color:var(--gold);margin-bottom:4px}
.pp-review-text{font-size:13px;color:var(--ink2);line-height:1.7}

/* Related products */
.pp-related{margin-top:32px;padding-top:24px;border-top:1px solid var(--bd)}
.pp-related-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:var(--ink);margin-bottom:16px}
.pp-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}

/* ── PRODUCT PAGE VARIANTS ── */
.pp-color-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pp-color-btn{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .18s;outline:none;flex-shrink:0}
.pp-color-btn.selected{border-color:var(--pk);transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--pk)}
.pp-color-btn:hover{transform:scale(1.1)}
.pp-variant-oos{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.pp-variant-btn.selected{background:var(--pk);border-color:var(--pk);color:#fff}

.sr-card .sr-img,.sr-card .sr-info,.sr-card .sr-brand,.sr-card .sr-name,.sr-card .sr-price{pointer-events:none}
.sr-card{cursor:pointer}

/* ── ACCOUNT MODAL ── */
.acc-overlay{position:fixed;inset:0;background:rgba(28,20,16,.55);backdrop-filter:blur(6px);z-index:700;opacity:0;pointer-events:none;transition:opacity .25s}
.acc-overlay.open{opacity:1;pointer-events:all}
.acc-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);z-index:701;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.acc-modal.open{transform:translateY(0)}

/* Auth screen */
.acc-auth{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;max-width:440px;margin:0 auto;width:100%}
.acc-logo{font-family:'Playfair Display',serif;font-size:28px;letter-spacing:4px;color:var(--ink);margin-bottom:6px}
.acc-logo span{color:var(--pk)}
.acc-tagline{font-size:12px;color:var(--ink3);margin-bottom:36px;font-style:italic;font-family:'Playfair Display',serif}
.acc-tabs{display:flex;border:1.5px solid var(--bd);border-radius:99px;overflow:hidden;margin-bottom:28px;width:100%}
.acc-tab{flex:1;padding:12px;text-align:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none;background:none;font-family:'Tajawal',sans-serif;color:var(--ink3)}
.acc-tab.active{background:var(--pk);color:#fff}
.acc-field{width:100%;margin-bottom:14px}
.acc-field label{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--ink3);margin-bottom:6px;text-transform:uppercase}
.acc-input{width:100%;padding:13px 16px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;transition:border .2s;background:var(--white)}
.acc-input:focus{border-color:var(--pk)}
.acc-input-row{display:flex;gap:0;border:1.5px solid var(--bd);border-radius:8px;overflow:hidden;transition:border .2s;margin-bottom:14px}
.acc-input-row:focus-within{border-color:var(--pk)}
.acc-prefix{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;color:var(--ink3);background:var(--cream);border-left:1.5px solid var(--bd);flex-shrink:0}
.acc-input-row input{flex:1;padding:13px 14px;border:none;font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;background:transparent}
.acc-btn{width:100%;padding:15px;background:var(--pk);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s;margin-top:6px}
.acc-btn:hover{background:var(--pk2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,37,107,.3)}
.acc-divider{display:flex;align-items:center;gap:12px;width:100%;margin:18px 0;color:var(--ink3);font-size:11px}
.acc-divider::before,.acc-divider::after{content:'';flex:1;height:1px;background:var(--bd)}
.acc-social{display:flex;gap:10px;width:100%}
.acc-social-btn{flex:1;padding:12px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;background:var(--white);font-family:'Tajawal',sans-serif;color:var(--ink2);display:flex;align-items:center;justify-content:center;gap:8px}
.acc-social-btn:hover{border-color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.acc-terms{font-size:11px;color:var(--ink3);text-align:center;margin-top:16px;line-height:1.7}
.acc-terms a{color:var(--pk);cursor:pointer}
.acc-close{position:absolute;top:20px;left:20px;width:36px;height:36px;border-radius:50%;border:1px solid var(--bd);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .2s;z-index:10}
.acc-close:hover{background:var(--pk);color:#fff;border-color:var(--pk)}

/* Dashboard screen */
.acc-dash{flex:1;overflow-y:auto;display:none}
.acc-dash.active{display:flex;flex-direction:column}
.acc-header{background:linear-gradient(135deg,rgba(45,21,53,.82),rgba(90,26,80,.88)),url('https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?w=800&q=80') center/cover;padding:40px 28px 28px;position:relative;flex-shrink:0}
.acc-header-close{position:absolute;top:16px;left:16px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.12);border:none;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:#fff;transition:all .2s}
.acc-header-close:hover{background:rgba(255,255,255,.22)}
.acc-avatar{width:64px;height:64px;border-radius:50%;background:var(--pk);border:3px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:12px}
.acc-welcome{font-family:'Playfair Display',serif;font-size:22px;color:#fff;margin-bottom:4px}
.acc-welcome em{font-style:italic;color:var(--gold-light)}
.acc-stats{display:flex;gap:12px;margin-top:16px}
.acc-stat{flex:1;background:rgba(255,255,255,.1);border-radius:10px;padding:12px;text-align:center}
.acc-stat-num{font-family:'Playfair Display',serif;font-size:22px;font-weight:400;color:#fff}
.acc-stat-lbl{font-size:10px;color:rgba(255,255,255,.55);margin-top:2px;letter-spacing:.3px}
.acc-body{padding:20px 24px;flex:1}
.acc-section{margin-bottom:24px}
.acc-section-title{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ink3);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--bd)}
.acc-menu-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--bd);cursor:pointer;transition:all .18s}
.acc-menu-item:hover .ami-label{color:var(--pk)}
.acc-menu-item:last-child{border-bottom:none}
.ami-left{display:flex;align-items:center;gap:12px}
.ami-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.ami-label{font-size:14px;font-weight:500;color:var(--ink2);transition:color .18s}
.ami-sub{font-size:11px;color:var(--ink3);margin-top:1px}
.ami-arrow{font-size:14px;color:var(--ink3)}
.ami-badge{background:var(--pk);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;min-width:20px;text-align:center}
.acc-logout{width:100%;padding:14px;border:1.5px solid var(--bd);border-radius:8px;background:var(--white);font-size:13px;font-weight:600;color:var(--ink3);cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.acc-logout:hover{border-color:var(--pk);color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}

/* ── WISHLIST MODAL ── */
.wish-overlay{position:fixed;inset:0;background:rgba(28,20,16,.5);z-index:500;opacity:0;pointer-events:none;transition:opacity .3s}
.wish-overlay.open{opacity:1;pointer-events:all}
.wish-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;background:var(--white);z-index:501;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border-left:1px solid var(--bd)}
.wish-drawer.open{transform:translateX(0)}
.wish-head{padding:24px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between}
.wish-head-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:var(--ink)}
.wish-head-count{font-size:12px;color:var(--ink3);margin-top:2px}
.wish-x{width:34px;height:34px;background:var(--cream);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;border-radius:50%;border:none}
.wish-x:hover{background:var(--pk);color:#fff}
.wish-body{flex:1;overflow-y:auto;padding:18px 24px}
.wish-empty{text-align:center;padding:60px 20px;color:var(--ink3)}
.wish-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd);align-items:center}
.wish-item-img{width:64px;height:64px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.wish-item-info{flex:1}
.wish-item-name{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:3px}
.wish-item-actions{display:flex;gap:8px;margin-top:8px}
.wish-move-cart{flex:1;padding:7px 12px;background:var(--pk);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s}
.wish-move-cart:hover{background:var(--pk2)}
.wish-remove{width:32px;height:32px;border:1px solid var(--bd);border-radius:6px;background:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;flex-shrink:0}
.wish-remove:hover{background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover;border-color:var(--pk)}
.wish-footer{padding:16px 24px;border-top:1px solid var(--bd)}
.wish-counter{position:absolute;top:4px;right:4px;background:var(--pk);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none}
.fm-links a{cursor:pointer}
.fm-links a:hover{color:rgba(255,255,255,.85);}

/* ── COUPON ── */
.coupon-wrap{margin-bottom:14px}
.coupon-row{display:flex;gap:0;border:1.5px solid var(--bd);border-radius:8px;overflow:hidden;transition:border .2s}
.coupon-row:focus-within{border-color:var(--pk)}
.coupon-input{flex:1;padding:11px 14px;border:none;font-size:13px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;background:var(--white);letter-spacing:1px}
.coupon-input::placeholder{letter-spacing:0;color:var(--ink3)}
.coupon-btn{padding:11px 18px;background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;color:#fff;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s;white-space:nowrap;flex-shrink:0}
.coupon-btn:hover{background:var(--pk)}
.coupon-msg{font-size:12px;margin-top:7px;padding:0 2px;min-height:18px;transition:all .2s}
.coupon-msg.success{color:#16a34a}
.coupon-msg.error{color:var(--pk)}
.cart-summary{margin-bottom:14px;border:1px solid var(--bd);border-radius:8px;overflow:hidden}
.cart-row{display:flex;justify-content:space-between;padding:10px 14px;font-size:13px;color:var(--ink2);border-bottom:1px solid var(--bd)}
.cart-row:last-child{border-bottom:none}
.cart-tot{font-size:15px;font-weight:700;color:var(--ink);background:var(--cream)}

/* ── CHECKOUT MODAL ── */
.co-overlay{position:fixed;inset:0;background:rgba(28,20,16,.55);backdrop-filter:blur(6px);z-index:800;opacity:0;pointer-events:none;transition:opacity .25s}
.co-overlay.open{opacity:1;pointer-events:all}
.co-modal{position:fixed;inset:0;background:var(--cream);z-index:801;transform:translateY(100%);transition:transform .38s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.co-modal.open{transform:translateY(0)}

/* Header */
.co-head{height:60px;padding:0 28px;background:var(--white);border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.co-head-title{font-family:'Playfair Display',serif;font-size:20px;font-weight:400;color:var(--ink);display:flex;align-items:center;gap:10px}
.co-steps{display:flex;gap:6px;align-items:center}
.co-step{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--ink3);display:flex;align-items:center;gap:4px}
.co-step.done{color:var(--pk)}
.co-step-num{width:20px;height:20px;border-radius:50%;background:var(--bd);color:var(--ink3);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center}
.co-step.done .co-step-num{background:var(--pk);color:#fff}
.co-step-sep{color:var(--bd);font-size:10px}
.co-close{width:34px;height:34px;border-radius:50%;border:1px solid var(--bd);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;flex-shrink:0}
.co-close:hover{background:var(--pk);color:#fff;border-color:var(--pk)}

/* Body layout */
.co-body{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:1fr 340px;gap:0}
.co-body::-webkit-scrollbar{width:3px}
.co-body::-webkit-scrollbar-thumb{background:var(--pk-light)}
.co-left{padding:24px 28px;display:flex;flex-direction:column;gap:0;overflow-y:auto;min-height:0}
.co-left::-webkit-scrollbar{width:2px}
.co-right{background:var(--white);border-right:1px solid var(--bd);display:flex;flex-direction:column;overflow-y:auto}

/* Section cards */
.co-section{background:var(--white);border-radius:14px;border:1px solid var(--bd);margin-bottom:16px;transition:box-shadow .2s}
.co-section:hover{box-shadow:0 2px 16px rgba(28,20,16,.06)}
.co-section-head{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid var(--bd)}
.co-section-title{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.co-section-tag{font-size:9px;font-weight:700;padding:3px 8px;border-radius:99px;letter-spacing:.3px}
.co-section-tag.req{background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover;color:var(--pk)}
.co-section-tag.opt{background:linear-gradient(135deg,rgba(245,240,232,.88),rgba(237,224,200,.85)),url('https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=600&q=80') center/cover;color:var(--ink3)}
.co-section-body{padding:18px 20px}

/* Form fields */
.co-label{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--ink3);text-transform:uppercase;margin-bottom:6px}
.co-input{width:100%;padding:12px 14px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;transition:border .2s;background:var(--white)}
.co-input:focus{border-color:var(--pk)}
.co-input-row{display:flex;gap:10px;margin-bottom:12px}
.co-input-row>*{flex:1}
.co-field{margin-bottom:12px}
.co-tel-wrap{display:flex;border:1.5px solid var(--bd);border-radius:8px;overflow:hidden;transition:border .2s}
.co-tel-wrap:focus-within{border-color:var(--pk)}
.co-tel-prefix{display:flex;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;color:var(--ink3);background:var(--cream);border-left:1.5px solid var(--bd);flex-shrink:0;white-space:nowrap}
.co-tel-wrap input{flex:1;padding:12px 12px;border:none;font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;background:transparent}
.co-select{width:100%;padding:12px 14px;border:1.5px solid var(--bd);border-radius:8px;font-size:14px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;background:var(--white);cursor:pointer;transition:border .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238C7B70' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}
.co-select:focus{border-color:var(--pk)}
.co-textarea{width:100%;padding:12px 14px;border:1.5px solid var(--bd);border-radius:8px;font-size:13px;font-family:'Tajawal',sans-serif;color:var(--ink);outline:none;resize:none;transition:border .2s;background:var(--white);min-height:72px}
.co-textarea:focus{border-color:var(--pk)}

/* Payment methods */
.pay-methods{display:flex;flex-direction:column;gap:8px}
.pay-method{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--white)}
.pay-method:hover{border-color:var(--pk-light);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.pay-method.selected{border-color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover;box-shadow:0 0 0 1px var(--pk)}
.pay-method-icon{font-size:22px;flex-shrink:0;width:36px;text-align:center}
.pay-method-info{flex:1}
.pay-method-name{font-size:14px;font-weight:600;color:var(--ink)}
.pay-method-sub{font-size:11px;color:var(--ink3);margin-top:1px}
.pay-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--bd);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}
.pay-method.selected .pay-radio{border-color:var(--pk);background:var(--pk)}
.pay-method.selected .pay-radio::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff}

/* Gift toggle */
.gift-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1.5px solid var(--bd);border-radius:10px;cursor:pointer;transition:all .2s;background:var(--white)}
.gift-toggle:hover{border-color:var(--pk-light)}
.gift-toggle.active{border-color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.gift-toggle-left{display:flex;align-items:center;gap:12px}
.gift-toggle-label{font-size:14px;font-weight:600;color:var(--ink)}
.gift-toggle-sub{font-size:11px;color:var(--ink3);margin-top:2px}
.co-switch{width:44px;height:26px;border-radius:99px;background:var(--bd);position:relative;transition:background .2s;flex-shrink:0}
.co-switch.on{background:var(--pk)}
.co-switch::after{content:'';position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.co-switch.on::after{transform:translateX(-18px)}
.gift-details{overflow:hidden;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1)}
.gift-details.open{max-height:500px;padding-top:16px}

/* Order summary panel */
.co-summary-panel{display:flex;flex-direction:column;height:100%}
.co-summary-top{padding:20px;border-bottom:1px solid var(--bd);flex-shrink:0}
.co-summary-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:400;color:var(--ink);margin-bottom:14px}
.co-sum-items{overflow-y:auto;flex:1;min-height:0;padding:0 20px}
.co-sum-items::-webkit-scrollbar{width:2px}
.co-sum-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--bd)}
.co-sum-item:last-child{border-bottom:none}
.co-sum-img{width:44px;height:44px;border-radius:8px;background:var(--cream);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.co-sum-info{flex:1;min-width:0}
.co-sum-name{font-size:12px;font-weight:500;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.co-sum-qty{font-size:10px;color:var(--ink3);margin-top:2px}
.co-sum-price{font-size:13px;font-weight:700;color:var(--ink);flex-shrink:0}
.co-sum-footer{padding:16px 20px;border-top:2px solid var(--bd);flex-shrink:0;margin-top:auto}
.co-sum-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;color:var(--ink2)}
.co-sum-row.disc{color:var(--pk)}
.co-sum-row.total{font-size:16px;font-weight:700;color:var(--ink);border-top:1px solid var(--bd);padding-top:12px;margin-top:8px}
.co-confirm-btn{width:100%;padding:15px;background:var(--pk);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s;margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.co-confirm-btn:hover{background:var(--pk2);transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,37,107,.3)}
.co-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;font-size:11px;color:var(--ink3)}

@media(max-width:900px){
  .co-body{flex-direction:column;overflow-y:auto;overflow-x:hidden}
  .co-left{overflow-y:visible;width:100%}
  .co-left-inner{padding:20px 16px}
  .co-right{width:100%;border-right:none;border-top:2px solid var(--bd);overflow-y:visible;min-height:auto}
  .co-summary-panel{height:auto}
  .co-input-row{flex-direction:column}
}

/* ── ADDRESS CARDS ── */
.co-add-addr-btn{font-size:12px;font-weight:700;color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover;border:1.5px solid var(--pk-light);border-radius:6px;padding:6px 12px;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s;flex-shrink:0}
.co-add-addr-btn:hover{background:var(--pk);color:#fff}
.co-save-addr-btn{width:100%;padding:12px;background:var(--pk);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s}
.co-save-addr-btn:hover{background:var(--pk2)}
.addr-card{border:1.5px solid var(--bd);border-radius:10px;padding:14px 16px;cursor:pointer;transition:all .2s;margin-bottom:10px;position:relative}
.addr-card:hover{border-color:var(--pk)}
.addr-card.selected{border-color:var(--pk);background:linear-gradient(135deg,rgba(253,240,246,.9),rgba(242,168,199,.8)),url('https://images.unsplash.com/photo-1571781926291-c477ebfd024b?w=600&q=80') center/cover}
.addr-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.addr-card-name{font-size:14px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}
.addr-default-tag{font-size:9px;font-weight:700;background:var(--pk);color:#fff;padding:2px 8px;border-radius:4px;letter-spacing:.3px}
.addr-card-detail{font-size:12px;color:var(--ink3);line-height:1.6}
.addr-card-phone{font-size:12px;color:var(--ink3);margin-top:4px;font-family:'DM Sans',sans-serif}
.addr-card-actions{display:flex;gap:8px;margin-top:10px;border-top:1px solid var(--bd);padding-top:10px}
.addr-action-btn{font-size:11px;font-weight:600;color:var(--ink3);background:none;border:none;cursor:pointer;font-family:'Tajawal',sans-serif;transition:color .2s;padding:0}
.addr-action-btn:hover{color:var(--pk)}
.addr-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--bd);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-top:2px}
.addr-card.selected .addr-radio{border-color:var(--pk);background:var(--pk)}
.addr-card.selected .addr-radio::after{content:'';width:6px;height:6px;border-radius:50%;background:#fff}

/* ── SHARE PANEL ── */
.share-overlay{position:fixed;inset:0;background:rgba(28,20,16,.45);backdrop-filter:blur(4px);z-index:900;opacity:0;pointer-events:none;transition:opacity .22s}
.share-overlay.open{opacity:1;pointer-events:all}
.share-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--white);z-index:901;border-radius:20px 20px 0 0;padding:0 0 28px;transform:translateY(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);max-width:480px;margin:0 auto}
.share-sheet.open{transform:translateY(0)}
.share-handle{width:36px;height:4px;background:var(--bd);border-radius:2px;margin:12px auto 0}
.share-head{padding:16px 24px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bd)}
.share-title{font-family:'Playfair Display',serif;font-size:16px;font-weight:400;color:var(--ink)}
.share-close{width:30px;height:30px;border-radius:50%;border:1px solid var(--bd);background:none;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s}
.share-close:hover{background:var(--pk);color:#fff;border-color:var(--pk)}
.share-preview{margin:14px 24px;padding:12px 14px;background:var(--cream);border-radius:10px;border:1px solid var(--bd);display:flex;align-items:center;gap:12px}
.share-preview-img{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,rgba(245,240,232,.88),rgba(237,224,200,.85)),url('https://images.unsplash.com/photo-1548036328-c9fa89d128fa?w=600&q=80') center/cover;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.share-preview-name{font-size:13px;font-weight:600;color:var(--ink);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.share-preview-url{font-size:11px;color:var(--ink3);margin-top:2px;font-family:'DM Sans',sans-serif}
.share-apps{display:flex;gap:8px;padding:14px 24px 0;overflow-x:auto;scrollbar-width:none}
.share-apps::-webkit-scrollbar{display:none}
.share-app{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;cursor:pointer;transition:transform .2s}
.share-app:hover{transform:translateY(-3px)}
.share-app-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;transition:box-shadow .2s}
.share-app:hover .share-app-icon{box-shadow:0 6px 18px rgba(0,0,0,.15)}
.share-app-name{font-size:10px;font-weight:600;color:var(--ink3);text-align:center}
.share-copy-row{margin:14px 24px 0;display:flex;gap:0;border:1.5px solid var(--bd);border-radius:8px;overflow:hidden}
.share-copy-url{flex:1;padding:11px 14px;font-size:12px;color:var(--ink2);background:var(--cream);font-family:'DM Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr}
.share-copy-btn{padding:11px 16px;background:linear-gradient(135deg,rgba(28,20,16,.82),rgba(50,35,25,.88)),url('https://images.unsplash.com/photo-1512496015851-a90fb38ba796?w=600&q=80') center/cover;color:#fff;border:none;font-size:12px;font-weight:700;cursor:pointer;font-family:'Tajawal',sans-serif;transition:background .2s;white-space:nowrap;flex-shrink:0}
.share-copy-btn:hover{background:var(--pk)}
.share-copy-btn.copied{background:#16a34a}

.cc-share-btn{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;opacity:0;transition:all .2s;color:var(--ink2)}
.celeb-card:hover .cc-share-btn{opacity:1}
.cc-share-btn:hover{background:#fff;color:var(--pk);transform:scale(1.12)}

.bc-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.cc-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.celeb-card:hover .cc-img img{transform:scale(1.06)}
.brand-card:hover .bc-circle img{transform:scale(1.08)}
.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.prod-card:hover .pc-img img{transform:scale(1.05)}

.bc-img-wrap{width:72px;height:72px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:box-shadow .2s;border:2px solid rgba(255,255,255,.2)}
.brand-card:hover .bc-img-wrap{box-shadow:0 6px 20px rgba(212,37,107,.25)}

/* ── PRODUCT CARD BUTTONS ── */
.pc-card-actions{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:6px;opacity:0;transition:opacity .2s}
.prod-card:hover .pc-card-actions{opacity:1}
.pc-wish{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);border:1.5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:all .2s;color:var(--pk);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.pc-wish:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgba(212,37,107,.3)}
.pc-wish.wishlisted{background:var(--pk);color:#fff;border-color:var(--pk)}
.pc-share-btn{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);border:1.5px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:all .2s;color:var(--ink2);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.pc-share-btn:hover{background:#fff;color:var(--pk);transform:scale(1.1);box-shadow:0 4px 12px rgba(212,37,107,.3)}

/* ── FLASH CARDS ── */






























/* ── FLASH CARDS ── */

.flash-grid::-webkit-scrollbar{display:none}


.fc-img-wrap{width:100%;height:190px;background:#f8f8f8;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.fc-img-wrap img{width:100%;height:100%;object-fit:contain;padding:12px}
.fc-disc{position:absolute;top:10px;right:10px;background:#D4256B;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;font-family:'Tajawal',sans-serif}
.fc-body{padding:10px 12px}
.fc-name{font-size:12px;font-weight:500;color:#1c1410;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-prices{display:flex;align-items:center;gap:8px;flex-direction:row-reverse;justify-content:flex-end}
.fc-new{font-size:16px;font-weight:700;color:#D4256B}
.fc-old{font-size:12px;color:#aaa;text-decoration:line-through}

/* ── FLASH CARDS ── */
.flash-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;align-items:stretch}
.flash-grid::-webkit-scrollbar{height:3px}
.flash-grid::-webkit-scrollbar-thumb{background:var(--pk-light);border-radius:2px}
.flash-card{flex-shrink:0;width:200px;background:var(--white);border:1px solid var(--bd);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .25s;display:flex;flex-direction:column}
.flash-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(28,20,16,.12)}
.flash-card-img{width:100%;height:200px;overflow:hidden;position:relative;background:var(--cream);flex-shrink:0}
.flash-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.flash-card:hover .flash-card-img img{transform:scale(1.06)}
.flash-card-disc{position:absolute;top:10px;right:10px;background:#D4256B;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;direction:ltr}
.flash-card-limited{position:absolute;bottom:10px;right:10px;background:rgba(28,20,16,.7);color:#fff;font-size:9px;font-weight:600;padding:3px 8px;border-radius:4px}
.flash-card-body{padding:12px 14px;flex:1;display:flex;flex-direction:column;gap:3px}
.flash-card-brand{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--ink3);text-transform:uppercase}
.flash-card-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.flash-card-prices{display:flex;align-items:baseline;gap:8px;margin-top:6px;flex-wrap:wrap}
.flash-card-price{font-size:17px;font-weight:700;color:#D4256B}
.flash-card-old{font-size:11px;color:var(--ink3);text-decoration:line-through}

/* ── STORE HERO SLIDER ── */
.dm-cover{height:260px}
.dm-slider{position:absolute;inset:0;overflow:hidden}
.dm-slides{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}
.dm-slide{flex-shrink:0;width:100%;height:100%;background-size:cover;background-position:center;background-color:var(--ink)}
.dm-slide img{width:100%;height:100%;object-fit:cover;display:block}
.dm-sl-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3);color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}
.dm-sl-btn:hover{background:rgba(255,255,255,.4)}
.dm-sl-prev{right:16px}
.dm-sl-next{left:16px}
.dm-sl-dots{position:absolute;bottom:70px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:10}
.dm-sl-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:all .2s}
.dm-sl-dot.active{width:18px;border-radius:3px;background:#fff}

/* ── QUICK NAV ICONS ── */
.quick-nav-section{background:var(--white);padding:20px 0 8px;border-bottom:1px solid var(--bd)}
.qn-inner{max-width:1440px;margin:0 auto;padding:0 24px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;justify-content:center}
.qn-inner::-webkit-scrollbar{display:none}
.qn-item{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;flex-shrink:0;width:108px;transition:transform .2s}
.qn-item:hover{transform:translateY(-3px)}
.qn-item:hover .qn-circle{box-shadow:0 8px 20px rgba(212,37,107,.25)}
.qn-circle{width:96px;height:96px;border-radius:50%;overflow:hidden;position:relative;flex-shrink:0;border:2.5px solid transparent;background-clip:padding-box;box-shadow:0 2px 10px rgba(28,20,16,.12);transition:box-shadow .2s}
.qn-circle::after{content:'';position:absolute;inset:-2.5px;border-radius:50%;background:linear-gradient(135deg,var(--pk),var(--gold-light));z-index:-1;opacity:0;transition:opacity .2s}
.qn-item:hover .qn-circle::after{opacity:1}
.qn-circle img{width:100%;height:100%;object-fit:cover;display:block}
.qn-label{font-size:12px;font-weight:600;color:var(--ink);text-align:center;line-height:1.3;max-width:104px}

@media(max-width:900px){
  .hb-inner,.hb-row2{grid-template-columns:1fr 1fr}
  .hb-card.hb-large{grid-column:span 2}
}
@media(max-width:600px){
  .hb-inner,.hb-row2{grid-template-columns:1fr}
  .hb-card.hb-large{grid-column:span 1}
  .hb-card{min-height:140px}
  .hb-title{font-size:20px}
}

/* ── PROMO BANNERS ── */
.promo-banners-row{background:var(--cream);padding:48px 0}
.pb-wrap{max-width:1440px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pb-card{border-radius:18px;overflow:hidden;cursor:pointer;position:relative;background-size:cover;background-position:center top;min-height:220px;transition:transform .28s,box-shadow .28s;display:flex;align-items:stretch}
.pb-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(28,20,16,.2)}
.pb-overlay{position:absolute;inset:0}
.pb-body{position:relative;z-index:2;padding:24px 22px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;width:100%}
.pb-tag{font-size:11px;font-weight:700;letter-spacing:.7px;color:var(--gold-light);text-transform:uppercase}
.pb-title{font-family:'Playfair Display',serif;font-size:26px;font-weight:400;color:#fff;line-height:1.2}
.pb-cta{font-size:12px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.3px;transition:color .2s}
.pb-card:hover .pb-cta{color:#fff}
@media(max-width:900px){.pb-wrap{grid-template-columns:1fr;gap:12px}.pb-card{min-height:160px}}



/* زر الهامبرغر - مخفي على الديسكتوب */
.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0}
.mobile-menu-btn span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all .28s}
.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-menu-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* الدرج الجانبي */
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800;backdrop-filter:blur(2px)}
.mob-drawer{position:fixed;top:0;right:-100%;width:75vw;max-width:300px;height:100%;background:#fff;z-index:801;transition:right .3s ease;overflow-y:auto;box-shadow:-2px 0 16px rgba(0,0,0,.15)}
.mob-overlay.show{display:block}
.mob-drawer.show{right:0}
.mob-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid #eee}
.mob-close{border:none;background:none;font-size:18px;cursor:pointer;color:#666;width:32px;height:32px}
.mob-link{display:block;padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:15px;font-family:'Tajawal',sans-serif;font-weight:600;color:#1c1410;cursor:pointer;text-decoration:none;transition:background .15s}
.mob-link:hover,.mob-link:active{background:#fdf0f6}

/* ── ≤768px ── */


/* ── ≤480px ── */


/* ── ≤375px ── */









/* ╔══════════════════════════════════════════════════╗
   ║  LAQUEEN — MOBILE RESPONSIVE CSS                 ║
   ╚══════════════════════════════════════════════════╝ */

/* Global fix — prevent ALL overflow */
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden}
body{overflow-x:hidden;max-width:100vw}
.hero-wrapper{position:relative;width:100%;height:560px;overflow:hidden}

/* ─── Hamburger button (hidden on desktop) ─── */
.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:6px;flex-shrink:0}
.mobile-menu-btn span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:all .28s}
.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-menu-btn.active span:nth-child(2){opacity:0}
.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* ─── Mobile Drawer ─── */
.mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:800}
.mob-drawer{position:fixed;top:0;right:-100%;width:75vw;max-width:300px;height:100%;background:#fff;z-index:801;transition:right .3s ease;overflow-y:auto;box-shadow:-2px 0 16px rgba(0,0,0,.15)}
.mob-overlay.show{display:block}
.mob-drawer.show{right:0}
.mob-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid #eee}
.mob-close{border:none;background:none;font-size:18px;cursor:pointer;color:#666;width:32px;height:32px}
.mob-link{display:block;padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:15px;font-family:'Tajawal',sans-serif;font-weight:600;color:#1c1410;cursor:pointer;text-decoration:none;transition:background .15s}
.mob-link:hover{background:#fdf0f6}

/* ═══════════════════════════════════════
   ≤ 768px
   ═══════════════════════════════════════ */
@media(max-width:768px){
  /* Header */
  .header-inner{padding:0 14px!important;height:58px!important}
  .header-nav{display:none!important}
  .mobile-menu-btn{display:flex!important}
  .lang{display:none!important}

  /* Hero */
  .hero-wrapper{height:55vh!important;min-height:280px!important;max-height:420px!important}
  .hero-section{padding:8px!important}
  .hero-inner{height:100%!important;border-radius:10px!important}
  .hero-grid{display:flex!important;flex-direction:column!important;height:100%!important}
  .hero-left-cards,.hero-right-cards{display:none!important}
  .hero-center{flex:1!important;height:100%!important}

  /* Inner containers */
  .header-inner,.ps-inner,.flash-inner,.nl-inner,.footer-app-inner,.footer-main,.footer-bottom,.qn-inner,.pb-wrap,.hb-inner{
    padding-left:14px!important;
    padding-right:14px!important;
  }

  /* Sections */
  .page-section{padding:24px 0!important}
  .ps-inner{padding-top:0!important;padding-bottom:0!important}
  .ps-title{font-size:20px!important}
  .ps-subtitle{font-size:11px!important}
  .ps-head{margin-bottom:12px!important}

  /* Products grid */
  .products-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .prod-card .pc-name{font-size:11px!important}
  .prod-card .pc-price{font-size:13px!important}
  .prod-card .pc-add{width:26px!important;height:26px!important;font-size:14px!important}
  .pc-body{padding:8px!important}

  /* Celebrities */
  .celebs-row{gap:10px!important;padding-bottom:6px!important}
  .celeb-card{width:104px!important}
  .cc-img{height:104px!important}
  .cc-name{font-size:10px!important}

  /* Brands */
  .brands-row{gap:10px!important}
  .brand-card{width:84px!important}
  .bc-img-wrap{width:52px!important;height:52px!important}
  .bc-name{font-size:10px!important}

  /* Designers */
  .designers-row{gap:10px!important}
  .designer-card{width:120px!important}
  .dc-img{height:140px!important}
  .dc-name{font-size:11px!important}

  /* Flash Sale */
  .flash-wrap{padding:24px 0!important}
  .flash-inner{padding:0 14px!important}
  .flash-grid{gap:10px!important}
  .flash-card{width:140px!important}
  .flash-card-img{height:120px!important}
  .flash-card-body{padding:8px 10px!important}
  .flash-card-name{font-size:11px!important}
  .flash-card-price{font-size:14px!important}
  .flash-card-old{font-size:10px!important}

  /* Quick Nav Icons */
  .quick-nav-section{padding:14px 0 4px!important}
  .qn-inner{gap:6px!important;justify-content:flex-start!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .qn-inner::-webkit-scrollbar{display:none}
  .qn-circle{width:60px!important;height:60px!important}
  .qn-item{width:70px!important;flex-shrink:0!important}
  .qn-label{font-size:9px!important}

  /* Promo Banners */
  .promo-banners-row{padding:20px 0!important}
  .pb-wrap{grid-template-columns:1fr!important;gap:10px!important}
  .pb-card{min-height:140px!important}
  .pb-title{font-size:20px!important}
  .pb-body{padding:16px 14px!important}

  /* Hero Banners */
  .hero-banners-section{padding:0 0 16px!important}
  .hb-inner{grid-template-columns:1fr!important;gap:10px!important}
  .hb-row2{grid-template-columns:1fr!important;margin-top:10px!important}
  .hb-card{min-height:130px!important;border-radius:12px!important}
  .hb-title{font-size:18px!important}

  /* Footer */
  .footer-app-inner{flex-direction:column!important;gap:12px!important;text-align:center!important;padding:20px 14px!important}
  .fa-btns{justify-content:center!important}
  .footer-cols{grid-template-columns:1fr 1fr!important;gap:20px 16px!important}
  .footer-main{padding:28px 14px 24px!important}
  .footer-bottom{padding:14px!important;flex-direction:column!important;gap:8px!important;text-align:center!important}

  /* Modals — full screen on mobile */
  .designer-modal{width:100%!important;max-width:100%!important;height:100%!important;border-radius:0!important;top:0!important;left:0!important;right:0!important;transform:none!important;margin:0!important}
  .sec-modal{width:100%!important;max-width:100%!important;height:100%!important;border-radius:0!important;top:0!important;left:0!important;transform:none!important}
  .store-sidebar{display:none!important}
  .store-main{width:100%!important;padding:12px!important}
  .store-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}
  .dm-cover{height:180px!important}
  .dm-name{font-size:20px!important}

  /* Cart drawer */
  .cart-drawer{width:100%!important;max-width:100%!important}

  /* Topbar */
  .topbar{font-size:10px!important}
}

/* ═══════════════════════════════════════
   ≤ 480px
   ═══════════════════════════════════════ */
@media(max-width:480px){
  .hero-wrapper{height:50vh!important;min-height:250px!important;max-height:360px!important}
  .products-grid{gap:8px!important}
  .celeb-card{width:92px!important}
  .cc-img{height:92px!important}
  .flash-card{width:128px!important}
  .flash-card-img{height:110px!important}
  .designer-card{width:108px!important}
  .dc-img{height:128px!important}
  .qn-circle{width:54px!important;height:54px!important}
  .qn-item{width:62px!important}
}

/* ═══════════════════════════════════════
   ≤ 375px
   ═══════════════════════════════════════ */
@media(max-width:375px){
  .header-inner{padding:0 10px!important;height:52px!important}
  .hero-wrapper{min-height:220px!important}
  .products-grid{gap:6px!important}
  .celeb-card{width:84px!important}
  .cc-img{height:84px!important}
  .qn-circle{width:48px!important;height:48px!important}
  .qn-item{width:56px!important}
  .qn-label{font-size:8px!important}
  .flash-card{width:118px!important}
  .pb-title{font-size:18px!important}
}