:root{--bg:#f8f4ef;--bg2:#f1ebe2;--bg3:#e8dfd2;--surf:#fff;--brd:#e2d8cc;--brd2:#cfc3b0;--txt:#1a1612;--mid:#5c5047;--mut:#9c8f84;--gold:#9d7850;--gold2:#c9a870;--gold3:#f0d898;--wa:#25D366;--red:#c0392b;--sh:0 2px 12px rgba(26,22,18,.07);--sh2:0 6px 32px rgba(26,22,18,.12);--sh3:0 16px 56px rgba(26,22,18,.16)}
[data-dark]{--bg:#0d0b09;--bg2:#141210;--bg3:#1c1916;--surf:#181410;--brd:#2c2820;--brd2:#3c3428;--txt:#f2ede6;--mid:#a09080;--mut:#5a5048;--gold:#c9a870;--gold2:#e2c890;--gold3:#f8e8b8;--sh:0 2px 12px rgba(0,0,0,.3);--sh2:0 6px 32px rgba(0,0,0,.4);--sh3:0 16px 56px rgba(0,0,0,.5)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Tajawal',sans-serif;direction:rtl;background:var(--bg);color:var(--txt);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .35s,color .35s}
@keyframes mq-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes tk-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes gold-shine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes fade-up{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes btn-shine{from{left:-80%}to{left:130%}}
.gold-txt{background:linear-gradient(100deg,var(--gold) 0%,var(--gold2) 35%,var(--gold3) 50%,var(--gold2) 65%,var(--gold) 100%);background-size:300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold-shine 5s ease infinite}
.shine{position:relative;overflow:hidden}
.shine::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-18deg);pointer-events:none}
.shine:hover::after{animation:btn-shine .65s ease forwards}
/* MARQUEE */
.mbar{background:#0d0b09;color:#f2ede6;height:40px;overflow:hidden;position:relative}
.mbar-track{display:flex;align-items:center;height:100%;white-space:nowrap;animation:mq-scroll 28s linear infinite;will-change:transform}
.mitem{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1.6px;padding:0 36px;font-weight:500;opacity:.9;flex-shrink:0}
.mdot{width:3px;height:3px;background:var(--gold2);border-radius:50%;flex-shrink:0}
/* NAV */
.nav{position:sticky;top:0;z-index:200;background:rgba(248,244,239,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--brd);display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px;transition:background .35s,border-color .35s}
[data-dark] .nav{background:rgba(13,11,9,.94)}
.nav-left{display:flex;align-items:center;gap:10px}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:600;letter-spacing:4px;text-decoration:none;cursor:pointer;user-select:none;background:linear-gradient(100deg,var(--gold) 0%,var(--gold2) 35%,var(--gold3) 50%,var(--gold2) 65%,var(--gold) 100%);background-size:300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold-shine 5s ease infinite}
.nav-logo-mobile{display:none;-webkit-tap-highlight-color:transparent;outline:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;cursor:default}
.nav-logo,.adm-brand,.adm-brand-pro,.foot-logo{direction:ltr;unicode-bidi:isolate}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-ico{width:36px;height:36px;border-radius:50%;border:1px solid var(--brd2);display:flex;align-items:center;justify-content:center;background:none;cursor:pointer;color:var(--mid);font-size:17px;text-decoration:none;transition:all .2s;flex-shrink:0}
.nav-ico:hover{border-color:var(--gold);color:var(--gold)}
.cart-btn{position:relative}
.cart-badge{position:absolute;top:-4px;left:-4px;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:none;align-items:center;justify-content:center;padding:0 3px;line-height:1}
.cart-badge.show{display:flex}
@keyframes badge-pop{0%{transform:scale(0.6)}50%{transform:scale(1.3)}100%{transform:scale(1)}}
.cart-badge.pop{animation:badge-pop 0.35s ease both}
.ham{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}
.ham span{display:block;width:20px;height:1.5px;background:var(--txt);transition:all .3s}
.ham.open span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0}
.ham.open span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.ham-mobile{display:none}
/* MOBILE MENU */
.mob-menu{position:fixed;inset:0;top:60px;background:var(--bg);z-index:190;transform:translateX(110%);transition:transform .32s ease;padding:20px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;border-top:1px solid var(--brd)}
.mob-menu.open{transform:translateX(0)}
.mlink{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--brd);color:var(--txt);font-size:15px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s}
.mlink:hover{color:var(--gold)}
.mlink i{font-size:17px;color:var(--mut)}
.mob-socs{display:flex;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--brd)}
.mob-soc{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border-radius:3px;border:1px solid var(--brd2);color:var(--mid);font-size:12.5px;text-decoration:none;transition:all .2s;background:none;cursor:pointer;font-family:'Tajawal',sans-serif}
.mob-soc:hover{border-color:var(--gold);color:var(--gold)}
/* HERO */
.hero{min-height:auto;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--brd);overflow:hidden;position:relative}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:auto}}
.hero-txt{padding:var(--hero-pt,64px) var(--hero-pr,56px) 56px var(--hero-pl,36px);display:flex;flex-direction:column;justify-content:center;align-items:var(--hero-items,center);animation:fade-up .7s ease both;text-align:var(--hero-align,center)}
.hero-ey{display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:18px;font-weight:700}
.eyeline{width:22px;height:1px;background:var(--gold)}
.hero-h1{font-family:'Cairo','Tajawal',sans-serif;font-size:clamp(var(--hero-fs,40px),5.5vw,var(--hero-fs-max,68px));font-weight:800;line-height:1.18;letter-spacing:0;margin-bottom:20px;max-width:430px;text-wrap:balance}
.hero-h1 strong,.hero-h1 em,.hero-h1 span{display:block}
.hero-h1 strong{font-weight:900}
.hero-h1 em{font-style:normal;font-weight:800;line-height:1.2;margin:.02em 0 .04em;padding-bottom:.04em;background:linear-gradient(100deg,var(--gold) 0%,var(--gold2) 40%,var(--gold3) 50%,var(--gold2) 60%,var(--gold) 100%);background-size:300%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gold-shine 5s ease infinite}
.hero-h1 span{font-weight:800}
.hero-desc{font-size:14.5px;color:var(--mid);line-height:1.9;font-weight:300;max-width:410px;margin-bottom:30px}
.hero-btns{display:flex;gap:11px;flex-wrap:wrap;justify-content:var(--hero-justify,center);margin-bottom:44px}
.btn-dk{background:var(--txt);color:var(--bg);border:none;padding:12px 28px;font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:600;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;letter-spacing:.3px;transition:background .2s}
.btn-dk:hover{background:var(--gold)}
.btn-ol{background:transparent;color:var(--txt);border:1px solid var(--brd2);padding:11px 24px;font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:500;border-radius:2px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s}
.btn-ol:hover{border-color:var(--gold);color:var(--gold)}
.hero-stats{display:flex;gap:24px;padding-top:28px;border-top:1px solid var(--brd);flex-wrap:wrap;justify-content:var(--hero-justify,center)}
.stat-num{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;display:block}
.stat-lbl{font-size:11px;color:var(--mut);letter-spacing:.3px}
.hero-vis{aspect-ratio:631/623;min-height:0;background:var(--bg2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;align-self:start}
@media(max-width:700px){.hero-vis{aspect-ratio:631/623;min-height:0;order:0}}
.hero-vis-inner{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--brd2);z-index:1;position:relative}
.hero-vis-inner i{font-size:60px}
.hero-vis-inner span{font-size:9px;letter-spacing:3px;text-transform:uppercase}
.hcircle{position:absolute;border-radius:50%;border:1px solid var(--brd);top:50%;left:50%;transform:translate(-50%,-50%)}
@media(max-width:700px){
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-vis{aspect-ratio:631/623;min-height:0;order:0}
  .hero-txt{order:1;padding:46px 22px 36px!important;text-align:center!important;align-items:center}
  .hero-ey{align-self:center;gap:9px;letter-spacing:2px;margin-bottom:16px}
  .eyeline{width:28px}
  .hero-h1{font-size:46px!important;line-height:1.1;max-width:360px;margin:0 auto 18px}
  .hero-h1 em{font-size:.92em;margin-top:2px}
  .hero-h1 span{font-size:.82em;margin-top:1px}
  .hero-desc{max-width:330px;margin:0 auto 26px;font-size:14px;line-height:1.85}
  .hero-btns{justify-content:center;margin-bottom:30px}
  .hero-stats{justify-content:center;gap:18px;padding-top:22px}
}
@media(max-width:430px){
  .hero-vis{aspect-ratio:631/623;min-height:0}
  .hero-txt{padding:40px 18px 32px!important}
  .hero-h1{font-size:40px!important;max-width:300px}
  .hero-desc{max-width:292px}
}
/* TICKER */
.ticker{border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);background:var(--bg2);height:42px;overflow:hidden;display:flex;align-items:center}
.ticker-track{display:flex;align-items:center;white-space:nowrap;animation:tk-scroll 16s linear infinite;will-change:transform}
.tick-item{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2.5px;color:var(--mut);text-transform:uppercase;padding:0 24px;flex-shrink:0}
.tick-star{color:var(--gold);font-size:9px}
/* FEATURE STRIP */
.feat-strip{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);background:var(--bg2)}
@media(min-width:700px){.feat-strip{grid-template-columns:repeat(4,1fr)}}
.feat-cell{padding:18px 14px;border-left:1px solid var(--brd);display:flex;align-items:flex-start;gap:11px}
.feat-cell:nth-child(2n){border-left:none}
@media(min-width:700px){.feat-cell:nth-child(2n){border-left:1px solid var(--brd)}.feat-cell:last-child{border-left:none}}
.feat-ico{width:34px;height:34px;border-radius:50%;border:1px solid var(--brd2);background:var(--surf);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.feat-ico i{font-size:15px;color:var(--gold)}
.feat-t{font-size:12px;font-weight:700;color:var(--txt);margin-bottom:2px}
.feat-d{font-size:11px;color:var(--mut);line-height:1.4}

/* ── CATEGORY TILES ── */
.cattiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:36px}
@media(min-width:700px){.cattiles{grid-template-columns:repeat(5,1fr);gap:14px}}
.cattile{position:relative;border:1px solid var(--brd);border-radius:5px;overflow:hidden;cursor:pointer;background:var(--bg2);aspect-ratio:4/3;display:flex;align-items:flex-end;padding:0}
.cattile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s}
.cattile:hover img{transform:scale(1.07)}
.cattile-ov{position:relative;width:100%;padding:9px 10px;background:linear-gradient(to top,rgba(26,22,18,.9) 12%,rgba(26,22,18,.35) 62%,transparent);color:#fff;text-align:right}
.cattile-t{font-size:13px;font-weight:700;line-height:1.2}
.cattile-n{font-size:10.5px;opacity:.82;margin-top:1px}
/* ── COLLECTION SECTIONS ── */
.coll{margin-bottom:44px}
.coll:last-child{margin-bottom:8px}
.coll-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid var(--brd)}
.coll-title{font-family:'Cormorant Garamond',serif;font-size:23px;font-weight:600;color:var(--txt);line-height:1.15}
@media(min-width:700px){.coll-title{font-size:27px}}
.coll-sub{font-size:11.5px;color:var(--mut);margin-top:3px;line-height:1.4}
.coll-all{flex-shrink:0;background:none;border:1px solid var(--brd2);color:var(--txt);font-family:'Tajawal',sans-serif;font-size:12px;font-weight:600;padding:9px 13px;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:all .2s;min-height:40px}
.coll-all:hover{background:var(--txt);color:var(--bg);border-color:var(--txt)}
/* ── CATEGORY VIEW ── */
.cv-head{display:flex;align-items:center;gap:11px;margin-bottom:18px;flex-wrap:wrap}
.cv-back{background:var(--bg2);border:1px solid var(--brd);color:var(--txt);font-family:'Tajawal',sans-serif;font-size:12.5px;font-weight:600;padding:9px 13px;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:5px;min-height:42px;transition:all .2s}
.cv-back:hover{background:var(--txt);color:var(--bg);border-color:var(--txt)}
.cv-title{font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:600;color:var(--txt);margin-inline-end:auto}
.brand-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.bchip{background:var(--surf);border:1px solid var(--brd);color:var(--mut);font-family:'Tajawal',sans-serif;font-size:12px;padding:7px 13px;border-radius:20px;cursor:pointer;transition:all .18s;min-height:34px}
.bchip:hover{color:var(--txt);border-color:var(--brd2)}
.bchip.active{background:var(--txt);color:var(--bg);border-color:var(--txt);font-weight:700}
/* ── LOAD MORE / BACK TO TOP ── */
.more-wrap{text-align:center;margin-top:28px}
.more-btn{background:var(--surf);border:1px solid var(--brd2);color:var(--txt);font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:600;padding:13px 32px;border-radius:3px;cursor:pointer;transition:all .2s;min-height:48px}
.more-btn:hover{background:var(--txt);color:var(--bg);border-color:var(--txt)}
.more-left{display:block;font-size:11px;color:var(--mut);margin-top:9px;font-weight:400}
.totop{position:fixed;bottom:80px;left:14px;width:44px;height:44px;border-radius:50%;background:var(--txt);color:var(--bg);border:none;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:180;box-shadow:var(--sh2);font-size:19px}
.totop.show{display:flex}

