/* SnapOrder — liquid-glass site (approved look: 2026-11-04) */
:root{
  --bg:#EEF3F0;--text:#1C1E1B;--muted:#6B6D68;--accent:#3F9D78;--accent-2:#4fb08a;--accent-soft:rgba(63,157,120,.12);
  --danger:#E0574F;--warn:#D98A1F;--tg:#1E96C8;--tg-2:#37AEE2;
  --glass:rgba(255,255,255,.42);--glass-strong:rgba(255,255,255,.6);--glass-row:rgba(255,255,255,.55);--rim:rgba(255,255,255,.75);
  --gshadow:0 10px 30px -12px rgba(30,40,35,.28);--line:rgba(0,0,0,.06);
  --blur:blur(22px) saturate(180%);
  --sheet:rgba(255,255,255,.66);--scrim:rgba(20,30,25,.28);
  color-scheme:light;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;font-size:15px;line-height:1.7;direction:rtl;overflow-x:hidden;min-height:100vh}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%}
input,textarea{font:inherit;color:var(--text)}
h1,h2,h3{margin:0;line-height:1.4;text-wrap:balance}
p{margin:0}
.num{direction:ltr;unicode-bidi:isolate;display:inline-block;font-feature-settings:"tnum"}
.app{max-width:520px;margin:0 auto;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:100vh;display:flex;flex-direction:column}
.px{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.wm{font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;direction:ltr;letter-spacing:-.2px;line-height:1;color:var(--text)}
.wm span{color:var(--accent)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ---------- background blobs ---------- */
.bgfx{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.bgfx i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.75;animation:drift 22s ease-in-out infinite alternate}
.bgfx i:nth-child(1){width:340px;height:340px;background:#5BC79D;top:-80px;right:-90px}
.bgfx i:nth-child(2){width:300px;height:300px;background:#A78BFA;top:260px;left:-120px;animation-delay:-6s}
.bgfx i:nth-child(3){width:280px;height:280px;background:#FCD34D;top:62vh;right:-80px;opacity:.55;animation-delay:-11s}
.bgfx i:nth-child(4){width:320px;height:320px;background:#60A5FA;top:110vh;left:-60px;opacity:.5;animation-delay:-3s}
@keyframes drift{to{transform:translate(40px,60px) scale(1.15)}}

/* ---------- glass primitives ---------- */
.gl{background:var(--glass);border:1px solid var(--rim);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.4),var(--gshadow)}
.card{border-radius:22px;padding:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 18px;border-radius:18px;border:0;font-weight:900;font-size:15px;white-space:nowrap;transition:transform .15s,filter .2s}
.btn:active{transform:scale(.97)}
.btn svg{width:20px;height:20px;flex:none}
.btn.pri{color:#fff;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 24px -12px var(--accent)}
.btn.tg{color:#fff;background:linear-gradient(135deg,var(--tg-2),var(--tg));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 22px -12px var(--tg)}
.btn.ghost{background:var(--glass-row);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff;font-weight:800}
.btn.danger{color:var(--danger);background:var(--glass-row);border:1px solid var(--rim);font-weight:800}
.btn.block{width:100%}
.btn[disabled]{filter:grayscale(.6);opacity:.55;pointer-events:none}
.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:800;padding:2px 10px;border-radius:99px;background:rgba(255,255,255,.65);border:1px solid var(--rim);white-space:nowrap}
.chip.ok{color:#1d7a52;background:rgba(47,158,92,.12);border-color:rgba(47,158,92,.25)}
.chip.wait{color:#9a5b05;background:rgba(255,159,10,.14);border-color:rgba(255,159,10,.3)}
.chip.no{color:#b3352e;background:rgba(224,87,79,.12);border-color:rgba(224,87,79,.25)}

/* ---------- header ---------- */
.top{position:sticky;top:0;z-index:20;padding-top:env(safe-area-inset-top,0px);padding-bottom:6px;background:transparent;border-bottom:1px solid transparent;transition:background .25s,border-color .25s}
.top.sc{background:rgba(240,245,242,.55);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom-color:rgba(255,255,255,.7)}
.top .row{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;align-items:center;height:64px}
.ib{width:48px;height:48px;border-radius:99px;display:grid;place-items:center;position:relative;border:1px solid var(--rim);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--gshadow);padding:0}
.ib svg{width:21px;height:21px}
.ib .dot{position:absolute;top:11px;left:12px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid #fff}
.brand{position:relative;overflow:hidden;height:48px;border-radius:99px;display:flex;align-items:center;justify-content:center;border:1px solid var(--rim);background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--gshadow);transition:background .3s,box-shadow .3s,border-color .3s}
.brand .bw{transition:opacity .25s,transform .3s}
.brand .bw .wm{font-size:22px}
.brand .blogo{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;transition:opacity .25s}
.sbtn,.sx{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:99px;display:grid;place-items:center;padding:0;color:var(--text);background:rgba(255,255,255,.35);border:1px solid var(--rim);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 #fff,0 2px 8px -4px rgba(0,0,0,.2);transition:all .3s}
.sbtn{right:6px}.sx{left:6px;opacity:0;pointer-events:none}
.sbtn svg,.sx svg{width:18px;height:18px}
.sin{position:absolute;inset:0;border:0;outline:0;background:transparent;font-size:12px;padding:0 48px 0 46px;opacity:0;pointer-events:none;transition:opacity .25s;width:100%}
.sin::placeholder{color:var(--muted)}
.brand.on{border-color:color-mix(in srgb,var(--accent) 45%,#fff);box-shadow:inset 0 1px 0 #fff,0 0 0 4px rgba(63,157,120,.14),var(--gshadow)}
.brand.on .bw{opacity:0;transform:scale(.9);pointer-events:none}
.brand.on .blogo{opacity:0}
.brand.on .sin,.brand.on .sx{opacity:1;pointer-events:auto}
.brand.on .sbtn{background:var(--accent);color:#fff}
.top .row.srch .bell{display:none}
.top .row.srch .brand{grid-column:2 / 4}

/* ---------- page shell ---------- */
main{flex:1}
.page{animation:pin .38s cubic-bezier(.2,.9,.3,1)}
@keyframes pin{from{opacity:0;transform:translateY(10px)}}
.phead{display:flex;align-items:center;gap:10px;margin:16px 0 12px}
.phead .back{width:42px;height:42px;flex:none}
.phead h1{font-size:19px;font-weight:900}
.phead small{display:block;font-size:12px;color:var(--muted);font-weight:500}

/* section head */
.sh{display:flex;align-items:center;gap:10px;margin:26px 0 12px}
.sh .ic{width:38px;height:38px;border-radius:14px;color:var(--accent);display:grid;place-items:center;flex:none}
.sh .ic svg{width:20px;height:20px}
.sh h2{font-size:17px;font-weight:800;line-height:1.3}
.sh .more{margin-inline-start:auto;font-size:12.5px;font-weight:700;color:var(--accent);padding:4px 12px;border-radius:99px}

/* ---------- slider ---------- */
.slider{position:relative;margin-top:10px}
.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-inline:16px;scroll-padding-inline:16px}
.track::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:center;height:188px;border-radius:24px;position:relative;overflow:hidden;color:var(--text);isolation:isolate;border:1px solid color-mix(in srgb,var(--c) 32%,#fff);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 26px -18px color-mix(in srgb,var(--c) 80%,transparent)}
.slide .glow{position:absolute;border-radius:50%;filter:blur(30px);opacity:.7;z-index:-1}
.slide .grid{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.slide .txt{position:absolute;inset-block:22px;inset-inline-start:20px;width:58%;display:flex;flex-direction:column;gap:6px}
.slide .tag{align-self:flex-start;font-size:11px;font-weight:700;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.25);padding:2px 10px;border-radius:99px}
.slide h3{font-size:19px;font-weight:900}
.slide p{font-size:12.5px;opacity:.9;line-height:1.6}
.slide .go{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:11px;font-size:12.5px;font-weight:800;color:#fff;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.slide .art{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);width:42%;height:150px}
.slide .art img{position:absolute;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))}
.float{animation:fl 4.5s ease-in-out infinite}.float.d2{animation-delay:-1.5s}.float.d3{animation-delay:-3s}
@keyframes fl{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-8px) rotate(var(--r,0deg))}}
.slide.s1{--c:#8A3FFC}.slide.s2{--c:#1F8A68}.slide.s3{--c:#2D4BA0}.slide.s4{--c:#E5702A}
.slide{background:linear-gradient(170deg,color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.55)) 0%,rgba(255,255,255,.5) 75%)}
.slide .grid{opacity:.06;background-image:linear-gradient(#000 1px,transparent 1px),linear-gradient(90deg,#000 1px,transparent 1px)}
.slide .glow{opacity:.35}
.slide h3{color:color-mix(in srgb,var(--c) 70%,#111)}
.slide p{color:var(--muted);opacity:1}
.slide .tag{color:color-mix(in srgb,var(--c) 75%,#111);background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.6));border-color:color-mix(in srgb,var(--c) 30%,#fff)}
.slide .go{color:#fff;background:var(--c);border-color:color-mix(in srgb,var(--c) 60%,#fff);box-shadow:0 8px 16px -8px var(--c),inset 0 1px 0 rgba(255,255,255,.4)}
.dots{display:flex;justify-content:center;gap:6px;width:max-content;margin:12px auto 0;padding:6px 10px;border-radius:99px}
.dots i{position:relative;overflow:hidden;width:7px;height:7px;border-radius:99px;background:rgba(28,30,27,.22);transition:width .35s,background .35s}
.dots i.on{width:28px;background:color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.6))}
.dots i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--accent);transform-origin:right center;transform:scaleX(var(--p,0))}
.dots i:not(.on)::after{transform:scaleX(0)}

/* ---------- moving offer cards ---------- */
.marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.belt{display:flex;gap:0;width:max-content;animation:belt 34s linear infinite;padding-block:4px 14px}
.marq.hold .belt{animation-play-state:paused}
@media (hover:hover) and (pointer:fine){.marq:hover .belt{animation-play-state:paused}}
@keyframes belt{from{transform:translateX(0)}to{transform:translateX(50%)}}
.pc3{--c:#3F9D78;width:calc((min(100vw,520px) - 32px - 20px) / 3);flex:none;height:168px;border-radius:20px;position:relative;overflow:hidden;cursor:pointer;transition:transform .18s;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 8px 10px;
  background:linear-gradient(170deg,color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.55)) 0%,rgba(255,255,255,.5) 75%);
  border:1px solid color-mix(in srgb,var(--c) 32%,#fff);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 26px -18px color-mix(in srgb,var(--c) 80%,transparent)}
.pc3::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;left:50%;top:-30px;transform:translateX(-50%);background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%)}
.pc3>*{position:relative;z-index:1}
.pc3:active,.pc3.press{transform:scale(.94)}
.pc3 img{width:52px;height:52px;filter:drop-shadow(0 8px 10px color-mix(in srgb,var(--c) 45%,transparent))}
.pc3 b{font-size:13px;font-weight:900;line-height:1.35;margin-top:4px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pc3 .sub{font-size:10.5px;color:var(--muted);line-height:1.4;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pc3 .pl{margin-top:auto;display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:800;padding:3px 9px 3px 7px;border-radius:99px;white-space:nowrap;color:color-mix(in srgb,var(--c) 80%,#000);background:rgba(255,255,255,.7);border:1px solid color-mix(in srgb,var(--c) 35%,#fff);box-shadow:inset 0 1px 0 #fff}
.pc3 .pl svg{width:11px;height:11px}

/* ---------- rates ---------- */
.rates .g{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.rt{display:flex;align-items:center;gap:8px;padding:10px;border-radius:16px;background:var(--glass-row);border:1px solid rgba(255,255,255,.8);min-width:0}
.rt img{width:34px;height:34px;flex:none}
.rt b{display:block;font-size:12.5px;font-weight:700;line-height:1.3}
.rt small{display:block;font-size:10.5px;color:var(--muted);line-height:1.3}
.rt .v{margin-inline-start:auto;text-align:left;font-weight:900;font-size:14px}
.rt .v small{font-weight:500;text-align:left}
.rt b,.rt small{white-space:nowrap}
.rt.lg{gap:6px;padding-inline:7px}.rt.lg img{width:30px;height:30px}.rt.lg .v{font-size:12px;letter-spacing:-.2px}
.rates .ft{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--muted)}
.rates .ft a{font-weight:800;color:var(--accent)}
.live{display:inline-flex;align-items:center;gap:6px}
.live i{width:7px;height:7px;border-radius:50%;background:#2F9E5C;box-shadow:0 0 0 3px #2F9E5C33;animation:pulse 2s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 6px #2F9E5C11}}

/* ---------- categories + square grid ---------- */
.cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 16px 4px;margin-inline:-16px}
.cats::-webkit-scrollbar{display:none}
.cat{flex:none;height:36px;padding:0 14px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid var(--rim);background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 #fff}
.cat img{width:22px;height:22px;margin-inline-start:-6px}
.cat.on{background:var(--text);color:#fff;border-color:var(--text)}
.all{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.sq{--c:#3F9D78;aspect-ratio:1/1;max-width:100%;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;text-align:center;transition:transform .2s;
  background:var(--glass);border:1px solid var(--rim);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),var(--gshadow)}
.sq:active{transform:scale(.96)}
.sq .ico{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--c) 30%,#fff);box-shadow:inset 0 1px 0 #fff}
.sq img{width:40px;height:40px}
.sq b{font-size:12.5px;font-weight:700;line-height:1.35}
.sq.hide{display:none}

/* ---------- list rows (sections, menus) ---------- */
.list{display:grid;gap:8px}
.row-i{--c:#3F9D78;display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;background:var(--glass);border:1px solid var(--rim);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px -14px rgba(30,40,35,.3);transition:transform .15s;width:100%;text-align:start}
.row-i:active{transform:scale(.98)}
.row-i .ri{width:46px;height:46px;border-radius:15px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--c) 28%,#fff)}
.row-i .ri img{width:34px;height:34px}
.row-i .ri svg{width:22px;height:22px;color:var(--c)}
.row-i b{display:block;font-size:14.5px;font-weight:800;line-height:1.4}
.row-i small{display:block;font-size:12px;color:var(--muted);line-height:1.5}
.row-i .chev{margin-inline-start:auto;width:18px;height:18px;flex:none;color:var(--muted)}
.row-i .ext{margin-inline-start:auto;flex:none}
.row-i>div{min-width:0}

/* section hero */
.hero{--c:#3F9D78;position:relative;overflow:hidden;border-radius:26px;padding:18px;display:flex;align-items:center;gap:14px;margin-top:4px;
  background:linear-gradient(150deg,color-mix(in srgb,var(--c) 26%,rgba(255,255,255,.55)) 0%,rgba(255,255,255,.5) 70%);border:1px solid color-mix(in srgb,var(--c) 30%,#fff);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 #fff,0 18px 34px -22px color-mix(in srgb,var(--c) 80%,transparent)}
.hero::after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;left:-50px;top:-80px;background:radial-gradient(circle,color-mix(in srgb,var(--c) 30%,transparent),transparent 70%);pointer-events:none}
.hero>*{position:relative;z-index:1}
.hero img{width:72px;height:72px;flex:none;filter:drop-shadow(0 10px 14px color-mix(in srgb,var(--c) 45%,transparent));animation:heroin .6s cubic-bezier(.2,1.5,.4,1)}
@keyframes heroin{from{transform:scale(.5) rotate(-15deg);opacity:0}}
.hero h1{font-size:21px;font-weight:900}
.hero p{font-size:12.5px;color:var(--muted)}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;font-size:12.5px;color:var(--muted);min-width:0;line-height:1.6}
.crumb span{opacity:.6}
.phead.nh{margin:14px 0 12px}
.crumb a{font-weight:700;color:var(--accent)}

/* ---------- plans ---------- */
.pls{display:grid;gap:8px}
.plr{--c:#3F9D78;display:flex;align-items:center;gap:10px;padding:12px;border-radius:18px;cursor:pointer;background:var(--glass-row);border:1.5px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 #fff;transition:border-color .2s,background .2s,transform .15s;width:100%;text-align:start}
.plr:active{transform:scale(.985)}
.plr .rd{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.2);flex:none;transition:all .2s}
.plr b{display:block;font-size:14px;font-weight:800;line-height:1.35}
.plr small{display:block;font-size:11px;color:var(--muted)}
.plr .pr{margin-inline-start:auto;text-align:left;font-weight:900;font-size:14.5px;white-space:nowrap}
.plr .pr small{display:inline;font-size:10.5px;font-weight:700;margin-inline-start:3px}
.plr.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,rgba(255,255,255,.7))}
.plr.on .rd{border-color:var(--c);background:var(--c);box-shadow:inset 0 0 0 3px #fff}
.anim-in>*{animation:rin .5s cubic-bezier(.2,1.3,.4,1) both}
.anim-in>*:nth-child(2){animation-delay:.05s}.anim-in>*:nth-child(3){animation-delay:.1s}.anim-in>*:nth-child(4){animation-delay:.15s}.anim-in>*:nth-child(5){animation-delay:.2s}.anim-in>*:nth-child(6){animation-delay:.25s}.anim-in>*:nth-child(n+7){animation-delay:.3s}
@keyframes rin{from{opacity:0;transform:translateY(14px)}}
.actbar{display:grid;gap:8px;margin-top:14px}
.note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:10px;display:flex;gap:6px}
.note svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--accent)}

/* ---------- amount calculator ---------- */
.calc .lbl{font-size:13px;font-weight:800;margin-bottom:8px;display:block}
.field{display:flex;align-items:center;gap:8px;height:58px;padding:0 14px;border-radius:18px;background:rgba(255,255,255,.7);border:1.5px solid var(--rim);box-shadow:inset 0 1px 0 #fff;transition:border-color .2s,box-shadow .2s}
.field:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,#fff);box-shadow:0 0 0 4px rgba(63,157,120,.14)}
.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:20px;font-weight:800;direction:ltr;text-align:left}
.field input::placeholder{color:#b7b9b4;font-weight:600}
.field .u{font-weight:900;font-size:14px;color:var(--muted);flex:none}
.field.err{border-color:var(--danger)}
.qk{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.qk button{height:32px;padding:0 12px;border-radius:99px;border:1px solid var(--rim);background:var(--glass-row);font-weight:800;font-size:12.5px;box-shadow:inset 0 1px 0 #fff}
.seg{display:flex;padding:4px;border-radius:14px;background:rgba(0,0,0,.05);margin-bottom:12px}
.seg button{flex:1;height:36px;border:0;border-radius:11px;background:transparent;font-weight:800;font-size:13px;color:var(--muted)}
.seg button.on{background:#fff;color:var(--text);box-shadow:0 2px 8px -3px rgba(0,0,0,.2)}
.est{margin-top:14px;padding:14px;border-radius:18px;background:color-mix(in srgb,var(--accent) 9%,rgba(255,255,255,.65));border:1px solid color-mix(in srgb,var(--accent) 25%,#fff)}
.est .k{font-size:12px;color:var(--muted)}
.est .v{font-size:24px;font-weight:900;line-height:1.4}
.est .v small{font-size:13px;font-weight:700;margin-inline-start:4px}
.est .r{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:6px;padding-top:6px;border-top:1px dashed rgba(0,0,0,.1)}
.errm{color:var(--danger);font-size:12px;font-weight:700;margin-top:6px;min-height:1px}

/* ---------- tables (rates page, order) ---------- */
.tbl{width:100%;border-collapse:separate;border-spacing:0 6px}
.tbl td{padding:10px 12px;background:var(--glass-row);font-size:13.5px}
.tbl td:first-child{border-radius:0 14px 14px 0}
.tbl td:last-child{border-radius:14px 0 0 14px;text-align:left;font-weight:900}
.tbl .cn{display:flex;align-items:center;gap:8px;font-weight:700}
.tbl .cn img{width:28px;height:28px}
.kv{display:grid;gap:0}
.kv>div{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px solid var(--line);font-size:13.5px}
.kv>div:last-child{border-bottom:0}
.kv span{color:var(--muted)}
.kv b{font-weight:800;text-align:left}

/* ---------- cart ---------- */
.ci-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px}
.ci-row .ri{width:48px;height:48px;border-radius:15px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--c,#3F9D78) 14%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--c,#3F9D78) 28%,#fff)}
.ci-row .ri img{width:36px;height:36px}
.ci-row b{display:block;font-size:14px;font-weight:800;line-height:1.4}
.ci-row small{display:block;font-size:12px;color:var(--muted)}
.ci-row .pr{font-weight:900;font-size:14px;white-space:nowrap}
.ci-row .pr small{display:inline;font-size:11px;font-weight:700;margin-inline-start:3px}
.ci-row .rm{width:34px;height:34px;border-radius:99px;border:1px solid var(--rim);background:rgba(255,255,255,.5);display:grid;place-items:center;flex:none;color:var(--danger);padding:0}
.ci-row .rm svg{width:16px;height:16px}
.ci-row>div{min-width:0;flex:1}
.ci-row.out{animation:out .35s forwards}
@keyframes out{to{opacity:0;transform:translateX(-40px);height:0;padding-block:0;margin:0}}
.sum{display:flex;justify-content:space-between;align-items:center;font-weight:900;font-size:16px;margin-top:4px}
.sum .num{font-size:20px}
.empty{text-align:center;padding:34px 16px}
.empty .eic{width:84px;height:84px;margin:0 auto 12px;border-radius:28px;display:grid;place-items:center;color:var(--accent)}
.empty .eic svg{width:40px;height:40px}
.empty h3{font-size:16px;font-weight:900}
.empty p{font-size:13px;color:var(--muted);margin:4px 0 16px}
.pay{display:grid;gap:8px}
.inp{width:100%;height:50px;border-radius:16px;border:1.5px solid var(--rim);background:rgba(255,255,255,.7);padding:0 14px;outline:0;box-shadow:inset 0 1px 0 #fff;font-size:14px}
.inp:focus{border-color:color-mix(in srgb,var(--accent) 60%,#fff);box-shadow:0 0 0 4px rgba(63,157,120,.14)}
.inp.ltr{direction:ltr;text-align:left}
.lbl2{display:block;font-size:12.5px;font-weight:800;margin:10px 2px 6px}

/* steps / timeline */
.steps{display:grid;gap:0;margin-top:6px}
.st{display:flex;gap:12px;position:relative;padding-bottom:16px}
.st:last-child{padding-bottom:0}
.st::before{content:"";position:absolute;right:13px;top:28px;bottom:0;width:2px;background:rgba(0,0,0,.08)}
.st:last-child::before{display:none}
.st i{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.7);border:2px solid rgba(0,0,0,.1);font-style:normal;font-size:12px;font-weight:900;color:var(--muted)}
.st.done i{background:var(--accent);border-color:var(--accent);color:#fff}
.st.cur i{border-color:#ff9f0a;color:#9a5b05;background:#fff6e5}
.st b{display:block;font-size:13.5px;font-weight:800}
.st small{display:block;font-size:11.5px;color:var(--muted)}

/* ---------- account ---------- */
.prof{display:flex;align-items:center;gap:12px}
.av{width:58px;height:58px;border-radius:20px;flex:none;display:grid;place-items:center;font-weight:900;font-size:22px;color:#fff;background:linear-gradient(135deg,#5BC79D,#3F9D78);box-shadow:0 10px 20px -10px var(--accent)}
.prof b{display:block;font-size:16px;font-weight:900}
.prof small{display:block;font-size:12px;color:var(--muted);direction:ltr;text-align:right}
.bal{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:14px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#2c8a66,#4fb08a);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 26px -16px var(--accent)}
.bal small{display:block;font-size:12px;opacity:.85}
.bal b{font-size:22px;font-weight:900}
.bal a{height:38px;padding:0 14px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:13px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5)}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.tile{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:20px}
.tile .ti{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--c,var(--accent));background:color-mix(in srgb,var(--c,#3F9D78) 14%,rgba(255,255,255,.6))}
.tile .ti svg{width:22px;height:22px}
.tile b{font-size:14px;font-weight:800}
.tile small{font-size:11.5px;color:var(--muted);margin-top:-6px}

/* ---------- FAQ ---------- */
.faq details{border-radius:18px;overflow:hidden;margin-bottom:8px}
.faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px;font-weight:800;font-size:14px;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{width:18px;height:18px;flex:none;transition:transform .3s;color:var(--muted)}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq details p{padding:0 14px 14px;font-size:13.5px;color:#454742;line-height:1.9}
.prose h2{font-size:15px;font-weight:900;margin:16px 0 6px}
.prose p,.prose li{font-size:13.5px;line-height:2;color:#3b3d39}
.prose ul{margin:0;padding-inline-start:18px}

/* ---------- footer ---------- */
.ff{margin-top:28px;border-radius:26px;padding:18px 14px 12px}
.fbr{display:flex;align-items:center;justify-content:center;gap:8px}
.fbr img{width:34px;height:34px}
.fbr .wm{font-size:21px}
.flk{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.flk a{padding:10px 12px;border-radius:14px;font-size:13px;font-weight:700;background:var(--glass-row);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff}
.fsoc{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}
.fsoc a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 0 10px;border-radius:16px;font-size:12.5px;font-weight:700;color:var(--muted);background:rgba(255,255,255,.5);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff}
.fsoc svg{width:25px;height:25px;color:var(--accent)}
.fcp{text-align:center;font-size:11.5px;color:var(--muted);margin-top:14px;padding-top:10px;border-top:1px solid var(--line)}

/* ---------- floating cart ---------- */
.fcart{position:fixed;z-index:30;left:50%;transform:translateX(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));width:min(calc(100% - 32px),488px);height:62px;border-radius:22px;display:flex;align-items:center;gap:12px;padding:0 10px;
  background:rgba(255,255,255,.5);border:1px solid var(--rim);-webkit-backdrop-filter:blur(26px) saturate(200%);backdrop-filter:blur(26px) saturate(200%);box-shadow:inset 0 1px 0 #fff,0 18px 36px -14px rgba(20,30,25,.4);animation:pop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes pop{from{transform:translate(-50%,40px);opacity:0}}
.fcart .ci{position:relative;width:44px;height:44px;border-radius:15px;background:var(--accent);color:#fff;display:grid;place-items:center;box-shadow:0 8px 16px -8px var(--accent)}
.fcart .ci svg{width:22px;height:22px}
.fcart .ci i{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;border-radius:99px;background:var(--danger);color:#fff;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;border:2px solid #fff;padding:0 4px}
.fcart .ct b{display:block;font-size:14px;font-weight:800;line-height:1.3}
.fcart .ct small{display:block;font-size:12px;color:var(--muted)}
.fcart .go{margin-inline-start:auto;height:42px;padding:0 16px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:13.5px;color:#fff;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.fcart.bump .ci{animation:bump .5s cubic-bezier(.2,1.6,.4,1)}
@keyframes bump{40%{transform:scale(1.25)}}

/* ---------- overlays: scrim, sheet, drawer, panel ---------- */
.scrim{position:fixed;inset:0;z-index:40;background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity .35s}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{--c:#3F9D78;position:fixed;z-index:41;left:50%;bottom:0;width:min(100%,520px);max-height:88vh;overflow-y:auto;transform:translate(-50%,105%);transition:transform .55s cubic-bezier(.22,1.18,.36,1);visibility:hidden;
  border-radius:30px 30px 0 0;padding:10px max(16px,env(safe-area-inset-left,0px)) calc(18px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,rgba(255,255,255,.72)) 0%,var(--sheet) 38%);border:1px solid var(--rim);border-bottom:0;
  -webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);box-shadow:inset 0 1px 0 #fff,0 -20px 50px -20px rgba(20,30,25,.45)}
.sheet.on{transform:translate(-50%,0);visibility:visible}
.sheet .hd{width:42px;height:5px;border-radius:9px;background:rgba(0,0,0,.16);margin:0 auto 12px}
.sheet .stp{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.sheet .ti{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;flex:none;background:rgba(255,255,255,.6);border:1px solid color-mix(in srgb,var(--c) 30%,#fff);box-shadow:inset 0 1px 0 #fff,0 10px 20px -12px var(--c)}
.sheet .ti img{width:42px;height:42px;transform:scale(.4) rotate(-20deg);opacity:0;transition:all .6s cubic-bezier(.2,1.5,.4,1) .15s}
.sheet.on .ti img{transform:none;opacity:1}
.sheet h3{font-size:17px;font-weight:900}
.sheet .stp small{display:block;font-size:12px;color:var(--muted)}
.xb{margin-inline-start:auto;width:36px;height:36px;border-radius:99px;border:1px solid var(--rim);background:rgba(255,255,255,.5);display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff;padding:0;flex:none}
.xb svg{width:16px;height:16px}
.sheet .pls>*{opacity:0;transform:translateY(16px);transition:opacity .4s,transform .5s cubic-bezier(.2,1.3,.4,1),border-color .2s,background .2s}
.sheet.on .pls>*{opacity:1;transform:none}

.drawer{position:fixed;z-index:42;top:0;bottom:0;right:0;width:min(86vw,360px);transform:translateX(105%);transition:transform .45s cubic-bezier(.22,1.1,.36,1);visibility:hidden;overflow-y:auto;
  padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px));border-radius:28px 0 0 28px;
  background:rgba(255,255,255,.66);border-left:1px solid var(--rim);-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);box-shadow:-20px 0 50px -20px rgba(20,30,25,.45)}
.drawer.on{transform:none;visibility:visible}
.drawer .dh{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.drawer .dh img{width:36px;height:36px}
.drawer .dh .wm{font-size:20px}
.dacc{display:flex;align-items:center;gap:10px;padding:12px;border-radius:20px;margin-bottom:12px}
.dacc .av{width:44px;height:44px;border-radius:15px;font-size:17px}
.dacc b{display:block;font-size:14px;font-weight:900}
.dacc small{display:block;font-size:11.5px;color:var(--muted)}
.dnav{display:grid;gap:2px}
.dnav a,.dnav button{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:14px;font-weight:700;font-size:14px;border:0;background:transparent;width:100%;text-align:start}
.dnav a:active,.dnav button:active,.dnav a.on{background:var(--accent-soft);color:var(--accent)}
.dnav svg{width:21px;height:21px;color:var(--accent);flex:none}
.dnav .cnt{margin-inline-start:auto;font-size:11px;font-weight:800;background:var(--danger);color:#fff;border-radius:99px;padding:0 7px}
.dsep{height:1px;background:var(--line);margin:8px 6px}
.dsub{display:grid;gap:2px;padding-inline-start:30px;overflow:hidden;max-height:0;transition:max-height .35s}
.dsub.on{max-height:520px}
.dsub a{font-size:13px;font-weight:600;padding:8px 10px}
.dsub a img{width:24px;height:24px}
.dnav .chev2{margin-inline-start:auto;width:16px;height:16px;color:var(--muted);transition:transform .3s}
.dnav .op .chev2{transform:rotate(180deg)}

.panel{position:fixed;z-index:42;top:calc(70px + env(safe-area-inset-top,0px));left:50%;width:min(calc(100% - 32px),488px);transform:translate(-50%,-12px) scale(.97);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.2,1.2,.4,1);
  border-radius:24px;padding:14px;max-height:70vh;overflow-y:auto;background:rgba(255,255,255,.7);border:1px solid var(--rim);-webkit-backdrop-filter:blur(30px) saturate(200%);backdrop-filter:blur(30px) saturate(200%);box-shadow:inset 0 1px 0 #fff,0 24px 50px -20px rgba(20,30,25,.45)}
.panel.on{transform:translate(-50%,0) scale(1);opacity:1;pointer-events:auto}
.panel h3{font-size:15px;font-weight:900;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.nt{display:flex;gap:10px;padding:10px;border-radius:16px;background:var(--glass-row);margin-top:6px}
.nt .ni{width:36px;height:36px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.nt .ni svg{width:19px;height:19px}
.nt b{display:block;font-size:13px;font-weight:800;line-height:1.5}
.nt small{display:block;font-size:11.5px;color:var(--muted)}

/* search results */
.sres{position:fixed;z-index:19;top:calc(70px + env(safe-area-inset-top,0px));left:50%;width:min(100%,520px);transform:translateX(-50%);bottom:0;overflow-y:auto;padding:10px 16px 120px;
  background:rgba(238,243,240,.72);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);opacity:0;pointer-events:none;transition:opacity .25s}
.sres.on{opacity:1;pointer-events:auto}
.sres .hint{font-size:12.5px;color:var(--muted);margin:6px 2px 10px}
.sres mark{background:rgba(63,157,120,.18);color:inherit;border-radius:4px;padding:0 2px}
.sres .pops{display:flex;flex-wrap:wrap;gap:6px}

/* toast */
.toast{--tc:#2FA36B;position:fixed;z-index:60;left:50%;bottom:calc(92px + env(safe-area-inset-bottom,0px));transform:translate(-50%,24px) scale(.96);opacity:0;pointer-events:none;transition:opacity .3s,transform .45s cubic-bezier(.2,1.4,.4,1);
  display:flex;align-items:center;gap:10px;padding:7px 18px 7px 7px;border-radius:99px;font-size:13.5px;font-weight:800;max-width:calc(100% - 32px);white-space:nowrap;overflow:hidden;color:var(--text);
  background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);border:1px solid rgba(255,255,255,.95);
  box-shadow:inset 0 1px 0 #fff,0 16px 34px -14px rgba(20,40,30,.4)}
.toast.on{opacity:1;transform:translate(-50%,0) scale(1)}
.toast .tic{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:var(--tc);box-shadow:0 6px 14px -6px var(--tc)}
.toast .tic svg{width:17px;height:17px}
.toast .tx{overflow:hidden;text-overflow:ellipsis}
.toast .tbar{position:absolute;bottom:0;right:0;height:3px;width:100%;background:color-mix(in srgb,var(--tc) 55%,transparent);transform-origin:right center;transform:scaleX(1)}
.toast.on .tbar{animation:tbar var(--d,2400ms) linear forwards}
@keyframes tbar{to{transform:scaleX(0)}}
.toast.t-warn{--tc:#B8791F}.toast.t-err{--tc:#D9473F}.toast.t-info{--tc:#2563EB}.toast.t-load{--tc:#2563EB}
.toast.t-load .tic svg{animation:sp 1s linear infinite}

/* login */
.login{text-align:center;padding:26px 18px}
.login .lg{width:96px;height:96px;margin:0 auto 14px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,var(--tg-2),var(--tg));color:#fff;box-shadow:0 18px 34px -14px var(--tg)}
.login .lg svg{width:52px;height:52px}
.login h1{font-size:20px;font-weight:900}
.login p{font-size:13.5px;color:var(--muted);margin:6px 0 18px}
.wait{display:flex;align-items:center;justify-content:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--muted);margin-top:14px}
.spin{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(0,0,0,.12);border-top-color:var(--accent);animation:sp 0.8s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.okbig{width:96px;height:96px;margin:6px auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#5BC79D,#3F9D78);color:#fff;box-shadow:0 18px 34px -14px var(--accent);animation:heroin .6s cubic-bezier(.2,1.5,.4,1)}
.okbig svg{width:50px;height:50px}
.code{font-family:'Space Grotesk',monospace;font-weight:700;letter-spacing:.5px;direction:ltr;display:inline-block}
.copy{border:0;background:var(--accent-soft);color:var(--accent);font-weight:800;font-size:12px;border-radius:99px;padding:3px 10px;margin-inline-start:6px}

@media (min-width:600px){.all{grid-template-columns:repeat(4,minmax(0,1fr))}.slide{height:220px}.pc3{width:150px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.belt{animation:none!important}}

body.hascart .app{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}

/* login + round Telegram avatar (owner, 5 Nov) */
.av{border-radius:50%!important;position:relative;overflow:hidden}
.av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:1}
.av i{font-style:normal}
.btn.dis{opacity:.6;pointer-events:none}
.relink{display:block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--tg)}
.tgw .or{display:flex;align-items:center;gap:10px;margin:14px 0 14px;font-size:12px;color:var(--muted)}
.tgw .or::before,.tgw .or::after{content:"";flex:1;height:1px;background:var(--line)}
.tgw #tgw{display:flex;justify-content:center;min-height:42px}
.btn.ghost.lgb{color:var(--tg)}
.btn.ghost.lgb svg{color:var(--tg)}

/* quick order: sheet + inline (owner, 5 Nov) */
.sheet .qbody .card{box-shadow:none;background:rgba(255,255,255,.45)}
.sheet .qbody .actbar{margin-top:12px}
.acc{overflow:hidden;height:0;transition:height .38s cubic-bezier(.2,.9,.3,1)}
.acc-in{padding:2px 0 12px}
.acc .card{border-color:color-mix(in srgb,var(--c) 30%,#fff)}
.row-i.opn{border-color:color-mix(in srgb,var(--c) 45%,#fff);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 14%,transparent)}
.row-i.opn .chev{transform:rotate(-90deg)}
.row-i .chev{transition:transform .3s}

/* step-by-step order card (owner, 5 Nov) */
.wiz{--c:#3F9D78;padding:14px}
.wsteps{display:flex;align-items:center;gap:6px;padding:4px 2px 14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.ws{display:flex;align-items:center;gap:7px;background:none;border:0;padding:0;font:inherit;color:var(--muted);cursor:default;flex:none}
.ws .wn{position:relative;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.05);border:1px solid var(--rim);transition:all .35s}
.ws .wn b{font-weight:900;font-size:14px;transition:opacity .2s}
.ws .wn svg{position:absolute;width:16px;height:16px;opacity:0;transform:scale(.4);transition:all .3s cubic-bezier(.2,1.6,.4,1);color:#fff}
.ws .wt{font-size:13px;font-weight:800;transition:color .3s}
.ws.on .wn{background:var(--c);border-color:var(--c);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 18%,transparent)}
.ws.on .wt{color:var(--text)}
.ws.done{cursor:pointer}
.ws.done .wn{background:color-mix(in srgb,var(--c) 85%,#fff);border-color:transparent}
.ws.done .wn b{opacity:0}
.ws.done .wn svg{opacity:1;transform:none}
.ws.done .wt{color:color-mix(in srgb,var(--c) 75%,#111)}
.wl{flex:1;height:4px;border-radius:9px;background:rgba(0,0,0,.07);overflow:hidden;min-width:14px}
.wl i{display:block;height:100%;width:0;background:var(--c);border-radius:inherit;transition:width .45s ease;margin-inline-start:0}
.wl.fill i{width:100%}
.wbody.in-r{animation:wIn .38s cubic-bezier(.2,.9,.3,1)}
.wbody.in-l{animation:wInL .38s cubic-bezier(.2,.9,.3,1)}
@keyframes wIn{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes wInL{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.wopts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wo{--c:#3F9D78;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 8px 12px;border-radius:20px;font:inherit;color:var(--text);cursor:pointer;
  background:linear-gradient(170deg,color-mix(in srgb,var(--c) 20%,rgba(255,255,255,.6)),rgba(255,255,255,.55) 75%);border:1px solid color-mix(in srgb,var(--c) 28%,#fff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 20px -16px var(--c);animation:wPop .4s both cubic-bezier(.2,1.3,.4,1);transition:transform .15s}
.wo:active{transform:scale(.95)}
.wo .ri{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.7)}
.wo .ri img{width:32px;height:32px}
.wo b{font-size:13px;font-weight:900;line-height:1.4;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wo small{font-size:10.5px;color:var(--muted);direction:rtl}
.wo .tgb{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tg);color:#fff}
.wo .tgb svg{width:12px;height:12px}
@keyframes wPop{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.wcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-4px 0 10px;font-size:12px;color:var(--muted)}
.wcrumb button{font:inherit;font-weight:800;color:var(--c);background:none;border:0;padding:2px 0;cursor:pointer}
.wcrumb button:last-of-type{color:var(--text);cursor:default}
.wpick{display:flex;align-items:center;gap:10px;padding:10px;border-radius:18px;margin-bottom:12px;background:color-mix(in srgb,var(--c) 10%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--c) 22%,#fff)}
.wpick .ri{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.75);flex:none}
.wpick .ri img{width:28px;height:28px}
.wpick div{min-width:0;flex:1}
.wpick b{display:block;font-size:13.5px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wpick small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wpick .chip{flex:none;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.wiz .calc{box-shadow:none;background:rgba(255,255,255,.4);padding:12px}
.wiz .wplans{box-shadow:none;background:rgba(255,255,255,.4);padding:10px}
.wsum{display:grid;gap:0;border-radius:18px;overflow:hidden;border:1px solid var(--rim);background:rgba(255,255,255,.55)}
.wsum>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;font-size:13px}
.wsum>div+div{border-top:1px solid var(--line)}
.wsum>div>span:first-child{color:var(--muted);font-weight:700}
.wsum .big{font-size:16px;font-weight:900;color:color-mix(in srgb,var(--c) 70%,#111)}
.wiz .actbar{margin-top:12px}

/* slider samples (owner, 5 Nov) — ?sl=1..5 */
.slide.s5{--c:#2AABEE}.slide.s6{--c:#0F8B8D}
.peek .track{gap:4px;padding-inline:0;scroll-padding-inline:0}
.peek .slide:first-child{margin-inline-start:8%}.peek .slide:last-child{margin-inline-end:8%}
.peek .slide{flex-basis:84%;scale:calc(1 - var(--ax,0) * .08);opacity:calc(1 - var(--ax,0) * .45)}
.plx .art img{translate:calc(var(--x,0) * -40px) 0}
.plx .art img.d2{translate:calc(var(--x,0) * -90px) 0}
.plx .art img.d3{translate:calc(var(--x,0) * -140px) 0}
.slide p .lv{display:block;font-size:20px;font-weight:900;color:var(--text);line-height:1.5}
.slide p .lv small{font-size:11px;font-weight:700;color:var(--muted)}
.slide p .lvs{display:block;font-size:11.5px}
.tgart{position:absolute;left:24px;top:14px;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,#4CC3FF,#1C8FD0);box-shadow:0 16px 26px -12px rgba(28,143,208,.7),inset 0 2px 0 rgba(255,255,255,.45)}
.tgart svg{width:56px;height:56px;margin-inline-start:-4px}

/* slider transition samples (owner, 6 Nov) — ?an=1..8 */
.slider.an{overflow-x:clip}
.an .track{display:block;position:relative;overflow:visible;height:188px;padding:0;margin-inline:16px;perspective:1000px}
.an .slide{position:absolute;inset:0;width:auto;opacity:0;pointer-events:none;will-change:transform,opacity}
.an .slide.on{opacity:1;pointer-events:auto;z-index:2}
.an .slide.out{z-index:1}
.an .slide:not(.on):not(.out){transition:none!important;animation:none!important}
@media (min-width:600px){.an .track{height:220px}}
/* 1 fade + zoom */
.an1 .slide{transform:scale(1.08)}
.an1 .slide.on{transform:none;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}
.an1 .slide.out{opacity:0;transform:scale(.92);transition:opacity .6s ease,transform .7s ease}
/* 2 flip */
.an2 .slide{transform:rotateY(-90deg);backface-visibility:hidden}
.an2 .slide.on{transform:none;transition:transform .4s cubic-bezier(.2,.8,.3,1) .38s,opacity 0s .38s}
.an2 .slide.out{opacity:1;transform:rotateY(90deg);transition:transform .38s ease-in,opacity 0s .38s}
.an2 .slide.out{opacity:0}
/* 3 cube */
.an3 .slide{opacity:1;transform-origin:100% 50%;transform:translateX(-100%) rotateY(-90deg)}
.an3 .slide.on{transform:none;transition:transform .8s cubic-bezier(.45,.05,.25,1)}
.an3 .slide.out{opacity:1;transform-origin:0% 50%;transform:translateX(100%) rotateY(90deg);transition:transform .8s cubic-bezier(.45,.05,.25,1)}
/* 4 circle reveal from the button */
.an4 .slide{opacity:1;clip-path:circle(0% at 82% 80%)}
.an4 .slide.on{clip-path:circle(150% at 82% 80%);transition:clip-path .9s cubic-bezier(.5,0,.2,1)}
.an4 .slide.out{opacity:1;clip-path:circle(150% at 82% 80%)}
/* 5 glass blur dissolve */
.an5 .slide{filter:blur(16px);transform:scale(1.04)}
.an5 .slide.on{filter:none;transform:none;transition:opacity .8s ease,filter .8s ease,transform .8s ease}
.an5 .slide.out{opacity:0;filter:blur(16px);transition:opacity .7s ease,filter .7s ease}
/* 6 card thrown aside */
.an6 .slide{opacity:1;transform:scale(.88) translateY(14px);filter:brightness(.97)}
.an6 .slide.on{transform:none;filter:none;transition:transform .55s cubic-bezier(.2,.8,.2,1) .12s,filter .5s}
.an6 .slide.out{z-index:3;opacity:0;transform:translateX(-115%) rotate(-14deg);transition:transform .6s cubic-bezier(.5,0,.75,0),opacity .6s ease .1s}
/* 7 elastic slide */
.an7 .track{overflow:clip;border-radius:24px}
.an7 .slide{opacity:1;transform:translateX(-105%)}
.an7 .slide.on{transform:none;transition:transform .9s cubic-bezier(.34,1.5,.5,1)}
.an7 .slide.out{opacity:1;transform:translateX(105%);transition:transform .6s cubic-bezier(.5,0,.5,1)}
/* 8 staggered content */
.an8 .slide.on{transition:opacity .5s ease}
.an8 .slide.out{opacity:0;transition:opacity .5s ease}
.an8 .slide.on .txt>*{animation:anUp .6s cubic-bezier(.2,.8,.2,1) both}
.an8 .slide.on .txt>:nth-child(1){animation-delay:.15s}.an8 .slide.on .txt>:nth-child(2){animation-delay:.25s}.an8 .slide.on .txt>:nth-child(3){animation-delay:.35s}.an8 .slide.on .txt>:nth-child(4){animation-delay:.45s}
.an8 .slide.on .art{animation:anPop .8s cubic-bezier(.34,1.56,.64,1) .3s both}
.an8 .slide.on .glow{animation:anFade 1s ease both}
@keyframes anUp{from{opacity:0;translate:28px 0}to{opacity:1;translate:0 0}}
@keyframes anPop{from{opacity:0;scale:.5;rotate:-12deg}to{opacity:1;scale:1;rotate:0deg}}
@keyframes anFade{from{opacity:0}}

/* desktop & tablet layout (owner, 7 Nov) */
@media (min-width:720px){
  .app{max-width:none}
  .all{grid-template-columns:repeat(6,minmax(0,1fr))}
  .pc3{width:170px;height:176px}
  .sheet,.sres{width:min(100%,560px)}
}
@media (min-width:900px){
  .app{max-width:1180px;min-height:0}
  main{flex:none}
  .px{padding-left:32px;padding-right:32px}
  .page:not(.home):not(.wide){max-width:780px;width:100%;margin-inline:auto}
  .slide,.an .track{height:250px}
  .slide h3{font-size:24px}.slide p{font-size:14px}
  .slide .art{height:190px;width:34%;inset-inline-end:7%;transform:translateY(-50%) scale(1.18);transform-origin:center}
  .all{grid-template-columns:repeat(8,minmax(0,1fr))}
  .sq b{font-size:13px}
  .pc3{width:190px;height:184px}
}
@media (hover:hover) and (pointer:fine){.sq:hover,.pc3:hover{transform:translateY(-3px)}}

/* floating cart samples (owner, 7 Nov) — ?cb=2..4 */
.cb2 body.hascart .app,.cb3 body.hascart .app{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}
@keyframes popS{from{transform:scale(.4);opacity:0}}
@keyframes popT{from{transform:translate(-100%,-50%);opacity:0}}
/* 2: round button in the corner */
.cb2 .fcart{left:max(16px,env(safe-area-inset-left,0px));transform:none;width:64px;height:64px;border-radius:50%;padding:0;justify-content:center;animation:popS .5s cubic-bezier(.2,1.6,.4,1);bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.cb2 .fcart .ci{width:50px;height:50px;border-radius:50%}
.cb2 .fcart .ct,.cb2 .fcart .go{display:none}
/* 3: side tab on the screen edge */
.cb3 .fcart{left:0;top:50%;bottom:auto;transform:translateY(-50%);width:76px;height:auto;flex-direction:column;gap:6px;padding:12px 6px 10px;border-radius:0 22px 22px 0;border-left:0;animation:popT .5s cubic-bezier(.2,1.4,.4,1)}
.cb3 .fcart .ct{text-align:center}
.cb3 .fcart .ct b{font-size:11.5px}.cb3 .fcart .ct small{font-size:10.5px;line-height:1.35}
.cb3 .fcart .go{display:none}
/* 4: compact pill in the corner */
.cb4 .fcart{left:max(16px,env(safe-area-inset-left,0px));transform:none;width:auto;height:56px;padding:0 6px 0 16px;border-radius:99px;animation:popS .5s cubic-bezier(.2,1.6,.4,1);transform-origin:left center}
.cb4 .fcart .ci{border-radius:50%}
.cb4 .fcart .ct b{display:none}.cb4 .fcart .ct small{font-size:13px;font-weight:800;color:var(--text)}
.cb4 .fcart .go{display:none}
.cb4 body.hascart .app{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}

/* marquee: equal spacing per card so the loop has no jump (owner, 7 Nov) */
.belt>.pc3{margin-inline-end:10px}

/* draggable offers strip (owner, 7 Nov) */
.marq{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}
.marq:active{cursor:grabbing}
.belt img{-webkit-user-drag:none;pointer-events:none}
.belt a{-webkit-user-drag:none}

/* no footer during the order steps (owner, 7 Nov) */
body.nofoot #footer{display:none}

/* option box samples (owner, 7 Nov) — ?bx=2..6 */
/* 2: full-width rows with chevron */
.bx2 .wopts,.bx4 .wopts{grid-template-columns:1fr;gap:8px}
.bx2 .wo,.bx3 .wo,.bx4 .wo{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"ri b x" "ri s x";align-items:center;text-align:start;column-gap:12px;row-gap:0;padding:10px 12px}
.bx2 .wo .ri,.bx3 .wo .ri,.bx4 .wo .ri{grid-area:ri}
.bx2 .wo b,.bx3 .wo b,.bx4 .wo b{grid-area:b;align-self:end}
.bx2 .wo small,.bx3 .wo small,.bx4 .wo small{grid-area:s;align-self:start}
.bx2 .wo::after{content:"";grid-area:x;width:9px;height:9px;border-left:2.5px solid color-mix(in srgb,var(--c) 70%,#333);border-bottom:2.5px solid color-mix(in srgb,var(--c) 70%,#333);transform:rotate(45deg);margin-inline-start:6px}
.bx2 .wo .tgb,.bx3 .wo .tgb,.bx4 .wo .tgb{position:static;grid-area:x}
/* 3: compact two-column pills */
.bx3 .wo{border-radius:16px;padding:8px 10px;column-gap:8px}
.bx3 .wo .ri{width:36px;height:36px;border-radius:12px}.bx3 .wo .ri img{width:24px;height:24px}
.bx3 .wo b{font-size:12.5px}.bx3 .wo small{font-size:10px}
/* 4: rows with a radio circle */
.bx4 .wo::after{content:"";grid-area:x;width:20px;height:20px;border-radius:50%;border:2px solid color-mix(in srgb,var(--c) 45%,#fff);background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 4px #fff}
.bx4 .wo:active::after{background:var(--c)}
/* 5: bold tinted tiles */
.bx5 .wo{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 42%,#fff),color-mix(in srgb,var(--c) 16%,#fff));border-color:color-mix(in srgb,var(--c) 45%,#fff);padding:18px 8px 14px}
.bx5 .wo .ri{width:58px;height:58px;border-radius:50%;background:#fff;box-shadow:0 8px 16px -10px var(--c)}
.bx5 .wo .ri img{width:40px;height:40px}
.bx5 .wo b{font-size:14px}
/* 6: three-column small tiles */
.bx6 .wopts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bx6 .wo{padding:12px 4px 10px;border-radius:18px}
.bx6 .wo .ri{width:40px;height:40px;border-radius:13px}.bx6 .wo .ri img{width:28px;height:28px}
.bx6 .wo b{font-size:12px}.bx6 .wo small{font-size:9.5px}

/* row end-indicator samples (owner, 7 Nov) — ?bx=4&bi=1..8 */
.bi2 .wo::after{content:none}
.bi3 .wo::after{width:28px;height:28px;border:0;box-shadow:inset 0 1px 0 #fff,0 4px 10px -6px rgba(0,0,0,.35);background:rgba(255,255,255,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E") center/14px no-repeat}
.bi4 .wo::after{content:"←";width:auto;height:26px;padding:0 12px;border:0;border-radius:99px;display:grid;place-items:center;background:var(--c);color:#fff;font-size:15px;font-weight:900;box-shadow:0 6px 12px -8px var(--c)}
.bi5 .wo::after{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CBD5E1' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat;box-shadow:none;width:22px;height:22px}
.bi5 .wo:active::after{background:var(--c) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat;border-color:var(--c)}
.bi6 .wo::after{width:10px;height:10px;border:0;background:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent)}
.bi7 .wo::after{content:"انتخاب";width:auto;height:28px;padding:0 12px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.8);border:1px solid color-mix(in srgb,var(--c) 35%,#fff);box-shadow:none;color:color-mix(in srgb,var(--c) 80%,#111);font-size:11.5px;font-weight:800}
.bi8 .wo::after{width:8px;height:8px;border-radius:0;border:0;background:none;box-shadow:none;border-left:2px solid #94A3B8;border-bottom:2px solid #94A3B8;transform:rotate(45deg);margin-inline-start:6px}

/* rows that open Telegram support: Telegram icon instead of the arrow (owner, 7 Nov) */
.bx4 a.wo::after,.bx2 a.wo::after{content:none}
.bx4 a.wo .tgb,.bx2 a.wo .tgb{width:30px;height:30px;background:#fff;color:var(--tg);border:1px solid color-mix(in srgb,var(--tg) 25%,#fff);box-shadow:0 6px 12px -8px var(--tg),inset 0 1px 0 #fff}
.bx4 a.wo .tgb svg,.bx2 a.wo .tgb svg{width:16px;height:16px;transform:translate(-1px,.5px)}

/* home «همهٔ خدمات» samples (owner, 7 Nov) — ?sv=2..5 */
/* lim2/lim4 = one full row, lim3 = two full rows (3 / 6 / 8 columns) */
.all.lim2 .sq:nth-of-type(n+4),.all.lim4 .sq:nth-of-type(n+4){display:none}
.all.lim3 .sq:nth-of-type(n+7){display:none}
@media (min-width:720px){.all.lim2 .sq:nth-of-type(n+4),.all.lim4 .sq:nth-of-type(n+4),.all.lim3 .sq:nth-of-type(n+7){display:flex}.all.lim2 .sq:nth-of-type(n+7),.all.lim4 .sq:nth-of-type(n+7){display:none}.all.lim3 .sq:nth-of-type(n+13){display:none}}
@media (min-width:900px){.all.lim2 .sq:nth-of-type(n+7),.all.lim4 .sq:nth-of-type(n+7),.all.lim3 .sq:nth-of-type(n+13){display:flex}.all.lim2 .sq:nth-of-type(n+9),.all.lim4 .sq:nth-of-type(n+9){display:none}.all.lim3 .sq:nth-of-type(n+17){display:none}}
.moreall{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:14px auto 0;height:40px;padding:0 18px;border-radius:99px;font:inherit;font-size:13px;font-weight:800;color:var(--accent);cursor:pointer}
.all.hrow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding:4px 16px 10px;scroll-padding-inline:16px}
.all.hrow::-webkit-scrollbar{display:none}
.all.hrow .sq{flex:0 0 calc((100% - 30px) / 4.3);scroll-snap-align:start}
.all.hrow .sq.hide{display:none}
@media (min-width:900px){.all.hrow .sq{flex-basis:130px}}

/* «نظر کاربران» samples (owner, 7 Nov) — ?rv=1..4, demo text only */
.rvdemo{margin-inline-start:auto;font-size:10.5px;font-weight:800;color:#B45309;background:#FEF3C7;border:1px solid #FDE68A;padding:2px 8px;border-radius:99px}
.rvst{display:inline-flex;gap:1px;direction:ltr}.rvst i{font-style:normal;font-size:14px;color:#D6D3D1}.rvst i.on{color:#F5B400}
.rvc{border-radius:20px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.rvc p{font-size:12.5px;line-height:1.75;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rvf{display:flex;align-items:center;gap:8px;margin-top:auto}.rvf div{min-width:0;flex:1}
.rvf b{display:block;font-size:12px;font-weight:800}.rvf small{display:block;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rvf img{width:26px;height:26px;flex:none}
.rva{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:900;font-size:13px;color:#fff;background:linear-gradient(160deg,var(--accent-2),var(--accent))}
.rvrow{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 12px;scroll-padding-inline:16px}
.rvrow::-webkit-scrollbar{display:none}.rvrow .rvc{flex:0 0 78%;scroll-snap-align:start}
@media (min-width:900px){.rvrow .rvc{flex-basis:300px}}
.rvsum{display:flex;align-items:center;gap:10px;border-radius:18px;padding:10px 14px;margin-bottom:10px}
.rvsum b{font-size:26px;font-weight:900;line-height:1}.rvsum .rvst i{font-size:16px}.rvsum small{margin-inline-start:auto;font-size:11.5px;color:var(--muted)}
.rvgrid{display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:720px){.rvgrid{grid-template-columns:1fr 1fr}}
.rvbelt .rvc{width:250px;flex:none;margin-inline-end:10px}
.rvone{position:relative;border-radius:22px;padding:18px 18px 12px;text-align:center;overflow:hidden}
.rvq{position:absolute;top:2px;right:14px;font-size:54px;line-height:1;color:color-mix(in srgb,var(--accent) 30%,transparent)}
.rvtrack{display:grid}.rvs{grid-area:1/1;opacity:0;transform:translateY(8px);transition:opacity .9s ease,transform .9s ease;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px}
.rvs.on{opacity:1;transform:none;pointer-events:auto}
.rvs p{font-size:13.5px;line-height:1.85;max-width:46ch}.rvs b{font-size:12.5px;font-weight:800}.rvs small{font-size:11px;color:var(--muted)}
.rvone .dots{margin-top:10px}

/* reviews avatar: profile photo or bot icon (owner, 7 Nov) */
.rva svg{width:18px;height:18px}
.rva.ph{padding:0;overflow:hidden;background:#fff;border:2px solid #fff;box-shadow:0 4px 10px -6px rgba(0,0,0,.4)}
.rva.ph{position:relative;background:linear-gradient(160deg,var(--accent-2),var(--accent))}
.rva.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* «همهٔ خدمات» inside one glass box like the rates card (owner, 7 Nov) — ?sb=2..4 */
.svbox{border-radius:24px;padding:12px 12px 14px;margin-top:12px;overflow:hidden}
.svbox .cats{margin-inline:-12px;padding-inline:12px}
.svbox .all{margin-top:10px}
.svbox .moreall{margin-top:12px}
/* 2: icons + names, no tile boxes */
.sb2 .svbox .all{gap:4px 6px}
.sb2 .svbox .sq{aspect-ratio:auto;padding:10px 4px 8px;background:none;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.sb2 .svbox .sq .ico{width:50px;height:50px}
/* 3: two-column rows like the rates cells */
.sb3 .svbox .all{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sb3 .svbox .sq{aspect-ratio:auto;flex-direction:row;justify-content:flex-start;text-align:start;gap:8px;padding:8px 10px;border-radius:16px;background:var(--glass-row);border:1px solid rgba(255,255,255,.8);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.sb3 .svbox .sq .ico{width:38px;height:38px;border-radius:12px;flex:none}.sb3 .svbox .sq img{width:28px;height:28px}
.sb3 .svbox .sq b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
@media (min-width:720px){.sb3 .svbox .all{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* 4: light inner tiles like the rates cells */
.sb4 .svbox .sq{background:var(--glass-row);border:1px solid rgba(255,255,255,.8);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}

/* box holds only the tiles; category chips stay above it (owner, 7 Nov) */
.svbox{margin-top:10px}
.svbox .all{margin-top:0}

/* «مشاهدهٔ همهٔ خدمات» button samples (owner, 7 Nov) — ?mb=1..6 */
.moreall .mbv{width:16px;height:16px;flex:none;transition:transform .3s}
.moreall.op .mbv{transform:rotate(180deg)}
/* 2: full-width footer of the box with a divider, like «همهٔ نرخ‌ها» */
.mb2 .svbox .moreall{width:calc(100% + 24px);max-width:none;margin:12px -12px -14px;height:46px;border-radius:0;background:none;border:0;border-top:1px solid rgba(255,255,255,.75);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:6px}
/* 3: plain text link */
.mb3 .svbox .moreall{height:30px;padding:0 6px;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:12.5px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent)}
/* 4: solid accent pill */
.mb4 .svbox .moreall{color:#fff;background:linear-gradient(90deg,var(--accent-2),var(--accent));border:1px solid color-mix(in srgb,var(--accent) 60%,#fff);box-shadow:0 10px 18px -10px var(--accent),inset 0 1px 0 rgba(255,255,255,.4)}
/* 5: mini icons of the hidden services + count */
.mb5 .svbox .moreall{gap:8px;padding:0 14px 0 8px}
.mbi{display:inline-flex;direction:ltr}
.mbi img{width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #fff;margin-left:-8px;box-shadow:0 2px 6px -3px rgba(0,0,0,.35)}
.mbi img:first-child{margin-left:0}
/* 6: round arrow button with a small caption */
.mb6 .svbox .moreall{flex-direction:column;height:auto;padding:0;gap:4px;background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:11.5px;color:var(--muted)}
.mb6 .svbox .moreall .mbv{width:40px;height:40px;padding:11px;border-radius:50%;color:var(--accent);background:var(--glass);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff,0 8px 16px -10px rgba(0,0,0,.35)}

/* arrow samples for the «مشاهدهٔ همه» button (owner, 7 Nov) — ?ar=1..8 */
.moreall .mbc,.moreall .mbg{width:22px;height:22px;padding:4px;border-radius:50%;display:grid;place-items:center}
.moreall .mbc svg,.moreall .mbg svg{width:14px;height:14px}
.moreall .mbc{background:var(--accent);color:#fff;box-shadow:0 4px 10px -5px var(--accent)}
.moreall .mbg{background:rgba(255,255,255,.85);border:1px solid var(--rim);color:var(--accent);box-shadow:inset 0 1px 0 #fff,0 3px 8px -5px rgba(0,0,0,.35)}
@keyframes mbb{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
.moreall .mbb{animation:mbb 1.8s ease-in-out infinite}
.moreall.op .mbb{animation:none}
.moreall.op .mbp{transform:rotate(45deg)}

.moreall span{white-space:nowrap}

/* arrow 3 final: a slightly bigger circle (owner, 7 Nov) */
.ar3 .moreall .mbg,.ar5 .moreall .mbg{width:30px;height:30px;padding:0}
.ar3 .moreall .mbg svg,.ar5 .moreall .mbg svg{width:17px;height:17px}

/* raised / inset samples for the «مشاهدهٔ همه» button (owner, 7 Nov) — ?em=1..5 */
/* circle raised */
.em2 .moreall .mbg,.em4 .moreall .mbg{background:linear-gradient(145deg,#fff,#e9efec);border:1px solid rgba(255,255,255,.9);box-shadow:3px 3px 7px rgba(60,80,70,.28),-3px -3px 7px rgba(255,255,255,.95)}
/* circle inset */
.em3 .moreall .mbg,.em5 .moreall .mbg{background:#eef3f0;border:1px solid rgba(255,255,255,.6);box-shadow:inset 3px 3px 6px rgba(60,80,70,.25),inset -3px -3px 6px rgba(255,255,255,.95)}
/* whole button inset */
.em4 .svbox .moreall{background:rgba(238,243,240,.75);border:1px solid rgba(255,255,255,.55);box-shadow:inset 3px 3px 8px rgba(60,80,70,.2),inset -3px -3px 8px rgba(255,255,255,.9)}
/* whole button raised */
.em5 .svbox .moreall{background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(233,239,236,.9));border:1px solid rgba(255,255,255,.9);box-shadow:5px 5px 12px rgba(60,80,70,.22),-5px -5px 12px rgba(255,255,255,.9)}

/* «همهٔ نرخ‌ها» link samples (owner, 7 Nov) — ?rl=2..6 */
.rates .ft .rlk{display:inline-flex;align-items:center;gap:6px;font-weight:800;color:var(--accent);white-space:nowrap}
.rlk .rlc{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);border:1px solid var(--rim);color:var(--accent);box-shadow:inset 0 1px 0 #fff,0 3px 8px -5px rgba(0,0,0,.35)}
.rlk .rlc svg{width:14px;height:14px}
.rlk svg:not(.rlc svg){width:16px;height:16px}
/* 2: text + glass circle arrow */
/* 3: currency icons + text + glass circle (like the services button) */
.rl3 .rates .ft .rlk{height:40px;padding:0 6px 0 8px;border-radius:99px;background:var(--glass);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(0,0,0,.35)}
.rl3 .rlk .mbi img{width:22px;height:22px}
/* 4: glass pill */
.rl4 .rates .ft .rlk{height:36px;padding:0 5px 0 12px;border-radius:99px;background:var(--glass);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff,0 6px 14px -10px rgba(0,0,0,.35)}
/* 5: solid green pill */
.rl5 .rates .ft .rlk{height:36px;padding:0 5px 0 12px;border-radius:99px;color:#fff;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 8px 16px -10px var(--accent)}
.rl5 .rlk .rlc{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.5);color:#fff;box-shadow:none}
/* 6: chart icon + text */
.rl6 .rates .ft .rlk{height:34px;padding:0 12px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.7));border:1px solid color-mix(in srgb,var(--accent) 25%,#fff)}

/* «همهٔ نرخ‌ها» 7–9: one flat tinted box like 6, no nested circle (owner, 7 Nov) */
.rl7 .rates .ft .rlk,.rl8 .rates .ft .rlk,.rl9 .rates .ft .rlk{height:36px;padding:0 10px;gap:7px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.7));border:1px solid color-mix(in srgb,var(--accent) 25%,#fff)}
.rlk .rlv{width:15px;height:15px;flex:none}
.rl7 .rlk .mbi img,.rl8 .rlk .mbi img{width:20px;height:20px;border-width:1.5px}

/* rates link 7 final: a touch more shadow (owner, 7 Nov) */
.rl7 .rates .ft .rlk{box-shadow:0 4px 10px -8px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.8)}


/* «همهٔ نرخ‌ها» as a real capsule (owner, 7 Nov) */
.rl7 .rates .ft .rlk{border-radius:99px;padding:0 12px 0 8px}

/* «مشاهدهٔ همه»: lighter shadow on the capsule and the arrow circle (owner, 7 Nov) */
.mb5 .svbox .moreall{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 10px -8px rgba(30,40,35,.28)}
.ar5 .moreall .mbg{box-shadow:inset 0 1px 0 #fff,0 2px 5px -4px rgba(0,0,0,.3)}

/* reviews: no profile photo = SnapOrder bot logo (owner, 7 Nov) */
.rva.lg,.rva.ph{background:#fff;border:2px solid #fff;box-shadow:0 4px 10px -6px rgba(0,0,0,.4);padding:0;position:relative;overflow:hidden}
.rva .rvl{width:100%;height:100%;display:block;border-radius:50%}

/* home «همهٔ خدمات»: first view = 9 services on phone (3 rows), owner 7 Nov */
.all.lim3 .sq:nth-of-type(n+7){display:flex}
.all.lim3 .sq:nth-of-type(n+10){display:none}
@media (min-width:720px){.all.lim3 .sq:nth-of-type(n+10){display:flex}.all.lim3 .sq:nth-of-type(n+13){display:none}}
@media (min-width:900px){.all.lim3 .sq:nth-of-type(n+13){display:flex}.all.lim3 .sq:nth-of-type(n+17){display:none}}

/* footer samples (owner, 7 Nov) — ?ft=2..5 */
.ftg,.fcta{display:none}
.ftg{text-align:center;font-size:12px;color:var(--muted);margin:6px 0 0;line-height:1.7}
/* 2: compact — tagline, small link pills, round social buttons */
.ft2 .ftg{display:block}
.ft2 .flk{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px}
.ft2 .flk a{padding:6px 12px;border-radius:99px;font-size:12px}
.ft2 .fsoc{display:flex;justify-content:center;gap:18px;margin-top:14px}
.ft2 .fsoc a{width:auto;padding:0;background:none;border:0;box-shadow:none;font-size:11px;gap:5px}
.ft2 .fsoc svg{width:22px;height:22px;padding:12px;box-sizing:content-box;border-radius:50%;background:var(--glass);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff,0 6px 12px -8px rgba(0,0,0,.3)}
/* 3: minimal — text links with dots, small icons */
.ft3 .ff{padding:16px 14px 14px}
.ft3 .flk{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0;margin-top:10px}
.ft3 .flk a{padding:2px 8px;background:none;border:0;box-shadow:none;border-radius:0;font-size:12.5px;font-weight:600;color:var(--muted)}
.ft3 .flk a+a{border-inline-start:1px solid var(--line)}
.ft3 .fsoc{display:flex;justify-content:center;gap:10px;margin-top:12px}
.ft3 .fsoc a{flex-direction:row;padding:6px 12px;border-radius:99px;font-size:12px;gap:6px}
.ft3 .fsoc svg{width:18px;height:18px}
/* 4: tinted top band with brand + socials, plain link rows */
.ft4 .ff{padding:0 0 10px;overflow:hidden}
.ft4 .fbr{padding:16px 14px 6px;background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.4))}
.ft4 .fsoc{display:flex;justify-content:center;gap:8px;margin:0;padding:6px 14px 14px;background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.4));order:-1}
.ft4 .fsoc a{flex-direction:row;padding:6px 12px;border-radius:99px;font-size:12px;gap:6px;background:rgba(255,255,255,.7)}
.ft4 .fsoc svg{width:18px;height:18px}
.ft4 .ff{display:flex;flex-direction:column}
.ft4 .fbr{order:-2}
.ft4 .flk{margin:10px 14px 0;gap:0 14px}
.ft4 .flk a{background:none;border:0;box-shadow:none;border-radius:0;padding:11px 2px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}
.ft4 .flk a::after{content:"‹";color:var(--muted);font-weight:400}
/* 5: big Telegram call-to-action + small links */
.ft5 .ftg{display:block}
.ft5 .fcta{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;margin-top:12px;border-radius:16px;color:#fff;font-weight:800;font-size:14px;background:linear-gradient(90deg,var(--tg-2),var(--tg));box-shadow:0 10px 20px -12px var(--tg),inset 0 1px 0 rgba(255,255,255,.35)}
.ft5 .fcta svg{width:20px;height:20px}
.ft5 .flk{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:12px}
.ft5 .flk a{padding:8px 4px;text-align:center;font-size:11.5px;border-radius:12px}
.ft5 .fsoc{display:flex;justify-content:center;gap:8px}
.ft5 .fsoc a:first-child{display:none}
.ft5 .fsoc a{flex-direction:row;padding:6px 14px;border-radius:99px;font-size:12px;gap:6px}
.ft5 .fsoc svg{width:18px;height:18px}

/* footer: 4 links after removing track/rates (owner, 7 Nov) */
.ft2 .flk{gap:5px}.ft2 .flk a{padding:6px 9px;font-size:11.5px;white-space:nowrap}

/* footer: channel icon = Telegram blue circle; trust-seal slots (owner, 7 Nov) */
.fchi{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:linear-gradient(180deg,#37AEE2,#1E96C8);box-shadow:0 4px 10px -5px #1E96C8,inset 0 1px 0 rgba(255,255,255,.35)}
.fsoc .fchi svg{width:15px;height:15px;color:#fff;margin-inline-end:1px}
.ftrust{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}
.ftb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:96px;border-radius:16px;background:rgba(255,255,255,.5);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff;font-size:12.5px;color:var(--muted)}
.ftb b{font-weight:800;color:var(--ink,inherit)}.ftb small{font-size:10.5px}

/* footer: channel icon outline like bot; square trust boxes with icons (owner, 7 Nov) */
.ftb{aspect-ratio:1/.8;min-height:0;gap:4px}
.ftb svg{width:27px;height:27px;color:var(--accent);margin-bottom:2px}

/* footer about text (owner, 7 Nov) — ?fa=1..5 */
.fab{text-align:center;margin:8px 4px 4px;color:var(--muted);font-size:12.5px;line-height:1.9}
.fab p{margin:0;text-wrap:balance}.fab b{color:var(--ink,inherit);font-size:13.5px}
.fab h4{margin:0 0 2px;font-size:13.5px;font-weight:800;color:var(--ink,inherit)}
.fab ul{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:8px 0 0}
.fab li{padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.5);border:1px solid var(--rim)}
.fab li::before{content:"✓";color:var(--accent);font-weight:900;margin-inline-end:5px}

/* footer wordmark in Persian (owner, 7 Nov) */
.wm.wmfa{font-family:inherit;letter-spacing:0;font-weight:900}

/* footer 4th chip samples (owner, 7 Nov) */
.fc4 .fab ul{flex-wrap:nowrap;gap:4px}
.fc4 .fab li{text-align:center;white-space:nowrap}
.fc4 .fab li{display:flex;justify-content:center;align-items:center}
.fc4 .fab li{padding:4px 7px;font-size:10.5px}.fc4 .fab li::before{margin-inline-end:3px}
@media (max-width:440px){.fc4 .fab ul{gap:3px;margin-inline:-6px}.fc4 .fab li{font-size:9.6px;padding:4px 5px}.fc4 .fab li::before{margin-inline-end:2px}}
/* fc: chip row edge-aligned with the boxes below (owner, 7 Nov) */
.fc4 .fab{margin-inline:0}
.fc4 .fab ul,.fc4 .fab ul[class]{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:5px;margin:12px 0 4px}
@media (max-width:440px){.fc4 .fab ul{margin-inline:0;gap:4px}}
.fc4 .fab li{flex:1 1 auto;padding-block:6px;border-radius:12px}
.fc4 .fab li{min-width:0;padding-inline:4px}
@media (max-width:380px){.fc4 .fab li{font-size:9.3px;padding-inline:3px}.fc4 .fab ul{gap:3px}}
.fc4 .fab ul{margin-bottom:10px}

/* reviews heading icon samples (owner, 7 Nov) */
.sh .ic svg.rigold{color:#F5B301}

/* footer wordmark font = Gandom, thickened to match Parastoo Bold (owner, 7 Nov) — Gandom has one weight only */
@font-face{font-family:'Gandom';src:url(../fonts/Gandom.woff2) format('woff2');font-weight:400;font-display:swap}
.wm.wmfa{font-family:'Gandom',Vazirmatn,sans-serif;font-weight:400;font-synthesis:none;-webkit-text-stroke:.9px currentColor;paint-order:stroke fill;direction:rtl;font-size:23px}
.wm.wmfa span{-webkit-text-stroke-color:currentColor}

/* footer labels: styles without boxes (owner, 7 Nov) — ?fs=2..6 */
.fab li svg{display:none}
.fs2.fc4 .fab li,.fs3.fc4 .fab li,.fs4.fc4 .fab li,.fs5.fc4 .fab li,.fs6.fc4 .fab li{background:none;border:0;box-shadow:none;padding:0}
/* 2: green ticks, plain text, thin dot separators */
.fs2.fc4 .fab ul{justify-content:center;gap:0}
.fs2.fc4 .fab li{flex:0 1 auto;font-size:11.5px;color:var(--text)}
.fs2.fc4 .fab li+li::after{content:none}
.fs2.fc4 .fab li:not(:last-child){padding-inline-end:9px;margin-inline-end:9px;border-inline-end:1px solid var(--line)!important;border-radius:0}
/* 3: icon above text, four columns */
.fs3.fc4 .fab li{flex-direction:column;gap:5px;font-size:11px;color:var(--text)}
.fs3.fc4 .fab li::before{content:none}
.fs3 .fab li svg{display:block;width:20px;height:20px;padding:9px;box-sizing:content-box;border-radius:50%;color:var(--accent);background:rgba(255,255,255,.55);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff}
/* 4: small icon beside text, no box */
.fs4.fc4 .fab li{gap:4px;font-size:11px;color:var(--text)}
.fs4.fc4 .fab li::before{content:none}
.fs4 .fab li svg{display:block;width:15px;height:15px;color:var(--accent);flex:none}
/* 5: filled green tick circle + text */
.fs5.fc4 .fab li{gap:4px;font-size:11px;color:var(--text)}
.fs5.fc4 .fab li::before{content:"✓";display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--accent);color:#fff;font-size:9px;margin:0;flex:none}
/* 6: one glass strip with dividers (single box instead of four) */
.fs6.fc4 .fab ul{background:rgba(255,255,255,.5);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff;border-radius:14px;padding:9px 4px}
.fs6.fc4 .fab li{font-size:11px;color:var(--text)}
.fs6.fc4 .fab li:not(:last-child){border-inline-end:1px solid var(--line)!important;border-radius:0}
/* fs fixes: fit one row at 360px, equal columns */
.fs2.fc4 .fab ul{justify-content:space-between}
.fs2.fc4 .fab li{flex:1 1 auto;font-size:10.5px}
.fs2.fc4 .fab li:not(:last-child){padding-inline-end:0;margin-inline-end:0}
.fs3.fc4 .fab li{flex:1 1 0}
.fs4.fc4 .fab li,.fs5.fc4 .fab li{font-size:10.5px;gap:3px}
@media (max-width:380px){.fs2.fc4 .fab li,.fs4.fc4 .fab li,.fs5.fc4 .fab li,.fs6.fc4 .fab li{font-size:9.6px}.fs4 .fab li svg{width:13px;height:13px}.fs5.fc4 .fab li::before{width:13px;height:13px;font-size:8px}}

/* footer FAQ/terms boxes: green outline icons (owner, 7 Nov) */
.flk a{display:flex;align-items:center;gap:7px}
.flk a svg{width:19px;height:19px;color:var(--accent);flex:none}
.flk a{justify-content:center}

/* Android nav-bar blend: browser paints the 3-button bar with the page background; make the viewport bottom fade into that same colour (owner, 7 Nov) */
/* the bar in the owner's phone is #F8F5FC and not controllable by the page — so the page bottom fades into that exact colour */
body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:calc(90px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,rgba(248,245,252,0),#F8F5FC 85%);z-index:-1;pointer-events:none}

/* section spacing samples (owner, 7 Nov) — ?sg=2..4 : section gap / heading-to-content / footer gap */
.sg2 .sh{margin:36px 0 14px}.sg2 .ff{margin-top:40px}
.sg3 .sh{margin:44px 0 16px}.sg3 .ff{margin-top:48px}
.sg4 .sh{margin:32px 0 12px}.sg4 .ff{margin-top:36px}

/* design consistency pass (owner, 7 Nov): one radius + padding for big glass boxes, one radius + tint for footer inner boxes */
.rates.card,.svbox.card,#footer.ff{border-radius:24px}
.rates.card{padding:14px}
.svbox.card{padding:14px}
#footer.ff{padding:16px 14px 14px}
#footer .flk a,#footer .fsoc a,#footer .ftb{border-radius:16px;background:rgba(255,255,255,.5)}

/* smooth scrolling on phones (owner, 7 Nov): no live backdrop blur on cards that move every frame; background blobs drawn as soft gradients instead of animated blur filters */
.pc3,.rvc{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.rvc.gl{background:rgba(255,255,255,.58)}
.bgfx{contain:strict}
.bgfx i{filter:none;will-change:transform;opacity:.8}
.bgfx i:nth-child(1){background:radial-gradient(closest-side,#5BC79D,rgba(91,199,157,.45) 45%,rgba(91,199,157,0));transform:scale(1.5)}
.bgfx i:nth-child(2){background:radial-gradient(closest-side,#A78BFA,rgba(167,139,250,.45) 45%,rgba(167,139,250,0));transform:scale(1.5)}
.bgfx i:nth-child(3){background:radial-gradient(closest-side,#FCD34D,rgba(252,211,77,.45) 45%,rgba(252,211,77,0));transform:scale(1.5)}
.bgfx i:nth-child(4){background:radial-gradient(closest-side,#60A5FA,rgba(96,165,250,.45) 45%,rgba(96,165,250,0));transform:scale(1.5)}
@keyframes drift{from{transform:scale(1.5)}to{transform:translate(40px,60px) scale(1.7)}}

/* no blue on the site (owner, 7 Nov): Telegram buttons, login tile and links use the site green; the approved white circle + blue plane in the «سایر» row stays */
.btn.tg{background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 24px -12px var(--accent)}
.login .lg{background:linear-gradient(135deg,var(--accent-2),var(--accent));box-shadow:0 18px 34px -14px var(--accent)}
.relink,.btn.ghost.lgb,.btn.ghost.lgb svg{color:var(--accent)}

/* review card: faint quote mark top-right (owner, 7 Nov) — ?rq=1..4 */
.rvc{position:relative}
[class*='rq'] .rvc::before{content:'';position:absolute;top:10px;right:12px;width:30px;height:30px;background:no-repeat center/contain;pointer-events:none}
.rq1 .rvc::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233F9D78' d='M10 6.5C6.5 7.5 4 10.4 4 14.2V18h6v-6H7.2c.3-1.9 1.6-3.3 3.4-3.9zm10 0c-3.5 1-6 3.9-6 7.7V18h6v-6h-2.8c.3-1.9 1.6-3.3 3.4-3.9z'/%3E%3C/svg%3E");opacity:.16}
.rq2 .rvc::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231C1E1B' d='M10 6.5C6.5 7.5 4 10.4 4 14.2V18h6v-6H7.2c.3-1.9 1.6-3.3 3.4-3.9zm10 0c-3.5 1-6 3.9-6 7.7V18h6v-6h-2.8c.3-1.9 1.6-3.3 3.4-3.9z'/%3E%3C/svg%3E");opacity:.12}
.rq3 .rvc::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23F5B400' d='M10 6.5C6.5 7.5 4 10.4 4 14.2V18h6v-6H7.2c.3-1.9 1.6-3.3 3.4-3.9zm10 0c-3.5 1-6 3.9-6 7.7V18h6v-6h-2.8c.3-1.9 1.6-3.3 3.4-3.9z'/%3E%3C/svg%3E");opacity:.3}
.rq4 .rvc::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233F9D78' d='M10 6.5C6.5 7.5 4 10.4 4 14.2V18h6v-6H7.2c.3-1.9 1.6-3.3 3.4-3.9zm10 0c-3.5 1-6 3.9-6 7.7V18h6v-6h-2.8c.3-1.9 1.6-3.3 3.4-3.9z'/%3E%3C/svg%3E");opacity:.16;width:44px;height:44px;top:6px;right:8px}

/* home rates: keep gap to the capsule on narrow phones */
.ulbl{font-style:normal}
@media (max-width:380px){.ulbl{display:none}}
.rates .ft.ftc{justify-content:center}

/* live-dot animation samples (owner, 7 Nov) — ?ld=2..6 */
.live i{position:relative;flex:none}
/* 2: ripple ring */
.ld2 .live i{animation:none;box-shadow:none}
.ld2 .live i::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #2F9E5C;animation:ldRip 1.8s ease-out infinite}
@keyframes ldRip{0%{transform:scale(1);opacity:.8}100%{transform:scale(3);opacity:0}}
/* 3: soft breathing */
.ld3 .live i{box-shadow:none;animation:ldBr 2.4s ease-in-out infinite}
@keyframes ldBr{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}
/* 4: slow-turning refresh icon */
.ld4 .live i{width:12px;height:12px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F9E5C' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6'/%3E%3Cpath d='M20 4v4.5h-4.5'/%3E%3C/svg%3E") no-repeat center/contain;box-shadow:none;animation:ldSp 3s linear infinite}
@keyframes ldSp{to{transform:rotate(360deg)}}
/* 5: radar — two rings */
.ld5 .live i{animation:none;box-shadow:none}
.ld5 .live i::before,.ld5 .live i::after{content:'';position:absolute;inset:0;border-radius:50%;background:#2F9E5C;animation:ldRad 2.2s ease-out infinite}
.ld5 .live i::after{animation-delay:1.1s}
@keyframes ldRad{0%{transform:scale(1);opacity:.45}100%{transform:scale(3.4);opacity:0}}
/* 6: static, no motion */
.ld6 .live i{animation:none}

/* drawer menu samples (owner, 7 Nov) — ?dm=2..4 */
.dq{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 12px}
.dq a{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 2px 10px;border-radius:16px;font-size:11.5px;font-weight:700;background:rgba(255,255,255,.5);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff}
.dq a svg{width:22px;height:22px;color:var(--accent)}
.dq a.on{background:var(--accent-soft);color:var(--accent)}
.dq .cnt{position:absolute;top:6px;left:8px;font-size:10px;font-weight:800;background:var(--danger);color:#fff;border-radius:99px;padding:0 6px}
.dso{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.dso a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0 10px;border-radius:16px;font-size:12.5px;font-weight:700;color:var(--muted);background:rgba(255,255,255,.5);border:1px solid var(--rim);box-shadow:inset 0 1px 0 #fff}
.dso svg{width:24px;height:24px;color:var(--accent)}
.dgh{font-size:11.5px;font-weight:800;color:var(--muted);letter-spacing:.2px;padding:12px 10px 4px}
.dgh:first-child{padding-top:2px}
.dsv{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 10px}
.dsv a{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 2px 8px;border-radius:14px;font-size:11px;font-weight:700;text-align:center;background:rgba(255,255,255,.5);border:1px solid var(--rim);line-height:1.4}
.dsv a img{width:30px;height:30px}

/* slider card samples (owner, 7 Nov) — ?sd=2..5 */
/* 2: vivid colour card, white text, white glass button */
.sd2 .slide{background:linear-gradient(135deg,var(--c) 0%,color-mix(in srgb,var(--c) 55%,#fff) 100%);border-color:color-mix(in srgb,var(--c) 50%,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 16px 28px -16px var(--c)}
.sd2 .slide .grid{opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px)}
.sd2 .slide .glow{opacity:.45;background:#fff!important}
.sd2 .slide h3,.sd2 .slide p,.sd2 .slide p .lv,.sd2 .slide p small{color:#fff}
.sd2 .slide p{opacity:.92}
.sd2 .slide .tag{color:#fff;background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}
.sd2 .slide .go{color:var(--c);background:#fff;border-color:#fff;box-shadow:0 8px 16px -8px rgba(0,0,0,.35)}
.sd2 .slide .go{color:color-mix(in srgb,var(--c) 85%,#000)}
/* 3: clean white card, image on a soft colour disc */
.sd3 .slide{background:rgba(255,255,255,.72);border-color:#fff}
.sd3 .slide .grid,.sd3 .slide .glow{display:none}
.sd3 .slide .art::before{content:'';position:absolute;width:150px;height:150px;left:6px;top:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 30%,#fff),color-mix(in srgb,var(--c) 14%,#fff))}
.sd3 .slide h3{color:var(--text)}
.sd3 .slide .go{border-radius:99px}
/* 4: split — colour panel on the image side */
.sd4 .slide{background:rgba(255,255,255,.7);border-color:#fff}
.sd4 .slide .grid{display:none}.sd4 .slide .glow{display:none}
.sd4 .slide::before{content:'';position:absolute;inset-block:0;inset-inline-end:0;width:44%;z-index:-1;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 45%,#fff),color-mix(in srgb,var(--c) 20%,#fff));border-start-start-radius:60px;border-end-start-radius:60px}
.sd4 .slide h3{color:var(--text)}
/* 5: minimal — price emphasised, round arrow button */
.sd5 .slide .grid{display:none}
.sd5 .slide .go{width:40px;height:40px;padding:0;border-radius:50%;font-size:0;justify-content:center}
.sd5 .slide .go::after{content:'';width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5m6-6-6 6 6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.sd5 .slide h3{font-size:21px}

/* slider card background texture instead of the grid (owner, 7 Nov) — ?sp=1..6, used with sd2 */
[class*="sp"].sd2 .slide .grid{opacity:1;-webkit-mask-image:none;mask-image:none;background-size:auto}
.sp1.sd2 .slide .grid{opacity:.12;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sp2.sd2 .slide .grid{background:radial-gradient(circle at 88% 115%,rgba(255,255,255,.28) 0 70px,transparent 71px),radial-gradient(circle at 100% -10%,rgba(255,255,255,.18) 0 90px,transparent 91px),radial-gradient(circle at 18% 50%,rgba(255,255,255,.14) 0 110px,transparent 111px)}
.sp3.sd2 .slide .grid{background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.22) 38% 52%,transparent 52% 60%,rgba(255,255,255,.12) 60% 66%,transparent 66%)}
.sp4.sd2 .slide .grid{background-image:radial-gradient(rgba(255,255,255,.35) 1.2px,transparent 1.6px);background-size:14px 14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 75%);mask-image:linear-gradient(90deg,transparent,#000 75%)}
.sp5.sd2 .slide .grid{background:repeating-radial-gradient(circle at 22% 50%,transparent 0 34px,rgba(255,255,255,.16) 34px 36px)}
.sp6.sd2 .slide .grid{display:none}

/* slider card: product-themed symbol pattern (owner, 7 Nov) — ?sp=7 small tiled, ?sp=8 larger, sparse */
.sp7.sd2 .slide.s1 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 52 52'%3E%3Cg transform='translate%2814 14%29 scale%281%29' opacity='.9'%3E%3Cpath fill='%23fff' d='M12 3.5l2.4 5 5.4.6-4 3.7 1.1 5.4L12 15.5l-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z'/%3E%3C/g%3E%3C/svg%3E");background-size:26px 26px;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sp8.sd2 .slide.s1 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='%23fff' d='M12 3.5l2.4 5 5.4.6-4 3.7 1.1 5.4L12 15.5l-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='%23fff' d='M12 3.5l2.4 5 5.4.6-4 3.7 1.1 5.4L12 15.5l-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z'/%3E%3C/g%3E%3C/svg%3E");background-size:84px 72px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 75%);mask-image:linear-gradient(90deg,transparent 5%,#000 75%)}
.sp7.sd2 .slide.s2 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 52 52'%3E%3Cg transform='translate%2814 14%29 scale%281%29' opacity='.9'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M8 8.5h8M12 8.5v8M8.6 12c2.2.7 4.6.7 6.8 0'/%3E%3C/g%3E%3C/svg%3E");background-size:26px 26px;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sp8.sd2 .slide.s2 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M8 8.5h8M12 8.5v8M8.6 12c2.2.7 4.6.7 6.8 0'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M8 8.5h8M12 8.5v8M8.6 12c2.2.7 4.6.7 6.8 0'/%3E%3C/g%3E%3C/svg%3E");background-size:84px 72px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 75%);mask-image:linear-gradient(90deg,transparent 5%,#000 75%)}
.sp7.sd2 .slide.s3 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 52 52'%3E%3Cg transform='translate%2814 14%29 scale%281%29' opacity='.9'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath stroke='%23fff' stroke-width='2.4' d='M3.5 10h17'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M7 14.5h4'/%3E%3C/g%3E%3C/svg%3E");background-size:26px 26px;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sp8.sd2 .slide.s3 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath stroke='%23fff' stroke-width='2.4' d='M3.5 10h17'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M7 14.5h4'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath stroke='%23fff' stroke-width='2.4' d='M3.5 10h17'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M7 14.5h4'/%3E%3C/g%3E%3C/svg%3E");background-size:84px 72px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 75%);mask-image:linear-gradient(90deg,transparent 5%,#000 75%)}
.sp7.sd2 .slide.s4 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 52 52'%3E%3Cg transform='translate%2814 14%29 scale%281%29' opacity='.9'%3E%3Cpath fill='%23fff' d='M12 2.5c.6 4.8 2.7 6.9 7.5 7.5-4.8.6-6.9 2.7-7.5 7.5-.6-4.8-2.7-6.9-7.5-7.5 4.8-.6 6.9-2.7 7.5-7.5z'/%3E%3Cpath fill='%23fff' d='M19 15c.3 2 1.1 2.8 3 3-1.9.3-2.7 1.1-3 3-.3-1.9-1.1-2.7-3-3 1.9-.2 2.7-1 3-3z'/%3E%3C/g%3E%3C/svg%3E");background-size:26px 26px;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sp8.sd2 .slide.s4 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='%23fff' d='M12 2.5c.6 4.8 2.7 6.9 7.5 7.5-4.8.6-6.9 2.7-7.5 7.5-.6-4.8-2.7-6.9-7.5-7.5 4.8-.6 6.9-2.7 7.5-7.5z'/%3E%3Cpath fill='%23fff' d='M19 15c.3 2 1.1 2.8 3 3-1.9.3-2.7 1.1-3 3-.3-1.9-1.1-2.7-3-3 1.9-.2 2.7-1 3-3z'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='%23fff' d='M12 2.5c.6 4.8 2.7 6.9 7.5 7.5-4.8.6-6.9 2.7-7.5 7.5-.6-4.8-2.7-6.9-7.5-7.5 4.8-.6 6.9-2.7 7.5-7.5z'/%3E%3Cpath fill='%23fff' d='M19 15c.3 2 1.1 2.8 3 3-1.9.3-2.7 1.1-3 3-.3-1.9-1.1-2.7-3-3 1.9-.2 2.7-1 3-3z'/%3E%3C/g%3E%3C/svg%3E");background-size:84px 72px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 75%);mask-image:linear-gradient(90deg,transparent 5%,#000 75%)}
.sp7.sd2 .slide.s5 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 52 52'%3E%3Cg transform='translate%2814 14%29 scale%281%29' opacity='.9'%3E%3Cpath fill='%23fff' d='M20.5 4.5 3 11.3c-1.2.5-1.1 1.1-.2 1.4l4.4 1.4 1.7 5.2c.2.6.4.7.8.7s.6-.2.9-.5l2.1-2 4.4 3.3c.8.5 1.4.2 1.6-.8l2.9-13.6c.3-1.2-.4-1.8-1.3-1.3z'/%3E%3C/g%3E%3C/svg%3E");background-size:26px 26px;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sp8.sd2 .slide.s5 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='%23fff' d='M20.5 4.5 3 11.3c-1.2.5-1.1 1.1-.2 1.4l4.4 1.4 1.7 5.2c.2.6.4.7.8.7s.6-.2.9-.5l2.1-2 4.4 3.3c.8.5 1.4.2 1.6-.8l2.9-13.6c.3-1.2-.4-1.8-1.3-1.3z'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='%23fff' d='M20.5 4.5 3 11.3c-1.2.5-1.1 1.1-.2 1.4l4.4 1.4 1.7 5.2c.2.6.4.7.8.7s.6-.2.9-.5l2.1-2 4.4 3.3c.8.5 1.4.2 1.6-.8l2.9-13.6c.3-1.2-.4-1.8-1.3-1.3z'/%3E%3C/g%3E%3C/svg%3E");background-size:84px 72px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 75%);mask-image:linear-gradient(90deg,transparent 5%,#000 75%)}
.sp7.sd2 .slide.s6 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 52 52'%3E%3Cg transform='translate%2814 14%29 scale%281%29' opacity='.9'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 9h14l-3.5-3.5M20 15H6l3.5 3.5'/%3E%3C/g%3E%3C/svg%3E");background-size:26px 26px;opacity:.28;-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%);mask-image:linear-gradient(90deg,transparent,#000 70%)}
.sp8.sd2 .slide.s6 .grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 9h14l-3.5-3.5M20 15H6l3.5 3.5'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 9h14l-3.5-3.5M20 15H6l3.5 3.5'/%3E%3C/g%3E%3C/svg%3E");background-size:84px 72px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 75%);mask-image:linear-gradient(90deg,transparent 5%,#000 75%)}

/* sample pages show only the section being changed (owner, 7 Nov) — ?solo=slider */
html.solo .top,html.solo #footer,html.solo .fcart{display:none!important}
html.solo-slider #view .page > *:not(.slider){display:none!important}
html.solo #view .page{padding-top:6px}
html.solo body{min-height:0}html.solo .app{min-height:0;padding-bottom:0}
html.solo .bgfx i{animation:none}

/* slider card combos (owner, 7 Nov): ?sp=9 = symbols(8)+rings(5), ?sp=10 = symbols(8)+bubbles(2) — symbols on ::after so the rings/bubbles keep full strength */
.sp9.sd2 .slide .grid,.sp10.sd2 .slide .grid{opacity:1;-webkit-mask-image:none;mask-image:none}
.sp9.sd2 .slide .grid{background:repeating-radial-gradient(circle at 22% 50%,transparent 0 34px,rgba(255,255,255,.16) 34px 36px)}
.sp10.sd2 .slide .grid{background:radial-gradient(circle at 88% 115%,rgba(255,255,255,.28) 0 70px,transparent 71px),radial-gradient(circle at 100% -10%,rgba(255,255,255,.18) 0 90px,transparent 91px),radial-gradient(circle at 18% 50%,rgba(255,255,255,.14) 0 110px,transparent 111px)}
.sp9.sd2 .slide .grid::after,.sp10.sd2 .slide .grid::after{content:'';position:absolute;inset:0;background-size:84px 72px;opacity:.2;-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 75%);mask-image:linear-gradient(90deg,transparent 5%,#000 75%)}
.sp9.sd2 .slide.s1 .grid::after,.sp10.sd2 .slide.s1 .grid::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='%23fff' d='M12 3.5l2.4 5 5.4.6-4 3.7 1.1 5.4L12 15.5l-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='%23fff' d='M12 3.5l2.4 5 5.4.6-4 3.7 1.1 5.4L12 15.5l-4.9 2.7 1.1-5.4-4-3.7 5.4-.6z'/%3E%3C/g%3E%3C/svg%3E")}
.sp9.sd2 .slide.s2 .grid::after,.sp10.sd2 .slide.s2 .grid::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M8 8.5h8M12 8.5v8M8.6 12c2.2.7 4.6.7 6.8 0'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Ccircle cx='12' cy='12' r='8.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' d='M8 8.5h8M12 8.5v8M8.6 12c2.2.7 4.6.7 6.8 0'/%3E%3C/g%3E%3C/svg%3E")}
.sp9.sd2 .slide.s3 .grid::after,.sp10.sd2 .slide.s3 .grid::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath stroke='%23fff' stroke-width='2.4' d='M3.5 10h17'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M7 14.5h4'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath stroke='%23fff' stroke-width='2.4' d='M3.5 10h17'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' d='M7 14.5h4'/%3E%3C/g%3E%3C/svg%3E")}
.sp9.sd2 .slide.s4 .grid::after,.sp10.sd2 .slide.s4 .grid::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='%23fff' d='M12 2.5c.6 4.8 2.7 6.9 7.5 7.5-4.8.6-6.9 2.7-7.5 7.5-.6-4.8-2.7-6.9-7.5-7.5 4.8-.6 6.9-2.7 7.5-7.5z'/%3E%3Cpath fill='%23fff' d='M19 15c.3 2 1.1 2.8 3 3-1.9.3-2.7 1.1-3 3-.3-1.9-1.1-2.7-3-3 1.9-.2 2.7-1 3-3z'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='%23fff' d='M12 2.5c.6 4.8 2.7 6.9 7.5 7.5-4.8.6-6.9 2.7-7.5 7.5-.6-4.8-2.7-6.9-7.5-7.5 4.8-.6 6.9-2.7 7.5-7.5z'/%3E%3Cpath fill='%23fff' d='M19 15c.3 2 1.1 2.8 3 3-1.9.3-2.7 1.1-3 3-.3-1.9-1.1-2.7-3-3 1.9-.2 2.7-1 3-3z'/%3E%3C/g%3E%3C/svg%3E")}
.sp9.sd2 .slide.s5 .grid::after,.sp10.sd2 .slide.s5 .grid::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='%23fff' d='M20.5 4.5 3 11.3c-1.2.5-1.1 1.1-.2 1.4l4.4 1.4 1.7 5.2c.2.6.4.7.8.7s.6-.2.9-.5l2.1-2 4.4 3.3c.8.5 1.4.2 1.6-.8l2.9-13.6c.3-1.2-.4-1.8-1.3-1.3z'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='%23fff' d='M20.5 4.5 3 11.3c-1.2.5-1.1 1.1-.2 1.4l4.4 1.4 1.7 5.2c.2.6.4.7.8.7s.6-.2.9-.5l2.1-2 4.4 3.3c.8.5 1.4.2 1.6-.8l2.9-13.6c.3-1.2-.4-1.8-1.3-1.3z'/%3E%3C/g%3E%3C/svg%3E")}
.sp9.sd2 .slide.s6 .grid::after,.sp10.sd2 .slide.s6 .grid::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='72' viewBox='0 0 84 72'%3E%3Cg transform='translate%288 6%29 scale%281.1%29'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 9h14l-3.5-3.5M20 15H6l3.5 3.5'/%3E%3C/g%3E%3Cg transform='translate%2852 40%29 scale%28.75%29 rotate%28-14 12 12%29'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M4 9h14l-3.5-3.5M20 15H6l3.5 3.5'/%3E%3C/g%3E%3C/svg%3E")}

/* slider card grid fainter (owner, 7 Nov) — ?gq=2..4 ; 1 = current .06 */
html.gq2 .slide .grid{opacity:.045}
html.gq3 .slide .grid{opacity:.03}
html.gq4 .slide .grid{opacity:.02}

/* new slider — slide 1: Hetzner invoice, no fee (owner, 7 Nov) */
.slide.n1{--c:#D50C2D}
.slide .z0{color:#fff;background:var(--c);padding:0 7px;border-radius:7px;font-weight:900;font-size:12.5px;margin-inline:2px}
.inv{position:absolute;left:34px;top:6px;width:112px;height:136px;border-radius:14px;background:#fff;box-shadow:0 16px 26px -14px rgba(120,10,30,.45),inset 0 0 0 1px rgba(0,0,0,.04);padding:10px 10px 0;display:flex;flex-direction:column;gap:9px;direction:ltr}
.inv .ivh{display:flex;align-items:center;gap:6px}
.inv .ivh i{width:18px;height:18px;border-radius:5px;background:var(--c)}
.inv .ivh b{font:800 9px/1 'Space Grotesk',sans-serif;letter-spacing:.8px;color:#2a2a2a}
.inv .ivl{display:grid;gap:6px}
.inv .ivl i{display:block;height:5px;border-radius:3px;background:#ECECF1}
.inv .ivt{margin-top:2px;display:flex;align-items:center;justify-content:space-between;padding:6px 7px;border-radius:9px;background:color-mix(in srgb,var(--c) 9%,#fff)}
.inv .ivt span{font:700 9px/1 'Space Grotesk',sans-serif;color:#666}
.inv .ivt b{font:900 15px/1 'Space Grotesk',sans-serif;color:var(--c);animation:z0p 3s ease-in-out infinite}
@keyframes z0p{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
.inv .ivs{position:absolute;right:-14px;bottom:16px;font:900 11px/1 'Space Grotesk',sans-serif;letter-spacing:.6px;color:#1F9D57;border:2px solid #1F9D57;border-radius:7px;padding:5px 7px;background:rgba(255,255,255,.92);transform:rotate(-12deg);animation:stamp 4.8s cubic-bezier(.2,1.4,.4,1) infinite}
@keyframes stamp{0%,12%{opacity:0;transform:rotate(-12deg) scale(1.9)}22%,82%{opacity:1;transform:rotate(-12deg) scale(1)}92%,100%{opacity:0;transform:rotate(-12deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.inv .ivs,.inv .ivt b{animation:none;opacity:1}}
.inv{left:44px;top:10px;width:100px;height:124px;padding:9px 9px 0;gap:8px}
.inv .ivs{right:-10px;bottom:14px;font-size:10px}
.slide.n1 .art img.d2{width:50px!important;top:100px!important}
.slide .z0{display:inline-block;line-height:1.5}
.slide.n1 .txt{width:54%}
.slide.n1 p{white-space:normal}
.inv .ivs{bottom:-8px;right:-12px}
.inv .ivh i{display:grid;place-items:center;font:900 12px/1 'Space Grotesk',Arial,sans-serif;color:#fff;font-style:normal}
.slide.n1 .tag{background:#fff;border:1.5px solid #2FA36B;color:#1F8A55}
.slide.n1 .tag{background:linear-gradient(90deg,#FBF6D9,#E3F4E6)}

/* «بدون کارمزد» tag samples (owner, 7 Nov) — ?tg=2..5 ; 1 = current yellow-green */
.tgs2 .slide.n1 .tag{background:linear-gradient(90deg,#3FB27A,#23925D);border:0;color:#fff;box-shadow:0 6px 14px -8px #1F8A55,inset 0 1px 0 rgba(255,255,255,.35)}
.tgs2 .slide.n1 .tag::before,.tgs4 .slide.n1 .tag::before{content:'✓';font-weight:900;margin-inline-end:5px}
.tgs3 .slide.n1 .tag{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);color:#1F8A55;box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.tgs3 .slide.n1 .tag::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#2FA36B;margin-inline-end:6px;vertical-align:middle;box-shadow:0 0 0 3px rgba(47,163,107,.2)}
.tgs4 .slide.n1 .tag{background:#DDF2E4;border:0;color:#1F8A55}
.tgs5 .slide.n1 .tag{background:transparent;border:1.5px solid #2FA36B;color:#1F8A55}

/* «بدون کارمزد» tag 4: round green tick (owner, 7 Nov) */
.tgs4 .slide.n1 .tag{display:inline-flex;align-items:center;gap:5px;padding-inline:6px 11px}
.tgs4 .slide.n1 .tag::before{content:'';width:15px;height:15px;margin:0;border-radius:50%;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat,linear-gradient(135deg,#3FB27A,#1F8A55);box-shadow:0 2px 5px -2px #1F8A55}

/* «بدون کارمزد» tag 4: back to a plain tick, drawn with a longer left arm (owner, 7 Nov) */
.tgs4 .slide.n1 .tag::before{width:14px;height:14px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.5 11.5l6 6.5L20.5 5.5' fill='none' stroke='%231F8A55' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;box-shadow:none}

/* tick like the original ✓ glyph, left arm a bit longer, tight to the text (owner, 7 Nov) */
.tgs4 .slide.n1 .tag{gap:3px;padding-inline:9px 11px}
.tgs4 .slide.n1 .tag::before{width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.5 12.5l4.8 5L19.5 5.5' fill='none' stroke='%231F8A55' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}

/* back to the original ✓ glyph (owner, 7 Nov) */
.tgs4 .slide.n1 .tag{display:inline-block;gap:0;padding:2px 10px}
.tgs4 .slide.n1 .tag::before{content:'✓';width:auto;height:auto;background:none;border-radius:0;box-shadow:none;font-weight:900;margin-inline-end:5px}

/* new slider — slide 2: ChatGPT discount (owner, 7 Nov) */
.slide.n2{--c:#10A37F}
.slide.n2 .txt{width:52%}
.gpc{position:absolute;left:18px;top:4px;width:146px;border-radius:16px;background:#fff;padding:10px 10px 8px;box-shadow:0 16px 26px -14px rgba(8,90,70,.45),inset 0 0 0 1px rgba(0,0,0,.04);direction:ltr;display:grid;gap:6px}
.gpc .gph{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.gpc .gph img{position:static;width:20px;height:20px;filter:none}
.gpc .gph b{font:800 11px/1 'Space Grotesk',sans-serif;color:#1d1d1f}
.gpr{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:6px 7px;border-radius:9px;background:#F3F7F5;font-family:'Space Grotesk',sans-serif;animation:gpRow 6s ease-in-out infinite;animation-delay:calc(var(--d) * 2s)}
.gpr span{font-weight:700;font-size:10.5px;color:#333}
.gpr s{position:relative;font-size:9.5px;color:#9a9a9a;text-decoration:none}
.gpr s::after{content:'';position:absolute;left:-1px;right:-1px;top:52%;height:1.5px;background:#E5484D;transform-origin:left;animation:gpStrike 6s ease-in-out infinite;animation-delay:calc(var(--d) * 2s)}
.gpr b{font-weight:900;font-size:12.5px;color:var(--c)}
@keyframes gpRow{0%,30%,100%{background:#F3F7F5;transform:none}8%,22%{background:color-mix(in srgb,var(--c) 14%,#fff);transform:scale(1.04)}}
@keyframes gpStrike{0%{transform:scaleX(0)}10%,100%{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){.gpr,.gpr s::after{animation:none}}
.slide.n2 .tag{background:#DDF2E4;border:0;color:#1F8A55}
.gpc{left:14px;top:14px;width:132px;padding:8px 8px 7px;gap:5px;border-radius:14px}
.gpr{padding:5px 6px;gap:5px}
.gpr span{font-size:9.5px}.gpr b{font-size:11.5px}.gpr s{font-size:8.5px}
.gpc .gph img{width:17px;height:17px}.gpc .gph b{font-size:10px}
.slide.n2 p{white-space:normal}

/* slide toman amount emphasis (owner, 7 Nov) — ?tp=2..4 */
.slide .tn{font-weight:800;color:var(--text)}
.tp2 .slide .tn{display:inline-block;padding:0 8px;border:1.5px solid var(--c);border-radius:99px;color:color-mix(in srgb,var(--c) 85%,#000);line-height:1.6}
.tp3 .slide .tn{font-size:16px;font-weight:900;color:color-mix(in srgb,var(--c) 85%,#000)}
.tp4 .slide .tn{font-weight:900;color:var(--text);background:linear-gradient(transparent 58%,color-mix(in srgb,var(--c) 30%,transparent) 58% 92%,transparent 92%);padding:0 2px}
.slide .tn{white-space:nowrap}
@media (max-width:380px){.slide.n2 .txt{width:49%}}
@media (max-width:380px){.slide.n2 .txt{width:43%}}
.tp2 .slide .tn{border-width:1px}

/* new slider — slide 3: Telegram Premium (owner, 7 Nov) */
.slide.n3{--c:#8A3FFC}
.slide.n3 .tag{background:#EFE4FF;border:0;color:#6B2BD9}
.pmc .gph b{font-size:9.5px}
.gpr s.nos{width:0}
.slide.n3 .art .d2,.slide.n3 .art .d3{animation:fl 4.5s ease-in-out infinite,twk 2.6s ease-in-out infinite}
@keyframes twk{0%,100%{opacity:1}50%{opacity:.55}}
@media (max-width:380px){.slide.n3 .txt{width:43%}}
.slide.n3 .txt{width:50%}
.gpr s.nos{display:none}
.pmc .gpr span{font-family:Vazirmatn,sans-serif;font-weight:700}
.pmc .gpr span{justify-self:start;text-align:left}

/* premium slide: purple sparkles instead of Stars coins (owner, 7 Nov) */
.spk{position:absolute;display:block;background:linear-gradient(135deg,#C084FC,#7C3AED 55%,#EC4899);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1c.9 6.6 4.4 10.1 11 11-6.6.9-10.1 4.4-11 11-.9-6.6-4.4-10.1-11-11 6.6-.9 10.1-4.4 11-11z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1c.9 6.6 4.4 10.1 11 11-6.6.9-10.1 4.4-11 11-.9-6.6-4.4-10.1-11-11 6.6-.9 10.1-4.4 11-11z'/%3E%3C/svg%3E") center/contain no-repeat;animation:spk 2.8s ease-in-out infinite}
.spk.s1{width:22px;height:22px;left:154px;top:0}
.spk.s2{width:14px;height:14px;left:172px;top:28px;animation-delay:.9s}
.spk.s3{width:16px;height:16px;left:4px;top:132px;animation-delay:1.6s}
@keyframes spk{0%,100%{transform:scale(.7) rotate(0);opacity:.5}50%{transform:scale(1.1) rotate(25deg);opacity:1}}
@media (prefers-reduced-motion:reduce){.spk{animation:none}}

/* premium slide: 🎉 confetti burst out of the Premium icon (owner, 7 Nov) — ?pf=2 confetti only, ?pf=3 confetti + sparkles */
.pic{position:relative;display:inline-block;width:17px;height:17px;flex:none}
.pic img{display:block}
.cfx{position:absolute;left:50%;top:50%;width:0;height:0;display:none;pointer-events:none}
.pf2 .cfx,.pf3 .cfx{display:block}
.pf2 .spk{display:none}
.cfx i{position:absolute;left:-3px;top:-3px;width:5px;height:8px;border-radius:1.5px;background:var(--c);opacity:0;animation:cfb 3.6s cubic-bezier(.15,.7,.3,1) infinite}
.cfx i.c{width:6px;height:6px;border-radius:50%}
@keyframes cfb{0%,4%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}8%{opacity:1}30%{opacity:1;transform:translate(var(--x),var(--y)) rotate(var(--rr)) scale(1)}46%{opacity:0;transform:translate(calc(var(--x) * 1.12),calc(var(--y) + 22px)) rotate(calc(var(--rr) * 1.6)) scale(.9)}100%{opacity:0;transform:translate(calc(var(--x) * 1.12),calc(var(--y) + 22px))}}
.pf2 .pic img,.pf3 .pic img{animation:picPop 3.6s ease-out infinite}
@keyframes picPop{0%,2%{transform:scale(1)}6%{transform:scale(1.45) rotate(-10deg)}14%{transform:scale(.95)}20%,100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.cfx{display:none!important}.pic img{animation:none!important}}
@keyframes cfb{0%,4%{opacity:0;transform:translate(0,0) rotate(0) scale(.3)}8%{opacity:1}30%{opacity:1;transform:translate(var(--x),calc(var(--y) * .55)) rotate(var(--rr)) scale(1)}46%{opacity:0;transform:translate(calc(var(--x) * 1.12),calc(var(--y) * .55 + 24px)) rotate(calc(var(--rr) * 1.6)) scale(.9)}100%{opacity:0;transform:translate(calc(var(--x) * 1.12),calc(var(--y) * .55 + 24px))}}

/* confetti: natural physics — quick burst up/out (ease-out), then slow gravity fall (ease-in) with sway, fading out at the bottom (owner, 7 Nov) */
.cfx i{animation:cfn 4.2s linear infinite;z-index:3}
.cfx i:nth-child(odd){animation-duration:4.2s}
@keyframes cfn{
 0%,3%{opacity:0;transform:translate(0,0) rotate(0) scale(.4);animation-timing-function:cubic-bezier(.1,.8,.3,1)}
 5%{opacity:1}
 17%{opacity:1;transform:translate(calc(var(--x) * .75),calc(var(--y) * .5)) rotate(calc(var(--rr) * .5)) scale(1);animation-timing-function:cubic-bezier(.45,0,.9,.6)}
 40%{opacity:1;transform:translate(calc(var(--x) * .95 + 4px),calc(var(--y) * .5 + 46px)) rotate(var(--rr)) scale(1)}
 58%{opacity:0;transform:translate(calc(var(--x) + 2px),calc(var(--y) * .5 + 92px)) rotate(calc(var(--rr) * 1.5)) scale(.95)}
 100%{opacity:0;transform:translate(calc(var(--x) + 2px),calc(var(--y) * .5 + 92px))}}
.pf2 .pic img,.pf3 .pic img{animation-duration:4.2s}

/* slide inner animations run only while that slide is on screen (owner, 7 Nov) */
.slide:not(.vis) .cfx i,.slide:not(.vis) .pic img,.slide:not(.vis) .gpr,.slide:not(.vis) .gpr s::after,.slide:not(.vis) .spk,.slide:not(.vis) .inv .ivs,.slide:not(.vis) .inv .ivt b,.slide:not(.vis) .float{animation-play-state:paused}
.slider.an .slide:not(.on) .cfx i,.slider.an .slide:not(.on) .pic img,.slider.an .slide:not(.on) .gpr,.slider.an .slide:not(.on) .gpr s::after,.slider.an .slide:not(.on) .spk,.slider.an .slide:not(.on) .inv .ivs,.slider.an .slide:not(.on) .inv .ivt b,.slider.an .slide:not(.on) .float{animation-play-state:paused}

/* premium slide button: pink-purple like the Premium emoji (owner, 7 Nov) */
.slide.n3 .go{background:linear-gradient(90deg,#8B5CF6,#C026D3 55%,#EC4899);border-color:rgba(255,255,255,.55);box-shadow:0 8px 18px -8px #C026D3,inset 0 1px 0 rgba(255,255,255,.4)}

/* premium slide texts matching the pink-purple button (owner, 7 Nov) — ?pt=2..3 */
.pt2 .slide.n3 h3{background:linear-gradient(90deg,#7C3AED,#C026D3 60%,#EC4899);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt2 .slide.n3 .tag,.pt3 .slide.n3 .tag{background:linear-gradient(90deg,#F3E8FF,#FCE7F3);color:#A21CAF}
.pt2 .slide.n3 .tn{border-color:#C026D3;color:#A21CAF}
.pt2 .slide.n3 h3{background:linear-gradient(270deg,#6D28D9 0%,#7C3AED 38%,#C026D3 70%,#EC4899 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.pt2 .slide.n3 h3{align-self:flex-start;width:fit-content}

/* new slider — slide 4: Claude & Gemini, no markup (owner, 7 Nov) */
.slide.n4{--c:#D97757}
.slide.n4 .tag{background:#FFE9DE;border:0;color:#B4532F}
.slide.n4 h3{align-self:flex-start;width:fit-content;background:linear-gradient(270deg,#C2410C 0%,#D97757 40%,#4285F4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide.n4 .tn{border-color:#D97757;color:#B4532F}
.slide.n4 .go{background:linear-gradient(90deg,#D97757,#C2410C 50%,#4285F4);border-color:rgba(255,255,255,.55);box-shadow:0 8px 18px -8px #D97757,inset 0 1px 0 rgba(255,255,255,.4)}
.slide.n4 .txt{width:50%}
@media (max-width:380px){.slide.n4 .txt{width:45%}}
.aic .gph{position:relative}
.aih{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;font:900 8.5px/1 'Space Grotesk',sans-serif;color:#fff;background:linear-gradient(135deg,#D97757,#4285F4)}
.spk2{position:absolute;right:-2px;top:-2px;width:12px;height:12px;background:linear-gradient(135deg,#FDBA74,#4285F4);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1c.9 6.6 4.4 10.1 11 11-6.6.9-10.1 4.4-11 11-.9-6.6-4.4-10.1-11-11 6.6-.9 10.1-4.4 11-11z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 1c.9 6.6 4.4 10.1 11 11-6.6.9-10.1 4.4-11 11-.9-6.6-4.4-10.1-11-11 6.6-.9 10.1-4.4 11-11z'/%3E%3C/svg%3E") center/contain no-repeat;animation:spk 2.4s ease-in-out infinite}
.air{grid-template-columns:1fr auto}
.ain{display:flex;align-items:center;gap:5px}
.ain img{position:static;width:16px;height:16px;filter:none;border-radius:4px}
.ain em{font-style:normal;font-weight:600;color:#888;font-size:9px}
.air b.z{font-size:10px;color:#1F8A55;background:#DDF2E4;border-radius:6px;padding:2px 5px}
.aif{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 2px;border-top:1px dashed #E5E7EB;font-family:'Space Grotesk',sans-serif}
.aif span{font-size:9.5px;font-weight:700;color:#666}
.aif b{font-size:14px;font-weight:900;color:#1F8A55;animation:z0p 3s ease-in-out infinite}
.slide:not(.vis) .spk2,.slide:not(.vis) .aif b,.slider.an .slide:not(.on) .spk2,.slider.an .slide:not(.on) .aif b{animation-play-state:paused}
.slide .art .ain img{position:static;width:16px;height:16px;filter:none;border-radius:4px}
.slide.n4 .go{background:linear-gradient(90deg,#E58A62,#B97BB8 55%,#5B8DEF)}

/* slide 4 = Claude only (owner, 7 Nov) */
.slide.n4 h3{background:linear-gradient(270deg,#C2410C,#D97757 60%,#E89A78);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide.n4 .go{background:linear-gradient(90deg,#E8946D,#D97757 50%,#C2410C);box-shadow:0 8px 18px -8px #D97757,inset 0 1px 0 rgba(255,255,255,.4)}
.aih{display:none}
.spk2{background:linear-gradient(135deg,#FDBA74,#D97757)}
.slide.n4 .gpr:nth-child(odd){background:#FDF1EA}
.slide.n4 .gpc{top:4px;gap:4px;padding:7px 8px 5px}
.slide.n4 .gpr{padding:4px 6px}
.slide.n4 .aif{padding:3px 7px 1px}
.slide.n4 .aif b{font-size:12.5px}
.slide.n4 .gpc .gph{margin-bottom:0}
.slide.n4 .gpc{top:0;gap:3px;padding:6px 8px 4px}
.slide.n4 .gpr{padding:3px 6px}
.slide.n4 .gpc .gph img{width:15px;height:15px}
.slide.n4 .aif{border-top:0;padding:1px 7px 0}
.slide.n4 .ain em{font-size:10.5px;font-weight:800;color:#333;white-space:nowrap}
.slide.n4 .gph b{font-size:10.5px}

/* slide 4: no logo per plan row; stronger Claude colour (owner, 7 Nov) */
.slide.n4{background:linear-gradient(170deg,color-mix(in srgb,#D97757 48%,rgba(255,255,255,.5)) 0%,color-mix(in srgb,#D97757 16%,rgba(255,255,255,.55)) 80%);border-color:color-mix(in srgb,#D97757 45%,#fff)}
.slide.n4 .glow{opacity:.5}
.slide.n4 .tag{background:#fff;color:#B4532F}
.slide.n4 .gpr:nth-child(odd){background:#FBE3D6}
.slide.n4 .gpr{background:#FDF1EA}
.slide.n4 .ain em{color:#9A3412}
.slide.n4 .gpr{animation-name:gpRowC}
@keyframes gpRowC{0%,30%,100%{background:#FDF1EA;transform:none}8%,22%{background:#F9D5C2;transform:scale(1.04)}}
.slide.n4 h3{background:linear-gradient(270deg,#9A3412,#C2410C 50%,#D97757);-webkit-background-clip:text;background-clip:text;color:transparent}
.gpc .fa{font-family:Vazirmatn,sans-serif;direction:rtl}
.aic .gph b.fa{font-size:11px;font-weight:800}
.aif span.fa{font-size:11px;font-weight:700;color:#555}

/* new slider — slide 5: foreign payment on any site/app, no markup (owner, 7 Nov) */
.slide.n5{--c:#2F9E5C}
.slide.n5 .tag{background:#fff;border:0;color:#1F8A55}
.slide.n5 h3{align-self:flex-start;width:fit-content;background:linear-gradient(270deg,#166B43,#2F9E5C 55%,#4FB08A);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide.n5 .go{background:linear-gradient(90deg,#4FB08A,#2F9E5C 50%,#1F8A55)}
.slide.n5 .txt{width:50%}
@media (max-width:380px){.slide.n5 .txt{width:45%}}
.slide.n5 .gpc{top:0;gap:3px;padding:6px 8px 4px}
.slide.n5 .gpr{padding:4px 6px;grid-template-columns:1fr auto;background:#F1FAF4;animation-name:gpRowG}
@keyframes gpRowG{0%,30%,100%{background:#F1FAF4;transform:none}8%,22%{background:#D4F0DF;transform:scale(1.04)}}
.slide .art .pyr .ain svg{width:14px;height:14px;color:#2F9E5C;flex:none}
.slide.n5 .ain em{font-style:normal;font-size:10.5px;font-weight:800;color:#1d1d1f}
.pyr b.pd{font:900 9px/1 'Space Grotesk',sans-serif;color:#1F9D57;border:1.5px solid #1F9D57;border-radius:5px;padding:2px 4px;opacity:0;transform:scale(1.6) rotate(-8deg);animation:pdS 6s cubic-bezier(.2,1.4,.4,1) infinite;animation-delay:calc(var(--d) * 2s)}
@keyframes pdS{0%,4%{opacity:0;transform:scale(1.6) rotate(-8deg)}10%,90%{opacity:1;transform:scale(1) rotate(-8deg)}100%{opacity:0}}
.slide.n5 .gpc .gph img{width:16px;height:16px}
.slide.n5 .aif{border-top:0;padding:1px 7px 0}
.slide:not(.vis) .pyr b.pd,.slider.an .slide:not(.on) .pyr b.pd{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.pyr b.pd{animation:none;opacity:1;transform:rotate(-8deg)}}
.slide.n5 .gpc{width:142px;overflow:hidden}
.slide.n5 .ain em{font-size:10px}
.pyr b.pd{font-size:8px;padding:2px 3px;border-width:1.2px}
.slide .art .pyr .ain svg{width:13px;height:13px}
.slide.n5 .ain{gap:4px;min-width:0}

/* Hetzner tag: no tick, like the other slides (owner, 7 Nov) */
.tgs4 .slide.n1 .tag::before{content:none}

/* new slider: all «بدون کارمزد/…» tags plain white, one solid colour (owner, 7 Nov) */
.slide.n1 .tag,.slide.n2 .tag,.slide.n3 .tag,.slide.n4 .tag,.slide.n5 .tag{background:#fff!important;background-image:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}

/* Claude slide recoloured after the owner's reference (7 Nov): cream-white card, coral Claude orange accents, dark navy title */
.slide.n4{--c:#E07A4F;background:linear-gradient(160deg,#FFFAF6 0%,#FFF1E7 55%,#FDE3D2 100%)!important;border-color:#F6D3BF;box-shadow:inset 0 1px 0 #fff,0 14px 26px -18px rgba(224,122,79,.55)}
.slide.n4 .glow{opacity:.25!important}
.slide.n4 h3{background:none!important;-webkit-background-clip:border-box;background-clip:border-box;color:#141A33!important}
.slide.n4 p{color:#6B7280}
.slide.n4 .tag{color:#E07A4F!important}
.slide.n4 .tn{border-color:#E07A4F;color:#E07A4F;font-weight:900}
.slide.n4 .go{background:linear-gradient(90deg,#EE9466,#E07A4F)!important;border-color:rgba(255,255,255,.6);box-shadow:0 8px 18px -8px #E07A4F,inset 0 1px 0 rgba(255,255,255,.4)}
.slide.n4 .gpr,.slide.n4 .gpr:nth-child(odd){background:#FFF4EC}
@keyframes gpRowC{0%,30%,100%{background:#FFF4EC;transform:none}8%,22%{background:#FBDCC8;transform:scale(1.04)}}
.slide.n4 .ain em{color:#C2410C}

/* slider stands out from the page like a lit sign (owner, 7 Nov) — ?sx=2..6 */
@property --sxa{syntax:'<angle>';inherits:false;initial-value:0deg}
html.solo-slidermore #view .page > *:not(.slider):not(.sh):not(.marq){display:none!important}
html.solo-slidermore #view .page > .sh ~ .sh,html.solo-slidermore #view .page > .marq ~ .marq{display:none!important}
/* 2: coloured halo glow behind each slide */
.sx2 .slide{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1.5px color-mix(in srgb,var(--c) 45%,#fff),0 18px 40px -12px color-mix(in srgb,var(--c) 70%,transparent),0 0 60px -10px color-mix(in srgb,var(--c) 45%,transparent)}
/* 3: neon rim — light runs around the edge */
.sx3 .slide::after,.sx6 .slide::after{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;z-index:5;
 background:conic-gradient(from var(--sxa),transparent 0 62%,color-mix(in srgb,var(--c) 40%,#fff) 72%,#fff 78%,var(--c) 84%,transparent 94%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
 animation:sxSpin 4.5s linear infinite}
.sx3 .slide{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px color-mix(in srgb,var(--c) 30%,#fff),0 14px 30px -14px color-mix(in srgb,var(--c) 70%,transparent)}
@keyframes sxSpin{to{--sxa:360deg}}
/* 4: lit sign — light from the top edge + a shine sweeping across */
.sx4 .slide{box-shadow:inset 0 2px 0 rgba(255,255,255,1),inset 0 24px 40px -24px rgba(255,255,255,.9),0 0 0 1.5px color-mix(in srgb,var(--c) 40%,#fff),0 22px 44px -14px color-mix(in srgb,var(--c) 75%,transparent)}
.sx4 .slide::after,.sx6 .slide::before{content:'';position:absolute;top:-20%;bottom:-20%;left:-40%;width:32%;pointer-events:none;z-index:4;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%) skewX(-12deg);animation:sxShine 5.5s ease-in-out infinite}
@keyframes sxShine{0%,55%{transform:translateX(-120%) skewX(-12deg)}80%,100%{transform:translateX(560%) skewX(-12deg)}}
/* 5: floating — lifted with a soft coloured reflection under it */
.sx5 .slide{transform:translateY(-4px);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px color-mix(in srgb,var(--c) 30%,#fff),0 2px 4px rgba(0,0,0,.06),0 12px 20px -6px rgba(0,0,0,.14),0 30px 42px -18px color-mix(in srgb,var(--c) 80%,transparent)}
/* 6 = halo + neon rim + shine */
.sx6 .slide{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 18px 40px -12px color-mix(in srgb,var(--c) 70%,transparent),0 0 56px -12px color-mix(in srgb,var(--c) 45%,transparent)}
.slide:not(.vis)::after,.slide:not(.vis)::before,.slider.an .slide:not(.on)::after,.slider.an .slide:not(.on)::before{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.slide::after,.slide::before{animation:none!important}}
html.solo #view .page{padding-top:26px}
/* stronger effects */
.sx2 .slide{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 2px color-mix(in srgb,var(--c) 55%,#fff),0 18px 44px -10px color-mix(in srgb,var(--c) 85%,transparent),0 0 70px -6px color-mix(in srgb,var(--c) 55%,transparent)}
.sx6 .slide{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 18px 44px -10px color-mix(in srgb,var(--c) 85%,transparent),0 0 70px -6px color-mix(in srgb,var(--c) 55%,transparent)}
.sx3 .slide::after,.sx6 .slide::after{padding:2.5px}
/* let the glow paint outside the clipped track */
html[class*=" sx"] .track{overflow-clip-margin:44px}
html[class*=" sx"] .slider + .sh{margin-top:44px}

/* owner's choice: neon rim (3) + coloured halo (2) (7 Nov) */
.sx3 .slide{box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px color-mix(in srgb,var(--c) 35%,#fff),0 18px 44px -10px color-mix(in srgb,var(--c) 85%,transparent),0 0 70px -6px color-mix(in srgb,var(--c) 55%,transparent)}

/* add-to-cart icon samples (owner, 7 Nov) — ?ca=7 bag + brand logo, ?ca=8 brand logo + plus */
.cab{position:relative;display:inline-grid;place-items:center;width:22px;height:22px;flex:none}
.cab svg{position:absolute;inset:0;width:22px;height:22px}
.cab img{width:11px;height:11px;margin-top:6px;border-radius:50%;box-shadow:0 0 0 1.5px #fff}
.cal{position:relative;display:inline-block;width:22px;height:22px;flex:none}
.cal img{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.9)}
.cal i{position:absolute;right:-5px;bottom:-4px;width:12px;height:12px;border-radius:50%;background:#fff;color:var(--accent);font:900 11px/12px Vazirmatn,sans-serif;text-align:center;font-style:normal;box-shadow:0 1px 3px rgba(0,0,0,.2)}
html.solo-act #view .page > *:not(.actbar){display:none!important}
html.solo-act #view .page{padding-top:10px}
.cab{width:24px;height:24px}.cab svg{width:24px;height:24px}.cab img{width:12px;height:12px;margin-top:7px}

/* brand cart icons: logo on a white disc so it never blends into the green button (owner, 7 Nov) */
.cab{width:26px;height:26px}.cab svg{width:26px;height:26px}
.cab img{width:14px;height:14px;margin-top:7px;padding:1.5px;background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.cal img{padding:2px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.cab svg path:first-child{fill:#fff}
.cab img{width:15px;height:15px;margin-top:8px;padding:0;background:none;box-shadow:none}
.cal{width:24px;height:24px}.cal img{width:24px;height:24px}
.cab img{position:relative;z-index:1}
.cab img{width:13px;height:13px;margin-top:8px}
.cab{width:28px;height:28px}.cab svg{width:28px;height:28px}.cab img{width:15px;height:15px;margin-top:9px}
.cab{width:22px;height:22px}.cab svg{width:22px;height:22px}.cab img{width:12px;height:12px;margin-top:7px}
.cab{width:28px;height:28px}.cab svg{width:28px;height:28px}.cab img{width:11px;height:11px;margin-top:10px}

/* brand cart icon: S centred in the bag body, scales with the button text (owner, 7 Nov) */
.cab{width:1.6em;height:1.6em;flex:none}.cab svg{width:100%;height:100%}
.cab img{position:absolute;left:50%;top:59%;width:44%;height:44%;margin:0;transform:translate(-50%,-50%)}
.cab{width:1.75em;height:1.75em}.cab img{width:42%;height:48%;top:60%}

/* cart item delete: glass circle with a visible rim (owner, 7 Nov) */
.ci-row .rm{width:38px;height:38px;background:rgba(255,255,255,.62);border:1.5px solid rgba(255,255,255,.95);outline:1px solid color-mix(in srgb,var(--danger) 22%,transparent);outline-offset:0;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 6px rgba(0,0,0,.04),0 6px 14px -8px rgba(220,38,38,.45);-webkit-backdrop-filter:blur(10px) saturate(1.6);backdrop-filter:blur(10px) saturate(1.6)}
.ci-row .rm svg{width:17px;height:17px}
.ci-row .rm:active{transform:scale(.94)}

/* long plan lists (e.g. Stars, 13 packs) in two columns (owner, 7 Nov) */
.pls.pls2{grid-template-columns:1fr 1fr;gap:8px}
.pls2 .plr{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 8px;padding:11px 12px}
.pls2 .plr .rd{grid-row:1/3;align-self:center}
.pls2 .plr > span:nth-child(2) b{font-size:14px}
.pls2 .plr .pr{grid-column:2;justify-self:start;font-size:13px;margin:0}
.pls2 .plr .pr small{font-size:10.5px}
.pls2 .plr .rd{grid-column:1;grid-row:1/3;margin:0;order:0}
.pls2 .plr > span:nth-child(2){grid-column:2;grid-row:1}
.pls2 .plr .pr{grid-row:2}
.pls2 .plr:last-of-type:nth-of-type(odd){grid-column:1/-1;grid-template-columns:auto auto;justify-content:center;column-gap:10px} /* آخرین کاشی تنها: تمام‌عرض، محتوا وسط (مالک، ۷ نوامبر) */
.pls2 .plr:last-of-type:nth-of-type(odd) .pr{justify-self:start}

/* cart: no jiggle on tap; smooth fade-and-collapse on delete (owner, 7 Nov) */
.ci-row .rm:active{transform:none;background:rgba(255,255,255,.85)}
.ci-row .rm{transition:background .15s}
.ci-row{transition:opacity .28s ease,height .38s ease .1s,padding .38s ease .1s,margin .38s ease .1s,border-width .38s ease .1s}
.ci-row.out{transform:none!important;animation:none!important;overflow:hidden}
#cl .ci-row.out{opacity:0;height:0;padding-block:0;margin-block:0;border-width:0}

/* Telegram-like delete: dust disintegration (owner, 7 Nov) */
.ci-row.dusting{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 var(--wm,100%),transparent calc(var(--wm,100%) + 18%));mask-image:linear-gradient(90deg,#000 0%,#000 var(--wm,100%),transparent calc(var(--wm,100%) + 18%));animation:wipe .45s ease-in forwards!important}
@property --wm{syntax:'<percentage>';inherits:false;initial-value:100%}
@keyframes wipe{from{--wm:100%}to{--wm:-20%}}
.dust{position:fixed;z-index:60;pointer-events:none}
.dust i{position:absolute;width:3px;height:3px;border-radius:50%;opacity:0;animation:dust .7s ease-out forwards;animation-delay:var(--dl)}
@keyframes dust{0%{opacity:.95;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.4)}}
@media (prefers-reduced-motion:reduce){.dust{display:none}.ci-row.dusting{animation:none!important}}

/* contact page: three glass tiles side by side (owner, 7 Nov) */
.ctiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ctile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 6px 14px;border-radius:20px;text-align:center}
.ctile .ri{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--c) 28%,#fff)}
.ctile .ri svg{width:22px;height:22px}
.ctile b{font-size:12.5px;font-weight:800;line-height:1.5}
.ctile:nth-child(2) .ri{width:52px;height:52px}

/* drawer bottom: bot · support (middle) · channel (owner, 7 Nov) */
.dso{grid-template-columns:repeat(3,1fr)}
.dso a span{font-size:11.5px;white-space:nowrap}

/* pull-to-refresh inside the open side menu (owner, 7 Nov) */
.ptr{position:absolute;left:50%;top:10px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);box-shadow:0 4px 12px rgba(0,0,0,.15);opacity:0;transform:translate(-50%,0);pointer-events:none;z-index:5;transition:opacity .15s}
.ptr svg{width:18px;height:18px}
.ptr.go{background:var(--accent);color:#fff}
.ptr.spin{animation:ptrs .7s linear infinite}
@keyframes ptrs{to{transform:translate(-50%,45px) rotate(360deg)}}

/* drawer: 3 quick tiles on top, aligned with the 3 tiles at the bottom (owner, 7 Nov) */
.dq{grid-template-columns:repeat(3,1fr)}
.dq,.dso{gap:8px}

/* custom pull-to-refresh (owner, 7 Nov) — ?pr=1 logo + filling ring, 2 glass drop, 3 neon burst */
html.cptr,html.cptr body{overscroll-behavior-y:contain}
.pgr{--k:0;--y:0px;position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) - 6px);z-index:80;width:58px;height:58px;margin-left:-29px;opacity:0;pointer-events:none;transform:translateY(var(--y));will-change:transform}
.pgr.back{transition:transform .3s cubic-bezier(.2,.8,.3,1),opacity .25s}
.pgr-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.pgr-ring circle{fill:none;stroke-width:4}
.pgr-ring .bg{stroke:rgba(63,157,120,.18)}
.pgr-ring .fg{stroke:var(--accent);stroke-linecap:round;transition:stroke .2s}
.pgr-core{position:absolute;inset:7px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(14px) saturate(1.8);backdrop-filter:blur(14px) saturate(1.8);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 10px 22px -8px rgba(31,138,85,.55)}
.pgr-core img{width:34px;height:34px;transform:rotate(calc(var(--k) * 300deg)) scale(calc(.6 + var(--k) * .4))}
.pgr.ready .pgr-core{box-shadow:inset 0 1px 0 #fff,0 0 0 4px rgba(63,157,120,.18),0 12px 26px -8px rgba(31,138,85,.7)}
.pgr-burst{position:absolute;inset:-14px;border-radius:50%;border:2px solid var(--accent);opacity:0}
.pgr.go .pgr-core img{animation:pgrSpin .6s cubic-bezier(.5,0,.3,1) infinite}
.pgr.go .pgr-ring{animation:pgrRing .9s linear infinite}
.pgr.go .pgr-burst{animation:pgrBurst .6s ease-out}
.pgr.go{transform:translateY(60px)}
@keyframes pgrSpin{to{transform:rotate(360deg)}}
@keyframes pgrRing{to{transform:rotate(270deg)}}
@keyframes pgrBurst{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(1.5)}}
/* 2: glass drop — stretches as you pull, bounces on release */
.pr2 .pgr-ring{display:none}
.pr2 .pgr-core{inset:4px;border-radius:50% 50% 50% 50% / calc(50% + var(--k) * 12%) calc(50% + var(--k) * 12%) 50% 50%;transform:scaleY(calc(1 + var(--k) * .22)) scaleX(calc(1 - var(--k) * .08));transform-origin:50% 0;background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(210,242,226,.7))}
.pr2 .pgr.ready .pgr-core{background:linear-gradient(160deg,#5BC79D,#2F9E5C)}
.pr2 .pgr.ready .pgr-core img{filter:brightness(0) invert(1)}
.pr2 .pgr.go .pgr-core{animation:pgrDrop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes pgrDrop{0%{transform:scale(1.15,.8)}60%{transform:scale(.92,1.08)}100%{transform:none}}
/* 3: neon — coloured glow ring that brightens, then a light burst */
.pr3 .pgr-ring .fg{stroke:url(#none);stroke:#5BC79D;filter:drop-shadow(0 0 4px #5BC79D)}
.pr3 .pgr-core{background:rgba(255,255,255,.6);box-shadow:0 0 calc(var(--k) * 26px) rgba(91,199,157,.85),inset 0 1px 0 #fff}
.pr3 .pgr.go .pgr-burst{border-width:3px;border-color:#5BC79D;box-shadow:0 0 18px #5BC79D;animation:pgrBurst .8s ease-out infinite}
@media (prefers-reduced-motion:reduce){.pgr *{animation:none!important}}
.pr2 .pgr.ready .pgr-core img{filter:none}

/* drawer bottom links: lighter styles (owner, 7 Nov) — ?db=2..5 */
.db2 .dso a,.db3 .dso a,.db5 .dso a{background:none;border:0;box-shadow:none}
/* 2: glass icon circles, no box */
.db2 .dso a{padding:4px 0;gap:7px}
.db2 .dso svg{width:22px;height:22px;padding:12px;box-sizing:content-box;border-radius:50%;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 6px 14px -8px rgba(31,138,85,.45)}
/* 3: icon + text, thin dividers */
.db3 .dso{gap:0}
.db3 .dso a{padding:6px 0;border-radius:0}
.db3 .dso a+a{border-inline-start:1px solid var(--line)}
/* 4: one glass strip with three items */
.db4 .dso{gap:0;padding:6px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.5);box-shadow:inset 0 1px 0 #fff;margin-top:14px}
.db4 .dso a{background:none;border:0;box-shadow:none;padding:8px 0}
.db4 .dso a+a{border-inline-start:1px solid var(--line);border-radius:0}
/* 5: small pills in a row */
.db5 .dso{gap:6px}
.db5 .dso a{flex-direction:row;justify-content:center;gap:4px;padding:8px 4px;border-radius:99px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.8)}
.db5 .dso svg{width:16px;height:16px}
.db5 .dso a span{font-size:10.5px}

/* refresh indicator smaller, thinner ring (owner, 7 Nov) */
.pgr{width:44px;height:44px;margin-left:-22px}
.pgr-ring circle{stroke-width:2.6}
.pgr-core{inset:6px}
.pgr-core img{width:24px;height:24px}
.pgr-burst{inset:-10px;border-width:1.5px}

/* 6 (owner's pick): keep the box shape, but transparent like the background — only a thin line around each box */
.db6 .dso a{background:transparent;box-shadow:none;border:1px solid rgba(0,0,0,.1)}

/* amount step designs (owner, 7 Nov) — ?as=2..5 */
html.solo-wiz #view .page > *:not(#wz):not(.hero){display:none!important}
/* 2 ⭐ flat & light: no box-in-box, outlined quick chips, total in thin capsule */
.as2 .wbody .calc{background:none;border:0;box-shadow:none;padding:4px 0 0;-webkit-backdrop-filter:none;backdrop-filter:none}
.as2 .wpick{background:transparent;border:1px solid rgba(0,0,0,.08);box-shadow:none}
.as2 .calc .field{background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.08);box-shadow:none}
.as2 .calc .qk button{background:transparent;border:1px solid rgba(0,0,0,.12);box-shadow:none}
.as2 .calc .qk button:active{border-color:var(--accent);color:var(--accent)}
.as2 .calc .est{background:transparent;border:0;border-top:1px dashed rgba(0,0,0,.12);border-radius:0;padding:12px 2px 2px;box-shadow:none}
.as2 .calc .est .v{display:inline-block;padding:2px 14px;border:1px solid var(--accent);border-radius:99px;color:#1F8A55}
/* 3 big centred amount like a calculator */
.as3 .wbody .calc{text-align:center}
.as3 .calc .lbl{display:block;text-align:center}
.as3 .calc .field{background:none;border:0;box-shadow:none;justify-content:center}
.as3 .calc .field input{font-size:40px;font-weight:900;text-align:center;max-width:70%}
.as3 .calc .field .u{font-size:22px}
.as3 .calc .qk{justify-content:center}
.as3 .calc .qk button{background:transparent;border:1px solid rgba(0,0,0,.12);box-shadow:none}
.as3 .calc .est{text-align:center;background:color-mix(in srgb,var(--accent) 8%,rgba(255,255,255,.6))}
.as3 .calc .est .r{justify-content:center;gap:8px}
/* 4 exchange widget: «you pay» / «you get» two rows with a swap mark */
.as4 .calc .field{border-radius:18px 18px 6px 6px;margin-bottom:0}
.as4 .calc .qk{order:5}
.as4 .calc{display:flex;flex-direction:column}
.as4 .calc .est{position:relative;border-radius:6px 6px 18px 18px;margin-top:4px;background:color-mix(in srgb,var(--accent) 9%,rgba(255,255,255,.65));border:1px solid color-mix(in srgb,var(--accent) 22%,#fff)}
.as4 .calc .est::before{content:'⇅';position:absolute;top:-17px;left:50%;transform:translateX(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);font-weight:900;border:1px solid color-mix(in srgb,var(--accent) 30%,#fff);box-shadow:0 4px 10px -6px rgba(0,0,0,.3)}
.as4 .calc .lbl{order:-1}.as4 .calc .actbar{order:9}.as4 .calc .errm{order:6}
/* 5 minimal glass: one glass card, everything outlined, accent only on total */
.as5 .wbody .calc{background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff}
.as5 .calc .field,.as5 .calc .qk button,.as5 .calc .est{background:transparent;box-shadow:none;border:1px solid rgba(0,0,0,.1)}
.as5 .calc .est .v{color:#1F8A55}

/* step bar fits 4–5 steps on phones: label under the circle, compact (owner, 7 Nov) */
.wsteps.n4,.wsteps.n5{gap:4px;align-items:flex-start}
.wsteps.n4 .ws,.wsteps.n5 .ws{flex-direction:column;gap:4px;min-width:0}
.wsteps.n4 .ws .wn,.wsteps.n5 .ws .wn{width:30px;height:30px}
.wsteps.n4 .ws .wt,.wsteps.n5 .ws .wt{font-size:11.5px;white-space:nowrap}
.wsteps.n4 .wl,.wsteps.n5 .wl{margin-top:14px;min-width:8px}
.as3 .calc .field{gap:8px}
.as3 .calc .field input{flex:0 0 auto;max-width:72%;min-width:1.2em;width:2em;padding-inline:0}
.as3 .calc .field .u{flex:none}

/* drawer header samples (owner, 7 Nov) — ?dh=2 centred name, no logo; ?dh=3 centred name + day/night button where the logo was */
.drawer .dh .thm{display:none}
.dh2 .drawer .dh,.dh3 .drawer .dh{position:relative;justify-content:center;min-height:44px}
.dh2 .drawer .dh img,.dh3 .drawer .dh img{display:none}
.dh2 .drawer .dh .xb,.dh3 .drawer .dh .xb{position:absolute;left:0;top:50%;transform:translateY(-50%)}
.dh3 .drawer .dh .thm{display:grid;place-items:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;padding:0;color:#3b3f5c;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff}
.dh3 .drawer .dh .thm svg{width:19px;height:19px}

/* ==== DARK MODE (generated) ==== */
html.dark{--bg:#0E1412;--text:#E7ECEA;--muted:#9BA5A1;--accent:#4FB58C;--accent-2:#5FC49B;--accent-soft:rgba(79,181,140,.16);
 --glass:rgba(30,37,41,.55);--glass-strong:rgba(30,37,41,.72);--glass-row:rgba(30,37,41,.6);--rim:rgba(255,255,255,.1);
 --gshadow:0 10px 30px -12px rgba(0,0,0,.6);--line:rgba(255,255,255,.08);--sheet:rgba(20,26,28,.86);--scrim:rgba(0,0,0,.5);color-scheme:dark}
html.dark body{background:var(--bg)}
html.dark .bgfx i{opacity:.28}
html.dark input,html.dark textarea{color:var(--text)}
html.dark .wm{color:var(--text)}
html.dark img[src$="logo.svg"]{filter:none}
html.dark .slide .txt p{color:#5f6a66}
html.dark .gl{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 rgba(255,255,255,.4),var(--gshadow)}
html.dark .btn.pri{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px -12px var(--accent)}
html.dark .btn.ghost{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .chip{background:rgba(30,37,41,.65)}
html.dark .top.sc{border-bottom-color:rgba(255,255,255,0.10)}
html.dark .ib{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--gshadow)}
html.dark .ib .dot{border:2px solid rgba(255,255,255,.12)}
html.dark .brand{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--gshadow)}
html.dark .brand.on{border-color:color-mix(in srgb,var(--accent) 45%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 4px rgba(63,157,120,.14),var(--gshadow)}
html.dark .dots i.on{background:color-mix(in srgb,var(--accent) 25%,rgba(30,37,41,.6))}
html.dark .pc3{background:linear-gradient(170deg,color-mix(in srgb,var(--c) 28%,rgba(30,37,41,.55)) 0%,rgba(30,37,41,.5) 75%);border:1px solid color-mix(in srgb,var(--c) 32%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 26px -18px color-mix(in srgb,var(--c) 80%,transparent)}
html.dark .pc3 .pl{background:rgba(30,37,41,.7);border:1px solid color-mix(in srgb,var(--c) 35%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .rt{border:1px solid rgba(255,255,255,0.12)}
html.dark .cat{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .sq{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),var(--gshadow)}
html.dark .sq .ico{background:color-mix(in srgb,var(--c) 16%,rgba(30,37,41,.6));border:1px solid color-mix(in srgb,var(--c) 30%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .row-i{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px -14px rgba(30,40,35,.3)}
html.dark .row-i .ri{background:color-mix(in srgb,var(--c) 14%,rgba(30,37,41,.6));border:1px solid color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.12))}
html.dark .hero{background:linear-gradient(150deg,color-mix(in srgb,var(--c) 26%,rgba(30,37,41,.55)) 0%,rgba(30,37,41,.5) 70%);border:1px solid color-mix(in srgb,var(--c) 30%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 34px -22px color-mix(in srgb,var(--c) 80%,transparent)}
html.dark .plr{border:1.5px solid rgba(255,255,255,0.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .plr.on{background:color-mix(in srgb,var(--c) 10%,rgba(30,37,41,.7))}
html.dark .plr.on .rd{box-shadow:inset 0 0 0 3px rgba(255,255,255,.08)}
html.dark .field{background:rgba(30,37,41,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .field:focus-within{border-color:color-mix(in srgb,var(--accent) 60%,rgba(255,255,255,.12))}
html.dark .qk button{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .seg button.on{background:#1E2529}
html.dark .est{background:color-mix(in srgb,var(--accent) 9%,rgba(30,37,41,.65));border:1px solid color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.12))}
html.dark .ci-row .ri{background:color-mix(in srgb,var(--c,#3F9D78) 14%,rgba(30,37,41,.6));border:1px solid color-mix(in srgb,var(--c,#3F9D78) 28%,rgba(255,255,255,.12))}
html.dark .ci-row .rm{background:rgba(30,37,41,.5)}
html.dark .inp{background:rgba(30,37,41,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .inp:focus{border-color:color-mix(in srgb,var(--accent) 60%,rgba(255,255,255,.12))}
html.dark .st i{background:rgba(30,37,41,.7)}
html.dark .bal{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 26px -16px var(--accent)}
html.dark .bal a{background:rgba(30,37,41,.22);border:1px solid rgba(255,255,255,0.07)}
html.dark .tile .ti{background:color-mix(in srgb,var(--c,#3F9D78) 14%,rgba(30,37,41,.6))}
html.dark .flk a{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .fsoc a{background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .fcart{background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 36px -14px rgba(20,30,25,.4)}
html.dark .fcart .ci i{border:2px solid rgba(255,255,255,.12)}
html.dark .fcart .go{box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .sheet{background:linear-gradient(180deg,color-mix(in srgb,var(--c) 16%,rgba(30,37,41,.72)) 0%,var(--sheet) 38%);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 -20px 50px -20px rgba(20,30,25,.45)}
html.dark .sheet .ti{background:rgba(30,37,41,.6);border:1px solid color-mix(in srgb,var(--c) 30%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px -12px var(--c)}
html.dark .xb{background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .drawer{background:rgba(30,37,41,.66)}
html.dark .panel{background:rgba(30,37,41,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px -20px rgba(20,30,25,.45)}
html.dark .toast{background:rgba(30,37,41,.84);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 34px -14px rgba(20,40,30,.4)}
html.dark .sheet .qbody .card{background:rgba(30,37,41,.45)}
html.dark .acc .card{border-color:color-mix(in srgb,var(--c) 30%,rgba(255,255,255,.12))}
html.dark .row-i.opn{border-color:color-mix(in srgb,var(--c) 45%,rgba(255,255,255,.12))}
html.dark .ws.done .wn{background:color-mix(in srgb,var(--c) 85%,#1E2529)}
html.dark .wo{background:linear-gradient(170deg,color-mix(in srgb,var(--c) 20%,rgba(30,37,41,.6)),rgba(30,37,41,.55) 75%);border:1px solid color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 20px -16px var(--c)}
html.dark .wo .ri{background:rgba(30,37,41,.7)}
html.dark .wpick{background:color-mix(in srgb,var(--c) 10%,rgba(30,37,41,.6));border:1px solid color-mix(in srgb,var(--c) 22%,rgba(255,255,255,.12))}
html.dark .wpick .ri{background:rgba(30,37,41,.75)}
html.dark .wiz .calc{background:rgba(30,37,41,.4)}
html.dark .wiz .wplans{background:rgba(30,37,41,.4)}
html.dark .wsum{background:rgba(30,37,41,.55)}
html.dark.bx4 .wo::after{border:2px solid color-mix(in srgb,var(--c) 45%,rgba(255,255,255,.12));background:rgba(30,37,41,.8);box-shadow:inset 0 0 0 4px rgba(255,255,255,.08)}
html.dark.bx5 .wo{background:linear-gradient(160deg,color-mix(in srgb,var(--c) 42%,#1E2529),color-mix(in srgb,var(--c) 16%,#1E2529));border-color:color-mix(in srgb,var(--c) 45%,rgba(255,255,255,.12))}
html.dark.bx5 .wo .ri{background:#1E2529}
html.dark.bi3 .wo::after{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px -6px rgba(0,0,0,.35);background:rgba(30,37,41,.75) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E") center/14px no-repeat}
html.dark.bi5 .wo::after{background:#1E2529 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23CBD5E1' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat}
html.dark.bi7 .wo::after{background:rgba(30,37,41,.8);border:1px solid color-mix(in srgb,var(--c) 35%,rgba(255,255,255,.12))}
html.dark .rva.ph{background:#1E2529;border:2px solid rgba(255,255,255,.12)}
html.dark.sb3 .svbox .sq{border:1px solid rgba(255,255,255,0.12)}
html.dark.sb4 .svbox .sq{border:1px solid rgba(255,255,255,0.12)}
html.dark.mb2 .svbox .moreall{border-top:1px solid rgba(255,255,255,0.11)}
html.dark.mb4 .svbox .moreall{border:1px solid color-mix(in srgb,var(--accent) 60%,rgba(255,255,255,.12));box-shadow:0 10px 18px -10px var(--accent),inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .mbi img{background:#1E2529;border:2px solid rgba(255,255,255,.12)}
html.dark.mb6 .svbox .moreall .mbv{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 16px -10px rgba(0,0,0,.35)}
html.dark .moreall .mbg{background:rgba(30,37,41,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px -5px rgba(0,0,0,.35)}
html.dark.em2 .moreall .mbg,html.dark.em4 .moreall .mbg{background:linear-gradient(145deg,#1E2529,#e9efec);border:1px solid rgba(255,255,255,0.14)}
html.dark.em3 .moreall .mbg,html.dark.em5 .moreall .mbg{border:1px solid rgba(255,255,255,0.09)}
html.dark.em4 .svbox .moreall{border:1px solid rgba(255,255,255,0.08)}
html.dark.em5 .svbox .moreall{background:linear-gradient(145deg,rgba(30,37,41,.95),rgba(233,239,236,.9));border:1px solid rgba(255,255,255,0.14)}
html.dark .rlk .rlc{background:rgba(30,37,41,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px -5px rgba(0,0,0,.35)}
html.dark.rl3 .rates .ft .rlk{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -10px rgba(0,0,0,.35)}
html.dark.rl4 .rates .ft .rlk{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -10px rgba(0,0,0,.35)}
html.dark.rl5 .rlk .rlc{background:rgba(30,37,41,.25);border-color:rgba(255,255,255,0.07)}
html.dark.rl6 .rates .ft .rlk{background:color-mix(in srgb,var(--accent) 12%,rgba(30,37,41,.7));border:1px solid color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.12))}
html.dark.rl7 .rates .ft .rlk,html.dark.rl8 .rates .ft .rlk,html.dark.rl9 .rates .ft .rlk{background:color-mix(in srgb,var(--accent) 12%,rgba(30,37,41,.7));border:1px solid color-mix(in srgb,var(--accent) 25%,rgba(255,255,255,.12))}
html.dark.rl7 .rates .ft .rlk{box-shadow:0 4px 10px -8px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px 0 rgba(255,255,255,.06)}
html.dark.mb5 .svbox .moreall{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 10px -8px rgba(30,40,35,.28)}
html.dark.ar5 .moreall .mbg{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 5px -4px rgba(0,0,0,.3)}
html.dark .rva.lg,html.dark .rva.ph{background:#1E2529;border:2px solid rgba(255,255,255,.12)}
html.dark .ftb{background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .fab li{background:rgba(30,37,41,.5)}
html.dark.fs3 .fab li svg{background:rgba(30,37,41,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark.fs6.fc4 .fab ul{background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark #footer .flk a,html.dark #footer .fsoc a,html.dark #footer .ftb{background:rgba(30,37,41,.5)}
html.dark .rvc.gl{background:rgba(30,37,41,.58)}
html.dark .dq a{background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .dso a{background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark .dsv a{background:rgba(30,37,41,.5)}
html.dark .cab img{box-shadow:0 0 0 1.5px rgba(255,255,255,.08)}
html.dark .cal img{box-shadow:0 0 0 1.5px rgba(255,255,255,.08)}
html.dark .cal i{background:#1E2529}
html.dark .cab img{background:#1E2529}
html.dark .cal img{background:#1E2529}
html.dark .ci-row .rm{background:rgba(30,37,41,.62);border:1.5px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -2px 6px rgba(0,0,0,.04),0 6px 14px -8px rgba(220,38,38,.45)}
html.dark .ci-row .rm:active{background:rgba(30,37,41,.85)}
html.dark .ctile .ri{background:color-mix(in srgb,var(--c) 14%,rgba(30,37,41,.6));border:1px solid color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.12))}
html.dark.db2 .dso svg{background:rgba(30,37,41,.6);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px -8px rgba(31,138,85,.45)}
html.dark.db4 .dso{border:1px solid rgba(255,255,255,0.14);background:rgba(30,37,41,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark.db5 .dso a{background:rgba(30,37,41,.45);border:1px solid rgba(255,255,255,0.12)}
html.dark.as2 .calc .field{background:rgba(30,37,41,.7)}
html.dark.as3 .calc .est{background:color-mix(in srgb,var(--accent) 8%,rgba(30,37,41,.6))}
html.dark.as4 .calc .est{background:color-mix(in srgb,var(--accent) 9%,rgba(30,37,41,.65));border:1px solid color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.12))}
html.dark.as4 .calc .est::before{background:#1E2529;border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.12))}
html.dark.as5 .wbody .calc{background:rgba(30,37,41,.35);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
html.dark.dh3 .drawer .dh .thm{background:rgba(30,37,41,.55);border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}

/* day/night button = same size as the close button (owner, 7 Nov) */
.dh3 .drawer .dh .thm{width:36px;height:36px;border:1px solid var(--rim);background:rgba(255,255,255,.5);color:var(--text)}
.dh3 .drawer .dh .thm svg{width:18px;height:18px}
html.dark.dh3 .drawer .dh .thm,html.dark .xb{background:rgba(30,37,41,.6);border-color:rgba(255,255,255,.12);color:var(--text)}
html.dark body::after{background:linear-gradient(to bottom,rgba(14,20,18,0),#0E1412 85%)}
/* dark mode fixes from audit (owner, 7 Nov) */
html.dark .top.sc{background:rgba(14,20,18,.72)}
html.dark .cat.on{background:var(--accent);border-color:var(--accent);color:#fff}
html.dark .sres{background:rgba(14,20,18,.9)}
html.dark .faq details p{color:#B9C2BE}
html.dark .prose p,html.dark .prose li{color:#C3CBC7}
html.dark .slide .txt p{color:inherit}

/* slider dots in night mode: white inactive dots (owner, 7 Nov) */
html.dark .dots i{background:rgba(255,255,255,.6)}
html.dark .dots i.on{background:rgba(255,255,255,.25)}

/* more space between the header (search) and the slider (owner, 7 Nov) */
.page.home > .slider{margin-top:22px}

/* refresh logo: upright at rest, one full turn as you pull (upright again at the trigger point), spins whole turns while refreshing, eases back upright on cancel (owner, 7 Nov) */
.pgr-core img{transform:rotate(calc(var(--k) * 360deg)) scale(calc(.6 + var(--k) * .4))}
.pgr.back .pgr-core img{transition:transform .3s cubic-bezier(.2,.8,.3,1)}
.pgr.go .pgr-core img{animation:pgrSpin .6s cubic-bezier(.5,0,.3,1) infinite;transform:none}
@keyframes pgrSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* order details form per service (owner, 7 Nov) */
.oinfo{padding:14px;margin:12px 0 4px;border-radius:20px}
.oih{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:2px}
.oih svg{width:18px;height:18px;color:var(--accent)}
.oinfo .lbl2:first-of-type{margin-top:6px}
.oinfo .inp.err{border-color:var(--danger)}
.oinfo .errm{font-size:11.5px;color:var(--danger);margin:4px 4px 0;min-height:0}
.oinfo .seg{margin-top:2px}
.oinote{display:flex;gap:6px;align-items:flex-start;margin-top:12px;font-size:11.5px;color:var(--muted);line-height:1.8}
.oinote svg{width:15px;height:15px;flex:none;margin-top:3px;color:var(--accent)}
.wbody .oinfo{margin-top:14px}

/* order-detail labels: line icons in the site style instead of emoji (owner, 7 Nov) */
.lbl2.oil{display:flex;align-items:center;gap:7px}
.lbl2.oil svg{width:17px;height:17px;flex:none;color:var(--accent)}
.oinote svg{width:16px;height:16px}

/* floating cart tab lower, near the bottom like shop sites (owner, 7 Nov) */
.cb3 .fcart{top:auto;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:none}
@keyframes popT{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:none}}

/* fly-to-cart (owner, 7 Nov) */
.flyc{position:fixed;z-index:90;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;pointer-events:none;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:0 10px 22px -8px rgba(31,138,85,.55),inset 0 1px 0 #fff}
.flyc img{width:34px;height:34px;border-radius:50%}
.fcart.bump{animation:cbump .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes cbump{0%{transform:none}35%{transform:scale(1.12)}100%{transform:none}}

/* add-to-cart animation samples (owner, 7 Nov) — ?fl=1..5 */
.flyc.fl2{width:22px;height:22px;background:radial-gradient(circle,#fff 0 30%,var(--accent) 31% 100%);border:0;box-shadow:0 0 0 6px rgba(63,157,120,.18),0 0 22px 4px rgba(63,157,120,.55)}
.flyc.fl3{box-shadow:0 8px 18px -8px rgba(0,0,0,.35)}
.flyc.fl4{box-shadow:0 14px 26px -10px rgba(31,138,85,.6)}
.fcart.wig{animation:cwig .6s ease}
@keyframes cwig{0%,100%{transform:none}20%{transform:rotate(-8deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}}
.fcart .ci i.pop{animation:cpop .5s cubic-bezier(.2,1.8,.4,1)}
@keyframes cpop{0%{transform:scale(1)}40%{transform:scale(1.6)}100%{transform:scale(1)}}
.btn.addok{background:linear-gradient(90deg,#2FA36B,#1F8A55)!important;transition:background .2s}
.btn.addok svg{animation:cpop .5s cubic-bezier(.2,1.8,.4,1)}

/* flying copy of the plan box (owner, 7 Nov) */
.flybox{box-shadow:0 18px 36px -12px rgba(31,138,85,.55)!important;border-radius:18px;background:rgba(255,255,255,.92)!important}
html.dark .flybox{background:rgba(30,37,41,.95)!important}

/* cart total bold (owner, 7 Nov) */
.kv .ctot b,.kv .ctot b .num{font-weight:900;font-size:17px}
.kv .ctot b small{font-weight:800}
.kv .ctot b,.kv .ctot b .num,.kv .ctot b *{color:var(--text)}

/* rates box: extra currencies inside the box, opened in place (owner, 7 Nov) */
.rates .rt.rmore{display:none}
.rates.ropen .rt.rmore{display:flex;animation:rIn .45s ease both}
.rates.ropen .rt.rmore:nth-child(6){animation-delay:.04s}.rates.ropen .rt.rmore:nth-child(7){animation-delay:.08s}.rates.ropen .rt.rmore:nth-child(8){animation-delay:.12s}.rates.ropen .rt.rmore:nth-child(9){animation-delay:.16s}.rates.ropen .rt.rmore:nth-child(10){animation-delay:.2s}
@keyframes rIn{from{opacity:0;transform:translateY(-6px)}}
.rates .rlk.op .mbi{display:none}
.rates .rlk .rlv,.rates .rlk .rlc{transition:transform .35s}
.rates .rlk.op .rlv,.rates .rlk.op .rlc{transform:rotate(90deg)}
.sq{transition:opacity .35s}
.all .sq{animation:none}
.moreall svg{transition:transform .35s}

/* services: hidden tiles stay hidden even inside the first-view limit (owner, 7 Nov) */
.all .sq.hide{display:none!important}

/* smooth open/close: no live blur while resizing (owner, 7 Nov) */
.tg-anim *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important} /* خودِ باکس شیشه‌اش را نگه می‌دارد تا رنگش چشمک نزند */
.tg-anim{will-change:height}
.tg-anim .sq{animation:none!important}

/* pay button samples (owner, 7 Nov) — ?pb=2..5 */
.pbtn{gap:8px}
.pbtn small{font-size:.78em;font-weight:700;opacity:.9}
.pb2 .pbtn{border-radius:99px;height:56px;font-size:15.5px}
.pb2 .pbtn svg{width:16px;height:16px}
.pb3 .pbtn{justify-content:space-between;padding-inline:18px 8px;height:58px}
.pb3 .pbtn .pbt{font-weight:900}
.pb3 .pbtn .pbm{margin-inline-start:auto;margin-inline-end:10px;padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);font-weight:900}
.pba{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:var(--accent);flex:none;box-shadow:0 4px 10px -4px rgba(0,0,0,.25)}
.pba svg{width:18px;height:18px}
.pb4 .pbtn{position:relative;overflow:hidden;height:56px}
.pb4 .pbtn svg{width:19px;height:19px}
.pbs{position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-15deg);animation:pbShine 3.2s ease-in-out infinite}
@keyframes pbShine{0%,55%{left:-40%}85%,100%{left:120%}}
.pb5 .pbtn{justify-content:space-between;padding-inline:22px 8px;height:58px;border-radius:99px;background:linear-gradient(90deg,#1F8A55,#14663F)!important;font-size:15.5px}

/* order-details form designs (owner, 7 Nov) — ?of=2..5 */
.oif{position:relative}
/* 2: icon inside the field, label on the field's top edge (floating), thin outline */
.of2 .oinfo{background:transparent;border:0;box-shadow:none;padding:4px 0}
.of2 .oif{margin-top:16px}
.of2 .oif .lbl2{position:absolute;top:-8px;inset-inline-start:14px;z-index:2;margin:0;padding:0 6px;font-size:11.5px;line-height:16px;height:16px}
.of2 .oif .lbl2 svg{display:none}
.of2 .oinet .lbl2{position:static;background:none;padding:0;margin:0 2px 6px}
.of2 .oinet .lbl2 svg{display:block}
.of2 .oif .inp{height:54px;background:transparent;border:0;box-shadow:none;border-radius:16px;position:relative;z-index:1}
.ofs{display:none}
/* حاشیهٔ بریده‌شده زیر عنوان (مثل فیلدهای اندروید) — پس‌زمینهٔ شیشه‌ای کارت پشت عنوان دیده می‌شود */
.of2 .ofs{display:block;position:absolute;top:-8px;left:0;right:0;height:62px;margin:0;padding:0 14px;border:1.2px solid rgba(0,0,0,.14);border-radius:16px;pointer-events:none;min-width:0;transition:border-color .2s,box-shadow .2s}
.of2 .ofs legend{padding:0 6px;height:16px;font-size:11.5px;font-weight:800;line-height:16px;visibility:hidden;max-width:100%;white-space:nowrap}
.of2 .inp:focus~.ofs{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.of2 .inp.err~.ofs{border-color:var(--danger)}
/* 3: minimal underline */
.of3 .oinfo{background:transparent;border:0;box-shadow:none;padding:2px 2px}
.of3 .oif{margin-top:10px}
.of3 .oif .inp{height:44px;border:0;border-bottom:1.5px solid rgba(0,0,0,.14);border-radius:0;background:transparent;box-shadow:none;padding-inline:2px}
.of3 .oif .inp:focus{border-bottom-color:var(--accent)}
/* 4: icon inside the input on the start side, glass pill */
.of4 .oif .lbl2 svg{display:none}
.of4 .oif:not(.oinet) .lbl2{margin:12px 6px 6px;font-size:12px;color:var(--muted)}
.of4 .oif .inp{height:52px;border-radius:99px;padding-inline:16px 46px}
.of4 .oif .inp.ltr{padding-inline:46px 16px}
.of4 .oif:not(.oinet)::after{content:'';position:absolute}
/* 5: grouped list — one card, label right, input left, lines between rows */
.of5 .oinfo{padding:4px 14px}
.of5 .oif:not(.oinet){display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.of5 .oif:last-of-type{border-bottom:0}
.of5 .oif:not(.oinet) .lbl2{margin:0;white-space:nowrap;font-size:12.5px}
.of5 .oif:not(.oinet) .inp{height:42px;border:0;background:transparent;box-shadow:none;padding:0 6px;font-size:14px}
.of5 .oif .errm{grid-column:1/-1}
.of5 .oinet{padding:10px 0 8px;border-bottom:1px solid var(--line)}
html.dark.of2 .ofs,html.dark.of3 .oif .inp{border-color:rgba(255,255,255,.18)}
html.dark.of2 .inp:focus~.ofs{border-color:var(--accent)}
html.dark.of2 .inp.err~.ofs{border-color:var(--danger)}
.rates .rlk{justify-content:center}
.rates .rlk.op .mbi{display:inline-flex;visibility:hidden;width:0;margin:0}

/* extra rates: one soft fade-in only, no replay after the box finishes opening (owner, 7 Nov) */
.rates.ropen .rt.rmore{animation:rIn2 .5s ease both}
@keyframes rIn2{from{opacity:0}}

/* page transitions (owner, 7 Nov) */
.pg-in{animation:pgIn .42s cubic-bezier(.25,.8,.25,1) both}
.pg-back{animation:pgBack .38s cubic-bezier(.25,.8,.25,1) both}
@keyframes pgIn{from{opacity:0;transform:translateY(14px)}}
@keyframes pgBack{from{opacity:0;transform:translateX(-18px)}}

/* سبد شناور فقط آیکون + تعداد — بدون متن و قیمت (مالک، ۸ نوامبر) */
.cb3 .fcart .ct{display:none}
.cb3 .fcart{width:62px;padding:8px 8px 8px 6px;gap:0;border-radius:0 20px 20px 0}
/* لینک داخل پاسخ سؤالات متداول (مالک، ۸ نوامبر) */
.faq p a{color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px}
/* نمونه: فقط فوتر */
html.solo-foot #view{display:none!important}
html.solo.solo-foot #footer{display:block!important}
/* فاصله‌های فوتر — نمونه‌ها ?fg=2..4 (مالک، ۸ نوامبر) */
/* 2: فاصلهٔ استاندارد ۱۲ بین باکس‌ها، ۲۰ بین بخش‌ها، حاشیهٔ ۲۰؛ باکس‌های اعتماد کوتاه‌تر */
.fg2 #footer.ff,.fg3 #footer.ff,.fg4 #footer.ff{padding:22px 18px 18px}
.fg2 .fab,.fg3 .fab,.fg4 .fab{margin-top:14px}
.fg2 .flk,.fg3 .flk,.fg4 .flk{margin-top:20px;gap:12px}
.fg2 .fsoc,.fg2 .ftrust,.fg3 .fsoc,.fg3 .ftrust,.fg4 .fsoc,.fg4 .ftrust{margin-top:12px;gap:12px}
.fg2 .ftb{aspect-ratio:auto;min-height:96px}
/* 3: مثل ۲ + باکس‌های اعتماد هم‌قد باکس‌های ربات و کانال */
.fg3 .ftb{aspect-ratio:auto;min-height:0;height:73px}
.fg3 .ftb small{display:none}
/* 4: مثل ۲ + بخش‌ها با خط نازک از هم جدا */
.fg4 .ftb{aspect-ratio:auto;min-height:96px}
.fg4 .flk{padding-top:20px;border-top:1px solid var(--line)}
.fg4 .ftrust{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
/* صفحهٔ پیشنهادهای ویژه (مالک، ۸ نوامبر) */
.ofg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px}
.ofg .pc3{width:auto;height:auto;min-height:196px;padding-bottom:14px}
.ofg .pc3 img{width:60px;height:60px}
.ofg .pc3 b{font-size:14.5px}.ofg .pc3 .sub{font-size:11.5px}
.ofp{font-size:11.5px;color:var(--muted);margin-top:6px}.ofp .tn{font-size:14px;color:var(--text);font-weight:900}
.ofg .pc3 .pl{margin-top:10px;font-size:12px;padding:5px 12px 5px 9px}
.ofg.g3{grid-template-columns:repeat(3,1fr);gap:10px}
.ofg.g3 .pc3{min-height:168px}.ofg.g3 .pc3 img{width:52px;height:52px}.ofg.g3 .pc3 b{font-size:13px}.ofg.g3 .pc3 .sub{font-size:10.5px}
.ofl{display:grid;gap:10px;margin-top:6px}
.ofr{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;color:inherit;text-decoration:none}
.ofr .oi{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 16%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--c) 25%,transparent)}
.ofr .oi img{width:34px;height:34px}
.ofr .ot{min-width:0;flex:1}.ofr .ot b{display:block;font-size:14px;font-weight:900}.ofr .ot small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ofr .op{font-size:11px;color:var(--muted);white-space:nowrap}.ofr .op .tn{font-size:13.5px;color:var(--text);font-weight:900}
.ofr>svg{width:16px;height:16px;color:var(--muted);flex:none}
html.dark .ofr .oi{background:color-mix(in srgb,var(--c) 22%,rgba(30,37,41,.6))}
/* پلن انتخاب‌شده همیشه سبز کمرنگ سایت، نه رنگ محصول (مالک، ۸ نوامبر) */
.plr.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,rgba(255,255,255,.7))}
.plr.on .rd{border-color:var(--accent);background:var(--accent)}
html.dark .plr.on{background:color-mix(in srgb,var(--accent) 12%,rgba(30,37,41,.7))}
/* آیکون ردیف‌های جزئیات — نمونه‌ها ?kv=2..3 (مالک، ۸ نوامبر) */
.kvl{display:inline-flex;align-items:center;gap:8px}
.kvi{display:inline-grid;place-items:center;flex:none;font-style:normal}
.kvi svg{width:17px;height:17px;color:var(--accent)}
.kv3 .kvi{width:30px;height:30px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,rgba(255,255,255,.6));border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.kv3 .kvi svg{width:16px;height:16px}
html.dark.kv3 .kvi{background:color-mix(in srgb,var(--accent) 18%,rgba(30,37,41,.6))}
/* تراکنش‌ها: جدول + دکمهٔ PDF (مالک، ۸ نوامبر) */
.sh .pdfb{display:inline-flex;align-items:center;gap:6px;border:0;font:inherit;font-size:12.5px;font-weight:800;color:var(--accent);cursor:pointer}
.sh .pdfb svg{width:15px;height:15px}
.txc{padding:6px 10px}
.txw{overflow-x:auto}
.txt{width:100%;border-collapse:collapse;font-size:13px}
.txt th{font-size:11.5px;font-weight:800;color:var(--muted);text-align:right;padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}
.txt th:last-child,.txt td:last-child{text-align:left}
.txt td{padding:10px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.txt tr:last-child td{border-bottom:0}
.txt td b{display:block;font-weight:800;font-size:13px}
.txt td small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.txt td.num{white-space:nowrap;font-weight:700}
.txt td.neg{color:var(--danger);font-weight:900}
.txt tbody tr{cursor:pointer}
.txt.t4 td,.txt.t4 th{padding-inline:4px;font-size:12px}
.txr a{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}
.txr a:last-child{border-bottom:0}
.txr .ti{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--c) 14%,rgba(255,255,255,.6))}
.txr .ti img{width:26px;height:26px}
.txr .tt{flex:1;min-width:0}.txr .tt b{display:block;font-size:13.5px;font-weight:800}.txr .tt small{display:block;font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txr .tm{text-align:left}.txr .tm b{display:block;color:var(--danger);font-weight:900;font-size:13.5px}.txr .tm small{display:block;font-size:11px;color:var(--muted)}
/* PDF report (rendered off-screen, always light) */
.pdfwrap{position:fixed;left:-10000px;top:0}
.pdfdoc{width:720px;background:#fff;color:#1c1e1b;font-family:inherit;padding:8px 6px;direction:rtl}
.pdfdoc .ph{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid #3F9D78}
.pdfdoc .ph img{width:46px;height:46px}.pdfdoc .ph b{display:block;font-size:20px;font-weight:900}.pdfdoc .ph small{display:block;font-size:12px;color:#5c6660}
.pdfdoc .ph .num{margin-inline-start:auto;font-size:12px;color:#5c6660}
.pdfdoc .pu{margin:12px 0;font-size:13px;font-weight:700}
.pdfdoc table{width:100%;border-collapse:collapse;font-size:12.5px}
.pdfdoc th{background:#EAF6F0;color:#1F6B4A;font-weight:800;padding:8px 6px;text-align:right;border:1px solid #D5E9DF}
.pdfdoc td{padding:8px 6px;border:1px solid #E3ECE7}
.pdfdoc tr:nth-child(even) td{background:#F8FBF9}
.pdfdoc td:last-child,.pdfdoc th:last-child{text-align:left;white-space:nowrap}
.pdfdoc .pf{margin-top:14px;text-align:center;font-size:11px;color:#8a948e}
.txt td.num,.pdfdoc td.num{display:table-cell}
/* کارت موجودی کیف پول — نمونه‌ها ?bl=2..4 (مالک، ۸ نوامبر) */
.bl{position:relative;overflow:hidden;border-radius:24px}
.bl .ba{display:flex;align-items:baseline;gap:6px}
.bl .ba b{font-size:30px;font-weight:900;letter-spacing:.2px}
.bl .ba small{font-size:13px;font-weight:700;opacity:.85}
.bl .bi{display:grid;place-items:center;flex:none}
.bl .bi svg{width:20px;height:20px}
.bl2{padding:18px 20px 16px;color:#fff;background:linear-gradient(135deg,#1F7A57 0%,#2F9E72 55%,#5BC59A 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 32px -18px rgba(31,122,87,.9);min-height:150px;display:flex;flex-direction:column}
.bl2 .c1,.bl2 .c2{position:absolute;border-radius:50%;background:rgba(255,255,255,.10)}
.bl2 .c1{width:190px;height:190px;left:-60px;top:-80px}.bl2 .c2{width:130px;height:130px;left:40px;bottom:-70px;background:rgba(255,255,255,.07)}
.bl2>*{position:relative}
.bl2 .bt{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;opacity:.95}
.bl2 .bt .bi{width:32px;height:32px;border-radius:11px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35)}
.bl2 .bw{width:34px;height:34px;margin-inline-start:auto;opacity:.9;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}
.bl2 .ba{margin-top:14px}
.bl2 .bf{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;font-size:11.5px;opacity:.8}
.bl3{padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}
.bl3 .bi{width:46px;height:46px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#2c8a66,#4fb08a);box-shadow:0 10px 20px -10px var(--accent);margin-bottom:6px}
.bl3 .bi svg{width:22px;height:22px}
.bl3 small{font-size:12.5px;color:var(--muted);font-weight:700}
.bl3 .ba{justify-content:center}.bl3 .ba b{color:var(--accent)}.bl3 .ba small{color:var(--muted)}
.bl4{padding:16px;color:#fff;background:linear-gradient(135deg,#2c8a66,#4fb08a);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 26px -16px var(--accent);display:flex;align-items:center;gap:12px}
.bl4 .bx{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.bl4 .bx small{display:block;font-size:12px;opacity:.85}
.bl4 .bi{width:46px;height:46px;border-radius:15px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35)}
.bl4 .ba b{font-size:26px}
.bl4 .bp{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:62px;height:62px;border-radius:18px;background:#fff;color:var(--accent);font-size:11px;font-weight:800;flex:none;box-shadow:0 8px 16px -8px rgba(0,0,0,.3)}
.bl4 .bp svg{width:20px;height:20px}
html.dark .bl4 .bp{background:rgba(255,255,255,.92)}
/* قفل فروش سایت + خطای اقلام در صفحهٔ پرداخت (مالک، ۸ نوامبر) */
.sheet .gate{text-align:center;padding:6px 6px 4px}
.sheet .gate .gi{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#2c8a66,#4fb08a);box-shadow:0 14px 26px -14px var(--accent);margin:4px 0 10px}
.sheet .gate .gi svg{width:30px;height:30px}
.sheet .gate h3{font-size:19px;font-weight:900;margin:0 0 6px}
.sheet .gate p{font-size:13.5px;color:var(--muted);line-height:1.9;margin:0 0 14px}
.kv .ie{display:block;font-size:11.5px;color:var(--danger);margin-top:3px;font-weight:700}
.kv .ie a{color:var(--accent);text-decoration:underline;margin-inline-start:4px}
.kv>div.bad>b{opacity:.55}
/* برگهٔ پیام ربات (محدودیت/احراز) — مالک، ۸ نوامبر */
.sheet .gate .gi.warn{background:linear-gradient(135deg,#E8A317,#F5C04A);box-shadow:0 14px 26px -14px #E8A317}
.sheet .gate .gl2{text-align:right;margin:0 0 14px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid var(--rim)}
.sheet .gate .gl2 p{margin:0;font-size:13px;line-height:2;color:var(--text)}
html.dark .sheet .gate .gl2{background:rgba(30,37,41,.5)}
.txr a.cr .tm b{color:var(--accent)}
.txr a:not([href]){cursor:default}
/* همهٔ خدمات در عرض ۳۶۰: کاشی‌های دوخطی ستون را پهن می‌کردند و صفحه افقی اسکرول می‌خورد (بررسی ۸ نوامبر) */
.sq{min-width:0}
.sq b{overflow-wrap:anywhere}
/* جزئیات سفارش: همهٔ مقدارها یکدست مشکی پررنگ (کد و مبلغ خاکستری بودند — بررسی ۸ نوامبر) */
.kv>div>b .code,.kv>div>b .num,.kv>div>b small{color:var(--text)}
.kv>div>b .code{font-weight:800}
/* برگهٔ نتیجهٔ افزایش موجودی (درگاه/کارت‌به‌کارت/رمزارز) — ۸ نوامبر */
.sheet .gate .tkv{margin:0 0 12px;text-align:right;padding:6px 14px;border-radius:16px;background:rgba(255,255,255,.55);border:1px solid var(--rim)}
html.dark .sheet .gate .tkv{background:rgba(30,37,41,.5)}
.sheet .gate .tkv .copy{margin-inline-start:6px}
.sheet .gate .tkv>div>span:first-child{white-space:nowrap}
.sheet .gate .tkv .code{font-size:12px;letter-spacing:0;white-space:nowrap}

/* حرکت منوی کناری مثل ویدیوی مالک (۹ نوامبر) */
.dnav{position:relative;isolation:isolate}
.dnav>a,.dnav>button,.dsub>a{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:color .25s}
.dnav>a:active:not(.on),.dnav>button:active,.dsub>a:active{background:transparent;color:inherit}
.dpl{position:absolute;top:0;left:0;z-index:-1;pointer-events:none;opacity:0;border-radius:14px;
  background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 0 #fff,0 8px 22px -10px rgba(20,40,30,.28);
  transition:transform .42s cubic-bezier(.32,1.25,.45,1),width .42s cubic-bezier(.32,1.25,.45,1),height .42s cubic-bezier(.32,1.25,.45,1),opacity .22s}
.dpl.jump{transition:opacity .22s}
html.dark .dpl{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px -10px rgba(0,0,0,.6)}
.drp{position:absolute;border-radius:50%;pointer-events:none;background:var(--accent);opacity:.16;transform:scale(0);animation:drp .6s cubic-bezier(.2,.8,.3,1) forwards}
@keyframes drp{to{transform:scale(1);opacity:0}}
.dsub{position:relative;align-content:start;grid-auto-rows:max-content;transition:max-height .46s cubic-bezier(.32,.72,0,1)}
.dsub::before{content:"";position:absolute;inset-inline-start:21px;top:6px;bottom:6px;width:1.5px;border-radius:2px;background:var(--line);transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.32,.72,0,1)}
.dsub.on::before{transform:none}
.dsub>a{opacity:0;transform:translateY(-8px);transition:opacity .28s,transform .42s cubic-bezier(.32,1.2,.45,1),color .25s}
.dsub.on>a{opacity:1;transform:none;transition-delay:calc(var(--i,0)*32ms + 60ms)}
.dsub>a img{transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.dsub.on>a img{transition-delay:calc(var(--i,0)*32ms + 90ms)}
.dsub:not(.on)>a img{transform:scale(.6)}
.dnav .chev2{transition:transform .45s cubic-bezier(.3,1.5,.5,1)}
@media (prefers-reduced-motion:reduce){.dpl,.dsub>a,.dsub::before{transition:none!important}.drp{display:none}}

/* ═══ اسلاید اول «ریالی پرداخت کن، جهانی خرید کن» ← پرداخت ارزی (مالک، ۹–۱۰ نوامبر؛ نمونهٔ ۹)
   سکهٔ ریال در کارت می‌افتد ← موج و چرخش به مسترکارت ← ۴ سایت با فنر بیرون می‌پرند ← با همان حرکت به دل کارت برمی‌گردند ← کارت به ریالی می‌چرخد */
.slide.n6{--c:#2F9E5C}
.slide.n6 .tag{background:#fff;border:0;color:#1F8A55}
.slide.n6 .txt{width:52%}
.slide.n6 h3{font-size:18px;line-height:1.45}
.slide.n6 h3 em{display:block;font-style:normal;width:fit-content;background:linear-gradient(270deg,#166B43,#2F9E5C 55%,#4FB08A);-webkit-background-clip:text;background-clip:text;color:transparent}
.slide.n6 p:empty{display:none}
.slide.n6 .go{background:linear-gradient(90deg,#4FB08A,#2F9E5C 50%,#1F8A55)}
@media (max-width:380px){.slide.n6 .txt{width:48%}.slide.n6 h3{font-size:16.5px}}
@media (min-width:600px){.slide.n6 h3{font-size:22px}}
.fx9{position:absolute;left:12px;top:0;width:164px;height:150px}
.fc6{position:absolute;left:50%;top:50%;width:140px;height:88px;margin:-44px 0 0 -70px;perspective:800px;z-index:2}
.fcf{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#fff;font-family:'Space Grotesk',sans-serif;direction:ltr;box-shadow:0 16px 24px -14px rgba(8,60,40,.6),inset 0 1px 0 rgba(255,255,255,.35);overflow:hidden}
.fcf.fr{background:linear-gradient(135deg,#3FB27A,#1F8A55 60%,#166B43)}
.fcf.mc{background:linear-gradient(135deg,#2B2F3A,#14171F 70%);transform:rotateY(180deg)}
.fcf .chip{position:absolute;left:11px;top:28px;width:20px;height:15px;border-radius:4px;background:linear-gradient(135deg,#F7E1A0,#D4AF5A);padding:0;border:0}
.fcf b{position:absolute;right:11px;top:9px;font-size:11.5px;font-weight:800;letter-spacing:.5px}
.fcf span{position:absolute;left:11px;bottom:23px;font-size:8.5px;letter-spacing:.6px;opacity:.95}
.fcf small{position:absolute;left:11px;bottom:9px;font-size:7.5px;font-weight:700;opacity:.8}
.mcl{position:absolute;right:10px;top:9px;width:32px;height:20px}
.mcl i{position:absolute;top:0;width:20px;height:20px;border-radius:50%}
.mcl i:first-child{left:0;background:#EB001B}
.mcl i:last-child{right:0;background:#F79E1B;opacity:.92}
.slide .art .rc{display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 32% 28%,#FFF4C2,#F2C94C 45%,#C9962A);box-shadow:inset 0 0 0 2.5px rgba(255,255,255,.55),inset 0 -3px 6px rgba(120,80,0,.25),0 10px 16px -8px rgba(120,80,0,.55);font-style:normal}
.slide .art .rc b{font:900 11px/1 Vazirmatn,Tahoma,sans-serif;color:#7A5410;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.slide .art .i9{position:absolute;left:50%;top:50%;border-radius:50%;object-fit:contain;opacity:0;filter:drop-shadow(0 8px 12px rgba(0,0,0,.22));z-index:3;animation:b9 8s infinite}
.slide .art .i9.a{width:42px;height:42px;margin:-21px;--x:-60px;--y:-44px}
.slide .art .i9.b{width:32px;height:32px;margin:-16px;--x:62px;--y:42px;animation-delay:.07s}
.slide .art .i9.c{width:24px;height:24px;margin:-12px;--x:50px;--y:-56px;animation-delay:.14s}
.slide .art .i9.d{width:28px;height:28px;margin:-14px;--x:-54px;--y:50px;animation-delay:.21s}
.slide .art .sp{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px;opacity:0;z-index:4;background:radial-gradient(circle,#fff 0 30%,transparent 32%),conic-gradient(from 45deg,#FFE58A 0 25%,transparent 0 50%,#FFE58A 0 75%,transparent 0);border-radius:2px;transform:rotate(45deg);animation:sp9 8s ease-out infinite}
.slide .art .sp.s1{--x:-30px;--y:-60px}.slide .art .sp.s2{--x:72px;--y:-14px;animation-delay:.15s}.slide .art .sp.s3{--x:-70px;--y:20px;animation-delay:.3s}.slide .art .sp.s4{--x:20px;--y:62px;animation-delay:.45s}
.cn9{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;z-index:4;opacity:0;animation:cn9 8s cubic-bezier(.5,0,.3,1) infinite}
@keyframes cn9{0%{opacity:0;transform:translateY(-92px) scale(.5) rotate(-30deg)}7%{opacity:1;transform:translateY(-58px) scale(1) rotate(0)}15%{opacity:1;transform:translateY(-64px) scale(1)}22%{opacity:1;transform:translateY(-6px) scale(.85)}25%,100%{opacity:0;transform:translateY(0) scale(.2)}}
.fci9{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:fl9 8s infinite}
@keyframes fl9{0%,22%{transform:rotateY(0) rotate(-4deg) scale(1);animation-timing-function:ease-out}25%{transform:rotateY(0) rotate(-4deg) scale(1.06,.9)}29%{transform:rotateY(0) rotate(-4deg) scale(.97,1.04);animation-timing-function:cubic-bezier(.7,0,.3,1)}40%{transform:rotateY(90deg) rotate(0) scale(1.14)}50%,85%{transform:rotateY(180deg) rotate(4deg) scale(1);animation-timing-function:ease-out}86.5%{transform:rotateY(180deg) rotate(4deg) scale(1.05,.92);animation-timing-function:cubic-bezier(.7,0,.3,1)}93%{transform:rotateY(270deg) rotate(0) scale(1.1)}99%,100%{transform:rotateY(360deg) rotate(-4deg) scale(1)}}
.w9{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px;border-radius:50%;border:2.5px solid #7EE0B5;box-shadow:0 0 18px #7EE0B5,inset 0 0 12px rgba(126,224,181,.6);opacity:0;z-index:1;animation:w9 8s ease-out infinite}
.w9.w2{border-color:#FFD66B;box-shadow:0 0 16px #FFD66B;animation-delay:.18s}
@keyframes w9{0%,44%{opacity:0;transform:scale(.3)}47%{opacity:1;transform:scale(.6)}62%,100%{opacity:0;transform:scale(2.7)}}
@keyframes b9{0%,45%{opacity:0;transform:translate(0,0) scale(0) rotate(-90deg);animation-timing-function:cubic-bezier(.2,1.6,.4,1)}55%{opacity:1;transform:translate(var(--x),var(--y)) scale(1) rotate(0);animation-timing-function:ease-in-out}62%{transform:translate(var(--x),calc(var(--y) - 5px)) scale(1)}69%{transform:translate(var(--x),calc(var(--y) + 3px)) scale(1)}74%{opacity:1;transform:translate(var(--x),var(--y)) scale(1) rotate(0);animation-timing-function:cubic-bezier(.6,-.6,.8,0)}84%{opacity:1;transform:translate(0,0) scale(0) rotate(-90deg)}84.1%,100%{opacity:0;transform:translate(0,0) scale(0) rotate(-90deg)}}
@keyframes sp9{0%,48%{opacity:0;transform:translate(0,0) rotate(45deg) scale(0)}54%{opacity:1;transform:translate(var(--x),var(--y)) rotate(135deg) scale(1.3)}64%,100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(225deg) scale(0)}}
.slide:not(.vis) :is(.cn9,.fci9,.w9,.i9,.sp),.slider.an .slide:not(.on) :is(.cn9,.fci9,.w9,.i9,.sp){animation-play-state:paused}
@media (prefers-reduced-motion:reduce){:is(.cn9,.fci9,.w9,.slide .art .i9,.slide .art .sp){animation:none!important}.slide .art .i9{opacity:1;transform:translate(var(--x),var(--y))}}

/* بازبینی ۱۰ نوامبر — شب: «جهانی خرید کن» روشن‌تر روی زمینهٔ تیره؛ اسلاید Claude زمینه‌اش روشن می‌ماند ← «تومان» خاکستری تیره بماند */
html.dark .slide.n6 h3 em{background-image:linear-gradient(270deg,#7EE0B5,#B6F0CF 55%,#E3FFF1)}
html.dark .slide.n4 .txt p{color:#6B7280}
/* دسکتاپ: تصویر اسلاید وسط نیمهٔ چپ و بزرگ‌تر (قبلاً به گوشهٔ چپ می‌چسبید و وسط خالی می‌ماند) */
@media (min-width:900px){
  .slide .art{width:180px;height:150px;inset-inline-end:calc(25% - 90px);transform:translateY(-50%) scale(1.38)}
  .slide .txt{inset-block:30px;inset-inline-start:7%;width:44%}
}
/* شب: تیترهای سبز (اسلاید اول و «پرداخت ارزی») روی زمینهٔ تیره کم‌رنگ دیده می‌شدند */
html.dark .slide.n6 h3{color:#DFF7EA}
html.dark .slide.n5 h3{background-image:linear-gradient(270deg,#7EE0B5,#B6F0CF 55%,#E3FFF1)}
/* اسلایدر دسکتاپ = حالت «بزرگ» (نمونهٔ ۳، انتخاب مالک ۱۰ نوامبر): بلندتر، تیتر/دکمه بزرگ، تصویر ۱٫۷۵ برابر */
@media (min-width:900px){
  .slider .track .slide,.slider.an .track{height:320px}
  .slider .track .slide .txt{inset-inline-start:9%;width:40%;justify-content:center;gap:12px;inset-block:30px}
  .slider .track .slide h3{font-size:34px}.slider .track .slide p{font-size:16px}.slider .track .slide .tag{font-size:13px}
  .slider .track .slide .go{font-size:15px;height:42px;padding:0 22px;border-radius:13px;margin-top:8px}
  .slider .track .slide .art{inset-inline-end:calc(27% - 90px);transform:translateY(-50%) scale(1.75)}
}
/* اسکلت بارگذاری (مالک، ۱۰ نوامبر: هنگام لود فقط یک نوار باریک دیده می‌شد) — با اولین رندر صفحه جایگزین می‌شود */
.ff:empty{display:none}
.skl{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.skl i{display:block;border-radius:18px;background:linear-gradient(100deg,rgba(255,255,255,.45) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.45) 70%) 0 0/300% 100%;border:1px solid rgba(255,255,255,.7);animation:skSh 1.3s linear infinite}
.sk-sl{height:188px;border-radius:24px!important}
.sk-dt{width:110px;height:14px;align-self:center;border-radius:99px!important}
.sk-h{width:150px;height:20px;margin-top:10px;border-radius:10px!important}
.sk-row{display:flex;gap:10px;overflow:hidden}.sk-row i{flex:0 0 132px;height:150px}
.sk-rt{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sk-rt i{height:58px;border-radius:14px}
@keyframes skSh{0%{background-position:100% 0}100%{background-position:0 0}}
html.dark .skl i{background-image:linear-gradient(100deg,rgba(40,48,52,.55) 30%,rgba(70,80,84,.7) 50%,rgba(40,48,52,.55) 70%);border-color:rgba(255,255,255,.06)}
@media (min-width:900px){.sk-sl{height:320px}.sk-row i{flex-basis:190px;height:184px}.sk-rt{grid-template-columns:repeat(4,1fr)}}
@media (prefers-reduced-motion:reduce){.skl i{animation:none}}

/* (مالک، ۱۰ نوامبر) حرکت منو در همهٔ فهرست‌ها — یکدست: روی کارت‌های شیشه‌ای قاب فنریِ روشن، موج لمس روی همهٔ دکمه‌ها */
.list,.pls,.wopts,.cats,.dq,.all,.belt,.ofg,.flk,.fsoc,.ftrust{position:relative}
.dpl.dpo{z-index:3;background:rgba(255,255,255,.16);border:1.5px solid rgba(255,255,255,.95);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.9),0 12px 26px -12px rgba(20,40,30,.35)}
html.dark .dpl.dpo{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.32);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent),0 12px 26px -12px rgba(0,0,0,.6)}
.row-i,.plr,.wo,.cat,.btn,.actbar>a,.actbar>button,.flk>a,.fsoc>a,.ftb,#panel>.nt{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
.pp{animation:pp .5s cubic-bezier(.3,1.5,.5,1)}
@keyframes pp{0%{scale:1}28%{scale:.86}62%{scale:1.06}100%{scale:1}}
:is(.ib,.xb,.thm,.sbtn,.sx,.fcart,.fcta){-webkit-tap-highlight-color:transparent}
@media (prefers-reduced-motion:reduce){.pp{animation:none}}
/* خلاصهٔ امتیازها از ربات (مالک، ۱۰ نوامبر) */
.rvsum2{display:flex;align-items:center;gap:16px;border-radius:20px;padding:14px 16px;margin-bottom:12px}
.rvbig{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;min-width:92px}
.rvbig b{font-size:34px;font-weight:900;line-height:1}
.rvbig .rvst i{font-size:15px}.rvbig small{font-size:11px;color:var(--muted);white-space:nowrap}
.rvdist{flex:1;display:grid;gap:5px;min-width:0}
.rvdist div{display:grid;grid-template-columns:30px 1fr 18px;align-items:center;gap:8px;font-size:11.5px;color:var(--muted)}
.rvdist i{height:7px;border-radius:9px;background:color-mix(in srgb,var(--muted) 16%,transparent);overflow:hidden}
.rvdist s{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#FFB020,#FFD15A)}
.rvdist em{font-style:normal;text-align:center;font-weight:800;color:var(--text)}
.rtc .rtp{color:var(--muted);font-size:12px}
/* (مالک، ۱۰ نوامبر) دسکتاپ: نتایج جست‌وجو یک کشوی شیشه‌ای هم‌عرض نوار جست‌وجو، با ارتفاع محتوا (نه ستون باریکِ تمام‌قد) */
@media (min-width:900px){
  .sres{top:calc(76px + env(safe-area-inset-top,0px));width:min(calc(100% - 64px),1116px);bottom:auto;max-height:min(72vh,640px);padding:14px 20px 18px;border-radius:24px;border:1px solid var(--rim);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 24px 50px -24px rgba(20,40,30,.45);transform:translateX(-50%) translateY(-6px);transition:opacity .25s,transform .35s cubic-bezier(.3,1.3,.5,1)}
  .sres.on{transform:translateX(-50%)}
  html.dark .sres{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px -24px rgba(0,0,0,.7)}
}
/* (مالک، ۱۰ نوامبر) «منو تکان می‌خورد»: باز شدن منو بدون جهش از لبه (منحنی بی‌overshoot) و فشردن دکمه‌ها نرم، بی‌برگشت اضافه */
.drawer{transition:transform .42s cubic-bezier(.32,.72,0,1)}
@keyframes pp{0%{scale:1}35%{scale:.9}100%{scale:1}}
.pp{animation:pp .36s cubic-bezier(.3,.7,.4,1)}
.row-i .ri.ripg{display:grid;place-items:center;color:var(--accent)}.row-i .ri.ripg svg{width:22px;height:22px}
/* (مالک، ۱۰ نوامبر) «پلک زدن» هنگام باز شدن منو: محوشدن پس‌زمینه یکباره ظاهر می‌شد و قفل اسکرول صفحه را جابه‌جا می‌کرد */
html{scrollbar-gutter:stable}
.scrim{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:opacity .35s,backdrop-filter .35s,-webkit-backdrop-filter .35s;will-change:opacity}
.scrim.on{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.drawer{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* (مالک، ۱۰ نوامبر) انیمیشن شب/روز — پردهٔ هم‌رنگ زمینهٔ حالت جدید (بی‌پلک) */
.thov{position:fixed;inset:0;z-index:9999;pointer-events:none;will-change:clip-path,opacity}
.thov.tod{background:radial-gradient(120% 80% at 80% 0%,#173029 0%,#0E1412 60%)}
.thov.tol{background:radial-gradient(120% 80% at 80% 0%,#D5F3E5 0%,#EEF3F0 60%)}
html.thx,html.thx *,html.thx *::before,html.thx *::after{transition:background-color .45s,color .45s,border-color .45s,box-shadow .45s,fill .45s!important}
/* نمونه‌های ۵–۷ شب/روز (مالک، ۱۰ نوامبر) */
html.vt5::view-transition-old(root),html.vt5::view-transition-new(root){animation:none;mix-blend-mode:normal}
html.vt5::view-transition-new(root){z-index:2}
html.thx,html.thx *,html.thx *::before,html.thx *::after{transition-duration:.6s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}
.thm.spin svg{animation:thSpin .6s cubic-bezier(.3,1.4,.5,1)}
@keyframes thSpin{0%{transform:rotate(-120deg) scale(.4);opacity:0}100%{transform:none;opacity:1}}
.dh3 .drawer .dh .thm.sky{width:62px;height:32px;border-radius:99px;overflow:hidden;border:1px solid rgba(255,255,255,.8);background:linear-gradient(180deg,#6EC1FF,#BDE6FF);box-shadow:inset 0 2px 6px rgba(0,60,120,.25);transition:background .6s}
html.dark.dh3 .drawer .dh .thm.sky{background:linear-gradient(180deg,#0D1230,#1F2A55);border-color:rgba(255,255,255,.18)}
.thm.sky i{position:absolute;font-style:normal;transition:all .6s cubic-bezier(.5,1.3,.5,1)}
.thm.sky .skk{width:24px;height:24px;top:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#FFF6B0,#FFC83D 60%,#F5A300);box-shadow:0 0 0 4px rgba(255,214,90,.35),0 0 14px rgba(255,190,40,.8)}
html.dark .thm.sky .skk{left:33px;background:radial-gradient(circle at 35% 35%,#FFFFFF,#DDE3F0 65%,#AEB8CC);box-shadow:inset -5px -3px 0 #B9C2D6,0 0 12px rgba(220,230,255,.55)}
.thm.sky .skc{width:22px;height:9px;border-radius:9px;background:#fff;right:6px;bottom:6px;opacity:.95;box-shadow:-8px -3px 0 -1px #fff}
.thm.sky .skc.c2{right:18px;bottom:2px;width:16px;opacity:.85}
html.dark .thm.sky .skc{transform:translateY(22px);opacity:0}
.thm.sky .sks{width:3px;height:3px;border-radius:50%;background:#fff;top:7px;left:12px;opacity:0;transform:scale(0)}
.thm.sky .sks.s2{top:18px;left:20px;width:2px;height:2px}.thm.sky .sks.s3{top:10px;left:26px;width:2px;height:2px}
html.dark .thm.sky .sks{opacity:1;transform:none}
/* پیش‌فرض شب/روز: محو آرام (مالک، ۱۰ نوامبر) */
html.vt8::view-transition-old(root),html.vt8::view-transition-new(root){animation-duration:.7s;animation-timing-function:cubic-bezier(.4,0,.2,1);mix-blend-mode:normal}
html.vt8::view-transition-old(root){animation-name:vt8out}html.vt8::view-transition-new(root){animation-name:vt8in}
@keyframes vt8out{from{opacity:1}to{opacity:0}}@keyframes vt8in{from{opacity:0}to{opacity:1}}
/* سئو (۱۲ نوامبر): نسخهٔ HTML از پیش‌ساخته فقط برای مرورگر بی‌جاوااسکریپت و خزنده‌ها؛ با JS همان اسکلت بارگذاری دیده می‌شود */
html.js #view > .seo{display:none}
html:not(.js) #view > .skl{display:none}
#view > .seo{padding:18px 4px;line-height:1.9;font-size:14px}
#view > .seo h1{font-size:22px;margin:8px 0}
#view > .seo h2{font-size:16px;margin:14px 0 4px}
#view > .seo table{width:100%;border-collapse:collapse;margin:10px 0}
#view > .seo td,#view > .seo th{padding:6px 8px;border-bottom:1px solid rgba(0,0,0,.08);text-align:right}
#view > .seo ul{padding-inline-start:18px}
/* (مالک، ۱۲ نوامبر) «گوشه‌ها» در دسکتاپ: درخشش اسلایدر در لبهٔ کادر بریده می‌شد و نوار پیشنهادها لبهٔ تیز داشت ← درخشش آزاد، نوار تا لبهٔ صفحه با محو نرم */
@media (min-width:900px){
  .slider.an{overflow-x:visible}
  .marq{margin-inline:calc((100% - var(--vw,100vw)) / 2)!important;padding-block:12px 34px;margin-block:-12px -34px}
  /* نوار بالای صفحه هنگام اسکرول: شیشه تا دو لبهٔ صفحه، نه یک مستطیل با گوشهٔ تیز */
  .top{margin-inline:calc((100% - var(--vw,100vw)) / 2);padding-inline:calc((var(--vw,100vw) - 100%) / 2 + 32px)}
}