:root{
  --f-display:"Mehr","Noto Nastaliq Urdu","Vazirmatn",Tahoma,serif;
  --f-body:"Vazirmatn","Segoe UI",Tahoma,sans-serif;
  /* روشن */
  --bg:#f6f0e4; --bg2:#ece2d0; --surface:#fffaf0; --ink:#1d1611; --muted:#5f554b;
  --wood:#7a4a2d; --wood-soft:#dcc8b0; --line:#dccfb8;
  --accent:#b0471f;          /* متن/لینک/حاشیه */
  --btn:#b0471f; --btn-ink:#ffffff;  /* دکمه اصلی */
  --teal:#1d5c5c;
  --ok:#1e6b47; --warn:#85560a; --bad:#a3302a;
  /* بخش‌های تیره ثابت (فوتر، نوار قیمت) – مستقل از تم */
  --dk:#1b1512; --dk2:#261d18; --on-dk:#f6eee0; --on-dk-m:#d3c5b0; --dk-accent:#f2a67c; --dk-line:#4a3b30;
  --r:16px; --maxw:1180px; --ease:cubic-bezier(.2,.7,.2,1);
}
[data-theme="dark"]{
  --bg:#14100e; --bg2:#1d1816; --surface:#241d1a; --ink:#f6eee0; --muted:#c0b3a2;
  --wood:#d6a47e; --wood-soft:#4a3a2c; --line:#3b3028;
  --accent:#f0966a; --btn:#ee9468; --btn-ink:#1a0f0a; --teal:#7fd0c8;
  --ok:#7fd6a8; --warn:#f2c46b; --bad:#ff9a90;
  --dk:#0d0a09; --dk2:#181210;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:var(--f-body);background:var(--bg);color:var(--ink);line-height:1.95;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:clip;max-width:100vw}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.skip{position:absolute;top:-70px;right:10px;background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:8px;z-index:999}
.skip:focus{top:10px}
.wrap{max-width:var(--maxw);margin:auto;padding:0 20px}
h1,h2,h3{line-height:1.4}
h2{font-family:var(--f-display);font-weight:700;font-size:clamp(1.9rem,4vw,2.9rem)}
h3{font-weight:700}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:500;font-size:.92rem}
.eyebrow::before{content:"";width:26px;height:2px;background:currentColor;border-radius:2px}
.sec{padding:84px 0}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:36px;flex-wrap:wrap}

/* ---------- دکمه‌ها ---------- */
.btn{white-space:nowrap;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 26px;min-height:46px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer;font-weight:500;overflow:hidden;transition:transform .25s var(--ease),background .25s,color .25s,border-color .25s}
@media(max-width:520px){header.site .btn{padding:9px 14px;min-height:42px;font-size:.85rem}}
.btn:hover{background:var(--ink);color:var(--bg);transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn.primary{background:var(--btn);border-color:var(--btn);color:var(--btn-ink)}
.btn.primary:hover{background:var(--btn);color:var(--btn-ink);filter:brightness(1.08);box-shadow:0 8px 22px -10px var(--btn)}
.btn.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(120%);transition:transform .7s}
.btn.primary:hover::after{transform:translateX(-120%)}
.btn.sm{padding:5px 16px;min-height:38px;font-size:.9rem}
.btn.danger{border-color:var(--bad);color:var(--bad)}
.btn.danger:hover{background:var(--bad);color:var(--bg)}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.btn.on-dk{border-color:var(--on-dk);color:var(--on-dk)}
.btn.on-dk:hover{background:var(--on-dk);color:var(--dk)}
.link{color:var(--accent);font-weight:500;background:linear-gradient(currentColor,currentColor) no-repeat 100% 100%/0 1.5px;transition:background-size .3s;padding-bottom:2px}
.link:hover{background-size:100% 1.5px}
.badge{display:inline-block;padding:1px 12px;border-radius:999px;font-size:.8rem;background:var(--bg2);border:1px solid var(--line);color:var(--ink)}
.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.warn{color:var(--warn);border-color:var(--warn)}.badge.bad{color:var(--bad);border-color:var(--bad)}

/* ---------- هدر ---------- */
header.site{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s}
header.site.scrolled{border-color:var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:700;font-size:1.8rem;line-height:1}
.logo small{display:block;font-family:var(--f-body);font-size:.66rem;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:2px;line-height:1.6}
.logo svg{color:var(--accent)}
.menu{display:flex;gap:2px;list-style:none;padding:0}
.menu a{position:relative;display:block;padding:8px 12px;font-size:.95rem;color:var(--muted);transition:color .2s}
.menu a::after{content:"";position:absolute;inset-inline:12px;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .3s var(--ease)}
.menu a:hover,.menu a.on{color:var(--ink)}
.menu a:hover::after,.menu a.on::after{transform:scaleX(1)}
.menu .m-only{display:none}
.nav-actions{display:flex;gap:10px;align-items:center}
.icon-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;display:grid;place-items:center;transition:.2s}
.icon-btn:hover{border-color:var(--accent)}
.burger{display:none}
/* کلید تم */
.theme{position:relative;width:62px;height:34px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg2);cursor:pointer;padding:0;flex:none}
.theme .knob{position:absolute;top:3px;inset-inline-start:3px;width:24px;height:24px;border-radius:50%;background:var(--btn);color:var(--btn-ink);display:grid;place-items:center;transition:inset-inline-start .35s var(--ease),transform .35s}
.theme .knob svg{position:absolute;width:15px;height:15px;transition:opacity .25s,transform .4s}
.theme .sun{opacity:1}.theme .moon{opacity:0;transform:rotate(-60deg)}
[data-theme="dark"] .theme .knob{inset-inline-start:calc(100% - 27px)}
[data-theme="dark"] .theme .sun{opacity:0;transform:rotate(60deg)}
[data-theme="dark"] .theme .moon{opacity:1;transform:none}
@media(max-width:1100px){
  .burger{display:grid}
  .menu{position:fixed;inset:72px 0 auto 0;background:var(--bg);flex-direction:column;padding:10px 20px 24px;border-bottom:1px solid var(--line);display:none;max-height:calc(100vh - 72px);overflow:auto}
  .menu.open{display:flex;animation:drop .3s var(--ease)}
  .menu a{padding:13px 8px}
  .menu .m-only{display:block}
  .nav-actions .auth-d{display:none}
}
@media(max-width:420px){.nav-actions .btn.primary{padding:8px 14px}.logo small{display:none}}

