/* ===========================================================================
   Al Madi (الماضي)، premium light theme. White + sky. Nothing-inspired.
   Mobile-first 390 → 768 → 1280. RTL.
   ========================================================================== */

:root{
  --white:#ffffff;
  --surface:#ffffff;
  --bg:#ffffff;
  --bg2:#F3F8FD;
  --ink:#0B1A2B;
  --ink2:#38485C;
  --muted:#7E8CA0;
  --sky:#0EA5E9;
  --sky-d:#0284C7;
  --sky-btn:#0E96D4;
  --sky-l:#E0F2FE;
  --sky-xl:#F0F9FF;
  --line:rgba(11,26,43,.09);
  --line-2:rgba(11,26,43,.06);
  --shadow:0 12px 44px rgba(11,26,43,.09);
  --shadow-sm:0 4px 18px rgba(11,26,43,.06);
  --r:18px; --r-lg:26px; --r-sm:12px;
  --maxw:1240px;
  --fa:'IBM Plex Sans Arabic','Segoe UI','Tahoma',system-ui,sans-serif;
  --fe:'Space Grotesk','IBM Plex Sans Arabic','Segoe UI','Tahoma',ui-sans-serif,sans-serif;
}

/* Accessible visually-hidden (SEO H1 / labels) — no visual footprint. */
.am-sronly{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:#fff;color-scheme:light} /* white so iOS overscroll + the area below the 600px hero gradient + the bottom safe-area read white, not the old #E6F2FD which dominated long pages; color-scheme:light keeps the iOS chrome light in Dark Mode */
body{margin:0;position:relative;color:var(--ink);font-family:var(--fa);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;
  min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;
  background:linear-gradient(180deg, #E6F2FD 0, #F1F8FE 320px, #fff 600px) no-repeat, #fff} /* #fff base = solid white below the 600px gradient (was transparent -> showed html blue) */
.am-main{flex:1 0 auto} /* sticky footer: main grows so .am-foot is always pinned to the bottom, never floats up on short pages */
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.01em;font-weight:700}
.sar{vertical-align:-1px;margin-inline-end:2px}
::selection{background:var(--sky);color:#fff}

/* ---- nav (floating pill) ---- */
.am-navwrap{position:sticky;top:0;z-index:50;padding:14px 16px 0;transition:padding .3s}
.am-navwrap.is-stuck{padding-top:8px}
.am-nav{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:12px;height:64px;padding:0 8px 0 12px;
  background:rgba(255,255,255,.9);backdrop-filter:saturate(150%) blur(18px);-webkit-backdrop-filter:saturate(150%) blur(18px);
  border:1px solid var(--line-2);border-radius:18px;box-shadow:0 10px 34px rgba(11,26,43,.09);transition:box-shadow .3s}
.am-navwrap.is-stuck .am-nav{box-shadow:0 14px 44px rgba(11,26,43,.14)}
.am-logo{display:flex;align-items:center;gap:8px;color:var(--ink);padding-inline-start:8px;flex:0 0 auto}
.am-logo-mark{color:var(--sky);display:flex}
.am-logo-text{font-family:var(--fe);font-weight:700;font-size:19px;letter-spacing:.13em}
/* search */
.am-search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:46px;padding:0 16px 0 6px;position:relative;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:width .28s cubic-bezier(.4,0,.2,1),border-color .2s,box-shadow .2s}
.am-search:focus-within{border-color:var(--sky);box-shadow:0 6px 20px rgba(14,165,233,.14)}
.am-search-pop{position:absolute;top:calc(100% + 9px);inset-inline:0;z-index:80;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 54px rgba(11,26,43,.18);overflow:hidden;max-height:72vh;overflow-y:auto}
.am-search-item{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line-2)}
.am-search-item:last-child{border-bottom:0}
.am-search-item:hover{background:var(--bg2)}
.am-search-thumb{flex:0 0 auto;width:48px;height:48px;border-radius:10px;background:var(--surface);border:1px solid var(--line-2);overflow:hidden;position:relative}
.am-search-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box}
.am-search-info{display:flex;flex-direction:column;gap:1px;min-width:0}
.am-search-info small{font-family:var(--fe);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.am-search-info b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-search-price{font-family:var(--fe);font-weight:700;font-size:13px;color:var(--sky-d);display:inline-flex;align-items:center;gap:3px}
.am-search-price .am-sar,.am-search-price .am-sar-wc{width:11px;height:13px}
.am-search-empty{padding:18px 16px;text-align:center;color:var(--muted);font-size:13px}
.am-search-recent-h{padding:10px 14px 8px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--muted);background:var(--bg2);border-bottom:1px solid var(--line-2)}
.am-search input{flex:1;min-width:0;border:0;background:transparent;font-family:inherit;font-size:14px;color:var(--ink);outline:0}
.am-search input::placeholder{color:var(--muted)}
.am-search-btn{flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.2s}
.am-search-btn:hover{color:var(--sky-d);background:var(--bg2)}
.am-search:focus-within .am-search-btn{color:var(--sky-d)}
/* actions */
.am-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.am-ic{position:relative;width:44px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink);border-radius:12px;transition:.2s}
.am-ic-pill{background:var(--bg2)}
.am-ic:hover{background:var(--sky-xl);color:var(--sky-d)}
.am-ic-n{position:absolute;top:-1px;inset-inline-start:-1px;min-width:18px;height:18px;padding:0 4px;background:var(--ink);color:#fff;
  font-family:var(--fe);font-size:10px;font-weight:700;border-radius:9px;display:grid;place-items:center;border:2px solid #fff}
.am-ic-n-sky{background:var(--sky)}
.am-ic-n-alert{background:#E11D48}
.am-ic-n[hidden]{display:none}
.am-account{display:flex;align-items:center;gap:9px;height:44px;padding:4px 6px;border:0;background:transparent;border-radius:100px;color:var(--ink);transition:.2s}
.am-account:hover{background:var(--bg2)}
.am-avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:0 0 auto;
  background:linear-gradient(150deg,var(--sky),var(--sky-d));box-shadow:0 6px 14px rgba(14,165,233,.3)}
.am-account-t{display:none;flex-direction:column;line-height:1.18;text-align:start;padding-inline-end:6px}
.am-account-t b{font-size:12.5px;font-weight:600}
.am-account-t small{font-size:11px;color:var(--muted)}
/* locale (language + currency) */
.am-locale{position:relative;flex:0 0 auto;display:none}
.am-navwrap.locale-open .am-globe{background:var(--sky-xl);color:var(--sky-d)}
.am-locale-pop{position:absolute;top:calc(100% + 10px);inset-inline-end:0;z-index:60;min-width:210px;background:var(--surface);
  border:1px solid var(--line-2);border-radius:16px;box-shadow:0 24px 60px rgba(11,26,43,.2);padding:12px;animation:amMegaIn .22s ease}
.am-locale-pop[hidden]{display:none}
.am-locale-grp{display:flex;flex-direction:column;gap:3px}
.am-locale-grp+.am-locale-grp{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-2)}
.am-locale-h{font-size:11px;font-weight:600;color:var(--muted);padding:2px 10px;letter-spacing:.04em}
.am-locale-opt{display:flex;align-items:center;gap:7px;text-align:start;border:0;background:transparent;border-radius:10px;
  padding:9px 10px;font-family:var(--fa);font-size:13.5px;color:var(--ink);cursor:pointer;transition:.15s}
.am-locale-opt:hover{background:var(--bg2)}
.am-locale-opt.is-active{background:var(--sky-xl);color:var(--sky-d);font-weight:600}
.am-locale-opt .am-sar{width:13px;height:15px}
/* departments button */
.am-dept{display:flex;align-items:center;gap:7px;height:44px;padding:0 12px;border:1px solid var(--line);background:var(--surface);
  border-radius:100px;color:var(--ink);font-family:var(--fa);font-weight:600;font-size:14px;cursor:pointer;flex:0 0 auto;transition:.2s}
.am-dept:hover{border-color:var(--sky);color:var(--sky-d)}
.am-navwrap.mega-open{z-index:60}
.am-navwrap.mega-open .am-dept{background:var(--ink);border-color:var(--ink);color:#fff}
.am-dept-t{display:none}
.am-dept-cv{transition:transform .25s}
.am-navwrap.mega-open .am-dept-cv{transform:rotate(180deg)}
/* mega menu */
.am-dept-wrap{position:relative}
/* inline category nav links (desktop) — v2 style, sky aesthetic */
.am-navlinks{display:none}
.am-navlink{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--ink);padding:8px 12px;border-radius:100px;text-decoration:none;white-space:nowrap;transition:color .15s,background .15s}
.am-navlink:hover{background:var(--sky-xl);color:var(--sky-d)}
.am-navlink.is-active{background:var(--bg2);color:var(--ink)}
.am-navlink-cta{background:var(--sky);color:#fff;box-shadow:0 4px 14px rgba(14,165,233,.26)}
.am-navlink-cta:hover{background:var(--sky-d);color:#fff}
.am-navlink-cta.is-active{background:var(--sky-d);color:#fff}
.am-navlink-cta svg{flex:0 0 auto}
/* language toggle (EN) — square button, replaces the locale dropdown */
.am-lang{display:none;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 13px;border:0;background:var(--bg2);color:var(--ink);border-radius:12px;font-family:var(--fe);font-weight:700;font-size:13px;letter-spacing:.02em;cursor:pointer;transition:.2s}
.am-lang:hover{background:var(--sky-xl);color:var(--sky-d)}
.am-mega{position:absolute;top:calc(100% + 16px);inset-inline-start:0;inset-inline-end:auto;width:min(540px,calc(100vw - 24px));z-index:56;
  background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:0 30px 72px rgba(11,26,43,.2);
  padding:14px;animation:amMegaIn .28s cubic-bezier(.2,.8,.25,1)}
.am-mega[hidden]{display:none}
.am-mega-in{display:block}
.am-mega-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.am-mega-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-radius:12px;border:1px solid var(--line-2);transition:.18s;color:var(--ink)}
.am-mega-cat b{font-size:14px;font-weight:600}
.am-mega-all{display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border-radius:12px;background:var(--ink);color:#fff;font-family:var(--fa);font-weight:600;font-size:13.5px;transition:.2s}
.am-mega-all:hover{background:var(--sky)}
.am-mega-cat:hover{background:var(--bg2)}
.am-mega-cat:hover .am-mega-ar{opacity:1;transform:translateX(-3px)}
.am-mega-ic{width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:var(--sky-xl);display:grid;place-items:center}
.am-mega-dots{width:20px;height:20px;background-image:radial-gradient(var(--sky) 1.5px,transparent 1.5px);background-size:7px 7px}
.am-mega-tx{display:flex;flex-direction:column;line-height:1.25;flex:1}
.am-mega-tx b{font-size:14.5px;font-weight:600}
.am-mega-tx small{font-family:var(--fe);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.am-mega-ar{color:var(--muted);opacity:.45;transition:.2s;flex:0 0 auto}
.am-mega-side h4{font-size:13px;margin:0 0 12px;color:var(--ink2)}
.am-mega-brands{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.am-mega-brand{font-family:var(--fe);font-size:13px;font-weight:500;color:var(--ink2);border:1px solid var(--line);border-radius:100px;padding:6px 13px;transition:.18s}
.am-mega-brand:hover{border-color:var(--sky);color:var(--sky-d)}
.am-mega-cta{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:#fff;border-radius:100px;padding:10px 18px;font-weight:600;font-size:13.5px;transition:.2s}
.am-mega-cta:hover{background:var(--sky)}
.am-mega-back{position:fixed;inset:0;z-index:54}
.am-mega-back[hidden]{display:none}
@keyframes amMegaIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* SAR symbol */
.am-sar{width:13px;height:15px;flex:0 0 auto}

/* ---- buttons ---- */
.am-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:100px;
  font-family:var(--fa);font-weight:600;font-size:15px;border:0;transition:transform .2s,box-shadow .25s,background .2s,color .2s}
.am-btn:hover{transform:translateY(-2px)}
.am-btn-primary{background:var(--sky-btn);color:#fff;box-shadow:0 6px 16px rgba(14,165,233,.18)}
.am-btn-primary:hover{background:var(--sky-d);box-shadow:0 8px 20px rgba(14,165,233,.22)}
.am-btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.am-btn-ghost:hover{border-color:var(--ink);background:transparent}
.am-btn-light{background:var(--surface);color:var(--ink)}
.am-block{width:100%}

/* ---- shared section heads ---- */
.am-rowhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 22px}
.am-rowhead h2{font-size:clamp(22px,5vw,32px)}
.am-rowhead span{color:var(--muted);font-size:13.5px}
.am-more{font-family:var(--fe);font-size:13px;font-weight:600;color:var(--sky-d);white-space:nowrap}
.am-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--fe);font-size:12px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--sky-d)}

/* sections rhythm */
section{padding:0 20px}
.am-brands,.am-bento-sec,.am-prods,.am-cats-sec{max-width:var(--maxw);margin:0 auto;padding-top:64px}
/* ---- shop categories ---- */
.am-catgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
@media(min-width:680px){.am-catgrid{grid-template-columns:repeat(4,1fr)}}
.am-catcard{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .3s,border-color .2s;opacity:0;transform:translateY(14px)}
.am-catcard.am-in{opacity:1;transform:none;transition:opacity .6s var(--d,0s),transform .6s var(--d,0s),box-shadow .3s,border-color .2s}
.am-catcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.am-catcard:hover .am-catcard-ar{opacity:1;transform:translateX(-3px)}
.am-catcard-media{position:relative;width:74px;height:74px;flex:0 0 auto;border-radius:14px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2)}
.am-catcard-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10%;box-sizing:border-box}
.am-catcard-cover .am-catcard-media img{object-fit:cover;padding:0}
.am-catcard-tx{flex:1;min-width:0}
.am-catcard-tx b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-catcard-tx small{color:var(--muted);font-size:12.5px}
.am-catcard-ar{color:var(--muted);opacity:.4;transition:.2s;flex:0 0 auto}
.am-prods{padding-bottom:8px}

/* ---- HERO ---- */
.am-hero{position:relative;overflow:hidden;background:transparent;
  padding:clamp(36px,6vw,64px) 20px clamp(56px,9vw,100px)}
.am-hero-grid{display:none}
body::before{content:"";position:absolute;top:0;inset-inline:0;height:620px;z-index:-1;pointer-events:none;
  background-image:radial-gradient(rgba(14,165,233,.17) 1.2px,transparent 1.2px);background-size:26px 26px;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 78%);mask-image:linear-gradient(180deg,#000,transparent 78%)}
.am-hero-orb{position:absolute;inset-inline-start:-10%;top:-30%;width:60vw;height:60vw;max-width:680px;max-height:680px;
  background:radial-gradient(circle at 50% 50%,rgba(14,165,233,.28),transparent 62%);filter:blur(8px);pointer-events:none}
.am-hero-in{position:relative;max-width:var(--maxw);margin:0 auto}
.am-hero .am-eyebrow{margin-bottom:18px}
.am-hero-h{font-size:clamp(40px,11vw,86px);font-weight:700;letter-spacing:-.03em;line-height:.98}
.am-hero-accent{color:var(--sky)}
.am-hero-sub{max-width:540px;margin:20px 0 30px;color:var(--ink2);font-size:clamp(15px,2.4vw,18px);line-height:1.7}
.am-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.am-hero-meta{display:flex;gap:30px;margin-top:42px;flex-wrap:wrap}
.am-hero-meta b{font-family:var(--fe);font-size:24px;font-weight:700;display:block;color:var(--ink)}
.am-hero-meta span{font-size:12.5px;color:var(--muted)}

/* ---- BRAND STRIP ---- */
.am-brandstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}
@media(min-width:760px){.am-brandstrip{grid-template-columns:repeat(8,1fr)}}
.am-brandchip{display:grid;place-items:center;height:74px;padding:0 14px;
  border:1px solid var(--line);border-radius:16px;background:var(--surface);transition:border-color .2s,transform .25s,box-shadow .25s}
.am-brandchip:hover{border-color:transparent;transform:translateY(-3px);box-shadow:var(--shadow-sm)}
.am-brandchip img{max-width:100%;max-height:30px;width:auto;height:auto;object-fit:contain;opacity:.62;transition:opacity .2s}
.am-brandchip:hover img{opacity:1}