/* ── COLLECTIONS ADMIN ── */
.coll-adm-box{border:1px solid var(--brd);border-radius:6px;padding:13px;margin-bottom:14px;background:var(--bg2)}
.coll-adm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;flex-wrap:wrap}
.coll-adm-type{font-size:13px;font-weight:700;color:var(--txt)}
.coll-adm-type span{font-size:10.5px;color:var(--mut);font-weight:400}
.coll-adm-sw{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--txt);cursor:pointer}
.coll-adm-sw input{width:17px;height:17px;accent-color:var(--gold);cursor:pointer}
.coll-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:10px}
.cpick{position:relative;border:2px solid var(--brd);border-radius:5px;background:var(--surf);padding:0;cursor:pointer;overflow:hidden;text-align:center;transition:border-color .18s}
.cpick:hover{border-color:var(--brd2)}
.cpick.on{border-color:var(--gold)}
.cpick img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.cpick-name{display:block;font-size:9.5px;color:var(--txt);padding:4px 3px;line-height:1.25;height:29px;overflow:hidden}
.cpick-n{position:absolute;top:3px;right:3px;width:19px;height:19px;border-radius:50%;background:var(--gold);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2}
.coll-adm-note{font-size:11px;color:var(--mut);margin-top:9px}
.coll-adm-note b{color:var(--gold)}
/* CAT NAV */
.cat-nav{background:var(--surf);border-bottom:1px solid var(--brd);position:sticky;top:60px;z-index:150;overflow-x:auto;-webkit-overflow-scrolling:touch}
.cat-nav::-webkit-scrollbar{display:none}
.cat-tabs{display:flex;min-width:max-content;padding:0 4px}
.cat-tab{padding:13px 16px;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:500;color:var(--mut);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .2s;display:flex;align-items:center;gap:5px;margin-bottom:-1px}
.cat-tab:hover{color:var(--txt)}
.cat-tab.active{color:var(--txt);border-bottom-color:var(--gold);font-weight:700}
.cat-sep{width:1px;height:18px;background:var(--brd);align-self:center;flex-shrink:0;margin:0 2px}
/* PRODUCTS */
.prods-sec{padding:36px 16px}
@media(min-width:700px){.prods-sec{padding:48px 32px}}
#products{scroll-margin-top:126px}
#payment,#how,#trust,#policies{scroll-margin-top:74px}
.prods-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px;flex-wrap:wrap}
.prods-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--txt)}
.prods-cnt{font-size:11.5px;color:var(--mut);background:var(--bg2);border:1px solid var(--brd);padding:4px 11px;border-radius:20px}
.prods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:480px){.prods-grid{gap:14px}}
@media(min-width:700px){.prods-grid{grid-template-columns:repeat(3,1fr);gap:18px}}
@media(min-width:1024px){.prods-grid{grid-template-columns:repeat(4,1fr);gap:22px}}
.no-prods{grid-column:1/-1;text-align:center;padding:56px 20px;color:var(--mut)}
.no-prods i{font-size:36px;display:block;margin-bottom:10px;color:var(--brd2)}
/* PRODUCT CARD */
.pcard{background:var(--surf);border:1px solid var(--brd);border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;position:relative}
.pcard:hover{transform:translateY(-2px);box-shadow:var(--sh2)}
.pcard.oos{opacity:.62}
.pcard.oos:hover{transform:none;box-shadow:none}
.pcard-img{aspect-ratio:3/4;background:var(--bg2);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--brd2);flex-direction:column;gap:7px}
.pcard-img i{font-size:38px;transition:transform .4s}
.pcard-img span{font-size:8.5px;letter-spacing:1.8px;text-transform:uppercase}
.pcard:hover .pcard-img i{transform:scale(1.1)}
.pcard-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,22,18,.82) 0%,transparent 55%);opacity:0;transition:opacity .3s;display:flex;align-items:flex-end;padding:10px}
.pcard:hover .pcard-ov{opacity:1}
.pcard-ov-btn{width:100%;background:var(--wa);color:#fff;border:none;padding:9px;font-family:'Tajawal',sans-serif;font-size:12px;font-weight:700;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transform:translateY(6px);opacity:0;transition:all .3s .05s}
.pcard:hover .pcard-ov-btn{transform:translateY(0);opacity:1}
.pbadge{position:absolute;top:8px;right:8px;z-index:2;font-size:9px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:2px;text-transform:uppercase}
.b-new{background:linear-gradient(90deg,var(--gold),var(--gold2));color:#fff}
.b-hot{background:var(--surf);color:var(--mid);border:1px solid var(--brd2)}
.b-sale{background:var(--red);color:#fff}
.pct-b{position:absolute;top:8px;left:8px;z-index:2;background:var(--red);color:#fff;font-size:9px;font-weight:700;padding:3px 7px;border-radius:2px}
.qty-warn{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(192,57,43,.92),rgba(192,57,43,.6));color:#fff;font-size:10px;font-weight:700;padding:5px;text-align:center;letter-spacing:.3px}
.oos-veil{display:none;position:absolute;inset:0;background:rgba(248,244,239,.9);backdrop-filter:blur(2px);align-items:center;justify-content:center}
[data-dark] .oos-veil{background:rgba(13,11,9,.9)}
.pcard.oos .oos-veil{display:flex}
.oos-pill{background:var(--surf);color:var(--mid);border:1px solid var(--brd2);padding:7px 16px;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:2px}
.pcard-info{padding:10px 11px}
.pcard-brand{font-size:9px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin-bottom:3px;font-weight:600}
.pcard-name{font-size:13px;font-weight:500;color:var(--txt);margin-bottom:7px;line-height:1.3}
.pcard-prices{display:flex;align-items:center;gap:8px;margin:8px 0 10px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(201,168,112,.20),rgba(240,216,152,.08));border:1px solid rgba(157,120,80,.28);border-radius:6px;padding:8px 9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.34)}
.pcard-prices::before{content:'السعر';font-family:'Tajawal',sans-serif;font-size:9.5px;font-weight:800;color:var(--gold);letter-spacing:.2px;background:var(--surf);border:1px solid rgba(157,120,80,.24);border-radius:999px;padding:2px 7px;line-height:1.2}
.pcard-price{font-family:'Tajawal',sans-serif;font-size:23px;font-weight:800;color:var(--txt);line-height:1;letter-spacing:0;white-space:nowrap}
.pcard-old{font-family:'Tajawal',sans-serif;font-size:12px;color:var(--mut);text-decoration:line-through;text-decoration-thickness:2px;white-space:nowrap}
.pcard-add{width:100%;background:var(--bg2);color:var(--txt);border:1px solid var(--brd2);padding:9px;font-family:'Tajawal',sans-serif;font-size:12.5px;font-weight:600;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}
.pcard-add:hover:not(:disabled){background:var(--txt);color:var(--bg)}
.pcard-add:disabled{background:var(--bg3);color:var(--mut);cursor:not-allowed;border-color:var(--brd)}
/* SPOTLIGHT */
.spotlight{background:#1a1410;padding:48px 20px;position:relative;overflow:hidden}
.spotlight::before{content:'"';position:absolute;font-family:'Cormorant Garamond',serif;font-size:260px;font-weight:600;font-style:italic;color:rgba(255,255,255,.025);top:-30px;right:-10px;line-height:1;pointer-events:none}
.sp-in{position:relative;z-index:1}
.sp-lbl{font-size:10px;letter-spacing:4px;color:var(--gold2);text-transform:uppercase;margin-bottom:10px;font-weight:600}
.sp-title{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,4.5vw,40px);font-weight:300;color:#f2ede6;line-height:1.1;margin-bottom:10px}
.sp-title em{font-style:italic}
.sp-desc{font-size:13px;color:rgba(242,237,230,.5);line-height:1.85;font-weight:300;margin-bottom:22px;max-width:340px}
.sp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}
@media(min-width:480px){.sp-grid{grid-template-columns:repeat(4,1fr)}}
.sp-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:3px;overflow:hidden;cursor:pointer;transition:all .25s}
.sp-card:hover{border-color:rgba(201,168,112,.6);background:rgba(255,255,255,.11)}
.sp-card-img{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);color:rgba(255,255,255,.35);flex-direction:column;gap:5px}
.sp-card-img i{font-size:28px}
.sp-info{padding:9px 11px;border-top:1px solid rgba(255,255,255,.08)}
.sp-name{font-size:11.5px;color:rgba(255,255,255,.75);margin-bottom:4px;line-height:1.3}
.sp-price{display:inline-flex;align-items:center;background:linear-gradient(90deg,var(--gold2),var(--gold3));color:#1a1410;border-radius:999px;padding:3px 9px;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:800;line-height:1.2}
/* PAYMENT */
.pay-sec{padding:48px 20px;background:var(--surf);border-top:1px solid var(--brd);border-bottom:1px solid var(--brd)}
@media(min-width:700px){.pay-sec{padding:56px 32px}}
.pay-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}
@media(min-width:600px){.pay-grid{grid-template-columns:1fr 1fr}}
.pay-card{background:var(--bg);border:1px solid var(--brd);border-radius:4px;padding:24px 20px;display:flex;gap:16px;align-items:flex-start;transition:border-color .25s}
.pay-card:hover{border-color:var(--gold)}
.pay-ico{width:44px;height:44px;border-radius:50%;border:1px solid var(--brd2);background:var(--bg2);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s}
.pay-card:hover .pay-ico{background:var(--gold);border-color:var(--gold)}
.pay-card:hover .pay-ico i{color:#fff}
.pay-ico i{font-size:18px;color:var(--gold);transition:color .25s}
.pay-t{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:5px}
.pay-d{font-size:13px;color:var(--mid);line-height:1.8;font-weight:300}
/* CTA */
.cta-sec{padding:72px 20px;text-align:center;position:relative;overflow:hidden}
.cta-deco{position:absolute;font-family:'Cormorant Garamond',serif;font-size:150px;font-weight:300;font-style:italic;color:var(--brd);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;white-space:nowrap;opacity:.5;letter-spacing:0}
.cta-in{position:relative;z-index:1}
.cta-ey{font-size:10px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:12px;font-weight:600}
.cta-h{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,4.5vw,40px);font-weight:300;color:var(--txt);margin-bottom:9px;line-height:1.1}
.cta-h em{font-style:italic}
.cta-p{font-size:13.5px;color:var(--mid);margin-bottom:28px;font-weight:300;line-height:1.8}
.wa-big{display:inline-flex;align-items:center;gap:9px;background:var(--wa);color:#fff;padding:13px 36px;font-family:'Tajawal',sans-serif;font-size:15px;font-weight:700;border-radius:2px;text-decoration:none;transition:background .2s;border:none;cursor:pointer}
.wa-big:hover{background:#1aa857}
.cta-note{margin-top:12px;font-size:11px;color:var(--mut)}
/* FOOTER */
footer{background:#1a1410;color:#f2ede6;padding:44px 20px 26px}
.foot-top{display:grid;grid-template-columns:1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}
@media(min-width:640px){.foot-top{grid-template-columns:1.3fr 1fr 1fr}}
.foot-logo{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;letter-spacing:5px;background:linear-gradient(90deg,var(--gold2),var(--gold3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:block;margin-bottom:9px}
.foot-desc{font-size:12.5px;opacity:.44;line-height:1.85;font-weight:300}
.foot-hd{font-size:9.5px;letter-spacing:3px;opacity:.4;text-transform:uppercase;margin-bottom:12px;font-weight:600}
.foot-links{display:flex;flex-direction:column;gap:9px}
.foot-links a{color:#f2ede6;font-size:13px;text-decoration:none;opacity:.62;display:flex;align-items:center;gap:7px;transition:opacity .2s;cursor:pointer}
.foot-links a:hover{opacity:1}
.foot-bot{display:flex;justify-content:space-between;font-size:11px;opacity:.33;flex-wrap:wrap;gap:7px}
/* CART — mobile: one scroll area for products + checkout (fixes iOS flex bug) */
.cart-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;backdrop-filter:blur(4px);touch-action:none}
.cart-ov.open{display:block}
.cart-drw{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:400px;height:100%;height:100dvh;max-height:100dvh;background:var(--surf);z-index:501;transform:translateX(-110%);transition:transform .35s ease;display:flex;flex-direction:column;box-shadow:var(--sh3);overflow:hidden}
.cart-drw.open{transform:translateX(0)}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:max(14px,env(safe-area-inset-top));border-bottom:1px solid var(--brd);flex-shrink:0;background:var(--surf);z-index:2}
.cart-ttl{font-size:15px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:7px}
.cart-x{background:none;border:none;cursor:pointer;color:var(--mut);font-size:20px;display:flex;align-items:center;transition:color .2s;padding:8px;margin:-8px}
.cart-x:hover{color:var(--txt)}
.cart-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.cart-items{padding:14px 18px 8px}
.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:10px;color:var(--mut);text-align:center;padding:24px 0}
.cart-empty i{font-size:44px;color:var(--brd2)}
.citem{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid var(--brd);align-items:flex-start}
.citem-img{width:52px;height:52px;background:var(--bg2);border:1px solid var(--brd);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brd2);font-size:20px}
.citem-info{flex:1;min-width:0}
.citem-name{font-size:12.5px;font-weight:600;color:var(--txt);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.citem-meta{font-size:11px;color:var(--mut)}
.citem-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px}
.qty-row{display:flex;align-items:center;gap:8px}
.qty-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--brd2);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--mid);transition:all .2s;font-family:'Tajawal',sans-serif}
.qty-btn:hover{border-color:var(--gold);color:var(--gold)}
.qty-n{font-size:13px;font-weight:700;color:var(--txt);min-width:18px;text-align:center}
.citem-price{font-family:'Tajawal',sans-serif;font-size:15px;font-weight:800;color:var(--txt);background:rgba(201,168,112,.16);border:1px solid rgba(157,120,80,.22);border-radius:999px;padding:3px 8px;white-space:nowrap}
.citem-rm{background:none;border:none;cursor:pointer;color:var(--mut);font-size:15px;flex-shrink:0;padding:2px;transition:color .2s;margin-top:2px}
.citem-rm:hover{color:var(--red)}
.cart-foot{padding:12px 18px 18px;padding-bottom:max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--brd);flex-shrink:0;background:var(--surf)}
@media(max-width:480px){
  .cart-drw{max-width:100%}
  .zone-group{max-height:none}
  .checkout-form .cf{margin-bottom:8px}
}
.cart-tot-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cart-tot-lbl{font-size:13px;color:var(--mid)}
.cart-tot-val{font-family:'Tajawal',sans-serif;font-size:23px;font-weight:900;color:var(--txt);background:rgba(201,168,112,.18);border:1px solid rgba(157,120,80,.28);border-radius:6px;padding:4px 10px;line-height:1.15}
.cart-checkout{width:100%;background:var(--wa);color:#fff;border:none;padding:13px;font-family:'Tajawal',sans-serif;font-size:14px;font-weight:700;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}
.cart-checkout:hover{background:#1aa857}
.cart-clr{width:100%;background:none;border:1px solid var(--brd2);color:var(--mut);padding:9px;font-family:'Tajawal',sans-serif;font-size:12.5px;border-radius:2px;cursor:pointer;margin-top:7px;transition:all .2s}
.cart-clr:hover{border-color:var(--red);color:var(--red)}
/* SECTION HELPERS */
.sec-ey{font-size:10px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:5px;font-weight:600}
.sec-t{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--txt);margin-top:4px}
/* ADMIN */
.adm-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:600;backdrop-filter:blur(6px);align-items:flex-start;justify-content:center;padding:12px;overflow-y:auto}
.adm-ov.open{display:flex}
.adm-modal{background:var(--surf);border:1px solid var(--brd2);border-radius:8px;width:100%;max-width:880px;margin:auto;overflow:hidden;box-shadow:var(--sh3)}
.adm-top{display:flex;align-items:center;justify-content:space-between;padding:0 22px;height:56px;background:#1a1410}
.adm-brand{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:600;letter-spacing:3px;background:linear-gradient(90deg,var(--gold2),var(--gold3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.adm-sub{font-size:10.5px;color:rgba(255,255,255,.38);margin-top:2px}
.adm-x{background:none;border:none;color:rgba(255,255,255,.58);font-size:19px;cursor:pointer;display:flex;align-items:center;padding:5px;transition:color .2s}
.adm-x:hover{color:#fff}
.adm-login{padding:36px 26px}
.adm-login h3{font-size:15px;font-weight:700;color:var(--txt);margin-bottom:5px}
.adm-login p{font-size:12.5px;color:var(--mut);margin-bottom:18px}
.adm-lr{display:flex;gap:9px;max-width:380px}
.ai{background:var(--bg2);border:1px solid var(--brd2);color:var(--txt);padding:10px 12px;font-family:'Tajawal',sans-serif;font-size:13px;border-radius:3px;outline:none;width:100%;transition:border-color .2s}
.ai:focus{border-color:var(--gold)}
.ai-ta{resize:vertical;min-height:64px}
.albl{font-size:10px;font-weight:700;color:var(--mut);letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px;display:block}
.ag{margin-bottom:13px}
.ag2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ag3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}
@media(max-width:560px){.ag2,.ag3{grid-template-columns:1fr}}
.adm-div{border:none;border-top:1px solid var(--brd);margin:16px 0}
.adm-st{font-size:13px;font-weight:700;color:var(--txt);margin-bottom:11px;display:flex;align-items:center;gap:6px}
.abtn{background:var(--txt);color:var(--bg);border:none;padding:9px 18px;font-family:'Tajawal',sans-serif;font-size:12.5px;font-weight:700;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:opacity .2s;white-space:nowrap}
.abtn:hover{opacity:.8}
.abtn.sec{background:var(--bg3);color:var(--txt);border:1px solid var(--brd2)}
.abtn.sec:hover{background:var(--bg2)}
.abtn.danger{background:var(--red);color:#fff}
.asave{display:flex;justify-content:flex-end;gap:9px;padding-top:14px;border-top:1px solid var(--brd);margin-top:13px}
.adm-tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--brd);overflow-x:auto;-webkit-overflow-scrolling:touch}
.adm-tabs::-webkit-scrollbar{display:none}
.adm-tab{padding:13px 18px;font-family:'Tajawal',sans-serif;font-size:12px;font-weight:500;color:var(--mut);border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:5px;transition:all .2s}
.adm-tab:hover{color:var(--txt)}
.adm-tab.active{color:var(--txt);border-bottom-color:var(--gold);font-weight:700}
.adm-panel{display:none;padding:22px}
.adm-panel.active{display:block}
.lead-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.lead-summary{display:flex;gap:7px;flex-wrap:wrap}
.lead-pill{background:var(--bg2);border:1px solid var(--brd);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;color:var(--mid)}
.lead-list{display:flex;flex-direction:column;gap:9px}
.lead-card{background:var(--bg2);border:1px solid var(--brd);border-radius:5px;padding:13px}
.lead-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
.lead-name{font-size:14px;font-weight:800;color:var(--txt)}
.lead-meta{font-size:11.5px;color:var(--mut);line-height:1.6;margin-top:2px}
.lead-total{font-size:18px;font-weight:900;color:var(--txt);font-variant-numeric:tabular-nums;background:rgba(201,168,112,.16);border:1px solid rgba(157,120,80,.24);border-radius:6px;padding:4px 9px;white-space:nowrap}
.lead-status{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;border-radius:999px;padding:4px 9px;margin-top:7px}
.lead-status.new{background:rgba(34,197,94,.11);color:#12883c}
.lead-status.contacted{background:rgba(59,130,246,.11);color:#2563eb}
.lead-status.completed{background:rgba(157,120,80,.14);color:var(--gold)}
.lead-status.cancelled{background:rgba(192,57,43,.10);color:var(--red)}
.lead-items{border-top:1px solid var(--brd);border-bottom:1px solid var(--brd);padding:8px 0;margin:8px 0;color:var(--mid);font-size:12px;line-height:1.7}
.lead-actions{display:flex;gap:7px;flex-wrap:wrap}
.lead-action{min-height:40px;border:1px solid var(--brd2);background:var(--surf);color:var(--mid);border-radius:3px;padding:8px 11px;font-family:'Tajawal',sans-serif;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;text-decoration:none}
.lead-action.primary{background:var(--wa);border-color:var(--wa);color:#fff}
.lead-action.active{border-color:var(--gold);color:var(--gold);background:rgba(157,120,80,.08)}
.lead-empty{background:var(--bg2);border:1px dashed var(--brd2);border-radius:5px;padding:28px 16px;text-align:center;color:var(--mut);font-size:13px;line-height:1.7}
.apr-list{display:flex;flex-direction:column;gap:7px}
.apr{background:var(--bg2);border:1px solid var(--brd);border-radius:4px;overflow:hidden}
.apr-hd{display:flex;align-items:center;gap:9px;padding:11px 13px;cursor:pointer;transition:background .2s}
.apr-hd:hover{background:var(--bg3)}
.apr-nm{flex:1}
.apr-n{font-size:13px;font-weight:600;color:var(--txt)}
.apr-s{font-size:10.5px;color:var(--mut);margin-top:1px}
.apr-st{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;flex-shrink:0}
.st-in{background:#e8f5e9;color:#2e7d32}
.st-out{background:#fdecea;color:#c62828}
[data-dark] .st-in{background:#1a3a1a;color:#66bb6a}
[data-dark] .st-out{background:#2a1210;color:#ef5350}
.apr-chev{color:var(--mut);font-size:14px;transition:transform .25s;flex-shrink:0}
.apr-body{display:none;padding:13px;border-top:1px solid var(--brd);background:var(--surf)}
.apr-body.open{display:block}
.apr-foot{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding-top:11px;border-top:1px solid var(--brd);flex-wrap:wrap;gap:9px}
.tog{position:relative;width:42px;height:23px;cursor:pointer;flex-shrink:0}
.tog input{display:none}
.tog-t{position:absolute;inset:0;border-radius:12px;background:var(--bg3);border:1px solid var(--brd2);transition:all .25s}
.tog-t::after{content:'';position:absolute;width:17px;height:17px;border-radius:50%;background:var(--mut);top:2px;right:2px;transition:all .25s}
.tog input:checked+.tog-t{background:#22c55e;border-color:#16a34a}
.tog input:checked+.tog-t::after{background:#fff;right:23px}
.ptbl{background:var(--bg2);border:1px solid var(--brd);border-radius:4px;overflow-x:auto}
.ptbl-head{display:grid;grid-template-columns:2fr 1fr 1.1fr 1fr 1.1fr;background:var(--bg3);border-bottom:1px solid var(--brd);min-width:460px}
.ptbl-th{padding:8px 11px;font-size:10px;font-weight:700;color:var(--mut);letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}
.ptbl-row{display:grid;grid-template-columns:2fr 1fr 1.1fr 1fr 1.1fr;border-bottom:1px solid var(--brd);align-items:center;min-width:460px}
.ptbl-row:last-child{border-bottom:none}
.ptbl-td{padding:8px 11px;font-size:12.5px;color:var(--txt)}
.ptbl-td.m{color:var(--mut)}
.ptbl-td.b{font-weight:900;color:var(--txt);background:rgba(201,168,112,.13);border-radius:4px}
.ptbl-inp{background:var(--surf);border:1px solid var(--brd2);color:var(--txt);padding:5px 8px;font-family:'Tajawal',sans-serif;font-size:12.5px;border-radius:2px;outline:none;width:100%;transition:border-color .2s}
.ptbl-inp:focus{border-color:var(--gold)}
.cat-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}
.cat-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg2);border:1px solid var(--brd2);padding:5px 11px;border-radius:20px;font-size:12px;color:var(--txt)}
.cat-chip button{background:none;border:none;cursor:pointer;color:var(--mut);font-size:12px;display:flex;align-items:center;padding:0;transition:color .2s;line-height:1}
.cat-chip button:hover{color:var(--red)}
.cat-add-row{display:flex;gap:7px}
.ct-head{font-size:13px;font-weight:700;color:var(--txt);margin-bottom:11px;padding-bottom:7px;border-bottom:1px solid var(--brd);display:flex;align-items:center;gap:5px}
/* TOAST */
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(12px);background:var(--txt);color:var(--bg);padding:10px 20px;border-radius:3px;font-size:12.5px;font-weight:500;z-index:9999;opacity:0;transition:all .3s;pointer-events:none;display:flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:var(--sh3)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* REVEAL */
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.rv.vis{opacity:1;transform:none}
.align-active{background:var(--txt)!important;color:var(--bg)!important;border-color:var(--txt)!important}

/* ── SEARCH & SORT ── */
.prods-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px}
.prods-hdr{flex:1;min-width:160px}
.search-wrap{display:flex;align-items:center;gap:8px;background:var(--surf);border:1px solid var(--brd2);border-radius:3px;padding:8px 12px;flex:1;min-width:160px;max-width:280px}
.search-wrap i{font-size:16px;color:var(--mut);flex-shrink:0}
.search-inp{background:none;border:none;outline:none;font-family:'Tajawal',sans-serif;font-size:13px;color:var(--txt);width:100%}
.search-inp::placeholder{color:var(--mut)}
.sort-sel{background:var(--surf);border:1px solid var(--brd2);border-radius:3px;padding:9px 12px;font-family:'Tajawal',sans-serif;font-size:13px;color:var(--txt);outline:none;cursor:pointer}
/* ── PRODUCT MODAL ── */
.pmodal-ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:600;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(6px)}
.pmodal-ov.open{display:flex}
.pmodal{background:var(--surf);border-radius:6px;width:100%;max-width:700px;max-height:92vh;overflow-y:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--sh3)}
@media(max-width:600px){.pmodal{grid-template-columns:1fr}}
.pmodal-x{position:absolute;top:10px;left:10px;z-index:10;background:var(--surf);border:1px solid var(--brd2);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mid);font-size:17px;transition:all .2s}
.pmodal-x:hover{border-color:var(--gold);color:var(--gold)}
.pmodal-gallery{background:var(--bg2);min-height:320px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:var(--brd2)}
.pmodal-gallery i{font-size:56px}
.pmodal-gallery img.main-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pmodal-body{padding:28px 22px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.pmodal-brand{font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;font-weight:600}
.pmodal-name{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--txt);line-height:1.15}
.pmodal-desc{font-size:13px;color:var(--mid);line-height:1.8;font-weight:300}
.pmodal-prices{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:linear-gradient(135deg,rgba(201,168,112,.22),rgba(240,216,152,.09));border:1px solid rgba(157,120,80,.30);border-radius:7px;padding:11px 12px}
.pmodal-prices::before{content:'السعر';font-family:'Tajawal',sans-serif;font-size:10px;font-weight:800;color:var(--gold);background:var(--surf);border:1px solid rgba(157,120,80,.24);border-radius:999px;padding:2px 8px}
.pmodal-price{font-family:'Tajawal',sans-serif;font-size:30px;font-weight:900;color:var(--txt);line-height:1;letter-spacing:0}
.pmodal-old{font-family:'Tajawal',sans-serif;font-size:14px;color:var(--mut);text-decoration:line-through;text-decoration-thickness:2px}
.pmodal-disc{font-size:11px;color:#fff;font-weight:800;background:var(--red);padding:4px 9px;border-radius:999px}
.variant-box{border:1px solid var(--brd);background:var(--bg2);border-radius:6px;padding:11px 12px}
.variant-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;color:var(--gold);margin-bottom:9px}
.variant-title span:last-child{font-size:10.5px;font-weight:500;color:var(--mut)}
.variant-options{display:flex;flex-wrap:wrap;gap:7px}
.variant-opt{border:1px solid var(--brd2);background:var(--surf);color:var(--txt);border-radius:999px;padding:7px 10px;font-family:'Tajawal',sans-serif;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s}
.variant-opt:hover,.variant-opt.active{border-color:var(--txt);background:var(--txt);color:var(--bg)}
.variant-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.16);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45);flex-shrink:0}
.pmodal-actions{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}
/* ── FAQ / HOW TO ── */
.faq-sec{padding:52px 20px;background:var(--bg2);border-top:1px solid var(--brd)}
@media(min-width:700px){.faq-sec{padding:60px 40px}}
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:600px){.steps-row{grid-template-columns:1fr}}
.step-card{background:var(--surf);border:1px solid var(--brd);border-radius:4px;padding:22px 18px}
.step-n{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:600;color:var(--brd2);line-height:1;margin-bottom:8px}
.step-t{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:5px}
.step-d{font-size:12.5px;color:var(--mid);line-height:1.7;font-weight:300}
.faq-grid{display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:700px){.faq-grid{grid-template-columns:1fr 1fr}}
.faq-item{background:var(--surf);border:1px solid var(--brd);border-radius:4px;overflow:hidden}
.faq-q{width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;padding:15px 17px;font-family:'Tajawal',sans-serif;font-size:13.5px;font-weight:600;color:var(--txt);cursor:pointer;text-align:right;gap:10px;transition:background .2s}
.faq-q:hover{background:var(--bg2)}
.faq-q i{font-size:15px;color:var(--mut);transition:transform .3s;flex-shrink:0}
.faq-q[aria-expanded="true"] i{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a.open{max-height:200px}
.faq-a-in{padding:0 17px 15px;font-size:13px;color:var(--mid);line-height:1.8;font-weight:300}
/* V2 trust and policy blocks */
.trust-sec{padding:46px 20px;background:var(--surf);border-top:1px solid var(--brd);border-bottom:1px solid var(--brd)}
.trust-in,.policy-in,.proof-in{max-width:1120px;margin:0 auto}
.trust-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;flex-wrap:wrap}
.trust-copy{max-width:560px}
.trust-title{font-family:'Cairo',sans-serif;font-size:clamp(22px,3.3vw,34px);font-weight:900;color:var(--txt);line-height:1.15;margin-top:5px}
.trust-desc{font-size:13.5px;color:var(--mid);line-height:1.9;margin-top:8px;font-weight:300}
.trust-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(37,211,102,.28);background:rgba(37,211,102,.08);color:#12883c;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;white-space:nowrap}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.trust-card{background:var(--bg2);border:1px solid var(--brd);border-radius:6px;padding:16px 14px;min-height:154px;display:flex;flex-direction:column;gap:9px}
.trust-card i{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surf);border:1px solid var(--brd2);color:var(--gold);font-size:17px}
.trust-card h3{font-size:14px;color:var(--txt);line-height:1.45}
.trust-card p{font-size:12.5px;color:var(--mid);line-height:1.75;font-weight:300}
.policy-sec{padding:56px 20px;background:var(--bg);border-top:1px solid var(--brd)}
.policy-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:20px}
.policy-panel{background:var(--surf);border:1px solid var(--brd);border-radius:6px;padding:20px}
.policy-list{display:grid;gap:10px}
.policy-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--brd);background:var(--bg2);border-radius:5px}
.policy-row i{color:var(--gold);font-size:18px;margin-top:2px}
.policy-row b{display:block;font-size:13.5px;color:var(--txt);margin-bottom:3px}
.policy-row span{font-size:12.5px;color:var(--mid);line-height:1.75}
.policy-note{background:#1a1410;color:#f2ede6;border-radius:6px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.policy-note h3{font-family:'Cairo',sans-serif;font-size:22px;line-height:1.25}
.policy-note p{font-size:13px;line-height:1.9;color:rgba(242,237,230,.72)}
.policy-mini{display:flex;gap:8px;flex-wrap:wrap}
.policy-mini span{border:1px solid rgba(201,168,112,.32);color:var(--gold2);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}
.proof-strip{padding:20px;background:linear-gradient(90deg,#1a1410,#2a2118);color:#f2ede6}
.proof-in{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.proof-item{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.11);border-radius:5px;padding:13px;background:rgba(255,255,255,.035)}
.proof-item i{color:var(--gold2);font-size:20px}
.proof-item b{display:block;font-size:13px}
.proof-item span{display:block;font-size:11.5px;color:rgba(242,237,230,.58);line-height:1.55;margin-top:2px}
.pmodal-trust{display:grid;grid-template-columns:1fr;gap:6px;margin:4px 0}
.pmodal-trust span{display:flex;align-items:center;gap:7px;background:var(--bg2);border:1px solid var(--brd);border-radius:4px;padding:8px 10px;font-size:11.5px;color:var(--mid);line-height:1.5}
.pmodal-trust i{color:var(--gold);font-size:14px;flex-shrink:0}
.launch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.launch-card{background:var(--bg2);border:1px solid var(--brd);border-radius:5px;padding:13px}
.launch-card.ok{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.06)}
.launch-card.warn{border-color:rgba(201,168,112,.45);background:rgba(201,168,112,.08)}
.launch-card h4{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--txt);margin-bottom:6px}
.launch-card p{font-size:12px;color:var(--mid);line-height:1.7}
@media(max-width:760px){.trust-grid,.policy-grid,.proof-in,.launch-grid{grid-template-columns:1fr}.trust-card{min-height:0}.trust-head{align-items:flex-start}.proof-strip{padding:16px 14px}.policy-sec,.trust-sec{padding:42px 16px}}
/* ── CHECKOUT FORM ── */
.checkout-form{display:flex;flex-direction:column;gap:7px;margin-bottom:10px}
.cf label{font-size:10px;font-weight:700;color:var(--mut);letter-spacing:.4px;text-transform:uppercase;display:block;margin-bottom:3px}
.cf input,.cf textarea{width:100%;background:var(--bg2);border:1px solid var(--brd2);color:var(--txt);padding:8px 10px;font-family:'Tajawal',sans-serif;font-size:13px;border-radius:3px;outline:none;transition:border-color .2s}
.cf input:focus,.cf textarea:focus{border-color:var(--gold)}
.cf textarea{resize:none;font-size:12px}
.cart-summary{background:var(--bg2);border:1px solid var(--brd);border-radius:3px;padding:11px;margin-bottom:10px}
.cs-row{display:flex;justify-content:space-between;font-size:13px;color:var(--mid);margin-bottom:4px}
.cs-row.total{font-weight:700;color:var(--txt);font-size:15px;margin-top:8px;padding-top:8px;border-top:1px solid var(--brd);margin-bottom:0}
/* ── ADMIN LINK HIDDEN ── */
.admin-link{cursor:pointer;user-select:none;opacity:.08!important;font-size:9px!important;letter-spacing:1px;color:#f2ede6;transition:none}
/* ── HERO IMAGE ── */
.hero-img-real{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--bg2);opacity:0;transition:opacity .7s ease}
.hero-img-real.active{opacity:1}
@media(max-width:700px){.hero-img-real{object-fit:contain;object-position:center;background:var(--bg2);transform:none}}
/* ── SETTINGS PASSWORD ── */
.ag3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
@media(max-width:560px){.ag3{grid-template-columns:1fr}}

/* ── MULTI-IMAGE THUMBNAILS (modal) ── */
.pmodal-thumbs-row{display:flex;gap:7px;padding:10px 14px;background:rgba(0,0,0,.35);position:absolute;bottom:0;left:0;right:0;justify-content:center;flex-wrap:wrap;z-index:5}
.pmodal-thumb{width:44px;height:44px;border-radius:3px;border:2px solid transparent;object-fit:cover;cursor:pointer;transition:border-color .2s;flex-shrink:0;background:var(--bg3)}
.pmodal-thumb.active,.pmodal-thumb:hover{border-color:var(--gold2)}
/* card hover image swap */
.pcard-img{transition:none}
.pcard-img .img-hover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .32s ease}
.pcard:hover .img-hover{opacity:1}
/* ── ZONE SELECTOR ── */
.zone-group{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.zone-opt{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--brd2);border-radius:3px;cursor:pointer;transition:all .2s;background:var(--bg2)}
.zone-opt:hover{border-color:var(--gold)}
.zone-opt.selected{border-color:var(--gold);background:linear-gradient(90deg,rgba(157,120,80,.08),transparent)}
.zone-opt input[type=radio]{accent-color:var(--gold);width:15px;height:15px;cursor:pointer;flex-shrink:0}
.zone-label{flex:1;font-size:13px;font-weight:600;color:var(--txt)}
.zone-fee{font-family:'Cormorant Garamond',serif;font-size:14px;font-weight:600;color:var(--gold)}
.zone-sub{font-size:11px;color:var(--mut);display:block;margin-top:1px;font-weight:300}
/* ── ADMIN MULTI-IMAGE MANAGER ── */
.img-mgr{display:flex;flex-direction:column;gap:7px;margin-top:6px}
.img-row{display:flex;align-items:center;gap:7px;background:var(--bg3);border:1px solid var(--brd);border-radius:3px;padding:6px 9px}
.img-row-num{font-size:10px;font-weight:700;color:var(--mut);width:16px;text-align:center;flex-shrink:0}
.img-row input{flex:1;min-width:0;background:none;border:none;outline:none;font-family:'Tajawal',sans-serif;font-size:12px;color:var(--txt);direction:ltr;text-align:left}
.img-row input::placeholder{color:var(--mut)}
.img-row input[readonly]{color:var(--gold);font-weight:700}
.img-row input[type="file"]{display:none}
.img-preview{width:34px;height:34px;border-radius:2px;object-fit:cover;border:1px solid var(--brd2);background:var(--bg2);flex-shrink:0}
.img-row .upload-img{width:32px;height:32px;border:1px solid var(--brd2);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gold);background:var(--surf);flex-shrink:0}
.img-row .upload-img:hover{border-color:var(--gold);background:rgba(157,120,80,.08)}
.img-row.busy{opacity:.65;pointer-events:none}
.img-row .del-img{background:none;border:none;cursor:pointer;color:var(--mut);font-size:14px;display:flex;align-items:center;padding:2px;transition:color .2s;flex-shrink:0}
.img-row .del-img:hover{color:var(--red)}
.add-img-btn{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--gold);background:none;border:1px dashed var(--brd2);border-radius:3px;padding:6px 12px;cursor:pointer;font-family:'Tajawal',sans-serif;transition:all .2s;margin-top:3px}
.add-img-btn input[type="file"]{display:none}
.add-img-btn:hover{border-color:var(--gold);background:rgba(157,120,80,.05)}
.img-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}
.variant-admin{display:flex;flex-direction:column;gap:8px;margin-top:7px}
.variant-admin-row{display:grid;grid-template-columns:1fr 44px 1.35fr 38px;gap:7px;align-items:center;background:var(--bg3);border:1px solid var(--brd);border-radius:4px;padding:8px}
.variant-admin-row .ai{background:var(--surf);min-width:0}
.variant-admin-row .del-img{background:none;border:none;cursor:pointer;color:var(--mut);font-size:16px;display:flex;align-items:center;justify-content:center;padding:0;min-height:38px;transition:color .2s}
.variant-admin-row .del-img:hover{color:var(--red)}
.variant-color{width:44px;height:44px;border:1px solid var(--brd2);border-radius:4px;background:var(--surf);padding:3px;cursor:pointer}
.variant-img-select{direction:ltr;text-align:left}
.variant-empty{background:var(--bg2);border:1px dashed var(--brd2);border-radius:4px;padding:12px;color:var(--mut);font-size:12px;text-align:center}
.variant-hint{font-size:11.5px;color:var(--mut);line-height:1.65;margin-top:6px}
@media(max-width:560px){.variant-admin-row{grid-template-columns:1fr 48px}.variant-admin-row .variant-img-select{grid-column:1/-1}.variant-admin-row .del-img{min-width:48px;min-height:48px}}
/* ── MARQUEE SPEED SLIDER ── */
.spd-box{background:var(--bg2);border:1px solid var(--brd);border-radius:4px;padding:14px 16px;margin-bottom:14px}
/* ── SHIPPING ZONES ADMIN ── */
.zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:0}
@media(max-width:560px){.zones-grid{grid-template-columns:1fr}}
.zone-card{background:var(--bg2);border:1px solid var(--brd);border-radius:4px;padding:14px}
.zone-card-hd{font-size:12px;font-weight:700;color:var(--txt);margin-bottom:8px;display:flex;align-items:center;gap:6px}
.zone-card-hd i{font-size:14px;color:var(--gold)}