/* ---------- ویوها و ورود ---------- */
.view{display:none}.view.active{display:block;animation:viewIn .6s var(--ease)}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(34px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r0,0deg))}50%{transform:translateY(-18px) rotate(calc(var(--r0,0deg) + 8deg))}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ripple{0%{transform:scale(.4);opacity:.55}100%{transform:scale(1.9);opacity:0}}
@keyframes eq{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes sheen{0%{background-position:0 50%}100%{background-position:200% 50%}}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;padding:56px 0 90px;isolation:isolate}
.waves{position:absolute;inset:0;width:100%;height:100%;z-index:-2;opacity:.9}
.star-bg{position:absolute;width:520px;height:520px;inset-inline-start:-160px;top:-120px;color:var(--wood-soft);opacity:.55;z-index:-1;animation:spin 90s linear infinite}
.note{position:absolute;color:var(--wood);opacity:.28;font-size:2.4rem;z-index:-1;animation:floaty 7s ease-in-out infinite}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font-family:var(--f-display);font-weight:400;font-size:clamp(2.7rem,8.5vw,6rem);line-height:1.8;margin:6px 0 4px}
.hero h1 span{display:inline-block;animation:rise 1s var(--ease) both}
.hero h1 span:nth-child(2){animation-delay:.18s;color:var(--accent)}
.hero .lead{color:var(--muted);font-size:1.15rem;max-width:32em;animation:rise 1s .35s var(--ease) both}
.eq{display:inline-flex;gap:3px;height:16px;align-items:end}
.eq i{width:3px;height:100%;background:var(--accent);border-radius:2px;transform-origin:bottom;animation:eq 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:.2s}.eq i:nth-child(3){animation-delay:.4s}.eq i:nth-child(4){animation-delay:.1s}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 30px;animation:rise 1s .5s var(--ease) both}
.chip{padding:3px 18px;border:1.5px solid var(--wood-soft);border-radius:999px;color:var(--wood);font-weight:500;background:var(--surface)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;animation:rise 1s .65s var(--ease) both}
.hero-stats{display:flex;gap:36px;margin-top:40px;flex-wrap:wrap;animation:rise 1s .8s var(--ease) both}
.hero-stats b{display:block;font-size:1.9rem;line-height:1.2;font-weight:800}
.hero-stats span{color:var(--muted);font-size:.88rem}
.portrait{position:relative;aspect-ratio:4/5;max-width:440px;margin-inline:auto;width:100%}
.arch{position:absolute;inset:0;border-radius:999px 999px 28px 28px;background:linear-gradient(165deg,var(--wood-soft),var(--bg2) 70%);border:1px solid var(--line);overflow:hidden}
.arch::before{content:"";position:absolute;inset:14px;border:1.5px dashed var(--wood);opacity:.35;border-radius:999px 999px 18px 18px}
.arch svg.tar{position:absolute;inset:0;width:100%;height:100%}
.arch .ph{position:absolute;bottom:16px;inset-inline:16px;text-align:center;font-size:.78rem;color:var(--ink);background:color-mix(in srgb,var(--surface) 85%,transparent);border-radius:10px;padding:3px}
.ring{position:absolute;left:50%;top:62%;width:210px;height:210px;margin:-105px;border-radius:50%;border:2px solid var(--accent);opacity:0;animation:ripple 4s ease-out infinite}
.ring:nth-child(2){animation-delay:1.3s}.ring:nth-child(3){animation-delay:2.6s}
.badge-float{position:absolute;inset-inline-start:-14px;bottom:70px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 16px;font-size:.88rem;animation:floaty 6s ease-in-out infinite;--r0:0deg}
.badge-float b{display:block;color:var(--accent)}
@media(max-width:860px){.hero-grid{grid-template-columns:1fr}.portrait{max-width:320px;order:-1}.hero{padding-top:24px}.badge-float{inset-inline-start:0}}

/* نوار متحرک */
.marq{background:var(--dk);color:var(--on-dk);overflow:hidden;direction:ltr;padding:16px 0;border-block:1px solid var(--dk-line)}
.marq .track{display:flex;width:max-content;animation:marq 32s linear infinite}
.marq span{direction:rtl;font-family:var(--f-display);font-size:1.7rem;padding-inline:26px;white-space:nowrap}
.marq span.dot{color:var(--dk-accent);padding-inline:0}
.marq:hover .track{animation-play-state:paused}

/* کارت‌ها */
.grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.card.hover{transition:transform .35s var(--ease),border-color .3s,box-shadow .35s}
.card.hover:hover{transform:translateY(-6px);border-color:var(--wood);box-shadow:0 18px 36px -24px rgba(60,35,20,.5)}
.inst{position:relative;overflow:hidden;display:block}
.inst .ico{height:120px;margin-bottom:14px;color:var(--wood);transition:transform .5s var(--ease)}
.inst:hover .ico{transform:rotate(-6deg) scale(1.06)}
.inst .ico svg{height:100%;width:auto;margin-inline:auto}
.inst h3{font-family:var(--f-display);font-size:1.8rem}
.inst p{color:var(--muted);margin:4px 0 12px}
.inst::after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:var(--wood-soft);opacity:.4;transition:transform .5s var(--ease)}
.inst:hover::after{transform:scale(1.6)}
.thumb{aspect-ratio:16/10;border-radius:12px;background:linear-gradient(135deg,var(--wood-soft),var(--bg2));margin-bottom:16px;display:grid;place-items:center;color:var(--wood);font-size:2.2rem;overflow:hidden}
.meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:.9rem;margin:10px 0}
.price{font-weight:800;font-size:1.2rem}
.price small{display:block;font-weight:400;color:var(--muted);font-size:.78rem}
.about-strip{background:var(--bg2);border-block:1px solid var(--line)}
.about-strip .wrap{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center}
.round{width:128px;height:128px;border-radius:50%;background:var(--wood-soft);display:grid;place-items:center;font-size:2.8rem;color:var(--wood);position:relative}
.round::after{content:"";position:absolute;inset:-9px;border:1.5px dashed var(--wood);border-radius:50%;opacity:.5;animation:spin 30s linear infinite}
@media(max-width:640px){.about-strip .wrap{grid-template-columns:1fr;text-align:center}.round{margin:auto}}