/* ---- BENTO verticals ---- */
.am-bento{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.am-bento-cell{display:flex;align-items:center;gap:12px;padding:18px;border-radius:var(--r-lg);background:var(--surface);
  border:1px solid var(--line);position:relative;overflow:hidden;min-height:94px;color:var(--ink);
  transition:transform .25s,box-shadow .3s,border-color .2s}
.am-bento-cell:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.am-bento-cell:hover .am-bento-ar{opacity:1;transform:translateX(-3px)}
.am-bento-accent{background:linear-gradient(150deg,var(--sky-xl),#fff)}
.am-bento-ic{width:48px;height:48px;flex:0 0 auto;border-radius:14px;background:var(--sky-xl);color:var(--sky-d);display:grid;place-items:center}
.am-bento-banner{position:relative;overflow:hidden}
.am-bento-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.am-bento-banner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to left,#fff 0,rgba(255,255,255,.82) 34%,rgba(255,255,255,.12) 64%,transparent 82%)}
.am-bento-banner .am-bento-tx,.am-bento-banner .am-bento-ar{position:relative;z-index:2}
.am-bento-tx{flex:1;min-width:0}
.am-bento-tx h4{font-size:16px;font-weight:700;margin:0 0 2px}
.am-bento-tx small{font-size:12px;color:var(--muted)}
.am-bento-ar{color:var(--muted);opacity:.4;transition:.2s;flex:0 0 auto}
/* maintenance flagship */
.am-bento-main{grid-column:span 2;position:relative;overflow:hidden;border-radius:var(--r-lg);color:#fff;padding:28px;min-height:220px;
  background:linear-gradient(140deg,#0B1A2B,#0E3450 58%,#0EA5E9);display:flex;flex-direction:column;justify-content:flex-end;
  transition:transform .25s,box-shadow .35s}
.am-bento-main:hover{transform:translateY(-4px);box-shadow:0 30px 64px rgba(11,26,43,.32)}
.am-bento-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(120% 100% at 88% 6%,#000,transparent 60%);mask-image:radial-gradient(120% 100% at 88% 6%,#000,transparent 60%)}
.am-bento-main-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:inherit}
.am-bento-main::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(8,18,32,.86) 0,rgba(8,18,32,.5) 42%,rgba(8,18,32,.08) 74%,transparent 100%)}
.am-bento-main-in{position:relative;z-index:2;max-width:400px}
.am-bento-eyebrow{display:inline-block;font-family:var(--fe);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#7dd3fc;margin-bottom:10px}
.am-bento-main h3{font-size:clamp(24px,4.4vw,34px);margin:0 0 10px}
.am-bento-main p{color:#bcd0e2;font-size:14.5px;line-height:1.65;margin:0 0 18px}
.am-bento-cta{display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--ink);border-radius:100px;padding:11px 20px;font-weight:600;font-size:14px;transition:gap .2s}
.am-bento-main:hover .am-bento-cta{gap:10px}
.am-bento-main-ic{position:absolute;inset-inline-start:20px;top:18px;color:rgba(255,255,255,.13)}
/* LIGHT hero image -> dark text + soft white wash (no black shadow); text pinned to the right both langs */
.am-bento-solo::before{background:linear-gradient(to left,rgba(255,255,255,.95) 0%,rgba(255,255,255,.72) 36%,rgba(255,255,255,.22) 68%,transparent 100%)}
.am-bento-solo h3{color:var(--ink)}
.am-bento-solo .am-bento-eyebrow{color:var(--sky-d)}
.am-bento-solo p{color:var(--ink2)}
.am-bento-solo .am-bento-cta{background:var(--sky);color:#fff}
.am-bento-solo .am-bento-main-in{text-align:right}
html[dir="rtl"] .am-bento-solo .am-bento-main-in{align-self:flex-start}
html[dir="ltr"] .am-bento-solo .am-bento-main-in{align-self:flex-end}
/* bento as hero */
.am-hero-bento{max-width:var(--maxw);margin:0 auto;padding:28px 20px 0}
/* hero stays put — no hover/tap lift (mobile + desktop) */
.am-hero-bento .am-bento-main:hover,.am-hero-bento .am-bento-main:active{transform:none;box-shadow:none}
.am-hero-head{margin:8px 0 20px}
.am-hero-head .am-eyebrow{margin-bottom:12px}
.am-hero-head h1{font-size:clamp(30px,6vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.06}
@media (min-width:760px){.am-hero-bento .am-bento-main{min-height:300px}}
.am-bento-solo{width:100%;min-height:280px}
@media (min-width:760px){
  .am-hero-bento .am-bento-solo{min-height:400px;padding:44px}
  .am-bento-solo .am-bento-main-in{max-width:520px}
  .am-bento-solo h3{font-size:clamp(32px,5vw,46px)}
  .am-bento-solo p{font-size:16px}
}
/* clean category strip */
.am-catstrip-sec{padding:52px 20px 0}
.am-catstrip{display:flex;gap:8px;overflow-x:auto;padding:12px 0 6px;scrollbar-width:none}
.am-catstrip::-webkit-scrollbar{display:none}
.am-catitem{flex:1 0 auto;width:130px;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;padding:12px 6px;transition:transform .28s cubic-bezier(.34,1.4,.5,1)}
.am-catitem:hover{transform:translateY(-9px)}
.am-catitem-img{width:118px;height:118px;display:grid;place-items:center}
.am-catitem-img img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(11,26,43,.16));transition:transform .28s cubic-bezier(.34,1.4,.5,1),filter .25s}
.am-catitem:hover .am-catitem-img img{transform:scale(1.14);filter:drop-shadow(0 28px 36px rgba(11,26,43,.24))}
.am-catitem-name{font-weight:700;font-size:13px;color:var(--ink);transition:color .2s}
/* Desktop category strip = V2 sizes exactly (6-col grid, tile 156, img 136, label 13.5). */
@media (min-width:769px){
  .am-catstrip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;overflow:visible;padding:12px 0 6px}
  .am-catitem{width:auto;padding:8px 8px 4px;gap:10px}
  .am-catitem-img{width:100%;height:290px}
  .am-catitem-img img{height:280px;width:auto;max-height:280px;max-width:112%}
  .am-catitem:hover .am-catitem-img img{transform:scale(1.1)}
  .am-catitem-name{font-size:13.5px}
}
.am-catitem:hover .am-catitem-name{color:var(--sky-d)}
.am-catstrip-m{display:none}

/* ---- PRODUCT CARDS (borderless, premium) ---- */
.am-prodgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 18px}
.am-card{position:relative;background:transparent;border:0;transition:transform .3s cubic-bezier(.2,.8,.25,1)}
.am-card:hover{transform:translateY(-5px)}
.am-card-media{position:relative;aspect-ratio:1/1;border-radius:var(--r-lg);
  background:var(--surface);border:1px solid var(--line-2);overflow:hidden;margin-bottom:15px;transition:box-shadow .35s}
.am-card:hover .am-card-media{box-shadow:0 22px 50px rgba(11,26,43,.13)}
.am-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;box-sizing:border-box;z-index:0;transition:transform .5s cubic-bezier(.2,.8,.25,1)}
.am-card-tag,.am-card-fav,.am-rate{z-index:2}
.am-card:hover .am-card-img{transform:scale(1.07) translateY(-3px)}
.am-card-ph{width:46%;height:62%;border-radius:18px;background:linear-gradient(160deg,#fff,hsl(var(--hue,205) 42% 90%));box-shadow:0 16px 32px rgba(11,26,43,.12),inset 0 0 0 1px rgba(255,255,255,.6)}
.am-card-tag{position:absolute;top:14px;left:14px;right:auto;direction:ltr;z-index:2;background:var(--sky);color:#fff;
  font-size:11px;font-weight:600;padding:5px 11px;border-radius:100px;box-shadow:0 4px 10px -2px rgba(14,165,233,.22)}
.am-card-brandtop{position:absolute;top:16px;inset-inline-end:16px;z-index:2;font-family:var(--fe);
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.am-card-fav{position:absolute;bottom:14px;inset-inline-start:14px;z-index:2;width:36px;height:36px;border-radius:50%;
  border:1px solid var(--line-2);background:rgba(255,255,255,.92);backdrop-filter:blur(6px);color:var(--ink2);display:grid;place-items:center;
  box-shadow:0 4px 12px rgba(11,26,43,.08);opacity:0;transform:translateY(8px);
  transition:transform .25s,opacity .25s,background .2s,color .2s,border-color .2s}
.am-card:hover .am-card-fav{opacity:1;transform:none}
.am-card-fav:hover{color:#fff;background:var(--sky);border-color:transparent}
.am-card-fav.is-on{color:#fff;background:#e0436b;border-color:transparent;opacity:1;transform:none}
.am-card-fav.is-on svg{fill:#fff}
@media (hover:none){.am-card-fav{opacity:1;transform:none}}
.am-rate{position:absolute;bottom:14px;inset-inline-end:14px;z-index:2;display:none;align-items:center;gap:4px;
  background:#16A34A;color:#fff;font-family:var(--fe);font-weight:700;font-size:12px;padding:4px 9px;border-radius:100px;
  box-shadow:0 6px 16px rgba(22,163,74,.32)}
@media(min-width:760px){.am-rate{display:inline-flex}}
.am-card-brand{font-family:var(--fe);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-inline-end:auto}
.am-card-meta{display:flex;align-items:center;gap:7px}
.am-card-rate-inline{display:inline-flex;align-items:center;gap:3px;direction:ltr;font-family:var(--fe);font-size:11px;font-weight:700;color:#16A34A}
@media(min-width:760px){.am-card-rate-inline{display:none}}
.am-card-name{font-size:15.5px;font-weight:600;margin:5px 0 9px;line-height:1.35}
.am-card-name a{color:inherit;text-decoration:none}
.am-card-name a:hover{color:var(--sky-d)}
a.am-card-media{display:grid;cursor:pointer}
.am-card-price{display:inline-flex;direction:ltr;align-items:center;gap:5px;margin-bottom:13px}
.am-card-from{font-family:var(--fa);font-size:10.5px;color:var(--muted);font-weight:600}
.am-sw[data-soldout],.am-size[data-soldout]{opacity:.4;cursor:not-allowed}
.am-size[data-soldout]{text-decoration:line-through}
.am-card-price .am-sar{width:15px;height:17px;color:var(--sky-d)}
.woocommerce-Price-amount{direction:ltr;unicode-bidi:isolate}
.woocommerce-Price-currencySymbol{display:inline-flex;align-items:center}
.am-sar-wc{width:.66em;height:.8em;margin-inline-end:.18em;vertical-align:-.06em;color:var(--sky-d)}
.am-card-price b{font-family:var(--fe);font-size:22px;font-weight:700;color:var(--ink)}
.am-card-old{font-family:var(--fe);font-size:13.5px;font-weight:600;color:var(--muted);text-decoration:line-through;margin-inline-start:8px}
/* English currency word "SAR" + place it AFTER the amount (LTR) */
.am-sar-txt{font-family:var(--fe);font-weight:700;font-size:.62em;color:var(--sky-d);letter-spacing:.02em;line-height:1}
html[dir="ltr"] :is(.am-card-price,.am-pdp-price,.am-bnpl-amt,.am-wallet-bal,.am-wallet-delta,.am-ship-cost,.am-accpop-bal,.am-cw-price,.am-maint-svc-amt,.am-search-price,.am-summary-row){display:inline-flex;align-items:baseline;gap:.24em}
html[dir="ltr"] .am-sar-txt{order:9}
.am-card-was{display:flex;align-items:center;gap:8px;margin-bottom:3px;height:22px;line-height:1}
.am-card-was .am-card-old{margin:0;font-size:14px}
.am-card-off{font-family:var(--fe);font-weight:700;font-size:12.5px;color:#E11D48;direction:ltr}
.am-card-disc{position:absolute;top:12px;inset-inline-start:12px;z-index:2;background:#E11D48;color:#fff;font-family:var(--fe);font-weight:700;font-size:12px;padding:4px 9px;border-radius:100px;letter-spacing:.02em;direction:ltr}
.am-pdp-disc{display:inline-block;background:#E11D48;color:#fff;font-family:var(--fe);font-weight:700;font-size:13px;padding:3px 10px;border-radius:100px;margin-inline-start:10px;vertical-align:middle;direction:ltr}
.am-pdp-was{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.am-pdp-was .am-card-old{margin:0;font-size:16px}
.am-pdp-was .am-card-off{font-size:14px}
.am-pdp-bnpl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 18px;font-size:12.5px;color:var(--ink2)}
.am-bnpl-logos{display:inline-flex;align-items:center;gap:7px}
.am-bnpl-tabby{background:#3EE6B0;color:#04382b;font-family:var(--fe);font-weight:800;font-size:11.5px;padding:3px 9px;border-radius:7px;letter-spacing:-.02em}
.am-bnpl-tamara{background:linear-gradient(100deg,#F8C9A2 0%,#F7A6C2 48%,#C6A9EA 100%);color:#15151a;font-family:var(--fe);font-weight:800;font-size:11.5px;padding:3px 9px;border-radius:7px;letter-spacing:-.02em}
.am-bnpl-sep{color:var(--muted)}
.am-bnpl-txt{display:inline-flex;align-items:center;gap:4px}
.am-bnpl-amt{display:inline-flex;align-items:center;gap:3px;direction:ltr;font-family:var(--fe);font-weight:700;color:var(--ink);line-height:1}
.am-bnpl-amt .am-sar{width:11px;height:13px;color:var(--sky-d)}
.am-bnpl-amt-n{line-height:1}
/* stock status badge (real states) */
.am-stockrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:2px 0 16px}
.am-pdp-assure{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin:6px 0 16px;background:var(--surface)}
.am-assure-head{display:flex;align-items:center;gap:9px;padding:9px 14px;background:none;border-bottom:1px solid var(--line-2)}
.am-stock{display:inline-flex;align-items:center;gap:7px;font-family:var(--fa);font-weight:700;font-size:13px;padding:5px 13px;border-radius:100px}
.am-stock-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.am-stock-in{background:#E7F8F0;color:#0E9F6E}
.am-stock-best{background:#E0F2FE;color:#0369A1}
.am-stock-low{background:#FFF3E0;color:#D97706}
.am-stock-out{background:#FDE7EC;color:#E11D48}
.am-stock-sub{color:var(--muted);font-size:12.5px}
/* notify modal */
.am-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}
.am-modal[hidden]{display:none}
.am-modal-bg{position:absolute;inset:0;background:rgba(11,26,43,.5);backdrop-filter:blur(3px)}
.am-modal-box{position:relative;z-index:1;width:100%;max-width:400px;background:var(--surface);border-radius:22px;padding:28px 24px 22px;box-shadow:0 30px 80px rgba(11,26,43,.3);animation:amPop .25s ease}
/* Samsung Internet / WebKit: rounded containers with overflow don't clip corners (white bleed) → force a clip layer */
.am-modal-box,.am-modal-card,.am-search-pop,.am-catdd-panel,.am-csel-list,.am-dd-list{-webkit-transform:translateZ(0);transform:translateZ(0)}
.am-modal-card--auth,.am-addr-form{will-change:transform}
@keyframes amPop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.am-modal-x{position:absolute;top:14px;inset-inline-start:14px;width:32px;height:32px;border:0;background:var(--bg2);border-radius:50%;font-size:20px;line-height:1;cursor:pointer;color:var(--ink2)}
.am-modal-h{font-size:19px;margin:0 0 6px}
.am-modal-p{color:var(--ink2);font-size:13.5px;line-height:1.6;margin:0 0 16px}
.am-notify-form{display:flex;flex-direction:column;gap:12px}
.am-notify-in{height:50px;border:1.5px solid var(--line);border-radius:14px;padding:0 16px;font:inherit;background:var(--bg2);width:100%;box-sizing:border-box}
.am-notify-in:focus{outline:0;border-color:var(--sky);background:var(--surface)}
.am-notify-submit{height:50px;width:100%}
.am-notify-msg{font-size:13px;margin:0;display:none;font-weight:600}
.am-notify-msg.ok{display:block;color:#0E9F6E}
.am-notify-msg.err{display:block;color:#E11D48}
.am-notify-note{display:flex;align-items:flex-start;gap:6px;color:var(--muted);font-size:11.5px;line-height:1.55;margin:2px 0 0}
.am-notify-note svg{flex:0 0 auto;margin-top:2px;color:#0E9F6E}
/* toast */
.am-toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,150%);z-index:1100;background:var(--ink);color:#fff;font-family:var(--fa);font-weight:600;font-size:14px;padding:13px 22px;border-radius:100px;box-shadow:0 16px 44px rgba(11,26,43,.32);opacity:0;transition:transform .38s cubic-bezier(.2,.85,.25,1),opacity .3s;pointer-events:none;max-width:90vw;white-space:nowrap}
.am-toast.show{transform:translate(-50%,0);opacity:1}
.am-toast-fav{background:#0E9F6E}
.am-toast-err{background:#E11D48}
.am-pdp-price .am-card-old{font-size:17px}
.am-card-colors{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.am-sw{width:20px;height:20px;border-radius:50%;cursor:pointer;padding:0;background:var(--c);
  border:1px solid rgba(11,26,43,.18);box-shadow:inset 0 0 0 2px #fff;transition:transform .15s,box-shadow .15s}
.am-sw:hover{transform:scale(1.12)}
.am-sw.is-active{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--sky)}
.am-card-cn{font-size:11.5px;color:var(--muted);margin-inline-start:2px}

/* ---- REPAIR ---- */
.am-repair{position:relative;overflow:hidden;max-width:var(--maxw);margin:72px auto 0;border-radius:var(--r-lg);
  background:linear-gradient(135deg,#0B1A2B,#10314a);color:#fff;padding:clamp(34px,6vw,64px)}
.am-repair-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.2px);
  background-size:24px 24px;mask-image:radial-gradient(120% 100% at 90% 0,#000,transparent 60%);-webkit-mask-image:radial-gradient(120% 100% at 90% 0,#000,transparent 60%)}
.am-repair-in{position:relative;max-width:560px}
.am-eyebrow-light{color:#7dd3fc}
.am-repair h2{font-size:clamp(24px,5vw,40px);margin:16px 0 14px}
.am-repair p{color:#b9cbdd;margin:0 0 26px;font-size:16px;line-height:1.7}

/* ---- features strip ---- */
.am-feats{max-width:var(--maxw);margin:60px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.am-feat{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.am-feat-ic{width:44px;height:44px;flex:0 0 auto;border-radius:12px;background:var(--sky-xl);color:var(--sky-d);display:grid;place-items:center}
.am-feat b{display:block;font-size:14px}
.am-feat small{font-size:12px;color:var(--muted)}
/* ---- promo banner ---- */
.am-promo-sec{max-width:var(--maxw);margin:72px auto 0;padding:0 20px}
.am-promo{position:relative;overflow:hidden;border-radius:var(--r-lg);background:linear-gradient(135deg,#0B1A2B,#0E3450 55%,#0EA5E9);
  color:#fff;display:grid;grid-template-columns:1fr;gap:18px;padding:34px;align-items:center}
.am-promo-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1.2px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(120% 100% at 10% 0,#000,transparent 58%);mask-image:radial-gradient(120% 100% at 10% 0,#000,transparent 58%)}
.am-promo-tx{position:relative;max-width:440px}
.am-promo-tx h2{font-size:clamp(24px,5vw,38px);margin:14px 0 12px}
.am-promo-tx p{color:#bcd0e2;font-size:15px;margin:0 0 22px;line-height:1.6}
.am-promo-media{position:relative;display:flex;justify-content:center}
.am-promo-media img{max-height:210px;width:auto;filter:drop-shadow(0 24px 40px rgba(0,0,0,.4))}
/* ---- newsletter ---- */
.am-news-sec{max-width:var(--maxw);margin:72px auto 0;padding:0 20px}
.am-news{position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--bg2);border:1px solid var(--line-2);
  padding:30px;display:grid;grid-template-columns:1fr;gap:18px;align-items:center}
.am-news-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(14,165,233,.14) 1.2px,transparent 1.2px);background-size:22px 22px;
  -webkit-mask-image:radial-gradient(120% 100% at 90% 0,#000,transparent 58%);mask-image:radial-gradient(120% 100% at 90% 0,#000,transparent 58%)}
.am-news-tx{position:relative}
.am-news-tx h2{font-size:clamp(22px,4vw,30px);margin:0 0 6px}
.am-news-tx p{color:var(--muted);margin:0;font-size:14px}
.am-news-form{position:relative;display:flex;gap:10px}
.am-news-form input{flex:1;height:50px;border:1.5px solid var(--line);border-radius:100px;padding:0 18px;font:inherit;background:var(--surface)}
.am-news-form input:focus{outline:0;border-color:var(--sky);box-shadow:none}
@media (min-width:760px){
  .am-feats{grid-template-columns:repeat(4,1fr)}
  .am-promo{grid-template-columns:1.2fr .8fr;padding:48px}
  .am-promo-media img{max-height:280px}
  .am-news{grid-template-columns:1fr auto;padding:38px 48px}
  .am-news-form{min-width:380px}
}

/* ============ WooCommerce ============ */
.am-shop{max-width:var(--maxw);margin:0 auto;padding:30px 20px 60px;min-height:50vh}
.woocommerce-products-header__title,.am-shop h1{font-size:clamp(26px,5vw,40px);font-weight:700;margin:0 0 4px}
.term-description,.woocommerce-products-header p{color:var(--muted)}
.woocommerce-breadcrumb{color:var(--muted);font-size:13px;margin:0 0 14px}
.woocommerce-breadcrumb a{color:var(--sky-d)}
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:13px;margin:0 0 6px}
.woocommerce .woocommerce-ordering{margin:0 0 20px}
.woocommerce .woocommerce-ordering select{height:44px;border:1px solid var(--line);border-radius:100px;padding:0 16px;background:var(--surface);font:inherit;color:var(--ink);color-scheme:light}
.am-shop-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 0;flex-wrap:wrap}
.am-sort select{height:44px;border:1px solid var(--line);border-radius:100px;padding:0 16px;background:var(--surface);font:inherit;color:var(--ink);color-scheme:light;cursor:pointer}
.am-pager{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:42px 0 0}
.am-pager .page-numbers{border:1px solid var(--line);border-radius:10px;min-width:42px;height:42px;display:grid;place-items:center;background:var(--surface);color:var(--ink);text-decoration:none;padding:0 6px}
.am-pager .page-numbers.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.am-pager a.page-numbers:hover{border-color:var(--sky);color:var(--sky-d)}
/* ── premium shop: chips + filters + active + drawer ──────────────────── */
.am-shop-wrap{max-width:var(--maxw);margin:0 auto;padding:30px 20px 60px}
.am-shop-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.am-shop-count{color:var(--muted);font-family:var(--fe);font-size:13px}
.am-chips{display:flex;gap:9px;overflow-x:auto;padding:4px 0;scrollbar-width:none;flex:1 1 100%;order:3;min-width:0;width:100%}
.am-chips::-webkit-scrollbar{display:none}
.am-chip{flex:0 0 auto;padding:8px 16px;border:1px solid var(--line);border-radius:100px;background:var(--surface);color:var(--ink2);font-size:13.5px;font-weight:600;text-decoration:none;transition:.15s;white-space:nowrap}
.am-chip:hover{border-color:var(--sky);color:var(--sky-d)}
.am-chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
.am-shop-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
/* category picker: chips on desktop; on mobile a custom dropdown (button matches الفلاتر, list drops below) */
.am-catbox{display:none;min-width:0}
.am-catdd{position:relative;width:100%}
.am-catdd-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;font-size:13.5px;padding:0 14px;cursor:pointer}
.am-catdd-cur{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.am-catdd-cv{flex:0 0 auto;color:var(--ink2);transition:transform .2s}
.am-catdd.is-open .am-catdd-cv{transform:rotate(180deg)}
.am-catdd-panel{position:absolute;top:calc(100% + 6px);inset-inline-start:0;width:100%;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 36px -14px rgba(11,26,43,.3);padding:6px;z-index:60;max-height:60vh;overflow-y:auto}
.am-catdd-panel[hidden]{display:none}
.am-catdd-opt{display:block;padding:11px 12px;border-radius:9px;color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none}
.am-catdd-opt:hover{background:var(--sky-xl)}
.am-catdd-opt.is-active{background:var(--sky-l);color:var(--sky-d)}
@media(max-width:760px){
  /* filters + category = two EQUAL boxes side by side (grid guarantees equal halves) */
  .am-shop-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
  .am-shop-toolbar .am-chips{display:none}
  .am-shop-toolbar .am-filter-toggle{width:100%;min-width:0;justify-content:center}
  .am-catbox{display:block;min-width:0}
}
.am-shopsort{position:relative;flex:0 0 auto}
.am-shopsort-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:160px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:.15s}
.am-shopsort-btn:hover,.am-shopsort.open .am-shopsort-btn{border-color:var(--sky)}
.am-shopsort-btn svg{color:var(--muted);transition:transform .2s}
.am-shopsort.open .am-shopsort-btn svg{transform:rotate(180deg)}
.am-shopsort-pop{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:100%;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(11,26,43,.14);padding:5px;display:flex;flex-direction:column;gap:2px;animation:amFade .18s ease;white-space:nowrap}
.am-shopsort-pop[hidden]{display:none}
.am-shopsort-opt{text-align:start;padding:9px 13px;border-radius:8px;font-size:13.5px;color:var(--ink2);text-decoration:none;transition:.12s}
.am-shopsort-opt:hover{background:var(--bg2)}
.am-shopsort-opt.is-active{background:var(--sky-xl);color:var(--sky-d);font-weight:700}
/* sort moved inside the filters panel (الترتيب)، instant links, separate from Apply */
.am-fsort{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line-2)}
.am-fsort-opts{display:flex;flex-direction:column;gap:2px;margin-top:9px}
.am-fsort-opt{padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--ink2);text-decoration:none;transition:.12s}
.am-fsort-opt:hover{background:var(--bg2)}
.am-fsort-opt.is-active{background:var(--sky-xl);color:var(--sky-d);font-weight:700}
.am-shop-sentinel{display:flex;justify-content:center;padding:34px 0;min-height:10px}
.am-shop-spin{display:inline-block;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--sky);border-radius:50%;animation:amSpin .7s linear infinite}
.am-shop-spin[hidden]{display:none}
@keyframes amSpin{to{transform:rotate(360deg)}}
.am-filter-toggle{display:none;align-items:center;gap:7px;height:42px;padding:0 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font:inherit;font-weight:600;font-size:13.5px;color:var(--ink);cursor:pointer}
.am-sort select{height:42px;border:1px solid var(--line);border-radius:11px;padding:0 14px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink);cursor:pointer}
.am-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.am-afilter{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:var(--sky-xl);color:var(--sky-d);border-radius:100px;font-size:12.5px;font-weight:600;text-decoration:none}
.am-afilter span{font-size:14px;line-height:1}
.am-afilter:hover{background:#d4ecfb}
.am-afilter-clear{align-self:center;color:var(--muted);font-size:12.5px;font-weight:600;text-decoration:underline}
.am-shop-body{display:grid;grid-template-columns:1fr;gap:26px;margin-top:20px}
@media(min-width:900px){.am-shop-body{grid-template-columns:262px 1fr;align-items:start}}
.am-shop-main ul.products{margin-top:0}
@media(min-width:900px){.am-shop-main ul.products{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1240px){.am-shop-main ul.products{grid-template-columns:repeat(4,1fr)}}
.am-filters-head,.am-filters-x{display:none}
.am-filters{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}
@media(min-width:900px){.am-filters{position:sticky;top:96px}}
.am-fgroup{padding:0}
/* collapsible accordion group — premium card + sky icon tile on mobile, flat section on desktop */
.am-facc{border-bottom:1px solid var(--line-2)}
.am-facc-head{display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;background:0;border:0;cursor:pointer;font:inherit;text-align:start;color:var(--ink)}
.am-fgroup-h{flex:1;min-width:0;font-weight:700;font-size:14.5px;color:var(--ink)}
.am-facc-ic{display:none} /* shown only on mobile (sky tile) */
.am-facc-count{flex:0 0 auto;color:var(--muted);font-weight:600;font-family:var(--fe);font-size:12px}
.am-facc-chev{color:var(--muted);transition:transform .25s;flex:0 0 auto;margin-inline-start:8px}
.am-facc.is-open .am-facc-chev{transform:rotate(180deg)}
.am-facc-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.am-facc.is-open .am-facc-body{max-height:600px}
.am-facc-inner{padding-bottom:18px}
@media(min-width:900px){.am-facc-body{max-height:none;overflow:visible}.am-facc-chev{display:none}.am-facc-head{cursor:default;pointer-events:none}.am-facc-inner{padding-bottom:16px}}
.am-fopts{display:flex;flex-direction:column;gap:11px}
.am-fopts-scroll{max-height:210px;overflow-y:auto;padding-inline-end:4px}
.am-fopt{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--ink2)}
.am-fopt input{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--line);background:var(--surface);cursor:pointer;flex:0 0 auto;position:relative;margin:0;transition:.15s}
.am-fopt input[type=checkbox]{border-radius:6px}
.am-fopt input[type=radio]{border-radius:50%}
.am-fopt input:checked{border-color:var(--sky)}
.am-fopt input[type=checkbox]:checked{background:var(--sky)}
.am-fopt input[type=checkbox]:checked::after{content:"";position:absolute;inset:0;margin:auto;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.am-fopt input[type=radio]:checked::after{content:"";position:absolute;inset:0;margin:auto;width:10px;height:10px;border-radius:50%;background:var(--sky)}
.am-fopt-t i{color:var(--muted);font-family:var(--fe);font-size:12px;font-style:normal}
.am-fopt-rate>span{color:#F5A623;letter-spacing:1px}
/* brand: checkbox rows with count (count left · name · checkbox right, RTL) */
.am-fbrands{display:flex;flex-direction:column;gap:1px;max-height:240px;overflow-y:auto;overscroll-behavior:contain;padding:0;margin:0}
.am-fbrand{display:flex;align-items:center;gap:11px;height:40px;padding:0 8px;border-radius:9px;font-size:14px;color:var(--ink2);cursor:pointer;transition:.12s;flex:0 0 auto}
.am-fbrand:hover{background:var(--bg2)}
.am-fbrand input{position:absolute;opacity:0;width:0;height:0}
.am-fck{width:20px;height:20px;border:2px solid var(--line);border-radius:6px;flex:0 0 auto;position:relative;transition:.15s;background:var(--surface)}
.am-fbrand.is-on .am-fck,.am-fbrand:has(input:checked) .am-fck{border-color:var(--sky);background:var(--sky)}
.am-fbrand.is-on .am-fck::after,.am-fbrand:has(input:checked) .am-fck::after{content:"";position:absolute;inset:0;margin:auto;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.am-fbrand-n{flex:1;min-width:0}
.am-fbrand.is-on .am-fbrand-n,.am-fbrand:has(input:checked) .am-fbrand-n{color:var(--ink);font-weight:700}
.am-fbrand-c{color:var(--muted);font-family:var(--fe);font-size:12px;flex:0 0 auto}
/* dynamic: color swatches */
.am-fcolors{display:flex;flex-direction:column;gap:10px;max-height:158px;overflow-y:auto;overscroll-behavior:contain;padding:5px 6px}
.am-fcolor{display:flex;align-items:center;gap:9px;height:30px;flex:0 0 auto;cursor:pointer;font-size:13.5px;color:var(--ink2)}
.am-fcolor input{position:absolute;opacity:0;width:0;height:0}
.am-fcolor-sw{width:20px;height:20px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.12);flex:0 0 auto;transition:box-shadow .15s}
.am-fcolor.is-on .am-fcolor-sw{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sky)}
.am-fcolor:has(input:checked) .am-fcolor-sw{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sky)}
.am-fcolor.is-on{color:var(--ink);font-weight:600}
.am-fcolor:has(input:checked){color:var(--ink);font-weight:600}
/* dynamic: storage chips */
.am-fstorage{display:flex;flex-wrap:wrap;gap:8px}
.am-fstor{padding:7px 13px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-family:var(--fe);color:var(--ink2);cursor:pointer;transition:.15s}
.am-fstor input{position:absolute;opacity:0;width:0;height:0}
.am-fstor:hover{border-color:var(--sky)}
.am-fstor.is-on{background:var(--sky-xl);border-color:var(--sky);color:var(--sky-d);font-weight:700}
.am-fstor:has(input:checked){background:var(--sky-xl);border-color:var(--sky);color:var(--sky-d);font-weight:700}
.am-price-slider{position:relative;height:28px;margin:4px 2px;direction:ltr}
.am-price-track{position:absolute;top:12px;left:0;right:0;height:4px;border-radius:100px;background:var(--bg2)}
.am-price-fill{position:absolute;height:100%;border-radius:100px;background:var(--sky)}
.am-range{position:absolute;top:6px;left:0;width:100%;height:16px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.am-range::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--sky);cursor:pointer;box-shadow:0 1px 4px rgba(11,26,43,.2)}
.am-range::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--sky);cursor:pointer}
.am-price-io{display:flex;gap:10px;margin-top:14px;direction:rtl} /* من on the right, إلى on the left */
.am-facc-count,.am-fbrand-c{display:none} /* counts removed per owner */
.am-price-field{flex:1;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:var(--surface);transition:border-color .15s;direction:rtl}
.am-price-field:focus-within{border-color:var(--sky)}
.am-price-field>span{color:var(--muted);font-size:12.5px;font-weight:700;flex:0 0 auto}
.am-price-in{width:100%;min-width:0;border:0;padding:0;font:inherit;font-size:14px;font-family:var(--fe);background:0;color:var(--ink);-moz-appearance:textfield}
.am-price-in::-webkit-outer-spin-button,.am-price-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.am-price-in:focus{outline:0}
.am-price-hint{margin:10px 0 0;font-size:12px;color:var(--muted)}
.am-filters-actions{display:flex;align-items:center;gap:12px;padding-top:16px}
.am-filters-actions .am-btn{flex:1;height:44px}
.am-filters-reset{color:var(--muted);font-size:13px;font-weight:600;text-decoration:underline;white-space:nowrap}
.am-shop-empty{text-align:center;padding:60px 20px;color:var(--muted);display:flex;flex-direction:column;gap:16px;align-items:center}
/* ── cart (custom) ─────────────────────────────────────────────────── */
.am-cartpage{max-width:var(--maxw);margin:0 auto;padding:10px 0 50px}
.am-cart-title{font-size:clamp(26px,5vw,38px);font-weight:700;margin:0 0 22px}
.am-cart-grid{display:grid;grid-template-columns:1fr;gap:22px}
@media(min-width:900px){.am-cart-grid{grid-template-columns:1fr 330px;align-items:start}}
.am-cart-items{display:flex;flex-direction:column;gap:12px}
.am-cartitem{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px}
.am-cartitem-media{position:relative;width:92px;height:92px;flex:0 0 auto;border-radius:14px;background:var(--surface);border:1px solid var(--line-2);overflow:hidden}
.am-cartitem-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.am-cartitem-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.am-cartitem-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.am-cartitem-name{font-weight:700;font-size:15px;color:var(--ink);text-decoration:none}
.am-cartitem-name:hover{color:var(--sky-d)}
.am-cartitem-variants{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.am-cv{position:relative}
.am-cv-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer;transition:.15s}
.am-cv-btn:hover{border-color:var(--sky)}
.am-cv-dot{width:16px;height:16px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.15);flex:0 0 auto}
.am-cv-cur{font-family:var(--fe)}
.am-cv-cv{color:var(--muted)}
.am-cv-pop{position:absolute;top:calc(100% + 6px);inset-inline-start:0;z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 32px rgba(11,26,43,.16);padding:10px;display:flex;flex-wrap:wrap;gap:7px;min-width:max-content;animation:amFade .15s ease}
.am-cv-pop[hidden]{display:none}
.am-cv-pop-chips{flex-direction:column;align-items:stretch}
.am-cv-sw{width:26px;height:26px;border-radius:50%;background:var(--c);border:1px solid rgba(0,0,0,.14);cursor:pointer;padding:0;outline:2px solid transparent;outline-offset:2px;transition:.15s}
.am-cv-sw:hover{outline-color:var(--line)}
.am-cv-sw.is-on{outline-color:var(--sky)}
.am-cv-chip{padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font:inherit;font-size:12.5px;font-family:var(--fe);color:var(--ink2);cursor:pointer;transition:.15s;text-align:center;white-space:nowrap}
.am-cv-chip:hover{border-color:var(--sky)}
.am-cv-chip.is-on{background:var(--sky-xl);border-color:var(--sky);color:var(--sky-d);font-weight:700}
.am-cartitem-acts{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px}
.am-cartitem-fav{width:28px;height:28px;border:0;background:0;border-radius:8px;display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:.15s}
.am-cartitem-fav:hover{background:#FEF2F2;color:#E11D48}
.am-cartitem-fav.is-on{color:#E11D48}
.am-cartitem-fav.is-on svg{fill:currentColor}
.am-cartitem-remove{flex:0 0 auto;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:20px;line-height:1;text-decoration:none;transition:.15s}
.am-cartitem-remove:hover{background:#FEF2F2;color:#E11D48}
.am-cartitem-mid{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px}
.am-cartitem-priceblk{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-inline-start:auto}
.am-priceqty{display:flex;align-items:center;gap:12px}
.am-pricestack{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.am-cartitem-stock{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:100px;white-space:nowrap}
.am-cartitem-stock.is-in{background:#E7F8F0;color:#0E9F6E}
.am-cartitem-stock.is-out{background:#FEF2F2;color:#E11D48}
.am-stock-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}
.am-cartitem-row{display:flex;margin-top:9px}
.am-cartitem-was{font-family:var(--fe);font-size:12px;line-height:1;margin:0;color:var(--muted);text-decoration:line-through;direction:ltr}
.am-cartitem-sub{font-weight:700;color:var(--ink);font-family:var(--fe);font-size:15px;line-height:1}
.am-qstepper{display:inline-flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:7px;background:var(--surface);overflow:hidden;box-shadow:none}
.am-qstepper .quantity{display:inline-flex;margin:0;border:0!important;border-radius:0!important;background:0!important;box-shadow:none!important;padding:0}
.am-qstep{width:20px;height:22px;border:0;border-radius:0;background:0;font-size:13px;line-height:1;color:var(--ink2);cursor:pointer;display:grid;place-items:center;transition:.12s;padding:0;box-shadow:none}
.am-qstep:hover{background:var(--bg2);color:var(--sky-d)}
.am-qstepper input.qty{width:20px!important;min-height:0!important;height:22px!important;padding:0!important;border:0!important;border-radius:0!important;text-align:center;font:inherit;font-family:var(--fe);font-size:11px;font-weight:700;color:var(--sky-d);background:0!important;box-shadow:none!important;outline:0;-moz-appearance:textfield}
.am-qstepper input.qty::-webkit-outer-spin-button,.am-qstepper input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.am-cart-coupon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.am-coupon-in{flex:1;min-width:150px;height:44px;border:1px solid var(--line);border-radius:11px;padding:0 14px;font:inherit;font-size:14px;box-sizing:border-box}
.am-coupon-in:focus{outline:0;border-color:var(--sky)}
.am-coupon-btn{height:44px}
.am-cart-update{height:44px;padding:0 18px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font:inherit;font-weight:600;font-size:13.5px;color:var(--ink2);cursor:pointer;transition:.15s}
.am-cart-update:hover{border-color:var(--sky);color:var(--sky-d)}
.am-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.am-summary .am-sar,.am-summary .am-sar-wc,.am-ship-bar .am-sar{width:.72em;height:.86em;vertical-align:-.03em}
@media(min-width:900px){.am-summary{position:sticky;top:96px}}
.am-summary-h{font-size:17px;font-weight:700;margin:0 0 14px}
.am-sum-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-size:14px;color:var(--ink2)}
.am-sum-row b{font-family:var(--fe);color:var(--ink);font-weight:700}
.am-sum-save,.am-sum-save b{color:#0E9F6E}
.am-sum-save small{background:#E7F8F0;color:#0E9F6E;font-family:var(--fe);font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;margin-inline-start:6px}
.am-free{color:#0E9F6E;font-weight:700}
.am-sum-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0;padding:14px 0;border-top:1px solid var(--line-2);font-weight:700;font-size:16px}
.am-sum-total b{font-family:var(--fe);font-size:22px;color:var(--sky-d)}
.am-sum-bnpl{background:var(--bg2);border-radius:14px;padding:13px;margin-bottom:16px}
.am-sum-bnpl-t{display:block;font-size:12.5px;color:var(--muted);margin-bottom:9px;text-align:center}
.am-sum-bnpl-pills{display:flex;gap:8px}
.am-sum-bnpl-pills>span{flex:1;justify-content:center;direction:ltr;display:inline-flex;align-items:center;gap:3px}
.am-sum-checkout{width:100%;height:50px;font-size:15px;margin-bottom:10px}
.am-sum-continue{display:block;text-align:center;color:var(--ink2);font-size:13.5px;font-weight:600;text-decoration:none}
.am-sum-continue:hover{color:var(--sky-d)}
.am-ship-bar{background:var(--bg2);border-radius:12px;padding:12px 13px;margin-bottom:16px}
.am-ship-bar-free{display:flex;justify-content:center;padding:13px}
.am-ship-bar-free .am-ship-bar-t{margin:0;justify-content:center}
.am-ship-bar-t{font-size:12.5px;color:var(--ink2);margin-bottom:9px;display:flex;align-items:center;gap:6px}
.am-ship-bar-t b{color:var(--sky-d);font-family:var(--fe);direction:ltr;display:inline-flex;align-items:center;gap:3px}
.am-ship-free{color:#0E9F6E;font-weight:700}
.am-ship-track{height:7px;border-radius:100px;background:#e3edf5;overflow:hidden}
.am-ship-fill{display:block;height:100%;border-radius:100px;background:var(--sky);transition:width .4s}
.am-ship-fill.is-full{background:#0E9F6E}
.am-ship-opts{display:flex;flex-direction:column;gap:8px;margin:6px 0 14px}
.am-ship-opt{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:.15s;font-size:13.5px}
.am-ship-opt:hover{border-color:var(--sky)}
.am-ship-opt.is-on{border-color:var(--sky);background:var(--sky-xl)}
.am-ship-opt input{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--line);border-radius:50%;cursor:pointer;flex:0 0 auto;position:relative;margin:0}
.am-ship-opt input:checked{border-color:var(--sky)}
.am-ship-opt input:checked::after{content:"";position:absolute;inset:0;margin:auto;width:9px;height:9px;border-radius:50%;background:var(--sky)}
.am-ship-name{flex:1;font-weight:600;color:var(--ink)}
.am-ship-cost{font-family:var(--fe);font-weight:700;color:var(--ink2);direction:ltr;display:inline-flex;align-items:center;gap:2px}
.am-ship-opt.is-on .am-ship-cost{color:var(--sky-d)}
.am-sum-couponform{display:flex;gap:8px;margin-bottom:8px}
.am-coupon-msg{font-size:12px;color:#E11D48;font-weight:600;margin:0 0 12px}
.am-coupon-msg[hidden]{display:none}
.am-coupon-in2{flex:1;min-width:0;height:44px;border:1px solid var(--line);border-radius:11px;padding:0 13px;font:inherit;font-size:13.5px;box-sizing:border-box}
.am-coupon-in2:focus{outline:0;border-color:var(--sky)}
.am-coupon-apply{height:44px;padding:0 18px;background:var(--ink);color:#fff;border:0;border-radius:11px;font-weight:600;font-size:13.5px;cursor:pointer;font-family:var(--fa);flex:0 0 auto}
.am-coupon-apply:hover{background:#000}
.am-sum-couponrow{align-items:center}
.am-coupon-chip{display:inline-flex;align-items:center;gap:6px;background:#E7F8F0;color:#0E9F6E;border-radius:8px;padding:4px 8px;font-family:var(--fe);font-weight:700;font-size:12px}
.am-coupon-x{background:0;border:0;color:#0E9F6E;font-size:16px;line-height:1;cursor:pointer;padding:0;margin-inline-start:2px}
.am-favpop{position:fixed;z-index:200;width:340px;max-height:62vh;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 44px rgba(11,26,43,.18);overflow:hidden;display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top center;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.am-favpop.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .18s ease,visibility 0s}
.am-favpop-list{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}
.am-favpop-empty{padding:26px 18px;text-align:center;color:var(--muted);font-size:13px}
.am-favpop .am-cw-name{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}
.am-favpop .am-cw-info{flex:1;min-width:0}
/* account hover popover (login / dashboard) */
.am-accpop{width:282px}
.am-accpop-head{display:flex;align-items:center;gap:11px;padding:14px;border-bottom:1px solid var(--line-2)}
.am-accpop-av{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(150deg,var(--sky),var(--sky-d));color:#fff;flex:0 0 auto;box-shadow:0 6px 14px rgba(14,165,233,.28)}
.am-accpop-id{display:flex;flex-direction:column;min-width:0}
.am-accpop-id b{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-accpop-id small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-accpop-notif{display:flex;align-items:center;gap:8px;margin:10px 10px 0;padding:10px 11px;border-radius:10px;background:var(--sky-xl);color:var(--sky-d);font-size:12.5px;font-weight:700;text-decoration:none}
.am-accpop-links{display:flex;flex-direction:column;padding:8px 6px;gap:1px}
.am-accpop-links a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:10px;color:var(--ink2);font-size:13.5px;font-weight:600;text-decoration:none;transition:background .12s,color .12s}
.am-accpop-links a:hover{background:var(--bg2);color:var(--ink)}
.am-accpop-links a svg{color:var(--muted);flex:0 0 auto}
.am-accpop-bal{margin-inline-start:auto;font-family:var(--fe);font-weight:700;color:var(--sky-d);font-size:12.5px;display:inline-flex;direction:ltr;align-items:center;gap:3px}
.am-accpop-bal .am-sar{width:.82em;height:.96em}
.am-accpop-logout{display:flex;align-items:center;gap:9px;margin:0 14px 14px;padding-top:11px;color:#E11D48;font-size:13px;font-weight:600;text-decoration:none;border-top:1px solid var(--line-2)}
.am-accpop-logout:hover{color:#be123c}
.am-accpop-guest{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:22px 20px}
.am-accpop-guest .am-accpop-av{width:50px;height:50px;margin-bottom:6px}
.am-accpop-guest b{font-size:15px;color:var(--ink)}
.am-accpop-guest small{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:10px}
.am-accpop-guest .am-btn{width:100%}
.am-accpop-reg{font-size:12.5px;color:var(--sky-d);font-weight:600;text-decoration:none;margin-top:10px}
/* nav cart mini-popover */
.am-mc-list{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:46vh}
.am-mc-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line-2);border-radius:12px}
.am-mc-thumb{width:50px;height:50px;flex:0 0 auto;border-radius:9px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);display:block}
.am-mc-thumb img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box;display:block}
.am-mc-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.am-mc-top{display:flex;align-items:flex-start;gap:8px}
.am-mc-name{flex:1;min-width:0;font-weight:600;font-size:12.5px;color:var(--ink);text-decoration:none;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.am-mc-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:1px}
.am-mc-grp{display:inline-flex;align-items:center;gap:7px;min-width:0}
.am-mc-meta{background:var(--bg2);color:var(--ink2);font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:6px}
.am-mc-q{font-family:var(--fe);font-size:11.5px;color:var(--muted)}
.am-mc-price{font-family:var(--fe);font-weight:700;font-size:13px;color:var(--ink);direction:ltr;display:inline-flex;align-items:center;gap:2px;flex:0 0 auto}
.am-mc-rm{flex:0 0 auto;width:22px;height:22px;border:0;background:0;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;border-radius:7px;margin-top:-1px}
.am-mc-rm:hover{background:var(--bg2);color:#E11D48}
.am-mc-foot{padding:12px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.am-mc-sub{display:flex;align-items:center;justify-content:space-between;font-size:13.5px}
.am-mc-sub span{color:var(--ink2)}
.am-mc-sub b{font-family:var(--fe);font-weight:800;font-size:15px;color:var(--sky-d);direction:ltr;display:inline-flex;align-items:center;gap:2px}
.am-mc-go{width:100%;height:46px;font-size:14px}
.am-mc-empty{padding:28px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.am-mc-empty-ic{color:var(--sky)}
.am-mc-empty p{margin:0;font-size:13.5px;font-weight:700;color:var(--ink2)}
.am-mc-shop{margin-top:2px}
/* ── checkout full-screen overlay ─────────────────────── */
/* checkout iframe modal (opened from cart — cart stays behind) */
.am-coif-ov{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box}
.am-coif-dim{position:absolute;inset:0;background:rgba(11,26,43,.5);animation:amCoFade .2s ease}
/* height:auto so the modal hugs its content (the iframe height is set from inside, see app.js) */
.am-coif-box{position:relative;width:100%;max-width:620px;height:auto;max-height:calc(100vh - 48px);background:var(--surface);border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(11,26,43,.4);animation:amCoPop .3s cubic-bezier(.34,1.25,.5,1)}
.am-coif{width:100%;height:560px;max-height:calc(100vh - 48px);border:0;display:block;transition:height .25s ease}
/* mobile: checkout = a bottom-sheet popup (rounded top + top peek of the dimmed cart + slide-up),
   not a flat full-screen page (it always was a modal — URL stays /cart/ — just looked like a page) */
@media(max-width:560px){
  /* size the sheet off the fixed overlay (= the VISIBLE viewport) not vh — on iOS vh is the large
     viewport so 94vh overflowed past the toolbar and the sheet filled the screen like a page.
     calc(100% - 54px) keeps a real 54px peek of the dimmed cart at the top on every device. */
  .am-coif-ov{padding:0;align-items:flex-end}
  .am-coif-box{max-width:100%;height:calc(100% - 54px);max-height:calc(100% - 54px);border-radius:20px 20px 0 0;animation:amCoUp .34s cubic-bezier(.22,1,.36,1)}
  .am-coif{height:100%;max-height:100%;transition:none}
}
@keyframes amCoUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.am-noscroll{overflow:hidden}
html:has(.am-noscroll){overflow:hidden}
/* embed mode (inside the iframe): drop the site chrome + let the modal fill */
.am-embed .am-navwrap,.am-embed .am-foot,.am-embed #amFavDrawer,.am-embed .am-tabbar,.am-embed .am-burger,.am-embed .am-drawer,.am-embed .am-drawer-back{display:none!important}
.am-embed{background:var(--surface)}
.am-co-overlay.is-embed{position:fixed;inset:0;background:0;padding:0;display:flex;overflow:hidden}
/* embed page (inside the checkout iframe): the fixed overlay is the only UI; lock the page so stray site chrome (hidden nav/footer/cart popover) doesn't add an iframe scrollbar */
html:has(body.am-embed){overflow:hidden}
body.am-embed{overflow:hidden}
.am-co-overlay.is-embed .am-co-modal{max-width:100%;height:100%;max-height:100%;border-radius:0;box-shadow:none;animation:none}
/* premium internal scrollbar */
.am-co-body::-webkit-scrollbar{width:10px}
.am-co-body::-webkit-scrollbar-button{display:none;width:0;height:0}
.am-co-body::-webkit-scrollbar-track{background:0;margin:6px 0}
.am-co-body::-webkit-scrollbar-thumb{background:var(--line);border-radius:100px;border:3px solid var(--bg2);background-clip:padding-box}
.am-co-body::-webkit-scrollbar-thumb:hover{background:var(--muted);border-color:var(--bg2);background-clip:padding-box}
.am-co-body{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.am-co-overlay{position:fixed;inset:0;z-index:300;background:rgba(11,26,43,.5);display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow:hidden;animation:amCoFade .2s ease}
@keyframes amCoFade{from{opacity:0}to{opacity:1}}
.am-co-dim{position:fixed;inset:0;z-index:0}
.am-co-modal{position:relative;z-index:1;width:100%;max-width:600px;max-height:calc(100vh - 56px);background:var(--bg2);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(11,26,43,.4);animation:amCoPop .3s cubic-bezier(.34,1.25,.5,1)}
@keyframes amCoPop{from{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:none}}
.am-co-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line)}
.am-co-x{font-size:26px;line-height:1;color:var(--ink2);text-decoration:none;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;flex:0 0 auto}
.am-co-x:hover{background:var(--bg2);color:var(--ink)}
.am-co-brand{display:inline-flex;align-items:center;color:var(--sky);line-height:0}
.am-co-secure{display:inline-flex;align-items:center;gap:5px;color:#0E9F6E;font-size:12px;font-weight:700}
.am-co-body{flex:1 1 auto;overflow-y:auto;padding:22px 20px 26px}
@media(max-width:560px){.am-co-overlay{padding:0}.am-co-modal{max-width:100%;max-height:100vh;border-radius:0}}
.am-co-body .woocommerce-checkout-review-order-table{table-layout:fixed}
.am-co-body .woocommerce-checkout-review-order-table .product-name{word-break:break-word}
.am-co-toggles{margin-bottom:14px}
.am-co-toggles .woocommerce-form-login-toggle,.am-co-toggles .woocommerce-form-coupon-toggle{margin:0 0 10px}
#order_review_heading{display:none}
.am-cowiz{display:block!important}
.am-wiz-pane,.am-co-body .woocommerce-billing-fields,.am-co-body .woocommerce-checkout-review-order,.am-co-body #customer_details{width:100%}
/* wizard progress */
.am-wiz-prog{display:flex;align-items:center;gap:10px;list-style:none;margin:0 0 24px;padding:0}
.am-wiz-step{display:flex;align-items:center;gap:8px;color:var(--muted)}
.am-wiz-num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1.5px solid var(--line);font-family:var(--fe);font-weight:700;font-size:14px;color:var(--muted);transition:.2s;flex:0 0 auto}
.am-wiz-step.is-active{color:var(--ink)}
.am-wiz-step.is-active .am-wiz-num{background:var(--sky);border-color:var(--sky);color:#fff;box-shadow:0 4px 12px rgba(14,165,233,.3)}
.am-wiz-step.is-done .am-wiz-num{background:#0E9F6E;border-color:#0E9F6E;color:#fff;cursor:pointer}
.am-wiz-step.is-done{cursor:pointer;color:var(--ink)}
.am-wiz-lbl{font-size:13px;font-weight:700}
.am-wiz-bar{flex:1;height:2px;background:var(--line);border-radius:2px;position:relative;overflow:hidden;list-style:none}
.am-wiz-bar span{position:absolute;inset:0 auto 0 0;width:0;background:var(--sky);transition:width .35s ease}
.am-wiz-bar.is-full span{width:100%}
/* wizard panes */
.am-wiz-pane{display:none}
.am-wiz-pane.is-active{display:block;animation:amWizIn .28s ease}
@keyframes amWizIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.am-wiz-head{margin-bottom:18px}
.am-wiz-head h2{margin:0 0 4px;font-size:22px;font-weight:800;color:var(--ink)}
.am-wiz-head p{margin:0;color:var(--ink2);font-size:13.5px}
.am-wiz-next{width:100%;height:54px;margin-top:10px;font-size:15.5px;gap:8px}
.am-wiz-next.is-loading{opacity:.65;cursor:progress;pointer-events:none}
/* generic button loading state (COD place button etc.): dim + trailing spinner, text stays (e.g. "لحظة...") */
.am-btn.is-loading{opacity:.85;cursor:progress;pointer-events:none}
.am-btn.is-loading::after{content:"";display:inline-block;width:14px;height:14px;margin-inline-start:8px;vertical-align:-2px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:am-spin .6s linear infinite}
@keyframes am-spin{to{transform:rotate(360deg)}}
.am-wiz-back{display:inline-flex;align-items:center;gap:5px;background:0;border:0;color:var(--ink2);font-weight:600;font-size:13px;cursor:pointer;margin-bottom:14px;padding:6px 0}
.am-wiz-back:hover{color:var(--sky-d)}
.am-co-body .am-err,.am-co-body .input-text.am-err,.am-co-body select.am-err{border-color:#E11D48!important;background:#FEF2F2!important}
@media(min-width:640px){.am-co-body .woocommerce-billing-fields,.am-co-body .woocommerce-checkout-review-order{box-shadow:0 10px 30px rgba(11,26,43,.05)}}
/* fields */
.am-co-body .woocommerce-billing-fields{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.am-co-body .woocommerce-billing-fields>h3,.am-co-body .woocommerce-additional-fields>h3{margin:0 0 16px;font-size:17px;font-weight:800;color:var(--ink)}
.am-co-body .woocommerce-additional-fields{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;margin-top:16px}
.am-co-body .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.am-co-body .woocommerce-billing-fields__field-wrapper>.form-row{margin:0 0 14px;display:flex;flex-direction:column;grid-column:1 / -1;width:auto;min-width:0}
.am-co-body .woocommerce-billing-fields__field-wrapper>.form-row-first{grid-column:1}
.am-co-body .woocommerce-billing-fields__field-wrapper>.form-row-last{grid-column:2}
.am-co-body .woocommerce-billing-fields__field-wrapper>.form-row input,.am-co-body .woocommerce-billing-fields__field-wrapper>.form-row select{width:100%;box-sizing:border-box}
.am-co-body .form-row label{font-size:12.5px;font-weight:600;color:var(--ink2);margin-bottom:6px}
.am-co-body .form-row .required{color:var(--sky-d);border:0}
.am-co-body .input-text,.am-co-body select,.am-co-body .select2-selection{height:48px!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:0 14px!important;font:inherit;font-size:14px;background:var(--surface);width:100%;box-sizing:border-box;color:var(--ink)}
.am-co-body textarea.input-text{height:90px!important;padding:12px 14px!important;resize:vertical}
.am-co-body .input-text:focus,.am-co-body select:focus{outline:0;border-color:var(--sky)!important}
.am-co-body .input-text::placeholder{color:var(--muted)}
/* order review (side card) */
.am-co-body .woocommerce-checkout-review-order{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
/* premium order review — product cards + clean totals */
.am-co-body .amor{font-size:14px;margin-bottom:8px}
.amor-items{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.amor-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:9px 11px;transition:border-color .15s,box-shadow .15s}
.amor-item:hover{border-color:#cfe9fb;box-shadow:0 6px 18px rgba(14,165,233,.08)}
.amor-thumb{position:relative;width:58px;height:58px;flex:0 0 auto;border-radius:11px;overflow:visible;background:var(--bg2)}
.amor-thumb img{width:100%;height:100%;object-fit:contain;display:block;padding:5px;box-sizing:border-box;border:1px solid var(--line-2);border-radius:11px;background:var(--surface)}
.amor-qty{position:absolute;top:-7px;inset-inline-start:-7px;min-width:21px;height:21px;padding:0 6px;border-radius:100px;background:var(--sky);color:#fff;font-family:var(--fe);font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 2px 7px rgba(14,165,233,.45);border:2px solid #fff}
.amor-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.amor-name{font-weight:600;color:var(--ink);font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.amor-meta{align-self:flex-start;display:inline-flex;background:var(--bg2);color:var(--ink2);padding:2px 9px;border-radius:7px;font-size:11px;font-weight:600}
.amor-itemprice{flex:0 0 auto;align-self:center;font-family:var(--fe);font-weight:700;color:var(--ink);white-space:nowrap;direction:ltr}
.amor-itemprice .amount{font-family:var(--fe)}
.amor-totals{display:flex;flex-direction:column;gap:10px;padding-top:15px;border-top:1px dashed var(--line)}
.amor-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}
.amor-lbl{color:var(--ink2)}
.amor-val{font-family:var(--fe);font-weight:700;color:var(--ink);white-space:nowrap;direction:ltr;display:inline-flex;align-items:center;gap:2px}
.amor-val .amount{font-family:var(--fe)}
.amor-coupon .amor-val{color:#0E9F6E}
.amor-row[hidden]{display:none}
.amor-coupon-code{font-family:var(--fe);font-size:11px;font-weight:700;color:var(--sky-d);background:var(--sky-xl);border-radius:6px;padding:2px 7px;margin-inline-start:6px}
.amor-coupon-val,.amor-wallet-row .amor-val{color:#0E9F6E}
.amor-money{display:inline-flex;align-items:center;gap:2px}
.amor-grand{margin-top:2px;padding-top:13px;border-top:1px solid var(--line)}
.amor-grand .amor-lbl{font-weight:800;color:var(--ink);font-size:15px}
.amor-grand .amor-val{font-size:18px;color:var(--sky-d)}
/* payment */
.am-co-body #payment{background:0;margin-top:6px}
.am-co-body #payment ul.payment_methods{list-style:none;margin:0 0 14px;padding:14px 0 0;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:8px}
.am-co-body #payment ul.payment_methods li{padding:0}
.am-co-body #payment label{font-weight:700;font-size:13.5px;color:var(--ink);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.am-co-body #payment .payment_box{background:var(--bg2);border-radius:10px;padding:12px 14px;margin:8px 0 0;font-size:12.5px;color:var(--ink2)}
.am-co-body #payment .payment_box::before{display:none}
.am-co-body #place_order{width:100%;height:54px;font-size:15.5px;margin-top:6px}
.am-co-body .woocommerce-terms-and-conditions-wrapper{margin:10px 0;font-size:12px;color:var(--muted)}
/* checkout saved-address picker */
.am-co-addrpick{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.am-co-addrpick-h{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:2px}
.am-co-addr{position:relative;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1.5px solid var(--line);border-radius:13px;cursor:pointer;background:var(--surface);transition:border-color .15s}
.am-co-addr.is-on{border-color:var(--sky);background:var(--sky-xl)}
.am-co-addr input{position:absolute;opacity:0;pointer-events:none}
.am-co-addr-ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;background:var(--sky-xl);color:var(--sky-d);display:grid;place-items:center}
.am-co-addr.is-on .am-co-addr-ic{background:var(--surface)}
.am-co-addr-tx{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.am-co-addr-tx b{font-size:13.5px;font-weight:700;color:var(--ink)}
.am-co-addr-tx small{font-size:12px;color:var(--muted)}
.am-co-addr-tick{flex:0 0 auto;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);background:var(--surface)}
.am-co-addr.is-on .am-co-addr-tick{border-color:var(--sky);background:radial-gradient(circle,var(--sky) 0 5px,#fff 6px)}
.am-co-addr-new{border-style:dashed;justify-content:center;color:var(--sky-d)}
.am-co-addr-new .am-co-addr-tx{flex:0 0 auto}
#customer_details.am-saved-active{display:none}
/* custom payment block — flat single-level method list */
.am-pay{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-2)}
.am-pm-wallet{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1.5px solid var(--line);border-radius:13px;cursor:pointer;margin-bottom:10px;background:var(--sky-xl);transition:border-color .15s}
.am-pm-wallet:has(input:checked){border-color:var(--sky)}
.am-pm-wallet input{position:absolute;opacity:0;pointer-events:none}
.am-pm-wallet-tx{flex:1;display:flex;flex-direction:column;gap:2px;font-weight:700;color:var(--ink);font-size:14px}
.am-pm-wallet-tx small{font-weight:600;color:var(--sky-d);font-size:12px;font-family:var(--fe);display:flex;align-items:center;gap:3px;direction:ltr;justify-content:flex-end}
.am-pm-wallet-tx small svg{width:12px;height:12px}
.am-pm-wallet-check{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);background:var(--surface);transition:.15s;position:relative}
.am-pm-wallet:has(input:checked) .am-pm-wallet-check{background:var(--sky);border-color:var(--sky)}
.am-pm-wallet:has(input:checked) .am-pm-wallet-check::after{content:"";position:absolute;inset:0;margin:auto;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.am-pm-wallet-note{margin:0 0 10px;font-size:12px;color:var(--sky-d)}
.am-pay-h{font-family:var(--fa);font-weight:800;font-size:15px;color:var(--ink);margin:0 0 12px}
.am-pay-list{display:flex;flex-direction:column;gap:10px}
/* wallet full-cover: smoothly collapse the gateway methods + heading */
.am-pay-h,.am-pay-list{overflow:hidden;transition:max-height .32s ease,opacity .24s ease,margin .24s ease}
.am-pay-h{max-height:44px}
.am-pay-list{max-height:2000px}
.am-pay-h.am-collapsed,.am-pay-list.am-collapsed{max-height:0;opacity:0;margin-top:0;margin-bottom:0;pointer-events:none}
.am-wallet-place{margin-top:4px}
.am-btn[hidden]{display:none}
.am-pm{border:1.5px solid var(--line);border-radius:13px;overflow:hidden;transition:border-color .15s}
.am-pm.is-on{border-color:var(--sky)}
.am-pm-row{display:flex;align-items:center;gap:11px;padding:13px 14px;cursor:pointer;margin:0}
.am-pm.is-on .am-pm-row{background:var(--sky-xl)}
.am-pm-row input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:2px solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer;flex:0 0 auto;margin:0;position:relative;transition:border-color .18s,box-shadow .18s}
.am-pm-row input:checked{border-color:var(--sky);box-shadow:0 0 0 3px var(--sky-xl)}
.am-pm-row input:checked::after{content:"";position:absolute;inset:0;margin:auto;width:11px;height:11px;border-radius:50%;background:var(--sky);animation:amPmDot .18s ease}
@keyframes amPmDot{from{transform:scale(.2);opacity:.4}to{transform:scale(1);opacity:1}}
.am-pm-name{flex:1;font-weight:700;font-size:13.5px;color:var(--ink)}
.am-pm-tags{font-family:var(--fe);font-size:10.5px;color:var(--muted);letter-spacing:.02em;white-space:nowrap}
/* payment brand logos — subtle wordmarks + card-network marks */
.am-pm-lg{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.lg-mc{display:block;flex:0 0 auto}
.lg-visa{font-family:var(--fe);font-weight:800;font-style:italic;font-size:13px;color:#1434CB;letter-spacing:.01em}
.lg-mada{font-family:var(--fe);font-weight:800;font-size:12px;color:#0A7D54;letter-spacing:-.02em}
.am-pm-name.lg-stc{font-family:var(--fe);font-weight:800;color:#4F008C;letter-spacing:-.02em}
.am-pm-name.lg-samsung{font-family:var(--fe);font-weight:800;color:#1428A0;letter-spacing:-.01em}
.am-pm-name.lg-tabby{font-family:var(--fe);font-weight:800;color:#16161A;letter-spacing:-.03em;font-size:15px}
.am-pm-name.lg-tamara{font-family:var(--fe);font-weight:800;color:#11181C;letter-spacing:-.02em;font-size:15px}
.am-pm-name.lg-apple{display:inline-flex;align-items:center;gap:5px;font-family:var(--fe);font-weight:600;color:var(--ink)}
.am-pm-name.lg-apple svg{display:block;margin-bottom:2px;flex:0 0 auto}
.am-pm-badge{font-family:var(--fe);font-size:10.5px;font-weight:700;color:var(--ink2);background:var(--bg2);padding:3px 9px;border-radius:100px;flex:0 0 auto}
.am-pm-off{opacity:.55}
.am-pm-off .am-pm-row{cursor:not-allowed}
.am-pm-body{display:none;padding:2px 14px 16px}
.am-pm.is-on .am-pm-body{display:block}
.am-pm-note{font-size:12.5px;color:var(--ink2);margin:0 0 12px}
.am-pay-cod{width:100%;height:52px;font-size:15px}
.am-pm .mysr-form{max-width:100%}
/* in-popup order success celebration */
.am-done-fx{display:none}
.am-done{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 18px;background:var(--bg2);text-align:center}
.am-embed .am-done{position:static;inset:auto;min-height:0;overflow:visible;background:var(--surface);padding:80px 18px}
.am-co-body:has(.am-done){padding:0;overflow:visible}
/* confirmation embed = only the success card; kill page scroll + collapse the site chrome around it */
body:has(.am-done){overflow:hidden}
body:has(.am-done) .am-main{min-height:0;margin:0;padding:0}
body:has(.am-done) .am-done{margin:0}
.am-done-card{max-width:440px;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:34px 26px 28px;box-shadow:0 24px 60px rgba(11,26,43,.10)}
.am-done-check{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(135deg,#22D3EE,#0EA5E9);color:#fff;box-shadow:0 8px 18px -6px rgba(14,165,233,.28);animation:amDonePop .55s cubic-bezier(.34,1.45,.5,1)}
@keyframes amDonePop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.14);opacity:1}100%{transform:scale(1)}}
.am-done-title{font-family:var(--fa);font-weight:800;font-size:22px;color:var(--ink);margin:0 0 6px}
.am-done-sub{font-size:13.5px;color:var(--ink2);margin:0 0 22px}
.am-done-meta{display:flex;flex-direction:column;gap:1px;background:var(--line-2);border-radius:14px;overflow:hidden;margin-bottom:22px;text-align:start}
.am-done-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;background:var(--surface);font-size:13px}
.am-done-row span{color:var(--muted)}
.am-done-row b{font-family:var(--fe);font-weight:700;color:var(--ink)}
.am-done-cta{width:100%;height:52px;font-size:15px}
.am-done-link{display:inline-block;margin-top:14px;color:var(--ink2);font-size:13px;text-decoration:none;font-weight:600}
.am-done-link:hover{color:var(--sky-d)}
.am-mysr .mysr-form-button{background:var(--sky)!important;border-radius:14px!important;font-family:var(--fa)!important;font-weight:700!important}
.am-mysr .mysr-form-button:hover{background:var(--sky-d)!important}
.am-mysr .mysr-form-footer{display:none!important}
/* inside the modal the cards are frameless (modal is the frame) */
.am-co-body .woocommerce-billing-fields,.am-co-body .woocommerce-checkout-review-order,.am-co-body .woocommerce-additional-fields{background:0!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0}
.am-co-body .woocommerce-additional-fields{margin-top:22px;padding-top:22px!important;border-top:1px solid var(--line-2)!important}
.am-co-body .am-digital-only .woocommerce-additional-fields{border-top:0!important;padding-top:0!important;margin-top:10px}
.am-co-body .woocommerce-billing-fields>h3{display:none}
.am-co-body .show-password-input{display:none} /* WC password reveal toggle rendered as a stray box */
/* checkout shipping radio (in order review) */
.am-co-ship{display:flex;flex-direction:column;gap:8px;margin:2px 0}
.am-co-shipfree{color:#0E9F6E;font-weight:700}
.am-co-shipopt{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:13px}
.am-co-shipopt.is-on{border-color:var(--sky);background:var(--sky-xl)}
.am-co-shipopt input{accent-color:var(--sky);flex:0 0 auto}
.am-co-shipname{flex:1;font-weight:600;color:var(--ink)}
.am-co-shipcost{font-family:var(--fe);font-weight:700;color:var(--sky-d);direction:ltr;display:inline-flex;align-items:center;gap:2px}
/* checkout payment display logos */
.am-co-paydisplay{margin:6px 0 14px;padding-top:14px;border-top:1px solid var(--line-2)}
.am-co-paylabel{display:block;font-size:11.5px;color:var(--muted);margin-bottom:8px}
.am-co-paylogos{display:flex;flex-wrap:wrap;gap:6px}
.am-co-paylogo{font-family:var(--fe);font-size:11px;font-weight:700;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink2)}
.am-cartempty{width:100%}
.am-cartempty-hero{text-align:center;padding:48px 24px 42px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.am-cartempty-ic{position:relative;display:inline-grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--sky-xl);color:var(--sky-d);margin-bottom:18px}
.am-cartempty-spark{position:absolute;top:12px;inset-inline-end:14px;color:var(--sky)}
.am-cartempty-h{margin:0 0 8px;font-size:23px;font-weight:800;color:var(--ink)}
.am-cartempty-p{margin:0 auto 22px;max-width:420px;color:var(--ink2);font-size:14px;line-height:1.7}
.am-cartempty-cta{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 30px}
.am-cartempty-sugg{margin-top:40px}
.am-cart-wish{margin-top:42px}
.am-cart-wishgrid{display:grid;grid-template-columns:1fr;gap:12px;list-style:none;margin:16px 0 0;padding:0}
@media(min-width:600px){.am-cart-wishgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1080px){.am-cart-wishgrid{grid-template-columns:1fr 1fr 1fr}}
.am-cw-item{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px}
.am-cw-media{position:relative;width:66px;height:66px;flex:0 0 auto;border-radius:12px;background:var(--surface);border:1px solid var(--line-2);overflow:hidden}
.am-cw-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.am-cw-info{flex:1;min-width:0}
.am-cw-name{display:block;font-weight:700;font-size:13px;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-cw-name:hover{color:var(--sky-d)}
.am-cw-price{font-family:var(--fe);font-size:13px;color:var(--sky-d);font-weight:700;margin-top:4px;direction:ltr;display:inline-flex;align-items:center;gap:3px}
.am-cw-price .am-sar{width:.78em;height:.92em}
.am-cw-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.am-cw-add,.am-cw-view{height:34px;padding:0 12px;font-size:12px;white-space:nowrap;transition:background-color .25s ease}
.am-cw-add.is-added{background:#0E9F6E!important}
.am-cw-rm{width:34px;height:34px;flex:0 0 auto;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#E11D48;cursor:pointer;display:grid;place-items:center;transition:.15s}
.am-cw-rm:hover{background:#FEF2F2;border-color:#FECACA}
@media(max-width:899px){
  .am-filter-toggle{display:inline-flex}
  /* push the sort to the opposite end of the filters button on row 1 */
  .am-shopsort{margin-inline-start:auto}

  /* ===== premium filters drawer ===== sticky header + scrollable body + sticky action footer */
  .am-filters{position:fixed;top:0;right:0;left:auto;height:100dvh;width:74%;max-width:310px;border-radius:22px 0 0 22px;z-index:300;transform:translateX(105%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border:0;box-shadow:-12px 0 50px rgba(11,26,43,.2);padding:0;display:flex;flex-direction:column}
  .am-filters.is-open{transform:translateX(0)}
  .am-filters-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}

  /* sticky header */
  .am-filters-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:15px 18px;background:var(--surface);border-bottom:1px solid var(--line-2);border-top-left-radius:22px}
  .am-filters-head b{font-family:var(--fa);font-weight:800;font-size:18px;color:var(--ink)}
  .am-filters-x{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:1px solid var(--line);background:var(--surface);font-size:20px;line-height:1;cursor:pointer;color:var(--ink2);padding:0}
  .am-filters-x:active{background:var(--bg2)}

  /* scrollable middle (header removed → first card carries the safe-area top) */
  .am-fsort{margin:calc(16px + env(safe-area-inset-top)) 14px 12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
  .am-fsort .am-fgroup-h{display:block;margin-bottom:12px;font-weight:700;font-size:14.5px}
  .am-filters-form{padding:0 14px}

  /* each filter group = premium white card with a sky icon tile (matches the account drawer) */
  .am-facc{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
  .am-facc-head{padding:13px 14px}
  .am-facc-ic{display:inline-flex;width:30px;height:30px;flex:0 0 auto;border-radius:8px;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--sky),var(--sky-d));box-shadow:0 2px 6px rgba(14,165,233,.25)}
  .am-facc-inner{padding:0 14px 16px}

  /* sort -> one clean scrollable row of pills (no uneven wrap) */
  .am-fsort-opts{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;margin-top:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
  .am-fsort-opts::-webkit-scrollbar{display:none}
  .am-fsort-opt{flex:0 0 auto;white-space:nowrap;padding:9px 15px;border:1px solid var(--line);border-radius:100px;font-size:13px;font-weight:600;color:var(--ink2);text-decoration:none;background:var(--surface)}
  .am-fsort-opt.is-active{background:var(--sky-xl);border-color:var(--sky);color:var(--sky-d);font-weight:700}

  /* color -> swatch grid */
  .am-fcolors{flex-direction:row;flex-wrap:wrap;gap:10px 16px;max-height:none;overflow:visible;padding:2px 0}
  .am-fcolor{flex-direction:column;gap:6px;width:52px;height:auto;text-align:center}
  .am-fcolor-sw{width:34px;height:34px}
  .am-fcolor-n{font-size:11px;line-height:1.2}

  /* storage -> pills */
  .am-fstor{padding:9px 15px;border-radius:100px}

  /* availability + rating rows roomier for touch */
  .am-fopt{font-size:14px;padding:3px 0}
  .am-fopt-rate>span{font-size:15px}

  /* sticky action footer — blends into the white drawer (no raised box look behind the button) */
  .am-filters-actions{position:sticky;bottom:0;z-index:3;margin:0;padding:12px 14px calc(14px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line-2);box-shadow:none;border-bottom-left-radius:22px}
  .am-filters-actions .am-btn{height:50px;font-size:15px}
  .am-filters-reset{font-size:13.5px}

  .am-filters-back{position:fixed;inset:0;background:rgba(11,26,43,.45);z-index:299;border:0}
  .am-filters-back[hidden]{display:none}
}
.woocommerce ul.products,.am-shop ul.products,.am-prods ul.products{display:grid!important;grid-template-columns:repeat(2,1fr);gap:30px 18px;list-style:none;margin:18px 0 0;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;padding:0}
@media(min-width:560px){.woocommerce ul.products,.am-shop ul.products,.am-prods ul.products{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.woocommerce ul.products,.am-shop ul.products,.am-prods ul.products{grid-template-columns:repeat(4,1fr)}}
.woocommerce nav.woocommerce-pagination{margin:42px 0 0}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border:1px solid var(--line);border-radius:10px;min-width:42px;height:42px;display:grid;place-items:center;background:var(--surface);color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:#fff;border-color:var(--ink)}
.woocommerce a.button,.woocommerce button.button,.woocommerce .button,.woocommerce #respond input#submit{background:var(--sky);color:#fff;border-radius:100px;padding:11px 22px;font-weight:600;border:0;font-family:var(--fa);transition:.2s;cursor:pointer}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover{background:var(--sky-d);color:#fff;filter:none}
.woocommerce .button.alt,.woocommerce #place_order{background:var(--ink)}
.woocommerce .button.alt:hover{background:var(--sky)}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-noreviews{border-radius:14px;border:1px solid var(--line);background:var(--bg2);padding:14px 16px;color:var(--ink)}
.woocommerce-message{border-color:rgba(22,163,74,.3)}
.woocommerce-message .button,.woocommerce-info .button{padding:7px 14px}

/* ---- PDP ---- */
.am-pdp-crumb{padding-top:8px}
.am-pdp{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:10px}
.am-pdp-gallery{position:relative}
.am-pdp-main{position:relative;aspect-ratio:1/1;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line-2);overflow:hidden}
.am-pdp-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7%;box-sizing:border-box}
.am-pdp-thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.am-pdp-thumbs::-webkit-scrollbar{height:6px}
.am-pdp-thumbs::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px}
.am-pdp-thumb{flex:0 0 auto;position:relative;width:66px;height:66px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;overflow:hidden;padding:0}
.am-pdp-thumb.is-active{border-color:var(--sky)}
.am-pdp-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9%;box-sizing:border-box}
.am-pdp-brand{font-family:var(--fe);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.am-pdp-title{font-size:clamp(24px,4.5vw,36px);font-weight:700;margin:6px 0 10px;line-height:1.2}
.am-pdp-rate{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.am-rate-static{position:static}
.am-pdp-rate a{font-size:13px;color:var(--sky-d)}
.am-pdp-price{margin:0 0 14px;line-height:1}
.am-pdp-price b{font-size:30px;line-height:1}
.am-pdp-sub{color:var(--ink2);line-height:1.8;margin:8px 0 12px;font-size:14.5px}
.am-readmore{display:inline;background:0;border:0;color:var(--sky-d);font-family:var(--fa);font-weight:600;font-size:13.5px;cursor:pointer;padding:0;margin-inline-start:5px;text-decoration:underline}
.am-readmore:hover{color:var(--sky)}
.am-pdp-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;font-size:14px}
.am-pdp-meta .am-stars{color:#F5A623}
.am-pdp-meta b{font-family:var(--fe);font-weight:700;color:var(--ink)}
.am-pdp-meta a{color:var(--muted);text-decoration:none}
.am-pdp-meta a:hover{color:var(--sky-d)}
.am-pdp-sold{color:var(--muted)}
.am-pdp-colorblock{margin-bottom:22px}
.am-pdp-label{display:block;font-size:13.5px;color:var(--ink2);margin-bottom:10px}
.am-pdp-label b{color:var(--ink)}
.am-pdp-buy{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:22px}
/* service product buy row: احجز الآن + واتساب مباشر (twin) */
.am-pdp-svc-buy{flex-wrap:nowrap;align-items:stretch}
.am-pdp-svc-buy .am-pdp-book{flex:1;border-radius:14px}
.am-pdp-svc-wa{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;background:#25D366;color:#fff;font-family:var(--fe);font-weight:700;font-size:15px;padding:0 16px;min-height:52px;transition:transform .18s,background .18s}
.am-pdp-svc-wa:hover{background:#128C7E;transform:translateY(-2px)}
.am-pdp-svc-wa svg{fill:#fff;flex:none}
.am-qty{flex:0 0 auto;display:flex;align-items:center;border:1.5px solid var(--line);border-radius:100px;height:50px;overflow:hidden}
.am-qty[hidden]{display:none}
.am-qty-btn{width:42px;height:100%;border:0;background:transparent;font-size:18px;color:var(--ink);cursor:pointer}
.am-qty-btn:hover{background:var(--bg2)}
.am-qty-in{width:46px;height:100%;border:0;text-align:center;font:inherit;font-weight:600;-moz-appearance:textfield;background:transparent}
.am-qty-in::-webkit-outer-spin-button,.am-qty-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.am-pdp-buy{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:9px;margin-bottom:16px}
.am-pdp-buy .am-qty{order:2;flex:0 0 108px;width:108px;height:48px;align-self:center}
.am-pdp-buy .am-qty-btn{width:32px;font-size:16px}
.am-pdp-buy .am-qty-in{flex:1 1 auto;width:auto;min-width:0;font-size:14px}
.am-pdp-add{flex:1 1 0;height:54px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14.5px;min-width:0;padding:0 8px;white-space:nowrap;transition:background-color .25s ease}
.am-pdp-add.is-added{background:#0E9F6E!important;box-shadow:none}
.am-pdp-now{flex:1 1 0;height:54px;min-width:0;padding:0 8px;white-space:nowrap}
/* square color swatches (reference look) */
.am-colors-sq{gap:10px}
.am-colors-sq .am-sw{width:46px;height:46px;border-radius:12px;box-shadow:inset 0 0 0 2px #fff}
.am-colors-sq .am-sw.is-active{box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--ink)}
/* storage / size chips */
.am-pdp-sizeblock{margin-bottom:22px}
.am-sizes{display:flex;gap:10px;flex-wrap:wrap}
.am-size{min-width:52px;height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);font-family:var(--fe);font-weight:600;font-size:14px;color:var(--ink);cursor:pointer;transition:.15s}
.am-size:hover{border-color:var(--sky)}
.am-size.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}
/* outline buy button */
.am-btn-outline{background:var(--surface);border:1.5px solid var(--sky);color:var(--sky-d)}
.am-btn-outline:hover{background:var(--sky-xl);color:var(--sky-d)}
/* actions row (chat / wishlist / share) */
.am-pdp-actions{display:flex;align-items:center;margin:6px 0 18px;padding:0}
.am-pdp-act{position:relative;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:0;color:var(--ink2);font-family:var(--fa);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;padding:9px 6px;transition:color .15s}
.am-pdp-act+.am-pdp-act::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:1px;height:18px;background:var(--line)}
.am-pdp-act:hover{color:var(--sky-d)}
.am-pdp-act svg{color:var(--muted)}
.am-pdp-act:hover svg{color:var(--sky-d)}
.am-pdp-wish.is-on{color:#E11D48}
.am-pdp-wish.is-on svg{color:#E11D48;fill:#E11D48}
.am-pdp-trust{list-style:none;margin:0;padding:12px 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:none}
.am-pdp-trust li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;color:var(--ink2);font-size:11px;line-height:1.4}
.am-pdp-trust svg{color:var(--sky-d);flex:0 0 auto;width:18px;height:18px}
.am-pdp-detail{margin-top:48px;max-width:760px}
.am-pdp-h{font-size:20px;margin:0 0 14px}
/* PDP tabs */
.am-pdp-tabs{margin-top:50px;max-width:none}
.am-ptab-nav{display:inline-flex;gap:3px;background:var(--bg2);border:1px solid var(--line-2);border-radius:14px;padding:5px;margin-bottom:26px}
.am-ptab{border:0;background:transparent;font-family:var(--fa);font-size:14.5px;font-weight:600;color:var(--muted);padding:9px 20px;border-radius:10px;cursor:pointer;transition:.18s}
.am-ptab:hover{color:var(--ink)}
.am-ptab.is-active{color:var(--ink);background:var(--surface);box-shadow:0 2px 8px rgba(11,26,43,.07)}
.am-ptab-pane{display:none}
.am-ptab-pane.is-active{display:block;animation:amFade .3s ease}
@keyframes amFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* stars */
.am-stars{display:inline-flex;gap:1px;color:#E0AC00;vertical-align:middle}
.am-star{color:#D8DEE6}.am-star.is-on{color:#F5A623}
/* reviews summary */
.am-rev-count{color:var(--muted);font-weight:600;font-size:16px}
.am-rev-empty{color:var(--muted)}
/* reviews 2-col layout (reference style) */
.am-rev-grid{display:grid;grid-template-columns:1fr;gap:26px}
@media(min-width:860px){.am-rev-grid{grid-template-columns:1fr 320px;gap:34px;align-items:start}}
.am-rev-head2{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:4px}
.am-rev-head2-t h2{font-size:20px;margin:0}
.am-rev-head2-t small{color:var(--muted);font-size:12.5px}
.am-rev-sortwrap{position:relative}
.am-rev-sortbtn{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-width:160px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;transition:.15s}
.am-rev-sortbtn:hover,.am-rev-sortwrap.open .am-rev-sortbtn{border-color:var(--sky)}
.am-rev-sortbtn svg{color:var(--muted);transition:transform .2s}
.am-rev-sortwrap.open .am-rev-sortbtn svg{transform:rotate(180deg)}
.am-rev-sortpop{position:absolute;top:calc(100% + 6px);inset-inline:0;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px rgba(11,26,43,.14);padding:5px;display:flex;flex-direction:column;gap:2px;animation:amFade .18s ease}
.am-rev-sortpop[hidden]{display:none}
.am-rev-sortopt{text-align:start;background:0;border:0;font:inherit;font-size:13.5px;color:var(--ink2);padding:10px 12px;border-radius:8px;cursor:pointer;transition:.12s}
.am-rev-sortopt:hover{background:var(--bg2)}
.am-rev-sortopt.is-active{background:var(--sky-xl);color:var(--sky-d);font-weight:700}
.am-rev-list{display:flex;flex-direction:column}
.am-rev-card{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--line-2)}
.am-rev-card.am-rev-hidden{display:none}
.am-rev-ava{flex:0 0 auto;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#fff;background:hsl(var(--h,210) 55% 55%)}
.am-rev-body{flex:1;min-width:0}
.am-rev-name{display:block;font-size:14.5px;margin-bottom:3px}
.am-rev-body .am-stars{color:#F5A623}
.am-rev-body p{margin:7px 0 10px;color:var(--ink2);font-size:14px;line-height:1.7}
.am-rev-actions{display:flex;align-items:center;gap:16px}
.am-rev-reply{background:0;border:0;color:var(--sky-d);font-family:var(--fa);font-weight:600;font-size:13px;cursor:pointer;padding:0}
.am-rev-vote{display:inline-flex;align-items:center;gap:5px;background:0;border:0;color:var(--muted);font-family:var(--fe);font-size:12.5px;cursor:pointer;padding:0;transition:color .15s}
.am-rev-vote:hover{color:var(--ink2)}
.am-rev-up.is-on{color:#0E9F6E}
.am-rev-down.is-on{color:#E11D48}
.am-rev-more{margin-top:20px;height:46px}
/* summary box (left side) */
.am-rev-box{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:20px}
@media(min-width:860px){.am-rev-box{position:sticky;top:96px}}
.am-rev-box-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.am-rev-box-rate{display:inline-flex;align-items:center;gap:8px}
.am-rev-box-rate .am-stars{color:#F5A623}
.am-rev-box-count{font-family:var(--fe);font-size:14px;font-weight:600;color:var(--muted)}
.am-rev-box-top b{font-family:var(--fe);font-size:30px;font-weight:700;line-height:1;color:var(--ink)}
.am-rev-bars{display:flex;flex-direction:column;gap:9px}
.am-rev-bar{display:flex;align-items:center;gap:10px;padding:3px 6px;margin:0 -6px;border-radius:8px;transition:background .15s}
.am-rev-bar-click{cursor:pointer}
.am-rev-bar-click:hover{background:var(--bg2)}
.am-rev-bar.is-active{background:var(--sky-xl)}
.am-rev-bar.is-active .am-rev-bar-n,.am-rev-bar.is-active .am-rev-bar-c{color:var(--sky-d)}
.am-rev-bar-n{font-family:var(--fe);font-size:12.5px;font-weight:700;color:var(--ink2);width:10px;text-align:center}
.am-rev-bar-track{flex:1;height:8px;border-radius:100px;background:var(--bg2);overflow:hidden}
.am-rev-bar-fill{display:block;height:100%;background:#F5A623;border-radius:100px}
.am-rev-bar-c{font-family:var(--fe);font-size:12.5px;font-weight:700;color:var(--ink);width:30px;text-align:end}
.am-rev-clear{margin-top:12px;width:100%;background:0;border:1px solid var(--line);border-radius:10px;padding:8px;font:inherit;font-size:12.5px;font-weight:600;color:var(--sky-d);cursor:pointer}
.am-rev-clear:hover{border-color:var(--sky);background:var(--sky-xl)}
/* review card meta: verified + date + variant */
.am-rev-head3{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.am-rev-verified{display:inline-flex;align-items:center;gap:4px;background:#E7F8F0;color:#0E9F6E;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:100px}
.am-rev-src{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:100px}
.am-rev-src-g{background:#eaf1fb;color:#3367d6}
.am-rev-src-site{background:var(--sky-xl);color:var(--sky-d)}
.am-rev-meta3{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.am-rev-variant{display:inline-block;background:var(--bg2);color:var(--ink2);font-size:11px;padding:3px 9px;border-radius:7px;margin:0}
.am-rev-time{margin-inline-start:auto;color:var(--muted);font-size:11.5px;font-family:var(--fe)}
/* add-review form (compact, on top) */
.am-rev-form{margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--bg2)}
.am-rf{display:flex;flex-direction:column;gap:9px}
.am-rf-row{display:flex;align-items:center;gap:10px}
.am-rf-label{font-size:13px;font-weight:600;color:var(--ink2)}
.am-rf-stars{display:inline-flex;gap:3px;direction:ltr}
.am-rf-star{background:0;border:0;padding:0;cursor:pointer;color:#D8DEE6;transition:color .12s;line-height:0}
.am-rf-star.on,.am-rf-star.hover{color:#F5A623}
.am-rf-in,.am-rf-area{border:1px solid var(--line);border-radius:10px;padding:10px 13px;font:inherit;font-size:13.5px;background:var(--surface);width:100%;box-sizing:border-box}
.am-rf-in:focus,.am-rf-area:focus{outline:0;border-color:var(--sky)}
.am-rf-area{resize:vertical;min-height:56px}
.am-rf-name{margin:8px 0}
.am-rf-foot{display:flex;align-items:center;gap:14px}
.am-rf-submit{height:42px;padding:0 22px;font-size:14px;margin-inline-start:auto}
.am-rf-msg{font-size:12.5px;margin:0;display:none;font-weight:600}
.am-rf-msg.ok{display:block;color:#0E9F6E}
.am-rf-msg.err{display:block;color:#E11D48}
.am-specs{width:100%;border-collapse:collapse;margin-bottom:30px}
.am-specs th,.am-specs td{text-align:start;padding:12px 14px;border-bottom:1px solid var(--line-2);font-size:14px}
.am-specs th{width:160px;color:var(--muted);font-weight:600}
.am-pdp-reviews{margin-top:40px;max-width:760px}
.am-pdp-related{margin-top:48px}
@media(min-width:860px){
  .am-pdp{grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
  .am-pdp-gallery{position:sticky;top:100px}
}

/* ---- FOOTER ---- */
.am-foot{flex-shrink:0;margin-top:56px;padding:0 16px 24px;background:transparent}
.am-foot-in{max-width:var(--maxw);margin:0 auto;padding:30px 30px 22px;background:var(--bg2);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.am-foot-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}
.am-foot-logo{display:inline-flex;color:var(--sky);justify-self:start}
.am-foot-logo svg{display:block;height:30px;width:auto}
.am-foot-links{display:flex;flex-direction:column;align-items:center;gap:10px}
.am-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 0}
.am-foot-nav a{position:relative;font-size:13.5px;font-weight:700;color:var(--ink);padding:0 16px;transition:color .15s}
.am-foot-nav a:not(:last-child)::after{content:"";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:3px;height:3px;border-radius:50%;background:var(--line)}
.am-foot-nav a:hover{color:var(--sky-d)}
.am-foot-policy{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 16px}
.am-foot-policy a{font-size:12px;color:var(--muted);transition:color .15s}
.am-foot-policy a:hover{color:var(--sky-d)}
.am-foot-social{display:flex;gap:9px;justify-self:end}
.am-foot-soc{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink2);transition:.18s}
.am-foot-soc:hover{color:#fff;transform:translateY(-2px)}
.am-foot-soc.is-wa:hover{background:#25D366;border-color:#25D366}
.am-foot-soc.is-x:hover{background:#000;border-color:#000}
.am-foot-soc.is-tt:hover{background:#FE2C55;border-color:#FE2C55}
.am-foot-soc.is-ig:hover{background:linear-gradient(135deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);border-color:transparent}
.am-foot-soc.am-foot-soc-haraj:hover{background:#29ABE2;border-color:#29ABE2}
.am-foot-soc-tx{font-family:var(--fa);font-size:11px;font-weight:800;line-height:1}
.am-foot-div{height:1px;background:var(--line-2);margin:22px 0 14px}
.am-foot-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}
.am-foot-copy{justify-self:start;display:flex;flex-direction:column;gap:3px}
.am-foot-copy b{font-size:12px;font-weight:700;color:var(--ink2);font-family:var(--fe)}
.am-foot-copy small{font-size:11px;color:var(--muted)}
.am-foot-pays{justify-self:center;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.am-foot-pay{height:30px;padding:0 12px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--ink2);font-family:var(--fe);transition:.18s}
/* brand colors appear on hover (like the social icons) */
.am-foot-pay:hover{color:#fff;border-color:transparent;transform:translateY(-2px)}
.am-foot-pay.is-mada:hover{background:#84BD00;color:#0B1A2B;border-color:#84BD00}
.am-foot-pay.is-visa:hover{background:#1A1F71}
.am-foot-pay.is-apple:hover{background:#000}
.am-foot-pay.is-samsung:hover{background:#1428A0}
.am-foot-pay.is-stc:hover{background:#4F008C}
.am-foot-pay.is-tabby:hover{background:#0BA37E}
.am-foot-pay.is-tamara:hover{background:linear-gradient(90deg,#62C3E8 0%,#FBD3A0 34%,#F58FB8 67%,#BCA4E6 100%);color:#0B1A2B;border-color:transparent}
.am-foot-maroof{justify-self:end;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;border-radius:100px;border:1px solid var(--sky-l);background:var(--sky-xl);color:var(--sky-d);font-size:12px;font-weight:700;transition:.18s}
.am-foot-maroof:hover{background:var(--sky);border-color:var(--sky);color:#fff}
.am-pay{font-family:var(--fe);letter-spacing:.03em}
@media(max-width:760px){.am-foot{padding:0 12px 16px}.am-foot-in{padding:26px 18px 18px}.am-foot-top{grid-template-columns:1fr;justify-items:center;text-align:center;gap:16px}.am-foot-logo{justify-self:center}.am-foot-social{justify-self:center}.am-foot-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;gap:14px}.am-foot-copy{justify-self:center;align-items:center;order:3}.am-foot-pays{justify-self:center;order:2}.am-foot-maroof{justify-self:center;order:1}}

/* ---- LOGIN MODAL ---- */
.am-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.am-modal[hidden]{display:none}
.am-modal-back{position:absolute;inset:0;background:rgba(11,26,43,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:amFade .25s ease}
/* #amLogin: class-driven open/close so the exit animates too (a one-shot @keyframes can't) */
#amLogin{opacity:0;transition:opacity .28s ease}
#amLogin.is-open{opacity:1}
#amLogin .am-modal-back{animation:none}
#amLogin .am-modal-card{animation:none;opacity:0;transform:translateY(16px) scale(.965);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .34s ease}
#amLogin.is-open .am-modal-card{opacity:1;transform:none}
.am-modal-card{position:relative;width:100%;max-width:860px;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 40px 100px rgba(11,26,43,.4);animation:amPop .35s cubic-bezier(.2,.8,.25,1)}
/* login modal hosts the same .am-auth slider as the /my-account/ page — frame is transparent */
.am-modal-card--auth{background:transparent;box-shadow:none;border-radius:0;overflow:visible;max-width:840px;width:auto}
.am-modal-card--auth .am-auth{animation:amPop .35s cubic-bezier(.2,.8,.25,1)}
.am-modal-card--auth .am-modal-x{background:var(--surface);box-shadow:0 4px 14px rgba(11,26,43,.16);z-index:120}
.am-modal-x{position:absolute;top:14px;inset-inline-start:auto;inset-inline-end:16px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;
  background:rgba(255,255,255,.7);font-size:22px;line-height:1;color:var(--ink);backdrop-filter:blur(6px)}
.am-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;pointer-events:none}
.am-modal-grid{display:grid;grid-template-columns:1fr}
.am-modal-aside{display:none;position:relative;background:linear-gradient(155deg,#0B1A2B,#0EA5E9);color:#fff;padding:40px}
.am-modal-aside-grid{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.2px,transparent 1.2px);background-size:22px 22px;opacity:.5}
.am-modal-aside-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.am-modal-aside-in p{font-size:22px;font-weight:600;line-height:1.4;margin:0}
.am-modal-form{padding:30px 26px 32px}
.am-tabs{display:flex;gap:6px;background:var(--bg2);border-radius:100px;padding:5px;margin-bottom:22px}
.am-tab{flex:1;height:40px;border:0;background:transparent;border-radius:100px;font-weight:600;font-size:14px;color:var(--ink2);transition:.2s}
.am-tab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}
.am-pane{display:none;flex-direction:column;gap:14px}
.am-pane.is-active{display:flex}
.am-field{display:flex;flex-direction:column;gap:6px}
.am-field span{font-size:12.5px;color:var(--ink2);font-weight:500}
.am-field input{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-family:inherit;font-size:14.5px;
  background:var(--surface);transition:border-color .2s,box-shadow .2s}
.am-field input:focus{outline:0;border-color:var(--sky);box-shadow:none}
.am-forgot{font-size:12.5px;color:var(--sky-d);align-self:flex-end;margin-top:-4px}
.am-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:4px 0}
.am-or::before,.am-or::after{content:"";flex:1;height:1px;background:var(--line)}
.am-social{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.am-soc{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border:1.5px solid var(--line);border-radius:12px;
  background:var(--surface);font-weight:600;font-size:14px;color:var(--ink);transition:.2s}
.am-soc:hover{border-color:var(--ink);background:var(--bg2)}

/* ---- standalone login / register page (/my-account/ guest) — double-slider ---- */
/* guest auth page: zero the account-page padding + break the grid (it shrink-wraps the
   wrapper, pushing the card off-centre) so the slider can truly centre in the viewport */
body.woocommerce-account:not(.logged-in) .am-page-my-account{padding-top:0;padding-bottom:0;min-height:0}
body.woocommerce-account:not(.logged-in) .am-page-body .woocommerce{display:block}
.am-authwrap{min-height:100vh;margin-top:-78px;display:grid;place-items:center;width:100%;padding:24px 16px;box-sizing:border-box} /* span full viewport (pull under the 78px header) so the card sits at true vertical center */
.am-auth-notices{width:100%;max-width:820px;margin:0 auto 14px}
.am-auth-notices:empty{display:none}
.am-auth-notices ul,.am-auth-notices li{list-style:none;margin:0;padding:0}
.am-auth-notices .woocommerce-error,.am-auth-notices .woocommerce-message,.am-auth-notices .woocommerce-info{padding:12px 16px;border-radius:12px;font-size:13.5px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.am-auth-notices .woocommerce-error{background:#FEECEC;border-color:rgba(225,29,72,.3);color:#b91c45}
.am-auth-notices .woocommerce-message{background:#E7F8F0;border-color:rgba(14,159,110,.3);color:#0E9F6E}

.am-auth{position:relative;overflow:hidden;width:820px;max-width:100%;min-height:560px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 30px 70px rgba(11,26,43,.14);font-family:var(--fa);direction:ltr}
html[dir="rtl"] .am-auth-pane form,html[dir="rtl"] .am-auth-overlay-panel,html[dir="rtl"] .am-auth-switch{direction:rtl}
.am-auth-stage{position:absolute;inset:0}
.am-auth-pane{position:absolute;top:0;left:0;height:100%;width:50%;transition:transform .6s ease-in-out,opacity .6s ease-in-out}
.am-auth-pane--signin{z-index:2}
.am-auth-pane--signup{opacity:0;z-index:1}
.am-auth.right-panel-active .am-auth-pane--signin{transform:translateX(100%)}
.am-auth.right-panel-active .am-auth-pane--signup{transform:translateX(100%);opacity:1;z-index:5;animation:amAuthShow .6s}
@keyframes amAuthShow{0%,49.99%{opacity:0;z-index:1}50%,100%{opacity:1;z-index:5}}
.am-auth.is-reversing .am-auth-pane--signin{animation:amAuthShow .6s}
.am-auth.is-reversing .am-auth-pane--signup{z-index:4}
.am-auth-pane form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:0 48px;margin:0;text-align:center;background:var(--surface);border:0!important;border-radius:0!important}
.am-auth .woocommerce-privacy-policy-text{display:none}
.am-auth .show-password-input{display:none}
.am-auth-h{margin:0 0 16px;font-weight:800;font-size:24px;color:var(--ink)}
.am-auth-h-w{color:#fff}
.am-auth .am-auth-pane input[type="text"],.am-auth .am-auth-pane input[type="email"],.am-auth .am-auth-pane input[type="tel"],.am-auth .am-auth-pane input[type="password"]{width:100%;margin:7px 0;padding:13px 16px;background:var(--surface);border:1.5px solid var(--line);border-radius:12px;color:var(--ink);font:500 14.5px/1.2 var(--fa);text-align:center;transition:border-color .15s}
.am-auth-pane input::placeholder{color:var(--muted)}
.am-auth .am-auth-pane input:focus{outline:0;border-color:var(--sky);background:var(--surface);box-shadow:none} /* clean focus: border only, no halo glow (beats global .am-page input:focus) */
.am-auth-btn{margin-top:18px;padding:13px 44px;border:1px solid transparent;border-radius:999px;cursor:pointer;background:var(--sky);color:#fff;font:800 14px/1 var(--fa);box-shadow:0 10px 26px rgba(14,165,233,.32);transition:filter .15s,transform .08s,background .15s}
.am-auth-btn:hover{background:var(--sky-d)}
.am-auth-btn:active{transform:scale(.97)}
.am-auth-btn--ghost{background:transparent;border-color:rgba(255,255,255,.85);box-shadow:none}
.am-auth-btn--ghost:hover{background:rgba(255,255,255,.12)}
.am-auth-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;margin:12px 0 2px}
.am-auth-remember{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--ink2);cursor:pointer}
.am-auth .am-auth-remember input[type="checkbox"]{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;flex:0 0 auto;cursor:pointer;border:1.5px solid var(--line);border-radius:6px;background:var(--surface);display:inline-grid;place-content:center;transition:background .15s,border-color .15s;box-shadow:none}
.am-auth .am-auth-remember input[type="checkbox"]::before{content:"";width:10px;height:10px;background:var(--surface);transform:scale(0);transition:transform .12s ease-in-out;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}
.am-auth .am-auth-remember input[type="checkbox"]:checked{background:var(--sky);border-color:var(--sky)}
.am-auth .am-auth-remember input[type="checkbox"]:checked::before{transform:scale(1)}
.am-auth .am-auth-remember input[type="checkbox"]:focus-visible{outline:0;border-color:var(--sky);box-shadow:none}
.am-auth-forgot{font-size:12.5px;color:var(--sky-d);text-decoration:none}
.am-auth-forgot:hover{color:var(--ink)}
.am-auth-note{font-size:12px;color:var(--muted);margin:6px 0}
.am-auth-logo{font-family:var(--fe);font-weight:800;font-size:22px;letter-spacing:.04em;color:#fff;margin-bottom:6px}
/* social sign-in (placeholders — positions reserved for Google + phone) */
.am-auth-or{display:flex;align-items:center;gap:10px;width:100%;margin:11px 0 9px;color:var(--muted);font-size:12px}
.am-auth-or::before,.am-auth-or::after{content:"";flex:1;height:1px;background:var(--line)}
.am-auth-soc{display:flex;gap:10px;width:100%}
.am-auth-soc-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:43px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);font:600 13.5px/1 var(--fa);color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}
.am-auth-soc-btn:hover{border-color:var(--ink);background:var(--bg2)}
.am-auth-soc-btn:active{background:var(--bg2)}
.am-auth-soc-btn svg{flex:0 0 auto;width:18px;height:18px}
.am-auth-err{width:100%;margin:0 0 6px;padding:9px 13px;border-radius:11px;background:#FEECEC;border:1px solid rgba(225,29,72,.3);color:#b91c45;font:600 12.5px/1.45 var(--fa);text-align:center;animation:amSearchDrop .25s ease}
.am-auth-ok{width:100%;margin:0 0 6px;padding:9px 13px;border-radius:11px;background:#E7F8F0;border:1px solid rgba(14,159,110,.3);color:#0a7d44;font:600 12.5px/1.45 var(--fa);text-align:center;animation:amSearchDrop .25s ease}
.am-auth-pane form[hidden]{display:none}
.am-auth-back{display:block;margin-top:13px;font-size:12.5px;color:var(--sky-d);text-decoration:none;background:none;border:0;cursor:pointer}
.am-auth-back:hover{color:var(--ink)}
/* overlay */
.am-auth-overlay-wrap{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;z-index:100;transition:transform .6s ease-in-out}
.am-auth.right-panel-active .am-auth-overlay-wrap{transform:translateX(-100%)}
.am-auth-overlay{position:relative;left:-100%;height:100%;width:200%;background:linear-gradient(135deg,var(--sky),var(--sky-d) 60%,#0369A1);color:#fff;transform:translateX(0);transition:transform .6s ease-in-out}
.am-auth.right-panel-active .am-auth-overlay{transform:translateX(50%)}
.am-auth-overlay::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,rgba(255,255,255,.16),transparent 70%)}
.am-auth-overlay-panel{position:absolute;top:0;height:100%;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 36px;text-align:center;transition:transform .6s ease-in-out}
.am-auth-overlay-panel p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.92);margin:14px 0 26px;max-width:280px}
.am-auth-overlay--left{transform:translateX(-20%)}
.am-auth.right-panel-active .am-auth-overlay--left{transform:translateX(0)}
.am-auth-overlay--right{right:0;transform:translateX(0)}
.am-auth.right-panel-active .am-auth-overlay--right{transform:translateX(20%)}
.am-auth-switch{display:none}
.am-auth-hero{display:none}
.am-auth--login-only{min-height:0}
.am-auth--login-only .am-auth-pane--signin{position:relative;width:100%}
.am-auth--login-only .am-auth-pane form{padding:46px 48px}
/* mobile < 768: one card, slide crossfade, no overlay */
@media(max-width:820px){
  .am-authwrap{min-height:0;padding:24px 16px 48px;align-items:start}
  .am-auth{width:100%;max-width:460px;min-height:0;margin-inline:auto}
  .am-auth-overlay-wrap{display:none}
  .am-auth-stage{position:relative;overflow:hidden;min-height:430px}
  .am-auth-pane{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;justify-content:center;animation:none!important;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease}
  .am-auth-pane form{padding:30px 22px}
  .am-auth-pane--signin{transform:translateX(0);opacity:1;pointer-events:auto}
  .am-auth-pane--signup{transform:translateX(100%);opacity:0;pointer-events:none}
  .am-auth.right-panel-active .am-auth-pane--signin{transform:translateX(-100%);opacity:0;pointer-events:none}
  .am-auth.right-panel-active .am-auth-pane--signup{transform:translateX(0);opacity:1;pointer-events:auto}
  .am-auth-switch{display:block;width:100%;max-width:420px;margin:14px auto 0;text-align:center}
  .am-auth-switch button{align-items:center;justify-content:center;gap:10px;background:none;border:0;color:var(--ink2);font:500 13.5px/1 var(--fa);cursor:pointer;padding:6px}
  .am-auth-switch button b{padding:9px 20px;border:1px solid var(--sky);border-radius:999px;color:var(--sky-d);font-weight:800;transition:background .2s,border-color .2s}
  .am-auth-switch button:active b{background:var(--sky-xl)}
  .am-auth-switch [data-am-switch]{display:none}
  .am-auth:not(.right-panel-active) .am-auth-switch [data-am-switch="signup"]{display:inline-flex}
  .am-auth.right-panel-active .am-auth-switch [data-am-switch="signin"]{display:inline-flex}
}
/* ===== premium login MODAL (mobile): gradient hero band + real working slide =====
   The desktop double-slider uses absolute panes sized off a definite-width container; in the
   shrink-wrapped modal that produced a -100% offset (form off-screen, card looked blank). Here
   the card gets a real width and the two panes ride a flex track (transform the stage), which is
   robust on mobile. Scoped to .am-modal-card--auth — the standalone /my-account/ page is untouched. */
@media(max-width:820px){
  #amLogin{padding:14px 12px calc(86px + env(safe-area-inset-bottom))}
  .am-modal-card--auth{width:min(94vw,380px);background:var(--surface);border-radius:22px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);box-shadow:0 26px 64px -14px rgba(11,26,43,.34),0 4px 14px rgba(11,26,43,.10)}
  .am-modal-card--auth .am-modal-x{top:14px;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 3px 10px rgba(11,26,43,.18)}
  .am-modal-card--auth .am-auth{border:0;border-radius:0;box-shadow:none;background:transparent;min-height:0;overflow:hidden;animation:none}
  /* hero band */
  .am-modal-card--auth .am-auth-hero{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 22px 14px;text-align:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(150deg,var(--sky) 0%,var(--sky-d) 58%,#0369A1 100%)}
  .am-modal-card--auth .am-auth-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(72% 80% at 50% -12%,rgba(255,255,255,.24),transparent 70%)}
  .am-auth-hero-logo{position:relative;font-family:var(--fe);font-weight:800;font-size:20px;letter-spacing:.14em}
  .am-auth-hero-tw{position:relative;display:grid;place-items:center;min-height:21px}
  .am-auth-hero-t{grid-area:1/1;font:700 14.5px/1.4 var(--fa);color:rgba(255,255,255,.96);transition:opacity .4s ease}
  .am-auth-hero-t--up{opacity:0}
  .am-auth.right-panel-active .am-auth-hero-t--in{opacity:0}
  .am-auth.right-panel-active .am-auth-hero-t--up{opacity:1}
  /* slide track: two panes side by side, transform the stage */
  .am-modal-card--auth .am-auth-stage{display:flex;width:200%;min-height:0;overflow:visible;transform:translateX(-50%);transition:transform .55s cubic-bezier(.22,1,.36,1)}
  .am-modal-card--auth .am-auth.right-panel-active .am-auth-stage{transform:translateX(0)}
  .am-modal-card--auth .am-auth-pane{position:relative;inset:auto;flex:0 0 50%;width:50%;transform:none!important;opacity:1;pointer-events:auto;transition:none;animation:none!important}
  .am-modal-card--auth .am-auth-pane form{padding:16px 22px 10px}
  .am-modal-card--auth .am-auth-h{margin:0 0 12px;font-size:21px}
  /* login-only (registration off): single pane, no slide */
  .am-modal-card--auth .am-auth--login-only .am-auth-stage{display:block;width:100%;transform:none}
  .am-modal-card--auth .am-auth--login-only .am-auth-pane{flex:none;width:100%}
  /* premium fields + CTA */
  .am-modal-card--auth .am-auth-pane input[type="text"],.am-modal-card--auth .am-auth-pane input[type="email"],.am-modal-card--auth .am-auth-pane input[type="tel"],.am-modal-card--auth .am-auth-pane input[type="password"]{height:44px;margin:5px 0;background:var(--bg2);border-color:transparent;border-radius:12px;font-weight:600}
  .am-modal-card--auth .am-auth-pane input:focus{background:var(--surface);border-color:var(--sky)}
  .am-modal-card--auth .am-auth-btn{width:100%;margin-top:12px;background:linear-gradient(135deg,var(--sky),var(--sky-d));box-shadow:0 10px 22px -9px rgba(2,132,199,.55)}
  .am-modal-card--auth .am-auth-switch{padding:2px 22px 14px;margin-top:4px}
}

/* ---- page fallback ---- */
.am-page-in{max-width:780px;margin:0 auto;padding:60px 20px}
.am-prose{color:var(--ink2);line-height:1.8}

/* ---- reveal anim base (gated by html.am-anim so content shows if JS fails) ---- */
html.am-anim [data-reveal]{opacity:0;transform:translateY(22px)}
html.am-anim .am-revealed [data-reveal],html.am-anim [data-reveal].am-in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.25,1);transition-delay:var(--d,0s)}
@media (prefers-reduced-motion:reduce){html.am-anim [data-reveal]{opacity:1;transform:none}}

/* ===================== RESPONSIVE ===================== */
@media (min-width:560px){
  .am-dept-t{display:inline}
  .am-lang{display:inline-flex}
  .am-mega-cats{grid-template-columns:1fr 1fr}
  .am-prodgrid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1200px){
  .am-navlinks{display:flex;align-items:center;gap:4px;flex:1 1 auto;justify-content:flex-start;border-inline-start:1px solid var(--line);margin-inline-start:4px;padding-inline-start:15px}
  .am-dept-wrap{display:none}
  .am-search{flex:0 0 auto;width:240px}
  .am-search:focus-within{width:360px}
}
@media (min-width:760px){
  .am-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(176px,1fr)}
  .am-bento-main{grid-column:span 2;grid-row:span 2}
  .am-bento-wide{grid-column:auto}
}
@media (min-width:900px){
  .am-account-t{display:flex}
  .am-mega-cats{grid-template-columns:1fr 1fr}
  .am-prodgrid{grid-template-columns:repeat(4,1fr)}
  .am-modal-grid{grid-template-columns:.9fr 1.1fr}
  .am-modal-aside{display:block}
  .am-modal-form{padding:40px}
}

/* ============ WooCommerce: cart / checkout / account ============ */
.am-page{max-width:var(--maxw);margin:0 auto;padding:30px 20px 70px}
.am-page-body>.woocommerce{display:block}
.woocommerce .woocommerce-message,.woocommerce .woocommerce-info,.woocommerce .woocommerce-error{margin:0 0 18px}

/* shared form controls */
.woocommerce form .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 15px;padding:0}
.woocommerce form .form-row label{font-size:13px;font-weight:600;color:var(--ink2)}
.woocommerce form .form-row .required{color:var(--sky-d);text-decoration:none}
.woocommerce .input-text,.woocommerce input[type=text],.woocommerce input[type=email],.woocommerce input[type=tel],
.woocommerce input[type=password],.woocommerce input[type=number],.woocommerce textarea,.woocommerce select,
.am-page select,.am-page input[type=text],.am-page input[type=email],.am-page input[type=tel],.am-page input[type=password]{
  width:100%;min-height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;background:var(--surface);color:var(--ink);color-scheme:light;box-sizing:border-box}
.woocommerce textarea{padding:12px 14px;min-height:96px;line-height:1.6}
.woocommerce .input-text:focus,.woocommerce select:focus,.woocommerce textarea:focus,.am-page input:focus,.am-page select:focus{outline:0;border-color:var(--sky);box-shadow:none}
.woocommerce .select2-container .select2-selection--single{height:48px;border:1.5px solid var(--line);border-radius:12px}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:46px;padding-inline-start:14px}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{height:46px}

/* tables (cart + order details) */
.woocommerce table.shop_table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);margin:0}
.woocommerce table.shop_table thead th{background:var(--bg2);text-align:start;padding:14px 16px;font-size:12.5px;color:var(--muted);font-weight:600;border:0}
.woocommerce table.shop_table td{padding:16px;border-top:1px solid var(--line-2);vertical-align:middle;font-size:14px}
.woocommerce table.shop_table tfoot th,.woocommerce table.shop_table tfoot td{border-top:1px solid var(--line-2);padding:14px 16px}
.woocommerce-cart table.cart img{width:66px;height:66px;object-fit:contain;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);padding:4px}
.woocommerce-cart table.cart .product-name a{color:var(--ink);font-weight:600;text-decoration:none}
.woocommerce-cart table.cart .product-name a:hover{color:var(--sky-d)}
.woocommerce a.remove{color:var(--muted)!important;font-weight:700;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:18px;text-decoration:none}
.woocommerce a.remove:hover{background:#fee2e2;color:#dc2626!important}
.woocommerce .quantity{display:inline-flex;border:1.5px solid var(--line);border-radius:100px;overflow:hidden}
.woocommerce .quantity input.qty{width:64px;min-height:44px;text-align:center;border:0;border-radius:0;box-shadow:none}
.woocommerce .cart .actions .coupon{display:flex;gap:8px}
.woocommerce .cart .actions{padding:16px 0 0}
.woocommerce .cart .actions .input-text{max-width:200px}
.amount,.woocommerce-Price-amount{font-family:var(--fe);font-weight:600;direction:ltr;unicode-bidi:isolate}

/* custom cart template handles its own layout */
.woocommerce-cart .woocommerce{display:block}
@media (min-width:920px){.cart-collaterals{margin-top:0}}
.cart_totals h2{font-size:19px;margin:0 0 14px}
.cart_totals .order-total .amount{color:var(--sky-d);font-size:20px}
.woocommerce .wc-proceed-to-checkout{padding:16px 0 0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;height:54px;line-height:32px;font-size:16px}
.woocommerce-cart .cart-empty{font-size:16px;color:var(--muted);text-align:center;padding:30px 0}
.woocommerce-cart .return-to-shop{text-align:center}

/* checkout layout */
@media (min-width:920px){
  .woocommerce-checkout form.checkout{display:grid;grid-template-columns:1fr 400px;gap:34px;align-items:start}
  .woocommerce-checkout #customer_details{grid-column:1}
  .woocommerce-checkout .woocommerce-checkout-review-order{grid-column:2;position:sticky;top:100px}
}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:auto;float:none;padding:0}
.woocommerce-billing-fields h3,.woocommerce-additional-fields h3,#order_review_heading,.woocommerce-shipping-fields h3{font-size:18px;margin:6px 0 16px}
.woocommerce-checkout .woocommerce-checkout-review-order{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px}
.woocommerce-checkout-review-order-table{border:0!important;border-radius:0}
.woocommerce-checkout-review-order-table thead th{background:transparent;padding:0 0 10px}
.woocommerce-checkout-review-order-table td,.woocommerce-checkout-review-order-table th{padding:10px 0;border:0;border-bottom:1px solid var(--line-2);font-size:14px}
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td{border-bottom:0;padding-top:14px}
.woocommerce-checkout #payment{background:transparent;border-radius:0;margin-top:6px}
.woocommerce #payment ul.payment_methods{border:0;padding:0;margin:0}
.woocommerce #payment ul.payment_methods li{margin:0 0 8px;font-size:14px}
.woocommerce #payment div.payment_box{background:var(--bg2);border-radius:12px;color:var(--ink2);font-size:13px}
.woocommerce #payment div.payment_box::before{display:none}
.woocommerce #place_order{width:100%;height:56px;font-size:16px;margin-top:14px}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:48%;display:inline-flex;vertical-align:top}
.woocommerce form .form-row-first{margin-inline-end:4%}
@media (max-width:560px){.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%;margin-inline-end:0}}

/* account */
@media (min-width:760px){
  .woocommerce-account .woocommerce{display:grid;grid-template-columns:248px 1fr;gap:30px;align-items:start}
}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 24px;padding:8px;display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
@media (min-width:760px){.woocommerce-MyAccount-navigation ul{margin:0}}
.woocommerce-MyAccount-navigation li{margin:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:11px 14px;border-radius:10px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:14px;transition:.15s}
.woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--sky-xl);color:var(--sky-d)}
.woocommerce-MyAccount-content{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px}
.woocommerce-MyAccount-content p{line-height:1.7}
.woocommerce-MyAccount-content a:not(.button):not(.am-btn):not(.am-ord-view){color:var(--sky-d)}
.woocommerce-orders-table th,.woocommerce-table--order-details th{text-align:start;padding:10px;color:var(--muted);font-size:12.5px;font-weight:600}
.woocommerce-orders-table td,.woocommerce-table--order-details td{padding:13px 10px;border-top:1px solid var(--line-2);font-size:14px}
.woocommerce-orders-table{border:0;border-spacing:0;width:100%}
.woocommerce .woocommerce-Address{background:var(--bg2);border-radius:14px;padding:18px;margin-top:10px}
.woocommerce .woocommerce-Address address{font-style:normal;line-height:1.8;color:var(--ink2)}
.woocommerce-EditAccountForm,.woocommerce-address-fields{max-width:560px}
/* login / register */
.woocommerce-account .woocommerce>.u-columns,.woocommerce .col2-set{display:grid;gap:24px}
@media (min-width:760px){.woocommerce-account.logged-out .woocommerce .col2-set,.woocommerce-account .woocommerce>.u-columns{grid-template-columns:1fr 1fr}}
.woocommerce form.login,.woocommerce form.register{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;max-width:none}
.woocommerce form.login h2,.woocommerce-account h2{font-size:20px;margin:0 0 16px}
.woocommerce-form-login__rememberme{display:flex;align-items:center;gap:7px;font-size:13px}
.woocommerce form .form-row.woocommerce-form-login__submit-wrap,.woocommerce-form-login .button{margin-top:6px}
.woocommerce-LostPassword{margin-top:10px;font-size:13px}

/* account dashboard */
.am-dash-hi{font-size:22px;margin:0 0 4px}
.am-dash-hi b{color:var(--sky-d)}
.am-dash-sub{color:var(--muted);margin:0 0 22px}
.am-dash-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:600px){.am-dash-grid{grid-template-columns:1fr 1fr}}
.am-dash-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .25s,border-color .2s}
.am-dash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.am-dash-card:hover .am-dash-ar{opacity:1;transform:translateX(-3px)}
.am-dash-ic{width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:var(--sky-xl);color:var(--sky-d);display:grid;place-items:center}
.am-dash-tx{flex:1;min-width:0}
.am-dash-tx b{display:block;font-size:15px}
.am-dash-tx small{color:var(--muted);font-size:12.5px}
.am-dash-tx small:has(.am-dash-bal){display:inline-flex;align-items:center;gap:4px}
.am-dash-bal{display:inline-flex;align-items:center;gap:2px;font-family:var(--fe);color:var(--sky-d);font-weight:700}
.am-dash-bal .am-sar,.am-dash-bal .am-sar-wc{width:.8em;height:.95em}
.am-dash-ar{color:var(--muted);opacity:.4;transition:.2s;flex:0 0 auto}
/* account: card notification badges + logout */
.am-dash-ic{position:relative}
.am-dash-badge{position:absolute;top:-6px;inset-inline-start:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:#E11D48;color:#fff;font:700 11px/1 var(--fe);display:grid;place-items:center;border:2px solid var(--surface)}
.am-dash-logout{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;height:46px;border-radius:13px;border:1px solid var(--line);background:var(--surface);color:#dc2626;font-weight:700;font-size:14.5px;text-decoration:none;transition:.2s}
.am-dash-logout:hover{background:#fef2f2;border-color:#fecaca}
/* account: premium hero (soft, light, calm) */
.am-dash-hero{background:linear-gradient(135deg,#F0F8FD,#F7FBFE);border:1px solid var(--line);border-radius:20px;padding:22px;color:var(--ink);margin:0 0 16px}
.am-dash-hero-row{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.am-dash-hero-av{width:50px;height:50px;border-radius:15px;background:var(--sky-xl);color:var(--sky-d);display:grid;place-items:center;flex:0 0 auto}
.am-dash-hero-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
.am-dash-hero-hi{font-family:var(--fa);font-weight:800;font-size:19px;color:var(--ink)}
.am-dash-hero-sub{font-size:13px;color:var(--ink2)}
.am-dash-hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.am-dash-hstat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px 12px;text-align:center}
.am-dash-hstat b{display:block;font-family:var(--fe);font-weight:800;font-size:22px;line-height:1.1;color:var(--sky-d)}
.am-dash-hstat span{font-size:11px;color:var(--muted)}
/* account: profile card + grouped labelled nav (Noon-style) */
.am-accside{display:flex;flex-direction:column;gap:14px}
.am-accprofile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px;display:flex;align-items:center;gap:12px}
.am-accprofile-av{width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--sky),#22D3EE);color:#fff;display:grid;place-items:center;font-family:var(--fe);font-weight:800;font-size:17px}
.am-accprofile-tx{min-width:0}
.am-accprofile-tx b{display:block;font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-accprofile-tx small{display:block;font-size:12px;color:var(--muted);direction:ltr;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-accbar{display:none} /* mobile-only account sub-page header (see mobile @media) */
.am-accnav{display:flex;flex-direction:column;gap:14px}
.am-accnav-group{display:flex;flex-direction:column}
.am-accnav-gh{font-size:11.5px;font-weight:700;color:var(--muted);margin:0 0 7px;padding-inline-start:8px}
.am-accnav .am-accnav-card{list-style:none;margin:0;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:3px}
.am-accnav li{margin:0}
.am-accnav li a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:11px;color:var(--ink2);text-decoration:none;font-weight:600;font-size:14px;position:relative;transition:.15s}
.am-accnav-ic{flex:0 0 auto;color:var(--muted);display:inline-flex;transition:.15s}
.am-accnav-l{flex:1;min-width:0}
.am-accnav-badge{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:#E11D48;color:#fff;font-family:var(--fe);font-size:11px;font-weight:700;display:inline-grid;place-items:center;line-height:1}
.am-accnav li a:hover{background:var(--bg2);color:var(--ink)}
.am-accnav li a:hover .am-accnav-ic{color:var(--ink2)}
.am-accnav li.is-active a{background:var(--sky-xl);color:var(--sky-d);font-weight:700}
.am-accnav li.is-active .am-accnav-ic{color:var(--sky)}
.am-accnav li.is-active a::before{content:"";position:absolute;inset-inline-start:-6px;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:3px;background:var(--sky)}
.am-accnav .woocommerce-MyAccount-navigation-link--customer-logout a{color:#E11D48}
.am-accnav .woocommerce-MyAccount-navigation-link--customer-logout .am-accnav-ic{color:#E11D48}
.am-accnav .woocommerce-MyAccount-navigation-link--customer-logout a:hover{background:#FEF2F2}
/* account: ghost button */
.am-btn-ghost{background:var(--surface);color:var(--ink);border:1.5px solid var(--line)}
.am-btn-ghost:hover{border-color:var(--sky);color:var(--sky-d);background:var(--sky-xl)}
/* account: order cards */
.am-orders{display:flex;flex-direction:column;gap:14px}
.am-ord{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);transition:box-shadow .2s,transform .2s}
.am-ord:hover{box-shadow:0 14px 34px rgba(11,26,43,.08)}
.am-ord-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-2);background:var(--bg2)}
.am-ord-no{font-size:14px;color:var(--ink2)}
.am-ord-no b{font-family:var(--fe);color:var(--ink)}
.am-ord-status{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:100px}
.am-ord-ok{background:#E7F8F0;color:#0E9F6E}
.am-ord-ship{background:#E6F4FD;color:#0369A1}
.am-ord-wait{background:#FEF3E2;color:#D98A00}
.am-ord-bad{background:#FEECEC;color:#E11D48}
.am-ord-muted{background:var(--surface);color:var(--muted);border:1px solid var(--line)}
.am-ord-body{display:flex;align-items:center;gap:14px;padding:15px 16px}
.am-ord-thumbs{display:flex;flex:0 0 auto}
.am-ord-thumb{width:58px;height:58px;border-radius:14px;overflow:hidden;background:var(--surface);border:2px solid #fff;box-shadow:0 0 0 1px var(--line-2);margin-inline-start:-24px;display:grid;place-items:center;position:relative} /* overlapping stack, uncropped tile */
.am-ord-thumb:first-child{margin-inline-start:0}
.am-ord-thumbs .am-ord-thumb:nth-child(1){z-index:5}
.am-ord-thumbs .am-ord-thumb:nth-child(2){z-index:4}
.am-ord-thumbs .am-ord-thumb:nth-child(3){z-index:3}
.am-ord-thumbs .am-ord-thumb:nth-child(4){z-index:2}
.am-ord-thumbs .am-ord-thumb:nth-child(5){z-index:1}
.am-ord-thumb img{width:100%;height:100%;object-fit:contain;padding:7px;box-sizing:border-box}
.am-ord-more{font-family:var(--fe);font-weight:800;font-size:13px;color:var(--sky-d);background:var(--sky-xl)}
.am-ord-meta{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.am-ord-row{display:flex;flex-direction:column;gap:2px;min-width:0}
.am-ord-row span{font-size:11px;color:var(--muted)}
.am-ord-row b{font-size:13px;color:var(--ink);font-weight:600}
.am-ord-total{font-family:var(--fe);color:var(--sky-d)!important;direction:ltr;display:inline-flex;align-items:center;gap:2px}
.am-ord-actions{display:flex;gap:8px;padding:0 16px 15px;flex-wrap:wrap}
.am-ord-view{flex:1;min-width:140px;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;background:var(--sky-xl);color:var(--sky-d);font-family:var(--fa);font-weight:700;font-size:14px;text-decoration:none;transition:.2s}
.am-ord-view:hover{background:var(--sky);color:#fff}
.am-ord-view svg{transition:transform .2s}
.am-ord-view:hover svg{transform:translateX(-3px)}
.am-ord-act{flex:0 0 auto;height:46px}
.am-ord-pager{display:flex;gap:8px;justify-content:center;margin-top:18px}
.am-ord-more{display:flex;justify-content:center;padding:20px 0 4px}
/* account: single order (view-order) — premium */
.am-vo{display:flex;flex-direction:column;gap:16px}
/* hero */
.am-vo-hero{background:linear-gradient(150deg,var(--sky-xl),#fff 70%);border:1px solid var(--sky-l);border-radius:var(--r-lg);padding:22px 22px 8px;box-shadow:0 18px 40px rgba(14,165,233,.07)}
.am-vo-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.am-vo-hero-tx{display:flex;flex-direction:column;gap:2px}
.am-vo-hero-lbl{font-size:12px;color:var(--ink2);font-weight:600}
.am-vo-hero-no{font-family:var(--fe);font-weight:800;font-size:26px;color:var(--sky-d);line-height:1.1}
.am-vo-hero-date{display:block;margin-top:6px;font-size:12px;color:var(--muted);font-family:var(--fe)}
/* order stepper */
.am-vo-steps{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-top:18px;position:relative}
.am-vo-steps::before{content:"";position:absolute;top:8px;inset-inline:8%;height:2px;background:var(--line);z-index:0}
.am-vo-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;text-align:center}
.am-vo-step-dot{width:18px;height:18px;border-radius:50%;background:var(--surface);border:2px solid var(--line);transition:.2s}
.am-vo-step b{font-size:11.5px;font-weight:700;color:var(--muted)}
.am-vo-step.is-done .am-vo-step-dot,.am-vo-step.is-active .am-vo-step-dot{background:var(--sky);border-color:var(--sky);box-shadow:0 0 0 4px var(--sky-xl)}
.am-vo-step.is-done b,.am-vo-step.is-active b{color:var(--sky-d)}
.am-vo-step.is-active .am-vo-step-dot{background:var(--surface);border-color:var(--sky)}
/* cards */
.am-vo-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:0 10px 30px rgba(11,26,43,.04)}
.am-vo-h{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:800;color:var(--ink)}
.am-vo-h svg{color:var(--sky-d)}
.am-vo-items{display:flex;flex-direction:column}
.am-vo-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line-2)}
.am-vo-item:first-child{padding-top:0}
.am-vo-item:last-child{border-bottom:0;padding-bottom:0}
.am-vo-thumb{flex:0 0 auto;width:64px;height:64px;border-radius:15px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);box-shadow:0 6px 16px rgba(11,26,43,.06);display:grid;place-items:center}
.am-vo-thumb img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.am-vo-it-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.am-vo-it-tx b{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.4}
.am-vo-it-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.am-vo-variant{font-size:11.5px;font-weight:600;color:var(--sky-d);background:var(--sky-xl);border-radius:100px;padding:3px 10px}
.am-vo-qty{font-size:11.5px;color:var(--ink2);background:var(--bg2);border-radius:100px;padding:3px 10px}
.am-vo-returned{font-size:11.5px;font-weight:700;color:#0a7d33;background:#e7f6ec;border-radius:100px;padding:3px 10px}
.am-vo-item.is-returned{opacity:.72}
.am-vo-item.is-returned .am-vo-it-price{text-decoration:line-through;color:var(--muted)}
.am-vo-it-price{flex:0 0 auto;font-family:var(--fe);font-weight:800;color:var(--ink);direction:ltr;font-size:15px}
.am-vo-summary{margin-top:16px;padding-top:15px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:10px}
.am-vo-trow{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:var(--ink2)}
.am-vo-trow b{font-family:var(--fe);font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:2px}
.am-vo-trow b .am-sar,.am-vo-trow b .am-sar-wc,.am-vo-grand b .am-sar,.am-vo-grand b .am-sar-wc{width:.72em;height:.86em}
.am-vo-refundrow b{color:#0E9F6E}
.am-vo-grand{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:14px 18px;background:var(--sky-xl);border-radius:14px}
.am-vo-grand span{font-weight:800;color:var(--ink);font-size:15px}
.am-vo-grand b{font-family:var(--fe);font-size:22px;color:var(--sky-d);direction:ltr}
/* digital shortcut */
.am-vo-digital{background:linear-gradient(150deg,var(--sky-xl),#fff);border:1px solid var(--sky-l);border-radius:var(--r-lg);padding:18px 20px;display:flex;flex-direction:column;gap:13px}
.am-vo-digital-t{font-size:13px;color:var(--ink2);font-weight:600}
.am-vo-digital-links{display:flex;gap:10px;flex-wrap:wrap}
/* customer */
.am-vo-addr-name{margin:0 0 6px;font-weight:700;color:var(--ink);font-size:15px}
.am-vo-addr-line{margin:0 0 4px;color:var(--ink2);font-size:13.5px;text-align:start}
.am-vo-addr address{font-style:normal;line-height:1.9;color:var(--ink2);margin-top:8px;padding-top:12px;border-top:1px solid var(--line-2)}
.am-vo-back{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;color:var(--sky-d);font-weight:700;font-size:13.5px}
.am-vo-back svg{transition:transform .2s}
.am-vo-back:hover svg{transform:translateX(-3px)}
/* returns: request form (in view-order) — premium */
.am-rt-hint{margin:0 0 18px;color:var(--ink2);font-size:13px;line-height:1.7}
.am-rt-form{display:flex;flex-direction:column;gap:10px}
.am-rt-label{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin:8px 0 2px}
.am-rt-field{display:flex;flex-direction:column}
/* item picker = selectable product card */
.am-rt-items{display:flex;flex-direction:column;gap:9px}
.am-rt-pick{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;transition:.15s;background:var(--surface)}
.am-rt-pick:hover{border-color:var(--sky-l)}
.am-rt-pick:has(input:checked){border-color:var(--sky);background:var(--sky-xl);box-shadow:0 6px 16px rgba(14,165,233,.08)}
.am-rt-pick input{position:absolute;opacity:0;pointer-events:none}
.am-rt-check{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line);display:grid;place-items:center;transition:.15s;order:3}
.am-rt-check svg{opacity:0;transition:.12s}
.am-rt-pick:has(input:checked) .am-rt-check{background:var(--sky);border-color:var(--sky)}
.am-rt-pick:has(input:checked) .am-rt-check svg{opacity:1}
.am-rt-pick-thumb{flex:0 0 auto;width:52px;height:52px;border-radius:12px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);display:grid;place-items:center;order:1}
.am-rt-pick-thumb img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.am-rt-pick-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;order:2}
.am-rt-pick-tx b{font-size:14px;font-weight:700;color:var(--ink)}
.am-rt-pick-tx small{color:var(--muted);font-size:11.5px}
/* type toggle */
.am-rt-types{display:flex;gap:10px;margin-bottom:4px}
.am-rt-form:has(input[name="type"][value="exchange"]:checked) .am-rt-dest{display:none}
.am-rt-type{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-weight:700;font-size:13.5px;color:var(--ink2);transition:.15s;background:var(--surface)}
.am-rt-type:has(input:checked){border-color:var(--sky);background:var(--sky-xl);color:var(--sky-d)}
.am-rt-type input{position:absolute;opacity:0;pointer-events:none}
/* premium select */
.am-rt-sel{position:relative}
.am-rt-sel select{appearance:none;-webkit-appearance:none;width:100%;height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--surface);cursor:pointer;transition:border-color .15s}
.am-rt-sel select:focus{outline:0;border-color:var(--sky)}
.am-rt-sel svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
/* premium custom select (used for the reason dropdown) */
.am-csel{position:relative}
.am-csel-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface);font-family:inherit;font-size:14.5px;color:var(--ink);cursor:pointer;transition:border-color .15s}
.am-csel-btn:hover{border-color:var(--sky-l)}
.am-csel-btn[aria-expanded="true"]{border-color:var(--sky)}
.am-csel-btn svg{color:var(--muted);flex:0 0 auto;transition:transform .2s}
.am-csel-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.am-csel-list{list-style:none;margin:6px 0 0;padding:6px;position:absolute;inset-inline:0;top:100%;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 44px rgba(11,26,43,.16);max-height:340px;overflow-y:auto;overscroll-behavior:contain;animation:amCselIn .16s ease}
@keyframes amCselIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.am-csel-opt{padding:11px 13px;border-radius:10px;font-size:14px;color:var(--ink2);cursor:pointer;transition:.12s}
.am-csel-opt:hover{background:var(--sky-xl);color:var(--sky-d)}
.am-csel-opt.is-sel{background:var(--sky-xl);color:var(--sky-d);font-weight:700}
/* textarea */
.am-rt-textarea{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-family:inherit;font-size:14px;color:var(--ink);background:var(--surface);resize:vertical;min-height:64px;transition:border-color .15s}
.am-rt-textarea:focus{outline:0;border-color:var(--sky)}
/* upload zone */
.am-rt-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px;border:1.5px dashed var(--line);border-radius:14px;cursor:pointer;color:var(--ink2);background:var(--sky-xl);transition:.15s;text-align:center}
.am-rt-upload:hover{border-color:var(--sky);color:var(--sky-d)}
.am-rt-upload svg{color:var(--sky-d)}
.am-rt-upload-t{font-size:13px;font-weight:600}
.am-rt-upload-n{font-size:12px;color:var(--sky-d);font-weight:700}
.am-rt-upload-n:empty{display:none}
.am-rt-submit{margin-top:8px}
/* returns card (مرتجعاتي)، reuses .am-ff-* look; these are the extras */
.am-rt-itemlist{display:flex;flex-direction:column;gap:10px}
.am-rt-item{display:flex;align-items:center;gap:12px}
.am-rt-item-thumb{flex:0 0 auto;width:50px;height:50px;border-radius:11px;overflow:hidden;background:var(--surface);border:1px solid var(--line-2);display:grid;place-items:center}
.am-rt-item-thumb img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box}
.am-rt-item-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.am-rt-item-price{margin-inline-start:auto;flex:0 0 auto;font-family:var(--fe);font-weight:800;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:2px;direction:ltr}
.am-rt-item-price .am-sar,.am-rt-item-price .am-sar-wc{width:.7em;height:.84em;color:var(--sky-d)}
.am-rt-item-tx b{font-size:13.5px;font-weight:700;color:var(--ink)}
.am-rt-item-tx small{font-size:11.5px;color:var(--muted)}
.am-rt-reason{margin-top:12px;padding-top:12px;border-top:1px solid var(--line-2)}
.am-rt-reason span{display:block;color:var(--muted);font-size:11.5px;margin-bottom:3px}
.am-rt-reason p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.6}
/* returns card: clean banded rows (white rows + thin dividers) instead of cramped transparent blocks */
.am-rt .am-ff-data > *{background:var(--surface);padding:14px 15px;margin:0}
.am-rt .am-rt-reason{margin:0;padding-top:14px;border-top:0}
.am-rt-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.am-rt-photos a{width:62px;height:62px;border-radius:11px;overflow:hidden;border:1px solid var(--line-2);background:var(--surface);display:block}
.am-rt-photos img{width:100%;height:100%;object-fit:cover}
.am-rt-rejected{margin-top:12px;padding:12px 14px;border-radius:12px;background:#FEECEC;color:#b91c45;font-size:13px;font-weight:600}
/* account: addresses */
.am-addr-intro{color:var(--muted);font-size:13.5px;margin:0 0 16px}
.am-addr-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:600px){.am-addr-grid{grid-template-columns:1fr 1fr}}
.am-addr-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;background:var(--surface);transition:border-color .15s,box-shadow .15s}
.am-addr-card.is-default{border-color:var(--sky);box-shadow:0 6px 18px rgba(14,165,233,.1)}
.am-addr-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.am-addr-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--sky-d);background:var(--sky-xl);border-radius:100px;padding:5px 11px}
.am-addr-def{font-size:11px;font-weight:700;color:#0E9F6E;background:#e7f6ec;border-radius:100px;padding:4px 9px}
.am-addr-name{font-size:14.5px;font-weight:800;color:var(--ink)}
.am-addr-lines{display:flex;flex-direction:column;gap:1px;font-size:13px;color:var(--ink2);line-height:1.65}
.am-addr-phone{font-family:var(--fe);font-size:12.5px;color:var(--muted)}
.am-addr-acts{display:flex;align-items:center;gap:14px;margin-top:10px;padding-top:11px;border-top:1px solid var(--line-2)}
.am-addr-acts button{background:0;border:0;padding:0;cursor:pointer;font-family:var(--fa);font-size:12.5px;font-weight:700;color:var(--sky-d)}
.am-addr-acts button:hover{opacity:.72}
.am-addr-acts .am-addr-del{color:#E11D48;margin-inline-start:auto}
.am-addr-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:150px;border:1.5px dashed var(--line);border-radius:16px;background:var(--bg2);color:var(--sky-d);font-family:var(--fa);font-weight:700;font-size:14px;cursor:pointer;transition:.15s}
.am-addr-add:hover{border-color:var(--sky);background:var(--sky-xl)}
.am-addr-add-ic{width:42px;height:42px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--sky)}
.am-addr-modal{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .22s ease}
.am-addr-modal.is-open{opacity:1}
.am-addr-modal[hidden]{display:none}
.am-addr-custom[hidden]{display:none}
.am-addr-modal-dim{position:absolute;inset:0;background:rgba(11,26,43,.5)}
.am-addr-form{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow:auto;background:var(--surface);border-radius:var(--r-lg);padding:22px;box-shadow:0 30px 80px rgba(11,26,43,.35);transform:translateY(16px) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.34,1.25,.45,1),opacity .2s ease}
.am-addr-modal.is-open .am-addr-form{transform:none;opacity:1}
.am-addr-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.am-addr-form-head b{font-size:17px;font-weight:800;color:var(--ink)}
.am-addr-form-x{background:0;border:0;font-size:26px;line-height:1;color:var(--muted);cursor:pointer}
.am-addr-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.am-addr-full{grid-column:1 / -1}
.am-addr-fld{display:flex;flex-direction:column;gap:6px;min-width:0}
.am-addr-fld>span{font-size:12.5px;font-weight:600;color:var(--ink2)}
.am-addr-fld input{height:46px;border:1px solid var(--line);border-radius:11px;padding:0 13px;font:inherit;font-size:14px;background:var(--surface);box-sizing:border-box;width:100%}
.am-addr-fld input:focus{outline:0;border-color:var(--sky)}
.am-addr-labels{display:flex;gap:8px}
.am-addr-lbl{flex:1;display:flex;align-items:center;justify-content:center;padding:10px;border:1.5px solid var(--line);border-radius:11px;cursor:pointer;font-weight:700;font-size:13px;color:var(--ink2);background:var(--surface);position:relative}
.am-addr-lbl input{position:absolute;opacity:0;pointer-events:none}
.am-addr-lbl:has(input:checked){border-color:var(--sky);color:var(--sky-d);background:var(--sky-xl)}
.am-addr-err{margin:12px 0 0;color:#E11D48;font-size:13px;font-weight:600}
.am-addr-save{margin-top:16px;width:100%}
@media(max-width:560px){.am-addr-fgrid{grid-template-columns:1fr}.am-addr-full{grid-column:auto}}
/* account: edit forms */
.am-accform{max-width:none;display:flex;flex-direction:column;gap:18px}
.am-accform-head{margin:0}
.am-accform-head h2{font-size:22px;font-weight:800;color:var(--ink)}
.am-accform-head p{margin:6px 0 0;color:var(--muted);font-size:13.5px}
.am-accpanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}
.am-accpanel-h{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--surface);border-bottom:1px solid var(--line)}
.am-accpanel-ic{flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--sky),#22D3EE);color:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(14,165,233,.18)}
.am-accpanel-h b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.am-accpanel-h small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.am-accpanel-b{padding:18px}
.am-accform-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.am-accform .form-row{margin:0;display:flex;flex-direction:column;gap:6px}
.am-accform .am-accform-grid .form-row{width:100%;float:none}
.am-accform .form-row-wide{grid-column:1/-1}
.am-accform label{font-size:13px;font-weight:600;color:var(--ink2)}
.am-accform label small{font-weight:400;color:var(--muted)}
.am-accform .input-text{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:14px;background:var(--surface);width:100%;box-sizing:border-box;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.am-accform .input-text:hover{border-color:var(--sky-l)}
.am-accform .input-text:focus{outline:0;border-color:var(--sky);box-shadow:0 0 0 3px rgba(14,165,233,.13)}
.am-accform-save{margin:2px 0 0}
.am-accform-save .am-btn{width:100%;height:54px;font-size:15px}

/* ===== help center ===== */
.am-help{display:flex;flex-direction:column;gap:40px;padding-bottom:8px}
.am-help-hero{text-align:center;padding:56px 24px 48px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:radial-gradient(120% 150% at 50% 0,#E0F2FE 0,#F0F9FF 46%,#fff 100%)}
.am-help-hero h1{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.am-help-hero p{margin:10px 0 0;color:var(--ink2);font-size:15px}
.am-help-search{position:relative;max-width:560px;margin:24px auto 0}
.am-help-search svg{position:absolute;inset-inline-start:18px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.am-help-search input{width:100%;height:58px;border:1.5px solid var(--line);border-radius:100px;background:var(--surface);padding:0 52px;font:inherit;font-size:15px;color:var(--ink);box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s}
.am-help-search input::placeholder{color:var(--muted)}
.am-help-search input:focus{outline:0;border-color:var(--sky);box-shadow:0 0 0 4px rgba(14,165,233,.13)}
.am-help-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}
.am-help-chips a{display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:100px;background:var(--surface);border:1px solid var(--line);color:var(--ink2);font-size:13px;font-weight:600;transition:.15s}
.am-help-chips a:hover{border-color:var(--sky);color:var(--sky-d);background:var(--sky-xl)}
.am-help-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.am-help-cat{display:flex;align-items:center;gap:14px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.am-help-cat:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--sky-l)}
.am-help-cat-ic{flex:0 0 auto;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--sky),#22D3EE);box-shadow:0 6px 16px rgba(14,165,233,.2)}
.am-help-cat-tx{flex:1;min-width:0}
.am-help-cat-tx b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.am-help-cat-tx small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.4}
.am-help-cat-arr{flex:0 0 auto;color:var(--muted);transition:.18s}
.am-help-cat:hover .am-help-cat-arr{color:var(--sky);transform:translateX(-3px)}
.am-help-faq{display:flex;flex-direction:column;gap:28px}
.am-help-faqgroup{scroll-margin-top:90px}
.am-help-faqh{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;color:var(--ink);margin-bottom:13px}
.am-help-faqh-ic{flex:0 0 auto;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--sky);background:var(--sky-xl)}
.am-help-faqh-ic svg{width:18px;height:18px}
.am-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden;transition:border-color .15s}
.am-faq-item:hover,.am-faq-item.is-open{border-color:var(--sky-l)}
.am-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:transparent;border:0;text-align:start;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink)}
.am-faq-chev{flex:0 0 auto;color:var(--muted);transition:transform .25s,color .25s}
.am-faq-item.is-open .am-faq-chev{transform:rotate(180deg);color:var(--sky)}
.am-faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease}
.am-faq-a p{margin:0;padding:0 18px 16px;color:var(--ink2);font-size:13.5px;line-height:1.75}
.am-help-noresult{text-align:center;color:var(--muted);font-size:14px;padding:18px}
.am-help-contact{text-align:center;padding:34px 26px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:radial-gradient(120% 170% at 100% 0,#E0F2FE 0,#F0F9FF 55%,#fff 100%)}
.am-help-contact-head h2{font-size:22px;font-weight:800;color:var(--ink)}
.am-help-contact-head p{margin:8px 0 0;color:var(--ink2);font-size:14px}
.am-help-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.am-help-chan{display:flex;align-items:center;gap:13px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);text-align:start;transition:transform .18s,box-shadow .18s,border-color .18s}
.am-help-chan:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--sky-l)}
.am-help-chan-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--sky);background:var(--sky-xl)}
.am-help-chan-ic.is-wa{color:#fff;background:linear-gradient(135deg,#25D366,#128C7E)}
.am-help-chan-tx{min-width:0}
.am-help-chan-tx b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
.am-help-chan-tx small{display:block;font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-help-hours{margin:22px 0 0;color:var(--muted);font-size:12.5px}
@media(max-width:980px){.am-help-cats,.am-help-channels{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.am-help{gap:28px}.am-help-cats,.am-help-channels{grid-template-columns:1fr}.am-help-hero{padding:40px 18px 34px}.am-help-hero h1{font-size:25px}.am-help-search input{height:54px}.am-help-contact{padding:28px 18px}}

/* ===== maintenance landing ===== */
.am-maint{display:flex;flex-direction:column;gap:32px}
.am-maint-hero{position:relative;overflow:hidden;text-align:center;padding:42px 24px 56px;border-radius:var(--r-lg);border:1px solid var(--line-2);background:radial-gradient(130% 150% at 50% 0,#D9EEFD 0,#EFF8FE 42%,#fff 100%)}
.am-maint-hero::before{content:"";position:absolute;width:440px;height:440px;border-radius:50%;top:-170px;inset-inline-start:-130px;background:radial-gradient(circle,rgba(14,165,233,.16),transparent 70%);pointer-events:none}
.am-maint-hero::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;bottom:-160px;inset-inline-end:-110px;background:radial-gradient(circle,rgba(34,211,238,.14),transparent 70%);pointer-events:none}
.am-maint-hero>*{position:relative;z-index:1}
.am-maint-geo{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 16px;border-radius:100px;background:var(--surface);border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--ink2);box-shadow:var(--shadow-sm)}
.am-maint-geo svg{color:var(--sky)}
.am-maint-dot{width:8px;height:8px;border-radius:50%;background:#16C172;animation:amPulse 2s infinite}
@keyframes amPulse{0%{box-shadow:0 0 0 0 rgba(22,193,114,.5)}70%{box-shadow:0 0 0 8px rgba(22,193,114,0)}100%{box-shadow:0 0 0 0 rgba(22,193,114,0)}}
.am-maint .am-maint-h1{font-size:56px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.12;margin:30px 0 0}
.am-maint-h2{font-size:40px;font-weight:800;color:var(--sky-d);line-height:1.15;margin:14px 0 0}
.am-maint-sub{max-width:560px;margin:22px auto 0;color:var(--ink2);font-size:15.5px;line-height:1.8}
.am-maint-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.am-maint-cta .am-btn{height:52px;padding:0 28px;font-size:15px;display:inline-flex;align-items:center}
.am-maint-wa{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 24px;border-radius:100px;background:#25D366;color:#fff;font-weight:800;font-size:15px;transition:.18s;box-shadow:0 8px 20px rgba(37,211,102,.25)}
.am-maint-wa:hover{background:#1faa52;transform:translateY(-2px)}
.am-maint-inst{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:13px;color:var(--muted)}
.am-maint-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:18px}
.am-maint-trust span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink2)}
.am-maint-trust svg{color:var(--sky)}
/* stats = one compact dark strip (not 4 big cards) */
.am-maint-stats{display:flex;gap:0;background:linear-gradient(135deg,#0B1A2B,#15324F);border-radius:18px;padding:16px 6px;box-shadow:0 16px 40px rgba(11,26,43,.18)}
.am-maint-stat{flex:1;min-width:0;text-align:center;background:0;border:0;box-shadow:none;padding:2px 6px}
.am-maint-stat:not(:last-child){border-inline-end:1px solid rgba(255,255,255,.13)}
.am-maint-stat-n{display:inline-flex;align-items:baseline;justify-content:center;gap:2px;font-family:var(--fe);font-size:22px;font-weight:800;color:#5cc8f5;direction:rtl}
.am-maint-stat-n:has(.am-maint-star){align-items:center;gap:4px}
.am-maint-star{fill:#5cc8f5;flex:none}
.am-maint-stat-txt{font-family:var(--fa)}
.am-maint-stat-u{font-size:.55em;font-weight:700}
.am-maint-stat-l{display:block;margin-top:5px;font-size:10.5px;color:rgba(255,255,255,.62);font-weight:600;line-height:1.3}
.am-maint-sec{display:flex;flex-direction:column}
.am-maint-sech{font-size:24px;font-weight:800;color:var(--ink);text-align:center}
.am-maint-secsub{margin:8px 0 0;text-align:center;color:var(--muted);font-size:14px}
.am-maint-svc{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}
.am-maint-svc-card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:20px 16px;transition:transform .18s,box-shadow .18s,border-color .18s}
.am-maint-svc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--sky-l)}
.am-maint-svc-more{display:none}
@media(max-width:680px){
  .am-maint-svc-card.is-extra{display:none}
  .am-maint-svc.is-open .am-maint-svc-card.is-extra{display:flex}
  .am-maint-svc-more{display:flex;width:fit-content;align-items:center;justify-content:center;gap:6px;margin:16px auto 0;padding:11px 22px;background:#fff;color:var(--sky-d);border:1.5px solid var(--sky);border-radius:999px;font-family:var(--fe);font-weight:700;font-size:14px;cursor:pointer}
  .am-maint-svc-more .am-msm-chev{stroke:currentColor;stroke-width:2.4;fill:none;transition:transform .2s}
  .am-maint-svc-more.is-open .am-msm-chev{transform:rotate(180deg)}
}
.am-maint-svc-badge{position:absolute;inset-inline-end:12px;top:12px;height:20px;padding:0 8px;border-radius:100px;background:var(--sky-xl);color:var(--sky-d);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}
.am-maint-svc-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--sky),#22D3EE);box-shadow:0 6px 16px rgba(14,165,233,.2)}
.am-maint-svc-t{font-size:15px;font-weight:800;color:var(--ink);margin:13px 0 0}
.am-maint-svc-d{font-size:12.5px;color:var(--muted);margin:5px 0 0;line-height:1.5}
.am-maint-svc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line-2)}
.am-maint-svc-price{display:inline-flex;align-items:center;gap:5px;font-family:var(--fe);font-weight:800;color:var(--sky-d);font-size:15px}
.am-maint-svc-price small{font-family:var(--fa);font-weight:600;font-size:10px;color:var(--muted)}
.am-maint-svc-amt{display:inline-flex;align-items:center;gap:3px;direction:ltr}
.am-maint-svc-amt .am-sar,.am-maint-svc-amt svg{width:.72em;height:.9em;color:var(--sky-d)}
.am-maint-svc-dur{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink2);font-weight:600;white-space:nowrap}
.am-maint-svc-dur svg{color:var(--sky)}
.am-maint-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.am-maint-step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:24px 18px;text-align:center}
.am-maint-step-n{position:absolute;inset-inline-start:14px;top:14px;width:26px;height:26px;border-radius:50%;background:var(--sky-xl);color:var(--sky-d);font-family:var(--fe);font-weight:800;font-size:13px;display:grid;place-items:center}
.am-maint-step-ic{width:52px;height:52px;border-radius:16px;margin:0 auto;display:grid;place-items:center;color:var(--sky);background:var(--sky-xl)}
.am-maint-step-t{font-size:15.5px;font-weight:800;color:var(--ink);margin:14px 0 0}
.am-maint-step-d{font-size:12.5px;color:var(--muted);margin:6px 0 0;line-height:1.55}
.am-maint-pledges{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
.am-maint-pledge{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:20px}
.am-maint-pledge-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--sky),#22D3EE);box-shadow:0 6px 16px rgba(14,165,233,.18)}
.am-maint-pledge b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.am-maint-pledge p{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.6}
.am-maint-cmp{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px;align-items:start}
.am-maint-cmp-col{position:relative;border-radius:var(--r-lg);padding:26px 24px;border:1px solid var(--line);overflow:hidden}
.am-maint-cmp-col.is-us{background:linear-gradient(165deg,var(--sky-xl),#fff 72%);border:1.5px solid var(--sky-l);box-shadow:0 16px 42px rgba(14,165,233,.15)}
.am-maint-cmp-col.is-us::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--sky),#22D3EE)}
.am-maint-cmp-col.is-them{background:var(--bg2);border-color:var(--line)}
.am-maint-cmp-h{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.am-maint-cmp-h b{font-size:16px;font-weight:800;color:var(--ink)}
.am-maint-cmp-rec{margin-inline-start:auto;height:24px;padding:0 10px;border-radius:100px;background:var(--sky);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}
.am-maint-cmp-badge{flex:0 0 auto;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:800}
.am-maint-cmp-badge.is-us{background:linear-gradient(135deg,var(--sky),#22D3EE);color:#fff;box-shadow:0 6px 16px rgba(14,165,233,.25)}
.am-maint-cmp-badge.is-them{background:#FEE2E2;color:#DC2626;font-size:19px}
.am-maint-cmp-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.am-maint-cmp-col li{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--ink2);line-height:1.45;padding:11px 0;border-top:1px solid var(--line-2)}
.am-maint-cmp-col li:first-child{border-top:0}
.am-maint-cmp-col.is-us li{color:var(--ink);font-weight:600}
.am-maint-cmp-col.is-us li svg{flex:0 0 auto;width:24px;height:24px;padding:5px;border-radius:50%;background:var(--sky);color:#fff;box-sizing:border-box}
.am-maint-cmp-x{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#FEE2E2;color:#DC2626;font-weight:800;font-size:14px}
.am-maint-warr{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.am-maint-warr-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:24px 16px;text-align:center}
.am-maint-warr-n{display:block;font-family:var(--fe);font-size:38px;font-weight:800;color:var(--sky-d);line-height:1}
.am-maint-warr-u{display:block;font-size:13px;color:var(--muted);margin-top:2px}
.am-maint-warr-t{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-top:10px}
.am-maint-book{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:30px}
.am-maint-book-head{text-align:center;margin-bottom:22px}
.am-maint-form{display:flex;flex-direction:column;gap:14px;max-width:680px;margin:0 auto}
.am-maint-frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.am-maint-fld{display:flex;flex-direction:column;gap:6px}
.am-maint-fld span{font-size:13px;font-weight:600;color:var(--ink2)}
.am-maint-fld input,.am-maint-fld select{height:48px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;font-size:14px;background:var(--surface);color:var(--ink);width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.am-maint-fld input:focus,.am-maint-fld select:focus{outline:0;border-color:var(--sky);box-shadow:0 0 0 3px rgba(14,165,233,.13)}
.am-maint-submit{height:54px;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.am-maint-ferr{margin:0;color:#DC2626;font-size:13px;font-weight:600;text-align:center}
.am-maint-ferr[hidden]{display:none}
.am-maint-done{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px;background:var(--sky-xl);border-radius:var(--r);margin-top:6px}
.am-maint-done[hidden]{display:none}
.am-maint-done-ic{width:54px;height:54px;border-radius:50%;background:#16C172;color:#fff;display:grid;place-items:center}
.am-maint-done b{font-size:16px;color:var(--ink)}
.am-maint-done p{margin:0;font-size:13px;color:var(--muted)}
.am-maint-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:22px}
.am-maint-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:100px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink2)}
.am-maint-chip svg{color:var(--sky)}
.am-maint-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;text-align:start}
.am-maint-area{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:16px 16px 18px}
.am-maint-area-h{display:flex;align-items:center;gap:7px;font-family:var(--fe);font-weight:800;font-size:15px;color:var(--ink);padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid var(--line)}
.am-maint-area-h svg{color:var(--sky);flex:none}
.am-maint-area-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.am-maint-area-list li{position:relative;padding-inline-start:15px;font-size:13.5px;font-weight:600;color:var(--ink2)}
.am-maint-area-list li::before{content:"";position:absolute;inset-inline-start:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--sky)}
@media(max-width:680px){.am-maint-areas{grid-template-columns:repeat(2,1fr);gap:10px}.am-maint-area{padding:14px 13px 15px}}
.am-maint-supported{max-width:660px;margin:22px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:24px}
.am-maint-sup-p{margin:0;text-align:center;font-size:15.5px;line-height:2;color:var(--ink2)}
.am-maint-sup-p b{color:var(--ink);font-weight:800}
@media(max-width:680px){.am-maint-supported{padding:22px 16px;gap:13px}.am-maint-sup-p{font-size:14px;line-height:1.95}}
.am-maint-map{margin-top:24px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);aspect-ratio:24/7;background:var(--bg2)}
.am-maint-map iframe{width:100%;height:calc(100% + 78px);margin-top:-78px;display:block;border:0}
@media(max-width:680px){.am-maint-map{aspect-ratio:4/3}}

/* ===== legal / policy pages ===== */
.am-legal-head{text-align:center;padding:4px 0 26px;border-bottom:1px solid var(--line-2);margin-bottom:30px}
.am-legal-h1{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.am-legal-meta{margin:9px 0 0;font-size:12.5px;color:var(--muted)}
.am-legal-intro{max-width:640px;margin:14px auto 0;color:var(--ink2);font-size:14.5px;line-height:1.8}
.am-legal-grid{display:grid;grid-template-columns:248px 1fr;gap:42px;align-items:start}
.am-legal-toc{position:sticky;top:90px;background:var(--bg2);border:1px solid var(--line-2);border-radius:var(--r);padding:16px 14px;max-height:calc(100vh - 110px);overflow:auto}
.am-legal-toc-h{display:block;font-size:13px;font-weight:800;color:var(--ink);margin:0 6px 10px}
.am-legal-toc nav{display:flex;flex-direction:column;gap:1px}
.am-legal-toc a{font-size:12.5px;color:var(--ink2);padding:7px 9px;border-radius:9px;line-height:1.5;transition:background .15s,color .15s}
.am-legal-toc a:hover,.am-legal-toc a.is-active{background:var(--surface);color:var(--sky-d);font-weight:700}
.am-legal-body{min-width:0;display:flex;flex-direction:column;gap:28px}
.am-legal-sec{scroll-margin-top:90px}
.am-legal-sec h2{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;color:var(--ink);margin:0 0 11px}
.am-legal-num{flex:0 0 auto;width:28px;height:28px;border-radius:9px;background:var(--sky-xl);color:var(--sky-d);font-family:var(--fe);font-weight:800;font-size:13px;display:grid;place-items:center}
.am-legal-txt{color:var(--ink2);font-size:14.5px;line-height:1.95}
.am-legal-txt p{margin:0}
.am-legal-txt p+p{margin-top:10px}
.am-legal-txt a{color:var(--sky-d);font-weight:600}
.am-legal-txt h3{margin:18px 0 8px;font-family:var(--fe);font-size:15.5px;font-weight:600;color:var(--ink)}
.am-legal-txt ul,.am-legal-txt ol{margin:8px 0 12px;padding-inline-start:20px}
.am-legal-txt li{margin:0 0 7px}
.am-legal-txt strong{color:var(--ink);font-weight:600}
/* policy tables (warranty periods, shipping times/fees, etc.) — clean RTL */
.am-legal-txt table{width:100%;border-collapse:separate;border-spacing:0;margin:14px 0;font-size:13.5px;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.am-legal-txt th{background:var(--sky-xl);color:var(--ink);font-weight:600;text-align:right;padding:11px 14px;border-bottom:1px solid var(--line)}
.am-legal-txt td{padding:11px 14px;border-bottom:1px solid var(--line-2);color:var(--ink2);vertical-align:top;text-align:right;line-height:1.7}
.am-legal-txt tr:last-child td{border-bottom:0}
.am-legal-txt tr:nth-child(even) td{background:var(--bg2)}
@media(max-width:860px){.am-legal-grid{grid-template-columns:1fr;gap:22px}.am-legal-toc{position:static;max-height:none}.am-legal-h1{font-size:26px}}
@media(max-width:480px){.am-legal-txt table{font-size:12.5px}.am-legal-txt th,.am-legal-txt td{padding:9px 10px}}

/* ===== contact ===== */
.am-contact-head{text-align:center;margin-bottom:30px}
.am-contact-h1{font-size:32px;font-weight:800;color:var(--ink)}
.am-contact-sub{margin:10px auto 0;max-width:560px;color:var(--ink2);font-size:14.5px;line-height:1.8}
.am-contact-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:580px;margin:0 auto}
.am-contact-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px;display:flex;flex-direction:column;gap:14px}
.am-contact-fh{font-size:19px;font-weight:800;color:var(--ink);margin:0 0 4px}
.am-contact-fld{display:flex;flex-direction:column;gap:6px}
.am-contact-fld span{font-size:13px;font-weight:600;color:var(--ink2)}
.am-contact-fld input,.am-contact-fld textarea{border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:14px;background:var(--surface);color:var(--ink);width:100%;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}
.am-contact-fld input{height:48px}
.am-contact-fld textarea{resize:vertical;min-height:100px}
.am-contact-fld input:focus,.am-contact-fld textarea:focus{outline:0;border-color:var(--sky);box-shadow:0 0 0 3px rgba(14,165,233,.13)}
.am-contact-submit{height:52px;margin-top:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.am-contact-err{margin:0;color:#DC2626;font-size:13px;font-weight:600}
.am-contact-err[hidden]{display:none}
.am-contact-info{display:flex;flex-direction:column;gap:12px}
.am-contact-chan{display:flex;align-items:center;gap:13px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.am-contact-chan:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--sky-l)}
.am-contact-chan-ic{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--sky);background:var(--sky-xl)}
.am-contact-chan-ic.is-wa{color:#fff;background:linear-gradient(135deg,#25D366,#128C7E)}
.am-contact-chan-tx b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
.am-contact-chan-tx small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.am-contact-nap{background:var(--bg2);border:1px solid var(--line-2);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:11px}
.am-contact-nap-row{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink2);line-height:1.5}
.am-contact-nap-row svg{flex:0 0 auto;color:var(--sky);margin-top:1px}
.am-contact-maroof{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:100px;border:1px solid var(--sky-l);background:var(--sky-xl);color:var(--sky-d);font-size:12.5px;font-weight:700;transition:.18s}
.am-contact-maroof:hover{background:var(--sky);border-color:var(--sky);color:#fff}
/* contact card: primary WhatsApp rectangle + square call */
.am-contact-primary{display:flex;gap:10px}
.am-contact-wa-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:15px;border-radius:var(--r);background:linear-gradient(135deg,#25D366,#128C7E);color:#fff;box-shadow:0 10px 24px rgba(18,140,126,.22);transition:transform .18s,box-shadow .18s}
.am-contact-wa-main:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(18,140,126,.3)}
.am-contact-wa-ic{flex:0 0 auto;display:grid;place-items:center}
.am-contact-wa-ic svg{fill:#fff}
.am-contact-wa-tx b{display:block;font-size:14.5px;font-weight:800;line-height:1.3}
.am-contact-wa-tx small{display:block;font-size:12px;opacity:.92;margin-top:2px}
.am-contact-call-sq{flex:0 0 auto;width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:var(--r);background:var(--sky-xl);border:1px solid var(--sky-l);color:var(--sky-d);transition:transform .18s,background .18s,color .18s}
.am-contact-call-sq:hover{transform:translateY(-2px);background:var(--sky);border-color:var(--sky);color:#fff}
.am-contact-call-sq small{font-size:11.5px;font-weight:800}
.am-contact-chan-sm{padding:12px 14px}
.am-contact-chan-sm .am-contact-chan-ic{width:40px;height:40px;border-radius:11px}
/* social row */
.am-contact-social{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm)}
.am-contact-social-h{font-size:13px;font-weight:800;color:var(--ink)}
.am-contact-social-row{display:flex;gap:8px}
.am-contact-social-row a{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--sky-xl);color:var(--sky-d);transition:transform .15s,background .15s,color .15s}
.am-contact-social-row a:hover{transform:translateY(-2px);background:var(--sky);color:#fff}
/* google review CTA */
.am-contact-review{display:flex;align-items:center;gap:12px;padding:14px 15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.am-contact-review:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#f3b21a}
.am-contact-review-stars{flex:0 0 auto;display:inline-flex;gap:1px;color:#f5b50a}
.am-contact-review-tx{flex:1;min-width:0}
.am-contact-review-tx b{display:block;font-size:14px;font-weight:800;color:var(--ink)}
.am-contact-review-tx small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.am-contact-review>svg{flex:0 0 auto;color:var(--muted)}
/* admin dual actions (whatsapp + call) */
.am-contact-dual:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--line)}
.am-contact-dual .am-contact-chan-tx{flex:1;min-width:0}
.am-contact-dual-acts{flex:0 0 auto;display:flex;gap:7px}
.am-contact-mini{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--sky-xl);color:var(--sky-d);transition:transform .15s,background .15s,color .15s}
.am-contact-mini:hover{transform:translateY(-2px);background:var(--sky);color:#fff}
.am-contact-mini.is-wa{background:#25D366;color:#fff}
.am-contact-mini.is-wa svg{fill:#fff}
.am-contact-mini.is-wa:hover{background:#128C7E}
.am-contact-social-txt{font-family:var(--fe);font-size:12.5px;font-weight:800}
.am-contact-maroof-full{align-self:stretch;justify-content:center;height:46px;border-radius:var(--r);font-size:13.5px}
/* numbers/email (ltr) align to the line start (right in RTL) */
.am-contact-info small[dir="ltr"]{display:block;text-align:right}
.am-contact-map{margin-top:24px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);aspect-ratio:24/7;background:var(--bg2)}
.am-contact-map iframe{width:100%;height:calc(100% + 78px);margin-top:-78px;display:block;border:0}
@media(max-width:860px){.am-contact-grid{grid-template-columns:1fr}.am-contact-h1{font-size:26px}.am-contact-map{aspect-ratio:4/3}.am-contact-form{padding:22px 18px}}

/* ===== blog ===== */
.am-blog-head{text-align:center;margin-bottom:30px}
.am-blog-h1{font-size:32px;font-weight:800;color:var(--ink)}
.am-blog-sub{margin:10px auto 0;max-width:560px;color:var(--ink2);font-size:14.5px;line-height:1.8}
.am-blog-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:0;margin-bottom:34px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.am-blog-hero:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--sky-l)}
.am-blog-hero-img{position:relative;aspect-ratio:16/11;background:var(--surface);overflow:hidden}
.am-blog-hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7%;box-sizing:border-box}
.am-blog-hero-img .am-blog-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--sky-l)}
.am-blog-hero-tx{display:flex;flex-direction:column;gap:11px;padding:34px 32px;justify-content:center}
.am-blog-hero-t{font-size:25px;font-weight:800;color:var(--ink);line-height:1.35}
.am-blog-hero-ex{font-size:14px;color:var(--ink2);line-height:1.85}
.am-blog-hero-foot{font-size:12px;color:var(--muted)}
.am-blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;justify-content:center}
.am-blog-chip{height:36px;padding:0 16px;border-radius:100px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font-family:var(--fa);font-weight:700;font-size:13px;transition:.15s}
.am-blog-chip:hover{border-color:var(--sky-l);color:var(--sky-d)}
.am-blog-chip.is-active{background:var(--sky);border-color:var(--sky);color:#fff}
.am-blog-rt{font-size:11.5px;color:var(--muted)}
.am-blog-card[hidden]{display:none}
.am-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.am-blog-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.am-blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--sky-l)}
.am-blog-card-img{position:relative;display:block;aspect-ratio:16/10;background:var(--surface);overflow:hidden}
.am-blog-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box;display:block}
.am-blog-ph{width:100%;height:100%;display:grid;place-items:center;color:var(--sky-l)}
.am-blog-card-body{display:flex;flex-direction:column;gap:8px;padding:18px;flex:1}
.am-blog-cat{align-self:flex-start;height:22px;padding:0 10px;border-radius:100px;background:var(--sky-xl);color:var(--sky-d);font-size:11px;font-weight:700;display:inline-flex;align-items:center}
.am-blog-card-t{font-size:16px;font-weight:800;color:var(--ink);line-height:1.4}
.am-blog-card-ex{font-size:13px;color:var(--muted);line-height:1.6;flex:1}
.am-blog-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:12px;border-top:1px solid var(--line-2)}
.am-blog-card-foot time{font-size:11.5px;color:var(--muted)}
.am-blog-more{font-size:12.5px;font-weight:700;color:var(--sky-d)}
.am-blog-empty{text-align:center;color:var(--muted);font-size:15px;padding:44px 20px}
.am-article{max-width:760px;margin:0 auto}
.am-article-head{text-align:center;margin-bottom:22px}
.am-article-cat{display:inline-flex;align-items:center;height:24px;padding:0 12px;border-radius:100px;background:var(--sky-xl);color:var(--sky-d);font-size:12px;font-weight:700}
.am-article-h1{font-size:32px;font-weight:800;color:var(--ink);line-height:1.25;margin:14px 0 0;letter-spacing:-.01em}
.am-article-meta{margin-top:10px;font-size:12.5px;color:var(--muted)}
.am-article-cover{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);margin-bottom:26px;aspect-ratio:16/9;background:var(--surface)}
.am-article-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5%;box-sizing:border-box;display:block}
.am-article-body{color:var(--ink2);font-size:16px;line-height:2}
.am-article-body h2{font-size:21px;font-weight:800;color:var(--ink);margin:28px 0 12px}
.am-article-body h3{font-size:17px;font-weight:800;color:var(--ink);margin:22px 0 10px}
.am-article-body p{margin:0 0 16px}
.am-article-body ul,.am-article-body ol{margin:0 0 16px;padding-inline-start:22px;display:flex;flex-direction:column;gap:8px}
.am-article-body a{color:var(--sky-d);font-weight:600}
.am-article-body img{border-radius:var(--r);margin:8px 0;max-width:100%;height:auto}
.am-article-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:34px;padding:22px 24px;border-radius:var(--r-lg);background:var(--sky-xl);border:1px solid var(--sky-l)}
.am-article-cta span{font-size:15px;font-weight:700;color:var(--ink)}
.am-article-cta .am-btn{height:46px;padding:0 22px;flex:0 0 auto;display:inline-flex;align-items:center}
.am-article-back{display:inline-flex;align-items:center;gap:7px;margin-top:24px;font-size:13.5px;font-weight:700;color:var(--sky-d)}
.am-article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.am-article-author{font-weight:700;color:var(--sky-d)}
.am-article-dot{opacity:.6}
.am-article-keys{background:var(--sky-xl);border:1px solid var(--sky-l);border-radius:var(--r);padding:18px 22px;margin:0 0 26px}
.am-article-keys-h{display:block;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:10px}
.am-article-keys ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.am-article-keys li{position:relative;padding-inline-start:24px;font-size:14px;color:var(--ink2);line-height:1.7}
.am-article-keys li::before{content:"";position:absolute;inset-inline-start:0;top:7px;width:14px;height:14px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px var(--sky-xl)}
.am-article-toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin:0 0 26px}
.am-article-toc-h{display:block;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:8px}
.am-article-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.am-article-toc a{font-size:13.5px;color:var(--ink2);font-weight:600;transition:color .15s}
.am-article-toc a:hover{color:var(--sky-d)}
.am-article-body table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:14px}
.am-article-body th,.am-article-body td{border:1px solid var(--line);padding:10px 12px;text-align:start}
.am-article-body th{background:var(--bg2);font-weight:800;color:var(--ink)}
.am-article-faq{max-width:760px;margin:34px auto 0}
.am-article-faq-h,.am-article-rel-h{font-size:21px;font-weight:800;color:var(--ink);margin:0 0 16px}
.am-faqacc{display:flex;flex-direction:column;gap:10px}
.am-faqacc-item{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.am-faqacc-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;background:none;border:0;font-family:var(--fa);font-weight:700;font-size:14.5px;color:var(--ink);text-align:start}
.am-faqacc-q svg{flex:0 0 auto;transition:transform .2s;color:var(--sky-d)}
.am-faqacc-q[aria-expanded="true"] svg{transform:rotate(180deg)}
.am-faqacc-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.am-faqacc-item.is-open .am-faqacc-a{grid-template-rows:1fr}
.am-faqacc-a>div{overflow:hidden}
.am-faqacc-a>div>*{margin:0;padding:0 18px 16px;font-size:14px;color:var(--ink2);line-height:1.9}
.am-article-rel{max-width:980px;margin:40px auto 0}
.am-article-rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.am-article-rel-card{display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:.18s}
.am-article-rel-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--sky-l)}
.am-article-rel-img{position:relative;aspect-ratio:16/10;background:var(--surface);overflow:hidden}
.am-article-rel-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8%;box-sizing:border-box}
.am-article-rel-card b{font-size:14px;font-weight:700;color:var(--ink);line-height:1.5;padding:0 14px 14px}
@media(max-width:980px){.am-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.am-blog-grid{grid-template-columns:1fr}.am-blog-h1,.am-article-h1{font-size:25px}.am-article-body{font-size:15px}.am-blog-hero{grid-template-columns:1fr}.am-blog-hero-tx{padding:20px}.am-blog-hero-t{font-size:20px}.am-article-rel-grid{grid-template-columns:1fr}}
.am-maint-faq{max-width:760px;margin:24px auto 0;width:100%;display:flex;flex-direction:column;gap:10px}
.am-maint-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s}
.am-maint-faq-item.is-open{border-color:var(--sky-l)}
.am-maint-faq .am-maint-faq-item.is-extra{display:none}
.am-maint-faq.is-open .am-maint-faq-item.is-extra{display:block}
.am-maint-more{display:flex;width:fit-content;align-items:center;justify-content:center;gap:6px;margin:18px auto 0;padding:11px 24px;background:#fff;color:var(--sky-d);border:1.5px solid var(--sky);border-radius:999px;font-family:var(--fe);font-weight:700;font-size:14px;cursor:pointer;transition:background .15s,color .15s}
.am-maint-more:hover{background:var(--sky);color:#fff}
.am-maint-more .am-msm-chev{stroke:currentColor;stroke-width:2.4;fill:none;transition:transform .2s}
.am-maint-more.is-open .am-msm-chev{transform:rotate(180deg)}
.am-maint-faq-q{width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font:inherit;font-size:14.5px;font-weight:700;color:var(--ink);background:transparent;border:0;text-align:start}
.am-maint-faq-q svg{flex:0 0 auto;color:var(--muted);transition:transform .25s,color .25s}
.am-maint-faq-item.is-open .am-maint-faq-q svg{transform:rotate(180deg);color:var(--sky)}
.am-maint-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.am-maint-faq-a p{margin:0;padding:0 18px 16px;color:var(--ink2);font-size:13.5px;line-height:1.75}
.am-maint-rev-score{display:flex;align-items:center;justify-content:center;gap:8px}
.am-maint-rev-score b{font-family:var(--fe);color:var(--ink);font-size:15px}
.am-maint-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.am-maint-rev{display:flex;flex-direction:column;min-height:168px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:20px}
.am-maint-rev-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:8px}
.am-maint-rev-head .am-maint-sech{text-align:start}
.am-maint-rev-head .am-maint-secsub{text-align:start;justify-content:flex-start;margin-top:7px}
.am-maint-rev-htx{min-width:0}
.am-maint-rev-top{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.am-maint-rev-av{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--sky),#22D3EE);color:#fff;display:grid;place-items:center;font-family:var(--fe);font-weight:800;font-size:17px}
.am-maint-rev-id{flex:1;min-width:0}
.am-maint-rev-id b{display:block;font-size:14px;font-weight:800;color:var(--ink)}
.am-maint-rev-stars{display:inline-flex;color:#FBBF24;margin-top:2px}
.am-maint-rev-g{flex:0 0 auto;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-family:var(--fe);font-weight:800;font-size:13px;color:var(--sky-d)}
.am-maint-rev-tx{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(1.7em * 3)}
.am-maint-rev-when{display:block;margin-top:auto;padding-top:10px;font-size:11.5px;color:var(--muted)}
.am-maint-rev-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 22px;border-radius:100px;background:var(--sky-xl);border:1px solid var(--sky-l);color:var(--sky-d);font-weight:700;font-size:13.5px;transition:.18s}
.am-maint-rev-cta:hover{background:var(--sky);border-color:var(--sky);color:#fff}
.am-maint-rev-cta .am-maint-star{color:#FBBF24}
.am-maint-rev-cta:hover .am-maint-star{color:#fff}
@media(max-width:680px){
  .am-maint-rev-head{flex-wrap:nowrap;align-items:flex-start;gap:10px}
  .am-maint-rev-head .am-maint-sech{line-height:1.2}
  .am-maint-rev-cta{flex:0 0 auto;padding:0 11px;height:32px;font-size:11px;gap:4px}
  .am-maint-rev-cta .am-maint-star{width:12px;height:12px}
}
.am-maint-revs{transition:opacity .25s ease}
.am-maint-revs-wrap{position:relative}
.am-maint-revs-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}
.am-maint-rdot{width:8px;height:8px;border-radius:50%;border:0;background:var(--line);cursor:pointer;padding:0;transition:width .2s,background .2s}
.am-maint-rdot.is-on{background:var(--sky);width:22px;border-radius:100px}
.am-maint-final{text-align:center;padding:46px 26px;border-radius:var(--r-lg);background:linear-gradient(150deg,var(--sky),var(--sky-d));color:#fff;box-shadow:0 18px 44px rgba(14,165,233,.25)}
.am-maint-final h2{font-size:26px;font-weight:800}
.am-maint-final p{margin:10px auto 0;max-width:480px;font-size:14.5px;opacity:.92;line-height:1.7}
.am-maint-final-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.am-maint-final .am-btn-primary{background:var(--surface);color:var(--sky-d);border:0}
.am-maint-final .am-maint-wa{background:#25D366;box-shadow:none}
.am-maint-final .am-maint-wa:hover{background:#1eb957}
.am-maint-final-cta .am-btn-primary,.am-maint-final-cta .am-maint-wa{flex:1 1 0;min-width:0;justify-content:center}
.am-maint-about{text-align:center}
.am-maint-about-card{max-width:760px;margin:22px auto 0;background:linear-gradient(160deg,var(--sky-xl),var(--surface) 58%);border:1px solid var(--sky-l);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:32px 30px}
.am-maint-about-p{margin:0;font-size:15.5px;line-height:2.05;color:var(--ink2)}
.am-maint-about-p b{color:var(--ink);font-weight:800}

/* service landing pages */
.am-svc-hero{text-align:center;padding:26px 0 4px}
.am-svc-eyebrow{display:inline-flex;align-items:center;gap:6px;background:var(--sky-xl);color:var(--sky-d);font-weight:700;font-size:12.5px;padding:6px 14px;border-radius:999px}
.am-svc-eyebrow svg{color:var(--sky)}
.am-svc-h1{font-family:var(--fe);font-size:30px;font-weight:800;color:var(--ink);margin:14px 0 0;line-height:1.25}
.am-svc-lead{max-width:720px;margin:14px auto 0;font-size:15px;line-height:2;color:var(--ink2)}
.am-svc-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.am-svc-book,.am-svc-wa{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:50px;padding:0 24px;border-radius:14px;font-family:var(--fe);font-weight:700;font-size:15px;border:0}
.am-svc-book{background:linear-gradient(135deg,var(--sky),var(--sky-d));color:#fff}
.am-svc-wa{background:#25D366;color:#fff}
.am-svc-wa svg{fill:#fff}
.am-svc-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:18px}
.am-svc-trust span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink2)}
.am-svc-trust svg{color:var(--sky)}
.am-svc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.am-svc-related-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:16px;font-weight:700;color:var(--ink);font-size:14px;transition:transform .15s,border-color .15s}
.am-svc-related-card:hover{border-color:var(--sky-l);transform:translateY(-2px)}
.am-svc-related-card span:nth-of-type(2){flex:1}
.am-svc-related-ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,var(--sky),var(--sky-d));color:#fff}
.am-svc-related-card>svg{color:var(--sky);flex:none}
@media(max-width:680px){
  .am-svc-h1{font-size:24px}
  .am-svc-lead{font-size:14px;line-height:1.95;text-align:start}
  .am-svc-cta{flex-wrap:nowrap}
  .am-svc-book,.am-svc-wa{flex:1;min-width:0;padding:0 12px;font-size:14px}
  .am-svc-related-grid{grid-template-columns:1fr}
}
.am-svc-stats{margin-top:10px}
.am-svc-problems{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.am-svc-problem{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);padding:12px 15px;font-size:13.5px;font-weight:600;color:var(--ink)}
.am-svc-problem svg{color:#f59e0b;flex:none}
@media(max-width:680px){.am-svc-problem{font-size:12.5px;padding:10px 13px}}
.am-svc-final-note{margin:8px 0 0;font-size:13.5px;font-weight:600;opacity:.82}
/* maintenance + service/geo hero: full-width like the home hero (was shrinking inside .am-maint flex column) */
.am-maint .am-hero-bento{width:100%}
/* service summary box: answer-first lead, moved low, given a soft identity (no side-stripe) */
.am-svc-leadbox{background:var(--sky-xl);border:1px solid var(--sky-l);border-radius:var(--r);padding:22px 24px;box-shadow:var(--shadow-sm)}
.am-svc-leadbox-eye{display:inline-flex;align-items:center;gap:6px;color:var(--sky-d);font-weight:700;font-size:12.5px;margin-bottom:10px}
.am-svc-leadbox-eye svg{color:var(--sky)}
.am-svc-leadbox .am-svc-lead{margin:0;max-width:none;text-align:start}
/* service/geo hero: long titles fit one line on desktop (home/maintenance keep the bigger h1 — short titles) */
@media(min-width:760px){
  .am-svc .am-bento-over .am-mhero-h1{font-size:34px;line-height:1.12}
}
/* knowledge-article card: links the service cluster to the maintenance blog */
.am-svc-kb{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:18px 20px;transition:border-color .15s,transform .15s}
.am-svc-kb:hover{border-color:var(--sky-l);transform:translateY(-2px)}
.am-svc-kb-ic{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--sky-xl);color:var(--sky-d)}
.am-svc-kb-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.am-svc-kb-tx small{color:var(--muted);font-size:12px;font-weight:600}
.am-svc-kb-tx b{color:var(--ink);font-size:15px;font-weight:700;line-height:1.4}
.am-svc-kb>svg{color:var(--sky);flex:none}
/* shop SEO/E-E-A-T intro (base shop, page 1) */
.am-shop-intro{margin:34px auto 0;padding-top:24px;border-top:1px solid var(--line);max-width:920px}
.am-shop-intro h2{font-size:18px;font-weight:800;color:var(--ink);margin:0 0 10px}
.am-shop-intro p{font-size:14px;line-height:1.95;color:var(--ink2);margin:0 0 8px}
.am-shop-intro-links a{color:var(--sky-d);font-weight:700}
/* desktop+tablet: lighter, readable stats strip on maintenance + service/geo (phone keeps the dark strip) */
@media(min-width:681px){
  .am-maint-stats{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
  .am-maint-stats .am-maint-stat:not(:last-child){border-inline-end-color:var(--line)}
  .am-maint-stats .am-maint-stat-n,.am-maint-stats .am-maint-star{color:var(--sky-d);fill:var(--sky-d)}
  .am-maint-stats .am-maint-stat-l{color:var(--ink2)}
}
.am-pdp-svc-price{color:var(--sky-d);font-weight:800}
.am-pdp-svc-price .am-pdp-svc-sub{font-size:13px;font-weight:600;color:var(--ink2)}
@media(max-width:680px){.am-maint-final-cta{flex-wrap:nowrap;gap:10px}.am-maint-final-cta .am-btn-primary,.am-maint-final-cta .am-maint-wa{padding:0 12px;font-size:13.5px}.am-maint-about-card{padding:24px 18px}.am-maint-about-p{font-size:14px;line-height:1.95;text-align:start}}
.am-wa-ic{color:#fff;background:#25D366;border-color:#25D366}
.am-wa-ic:hover{background:#1faa52;border-color:#1faa52;color:#fff}
/* custom premium dropdown */
.am-dd{position:relative}
.am-dd-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface);font:inherit;font-size:14px;color:var(--ink);cursor:pointer;text-align:start;transition:border-color .15s,box-shadow .15s}
.am-dd-btn:hover{border-color:var(--sky-l)}
.am-dd.is-open .am-dd-btn{border-color:var(--sky);box-shadow:0 0 0 3px rgba(14,165,233,.13)}
.am-dd-cv{flex:0 0 auto;color:var(--muted);transition:transform .2s,color .2s}
.am-dd.is-open .am-dd-cv{transform:rotate(180deg);color:var(--sky)}
.am-dd-list{position:absolute;z-index:20;top:calc(100% + 6px);inset-inline:0;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);max-height:264px;overflow:auto;animation:amDdIn .16s ease}
.am-dd-list[hidden]{display:none}
@keyframes amDdIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.am-dd-opt{padding:10px 12px;border-radius:9px;font-size:14px;color:var(--ink2);cursor:pointer;transition:background .12s,color .12s}
.am-dd-opt:hover{background:var(--sky-xl);color:var(--sky-d)}
.am-dd-opt.is-sel{background:var(--sky);color:#fff;font-weight:700}
@media(max-width:980px){.am-maint-svc{grid-template-columns:repeat(3,1fr)}.am-maint-steps,.am-maint-warr,.am-maint-revs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.am-maint-stats{grid-template-columns:repeat(2,1fr)}.am-maint-svc{grid-template-columns:repeat(2,1fr)}.am-maint-pledges,.am-maint-cmp,.am-maint-frow,.am-maint-revs{grid-template-columns:1fr}.am-maint-rev-nav{display:none}.am-maint .am-maint-h1{font-size:38px}.am-maint-h2{font-size:28px}.am-maint-hero{padding:32px 18px 40px}.am-maint-book{padding:22px 16px}.am-maint-final{padding:36px 18px}}

/* account: empty state */
.am-acc-empty{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.am-acc-empty-ic{width:74px;height:74px;border-radius:50%;background:var(--sky-xl);color:var(--sky);display:grid;place-items:center}
.am-acc-empty p{margin:0;font-size:15px;font-weight:700;color:var(--ink2)}
/* account: wallet (store credit) */
.am-wallet{display:flex;flex-direction:column;gap:16px}
.am-wallet-hero{background:linear-gradient(150deg,var(--sky),var(--sky-d));color:#fff;border-radius:var(--r-lg);padding:26px 24px;display:flex;flex-direction:column;gap:6px;box-shadow:0 18px 40px rgba(14,165,233,.22)}
.am-wallet-lbl{font-size:13px;opacity:.9}
.am-wallet-bal{font-family:var(--fe);font-size:34px;font-weight:800;display:flex;align-items:center;gap:4px;direction:ltr}
.am-wallet-bal svg{width:22px;height:22px}
.am-wallet-sub{font-size:12.5px;opacity:.85}
.am-wallet-ledger{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}
.am-wallet-h{display:block;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:12px}
.am-wallet-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-2)}
.am-wallet-row:last-child{border-bottom:0}
.am-wallet-row-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.am-wallet-row-tx b{font-size:13.5px;color:var(--ink)}
.am-wallet-row-tx small{font-size:11.5px;color:var(--muted)}
.am-wallet-row-tx time{font-size:11px;color:var(--muted);font-family:var(--fe);display:block;text-align:right}
.am-wallet-delta{font-family:var(--fe);font-weight:800;font-size:14px;direction:ltr;display:flex;align-items:center;gap:2px;flex:0 0 auto}
.am-wallet-delta svg{width:13px;height:13px}
.am-wallet-delta.is-plus{color:#0E9F6E}
.am-wallet-delta.is-minus{color:#E11D48}
/* account: digital packages */
.am-pkgs{display:flex;flex-direction:column;gap:14px}
.am-pkg{border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--surface)}
.am-pkg-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
.am-pkg-name{font-weight:800;font-size:15px;color:var(--ink)}
.am-pkg-rows{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.am-pkg-row{display:flex;flex-direction:column;gap:2px;min-width:0}
.am-pkg-row span{font-size:11px;color:var(--muted)}
.am-pkg-row b{font-size:13px;color:var(--ink);font-weight:600}
.am-pkg-code{display:flex;align-items:center;gap:10px;background:var(--bg2);border:1px dashed var(--line);border-radius:12px;padding:11px 14px}
.am-pkg-code-l{font-size:12px;color:var(--muted);flex:0 0 auto}
.am-pkg-code-v{flex:1;font-family:var(--fe);font-weight:800;font-size:16px;color:var(--sky-d);letter-spacing:.05em;direction:ltr;text-align:start;min-width:0;overflow:hidden;text-overflow:ellipsis}
.am-pkg-copy{flex:0 0 auto;border:0;background:var(--sky);color:#fff;border-radius:9px;padding:7px 14px;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;transition:.15s}
.am-pkg-copy:hover{background:var(--sky-d)}
.am-pkg-copy.is-done{background:#0E9F6E}
.am-pkg-wait{margin:0;padding:11px 14px;background:#FEF3E2;color:#D98A00;border-radius:12px;font-size:13px}
@media(max-width:560px){.am-pkg-rows{grid-template-columns:1fr 1fr}}
/* digital fulfillment cases */
.am-ff-list{display:flex;flex-direction:column;gap:16px}
.am-ff{border:1px solid var(--line);border-radius:16px;padding:18px;background:var(--surface)}
.am-ff-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.am-ff-head-tx{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.am-ff-name{font-weight:800;font-size:15px;color:var(--ink)}
.am-ff-date{font-size:11px;color:var(--muted);font-family:var(--fe);width:auto} /* dir=ltr but hugs RTL start (right), no gap */
.am-ff-sub{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.am-ff-ord{font-size:11px;font-weight:700;color:var(--sky-d);font-family:var(--fe)}
.am-ff-deldate{font-size:10.5px;color:var(--muted);font-weight:600;font-family:var(--fe);margin-inline-start:8px}
/* delivered cards fold to a compact row; click the head to expand */
.am-ff-collapsed .am-ff-head{cursor:pointer;margin-bottom:0}
.am-ff-collapsed .am-ff-body{display:none}
.am-ff-collapsed.is-open .am-ff-head{margin-bottom:14px}
.am-ff-collapsed.is-open .am-ff-body{display:block;animation:amWizIn .26s ease}
.am-ff-chev{margin-inline-start:auto;color:var(--muted);display:flex;transition:transform .22s;flex:0 0 auto}
.am-ff-collapsed.is-open .am-ff-chev{transform:rotate(180deg)}
.am-ff-head:focus-visible{outline:0}
.am-ff-collapsed .am-ff-head:focus-visible{border-radius:10px;box-shadow:0 0 0 2px var(--sky)}
.am-ff-stages{display:flex;align-items:center;margin-bottom:16px}
.am-ff-stage{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11.5px;font-weight:600}
.am-ff-stage:not(:last-child){flex:1}
.am-ff-stage:not(:last-child)::after{content:"";flex:1;height:2px;background:var(--line-2);margin:0 6px}
.am-ff-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);background:var(--surface);flex:0 0 auto;position:relative}
.am-ff-stage.is-active{color:var(--sky-d)}
.am-ff-stage.is-active .am-ff-dot{border-color:var(--sky);background:var(--sky)}
.am-ff-stage.is-done{color:var(--ink2)}
.am-ff-stage.is-done .am-ff-dot{border-color:var(--sky);background:var(--sky)}
.am-ff-stage.is-done .am-ff-dot::after{content:"";position:absolute;inset:0;margin:auto;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.am-ff-hint{font-size:12.5px;color:var(--ink2);margin:0 0 12px}
.am-ff-form{display:flex;flex-direction:column;gap:11px;background:var(--bg2);border-radius:13px;padding:14px;margin-bottom:14px}
.am-ff-field{display:flex;flex-direction:column;gap:5px}
.am-ff-field span{font-size:12.5px;font-weight:600;color:var(--ink2)}
.am-ff-field input,.am-ff-field textarea{height:46px;border:1.5px solid var(--line);border-radius:11px;padding:0 13px;font:inherit;font-size:14px;background:var(--surface);width:100%;box-sizing:border-box;color:var(--ink)}
.am-ff-field textarea{height:72px;padding:11px 13px;resize:vertical}
.am-ff-field input:focus,.am-ff-field textarea:focus{outline:0;border-color:var(--sky);box-shadow:none}
.am-ff-field input.am-err,.am-ff-field textarea.am-err{border-color:#E11D48;background:#FEF2F2}
.am-ff-req{color:var(--sky-d);font-style:normal}
.am-ff-err{display:block;margin-top:5px;color:#E11D48;font-size:11.5px;font-weight:700}
.am-ff-form .am-btn{height:48px}
.am-ff-data{display:flex;flex-direction:column;gap:1px;background:var(--bg2);border-radius:13px;overflow:hidden;margin-bottom:14px}
.am-ff-delivery{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:14px;background:var(--surface)}
.am-ff-delivery-h{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:var(--sky-d);background:var(--sky-xl);padding:11px 14px}
.am-ff-drow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:var(--surface);font-size:13px;border-top:1px solid var(--line-2)}
.am-ff-drow span{color:var(--muted)}
.am-ff-drow b{color:var(--ink);font-weight:700}
.am-ff-damount{direction:ltr;display:inline-flex;align-items:center;gap:3px;font-family:var(--fe)}
.am-ff-damount .am-sar,.am-ff-damount .am-sar-wc{width:.72em;height:.86em;color:var(--sky-d)}
.am-ff-dnote{margin:0;font-size:12.5px;color:var(--ink2);padding:12px 14px;border-top:1px solid var(--line-2);background:var(--surface)}
.am-ff-thread{border-top:1px solid var(--line-2);padding-top:14px}
.am-ff-thread-h{display:block;font-size:12px;font-weight:700;color:var(--ink2);margin-bottom:10px}
.am-ff-msg{max-width:85%;width:fit-content;padding:9px 13px;border-radius:14px;margin-bottom:8px;font-size:13px;line-height:1.5}
.am-ff-msg p{margin:0}
.am-ff-msg time{display:block;font-size:10px;opacity:.6;margin-top:3px}
.am-ff-msg.is-merchant{background:var(--sky-xl);color:var(--sky-d);border-top-left-radius:4px;margin-right:auto;margin-left:0}
.am-ff-msg.is-customer{background:var(--bg2);color:var(--ink);border-top-right-radius:4px;margin-left:auto;margin-right:0}
.am-ff-nomsg{color:var(--muted);font-size:12.5px;margin:0 0 10px}
.am-ff-msgform{display:flex;gap:8px;align-items:flex-end;margin-top:6px}
.am-ff-msgform textarea{flex:1;height:44px;min-height:44px;max-height:120px;border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;font:inherit;font-size:13.5px;background:var(--surface);resize:vertical;box-sizing:border-box}
.am-ff-msgform textarea:focus{outline:0;border-color:var(--sky);box-shadow:none}
.am-ff-msgform .am-btn{height:44px;flex:0 0 auto}
.am-ff-wa{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;width:100%;height:46px;border-radius:12px;background:#E7F8F0;color:#0E9F6E;font-weight:700;font-size:13.5px;text-decoration:none}
.am-ff-wa:hover{background:#D7F2E6}
@media(max-width:560px){.am-accform-grid{grid-template-columns:1fr}.am-ord-body{flex-direction:column;align-items:stretch}.am-ord-thumbs{align-self:flex-start}}

/* wishlist page */
.am-wishlist{min-height:30vh}
.am-wish-empty{color:var(--muted);font-size:15px;padding:20px 0}
.am-wish-empty a{color:var(--sky-d)}
#amWishGrid{margin-top:8px}

/* ===== Maintenance hero — centered (V2 layout), light + compact ===== */
.am-mhero{background:linear-gradient(180deg,#fff 0%,#F0F9FF 100%)}
.am-mhero-in{max-width:760px;margin:0 auto;padding:34px 24px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.am-mhero-geo{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12.5px;font-weight:600;background:var(--surface);border:1px solid var(--line);border-radius:100px;padding:8px 16px;box-shadow:0 4px 14px -6px rgba(11,26,43,.12)}
.am-mhero-city{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-weight:700}
.am-mhero-city svg{width:13px;height:13px;color:var(--sky)}
.am-mhero-sep{width:3px;height:3px;border-radius:50%;background:#c4d2df}
.am-mhero-avail{display:inline-flex;align-items:center;gap:5px}
.am-mhero-avail svg{width:12px;height:12px;color:var(--muted)}
.am-mhero-h1{font-size:clamp(30px,5.2vw,52px);font-weight:900;color:var(--ink);margin:4px 0 0;line-height:1.05;letter-spacing:-.02em}
.am-mhero-h2{font-size:clamp(21px,4vw,38px);font-weight:800;margin:0;line-height:1.25;letter-spacing:-.01em;color:var(--sky-d);padding-block:.06em}
.am-mhero-sub{font-size:clamp(14px,1.6vw,16px);color:var(--muted);margin:0;max-width:500px;line-height:1.5}
.am-mhero-cta{display:flex;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap;justify-content:center}
.am-mhero-wa,.am-mhero-book{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;color:#fff;font-weight:800;font-size:14.5px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.am-mhero-wa{background:linear-gradient(135deg,#2bd366,#16a34a);box-shadow:0 8px 18px -10px rgba(37,211,102,.3)}
.am-mhero-book{background:linear-gradient(135deg,var(--sky-btn),var(--sky-d));box-shadow:0 8px 18px -10px rgba(14,165,233,.3)}
.am-mhero-wa:hover,.am-mhero-book:hover{transform:translateY(-2px)}
.am-mhero-wa svg{width:18px;height:18px}
.am-mhero-book svg{width:14px;height:14px}
html[dir="ltr"] .am-mhero-book svg{transform:scaleX(-1)}
.am-mhero-pay{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:600;margin-top:2px}
.am-mhero-pay .pay-tamara,.am-mhero-pay .pay-tabby{font-family:var(--fe);font-weight:800;padding:3px 9px;border-radius:6px;font-size:11.5px}
.pay-tamara{color:#E94E77;background:rgba(233,78,119,.12)}
.pay-tabby{color:#1aa64b;background:rgba(59,205,122,.14)}
.am-mhero-paysep{color:#c4d2df}
.am-mhero-trust{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);width:100%;max-width:600px}
.am-mhero-trust span{display:inline-flex;align-items:center;gap:5px;color:var(--ink2);font-size:12.5px;font-weight:600;white-space:nowrap}
.am-mhero-trust svg{width:14px;height:14px;color:var(--sky)}
@media(max-width:560px){.am-mhero-cta{flex-direction:column;width:100%}.am-mhero-wa,.am-mhero-book{width:100%;justify-content:center}}

/* hero content overlaid INSIDE the van image — centered + balanced line rhythm */
.am-bento-over{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;max-width:540px}
.am-bento-over .am-mhero-geo,.am-bento-over .am-mhero-cta,.am-bento-over .am-mhero-pay,.am-bento-over .am-mhero-trust{justify-content:center}
.am-bento-over .am-mhero-h1{font-size:clamp(26px,3.6vw,44px);margin:0}
.am-bento-over .am-mhero-h2{font-size:clamp(19px,2.6vw,32px);margin:-4px 0 0}
.am-bento-over .am-mhero-sub{max-width:460px;margin:2px 0 0}
.am-bento-over .am-mhero-cta{margin-top:4px}
.am-bento-over .am-mhero-pay{margin-top:0}
.am-bento-over .am-mhero-trust{max-width:none;margin-top:4px;padding-top:14px}
@media(max-width:680px){.am-bento-over{max-width:100%}.am-bento-over .am-mhero-cta{flex-direction:column;width:100%}.am-bento-over .am-mhero-wa,.am-bento-over .am-mhero-book{width:100%;justify-content:center}}

/* iOS: stop tap-to-zoom on input focus (font<16 triggers it) + kill double-tap zoom */
html{touch-action:manipulation;-webkit-text-size-adjust:100%}
@media(max-width:768px){input,select,textarea{font-size:16px}}

/* Mobile tap: kill the grey tap-highlight box on every tappable element; show a focus ring
   ONLY for keyboard nav (a11y kept), never on touch/mouse — fixes 'boxes on tap' site-wide. */
*{-webkit-tap-highlight-color:transparent}
a,button,input,select,textarea,[role="button"],[tabindex]{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}
:focus-visible{outline:2px solid var(--sky);outline-offset:2px}

/* ============================================================
   Premium mobile bottom nav (floating frosted bar) + drawer
   Mobile-only (<=768px). Reuses #amMega as a bottom-sheet.
   ============================================================ */
.am-tabbar{display:none}
@media (max-width:768px){
  /* clear the floating bar so footer content never hides behind it */
  body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}

  .am-tabbar{
    display:flex;align-items:center;justify-content:space-around;
    position:fixed;z-index:200;left:12px;right:12px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    height:62px;padding:5px 6px;
    background:rgba(255,255,255,.97);
    -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
    border:1px solid rgba(15,23,42,.07);
    border-radius:20px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  }
  .am-tab{
    flex:1 1 0;min-width:0;height:100%;padding:0;border-radius:14px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    background:transparent;border:0;cursor:pointer;font:inherit;
    color:#5C6B7E;text-decoration:none;
    transition:color .2s;
  }
  .am-tab:focus{outline:none}
  .am-tab:focus-visible{outline:none;background:rgba(14,165,233,.12)}
  .am-tab .am-tab-ic{position:relative;display:grid;place-items:center;width:24px;height:24px}
  .am-tab .am-tab-ic svg{width:23px;height:23px;display:block}
  .am-tab-t{font-size:11px;font-weight:600;letter-spacing:-.2px;line-height:1}
  .am-tab.is-active{color:var(--sky-d);background:transparent;box-shadow:none}
  .am-tab.is-active .am-tab-ic::before{
    content:"";position:absolute;top:-9px;width:18px;height:3px;border-radius:3px;background:var(--sky);
  }
  .am-tab .am-cart-count,.am-tab .am-tb-notif{
    position:absolute;top:-5px;inset-inline-start:13px;
    min-width:16px;height:16px;padding:0 4px;border-radius:100px;
    background:var(--sky);color:#fff;font-size:10px;font-weight:700;line-height:1;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 2px 6px rgba(14,165,233,.4);
  }
  .am-tab .am-cart-count[hidden],.am-tab .am-tb-notif[hidden]{display:none}

  /* center FAB — maintenance anchor, raised above the bar */
  .am-tab-fab{flex:0 0 auto;justify-content:center;gap:4px;transform:translateY(-9px)}
  .am-tab-fab .am-tab-fab-ic{
    width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0;
    background:linear-gradient(145deg,#38BDF8,var(--sky-d));
    box-shadow:0 0 0 3px var(--surface), 0 5px 12px -5px rgba(14,165,233,.45), inset 0 1px 0 rgba(255,255,255,.3);
  }
  .am-tab-fab .am-tab-fab-ic svg{width:22px;height:22px}
  .am-tab-fab .am-tab-t{color:var(--sky-d);font-weight:700}
  .am-tab-fab.is-active .am-tab-fab-ic{box-shadow:0 0 0 3px var(--surface), 0 7px 16px -5px rgba(14,165,233,.55), inset 0 1px 0 rgba(255,255,255,.3)}

  /* ===== departments mega -> premium bottom sheet (ID specificity beats desktop .mega-open rules) ===== */
  .am-dept-wrap{display:contents}
  .am-dept{display:none}
  body.am-sheet-open{overflow:hidden}
  #amMega{
    position:fixed!important;z-index:300;inset:auto 0 0 0!important;
    width:100%;margin:0;border-radius:24px 24px 0 0;
    background:var(--surface);border:0;
    box-shadow:0 -18px 50px -12px rgba(11,26,43,.35);
    touch-action:pan-y;
    padding:8px 16px calc(20px + env(safe-area-inset-bottom));
    max-height:80vh;overflow:auto;-webkit-overflow-scrolling:touch;
    animation:amSheetUp .28s cubic-bezier(.22,1,.36,1);
  }
  #amMega::before{content:"";display:block;width:42px;height:5px;border-radius:5px;background:#DBE4EC;margin:6px auto 14px}
  @keyframes amSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
  #amMega .am-mega-in{display:block;padding:0}
  #amMega .am-mega-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  #amMega .am-mega-cat{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    padding:14px;border-radius:14px;background:var(--sky-xl);
    border:1px solid var(--sky-l);text-decoration:none;
  }
  #amMega .am-mega-cat b{font-size:13px;color:#0B1A2B;font-weight:700}
  #amMega .am-mega-cat .am-mega-ar{color:var(--sky);opacity:1}
  #amMega .am-mega-all{
    display:flex;align-items:center;justify-content:center;gap:6px;
    margin-top:12px;padding:15px;border-radius:14px;
    background:linear-gradient(145deg,#38BDF8,var(--sky-d));color:#fff;
    font-weight:700;font-size:13.5px;text-decoration:none;
    box-shadow:0 10px 22px -8px rgba(14,165,233,.5);
  }
  .am-mega-back{
    position:fixed;z-index:290;inset:0;
    background:rgba(11,26,43,.45);
    -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  }
}

/* ============================================================
   Mobile header reflow + compact search + full side drawer
   Mobile-only (<=768px). Desktop header untouched.
   ============================================================ */
.am-burger{display:none}
@media (max-width:768px){
  /* ---- header: logo centered, burger left, fav+search right; drop account/cart/lang ---- */
  .am-nav{position:relative;justify-content:flex-start;gap:6px}
  .am-navlinks{display:none}
  .am-logo{position:absolute;left:50%;transform:translateX(-50%);margin:0}
  .am-actions{display:none}
  .am-search{order:2;margin-inline-start:auto}
  .am-burger{order:1;display:flex;align-items:center;justify-content:center;
    width:44px;height:44px;flex:0 0 auto;border:0;border-radius:12px;background:var(--bg2);color:var(--ink);cursor:pointer}
  .am-burger:active{background:var(--sky-xl);color:var(--sky-d)}

  /* ---- compact search: icon only -> expands to popup panel ---- */
  .am-search{flex:0 0 auto;width:44px;min-width:44px;max-width:44px;padding:0;background:transparent;border:0;box-shadow:none;position:static;overflow:visible}
  .am-search-in{display:none}
  .am-search-btn{width:44px;height:44px;border-radius:12px;background:var(--bg2);color:var(--ink)}
  .am-search-btn:active{background:var(--sky-xl);color:var(--sky-d)}
  .am-search-pop{display:none}
  /* open: the strip icon stays put; only the field + results drop below the nav */
  .am-search.is-open,.am-search.is-closing{position:static;width:44px;min-width:44px;max-width:44px;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}
  .am-search.is-open .am-search-btn,.am-search.is-closing .am-search-btn{background:var(--sky-xl);color:var(--sky-d)}
  .am-search.is-open .am-search-in,.am-search.is-closing .am-search-in{display:block;position:absolute;top:calc(100% + 10px);inset-inline:12px;height:48px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:16px;padding:0 16px;color:var(--ink);z-index:130;box-shadow:0 20px 48px -16px rgba(11,26,43,.3);transform-origin:top}
  .am-search.is-open .am-search-pop,.am-search.is-closing .am-search-pop{display:block;position:absolute;top:calc(100% + 68px);inset-inline:12px;z-index:130;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:0 22px 48px -18px rgba(11,26,43,.34);max-height:56vh;overflow:auto;padding:6px;transform-origin:top}
  .am-search.is-open .am-search-in,.am-search.is-open .am-search-pop{animation:amSearchDrop .28s cubic-bezier(.22,1,.36,1)}
  .am-search.is-closing .am-search-in,.am-search.is-closing .am-search-pop{animation:amSearchUp .2s ease forwards;pointer-events:none}
  @keyframes amSearchDrop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
  @keyframes amSearchUp{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px) scale(.98)}}

  /* ---- side drawer (account menu — light) ---- */
  .am-drawer-back{position:fixed;inset:0;z-index:300;background:rgba(11,26,43,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
  .am-drawer-back.is-open{opacity:1;visibility:visible;transition:opacity .28s ease}
  .am-drawer{
    position:fixed;top:0;bottom:0;inset-inline-start:0;z-index:310;
    width:min(74vw,300px);
    background:var(--surface);
    color:var(--ink);display:flex;flex-direction:column;overflow:hidden;
    border-inline-end:1px solid var(--line);
    visibility:hidden;transform:translateX(100%);
    transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s;
    box-shadow:-8px 0 40px rgba(11,26,43,.18);
    border-start-end-radius:22px;border-end-end-radius:22px;
    padding-top:env(safe-area-inset-top);
  }
  html[dir="ltr"] .am-drawer{transform:translateX(-100%);box-shadow:8px 0 40px rgba(11,26,43,.18)}
  .am-drawer.is-open{transform:translateX(0)!important;visibility:visible;transition:transform .3s cubic-bezier(.16,1,.3,1),visibility 0s}

  /* user card */
  .am-dr-user{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;margin:14px 14px 12px;
    background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
  .am-dr-avatar{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff;
    background:linear-gradient(135deg,#38BDF8,var(--sky-d));box-shadow:0 4px 12px -4px rgba(14,165,233,.4)}
  .am-dr-initial{font-family:var(--fe);font-weight:900;font-size:21px;letter-spacing:-.02em}
  .am-dr-uicon{display:none}
  .am-dr-uinfo{display:flex;flex-direction:column;gap:2px;min-width:0}
  .am-dr-uinfo b{font-size:15px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .am-dr-phone-li{font-size:12.5px;color:var(--muted);font-family:var(--fe)}
  .am-dr-login-g{align-self:flex-start;padding:0;border:0;background:transparent;font-family:var(--fa);font-size:13px;font-weight:700;color:var(--sky-d);cursor:pointer}
  .am-dr-bell{position:relative;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;justify-self:end;
    background:var(--surface);border:1px solid var(--line);color:var(--ink2);text-decoration:none}
  .am-dr-bell-dot{display:none;position:absolute;top:3px;inset-inline-end:3px;width:8px;height:8px;border-radius:50%;background:#EF4444;border:2px solid var(--surface)}
  .am-dr-bell.has-notif .am-dr-bell-dot{display:block}
  .am-dr-user[data-state="logged-in"] .am-dr-name-g,
  .am-dr-user[data-state="logged-in"] .am-dr-login-g,
  .am-dr-user[data-state="logged-in"] .am-dr-uicon{display:none}
  .am-dr-user[data-state="guest"] .am-dr-name-li,
  .am-dr-user[data-state="guest"] .am-dr-phone-li,
  .am-dr-user[data-state="guest"] .am-dr-initial{display:none}
  .am-dr-user[data-state="guest"] .am-dr-uicon{display:inline-flex}

  /* body (scrolls; user card pinned) */
  .am-dr-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 14px calc(20px + env(safe-area-inset-bottom));scrollbar-width:none}
  .am-dr-body::-webkit-scrollbar{display:none}

  /* grouped section cards */
  .am-dr-sec{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;box-shadow:var(--shadow-sm)}
  .am-dr-row{display:flex;align-items:center;gap:12px;padding:11px 14px;color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--line-2)}
  .am-dr-badge{margin-inline-start:auto;flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:100px;background:#E11D48;color:#fff;font:700 11px/1 var(--fe);display:inline-grid;place-items:center}
  .am-dr-badge[hidden]{display:none} /* the display above overrides [hidden] otherwise -> 0 would show */
  .am-dr-row:last-child{border-bottom:0}
  .am-dr-row:active{background:var(--bg2)}
  .am-dr-ic{width:30px;height:30px;flex:0 0 auto;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;
    background:linear-gradient(135deg,var(--sky),var(--sky-d));box-shadow:0 2px 6px rgba(14,165,233,.25)}
  .am-dr-sec--text{padding:0}
  .am-dr-rowt{display:block;padding:12px 16px;color:var(--ink2);font-size:13.5px;font-weight:500;text-decoration:none;border-bottom:1px solid var(--line-2)}
  .am-dr-rowt:last-child{border-bottom:0}
  .am-dr-rowt:active{background:var(--bg2);color:var(--ink)}

  /* language pills */
  .am-dr-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin-bottom:12px;
    background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
  .am-dr-lang-label{font-size:13.5px;font-weight:700;color:var(--ink)}
  .am-dr-lang-pills{display:inline-flex;background:var(--bg2);border-radius:999px;padding:3px;gap:2px}
  .am-dr-pill{border:0;background:transparent;font-family:inherit;font-size:12.5px;font-weight:800;padding:7px 14px;border-radius:999px;color:var(--muted);text-decoration:none;min-width:56px;text-align:center}
  .am-dr-pill.is-active{background:linear-gradient(135deg,var(--sky),var(--sky-d));color:#fff;box-shadow:0 2px 6px -2px rgba(14,165,233,.4)}

  /* maroof badge */
  .am-dr-maroof{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:12px;text-decoration:none;border-radius:16px;
    background:linear-gradient(135deg,rgba(14,165,233,.12),rgba(14,165,233,.03));border:1px solid var(--sky-l);box-shadow:0 8px 20px -12px rgba(14,165,233,.45)}
  .am-dr-maroof svg{flex-shrink:0;box-sizing:content-box;width:20px;height:20px;padding:9px;border-radius:50%;background:#fff;color:var(--sky-d);box-shadow:0 3px 9px rgba(11,26,43,.12)}
  .am-dr-maroof-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
  .am-dr-maroof-tx strong{font-size:14px;font-weight:800;color:var(--ink)}
  .am-dr-maroof-tx small{font-size:11.5px;color:var(--muted)}

  /* social row */
  .am-dr-social{display:flex;gap:8px;justify-content:center;padding:14px;margin-bottom:12px;
    background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}
  .am-dr-social a{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--bg2);color:var(--ink2);text-decoration:none}
  .am-dr-social a:active{background:var(--sky-d);color:#fff}
}

/* mobile-only chrome must never show on desktop/tablet >=769px
   (order-received / some templates leaked the bottom bar onto PC) */
@media (min-width:769px){
  .am-tabbar,.am-burger,.am-drawer,.am-drawer-back{display:none!important}
}

/* premium thin scrollbars on scrolling lists */
.am-fopts-scroll,.am-fbrands,.am-fcolors,.am-mc-list,.am-favpop-list{scrollbar-width:thin;scrollbar-color:rgba(14,165,233,.45) transparent}
.am-fopts-scroll::-webkit-scrollbar,.am-fbrands::-webkit-scrollbar,.am-fcolors::-webkit-scrollbar,.am-mc-list::-webkit-scrollbar,.am-favpop-list::-webkit-scrollbar,.am-co-body::-webkit-scrollbar{width:6px;height:6px}
.am-fopts-scroll::-webkit-scrollbar-thumb,.am-fbrands::-webkit-scrollbar-thumb,.am-fcolors::-webkit-scrollbar-thumb,.am-mc-list::-webkit-scrollbar-thumb,.am-favpop-list::-webkit-scrollbar-thumb{background:rgba(14,165,233,.45);border-radius:100px}
.am-fopts-scroll::-webkit-scrollbar-track,.am-fbrands::-webkit-scrollbar-track,.am-fcolors::-webkit-scrollbar-track,.am-mc-list::-webkit-scrollbar-track,.am-favpop-list::-webkit-scrollbar-track,.am-co-body::-webkit-scrollbar-track{background:transparent}

/* checkout iframe should not catch the sky :focus-visible ring */
iframe:focus,iframe:focus-visible{outline:none}

/* ===== mobile homepage polish (placed last so it wins source-order over the base rules; desktop frozen) ===== */
@media(max-width:768px){
  /* hero over the (already-dark) image: light scrim only at the bottom where text sits + solid white type */
  .am-hero-bento{padding:16px 16px 0}
  /* on the maintenance page the hero sits inside .am-shop's gutter — drop its own side padding so it isn't double-inset */
  .am-maint .am-hero-bento{padding:0;margin:0;max-width:none}
  .am-maint .am-hero-bento .am-bento-solo{min-height:430px}
  /* hero: two CTAs side by side، اطلب فني الآن (sky) + واتساب مباشر (green) */
  .am-maint-herobento .am-bento-over .am-mhero-cta{display:flex;flex-direction:row;gap:10px;align-items:stretch;flex-wrap:nowrap}
  .am-maint-herobento .am-bento-over .am-mhero-book,.am-maint-herobento .am-bento-over .am-mhero-wa{flex:1;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:52px;padding:0 10px;border-radius:14px;font-size:14px;font-weight:700;white-space:nowrap;margin:0}
  .am-maint-herobento .am-bento-over .am-mhero-wa{background:#25D366;color:#fff;border:0}
  .am-maint-herobento .am-bento-over .am-mhero-wa svg{fill:#fff}
  /* maintenance page: 16px screen gutter both sides (hero + every section) */
  .am-shop:has(.am-maint){padding-left:16px;padding-right:16px}
  .am-shop:has(.am-maint) .am-maint-sec{padding-left:0;padding-right:0}
  .am-hero-bento .am-bento-solo{min-height:468px}
  .am-hero-bento .am-bento-main{padding:22px 20px;justify-content:flex-end}
  .am-hero-bento .am-bento-main-bg{object-position:50% 20%}
  .am-hero-bento .am-bento-main::before{background:linear-gradient(to top,rgba(7,16,28,.93) 0%,rgba(7,16,28,.8) 50%,rgba(7,16,28,.5) 72%,rgba(7,16,28,.12) 100%)}
  /* fill the hero height so geo pins to the top (above the van) and the heading group drops to the bottom */
  .am-hero-bento .am-bento-over{display:flex;flex-direction:column;flex:1 1 auto;align-self:stretch;margin:0;width:100%;max-width:100%;text-align:center}
  /* الرياض · متاح خلال ساعة → plain text at the very top, no pill box (like v2) */
  .am-bento-over .am-mhero-geo{background:none;border:0;box-shadow:none;padding:0;margin:0;font-size:13px}
  .am-bento-over .am-mhero-city{color:#fff}
  .am-bento-over .am-mhero-city svg{color:#7dd3fc}
  .am-bento-over .am-mhero-avail{color:rgba(255,255,255,.82)}
  .am-bento-over .am-mhero-avail svg{color:rgba(255,255,255,.7)}
  .am-bento-over .am-mhero-sep{background:rgba(255,255,255,.45)}
  .am-bento-over .am-mhero-h1{color:#fff;font-size:42px;font-weight:900;line-height:1.02;margin:auto 0 0;text-shadow:0 2px 20px rgba(7,16,28,.95),0 1px 3px rgba(7,16,28,.85)} /* margin-top:auto -> heading group sits at the bottom, geo stays at top */
  .am-bento-over .am-mhero-h2{background:none!important;-webkit-text-fill-color:#fff;color:#fff;font-size:28px;font-weight:800;line-height:1.18;margin:5px 0 0;text-shadow:0 2px 18px rgba(7,16,28,.95),0 1px 3px rgba(7,16,28,.8)}
  .am-bento-over .am-mhero-sub{color:rgba(255,255,255,.92);font-size:15px;margin:11px 0 0;text-shadow:0 1px 10px rgba(7,16,28,.85)}
  .am-bento-over .am-mhero-cta{margin-top:18px;gap:11px}
  .am-bento-over .am-mhero-wa{display:none} /* mobile hero: single CTA (احجز كشف مجاني) */
  .am-bento-over .am-mhero-book{font-size:15px;padding:15px 26px}
  .am-bento-over .am-mhero-pay{margin-top:14px;color:rgba(255,255,255,.88)}
  .am-bento-over .am-mhero-pay .pay-tamara,.am-bento-over .am-mhero-pay .pay-tabby{background:none;padding:0;border-radius:0;font-size:13px}
  .am-bento-over .am-mhero-paysep{color:rgba(255,255,255,.4)}
  .am-bento-over .am-mhero-trust{margin-top:16px;padding-top:14px;border-top-color:rgba(255,255,255,.2)}
  .am-bento-over .am-mhero-trust span{color:rgba(255,255,255,.9)}
  .am-bento-over .am-mhero-trust svg{color:#7dd3fc}

  /* trust = one thin unified strip (distinct from the category tiles below, less space) */
  .am-feats{grid-template-columns:repeat(4,1fr);gap:0;margin:28px 16px 0;padding:11px 2px;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--shadow-sm)}
  .am-feat{flex-direction:column;align-items:center;text-align:center;gap:6px;padding:2px 4px;border:0;background:transparent;border-radius:0}
  .am-feat:not(:last-child){border-inline-end:1px solid var(--line-2)}
  .am-feat-ic{width:auto;height:auto;border-radius:0;background:transparent;color:var(--sky-d)}
  .am-feat-ic svg{width:21px;height:21px}
  .am-feat b{font-size:10.5px;line-height:1.2;color:var(--ink2);font-weight:600}
  .am-feat small{display:none}

  /* categories: premium 4-tile icon row (the photo strip is hidden on mobile) */
  .am-catstrip{display:none}
  .am-catstrip-sec .am-rowhead{display:none} /* hide "أشهر الأقسام" + "عرض الكل" on mobile */
  .am-catstrip-sec{padding:28px 16px 0}
  .am-catstrip-m{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:6px 0 2px}
  .am-catm{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}
  .am-catm-ic{position:relative;width:100%;max-width:84px;aspect-ratio:1/1;border-radius:20px;display:grid;place-items:center;background:var(--sky-xl);color:var(--sky-d);box-shadow:inset 0 0 0 1px var(--sky-l);transition:transform .2s}
  .am-catm-ic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7px;box-sizing:border-box}
  .am-catm-ic.has-img{background:transparent;box-shadow:none;max-width:none;aspect-ratio:3/4}
  .am-catm-ic.has-img img{padding:0}
  .am-catm:active .am-catm-ic{transform:scale(.94)}
  .am-catm-t{font-size:11px;font-weight:700;color:var(--ink);text-align:center;line-height:1.25}

  /* product card: smaller corner badges so they stop covering the photo */
  .am-card-tag{top:10px;left:10px;font-size:10px;padding:3px 8px}
  .am-card-brandtop{top:11px;inset-inline-end:11px;font-size:10px}
  .am-card-fav{width:30px;height:30px;bottom:10px;inset-inline-start:10px}
  .am-card-fav svg{width:15px;height:15px}
  .am-rate{bottom:10px;inset-inline-end:10px;font-size:11px;padding:3px 7px}

  /* unify section rhythm on mobile (rails were 64px -> way too wide) + drop the newsletter */
  .am-prods{padding-top:28px}
  .am-news-sec{display:none}
  /* PDP related section was double-guttered (its 20px + .am-shop 20px = 40px) — align to the page gutter */
  .am-shop .am-pdp-related{padding-left:0;padding-right:0}
  /* tighten the gap between the nav and the breadcrumb (was 30px top padding); body already has 80px bottom for the tab bar */
  .am-shop{padding-top:14px;padding-bottom:8px}
  /* PDP thumbnails: flexible row, capped — 1-2 images stay small (max 80px, no balloon),
     more images shrink to fit the row. */
  .am-pdp-thumbs{overflow:visible;gap:8px;padding-bottom:0;scrollbar-width:none;justify-content:flex-start}
  .am-pdp-thumb{flex:1 1 0;width:auto;height:auto;max-width:80px;aspect-ratio:1}
  /* PDP: tighter gap above the tabs + compact reviews (summary box + write form were too big) */
  .am-pdp-tabs{margin-top:22px}
  .am-ptab-nav{margin-bottom:16px}
  .am-rev-box{padding:12px;border-radius:14px;order:-1} /* summary first on mobile */
  .am-rev-box-top{margin-bottom:8px}
  .am-rev-box-top b{font-size:20px}
  .am-rev-bars{gap:2px}
  .am-rev-bar{padding:1px 6px}
  .am-rev-bar-track{height:5px}
  .am-rev-bar-n,.am-rev-bar-c{font-size:11px}
  .am-rev-head2-t small{display:none} /* drop "عرض 3 من 3 تقييم" */
  .am-rev-head2{align-items:center} /* center التقييمات with the الأحدث box */
  .am-rev-main{display:flex;flex-direction:column} /* reorder: write form on top, then التقييمات+الأحدث right above the list */
  .am-rev-form{order:-1}
  .am-rev-form{padding:10px 12px;border-radius:14px;margin-bottom:12px}
  .am-rf{gap:8px}
  .am-rf-area{min-height:38px;padding:8px 11px;font-size:13px}
  .am-rf-submit{height:38px;padding:0 18px;font-size:13.5px}
  .am-rf-star svg{width:18px;height:18px}

  /* home product rails -> horizontal swipe (shorter page, premium); shop page stays a grid */
  .am-prods ul.products{display:flex!important;grid-template-columns:none!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:14px -6px 0;padding:0 6px 6px;scroll-padding-inline-start:6px} /* -6/+6 = clip box has 6px buffer so swatch rings at card edges don't get cut */
  .am-prods ul.products::-webkit-scrollbar{display:none}
  .am-prods ul.products li.product{flex:0 0 44%;scroll-snap-align:start}

  /* in-cart wishlist (من مفضلتك): was double-guttered (40px) + the flex row overflowed its
     1fr grid track (min-width:auto) → horizontal scroll. Align to the 20px page gutter + let it shrink. */
  .am-cart-wish{padding-inline:0}
  .am-cart-wishgrid .am-cw-item{min-width:0}
  /* cart had a 50px bottom padding ON TOP of the body's 80px tab-bar clearance → big empty space
     at the end of the page. Drop it on mobile (body padding already clears the bottom bar). */
  .am-cartpage{padding-bottom:0}

  /* footer hidden on mobile — everything is in the drawer */
  .am-foot{display:none}

  /* === account (all pages) === the inline profile+nav menu is redundant on mobile
     (drawer + bottom-bar + dashboard hub all navigate). Hide it and flatten the content
     wrapper so each page's own components sit clean at the page gutter. */
  body.woocommerce-account .am-accside{display:none}
  body.woocommerce-account .woocommerce-MyAccount-content{padding:0;border:0;background:transparent;border-radius:0}
  /* don't stretch short account pages to 100vh (the desktop sticky-footer fill — footer is hidden
     on mobile); it left a big empty void/scroll before the bottom bar. Let content height rule. */
  body.woocommerce-account{min-height:auto}
  body.woocommerce-account .am-main{flex:0 1 auto}
  /* sub-page header (not on dashboard — its .am-dash hero is the header): back-to-overview + section title */
  .am-accbar{display:flex;align-items:center;gap:11px;margin:0 0 16px}
  .am-accbar-back{width:38px;height:38px;flex:0 0 auto;border-radius:12px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink2);text-decoration:none}
  .am-accbar-back:active{background:var(--bg2)}
  .am-accbar-t{font-family:var(--fa);font-weight:800;font-size:18px;color:var(--ink)}

  /* order cards: keep a row (thumbs on the side + meta as a stacked label:value list) —
     the ≤560 column layout pinned the small thumb strip top-right and left a dead quadrant */
  .am-ord-body{flex-direction:row;align-items:center;gap:13px;padding:14px 16px}
  .am-ord-thumbs{align-self:center;flex:0 0 auto;min-width:0}
  .am-ord-meta{grid-template-columns:1fr;gap:7px;flex:1;min-width:0}
  .am-ord-row{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px}
  .am-ord-row span{font-size:12px}
  .am-ord-row b{font-size:13px;text-align:start;white-space:nowrap}
}

/* ===== About page (من نحن) — editorial brand/identity ===== */
.am-about{max-width:940px;margin-inline:auto;padding:0 16px;text-align:start}
/* hero — bold sky gradient, full-color entry (no pale top) */
.am-about-hero{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--sky) 0%,var(--sky-d) 100%);border-radius:26px;padding:34px 24px 38px;margin:8px 0 32px;color:#fff;box-shadow:0 18px 40px -22px rgba(2,132,199,.55)}
.am-about-hero::after{content:"";position:absolute;inset-inline-end:-70px;top:-70px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.10)}
.am-about-eyebrow{position:relative;display:inline-block;font-size:13px;font-weight:800;color:rgba(255,255,255,.9);margin-bottom:14px}
.am-about-title{position:relative;font-size:clamp(30px,8.5vw,50px);line-height:1.13;font-weight:800;color:#fff;margin:0 0 16px}
.am-about-intro{position:relative;font-size:clamp(15.5px,4vw,18px);line-height:1.8;color:rgba(255,255,255,.92);margin:0;max-width:60ch}
/* vision — big dark statement, impact through scale */
.am-about-vision{margin:0 0 40px}
.am-about-label{display:block;font-size:14px;font-weight:800;color:var(--sky-d);margin-bottom:12px}
.am-about-vision-tx{font-size:clamp(21px,5.2vw,31px);line-height:1.5;font-weight:700;color:#0b1220;margin:0}
/* section heading */
.am-about-sec-h{font-size:13px;font-weight:800;color:var(--sky-d);text-transform:uppercase;margin:0 0 6px}
/* scope — huge accent numbers */
.am-about-scope{margin:0 0 16px}
.am-about-fields{list-style:none;margin:14px 0 0;padding:0}
.am-about-fields li{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:22px 0;border-top:1px solid #e7eef5}
.am-about-fields li:last-child{border-bottom:1px solid #e7eef5}
.am-about-fn{font-size:clamp(34px,10vw,58px);font-weight:800;line-height:.9;color:var(--sky);font-variant-numeric:tabular-nums;opacity:.95}
.am-about-ft b{display:block;font-size:clamp(17px,4.6vw,21px);font-weight:800;color:#0b1220;margin-bottom:5px}
.am-about-ft p{font-size:15px;line-height:1.7;color:#52617a;margin:0}
/* approach — sky-tinted block for rhythm + color */
.am-about-approach{background:var(--sky-xl);border:1px solid #e2eef8;border-radius:24px;padding:26px 22px;margin:36px 0}
.am-about-princs{display:grid;grid-template-columns:1fr;gap:0;margin-top:8px}
.am-about-princ{padding:18px 0;border-top:1px solid #d6e9f6}
.am-about-princ:first-child{border-top:0}
.am-about-princ b{display:block;font-size:18px;font-weight:800;color:var(--sky-d);margin-bottom:6px}
.am-about-princ p{font-size:15px;line-height:1.7;color:#3f4f64;margin:0}
/* credibility — stronger label/value band */
.am-about-cred{margin:0 0 32px}
.am-about-cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#dbe7f1;border:1px solid #dbe7f1;border-radius:18px;overflow:hidden}
.am-about-cred-it{background:#fff;padding:16px;display:flex;flex-direction:column;gap:5px;text-decoration:none}
.am-about-cred-it span{font-size:11.5px;font-weight:700;color:var(--sky-d);text-transform:uppercase}
.am-about-cred-it b{font-size:15px;font-weight:800;color:#0b1220}
.am-about-cred-it:last-child{grid-column:1/-1}
.am-about-cred-lk b{color:var(--sky-d)}
.am-about-cred-lk{transition:background .2s}
.am-about-cred-lk:hover{background:var(--sky-xl)}
/* closing */
.am-about-foot{display:flex;flex-direction:column;gap:16px;align-items:flex-start;padding:4px 0 10px}
.am-about-foot-tx{font-size:clamp(19px,5vw,24px);font-weight:800;color:#0b1220;margin:0;line-height:1.4}
.am-about-foot-btns{display:flex;flex-wrap:wrap;gap:10px}
.am-about-foot .am-btn-soft{background:var(--sky-l);color:var(--sky-d);border:0}
@media(min-width:760px){
  .am-about-hero{padding:54px 48px 58px;margin:12px 0 46px}
  .am-about-vision{margin:0 0 50px}
  .am-about-fields li{gap:26px;padding:26px 0}
  .am-about-approach{padding:38px 36px;margin:46px 0}
  .am-about-princs{grid-template-columns:1fr 1fr 1fr;gap:32px}
  .am-about-princ{border-top:0;padding:0}
  .am-about-princ b{font-size:19px}
  .am-about-cred-grid{grid-template-columns:repeat(5,1fr)}
  .am-about-cred-it:last-child{grid-column:auto}
  .am-about-foot{flex-direction:row;justify-content:space-between;align-items:center}
}