/* ============================================================
   arsam-theme / theme.css — shared chrome («مهار» design system)
   fonts · tokens · base · header · mobile menu · bottom nav ·
   buttons · frames · product cards · cart drawer · quick view ·
   toast · footer · reveals · shared responsive
   ============================================================ */
@font-face{font-family:'Estedad';src:url('../fonts/Estedad-Black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Estedad';src:url('../fonts/Estedad-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Vazirmatn';src:url('../fonts/Vazirmatn-ExtraBold.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Mono';src:url('../fonts/JetBrainsMono-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Dana';src:url('../fonts/DanaVF.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
@font-face{font-family:'Morabba';src:url('../fonts/MorabbaVF.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
@font-face{font-family:'IRANYekanX';src:url('../fonts/IRANYekanXVF.woff2') format('woff2-variations');font-weight:100 900;font-display:swap}
:root{
  --ink:#0E1216; --steel:#161D24; --steel2:#1F2831;
  --canvas:#F5F4F0; --card:#FFFFFF; --line:#E5E2DA;
  --txt:#14181D; --mut:#5C6672;
  --amp:#FFC81A; --amp2:#F0A400; --zinc:#D9A62E;
  --ok:#12A87B; --hot:#E8402A;
  --r:18px; --r2:26px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{overflow-anchor:none;scroll-behavior:smooth;overflow-x:hidden}
body{font-family:'Vazirmatn','IRANYekanX','Dana',system-ui,sans-serif;background:var(--canvas);color:var(--txt);overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}
.screen-reader-text,.widget_shopping_cart_live_region,[class*="live_region"]{position:absolute!important;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.wrap{max-width:1280px;margin-inline:auto;padding-inline:clamp(14px,3vw,32px)}
h1,h2,h3{font-family:'Estedad','Morabba','Vazirmatn',sans-serif}
.mono{font-family:'Mono',monospace;direction:ltr;unicode-bidi:embed}
/* hazard tape */
.tape{background:repeating-linear-gradient(-45deg,var(--amp) 0 14px,var(--ink) 14px 28px);height:6px;animation:tapeMove 16s linear infinite}
@keyframes tapeMove{to{background-position:79.2px 0}}
/* reveal */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
/* ============ announce ============ */
.ann{background:var(--ink);color:#cfd6dd;font-size:12.5px;padding:8px 0;text-align:center}
.ann b{color:var(--amp);font-weight:700}
.ann .mono{font-size:12px}
/* ============ header ============ */
.hd{position:sticky;top:0;z-index:60;background:rgba(245,244,240,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.3s}
.hd.sc{border-color:var(--line);box-shadow:0 8px 30px rgba(14,18,22,.06)}
.hd-in{display:flex;align-items:center;gap:18px;padding-block:12px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand img{width:auto;height:54px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.25))}
.brand .bt{line-height:1.1}
.brand .bt strong{font-family:'Estedad';font-size:17px;display:block}
.brand .bt span{font-size:10.5px;color:var(--mut);letter-spacing:.06em}
.srch{flex:1;max-width:520px;position:relative}
.srch input{width:100%;height:46px;border:1.5px solid var(--line);background:var(--card);border-radius:14px;padding:0 44px 0 16px;font:inherit;font-size:16px;color:var(--txt);transition:.25s}
.srch input:focus{outline:0;border-color:var(--amp2);box-shadow:0 0 0 4px rgba(255,200,26,.18)}
.srch svg{position:absolute;right:14px;top:50%;translate:0 -50%;width:19px;height:19px;stroke:var(--mut);pointer-events:none}
.hact{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.hbtn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--card);border:1.5px solid var(--line);transition:.25s}
.hbtn:hover{border-color:var(--amp2)}
.hbtn svg{width:20px;height:20px;stroke:var(--txt);fill:none;stroke-width:1.8}
.hbtn .n{position:absolute;top:-6px;left:-6px;min-width:19px;height:19px;border-radius:10px;background:var(--ink);color:var(--amp);font-size:11px;font-weight:700;display:grid;place-items:center;padding-inline:5px}
.call{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;padding-inline-start:6px}
.call span{font-size:10.5px;color:var(--mut)}
.call b{font-size:14.5px}
.burg{display:none}
.nav{border-top:1px solid var(--line)}
.nav ul{display:flex;gap:4px;list-style:none;overflow-x:auto;scrollbar-width:none}
.nav ul::-webkit-scrollbar{display:none}
.nav a{display:block;padding:11px 14px;font-size:14px;font-weight:500;color:#39424d;border-radius:10px 10px 0 0;white-space:nowrap;transition:.2s}
.nav a:hover{color:var(--ink);background:rgba(255,200,26,.14)}
.nav a.hot{color:var(--hot);font-weight:700}
/* ============ buttons ============ */
.btn{display:inline-flex;align-items:center;gap:9px;height:52px;padding-inline:26px;border-radius:15px;font-size:15px;font-weight:700;transition:.25s}
.btn.amp{background:linear-gradient(140deg,var(--amp),var(--amp2));color:var(--ink);box-shadow:0 10px 30px rgba(255,180,0,.25)}
.btn.amp:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(255,180,0,.35)}
.btn.gh{border:1.5px solid #313B45;color:#DDE4EA}
.btn.gh:hover{border-color:var(--amp);color:var(--amp)}
.btn.gh2{border:1.5px solid var(--line);color:var(--txt);background:var(--card)}
.btn.gh2:hover{border-color:var(--amp2)}
/* ============ sections ============ */
.sec{padding-block:clamp(34px,5vw,64px)}
.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:22px}
.shead h2{font-size:clamp(21px,2.6vw,30px);font-weight:900}
.shead h2 i{font-style:normal;color:var(--amp2)}
.shead p{color:var(--mut);font-size:13.5px;margin-top:6px}
.more{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--ink);border:1.5px solid var(--line);background:var(--card);height:42px;padding-inline:18px;border-radius:12px;transition:.25s}
.more:hover{border-color:var(--amp2);background:rgba(255,200,26,.1)}
/* ============ hazard frame ============ */
.frame{position:relative;border:1.5px solid var(--line);border-radius:var(--r2);padding:clamp(18px,3vw,30px);padding-top:clamp(24px,3.4vw,36px);overflow:clip;background:transparent}
.frame::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(-45deg,var(--amp) 0 14px,var(--ink) 14px 28px);animation:tapeMove 16s linear infinite}
/* ============ product cards ============ */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.prail{display:grid;grid-auto-flow:column;grid-auto-columns:min(255px,68vw);gap:14px;overflow-x:auto;overflow-y:hidden;padding:4px 4px 16px;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
.prail::-webkit-scrollbar{display:none}
.pc{position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);overflow:clip;scroll-snap-align:start;transition:.3s;display:flex;flex-direction:column}
.pc:hover{transform:translateY(-4px);border-color:#d8d4c8;box-shadow:0 18px 40px rgba(14,18,22,.09)}
.pc .im{position:relative;aspect-ratio:1;background:#fff;overflow:clip}
.pc .im img{width:100%;height:100%;object-fit:cover;transition:.45s;cursor:pointer}
.pc:hover .im img{scale:1.06}
.off{position:absolute;top:10px;right:10px;background:var(--hot);color:#fff;font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:9px;z-index:2}
.pc .bd{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc h3{font-family:'Vazirmatn';font-size:13.5px;font-weight:700;line-height:1.7;min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc .cat{font-size:10.5px;color:var(--mut)}
.prow{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.price b{font-size:16.5px}
.price s{display:block;font-size:11px;color:#98a0aa}
.price .u{font-size:10.5px;color:var(--mut);font-weight:500}
.buy{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:var(--amp);transition:.25s}
.buy:hover{background:var(--amp);color:var(--ink)}
.buy svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}
.oos{font-size:12px;font-weight:700;color:var(--mut);border:1.5px dashed var(--line);border-radius:10px;padding:9px 12px;text-align:center}
/* card soul: actions, options, badges */
.pc .im .acts{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:7px;opacity:0;translate:0 -8px;transition:.3s;z-index:2}
.pc:hover .im .acts{opacity:1;translate:0 0}
@media(hover:none){.pc .im .acts{opacity:1;translate:0 0}}
.ab{width:37px;height:37px;border-radius:11px;background:rgba(255,255,255,.94);backdrop-filter:blur(5px);display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.14);color:var(--ink);transition:.22s}
.ab svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9}
.ab:hover{background:var(--ink);color:var(--amp)}
.ab.w.on{color:var(--hot)}
.ab.w.on svg{fill:var(--hot);stroke:var(--hot)}
.sold{position:absolute;bottom:10px;right:10px;background:rgba(14,18,22,.74);color:#fff;backdrop-filter:blur(4px);font-size:10.5px;font-weight:600;padding:4px 10px;border-radius:9px;z-index:2}
.sold i{font-style:normal;color:var(--amp)}
.pmeta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.spec{font-family:'Mono';font-size:10.5px;direction:ltr;background:var(--ink);color:var(--amp);padding:2.5px 8px;border-radius:8px;letter-spacing:.03em}
.opts{display:flex;gap:5px;flex-wrap:wrap;min-height:24px}
.op{font-family:'Mono';font-size:10px;direction:ltr;padding:3.5px 8px;border:1.2px solid var(--line);border-radius:8px;color:#5C6672;background:#FAF9F5;transition:.2s}
.op.more{border-style:dashed;color:var(--amp2);font-weight:700}
.pc .opts .op{cursor:pointer}
.pc .opts .op:hover{border-color:var(--amp2);color:var(--txt)}
.pc .opts .op.on{background:var(--ink);color:var(--amp);border-color:var(--ink)}
/* qty stepper + input */
.qtt{display:flex;align-items:center;gap:2px;background:var(--ink);border-radius:12px;padding:3px}
.qtt span{width:31px;height:34px;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:800;cursor:pointer;user-select:none;border-radius:9px;transition:.15s}
.qtt span:hover{background:rgba(255,255,255,.14)}
.qin{font-family:'Mono';direction:ltr;text-align:center;width:44px;border:0;background:transparent;font-size:16px;font-weight:700;-moz-appearance:textfield;padding:0}
.qin::-webkit-outer-spin-button,.qin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qin:focus{outline:none}
.qtt .qin{color:var(--amp);width:40px}
.stp{display:flex;align-items:center;gap:2px;border:1.5px solid var(--line);border-radius:13px;background:var(--card);padding:4px}
.stp span{width:36px;height:36px;display:grid;place-items:center;font-size:17px;font-weight:800;border-radius:10px;cursor:pointer;user-select:none;transition:.15s}
.stp span:hover{background:rgba(255,200,26,.18)}
.stp .qin{color:var(--txt);width:48px}
/* ============ cart drawer ============ */
.dim{position:fixed;inset:0;background:rgba(10,13,16,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.3s;z-index:80}
.dim.on{opacity:1;pointer-events:auto}
.drw{position:fixed;top:0;bottom:0;right:0;left:auto;width:min(400px,92vw);background:var(--canvas);z-index:90;transform:translateX(105%);transition:transform .38s cubic-bezier(.2,.75,.2,1);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.2);visibility:hidden}
.drw.on{transform:none!important;visibility:visible}
.drw .dh{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 20px;background:var(--ink);position:relative}
.drw .dh::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:repeating-linear-gradient(-45deg,var(--amp) 0 12px,var(--ink) 12px 24px);animation:tapeMove 16s linear infinite}
.drw .dh b{font-family:'Estedad';font-size:16px;color:#fff}
.drw .dh .hbtn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.drw .dh .chip{font-size:11px;font-weight:700;background:var(--amp);color:var(--ink);padding:4px 10px;border-radius:99px;margin-inline-start:8px}
.drw .dls{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px;background:radial-gradient(400px 200px at 80% 0%,rgba(255,200,26,.05),transparent 60%),var(--canvas)}
.dit{display:flex;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:12px;padding-inline-start:16px;align-items:flex-start;position:relative;overflow:clip;transition:.25s}
.dit:hover{border-color:#d8d4c8;box-shadow:0 8px 24px rgba(14,18,22,.07)}
.dit::before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:5px;background:repeating-linear-gradient(-45deg,var(--amp) 0 9px,var(--ink) 9px 18px)}
.dit img{width:62px;height:62px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}
.dit .db{flex:1;min-width:0}
.dit .t{font-size:12.5px;font-weight:700;line-height:1.7}
.dit .meta{display:flex;gap:7px;align-items:center;margin-top:5px;flex-wrap:wrap}
.dit .meta .op{cursor:default;font-size:10px}
.dit .unit{font-size:10.5px;color:var(--mut)}
.dit .row2{display:flex;align-items:center;margin-top:10px;gap:8px}
.dit .qtt{padding:2px}
.dit .qtt span{width:27px;height:29px;font-size:14px}
.dit .qtt .qin{width:36px;font-size:14px}
.dit .lt{font-size:13.5px;font-weight:800;white-space:nowrap;margin-inline-start:auto}
.dit .lt i{font-style:normal;font-size:10px;color:var(--mut);font-weight:500}
.dit .rm{width:34px;height:32px;border-radius:10px;display:grid;place-items:center;color:var(--hot);background:rgba(232,64,42,.08);border:1.5px solid rgba(232,64,42,.25);transition:.2s;flex-shrink:0}
.dit .rm svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.9}
.dit .rm:hover{background:var(--hot);color:#fff;border-color:var(--hot)}
.drw .df{padding:18px 20px 20px;background:var(--ink);position:relative}
.drw .df::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(-45deg,var(--amp) 0 12px,var(--ink) 12px 24px);animation:tapeMove 16s linear infinite}
.drw .df .ship{font-size:11px;color:#8994A0;text-align:center;margin-bottom:10px}
.drw .df .sum{display:flex;justify-content:space-between;align-items:center;font-size:13.5px;margin-bottom:12px;color:#C8D1DA}
.drw .df .sum b{font-family:'Estedad';font-size:19px;color:var(--amp)}
.drw .df .btn{width:100%;justify-content:center}
.drw-empty{text-align:center;padding-top:40px;color:var(--mut)}
.drw-empty i{font-style:normal;font-size:40px;display:block;margin-bottom:12px}
.drw-empty p{font-size:13px;margin-bottom:16px}
/* toast + fly */
.toast{position:fixed;bottom:84px;inset-inline-start:50%;translate:50% 20px;background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;padding:13px 22px;border-radius:14px;opacity:0;pointer-events:none;transition:.35s;z-index:99;display:flex;gap:9px;align-items:center;white-space:nowrap}
.toast.on{opacity:1;translate:50% 0}
.toast i{color:var(--amp);font-style:normal}
.fly{position:fixed;z-index:120;width:14px;height:14px;border-radius:50%;background:var(--amp);box-shadow:0 0 0 4px rgba(255,200,26,.3);pointer-events:none;transition:transform .7s cubic-bezier(.3,-0.1,.6,1),opacity .7s}
/* ============ quick view — صنعتی: گوشهٔ تیز، نوار خطر بالا، تصویر لبه‌به‌لبه ============ */
.qvs{position:fixed;z-index:95;inset-inline:0;bottom:0;margin-inline:auto;width:min(600px,100vw);background:var(--canvas);border-radius:0;transform:translateY(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1);box-shadow:0 -20px 70px rgba(0,0,0,.3);max-height:88dvh;overflow-y:auto;visibility:hidden}
.qvs::before{content:"";display:block;height:7px;background:repeating-linear-gradient(-45deg,var(--amp) 0 12px,var(--ink) 12px 24px)}
.qvs.on{transform:none;visibility:visible}
@media(min-width:861px){
  .qvs{inset:0;margin:auto;height:fit-content;width:min(880px,92vw);border-radius:0;transform:translateY(24px) scale(.97);opacity:0;pointer-events:none;transition:.35s;visibility:visible}
  .qvs.on{transform:none;opacity:1;pointer-events:auto}
  .qv-in{display:grid;grid-template-columns:1fr 1.1fr;gap:0}
}
.qv-grab{display:none}
.qv-x{position:absolute;top:15px;inset-inline-start:12px;width:38px;height:38px;border-radius:0;background:var(--ink);color:var(--amp);display:grid;place-items:center;font-size:15px;z-index:3}
.qv-im{position:relative;width:100%;aspect-ratio:4/3;max-height:46dvh;overflow:clip;background:#fff}
@media(min-width:861px){.qv-im{aspect-ratio:auto;max-height:none;border-radius:0;height:100%}}
.qv-im img{width:100%;height:100%;object-fit:cover}
.qv-bd{padding:18px 20px 22px}
.qv-bd .cat{font-size:11px;color:var(--mut)}
.qv-bd h3{font-family:'Vazirmatn';font-size:16.5px;font-weight:800;line-height:1.8;margin-top:4px}
.qv-sec{font-size:11.5px;font-weight:700;color:var(--mut);margin:16px 0 8px}
.qv-opts{display:flex;gap:7px;flex-wrap:wrap}
.qv-opts .op{font-size:12px;padding:8px 13px;border-radius:10px;cursor:pointer}
.qv-opts .op.on{background:var(--ink);color:var(--amp);border-color:var(--ink)}
.qv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}
.qv-price{text-align:left}
.qv-price s{display:block;font-size:11.5px;color:#98a0aa}
.qv-price b{font-size:21px}
.qv-price .u{font-size:11px;color:var(--mut);font-weight:500}
.qv-bulk{display:flex;gap:7px;align-items:center;margin-top:12px;flex-wrap:wrap}
.qv-bulk .lbl{font-size:11px;color:var(--mut)}
.qv-bulk .op{cursor:pointer;font-weight:700;font-size:11.5px}
.qv-bulk .op.on{background:var(--amp);border-color:var(--amp);color:var(--ink)}
.qv-cta{display:flex;gap:10px;margin-top:16px}
.qv-cta .btn{flex:1;justify-content:center;height:50px}
.qv-trust{display:flex;gap:14px;margin-top:16px;font-size:11px;color:var(--mut);flex-wrap:wrap}
.qv-trust span{display:inline-flex;gap:5px;align-items:center}
.qv-trust em{font-style:normal}
/* ============ mobile menu ============ */
.mm{position:fixed;inset:0;background:var(--canvas);z-index:100;transform:translateY(104%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s .45s;display:flex;flex-direction:column;overflow-y:auto;max-width:100vw}
.mm.on{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s 0s}
.mm-hd{background:linear-gradient(150deg,var(--ink),#1B242E);color:#fff;padding:20px 18px 24px;border-radius:0 0 26px 26px;position:relative;overflow:clip}
.mm-hd::before{content:"";position:absolute;inset:0;background:radial-gradient(300px 160px at 85% 0%,rgba(255,200,26,.22),transparent 60%)}
.mm-hd .row{display:flex;justify-content:space-between;align-items:center;position:relative}
.mm-hd .row b{font-family:'Estedad';font-size:17px}
.mm-x{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:17px;display:grid;place-items:center}
.mm-logo{position:relative;width:min(230px,58vw);height:auto;margin:10px auto 4px;display:block;filter:drop-shadow(0 10px 30px rgba(255,200,26,.28));animation:logoFloat 4.5s ease-in-out infinite}
@keyframes logoFloat{50%{transform:translateY(-7px)}}
.mm-hd .srch{max-width:none;margin-top:16px;position:relative}
.mm-hd .srch input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
.mm-hd .srch input::placeholder{color:#8b97a3}
.mmq{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 18px}
.mmq a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:13px 6px;border-radius:16px;color:#fff;font-size:11px;font-weight:600;text-align:center}
.mmq a i{font-style:normal;font-size:20px}
.mmq a:nth-child(1){background:linear-gradient(150deg,#F0A400,#C77E00)}
.mmq a:nth-child(2){background:linear-gradient(150deg,#E8402A,#B32718)}
.mmq a:nth-child(3){background:linear-gradient(150deg,#2F6DB0,#1D4C83)}
.mmq a:nth-child(4){background:linear-gradient(150deg,#12A87B,#0B7A58)}
.mm-cats{padding:6px 18px 20px}
.mm-cats h4{font-size:12.5px;color:var(--mut);margin-bottom:12px}
.mmg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mmg a{display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:14px 8px;font-size:11px;font-weight:600;text-align:center;opacity:0;transform:scale(.85)}
.mm.on .mmg a{animation:pop .4s forwards}
@keyframes pop{to{opacity:1;transform:none}}
.mmg .ring{width:52px;height:58px;display:grid;place-items:center;background:linear-gradient(160deg,#F3F1E9,#E9E6DC);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.mmg .ring img{height:40px;width:auto;display:block}
.mm-ft{margin-top:auto;padding:16px 18px 28px;display:flex;gap:10px}
.mm-ft .btn{flex:1;justify-content:center;height:48px}
/* ============ bottom nav ============ */
.bnav{display:none;position:fixed;bottom:0;right:0;left:0;background:rgba(245,244,240,.92);backdrop-filter:blur(14px);border-top:1.5px solid var(--line);z-index:70;padding:6px 8px calc(6px + env(safe-area-inset-bottom));max-width:100vw}
.bnav ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none}
.bnav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;font-size:10.5px;font-weight:600;color:var(--mut);border-radius:12px}
.bnav a.on{color:var(--ink)}
.bnav a.on svg{stroke:var(--amp2)}
.bnav svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.9}
/* ============ footer ============ */
.ft{background:var(--ink);color:#B6C0CA;margin-top:30px}
.ft-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px;padding-block:48px}
.ft h3{color:#fff;font-family:'Estedad';font-size:15px;margin-bottom:16px}
.ft ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13px}
.ft a:hover{color:var(--amp)}
.ft .ft-about{font-size:13px;line-height:2.2;color:#8994A0}
.ft-by{text-align:center;padding:10px 0 16px;font-size:11.5px;letter-spacing:.02em}
.ft-by a{color:#93A0AD;transition:.25s;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.14);border-radius:99px;padding:6px 14px;white-space:nowrap}
.ft-by svg{width:13px;height:13px;flex:none;color:var(--amp);transition:.3s}
.ft-by a:hover{color:#fff;border-color:var(--amp2)}
.ft-by a:hover svg{rotate:60deg}
.ft .nap{display:flex;flex-direction:column;gap:12px;font-size:13px}
.ft .nap div{display:flex;gap:9px;align-items:flex-start;line-height:1.9}
.ft .nap em{font-style:normal;color:var(--amp)}
.seals{display:flex;gap:12px;margin-top:18px}
.seals .seal{display:block;width:84px;background:#fff;border-radius:12px;padding:8px}
.seals .seal img{width:100%;height:auto}
.ft-bt{border-top:1px solid #232C35;padding-block:18px;font-size:12px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
/* ============ generic entry (index.php fallback) ============ */
.dtext{background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:clamp(18px,2.6vw,28px);font-size:13.5px;line-height:2.3;color:#39424d}
/* ============ shared responsive ============ */
@media(max-width:1080px){
  .pgrid{grid-template-columns:repeat(3,1fr)}
  .ft-in{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .nav{display:none}
  .call{display:none}
  .burg{display:grid}
  .srch.hd-s{display:none}
  .bnav{display:block}
  body{padding-bottom:64px}
}
@media(max-width:640px){
  .wrap{padding-inline:12px}
  .pgrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .prail{grid-auto-columns:min(46vw,220px);gap:10px;padding-inline:12px;margin-inline:-12px}
  .pc .bd{padding:10px 11px 12px}
  .pc h3{font-size:12px}
  .price b{font-size:14.5px}
  .buy{width:38px;height:38px}
  .shead h2{font-size:19px}
  .frame{padding:12px;padding-top:20px;border-radius:18px}
  .ft-in{grid-template-columns:1fr;gap:26px;padding-block:36px}
}