/* بخش تیره ترم */
.dk-band{background:var(--dk);color:var(--on-dk);position:relative;overflow:hidden}
.dk-band .eyebrow{color:var(--dk-accent)}
.dk-band .muted{color:var(--on-dk-m)}
.dk-band .star-bg{color:var(--dk-line);inset-inline-start:auto;inset-inline-end:-180px;top:-100px;opacity:.7}
.term-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;position:relative}
.term-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.fact{background:var(--dk2);border:1px solid var(--dk-line);border-radius:16px;padding:20px}
.fact b{display:block;font-size:2rem;line-height:1.2;color:var(--on-dk)}
.fact span{color:var(--on-dk-m);font-size:.92rem}
.total{margin-top:24px;padding:24px;border-radius:18px;background:linear-gradient(115deg,var(--dk2),#33241b,var(--dk2));background-size:200% 100%;animation:sheen 8s linear infinite;border:1px solid var(--dk-accent)}
.total b{font-size:2.3rem;color:var(--dk-accent);display:block;line-height:1.3}
@media(max-width:860px){.term-grid{grid-template-columns:1fr}}

/* مراحل */
.how{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.how li{list-style:none;position:relative;padding-top:64px}
.how li::before{counter-increment:s;content:counter(s,persian);position:absolute;top:0;inset-inline-start:0;width:48px;height:48px;border-radius:50%;background:var(--btn);color:var(--btn-ink);display:grid;place-items:center;font-weight:800;font-size:1.2rem}
.how li::after{content:"";position:absolute;top:24px;inset-inline-start:60px;inset-inline-end:-24px;height:0;border-top:2px dashed var(--wood-soft)}
.how li:last-child::after{display:none}
.how h3{margin-bottom:4px}.how p{color:var(--muted);font-size:.95rem}

.quick{background:var(--dk);color:var(--on-dk);border-radius:26px;padding:42px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.quick p{color:var(--on-dk-m)}
@media(max-width:700px){.quick{grid-template-columns:1fr;padding:28px}}
.cta-final{text-align:center;padding:110px 20px;background:var(--bg2);border-top:1px solid var(--line);position:relative;overflow:hidden}
.cta-final .star-bg{inset-inline-start:50%;margin-inline-start:-260px;top:-120px;opacity:.45}
.cta-final h2{font-size:clamp(2.2rem,5vw,3.8rem);margin-bottom:28px;position:relative}
.cta-final .btn{position:relative}

.player{display:flex;align-items:center;gap:12px;background:var(--bg2);border-radius:999px;padding:6px 8px 6px 16px;margin-top:12px}
.player .play{width:38px;height:38px;border-radius:50%;background:var(--btn);color:var(--btn-ink);border:0;cursor:pointer}
.player .bar{flex:1;height:4px;background:var(--line);border-radius:4px;position:relative}
.player .bar i{position:absolute;inset-block:0;inset-inline-start:0;width:30%;background:var(--accent);border-radius:4px}

.page-head{padding:60px 20px 26px}
.page-head h1{font-family:var(--f-display);font-size:clamp(2.2rem,5vw,3.6rem);margin-top:6px}
.page-head p{color:var(--muted);max-width:40em}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.tab{padding:6px 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;transition:.2s}
.tab:hover{border-color:var(--accent)}
.tab.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.empty{text-align:center;padding:48px 20px;border:1.5px dashed var(--wood-soft);border-radius:var(--r);color:var(--muted)}
.timeline{border-inline-start:2px solid var(--wood-soft);padding-inline-start:22px;list-style:none;display:grid;gap:14px}
.timeline li{position:relative;color:var(--muted)}
.timeline li::before{content:"";position:absolute;inset-inline-start:-29px;top:11px;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.timeline b{color:var(--ink)}
.quote{font-family:var(--f-display);font-size:1.7rem;line-height:1.8;border-inline-start:4px solid var(--accent);padding-inline-start:20px;margin:22px 0}

/* ---------- رزرو ---------- */
.steps{display:flex;gap:6px;margin:8px 0 28px;list-style:none;padding:0;overflow-x:auto}
.steps li{flex:1;min-width:86px;text-align:center;font-size:.82rem;color:var(--muted);border-top:3px solid var(--line);padding-top:8px;transition:.3s}
.steps li.done{border-color:var(--wood);color:var(--wood)}
.steps li.on{border-color:var(--accent);color:var(--ink);font-weight:700}
.book{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}
@media(max-width:900px){.book{grid-template-columns:1fr}}
#stepBody>*{animation:viewIn .45s var(--ease)}
.opt{display:block;border:1.5px solid var(--line);border-radius:14px;padding:14px 18px;cursor:pointer;background:var(--surface);width:100%;text-align:start;margin-bottom:10px;transition:.25s}
.opt:hover{border-color:var(--wood);transform:translateX(-4px)}
.opt.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface))}
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}
.cal .dow{font-size:.78rem;color:var(--muted);padding:4px 0}
.day{aspect-ratio:1;min-height:40px;border-radius:12px;border:1.5px solid transparent;background:var(--surface);cursor:pointer;font-weight:500;transition:.2s}
.day:hover:not(:disabled){border-color:var(--accent);transform:scale(1.06)}
.day.sel{background:var(--btn);color:var(--btn-ink);animation:pop .3s}
.day.full{background:var(--bg2);color:var(--muted);text-decoration:line-through}
.day:disabled{cursor:not-allowed;opacity:.5}
.day.off:disabled{background:transparent;color:var(--muted);opacity:.45}
.day.free::after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--ok);margin:0 auto}
.legend{display:flex;gap:16px;font-size:.82rem;color:var(--muted);margin-top:12px;flex-wrap:wrap}
.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:16px}
.slot{padding:9px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-weight:500;transition:.2s}
.slot:hover:not(:disabled){border-color:var(--accent)}
.slot.sel{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.slot:disabled{opacity:.5;text-decoration:line-through;cursor:not-allowed;color:var(--muted)}
.summary{position:sticky;top:92px}
.summary dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:12px 0;font-size:.95rem}
.summary dt{color:var(--muted)}
.summary ol{padding-inline-start:20px;font-size:.88rem;color:var(--muted)}
.step-nav{display:flex;justify-content:space-between;margin-top:24px;gap:12px}
.pay-box{text-align:center;padding:24px 8px}
.check{width:78px;height:78px;border-radius:50%;background:var(--ok);color:var(--bg);display:grid;place-items:center;font-size:2.2rem;margin:0 auto 16px;animation:pop .6s var(--ease)}
.hint{font-size:.82rem;color:var(--muted)}
.err{color:var(--bad);font-size:.88rem;min-height:1.2em}

/* فرم‌ها */
.field{display:grid;gap:6px;margin-bottom:16px}
.field label{font-weight:500;font-size:.95rem}
.field input,.field select,.field textarea{padding:11px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);min-height:46px;width:100%;transition:border-color .2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}
.pw{display:flex;gap:8px}.pw input{flex:1;min-width:0}.pw button{flex:none;height:46px;border:1.5px solid var(--line);background:var(--bg2);cursor:pointer;padding:0 14px;border-radius:12px;color:var(--ink);white-space:nowrap}.pw button:hover{border-color:var(--accent)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.row2{grid-template-columns:1fr}}
.auth-box{max-width:460px;margin:56px auto;padding:0 20px}

/* ---------- فوتر (کنتراست بالا، مستقل از تم) ---------- */
footer.site{background:var(--dk);color:var(--on-dk-m);padding:64px 0 26px}
footer.site h4{color:var(--on-dk);margin-bottom:12px;font-size:1.05rem}
footer.site p{color:var(--on-dk-m)}
footer.site a{display:block;padding:3px 0;color:var(--on-dk-m);transition:color .2s,transform .2s}
footer.site a:hover{color:var(--dk-accent);transform:translateX(-4px)}
footer.site .flogo{font-family:var(--f-display);font-size:2.2rem;color:var(--on-dk);line-height:1.2}
footer.site .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}
footer.site .copy{border-top:1px solid var(--dk-line);margin-top:36px;padding-top:18px;font-size:.88rem;color:var(--on-dk-m)}
@media(max-width:700px){footer.site .cols{grid-template-columns:1fr}}

