/* RostamShop storefront — Mobile First · RTL (logical properties, ready for LTR) */
:root{--accent:#C8102E;--secondary:#10151C;--ink:#10151C;--mute:#5B6573;--line:#DDE2E8;--paper:#F3F5F8;--card:#fff;--ok:#14794B;--warn:#9A5B00;--r:12px;--nav-h:60px;--sh:0 6px 24px rgba(16,21,28,.12)}
@media (prefers-color-scheme:dark){:root{--ink:#EAEEF3;--mute:#9AA5B3;--line:#2B3440;--paper:#0E1217;--card:#161C24;--sh:0 6px 24px rgba(0,0,0,.5)}}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-padding-top:70px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 var(--font,Tahoma,sans-serif);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.skip:focus{top:8px}
.wrap{max-width:1180px;margin-inline:auto;padding-inline:14px}
/* header */
.ann{background:var(--accent);color:#fff;text-align:center;font-size:13px;padding:6px 12px}.ann a{text-decoration:underline}
header.top{position:sticky;top:0;z-index:30;background:var(--secondary);color:#fff;padding-top:env(safe-area-inset-top)}
.bar{display:flex;align-items:center;gap:6px;min-height:56px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;margin-inline-end:auto}.logo img{height:34px;width:auto}
.ib{position:relative;background:none;border:0;color:inherit;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px}.ib:hover{background:#ffffff22}
.dot{position:absolute;top:4px;inset-inline-start:4px;min-width:18px;height:18px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;text-align:center;padding:0 4px}
.dsk{display:none}
.hs{display:none;flex:1;max-width:460px;position:relative}.hs input{width:100%;border:0;border-radius:99px;padding:9px 16px;min-height:44px;background:#ffffff1f;color:#fff}.hs input::placeholder{color:#ffffffaa}
.sug{position:absolute;inset-inline:0;top:100%;margin-top:6px;background:var(--card);color:var(--ink);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;z-index:40}
.sug a{display:flex;gap:10px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.sug img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.nav{display:none;gap:2px}.nav a{padding:8px 12px;border-radius:10px;font-size:14px}.nav a:hover{background:#ffffff22}
.cta{background:var(--accent);color:#fff;border-radius:99px;padding:8px 16px;font-weight:700;font-size:14px;display:none}
.chips{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:6px 14px;min-height:38px;font-size:13px;font-weight:600;white-space:nowrap}
.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.sportbar{background:var(--card);border-bottom:1px solid var(--line)}
.notice{background:#FFF4D6;color:#5A4200;font-size:12.5px;text-align:center;padding:5px 10px}
@media (prefers-color-scheme:dark){.notice{background:#3A2E0B;color:#F3DD9A}}
main{max-width:1180px;margin-inline:auto;padding:14px 14px 40px;min-height:60vh;outline:0}
h1{font-size:21px;margin:6px 0 12px}h2{font-size:17px;margin:0}
.sec{margin:26px 0}.sh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}.sh a{font-size:13px;color:var(--accent);font-weight:700}.sub{color:var(--mute);font-size:13px}
/* bottom nav */
.bn{position:fixed;inset-inline:0;bottom:0;z-index:35;background:var(--card);border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px rgba(0,0,0,.08)}
.bn a{flex:1;display:grid;justify-items:center;align-content:center;gap:0;min-height:var(--nav-h);font-size:11px;color:var(--mute);position:relative}.bn a b{font-size:21px;line-height:1.2;font-weight:400}
.bn a[aria-current=page]{color:var(--accent);font-weight:700}.bn .dot{top:6px;inset-inline-start:calc(50% + 6px)}
/* grid & cards */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.p{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;position:relative}
.p .im{aspect-ratio:1/1;background:var(--paper);display:grid;place-items:center;color:var(--mute);font-size:12px;overflow:hidden}.p .im img{width:100%;height:100%;object-fit:cover}
.p .b{padding:10px;display:grid;gap:2px}.p .t{font-weight:600;font-size:13.5px;line-height:1.6;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p .s{color:var(--mute);font-size:12px}.off{position:absolute;top:8px;inset-inline-start:8px;background:var(--accent);color:#fff;border-radius:99px;font-size:11px;font-weight:700;padding:1px 8px}
.heart{position:absolute;top:6px;inset-inline-end:6px;width:40px;height:40px;border-radius:50%;border:0;background:#ffffffcc;color:#333;font-size:19px;display:grid;place-items:center}
.heart[aria-pressed=true]{color:var(--accent)}
.price{font-weight:800}.old{color:var(--mute);text-decoration:line-through;font-size:12px;margin-inline-start:6px;font-weight:400}.unit{font-size:11px;color:var(--mute);font-weight:400;margin-inline-start:3px}
.btn{background:var(--accent);color:#fff;border:0;border-radius:var(--r);padding:10px 18px;min-height:46px;font-weight:700;display:inline-grid;place-items:center}
.btn.ghost{background:none;color:var(--ink);border:1px solid var(--line)}.btn.block{display:grid;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin-bottom:12px}
.row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.f{display:grid;gap:10px}.f label{font-size:13px;color:var(--mute);display:grid;gap:4px}
input,select,textarea{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-height:44px;width:100%}
.err{background:#FDECEC;color:#8A1C1C;border-radius:10px;padding:9px 12px;margin:8px 0;font-size:14px}.okm{background:#E6F5EC;color:#0E5A37;border-radius:10px;padding:9px 12px;margin:8px 0;font-size:14px}
.pill{display:inline-block;border-radius:99px;padding:1px 10px;font-size:12px;background:var(--paper);border:1px solid var(--line)}.pill.ok{background:#E6F5EC;color:#0E5A37;border-color:#BFE3CE}.pill.w{background:#FFF1D6;color:#7A4A00;border-color:#F0D49A}
.member{background:#E6F5EC;color:#0E5A37;border-radius:10px;padding:6px 10px;font-size:13px}
table{width:100%;border-collapse:collapse}td,th{padding:8px 4px;border-bottom:1px solid var(--line);text-align:start;font-size:14px}.sum td:last-child{text-align:end;font-weight:700}
.scroll{overflow-x:auto}
/* hero & section blocks */
.hero{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r)}.hero::-webkit-scrollbar{display:none}
.hero a{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:16/8;border-radius:var(--r);overflow:hidden;background:var(--secondary);position:relative}.hero img{width:100%;height:100%;object-fit:cover}
.hero span{position:absolute;inset-inline:0;bottom:0;padding:18px 14px 12px;color:#fff;font-weight:800;background:linear-gradient(transparent,#000a)}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 6px;text-align:center;font-weight:700;font-size:13px;min-height:64px;display:grid;place-items:center;border-top:4px solid var(--c,var(--accent))}
.hrow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px}.hrow::-webkit-scrollbar{display:none}.hrow .p{flex:0 0 44%;scroll-snap-align:start}
.logos{display:flex;gap:14px;overflow-x:auto;align-items:center}.logos img{height:44px;width:auto;filter:grayscale(1);opacity:.8}
.r360{background:linear-gradient(135deg,var(--secondary),var(--accent));color:#fff;border-radius:var(--r);padding:18px;display:grid;gap:8px}.r360 .btn{background:#fff;color:#111;justify-self:start}
.art{display:grid;grid-template-columns:96px 1fr;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.art img{width:96px;height:100%;object-fit:cover;min-height:80px}.art div{padding:10px}
/* product page */
.two{display:grid;gap:18px}
.gal{position:relative}.gmain{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--r);background:var(--card)}.gmain::-webkit-scrollbar{display:none}
.gmain img{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1/1;object-fit:contain;cursor:zoom-in}
.thumbs{display:flex;gap:6px;margin-top:6px;overflow-x:auto}.thumbs img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid transparent;cursor:pointer}.thumbs img.on{border-color:var(--accent)}
.opts{display:flex;gap:8px;flex-wrap:wrap}.opts button{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 14px;min-height:44px}.opts button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.opts button:disabled{opacity:.4;text-decoration:line-through}
.tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin:18px 0 12px}.tabs button{flex:none;background:none;border:0;border-bottom:3px solid transparent;padding:10px 12px;min-height:44px;font-weight:600;color:var(--mute)}.tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent)}
.stick{position:fixed;inset-inline:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));z-index:34;background:var(--card);border-top:1px solid var(--line);padding:8px 14px;display:flex;gap:10px;align-items:center;justify-content:space-between}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px}.qty button{background:none;border:0;width:44px;height:44px;font-size:18px}.qty span{min-width:26px;text-align:center}
.bar-ship{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:6px 0}.bar-ship i{display:block;height:100%;background:var(--ok);transition:width .3s}
/* sheet / drawer / lightbox */
.ov{position:fixed;inset:0;background:#0009;z-index:60;display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .2s}.ov.show{opacity:1}
.sheet{background:var(--card);color:var(--ink);width:100%;max-height:88vh;overflow:auto;border-radius:20px 20px 0 0;padding:6px 16px calc(18px + env(safe-area-inset-bottom));transform:translateY(40px);transition:transform .25s}.ov.show .sheet{transform:none}
.sheet .grab{width:42px;height:4px;border-radius:9px;background:var(--line);margin:6px auto 10px}.sheet h3{margin:0 0 10px;font-size:17px}
.drawer .sheet{max-height:92vh}
.zoom{position:fixed;inset:0;background:#000e;z-index:70;display:grid;place-items:center;overflow:auto}.zoom img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;transition:transform .2s}.zoom img.z{transform:scale(2.2);cursor:zoom-out}
.zoom button{position:fixed;top:12px;inset-inline-end:12px;z-index:71}
.toast{position:fixed;inset-inline:14px;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));z-index:80;background:#111;color:#fff;border-radius:12px;padding:10px 14px;text-align:center;box-shadow:var(--sh)}
footer.ft{background:var(--secondary);color:#cfd6df;padding:26px 0 18px;font-size:13.5px}.ft a{color:#fff}.ft .cols{display:grid;gap:18px}.ft h4{margin:0 0 6px;color:#fff;font-size:14px}.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.soc{display:flex;gap:8px;flex-wrap:wrap}.soc a{border:1px solid #ffffff44;border-radius:99px;padding:3px 12px;font-size:12.5px}
.skl{background:linear-gradient(90deg,var(--line),var(--paper),var(--line));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r);min-height:120px}@keyframes sk{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media (min-width:760px){
 .grid{grid-template-columns:repeat(4,1fr);gap:14px}.tiles{grid-template-columns:repeat(6,1fr)}.hrow .p{flex-basis:23%}.two{grid-template-columns:1fr 1fr}
 .hs,.nav,.dsk,.cta{display:flex}.cta{display:inline-block}.bn{display:none}body{padding-bottom:0}.stick{display:none}.toast{inset-inline:auto;inset-inline-start:20px;bottom:20px;max-width:360px}
 .ov{align-items:center}.sheet{max-width:560px;border-radius:20px;max-height:80vh}.drawer{justify-content:flex-end;align-items:stretch}.drawer .sheet{max-width:420px;border-radius:0;max-height:100vh;height:100%;transform:translateX(-30px)}
 .ft .cols{grid-template-columns:2fr repeat(3,1fr)}.hero a{aspect-ratio:21/8}.mob-only{display:none!important}
}
@media (min-width:1000px){.grid.five{grid-template-columns:repeat(5,1fr)}.layout{display:grid;grid-template-columns:240px 1fr;gap:18px;align-items:start}}
/* ===== نسخه‌ی ۲۰۲۶: هیرو، نوار مزایا، کارت عضویت، فوتر آیکن‌دار، چک‌اوت مرحله‌ای ===== */
.bar{gap:4px}header.top{backdrop-filter:saturate(1.4) blur(14px);background:color-mix(in srgb,var(--secondary) 88%,transparent)}
.ib svg,.bn b svg{display:block}.hsi{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);color:#fff9;display:grid}.hs input{padding-inline-start:42px}
.chip{transition:transform .15s,background .2s}.chip:active{transform:scale(.96)}.chip.glass{background:#ffffff22;border-color:#ffffff44;color:#fff;backdrop-filter:blur(6px)}
.btn{transition:transform .15s,filter .2s,box-shadow .2s}.btn:hover{filter:brightness(1.08);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 35%,transparent)}.btn:active{transform:scale(.98)}.btn.big{min-height:52px;padding-inline:26px;font-size:16px}.btn.light{color:#fff;border-color:#ffffff66}
.hero2{position:relative;margin:-14px -14px 18px;color:#fff;background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--accent) 70%,#000) 0,transparent 60%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,var(--accent) 35%,#000) 0,transparent 60%),linear-gradient(160deg,var(--secondary),#05080c);overflow:hidden}
.hero2::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,#ffffff08 0 2px,transparent 2px 22px);pointer-events:none}
.hero2-in{position:relative;z-index:1;max-width:1180px;margin:auto;padding:34px 18px 30px;display:grid;gap:12px}.hero2 h1{font-size:clamp(26px,6vw,46px);line-height:1.3;margin:0;font-weight:900;letter-spacing:-.5px}.hero2 p{margin:0;color:#e4e9ef;max-width:560px;font-size:15px}
.eyebrow{justify-self:start;background:#ffffff22;border:1px solid #ffffff33;border-radius:99px;padding:2px 14px;font-size:12.5px;backdrop-filter:blur(6px)}
.hero2-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.hero2-sp{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:6px}.hero2-sp::-webkit-scrollbar{display:none}
.trust{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 18px}.tr{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;transition:transform .2s,box-shadow .2s}.tr:hover{transform:translateY(-2px);box-shadow:var(--sh)}
.tr svg{color:var(--accent);flex:none}.tr b{display:block;font-size:13.5px}.tr small{display:block;color:var(--mute);font-size:12px}
.mcard{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--r);padding:14px;margin:0 0 16px;display:grid;gap:8px}
.mc-h{display:flex;gap:10px;align-items:center}.mc-h svg{color:var(--accent);flex:none}.blist{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13.5px}.blist li{display:flex;gap:6px;align-items:center}.blist svg{color:var(--ok)}
.p{transition:transform .2s,box-shadow .2s}.p:hover{transform:translateY(-3px);box-shadow:var(--sh)}.p .im img{transition:transform .4s}.p:hover .im img{transform:scale(1.05)}
.sec .sh h2{font-size:19px;position:relative;padding-inline-start:12px}.sec .sh h2::before{content:"";position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:var(--accent)}
.tile{transition:transform .2s,box-shadow .2s,background .2s}.tile:hover{transform:translateY(-2px);box-shadow:var(--sh)}
/* فوتر */
footer.ft{padding:34px 0 22px;background:linear-gradient(180deg,var(--secondary),#06090d)}.ftop{display:grid;gap:18px;padding-bottom:18px;border-bottom:1px solid #ffffff1f}.fbrand .logo{color:#fff;margin-bottom:6px}.fbrand p{margin:4px 0 10px;max-width:520px}
.fcontact{display:grid;gap:6px}.fcontact a,.fcontact>span{display:flex;gap:8px;align-items:center;color:#cfd6df}.fcontact svg{color:var(--accent);flex:none}
.fsoc{display:flex;gap:10px;flex-wrap:wrap;align-content:flex-start}.sic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff26;color:#fff;transition:transform .2s,background .2s}.sic:hover{background:var(--accent);transform:translateY(-3px)}
.fcomp{padding:16px 0;border-bottom:1px solid #ffffff1f}.fcomp>b{color:#fff;display:block;margin-bottom:8px}.fpills{display:flex;gap:8px;flex-wrap:wrap}.fpill{display:inline-flex;gap:8px;align-items:center;padding:8px 14px;border-radius:99px;background:#ffffff12;border:1px solid #ffffff26;color:#fff;font-size:13px;min-height:44px;transition:background .2s}.fpill:hover{background:var(--accent)}
.ft .cols{padding:18px 0}.fbot{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px;color:#9aa5b3;font-size:12.5px}.totop{background:#ffffff14;border:1px solid #ffffff26;color:#fff;border-radius:12px;width:44px;height:44px;display:grid;place-items:center}
/* چک‌اوت */
.step h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}.step h3 i{font-style:normal;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:13px}
.opts2{display:grid;gap:8px}.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;min-height:56px;transition:border-color .2s,background .2s}.opt.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--card))}
.opt input{width:22px;min-height:22px;height:22px;margin-top:3px;accent-color:var(--accent);flex:none}.opt b{display:block}.opt small{display:block;color:var(--mute);font-size:12.5px;line-height:1.7}
.note2{display:flex;gap:8px;align-items:flex-start;background:color-mix(in srgb,var(--accent) 8%,var(--card));border:1px dashed var(--accent);border-radius:12px;padding:10px 12px;margin-top:10px;font-size:13.5px}.note2 svg{flex:none;color:var(--accent);margin-top:3px}
.hint{display:block;color:var(--mute);font-size:12px}.f label.w{grid-column:1/-1}
.done{max-width:520px;margin:20px auto;text-align:center;display:grid;gap:12px;justify-items:center}.done-i{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--ok) 16%,var(--card));color:var(--ok);animation:pop .5s}.done-i.bad{background:#FDECEC;color:#B3262E}.done .card{width:100%;text-align:start}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}
@media (min-width:760px){.trust{grid-template-columns:repeat(4,1fr)}.hero2{margin:-14px 0 22px;border-radius:0 0 28px 28px}.hero2-in{padding:64px 24px 54px}.ftop{grid-template-columns:2fr 1fr}.fsoc{justify-content:flex-end}.hero2{margin-inline:calc(50% - 50vw)}}

/* ---- Marketplace: دست‌دوم، کارت فروشنده، پرونده‌ها ---- */
.pill.used{background:color-mix(in srgb,var(--warn,#B7791F) 14%,var(--card));border-color:color-mix(in srgb,var(--warn,#B7791F) 45%,var(--line));color:var(--ink)}
.used-box{border:1px solid color-mix(in srgb,var(--warn,#B7791F) 45%,var(--line));background:color-mix(in srgb,var(--warn,#B7791F) 8%,var(--card));border-radius:12px;padding:10px 12px;margin:10px 0;display:grid;gap:4px}
.used-box small{opacity:.75}
.seller-box{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:10px 12px;margin:10px 0;display:grid;gap:4px}
.warn2{border:1px solid color-mix(in srgb,var(--warn,#B7791F) 45%,var(--line));background:color-mix(in srgb,var(--warn,#B7791F) 8%,var(--card));border-radius:12px;padding:10px 12px;margin:8px 0}
details.mt{margin-top:10px}details.mt summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
details.mt .f{margin-top:8px}

/* عکس‌های آگهی کالای دست‌دوم */
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px}
.photos .ph{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eee;border:2px solid transparent}
.photos .ph.bad{border-color:#b3261e}
.photos .ph img{width:100%;height:100%;object-fit:cover;display:block}
.photos .ph i{position:absolute;top:4px;right:4px;background:#0f6e5c;color:#fff;font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px}
.photos .ph em{position:absolute;inset:auto 0 0 0;background:rgba(0,0,0,.6);color:#fff;font-style:normal;font-size:10.5px;padding:3px 5px;line-height:1.4}
.photos .ph button{position:absolute;top:4px;left:4px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:18px;line-height:1;cursor:pointer}

/* ===== پرداخت کارت‌به‌کارت (۲۰۲۶) ===== */
.cp-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}.cp-head h1{margin:0}
.steps{display:flex;gap:6px;list-style:none;padding:0;margin:10px 0;counter-reset:s}.steps li{flex:1;text-align:center;font-size:12px;color:#8a94a3;position:relative;padding-top:30px}
.steps li b{position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:24px;border-radius:50%;background:#e6e9ee;color:#6b7686;display:grid;place-items:center;font-size:12px}
.steps li.cur{color:var(--accent);font-weight:700}.steps li.cur b{background:var(--accent);color:#fff}.steps li.done b{background:var(--ok);color:#fff}.steps li.done{color:var(--ok)}
.cp-amt{text-align:center}.cp-amt .amt{display:block;width:100%;border:0;background:linear-gradient(135deg,#10151C,#2b3440);color:#fff;border-radius:16px;padding:14px;font:inherit;font-size:28px;font-weight:800;cursor:pointer;margin:6px 0}
.cp-amt .amt small{font-size:14px;font-weight:500;opacity:.85}.cd-row{display:flex;justify-content:center;gap:8px;align-items:center;font-size:13px;margin:4px 0}
.cd{font-variant-numeric:tabular-nums;background:#fdecef;color:var(--accent);border-radius:99px;padding:2px 12px;font-size:15px}.cd.warn{background:#fdecea;color:#b3261e}
.cc{position:relative;border-radius:22px;padding:18px 18px 14px;color:#fff;margin:12px 0 6px;overflow:hidden;min-height:176px;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(145deg,var(--bank,var(--accent)) 0%,color-mix(in srgb,var(--bank,var(--accent)) 55%,#000) 100%);box-shadow:0 12px 30px -12px color-mix(in srgb,var(--bank,var(--accent)) 70%,#000)}
.cc::before{content:"";position:absolute;inset:-40% -20% auto auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 65%)}
.cc-top{display:flex;justify-content:space-between;align-items:center;position:relative}.cc-bank{font-weight:700;font-size:15px}
.cc-chip{width:38px;height:28px;border-radius:6px;background:linear-gradient(135deg,#f6e3a1,#c9a54b);display:inline-block;opacity:.95}
.cc-no{position:relative;background:none;border:0;color:#fff;font:inherit;font-size:22px;letter-spacing:2px;text-align:center;cursor:pointer;padding:12px 0;direction:ltr;font-variant-numeric:tabular-nums}
.cc-bot{display:flex;justify-content:space-between;align-items:flex-end;font-size:13px;position:relative}.cc-hint{opacity:.75;font-size:11px}
.cc-sheba{display:block;width:100%;background:#f3f5f8;border:1px dashed #c3cad4;border-radius:12px;padding:9px;font:inherit;font-size:12px;color:#344054;cursor:pointer;margin-bottom:10px;direction:ltr;overflow-wrap:anywhere}
.wait{text-align:center}.pulse{width:56px;height:56px;border-radius:50%;margin:6px auto 10px;background:radial-gradient(circle,var(--accent) 0 30%,rgba(200,16,46,.22) 31% 60%,transparent 61%);animation:pl 1.6s ease-in-out infinite}
@keyframes pl{0%,100%{transform:scale(.88);opacity:.8}50%{transform:scale(1.08);opacity:1}}@media (prefers-reduced-motion:reduce){.pulse{animation:none}}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;text-align:right;margin:10px 0 0}.kv dt{color:#6b7686;font-size:12.5px}.kv dd{margin:0;font-weight:700}
.big-ico{font-size:44px;text-align:center}.okc,.card.okc{text-align:center}.errc{border:1px solid #f3b9b3;background:#fdf1f0;color:#8a1c14}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.seg{border:0;padding:0;margin:0;display:flex;gap:6px;align-items:flex-end}.seg legend{font-size:13px;margin-bottom:4px;float:none}
.seg label{flex:1;position:relative}.seg input{position:absolute;opacity:0}.seg span{display:block;text-align:center;padding:10px;border:1.5px solid #d4dae3;border-radius:12px;cursor:pointer}.seg input:checked+span{border-color:var(--accent);background:#fdecef;color:var(--accent);font-weight:700}
.rcp{position:relative;display:inline-block}.rcp img{max-width:160px;max-height:160px;border-radius:12px;display:block;margin-top:6px}.rcp button{position:absolute;top:10px;left:4px;width:26px;height:26px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;cursor:pointer}

/* ===== بازار اهدا ===== */
.don-banner{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:14px 0;padding:16px;border-radius:20px;background:linear-gradient(135deg,#10151C,#2b3440);color:#fff}
.don-banner p{margin:4px 0 0;font-size:13px;opacity:.85;max-width:46ch}.don-act{display:flex;gap:8px;flex-wrap:wrap}.don-banner .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.dfil{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:8px;align-items:end}@media(max-width:640px){.dfil{grid-template-columns:1fr 1fr}.dfil input{grid-column:1/-1}}
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}
.dcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .15s}
.dcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(16,21,28,.5)}.dcard img,.dcard .noimg{width:100%;aspect-ratio:1;object-fit:cover;display:grid;place-items:center;font-size:42px;background:#eef1f5}
.dc-b{padding:10px;display:flex;flex-direction:column;gap:3px}.dc-b span{font-size:12px;color:var(--mute)}.dc-b em{font-style:normal;font-size:11.5px;color:var(--ok)}
.rsv{position:absolute;top:8px;inset-inline-start:8px;background:var(--accent);color:#fff;font-style:normal;font-size:11px;padding:2px 9px;border-radius:99px}
.dgal{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:8px 0}.dgal img,.dgal .noimg.big{flex:0 0 86%;max-width:420px;aspect-ratio:1;object-fit:cover;border-radius:18px;scroll-snap-align:center}.dgal .noimg.big{display:grid;place-items:center;font-size:64px;background:#eef1f5}
.dthumb{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#eef1f5;display:grid;place-items:center;font-size:26px}.okbox{background:#e6f4ee;color:#0e5a3a;border-radius:12px;padding:8px 12px;margin-top:6px;font-size:13px}.dq{background:#f7f9fb}

.svc-banner{background:linear-gradient(135deg,#10151C,#1d2a3a)}.svc-banner b,.svc-banner p{color:#fff}.dcard em{font-style:normal;color:var(--accent);font-weight:700}
@media(min-width:860px){.dgal img,.dgal .noimg.big{max-width:360px}}
.auc-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.auc-price{font-size:26px;font-weight:800;color:var(--accent)}.auc-clock{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
#app:focus,#app:focus-visible,main:focus{outline:none}