/* ══ CARD REDESIGN ══ */
.pcard-btns{display:flex;gap:6px;padding:8px 10px 10px}
.btn-buy-now{flex:1;background:var(--wa);color:#fff;border:none;padding:9px 5px;font-family:'Tajawal',sans-serif;font-size:12px;font-weight:700;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:background .2s}
.btn-buy-now:hover:not(:disabled){background:#1aa857}
.btn-buy-now:disabled,.btn-add-cart:disabled{opacity:.4;cursor:not-allowed}
.btn-add-cart{width:40px;flex-shrink:0;background:var(--bg2);border:1px solid var(--brd2);border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--mid);transition:all .2s;padding:0}
.btn-add-cart:hover:not(:disabled){background:var(--txt);color:var(--bg)}
.btn-add-cart.in-cart{background:var(--txt);color:var(--bg)}
.sq-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;background:rgba(157,120,80,.92);color:#fff;font-size:10px;font-weight:700;padding:5px 12px;border-radius:20px;white-space:nowrap;letter-spacing:.3px;backdrop-filter:blur(4px)}
/* ══ SPOTLIGHT OVERLAY ══ */
.sp-card-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,22,18,.82),transparent 60%);opacity:0;transition:opacity .28s;display:flex;align-items:flex-end;padding:9px;pointer-events:none}
.sp-card:hover .sp-card-ov{opacity:1;pointer-events:auto}
.sp-card-add{width:100%;background:var(--wa);color:#fff;border:none;padding:8px;font-family:'Tajawal',sans-serif;font-size:11.5px;font-weight:700;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transform:translateY(6px);opacity:0;transition:all .25s .05s}
.sp-card:hover .sp-card-add{transform:translateY(0);opacity:1}
/* ══ MODAL BUY NOW ══ */
.btn-buy-modal{flex:1;min-width:110px;background:var(--wa);color:#fff;border:none;padding:11px 14px;font-family:'Tajawal',sans-serif;font-size:13px;font-weight:700;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .2s}
.btn-buy-modal:hover{background:#1aa857}
.btn-dk:disabled,.btn-buy-modal:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.65)}
.btn-dk:disabled:hover{background:var(--txt)}
.btn-buy-modal:disabled:hover{background:var(--wa)}
.pmodal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
/* ══ CITY SELECTOR ══ */
.city-sel{width:100%;background:var(--bg2);border:1px solid var(--brd2);color:var(--txt);padding:10px 12px;font-family:'Tajawal',sans-serif;font-size:13.5px;border-radius:3px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}
.city-sel:focus{border-color:var(--gold)}
.city-ship-info{display:flex;align-items:center;gap:8px;background:rgba(157,120,80,.07);border:1px solid rgba(157,120,80,.25);border-radius:3px;padding:8px 12px;margin-top:7px;font-size:12.5px;color:var(--mid)}
.city-ship-info i{color:var(--gold);font-size:15px;flex-shrink:0}
.city-ship-info strong{color:var(--gold)}
/* ══ ADMIN PRO HEADER ══ */
.adm-top-pro{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:56px;background:linear-gradient(135deg,#1a1410,#2a1f14);flex-shrink:0}
.adm-brand-pro{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:600;letter-spacing:4px;background:linear-gradient(90deg,#c9a870,#f0d898,#c9a870);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.adm-sub-pro{font-size:10px;color:rgba(255,255,255,.35);margin-top:1px}
.adm-version-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:var(--bg2);border-bottom:1px solid var(--brd);font-size:11px;color:var(--mut)}
.adm-version-main{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.adm-version-main span{display:flex;align-items:center;gap:6px}
.adm-version-main strong{font-size:11.5px;color:var(--gold);letter-spacing:.4px;direction:ltr}
.adm-save-strip{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-inline-start:auto;min-width:0}
.adm-save-state{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:5px 10px;border-radius:20px;border:1px solid var(--brd);background:var(--surf);font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap}
.adm-save-state.ok{color:#168a46;border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.08)}
.adm-save-state.dirty{color:#9a6d22;border-color:rgba(201,168,112,.35);background:rgba(201,168,112,.13)}
.adm-save-state.err{color:var(--red);border-color:rgba(192,57,43,.22);background:rgba(192,57,43,.08)}
.adm-save-state.loading{color:var(--gold);border-color:rgba(201,168,112,.30);background:rgba(201,168,112,.08)}
.adm-save-state i{font-size:14px;flex-shrink:0}
.adm-save-all{min-height:36px;padding:7px 13px;font-size:11.5px;white-space:nowrap}
.adm-view-btn{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.5);font-size:11px;border:1px solid rgba(255,255,255,.15);border-radius:2px;padding:5px 11px;cursor:pointer;transition:all .2s;background:none;font-family:'Tajawal',sans-serif}
.adm-view-btn:hover{color:rgba(255,255,255,.85);border-color:rgba(255,255,255,.35)}
/* ══ CONTENT EDITOR ══ */
.ce-sec{background:var(--surf);border:1px solid var(--brd);border-radius:4px;overflow:hidden;margin-bottom:9px}
.ce-sec-hd{display:flex;align-items:center;justify-content:space-between;padding:11px 15px;cursor:pointer;user-select:none;transition:background .2s;border:none;width:100%;background:var(--bg2);text-align:right}
.ce-sec-hd:hover{background:var(--bg3)}
.ce-sec-hd-l{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--txt)}
.ce-sec-hd-l i{font-size:15px;color:var(--gold)}
.ce-chev{color:var(--mut);font-size:14px;transition:transform .25s}
.ce-sec-body{padding:14px;display:none}
.ce-sec-body.open{display:block}
.ce-field{margin-bottom:10px}
.ce-field:last-child{margin-bottom:0}
.ce-field label{font-size:10px;font-weight:700;color:var(--mut);letter-spacing:.4px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.live-badge{font-size:9px;background:rgba(34,197,94,.12);color:#16a34a;padding:2px 7px;border-radius:10px;font-weight:600;letter-spacing:0;text-transform:none}
/* ══ TYPOGRAPHY ══ */
.typo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
@media(max-width:560px){.typo-grid{grid-template-columns:1fr}}
.typo-card{background:var(--bg2);border:1px solid var(--brd);border-radius:4px;padding:12px 13px}
.typo-hd{font-size:10px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.typo-ctrl{display:flex;align-items:center;gap:8px}
.typo-val{font-size:17px;font-weight:700;color:var(--gold);min-width:34px;text-align:center}
.typo-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--brd2);background:var(--surf);color:var(--mid);font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1;font-family:monospace;flex-shrink:0}
.typo-btn:hover{border-color:var(--gold);color:var(--gold)}
.typo-sample{font-size:11px;color:var(--mid);margin-top:6px;padding-top:6px;border-top:1px solid var(--brd);text-align:center;font-style:italic}
/* ══ CITIES ADMIN ══ */
.zone-prices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
@media(max-width:560px){.zone-prices-grid{grid-template-columns:1fr}}
.zone-price-card{background:var(--bg2);border:1px solid var(--brd);border-radius:4px;padding:13px 14px}
.zone-price-hd{font-size:12px;font-weight:700;color:var(--txt);margin-bottom:8px;display:flex;align-items:center;gap:5px}
.zone-price-hd i{color:var(--gold);font-size:14px}
.city-add-box{background:var(--bg2);border:1px solid var(--brd);border-radius:4px;padding:14px;margin-bottom:14px}
.city-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;background:var(--surf);border:1px solid var(--brd);border-radius:3px;padding:8px 11px;margin-bottom:6px}
.city-row-name{font-size:13px;font-weight:600;color:var(--txt)}
.zone-pill{font-size:10px;font-weight:700;padding:3px 9px;border-radius:12px}
.zp-west{background:rgba(34,197,94,.1);color:#16a34a}
.zp-jerusalem{background:rgba(234,179,8,.1);color:#a16207}
.zp-inside{background:rgba(99,102,241,.1);color:#4338ca}
[data-dark] .zp-west{background:rgba(34,197,94,.2);color:#4ade80}
[data-dark] .zp-jerusalem{background:rgba(234,179,8,.2);color:#fbbf24}
[data-dark] .zp-inside{background:rgba(99,102,241,.2);color:#818cf8}
.city-filter-row{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.city-filter-btn{padding:5px 12px;font-size:11px;font-weight:600;border-radius:2px;border:1px solid var(--brd2);background:var(--bg2);color:var(--mid);cursor:pointer;transition:all .2s;font-family:'Tajawal',sans-serif}
.city-filter-btn.active,.city-filter-btn:hover{background:var(--txt);color:var(--bg);border-color:var(--txt)}

/* ── LIVE SAVE STATUS ── */
.sync-status{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:3px;font-size:12.5px;margin-top:8px;line-height:1.55}
.sync-status.ok{background:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.25)}
.sync-status.err{background:rgba(192,57,43,.09);color:var(--red);border:1px solid rgba(192,57,43,.2)}
.sync-status.loading{background:var(--bg2);color:var(--mut);border:1px solid var(--brd)}
.sync-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}
.sync-setup-box{background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(157,120,80,.04));border:1px solid rgba(34,197,94,.24);border-radius:6px;padding:18px 20px;margin-bottom:18px}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* PRICE VISIBILITY BOOST */
.price-strong,.pcard-price,.pmodal-price,.cart-tot-val{font-variant-numeric:tabular-nums}
.pcard-prices,.pmodal-prices{position:relative}
[data-dark] .pcard-prices,[data-dark] .pmodal-prices{background:linear-gradient(135deg,rgba(201,168,112,.24),rgba(240,216,152,.10));border-color:rgba(226,200,144,.38)}
.pcard-price{font-size:23px!important;text-shadow:0 1px 0 rgba(255,255,255,.22)}
[data-dark] .pcard-price,[data-dark] .pmodal-price{color:#fff7e8;text-shadow:0 0 18px rgba(201,168,112,.14)}
.pmodal-price{font-size:30px!important;text-shadow:0 1px 0 rgba(255,255,255,.22)}
.sp-price{-webkit-text-fill-color:initial!important;background:linear-gradient(90deg,var(--gold2),var(--gold3))!important;color:#1a1410!important}
.citem-price{font-variant-numeric:tabular-nums}
.cart-summary .cs-row,.cs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--mid);padding:4px 0}
.cart-summary .cs-row span:last-child,.cs-row span:last-child{font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums}
.cart-summary .cs-row.total,.cs-row.total{margin-top:7px;padding-top:10px;border-top:1px dashed var(--brd);font-size:14px;color:var(--txt)}
.cart-summary .cs-row.total span:last-child,.cs-row.total span:last-child{font-size:22px;font-weight:900;background:rgba(201,168,112,.18);border:1px solid rgba(157,120,80,.30);border-radius:6px;padding:4px 10px}
.checkout-extra{border:1px solid var(--brd);background:var(--bg2);border-radius:4px;margin-top:4px;overflow:hidden}
.checkout-extra summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 12px;font-size:12.5px;font-weight:800;color:var(--mid);list-style:none}
.checkout-extra summary::-webkit-details-marker{display:none}
.checkout-extra summary i{color:var(--gold)}
.checkout-extra[open] summary{border-bottom:1px solid var(--brd)}
.checkout-extra-body{padding:10px 10px 12px}
@media(max-width:430px){.pcard-prices{flex-wrap:nowrap;gap:5px;justify-content:space-between;padding:8px 6px}.pcard-prices::before,.pcard-old{flex:0 0 auto}.pcard-prices::before{font-size:9px;padding:2px 6px}.pcard-price{flex:0 1 auto;font-size:20px!important}.pcard-old{font-size:11px}.pmodal-price{font-size:28px!important}}
@media(max-width:600px){
  .nav{height:58px;padding:0;gap:0;overflow:hidden;display:block;direction:rtl}
  .cat-nav{top:58px}
  .nav-left{display:none}
  .nav-right{position:absolute;left:8px;top:50%;transform:translateY(-50%);gap:3px;min-width:0;direction:ltr}
  .nav-right a.nav-ico:not(.shine){display:flex}
  .nav-ico{width:32px;height:32px;font-size:15px}
  .nav-ico.shine{min-width:36px;width:36px;height:36px;padding:0!important}
  .nav-ico.shine i{font-size:15px!important}
  .ham-mobile{display:flex!important;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;align-items:center;justify-content:center;padding:0;flex-shrink:0;background:var(--surf);border:1px solid var(--brd2);border-radius:50%;box-shadow:0 1px 0 rgba(255,255,255,.4);z-index:4}
  .ham-mobile span{width:18px;height:2px}
  .nav-left .nav-logo{display:none!important}
  .nav-logo-mobile{display:flex!important;position:absolute;left:238px;right:34px;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;min-width:0;max-width:none;width:auto;height:42px;z-index:2;font-size:12px;letter-spacing:2.8px;text-align:center;white-space:nowrap;overflow:visible;background-color:transparent!important;-webkit-tap-highlight-color:transparent;outline:0!important;box-shadow:none!important;border:0!important;border-radius:0!important;cursor:default}
  .mob-menu{top:58px;padding:18px 18px max(24px,env(safe-area-inset-bottom))}
  .mlink{min-height:54px;padding:14px 0;font-size:17px}
  .mob-soc{min-height:48px;font-size:15px}
  .prods-toolbar{display:grid;grid-template-columns:1fr;gap:12px}
  .prods-hdr,.search-wrap,.sort-sel{width:100%;max-width:none;min-width:0}
  .btn-dk,.btn-ol,.btn-buy-now,.btn-buy-modal,.btn-add-cart,.cart-checkout,.cart-clr,.abtn,.adm-view-btn{min-height:44px}
  .lead-action{min-height:44px;flex:1 1 calc(50% - 7px)}
  .lead-card{padding:14px}
  .btn-add-cart{width:44px;font-size:20px}
  .btn-buy-now{font-size:13px;padding:10px 8px}
  .pmodal-x,.adm-x,.cart-x,.citem-rm{min-width:44px;min-height:44px;align-items:center;justify-content:center}
  .qty-btn{width:44px;height:44px;font-size:18px}
  .cf input,.cf textarea,.city-sel,.ai,.ptbl-inp,.search-inp,.sort-sel,.img-row input{font-size:16px!important}
  .cf input,.city-sel,.ai,.ptbl-inp,.search-inp,.sort-sel{min-height:44px}
  .cf textarea{min-height:96px}
  .search-wrap{min-height:44px}
  .sort-sel{min-height:44px}
  .toast{max-width:calc(100vw - 28px);white-space:normal;text-align:center;justify-content:center;line-height:1.45}
  body.cart-open .toast{top:max(74px,env(safe-area-inset-top));bottom:auto}
  .adm-ov{padding:0;align-items:stretch}
  .adm-modal{min-height:100dvh;width:100%;max-width:none;margin:0;border:0;border-radius:0;display:flex;flex-direction:column}
  .adm-top-pro{height:58px;padding:0 14px;position:sticky;top:0;z-index:5;direction:ltr}
  .adm-top-pro>div:first-child{text-align:left;min-width:0}
  .adm-top-pro>div:last-child{direction:rtl}
  .adm-brand-pro{font-size:13px;letter-spacing:3px;white-space:nowrap}
  .adm-login{padding:32px 14px}
  .adm-lr{max-width:none;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .adm-lr .ai{min-width:0}
  .adm-lr .abtn{min-width:70px;justify-content:center;padding-inline:14px}
  .adm-version-bar{padding:10px 14px;font-size:12px;align-items:stretch;flex-direction:column}
  .adm-version-main,.adm-save-strip{width:100%}
  .adm-version-main{justify-content:space-between}
  .adm-save-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .adm-save-state{min-width:0;padding:6px 9px;white-space:normal;text-align:center}
  .adm-save-all{justify-content:center;padding-inline:12px}
  .adm-tabs{position:sticky;top:0;z-index:4;scroll-padding-inline:14px}
  .adm-tab{min-height:48px;font-size:14px;padding:13px 16px}
  .adm-panel{padding:18px 14px 28px}
  .apr-hd{min-height:68px;padding:12px}
  .apr-body{padding:14px}
  .img-row{min-height:58px;padding:8px}
  .img-row input{min-height:44px}
  .img-preview{width:44px;height:44px}
  .img-row .upload-img{width:44px;height:44px;font-size:18px}
  .img-row .del-img{min-width:44px;min-height:44px;justify-content:center;font-size:18px}
  .add-img-btn{min-height:44px;padding:10px 14px;font-size:13px}
  .variant-admin-row{padding:9px}
  .city-row{grid-template-columns:1fr;align-items:stretch}
  .city-row .abtn,.city-row select{width:100%;max-width:none!important;justify-content:center}
}
@media(max-width:370px){
  .nav{padding:0 6px}
  .nav-left{display:none}
  .nav-right{gap:2px}
  .nav-ico{width:30px;height:30px;font-size:14px}
  .nav-ico.shine{min-width:32px;width:32px;height:32px}
  .ham-mobile{width:32px;height:32px}
  .nav-logo-mobile{left:198px;right:32px;font-size:10.5px;letter-spacing:2px}
}

/* ── V4: admin is a real page, not an overlay ── */
body.adm-body-page{background:var(--bg2)}
.adm-body-page .adm-ov{position:static;display:block;inset:auto;background:none;
  backdrop-filter:none;padding:0;overflow:visible;z-index:auto}
.adm-body-page .adm-modal{max-width:1100px;margin:0 auto;min-height:100dvh;border-radius:0}
@media(min-width:900px){.adm-body-page .adm-modal{min-height:auto;margin:22px auto;border-radius:8px}}
.adm-body-page .adm-top-pro{position:sticky;top:0;z-index:20}