/* ---------- پنل مدیریت ---------- */
body.admin-mode header.site,body.admin-mode footer.site,body.admin-mode #public,body.admin-mode .marq{display:none}
.admin{display:none;min-height:100vh;grid-template-columns:250px 1fr}
body.admin-mode .admin{display:grid}
.side{background:var(--surface);border-inline-end:1px solid var(--line);padding:22px 14px;position:sticky;top:0;height:100vh;overflow:auto}
.side .logo{padding:0 10px 20px}
.side a{display:flex;gap:10px;align-items:center;padding:10px 14px;border-radius:12px;color:var(--muted);margin-bottom:2px;cursor:pointer;transition:.2s}
.side a:hover{background:var(--bg2);color:var(--ink)}
.side a.on{background:var(--btn);color:var(--btn-ink);font-weight:700}
.a-main{padding:30px;min-width:0}
.a-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:12px;flex-wrap:wrap}
.a-top h1{font-family:var(--f-display);font-size:2rem}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:26px}
.stat b{display:block;font-size:2.1rem;line-height:1.2}
.stat span{color:var(--muted);font-size:.9rem}
.qa{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
table{border-collapse:collapse;width:100%;min-width:600px}
th,td{padding:12px 16px;text-align:start;border-bottom:1px solid var(--line);font-size:.92rem;vertical-align:middle}
th{background:var(--bg2);font-weight:500;color:var(--muted);white-space:nowrap}
tr:last-child td{border:0}
.a-view{display:none}.a-view.on{display:block;animation:viewIn .45s var(--ease)}
.editor{border:1.5px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.editor .tb{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--line);background:var(--bg2);flex-wrap:wrap}
.editor .tb button{min-width:40px;height:40px;border:0;background:transparent;border-radius:8px;cursor:pointer}
.editor .tb button:hover{background:var(--line)}
.editor [contenteditable]{min-height:220px;padding:16px;outline:none}
.pwcell{display:inline-flex;align-items:center;gap:6px;font-family:monospace;direction:ltr}
.mini{border:1px solid var(--line);background:var(--bg2);border-radius:8px;padding:0 8px;height:28px;cursor:pointer;font-size:.8rem}
.mini:hover{border-color:var(--accent)}
.sched-sum{font-size:.82rem;color:var(--muted);max-width:260px}
/* گرید هفتگی */
.wk{display:grid;grid-template-columns:62px repeat(7,minmax(74px,1fr));gap:4px;min-width:640px}
.wk>div{padding:6px 4px;text-align:center;font-size:.8rem;border-radius:10px}
.wk .h{background:var(--bg2);font-weight:500}
.wk .t{color:var(--muted);align-self:center}
.c-open{background:color-mix(in srgb,var(--ok) 12%,var(--surface));border:1.5px dashed var(--ok);cursor:pointer;color:var(--ok)}
.c-closed{background:var(--bg2);color:var(--muted);cursor:pointer}
.c-stu{background:color-mix(in srgb,var(--teal) 18%,var(--surface));border:1.5px solid var(--teal);color:var(--ink)}
.c-book{background:color-mix(in srgb,var(--accent) 16%,var(--surface));border:1.5px solid var(--accent);color:var(--ink)}
.c-fri{background:repeating-linear-gradient(45deg,var(--bg2),var(--bg2) 6px,var(--surface) 6px,var(--surface) 12px);color:var(--muted)}
.c-open:hover,.c-closed:hover{transform:scale(1.04)}
.wk>div{transition:transform .15s}
.lg{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;color:var(--muted);margin:14px 0}
.lg i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-inline-end:5px;vertical-align:-1px}
/* دیالوگ */
dialog{margin:auto;inset:0;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--ink);padding:0;width:min(720px,94vw);max-height:92vh;overflow:auto}
dialog::backdrop{background:rgba(15,10,8,.6);backdrop-filter:blur(3px)}
dialog[open]{animation:pop .35s var(--ease)}
.dlg-in{padding:26px}
.sg{display:grid;grid-template-columns:54px repeat(6,1fr);gap:4px;overflow-x:auto;min-width:420px}
.sg-h,.sg-t{font-size:.78rem;text-align:center;color:var(--muted);align-self:center}
.cell{height:36px;border-radius:9px;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-size:.74rem;padding:0;transition:.15s}
.cell:hover:not(:disabled){border-color:var(--accent)}
.cell.sel{background:var(--btn);color:var(--btn-ink);border-color:var(--btn)}
.cell.taken{background:color-mix(in srgb,var(--teal) 16%,var(--surface));border-color:var(--teal);color:var(--ink)}
.cell:disabled:not(.taken){background:var(--bg2);color:var(--muted);cursor:not-allowed}
.jd{display:grid;grid-template-columns:.9fr 1.5fr 1fr;gap:8px}
.jd select{padding:10px 8px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);min-height:46px;width:100%}
.day.abs{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--surface));border-color:var(--bad);text-decoration:line-through}
.day.fri{background:var(--bg2);color:var(--muted);opacity:.6}
.day{position:relative}.day .mn{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:.65rem;background:var(--teal);color:#fff;border-radius:8px;padding:0 5px;line-height:1.4}
#aBody .day{aspect-ratio:auto;min-height:52px;padding:2px 0 14px}#aBody .day .mn{bottom:4px}
#jmSel,#jySel{min-height:38px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);padding:0 12px;font:inherit}
.day.hol{color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--surface));border-color:color-mix(in srgb,var(--bad) 30%,transparent);opacity:1}
.arch.has-photo svg.tar,.arch.has-photo .ph,.arch.has-photo .ring{display:none}
.arch img.photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.editor [contenteditable]:empty::before{content:attr(data-ph);color:var(--muted)}
.art-body{line-height:2.1}.art-body a{color:var(--accent);text-decoration:underline}.art-body ul,.art-body ol{padding-inline-start:24px}.art-body h2,.art-body h3{margin:14px 0 6px}
.tlrow{display:grid;grid-template-columns:100px 1fr auto;gap:10px;align-items:end;margin-bottom:10px}
.gal-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
.only-m{display:none}
@media(max-width:860px){
  .admin{grid-template-columns:1fr}
  .side{position:fixed;inset-block:0;inset-inline-start:0;width:268px;transform:translateX(100%);transition:transform .3s var(--ease);z-index:80;height:100%;box-shadow:0 0 40px rgba(0,0,0,.35)}
  .side.open{transform:none}
  .a-main{padding:16px}.only-m{display:grid}
}
.toast{position:fixed;bottom:22px;inset-inline:0;margin:auto;width:fit-content;max-width:90vw;background:var(--ink);color:var(--bg);padding:11px 24px;border-radius:999px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.35s var(--ease);z-index:300}
.toast.show{opacity:1;transform:none}
@media print{header.site,footer.site,.step-nav,.marq{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}
@media(max-width:560px){
.wk{grid-template-columns:40px repeat(7,minmax(0,1fr));gap:2px;min-width:0}
.wk>div{padding:4px 0;font-size:.62rem;border-radius:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wk .h{font-size:.6rem;line-height:1.4}.wk .h .hint{font-size:.55rem}
.sg{grid-template-columns:40px repeat(6,1fr);min-width:0;gap:3px}
th,td{padding:9px 10px;font-size:.82rem}
#aBody td,#aBody th{white-space:normal}
#aBody .card{padding:16px}
#aBody .btn.sm{padding:6px 12px;min-height:38px}
}
/* ================= نسخه ۳: نستعلیق و بخش‌های جدید ================= */
/* نستعلیق فضای عمودی بیشتری می‌خواهد */
h2,.page-head h1,.logo,.inst h3,.marq span,.a-top h1,footer.site .flogo,.cta-final h2,.quote{font-weight:400;line-height:2}
h2{font-size:clamp(2rem,4.2vw,3rem)}
.page-head h1{font-size:clamp(2.4rem,5.4vw,3.8rem)}
.logo{font-size:2rem;line-height:1.5;white-space:nowrap;min-width:0}
@media(max-width:480px){.logo{font-size:1.5rem}header.site .nav-actions .theme{display:none}}@media(max-width:380px){.logo{font-size:1.3rem}.logo svg{display:none}}.logo small{margin-top:-4px}
.quote{line-height:2.3}
.muted-p{color:var(--muted);font-size:.95rem;margin-top:4px}
.dk-band .muted-p,.dk-band p{color:var(--on-dk-m)}
.bh{font-size:clamp(1.7rem,3vw,2.1rem);margin-bottom:12px}
.small{font-size:.85rem}

/* منوی «بیشتر» */
.menu .more{position:relative}
.more-btn{background:none;border:0;padding:8px 12px;font:inherit;font-size:.95rem;color:var(--muted);cursor:pointer;border-radius:8px}
.more-btn:hover,.more.on .more-btn{color:var(--ink)}
.menu .sub{position:absolute;top:100%;inset-inline-start:0;min-width:230px;list-style:none;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -20px rgba(40,25,15,.45);display:none;z-index:70}
.menu .more:hover .sub,.menu .more:focus-within .sub,.menu .more.open .sub{display:block;animation:drop .25s var(--ease)}
.menu .sub a{border-radius:9px}.menu .sub a::after{display:none}.menu .sub a:hover,.menu .sub a.on{background:var(--bg2)}
@media(max-width:1100px){.more-btn{display:none}.menu .sub,.menu .more:hover .sub{position:static;display:block;border:0;box-shadow:none;padding:0;background:none;min-width:0;animation:none}}

/* کارت ساز با توضیح بازشونده */
.inst{display:flex;flex-direction:column}
.inst .idesc{white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;position:relative;z-index:1}
.inst.open .idesc{display:block;-webkit-line-clamp:unset}
.inst-act{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;position:relative;z-index:1;flex-wrap:wrap}
.more-t{background:none;border:0;cursor:pointer;font:inherit;padding:0}

/* کلاس‌ها و شیوهٔ برگزاری */
.cls-card{display:flex;flex-direction:column}
.cls-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:8px}
.modes{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 2px}
.mode{font-size:.8rem;padding:1px 11px;border-radius:999px;border:1.5px dashed var(--line);color:var(--muted)}
.mode.on{border:1.5px solid var(--teal);color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,transparent);font-weight:500}
.mode:not(.on){text-decoration:line-through;opacity:.65}

/* ساز و آواز */
.voice{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}
.voice-art{position:relative;aspect-ratio:1;width:100%;max-width:360px;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 45%,var(--wood-soft),var(--bg2) 72%);border:1px solid var(--line);display:grid;place-items:center;color:var(--wood);overflow:hidden}
#voiceIco{position:absolute;inset:0;display:grid;place-items:center}#voiceIco svg{height:58%;width:auto}
.voice-art .ring{top:50%}
.ticks{list-style:none;padding:0;margin:16px 0 26px;display:grid;gap:8px}
.ticks li{position:relative;padding-inline-start:28px}
.ticks li::before{content:"✦";position:absolute;inset-inline-start:0;color:var(--accent)}
@media(max-width:860px){.voice{grid-template-columns:1fr;gap:28px}.voice-art{max-width:260px}}

/* طرح‌های شهریه */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;position:relative}
.plan{position:relative;background:var(--dk2);border:1px solid var(--dk-line);border-radius:22px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:8px;transition:transform .35s var(--ease),border-color .3s}
.plan:hover{transform:translateY(-6px);border-color:var(--dk-accent)}
.plan.hot{border-color:var(--dk-accent);background:linear-gradient(160deg,#36261c,var(--dk2) 65%)}
.plan h3{font-size:1.3rem;color:var(--on-dk)}
.plan-tag{position:absolute;top:-13px;inset-inline-start:22px;background:var(--dk-accent);color:#1a0f0a;font-size:.78rem;font-weight:700;padding:2px 14px;border-radius:999px}
.beats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0 4px}
.beat{display:grid;justify-items:stretch;gap:4px;text-align:center}
.beat i{height:34px;border-radius:10px;border:1.5px dashed var(--dk-line);transform-origin:bottom}
.beat.on i{background:var(--dk-accent);border:1.5px solid var(--dk-accent);animation:beat 2.4s ease-in-out infinite}
.beat:nth-child(2) i{animation-delay:.3s}.beat:nth-child(3) i{animation-delay:.6s}.beat:nth-child(4) i{animation-delay:.9s}
.beat.maybe i{border-style:dotted;border-color:var(--on-dk-m);opacity:.6}
.beat small{font-size:.7rem;color:var(--on-dk-m)}
@keyframes beat{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.62)}}
.plan-price{font-size:1.9rem;font-weight:800;color:var(--dk-accent);line-height:1.3;margin-top:auto;padding-top:6px}
.plan .btn{margin-top:10px}

/* چرخ دستگاه‌ها */
.shop-tease{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.wheel{position:relative;width:100%;max-width:480px;aspect-ratio:1;margin-inline:auto;font-size:1.2rem}
.wheel-ring{position:absolute;inset:11%;border-radius:50%;border:1.5px dashed var(--wood-soft);animation:spin 70s linear infinite}
.wheel-ring::before{content:"";position:absolute;inset:16%;border-radius:50%;border:1px solid var(--line)}
.wheel-core{position:absolute;inset:35%;border-radius:50%;background:var(--btn);color:var(--btn-ink);display:grid;place-content:center;text-align:center;font-family:var(--f-display);font-size:2.4rem;line-height:1.6;box-shadow:0 22px 40px -22px var(--btn)}
.wheel-core small{display:block;font-size:1.05rem}
.wd{position:absolute;transform:translate(-50%,-50%);padding:2px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-family:var(--f-display);font-size:1em;line-height:1.9;cursor:pointer;white-space:nowrap;transition:transform .3s var(--ease),border-color .2s,background .2s,color .2s;animation:bob 5s ease-in-out infinite;animation-delay:calc(var(--i) * -.7s)}
.wd:hover,.wd:focus-visible{transform:translate(-50%,-50%) scale(1.1);border-color:var(--accent);color:var(--accent)}
@keyframes bob{50%{translate:0 -7px}}
@media(max-width:860px){.shop-tease{grid-template-columns:1fr}.wheel{max-width:340px;font-size:1rem}.wd{padding:0 12px}.wheel-core{font-size:1.9rem}}

/* فروشگاه نت */
.shop{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start}
.tree-box{position:sticky;top:90px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:12px;max-height:calc(100vh - 110px);overflow:auto}
.tree-box summary{font-weight:700;cursor:pointer;padding:4px 8px 8px;list-style:none;display:flex;justify-content:space-between}
.tree-box summary::-webkit-details-marker{display:none}
.tree-box summary::after{content:"▾";color:var(--muted);transition:transform .2s}
.tree-box:not([open]) summary::after{transform:rotate(90deg)}
.tree ul{list-style:none;padding:0;padding-inline-start:10px;margin:2px 0;margin-inline-start:12px;border-inline-start:1px dashed var(--wood-soft)}
.tree button{display:flex;justify-content:space-between;gap:8px;width:100%;background:none;border:0;padding:6px 10px;border-radius:10px;cursor:pointer;text-align:start;color:var(--muted);font:inherit;font-size:.93rem;transition:background .2s,color .2s}
.tree button:hover{background:var(--bg2);color:var(--ink)}
.tree button.on{background:var(--btn);color:var(--btn-ink);font-weight:700}
.tree .n{font-size:.75rem;opacity:.8}
.shop-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
#shopQ{flex:1 1 220px;max-width:340px;padding:9px 18px;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);min-height:44px}
#shopQ:focus{outline:none;border-color:var(--accent)}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px;color:var(--muted)}
.crumbs button{background:none;border:0;cursor:pointer;color:var(--accent);font:inherit;padding:2px 6px;border-radius:6px}
.crumbs button[aria-current]{color:var(--ink);font-weight:700;cursor:default}
.subchips{display:flex;gap:8px;flex-wrap:wrap}
.chip-b{padding:4px 16px;border-radius:999px;border:1.5px solid var(--wood-soft);background:var(--surface);color:var(--wood);cursor:pointer;font:inherit;font-weight:500;transition:.2s}
.chip-b:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.chip-b small{opacity:.7}
.srows{display:grid;gap:12px}
.srow{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 18px;transition:border-color .25s,transform .25s;animation:viewIn .4s var(--ease) both}
.srow:hover{border-color:var(--wood);transform:translateX(-3px)}
.s-ic{width:52px;height:52px;border-radius:14px;background:var(--bg2);display:grid;place-items:center;font-size:1.7rem;color:var(--wood)}
.srow h3{font-size:1.05rem}
.key{display:inline-block;font-size:.78rem;font-weight:700;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--teal) 14%,transparent);color:var(--teal);vertical-align:2px;margin-inline-start:4px}
.tag-free{color:var(--ok);font-weight:700}
@media(max-width:860px){.shop{grid-template-columns:1fr}.tree-box{position:static;max-height:none}}
@media(max-width:560px){.srow{grid-template-columns:44px minmax(0,1fr);gap:8px 12px;padding:12px}.s-ic{width:44px;height:44px;font-size:1.4rem}.s-price,.s-act{grid-column:2}.s-act .btn{width:100%}}

/* ویدیو */
.vid{display:flex;flex-direction:column}
.vthumb{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/10;border:0;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#3d2416,#9a3d1a);overflow:hidden;padding:0}
.vthumb::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.06) 22px 23px)}
.vplay{position:relative;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.93);color:#7a2e12;display:grid;place-items:center;font-size:1.4rem;transition:transform .3s var(--ease)}
.vplay::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.55);animation:ripple 2.6s ease-out infinite}
.vthumb:hover .vplay{transform:scale(1.12)}
.vkind{position:absolute;top:10px;inset-inline-start:10px;background:rgba(0,0,0,.5);color:#fff;font-size:.75rem;padding:2px 10px;border-radius:999px}
.vframe{aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.vframe iframe{width:100%;height:100%;border:0;display:block}
.lessons{margin-top:8px}.lessons summary{cursor:pointer;color:var(--accent);font-size:.9rem}.lessons ol{padding-inline-start:20px;color:var(--muted);font-size:.88rem}

/* پادکست */
.pod{background:var(--dk);color:var(--on-dk);border-radius:26px;padding:36px 40px;display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:center;position:relative;overflow:hidden}
.pod p{color:var(--on-dk-m)}.pod .eyebrow{color:var(--dk-accent)}.pod h2{color:var(--on-dk)}
.pod-art{width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,#3a2a20,var(--dk2));border:1px solid var(--dk-line);display:grid;place-items:center;position:relative}
.pod-art::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1.5px dashed var(--dk-line);animation:spin 30s linear infinite}
.eq.big{height:58px;gap:5px}.eq.big i{width:6px;background:var(--dk-accent)}
.eq.big i:nth-child(5){animation-delay:.3s}.eq.big i:nth-child(6){animation-delay:.15s}.eq.big i:nth-child(7){animation-delay:.45s}
@media(max-width:700px){.pod{grid-template-columns:1fr;text-align:center;padding:28px 22px;justify-items:center}.pod-art{width:120px;height:120px}}

/* قوانین */
.rules{list-style:none;padding:0;display:grid;gap:16px;counter-reset:r;max-width:860px}
.rules li{counter-increment:r;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 24px;padding-inline-start:84px;line-height:2.1;min-height:84px;display:flex;align-items:center}
.rules li::before{content:counter(r,persian);position:absolute;inset-inline-start:22px;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--btn);color:var(--btn-ink);display:grid;place-items:center;font-weight:800;font-size:1.15rem}
@media(max-width:560px){.rules li{padding-inline-start:68px;padding-inline-end:16px}.rules li::before{inset-inline-start:14px;width:38px;height:38px}}
.rules-mini{background:var(--bg2);border-radius:12px;padding:10px 14px;margin:6px 0 10px}
.rules-mini summary{cursor:pointer;font-weight:500}
.rules-mini ol{padding-inline-start:20px;font-size:.9rem;color:var(--muted);margin-top:6px}
.agree{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin:8px 0}
.agree input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin-top:7px}

/* سفارش */
.svc .svc-ic{width:52px;height:52px;border-radius:50%;background:var(--btn);color:var(--btn-ink);display:grid;place-items:center;font-size:1.35rem;margin-bottom:12px}
.svc h3{font-size:1.15rem}
.order-form{max-width:780px}

/* ارتباط */
.clist{list-style:none;padding:0;display:grid;gap:12px}
.clist li{display:flex;gap:12px;align-items:center}
.c-ic{width:42px;height:42px;border-radius:12px;background:var(--bg2);display:grid;place-items:center;flex:none}
.clist small{display:block;color:var(--muted);font-size:.78rem;line-height:1.5}
.clist a{color:var(--accent);font-weight:500;word-break:break-all}

/* رزرو */
.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.opt-grid .opt{margin:0;height:100%}
.opt.has-ic{display:flex;gap:14px;align-items:center}
.opt-ic{width:38px;height:58px;flex:none;color:var(--wood)}
.opt-ic svg{height:100%;width:auto}
.opt .d-block{display:block}
.opt-modes{display:block;font-size:.78rem;color:var(--teal);margin-top:2px}
.note-card{margin-top:14px;background:var(--bg2)}
.seg-o{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;margin-bottom:8px;background:var(--surface)}
.seg-o:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.seg-o input{accent-color:var(--accent);width:18px;height:18px}

/* پنل */
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:560px){.row3{grid-template-columns:1fr}}
.pl-f{border:1px solid var(--line);border-radius:14px;padding:10px 14px 2px;margin-bottom:14px}
.pl-f legend{padding:0 8px;font-weight:700}
.checks{display:flex;gap:18px;flex-wrap:wrap}
.checks label{display:flex;gap:6px;align-items:center;cursor:pointer}
.checks input{width:18px;height:18px;accent-color:var(--accent)}
.lbl{font-weight:500;font-size:.95rem}
.ct{max-height:520px;overflow:auto;margin:10px 0 14px;border:1px solid var(--line);border-radius:12px}
.ct-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--line);font-size:.92rem;flex-wrap:wrap}
.ct-row:last-child{border:0}
.ct-act{display:flex;gap:4px;flex-wrap:wrap}
.cell-wrap{white-space:normal!important;max-width:340px}
.tint{background:var(--bg2);border-block:1px solid var(--line)}
@media(max-width:420px){.wheel{width:90%;font-size:.88rem}.wd{padding:0 9px}.wheel-core{font-size:1.6rem}}
@media(max-width:400px){.nav{gap:6px}.nav-actions{gap:6px}.theme{width:52px;height:30px}.theme .knob{width:22px;height:22px;top:2px}[data-theme="dark"] .theme .knob{inset-inline-start:calc(100% - 25px)}.logo{font-size:1.7rem;gap:6px}.logo svg{width:28px;height:28px}.icon-btn.burger{width:40px;height:40px}}
/* ================= نسخهٔ سروری: بخش‌های تازه ================= */
body.loading main{opacity:.35;transition:opacity .3s}
.sync{font-size:.8rem;padding:2px 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.sync:empty{display:none}.sync[data-st="ok"]{color:var(--ok);border-color:var(--ok)}.sync[data-st="err"]{color:var(--bad);border-color:var(--bad)}
/* پیش‌شنود نت */
.pv{--p:0;display:inline-flex;align-items:center;gap:10px;margin:2px 0 8px;padding:5px 14px 5px 6px;border-radius:999px;border:1.5px solid var(--wood-soft);background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface));cursor:pointer;color:var(--wood);font:inherit;font-size:.82rem;transition:border-color .25s,box-shadow .25s}
.pv:hover{border-color:var(--accent);box-shadow:0 6px 18px -12px var(--accent)}
.pv-ic{position:relative;width:34px;height:34px;display:grid;place-items:center;flex:none}
.pv-ic svg{position:absolute;inset:0;transform:rotate(-90deg)}
.pv-ic circle{fill:none;stroke-width:2.5}.pv-trk{stroke:var(--line)}
.pv-arc{stroke:var(--accent);stroke-dasharray:100.5;stroke-dashoffset:calc(100.5 - 100.5 * var(--p));stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.pv-ic b{position:relative;width:24px;height:24px;border-radius:50%;background:var(--btn);color:var(--btn-ink);display:grid;place-items:center;font-size:.62rem}
.pv-bars{display:inline-flex;align-items:center;gap:2px;height:22px}
.pv-bars i{width:3px;border-radius:2px;background:var(--wood-soft);height:30%;transition:background .3s}
.pv-bars i:nth-child(3n){height:70%}.pv-bars i:nth-child(4n+1){height:50%}.pv-bars i:nth-child(5n+2){height:90%}
.pv.playing .pv-bars i{background:var(--accent);animation:eq .9s ease-in-out infinite}
.pv.playing .pv-bars i:nth-child(2n){animation-delay:.15s}.pv.playing .pv-bars i:nth-child(3n){animation-delay:.3s}.pv.playing .pv-bars i:nth-child(5n){animation-delay:.45s}
.pv-t{font-weight:500}
.pv-box{border:1.5px dashed var(--wood-soft);border-radius:14px;padding:12px 14px 2px;margin-bottom:16px;background:color-mix(in srgb,var(--accent) 4%,transparent)}
/* موسیقی پنل هنرجو */
.mbar{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-bottom:22px;border-radius:20px;background:var(--dk);color:var(--on-dk);position:relative;overflow:hidden}
.mbar::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 50%,#5a3420,transparent 60%);opacity:.6}
.mbar>*{position:relative}
.mbar .disc{width:46px;height:46px;border-radius:50%;flex:none;background:repeating-radial-gradient(circle,#2a1f19 0 2px,#1a1310 2px 4px);display:grid;place-items:center;box-shadow:0 0 0 2px var(--dk-line)}
.mbar .disc i{width:14px;height:14px;border-radius:50%;background:var(--dk-accent)}
.mbar.play .disc{animation:spin 4s linear infinite}
.mbar .mtxt{flex:1;min-width:0}.mbar small{display:block;color:var(--on-dk-m);font-size:.74rem}.mbar b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbar .eq.mini{height:22px;gap:3px}.mbar .eq.mini i{width:3px;background:var(--dk-accent)}
.mbar:not(.play) .eq.mini i{animation-play-state:paused;transform:scaleY(.25)}
.mbar .icon-btn{background:transparent;color:var(--on-dk);border-color:var(--dk-line)}
/* نمایشگاه ساز */
.shw{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s,border-color .3s}
.shw:hover{transform:translateY(-6px);border-color:var(--wood);box-shadow:0 22px 40px -26px rgba(60,35,20,.55)}
.shw-g{position:relative;background:var(--bg2)}
.shw-main{display:block;width:100%;aspect-ratio:4/3;border:0;padding:0;background:var(--bg2);cursor:zoom-in;overflow:hidden}
.shw-main img{width:100%;height:100%;object-fit:cover;transition:opacity .18s,transform .8s var(--ease)}
.shw:hover .shw-main img{transform:scale(1.05)}
.shw-main.empty{display:grid;place-items:center;color:var(--wood-soft);cursor:default}.shw-main.empty svg{height:70%;width:auto}
.shw-st{position:absolute;top:12px;inset-inline-start:12px;padding:2px 14px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--surface);border:1.5px solid var(--line)}
.shw-st.ok{color:var(--ok);border-color:var(--ok)}.shw-st.warn{color:var(--warn);border-color:var(--warn)}.shw-st.bad{color:#fff;background:var(--bad);border-color:var(--bad)}
.shw-th{display:flex;gap:6px;padding:8px;overflow-x:auto}
.shw-th button{flex:none;width:54px;height:42px;border-radius:9px;border:2px solid transparent;padding:0;overflow:hidden;cursor:pointer;opacity:.65;transition:.2s}
.shw-th button.on,.shw-th button:hover{border-color:var(--accent);opacity:1}
.shw-th img{width:100%;height:100%;object-fit:cover}
.shw-b{padding:16px 20px 20px;display:flex;flex-direction:column;flex:1}
.shw-b h3{font-size:1.2rem;margin-bottom:4px}
.shw-d{color:var(--muted);font-size:.93rem;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.shw.open .shw-d{display:block}
.more-s{background:none;border:0;cursor:pointer;font:inherit;font-size:.88rem;padding:0;align-self:flex-start}
.shw-f{margin-top:auto;padding-top:12px;display:grid;gap:10px}
.shw-act{display:flex;gap:8px;flex-wrap:wrap}.shw-act .btn{flex:1}
.shw.sold .shw-main img{filter:grayscale(.85)}
.swp{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-bottom:14px}
.swp figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg2)}
.swp img{width:100%;aspect-ratio:4/3;object-fit:cover}
.swp figcaption{display:flex;justify-content:space-between;gap:4px;padding:4px}
.vframe video{width:100%;height:100%;display:block;background:#000}
.menu a,.more-btn{white-space:nowrap}
.menu a{padding:8px 10px}
#shwGrid,#shwHomeGrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
#shwGrid .shw,#shwHomeGrid .shw{max-width:460px}

/* ===== v3: سرتیتر بدون هم‌پوشانی ===== */
header.site .logo>span{display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0}
header.site .logo [data-t="brand"]{display:block;line-height:1.55;padding-top:.15em}
header.site .logo small{display:block;margin-top:.1rem!important;line-height:1.5;white-space:nowrap}
@media(max-width:900px){header.site .logo small{display:none}}

/* ===== v3: آمار هیرو، سه ستون هم‌اندازه ===== */
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:520px;margin-top:36px;
  border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface,#fff) 55%,transparent);
  backdrop-filter:blur(6px);overflow:hidden}
.hero-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px 8px;min-width:0}
.hero-stats>div+div{border-inline-start:1px solid var(--line)}
.hero-stats b{font-size:1.9rem;line-height:1.25;color:var(--accent)}
.hero-stats span{font-size:.84rem;line-height:1.6}
@media(max-width:420px){.hero-stats b{font-size:1.55rem}.hero-stats span{font-size:.76rem}.hero-stats>div{padding:12px 4px}}

/* ===== v3: تار متحرک در «دربارهٔ من» ===== */
#abArch svg.tar{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){svg.tar .tar-str{animation:none!important}}

/* ===== v3: ویرایش مستقیم روی سایت ===== */
.edbar{position:fixed;inset-inline:12px;bottom:12px;z-index:90;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  max-width:860px;margin-inline:auto;padding:8px 12px;border-radius:16px;background:#1d1611;color:#fff;
  box-shadow:0 10px 40px rgba(0,0,0,.3);font-size:.85rem}
.edbar[hidden]{display:none}
.edbar .ed-msg{flex:1;min-width:140px}
.edbar .ed-dot{width:9px;height:9px;border-radius:50%;background:#9a9a9a;flex:none}
.edbar.on .ed-dot{background:#4fd18b;box-shadow:0 0 0 4px rgba(79,209,139,.25)}
.edbar select{background:#ffffff1a;color:#fff;border:1px solid #ffffff33;border-radius:10px;padding:5px 8px;font:inherit}
.edbar select option{color:#000}
.edbar .sync{font-size:.78rem;opacity:.85}
.edbar .btn{color:#fff;border-color:#ffffff40}
body.editing{padding-bottom:84px}
body.editing .ed{outline:1.5px dashed color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px;border-radius:4px;cursor:text;transition:outline-color .2s,background .2s}
body.editing .ed:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}
body.editing .ed:focus{outline:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
body.editing .ed.saved{outline-color:#2fae6b;background:rgba(47,174,107,.12)}
body.editing .ed:empty::before{content:'(خالی؛ برای نوشتن کلیک کنید)';opacity:.45}
.ed-img{display:none;position:absolute;bottom:14px;inset-inline-start:50%;transform:translateX(50%);z-index:3;
  padding:8px 14px;border-radius:999px;border:0;background:#1d1611;color:#fff;font:inherit;font-size:.82rem;cursor:pointer}
body.editing .ed-img{display:block}
@media(max-width:560px){.edbar .ed-msg{display:none}}

/* ===== v4: پشتیبان‌گیری ===== */
.bk-note{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--bg2);font-size:.88rem;line-height:2.1}
.bk-note code{font-size:.82rem}

/* ===== v5: فونت تیترها با متغیر (هر فونت وزن و فاصلهٔ خط خودش را دارد) ===== */
:root{--fd-w:700;--fd-lh:1.5}
h2,.page-head h1,.logo,.inst h3,.marq span,.a-top h1,footer.site .flogo,.cta-final h2,.quote,.hero h1,.wheel-core,.wd{font-weight:var(--fd-w);line-height:var(--fd-lh)}
.hero h1{line-height:calc(var(--fd-lh) - .1);letter-spacing:0}
header.site .logo [data-t="brand"]{line-height:calc(var(--fd-lh) + .05)}
.wheel-core{line-height:calc(var(--fd-lh) + .1)}
html:not([data-font="nastaliq"]) .hero h1{font-size:clamp(2.6rem,7.5vw,5.4rem);margin:10px 0 8px}

/* ===== v5: سه ویژگی زیر دکمه‌ها (به‌جای اعداد) ===== */
.hero-feats{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:540px;animation:rise 1s .8s var(--ease) both}
.hero-feats li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:2px 12px;font-size:.86rem;line-height:1.7;color:var(--ink);min-width:0}
.hero-feats li+li{border-inline-start:1px solid var(--line)}
.hf-ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--accent);
  background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);transition:transform .4s var(--ease)}
.hero-feats li:hover .hf-ic{transform:translateY(-3px) rotate(-6deg)}
.hf-ic svg{width:20px;height:20px}
@media(max-width:420px){.hero-feats li{padding:2px 6px;font-size:.78rem}.hf-ic{width:38px;height:38px}}

/* ===== v5: دکمهٔ «آشنایی با من» ===== */
.btn-about{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:4px 6px 4px 20px;color:var(--ink);font-weight:500;text-decoration:none;position:relative;transition:color .25s}
.btn-about .ba-ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--accent);color:var(--accent);
  transition:background .3s var(--ease),color .3s,transform .4s var(--ease)}
.btn-about .ba-ring svg{width:18px;height:18px}
.btn-about [data-t]{background:linear-gradient(currentColor,currentColor) no-repeat 100% 100%/0 1.5px;padding-bottom:3px;transition:background-size .35s var(--ease)}
.btn-about:hover .ba-ring,.btn-about:focus-visible .ba-ring{background:var(--accent);color:#fff;transform:translateX(-4px)}
.btn-about:hover [data-t],.btn-about:focus-visible [data-t]{background-size:100% 1.5px}
.btn-about:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}
body.editing .btn-about .ba-ring{pointer-events:none}

/* ===== v5: انتخاب فونت در پنل ===== */
.font-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.fp{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;transition:border-color .2s,transform .2s}
.fp:hover{transform:translateY(-2px)}
.fp.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.fp-s{font-size:1.9rem}
.fp-t{font-size:.78rem;color:var(--muted)}

/* ===== v6: فونت جداگانه برای نام در سربرگ (پیش‌فرض نستعلیق) ===== */
:root{--f-logo:"Mehr","Noto Nastaliq Urdu","Vazirmatn",serif;--fl-w:400;--fl-lh:1.55}
header.site .logo [data-t="brand"]{font-family:var(--f-logo);font-weight:var(--fl-w);line-height:var(--fl-lh);padding-top:.15em}
html[data-logofont="nastaliq"] header.site .logo{font-size:2rem}
html:not([data-logofont="nastaliq"]) header.site .logo{font-size:1.65rem}
@media(max-width:480px){html[data-logofont="nastaliq"] header.site .logo{font-size:1.5rem}html:not([data-logofont="nastaliq"]) header.site .logo{font-size:1.35rem}}

/* ===== v6: گزارش ممیزی ===== */
.aud-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.aud-stats .stat.bad b{color:var(--bad)}
.aud-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.aud-f{display:flex;flex-wrap:wrap;gap:6px}
.aud-chip{padding:5px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:.82rem;cursor:pointer}
.aud-chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
#audQ{flex:1;min-width:200px;max-width:320px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit}
.aud-t td{font-size:.84rem;vertical-align:top}
.aud-t .nw{white-space:nowrap}
.aud-t .aud-d{min-width:180px;max-width:360px;word-break:break-word}

/* ===== v6: وضعیت سرور در داشبورد ===== */
.srv{margin:18px 0 22px}
.srv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.srv-top h3{margin:0}
.srv-grid{display:grid;grid-template-columns:minmax(200px,1fr) 2.2fr;gap:18px}
@media(max-width:760px){.srv-grid{grid-template-columns:1fr}}
.srv-on{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:14px;border-radius:14px;background:var(--bg2)}
.srv-on b{font-size:2.4rem;line-height:1.2}
.srv-on small{color:var(--muted);font-size:.78rem;margin-top:4px}
.srv-dot{width:10px;height:10px;border-radius:50%;background:#9a9a9a}
.srv-dot.live{background:#2fae6b;box-shadow:0 0 0 0 rgba(47,174,107,.5);animation:srvp 2s infinite}
@keyframes srvp{70%{box-shadow:0 0 0 10px rgba(47,174,107,0)}100%{box-shadow:0 0 0 0 rgba(47,174,107,0)}}
@media(prefers-reduced-motion:reduce){.srv-dot.live{animation:none}}
.srv-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.srv-row b{font-size:1.4rem}
.srv-row span{color:var(--muted);font-size:.86rem}
.srv-bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:var(--bg2);margin:10px 0;gap:2px}
.srv-bar i{display:block;height:100%}
.srv-leg{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px 14px;font-size:.84rem}
.srv-leg li{display:flex;align-items:center;gap:6px}
.srv-leg li span{width:10px;height:10px;border-radius:3px;flex:none}
.srv-leg li b{margin-inline-start:auto;font-weight:600}
.srv-leg li small{color:var(--muted);font-size:.72rem}
.srv-cap{height:8px;border-radius:999px;background:var(--bg2);overflow:hidden;margin-top:6px}
.srv-cap i{display:block;height:100%;background:var(--ok,#2fae6b)}
.srv-cap i.hi{background:var(--bad)}
.aud-t .badge{white-space:nowrap}

/* ===== v7: برش عکس ===== */
.crop-dlg{border:0;border-radius:20px;padding:0;width:min(560px,94vw);max-height:94vh;background:var(--surface);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.crop-dlg::backdrop{background:rgba(20,14,10,.6);backdrop-filter:blur(3px)}
.crop-in{padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px}
.crop-in h3{margin:0}
.crop-in .hint{margin:0;font-size:.82rem}
.crop-stage{position:relative;width:100%;margin-inline:auto;overflow:hidden;border-radius:14px;background:#1d1611;touch-action:none;cursor:grab;user-select:none;direction:ltr}
.crop-stage:active{cursor:grabbing}
.crop-stage:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.crop-stage img{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none;will-change:transform}
.crop-grid{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85);
  background:linear-gradient(to right,transparent 33.2%,rgba(255,255,255,.35) 33.3%,rgba(255,255,255,.35) 33.5%,transparent 33.6%,transparent 66.5%,rgba(255,255,255,.35) 66.6%,rgba(255,255,255,.35) 66.8%,transparent 66.9%),
  linear-gradient(to bottom,transparent 33.2%,rgba(255,255,255,.35) 33.3%,rgba(255,255,255,.35) 33.5%,transparent 33.6%,transparent 66.5%,rgba(255,255,255,.35) 66.6%,rgba(255,255,255,.35) 66.8%,transparent 66.9%)}
.crop-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.crop-zoom{flex:1;display:flex;align-items:center;gap:10px;font-size:.85rem;min-width:200px}
.crop-zoom input{flex:1;accent-color:var(--accent)}
.crop-act{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:480px){.crop-act .btn{flex:1}}
.bk-opts{border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:6px 0 12px}
.bk-opts legend{padding:0 6px;font-weight:600;font-size:.9rem}
.bk-o{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer;font-size:.9rem}
.bk-o+.bk-o{border-top:1px dashed var(--line)}
.bk-o span{flex:1}
.bk-o small{color:var(--muted)}
.bk-o b{font-weight:500;color:var(--muted);font-size:.8rem;white-space:nowrap}
.bk-o.fixed{cursor:default;opacity:.85}
.bk-o input{accent-color:var(--accent);width:18px;height:18px}
.crop-zoom .cz{flex:1;display:flex;align-items:center;gap:8px;direction:ltr}.crop-zoom .cz span{font-weight:700;color:var(--muted)}