/* پرشین پی‌دی‌اف — ویترین. بدون فریم‌ورک؛ فقط فونت محلی وزیرمتن. */
@font-face{font-family:Vazirmatn;src:url(../vendor/vazirmatn/vazirmatn-arabic-wght-normal.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:Vazirmatn;src:url(../vendor/vazirmatn/vazirmatn-latin-wght-normal.woff2) format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --ink:#1d2340;--ink-2:#454b6b;--muted:#6f7392;--line:#e8e4dc;--paper:#faf7f2;--card:#fff;--soft:#f3efe7;
  --red:#e5395b;--red-d:#c42645;--red-t:#fdecef;--gold:#f2a516;--gold-d:#9a6200;--gold-t:#fff4dc;
  --green:#2f8f5b;--green-t:#e6f5ec;--teal:#12a2b0;--r:14px;--sh:0 1px 2px rgba(29,35,64,.06),0 8px 24px -12px rgba(29,35,64,.18);
  --font:Vazirmatn,Tahoma,system-ui,sans-serif
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:15.5px;line-height:1.85;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--red-d);text-decoration:none}a:hover{color:var(--ink)}
h1,h2,h3{line-height:1.45;margin:0 0 .6rem;font-weight:800}
h1{font-size:clamp(1.35rem,2.6vw,1.9rem)}h2{font-size:1.2rem}h3{font-size:1rem}
p{margin:0 0 .8rem}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:6px}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:16px}
.wrap--narrow{max-width:820px}
.muted{color:var(--muted)}.small{font-size:.85rem}
.skip{position:absolute;inset-inline-start:-999px;top:8px;background:#fff;padding:.5rem 1rem;z-index:99}.skip:focus{inset-inline-start:8px}
.hp{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.announce{background:var(--ink);color:#fff;text-align:center;font-size:.88rem;padding:.4rem 1rem}

/* --- دکمه‌ها --- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:12px;padding:.7rem 1.2rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;text-align:center;line-height:1.5}
.btn:active{transform:translateY(1px)}
.btn--main{background:var(--red);color:#fff;box-shadow:0 8px 18px -10px var(--red)}.btn--main:hover{background:var(--red-d);color:#fff}
.btn--gold{background:var(--gold);color:#3a2600}.btn--gold:hover{background:#e39600;color:#3a2600}
.btn--line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.btn--line:hover{background:var(--ink);color:#fff}
.btn--ghost{background:var(--soft);color:var(--ink)}.btn--ghost:hover{background:var(--line);color:var(--ink)}
.btn--block{display:flex;width:100%;margin-bottom:.55rem}
.btn[disabled]{opacity:.6;cursor:wait}
.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:0;background:transparent;color:var(--ink);cursor:pointer}
.icon-btn:hover{background:var(--soft);color:var(--ink)}
.badge{position:absolute;top:2px;inset-inline-end:2px;min-width:18px;height:18px;border-radius:9px;background:var(--red);color:#fff;font-size:.7rem;font-style:normal;line-height:18px;text-align:center;padding:0 4px}

/* --- سربرگ --- */
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.hdr__row{display:flex;align-items:center;gap:1rem;min-height:68px}
.hdr__menu{display:none}
.brand{display:flex;align-items:center;gap:.6rem;color:var(--ink);flex:none}
.brand span{display:flex;flex-direction:column;line-height:1.3}
.brand strong{font-size:1.1rem;font-weight:900}.brand small{color:var(--muted);font-size:.74rem}
.brand--light{color:#fff}
.search{position:relative;flex:1;max-width:560px;display:flex;align-items:center;background:var(--soft);border-radius:14px;border:1.5px solid transparent;transition:border-color .15s,background .15s}
.search:focus-within{border-color:var(--ink);background:#fff}
.search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:.65rem 1rem;outline:none}
.search button{border:0;background:transparent;color:var(--ink-2);padding:.5rem .9rem;cursor:pointer;display:flex}
.search--big{max-width:620px;background:#fff;box-shadow:var(--sh);border-radius:16px;margin:1.2rem 0 1rem}
.search--big input[type=search]{padding:.95rem 1.2rem;font-size:1.02rem}
.search--big button{background:var(--red);color:#fff;border-radius:12px;margin:.35rem;padding:.6rem 1.4rem;font-weight:700}
.suggest{position:absolute;top:calc(100% + 6px);inset-inline:0;background:#fff;border-radius:14px;box-shadow:0 18px 40px -16px rgba(29,35,64,.4);overflow:hidden;z-index:50;border:1px solid var(--line)}
.suggest a{display:flex;align-items:center;gap:.7rem;padding:.45rem .8rem;color:var(--ink);border-bottom:1px solid var(--soft)}
.suggest a:hover,.suggest a.on{background:var(--soft)}
.suggest img{width:34px;height:50px;object-fit:cover;border-radius:4px;background:var(--soft)}
.suggest .all{justify-content:center;font-weight:700;color:var(--red-d)}
.hdr__actions{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto}
.vip-link{display:inline-flex;align-items:center;gap:.4rem;background:var(--gold-t);color:var(--gold-d);font-weight:800;border-radius:12px;padding:.45rem .8rem;margin-inline-end:.3rem;font-size:.9rem}
.vip-link:hover{background:var(--gold);color:#3a2600}
.nav{border-top:1px solid var(--soft)}
.nav__row{display:flex;align-items:center;gap:.2rem;overflow-x:auto;scrollbar-width:none;min-height:46px}
.nav__row::-webkit-scrollbar{display:none}
.nav a,.nav summary{white-space:nowrap;color:var(--ink-2);font-weight:600;font-size:.92rem;padding:.35rem .7rem;border-radius:10px;display:flex;align-items:center;gap:.3rem;cursor:pointer}
.nav a:hover,.nav summary:hover{background:var(--soft);color:var(--ink)}
.nav__alt{margin-inline-start:auto}.nav__alt+.nav__alt{margin-inline-start:0}
.nav__alt svg{width:17px;height:17px;color:var(--red)}
.nav__head{display:none}
.nav__more{position:relative}.nav__more summary{list-style:none}.nav__more summary::-webkit-details-marker{display:none}
.nav__more svg{width:15px;height:15px}
.nav__more>div{position:fixed;top:auto;background:#fff;max-height:70vh;overflow-y:auto;border-radius:14px;box-shadow:var(--sh);border:1px solid var(--line);padding:.4rem;min-width:220px;z-index:45;display:grid}
.scrim{position:fixed;inset:0;background:rgba(29,35,64,.45);z-index:59}

/* --- پیام‌ها --- */
.flash{list-style:none;padding:0;margin:1rem 0}
.flash li{background:var(--green-t);color:#1e5e3b;border-radius:12px;padding:.7rem 1rem;margin-bottom:.5rem;font-weight:600}
.flash li.error{background:var(--red-t);color:var(--red-d)}.flash li.warning,.flash li.info{background:var(--gold-t);color:var(--gold-d)}

/* --- قهرمان --- */
.hero{background:radial-gradient(1200px 400px at 85% -10%,#fff 0,transparent 60%),linear-gradient(180deg,#f6efe3,var(--paper));border-bottom:1px solid var(--line)}
.hero__row{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;padding-block:2.6rem 2.2rem}
.eyebrow{display:inline-block;background:var(--red-t);color:var(--red-d);font-weight:800;font-size:.8rem;border-radius:999px;padding:.15rem .8rem;margin-bottom:.8rem}
.hero h1{font-size:clamp(1.6rem,3.6vw,2.6rem);font-weight:900;letter-spacing:-.5px;margin-bottom:.5rem}
.lead{font-size:1.06rem;color:var(--ink-2);max-width:560px}
.hero__stats{display:flex;gap:1.6rem;list-style:none;padding:0;margin:0;color:var(--muted);font-size:.9rem}
.hero__stats strong{color:var(--ink);font-size:1.1rem;margin-inline-end:.2rem}
.hero__shelf{position:relative;height:300px}
.hero__shelf img{position:absolute;width:150px;aspect-ratio:2/3;object-fit:cover;border-radius:6px 10px 10px 6px;box-shadow:-10px 18px 30px -14px rgba(29,35,64,.55);background:var(--soft)}
.hero__shelf img:nth-child(1){inset-inline-end:44%;top:6%;transform:rotate(-4deg);z-index:3;width:170px}
.hero__shelf img:nth-child(2){inset-inline-end:22%;top:14%;transform:rotate(5deg);z-index:2}
.hero__shelf img:nth-child(3){inset-inline-end:64%;top:18%;transform:rotate(-9deg);z-index:1}
.hero__shelf img:nth-child(4){inset-inline-end:4%;top:24%;transform:rotate(9deg);z-index:1;width:130px}
.hero__shelf img:nth-child(5){display:none}

/* --- بخش‌ها --- */
.block{margin-block:2.2rem}
.block__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.block__head h2{margin:0;font-size:1.25rem;position:relative;padding-inline-start:.9rem}
.block__head h2::before{content:"";position:absolute;inset-inline-start:0;top:.35em;bottom:.35em;width:4px;border-radius:4px;background:var(--red)}
.block__head a{display:flex;align-items:center;gap:.2rem;font-weight:700;font-size:.9rem}
.block__head a svg{width:16px;height:16px}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.6rem;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}
@media(min-width:1100px){.rail{grid-auto-columns:calc((100% - 5rem)/6)}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.4rem 1rem}
.empty{background:#fff;border-radius:var(--r);padding:2rem;text-align:center;color:var(--muted);grid-column:1/-1}

/* --- کارت کتاب --- */
.card{min-width:0}
.card__link{color:var(--ink);display:block}
.cover{position:relative;display:block;aspect-ratio:2/3;border-radius:6px 12px 12px 6px;overflow:hidden;background:linear-gradient(135deg,#ece6da,#f8f4ec);box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}
.cover::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:7px;background:linear-gradient(90deg,rgba(0,0,0,.0),rgba(0,0,0,.14));pointer-events:none}
.cover img{width:100%;height:100%;object-fit:cover}
.card__link:hover .cover{transform:translateY(-4px);box-shadow:0 18px 30px -16px rgba(29,35,64,.45)}
.cover__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-weight:800;color:var(--ink-2);font-size:.9rem;background:linear-gradient(160deg,#f1ebe0,#e2d8c6)}
.cover__ph--big{position:relative;aspect-ratio:2/3;border-radius:8px 14px 14px 8px;font-size:1.2rem}
.tag{position:absolute;top:8px;inset-inline-start:8px;font-style:normal;font-size:.72rem;font-weight:800;border-radius:8px;padding:.05rem .5rem;z-index:2}
.tag--free{background:var(--green);color:#fff}.tag--off{background:var(--red);color:#fff}
.card__title{font-size:.93rem;font-weight:700;margin:.65rem 0 .1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
.card__meta{font-size:.8rem;color:var(--muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card__price{font-size:.86rem;font-weight:700;margin:.1rem 0 0}
.card__price s{color:var(--muted);font-weight:400;font-size:.78rem}
.free{color:var(--green);font-weight:800}

/* --- دسته‌ها و برچسب‌ها --- */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem}
.cats a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.75rem 1rem;color:var(--ink);font-weight:700;transition:border-color .15s,transform .15s}
.cats a:hover{border-color:var(--red);transform:translateY(-2px)}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.2rem 0}
.chips a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:.2rem .85rem;font-size:.86rem;color:var(--ink-2);font-weight:600}
.chips a:hover{border-color:var(--ink);color:var(--ink)}
.chip--tag{color:var(--muted)!important}

/* --- نوارهای تبلیغی --- */
.vip-band,.donate-band{display:flex;align-items:center;gap:1.2rem;border-radius:20px;padding:1.5rem 1.8rem;margin-block:2rem}
.vip-band{background:linear-gradient(120deg,#1d2340,#343b66);color:#fff}
.vip-band h2,.donate-band h2{margin:0 0 .2rem;font-size:1.15rem}.vip-band p{color:#c9cbe6;margin:0}
.vip-band__ic{width:46px;height:46px;color:var(--gold)}
.vip-band .btn,.donate-band .btn{margin-inline-start:auto;flex:none}
.donate-band{background:var(--red-t)}.donate-band>svg{width:40px;height:40px;color:var(--red)}.donate-band p{margin:0;color:var(--ink-2)}

/* --- مسیر و سربرگ بایگانی --- */
.crumbs{display:flex;flex-wrap:wrap;gap:.4rem;font-size:.84rem;color:var(--muted);margin:1.1rem 0}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--ink)}
.arch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1rem 0 1.2rem}
.arch-head h1{margin:0}.arch-head p{margin:0}
.sort{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--muted)}
.sort select,.field-row input,form label input,form label textarea,form select{border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:.5rem .75rem}
.arch-intro{background:#fff;border-radius:var(--r);padding:1rem 1.2rem;margin-bottom:1.4rem;color:var(--ink-2);box-shadow:var(--sh)}
.arch-intro p:last-child{margin:0}

/* --- صفحهٔ کتاب --- */
.book{display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:2rem;align-items:start;margin-top:.5rem}
.book__cover img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px 16px 16px 8px;box-shadow:-14px 24px 40px -22px rgba(29,35,64,.6);background:var(--soft)}
.book__main h1{font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:900}
.book__people{margin:0 0 .8rem;display:grid;gap:.2rem}
.book__people div{display:flex;gap:.5rem}.book__people dt{color:var(--muted);min-width:56px}.book__people dd{margin:0;font-weight:700}
.rating{display:flex;align-items:center;gap:.3rem;font-weight:800}.rating svg{color:var(--gold);fill:var(--gold);width:18px;height:18px}.rating span{color:var(--muted);font-weight:400;font-size:.85rem}
.book__summary{color:var(--ink-2);background:#fff;border-radius:var(--r);padding:1rem 1.2rem;border-inline-start:4px solid var(--red)}
.specs{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);font-size:.92rem}
.specs th,.specs td{padding:.55rem 1rem;border-bottom:1px solid var(--soft);text-align:start}
.specs th{color:var(--muted);font-weight:600;width:38%}.specs tr:last-child th,.specs tr:last-child td{border:0}
.buy{background:#fff;border-radius:20px;padding:1.3rem;box-shadow:var(--sh);position:sticky;top:130px}
.buy__price{display:flex;align-items:baseline;gap:.6rem;font-size:1.3rem;margin-bottom:1rem}
.buy__price strong{font-weight:900}.buy__price s{color:var(--muted);font-size:.95rem}
.buy .ok{display:flex;gap:.4rem;align-items:center;color:var(--green);font-weight:700;background:var(--green-t);border-radius:10px;padding:.4rem .7rem}
.buy__help{display:block;text-align:center;font-size:.85rem;margin-top:.4rem}
.prose{background:#fff;border-radius:20px;padding:1.6rem 1.8rem;box-shadow:var(--sh);overflow-wrap:anywhere}
.prose img{border-radius:10px;margin:1rem auto}.prose h2,.prose h3{margin-top:1.4rem}
.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{border:1px solid var(--line);padding:.4rem .6rem}
.prose blockquote{margin:1rem 0;padding:.6rem 1rem;border-inline-start:4px solid var(--gold);background:var(--gold-t);border-radius:8px}

/* --- نظرها --- */
.reviews{background:#fff;border-radius:20px;padding:1.6rem 1.8rem;box-shadow:var(--sh)}
.reviews h2 small{color:var(--muted);font-weight:500}
.rev{border-bottom:1px solid var(--soft);padding:.8rem 0}.rev p{margin:0}
.rev__who{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.3rem!important}
.rev__who time{color:var(--muted);font-size:.8rem;margin-inline-start:auto}
.rev--reply{background:var(--soft);border-radius:12px;padding:.6rem .9rem;margin:.6rem 1.5rem 0 0;border:0}
.stars{display:inline-flex}.stars svg{width:14px;height:14px;color:var(--line);fill:var(--line)}.stars svg.on{color:var(--gold);fill:var(--gold)}
.rev-form{margin-top:1.4rem;display:grid;gap:.8rem}
.rev-form label{display:grid;gap:.25rem;font-size:.9rem;color:var(--ink-2)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.rate{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.1rem}
.rate legend{float:right;margin-inline-end:.6rem;font-size:.9rem;color:var(--ink-2)}
.rate input{position:absolute;opacity:0}.rate label{cursor:pointer;display:flex}
.rate svg{width:24px;height:24px;color:#d8d2c4;fill:#ece6da}
.rate input:checked~label svg,.rate label:hover svg,.rate label:hover~label svg{color:var(--gold);fill:var(--gold)}
.rate input:focus-visible+label{outline:3px solid var(--teal);border-radius:6px}

/* --- صفحه‌بندی --- */
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:2rem 0}
.pager a,.pager span{min-width:40px;text-align:center;border-radius:10px;padding:.35rem .7rem;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:700}
.pager [aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}.pager .gap{border:0;background:transparent}

/* --- فرم‌ها و کارت عمومی --- */
.panel{background:#fff;border-radius:20px;padding:1.5rem;box-shadow:var(--sh)}
.form{display:grid;gap:.85rem}
.form label{display:grid;gap:.3rem;font-size:.9rem;font-weight:600;color:var(--ink-2)}
.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{width:100%;border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:.65rem .85rem}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--ink);outline:none}
.err{color:var(--red-d);font-size:.84rem;font-weight:600}
.ltr{direction:ltr;text-align:left}

/* --- ۴۰۴ --- */
.nf{text-align:center;padding-block:3rem}.nf .search{margin-inline:auto}
.nf__code{font-size:4rem;font-weight:900;color:var(--line);margin:0}

/* --- پانویس --- */
.ftr{background:var(--ink);color:#c9cbe6;margin-top:3rem;padding-top:2.5rem;font-size:.9rem}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem}
.ftr h2{color:#fff;font-size:.98rem;margin-bottom:.6rem}
.ftr a{color:#c9cbe6;display:block;padding:.15rem 0}.ftr a:hover{color:#fff}
.ftr__about p{margin-top:.8rem}
.ftr__social{display:flex;flex-wrap:wrap;gap:.4rem}.ftr__social a{display:inline-block;background:rgba(255,255,255,.08);border-radius:8px;padding:.15rem .7rem}
.ftr__html{margin-top:1.5rem}
.ftr__copy{border-top:1px solid rgba(255,255,255,.08);margin-top:2rem;padding-block:1rem;font-size:.8rem;color:#8e92b8}

/* --- واکنش‌گرا --- */
@media(max-width:1020px){
  .book{grid-template-columns:220px minmax(0,1fr)}
  .buy{grid-column:1/-1;position:static}
  .ftr__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .hdr__menu{display:inline-flex}
  .hdr__row{flex-wrap:wrap;gap:.4rem .6rem;padding-block:.5rem}
  .hdr .search{order:5;flex-basis:100%;max-width:none}
  .vip-link span{display:none}.vip-link{padding:.5rem}
  .brand small{display:none}
  .nav{position:fixed;inset-block:0;inset-inline-start:0;width:min(300px,86vw);background:#fff;z-index:60;transform:translateX(105%);transition:transform .25s;overflow-y:auto;border:0;box-shadow:0 0 40px rgba(0,0,0,.2)}
  .nav.open{transform:none}
  .nav__row{flex-direction:column;align-items:stretch;overflow:visible;padding-block:.8rem}
  .nav__head{display:flex;align-items:center;justify-content:space-between;padding:.2rem .4rem .6rem}
  .nav a,.nav summary{font-size:1rem;padding:.6rem .8rem}
  .nav__alt{margin-inline-start:0}
  .nav__more>div{position:static;box-shadow:none;border:0;padding:0 .8rem}
  .hero__row{grid-template-columns:1fr;padding-block:1.6rem}
  .hero__shelf{display:none}
  .vip-band,.donate-band{flex-wrap:wrap;padding:1.2rem}
  .vip-band .btn,.donate-band .btn{margin-inline-start:0;width:100%}
}
@media(max-width:600px){
  body{font-size:15px}
  .book{grid-template-columns:1fr}
  .book__cover{max-width:220px;margin-inline:auto}
  .book__main{order:3}.buy{order:2}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem .8rem}
  .rail{grid-auto-columns:42%}
  .field-row{grid-template-columns:1fr}
  .prose,.reviews,.panel{padding:1.1rem}
  .ftr__grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* --- حساب، خرید و پشتیبانی --- */
.page-h{margin:1.4rem 0 1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.mt{margin-top:1rem}.narrow{max-width:460px}
.btn--sm{padding:.35rem .8rem;font-size:.85rem;border-radius:10px}.btn--sm svg{width:16px;height:16px}
.note{background:var(--gold-t);color:var(--gold-d);border-radius:12px;padding:.7rem 1rem;font-weight:600}
.note--vip{background:#1d2340;color:#ffe2a6}
.st{display:inline-block;font-size:.75rem;font-weight:800;border-radius:999px;padding:.05rem .65rem;background:var(--soft);color:var(--ink-2);white-space:nowrap}
.st--completed,.st--answered,.st--paid{background:var(--green-t);color:#1e5e3b}
.st--processing,.st--open,.st--on-hold{background:var(--gold-t);color:var(--gold-d)}
.st--failed,.st--cancelled,.st--refunded{background:var(--red-t);color:var(--red-d)}
.table-wrap{overflow-x:auto;background:#fff;border-radius:var(--r);box-shadow:var(--sh)}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th,.tbl td{padding:.65rem .9rem;border-bottom:1px solid var(--soft);text-align:start;vertical-align:middle}
.tbl th{color:var(--muted);font-weight:600;font-size:.82rem;background:#fcfbf8}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}
.check{display:flex!important;align-items:center;gap:.5rem;font-weight:500!important}
.check input{width:18px;height:18px;accent-color:var(--red)}

.acc{display:grid;grid-template-columns:230px minmax(0,1fr);gap:1.6rem;margin-top:1.4rem;align-items:start}
.acc__nav{background:#fff;border-radius:20px;padding:1rem;box-shadow:var(--sh);display:grid;gap:.15rem;position:sticky;top:130px}
.acc__nav a{color:var(--ink-2);padding:.5rem .8rem;border-radius:10px;font-weight:600}
.acc__nav a:hover{background:var(--soft);color:var(--ink)}.acc__nav a.on{background:var(--ink);color:#fff}
.acc__out{color:var(--red-d)!important}
.acc__hi{margin:0 .8rem .5rem;color:var(--muted);font-size:.88rem}
.acc-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}
.acc-tile{background:#fff;border-radius:16px;padding:1.1rem;box-shadow:var(--sh);color:var(--ink);display:grid;gap:.15rem}
.acc-tile svg{width:28px;height:28px;color:var(--red)}.acc-tile span{color:var(--muted);font-size:.85rem}
.acc-tile--vip{background:linear-gradient(120deg,#1d2340,#343b66);color:#fff}.acc-tile--vip svg{color:var(--gold)}.acc-tile--vip span{color:#c9cbe6}
.mybooks{display:grid;gap:.8rem}
.mybook{display:flex;gap:1rem;background:#fff;border-radius:16px;padding:.8rem;box-shadow:var(--sh);align-items:center}
.mybook__cover{flex:none;width:64px}.mybook__cover img{border-radius:4px 8px 8px 4px;aspect-ratio:2/3;object-fit:cover;background:var(--soft)}
.mybook__files{display:flex;flex-wrap:wrap;gap:.4rem}.mybook p{margin:0 0 .4rem}

.auth{display:flex;justify-content:center;padding-block:2rem}
.auth__box{width:100%;max-width:440px}
.auth__tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);border-radius:12px;padding:4px;margin-bottom:1.2rem}
.auth__tabs button{border:0;background:transparent;border-radius:9px;padding:.55rem;font-weight:800;cursor:pointer;color:var(--muted)}
.auth__tabs [aria-selected=true]{background:#fff;color:var(--ink);box-shadow:var(--sh)}
.or{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.85rem}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}

.checkout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.2rem;align-items:start}
.line{display:flex;align-items:center;gap:.9rem;padding:.7rem 0;border-bottom:1px solid var(--soft)}.line:last-child{border:0}
.line__img{width:48px;flex:none}.line__img img{border-radius:3px 6px 6px 3px;aspect-ratio:2/3;object-fit:cover;background:var(--soft)}
.line__img--vip{height:48px;display:flex;align-items:center;justify-content:center;background:var(--gold-t);border-radius:12px;color:var(--gold-d)}
.line__t{flex:1;min-width:0;font-weight:600}.line__p{white-space:nowrap}
.sum{position:sticky;top:130px}.sum__row{display:flex;justify-content:space-between;font-size:1.1rem;margin:.4rem 0 1rem}
.upsell{display:flex;gap:.6rem;background:var(--gold-t);border-radius:12px;padding:.7rem;margin-top:.8rem;font-size:.88rem}.upsell svg{color:var(--gold-d)}.upsell p{margin:0}
.empty-cart{text-align:center;padding:3rem 1rem}.empty-cart svg{width:48px;height:48px;color:var(--muted)}
.received__ok{display:flex;align-items:center;gap:.5rem;color:var(--green);font-weight:800;font-size:1.15rem}

.vip-hero{background:linear-gradient(135deg,#1d2340,#3a3f6e);color:#fff;text-align:center;padding:3rem 0 5.5rem}
.vip-hero h1{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:900}.vip-hero .lead{color:#d8daf0;margin-inline:auto}
.vip-hero__ic{width:54px;height:54px;color:var(--gold)}
.vip-hero .note--vip{display:inline-block;background:rgba(255,255,255,.1)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:-3.5rem}
.plan{position:relative;background:#fff;border-radius:20px;padding:1.6rem 1.3rem 1.3rem;box-shadow:0 20px 40px -24px rgba(29,35,64,.5);text-align:center;display:flex;flex-direction:column}
.plan h2{margin:.2rem 0}.plan__price{font-size:1.5rem;margin:.4rem 0 0}.plan__price strong{font-weight:900}
.plan ul{list-style:none;padding:0;margin:1rem 0;text-align:start;font-size:.9rem;color:var(--ink-2);flex:1}
.plan li{padding:.25rem 1.6rem .25rem 0;position:relative}.plan li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--green);font-weight:900}
.plan--best{outline:3px solid var(--gold)}
.plan__flag{position:absolute;top:-12px;inset-inline:0;margin-inline:auto;width:max-content;background:var(--gold);color:#3a2600;font-size:.75rem;font-weight:800;border-radius:999px;padding:.1rem .8rem}
.plan__flag--save{background:var(--green);color:#fff}
.faq{margin-top:2rem}.faq details{border-bottom:1px solid var(--soft);padding:.6rem 0}.faq summary{cursor:pointer;font-weight:700}.faq p{margin:.5rem 0 0;color:var(--ink-2)}

.donate{display:grid;grid-template-columns:1fr 420px;gap:2rem;margin-top:2rem;align-items:start}
.donate__ic{width:52px;height:52px;color:var(--red)}
.donate__stat{background:#fff;border-radius:14px;padding:.8rem 1rem;box-shadow:var(--sh);display:inline-block}
.backers{list-style:none;padding:0;display:grid;gap:.4rem}.backers li{background:#fff;border-radius:12px;padding:.5rem .9rem;display:grid}.backers span{color:var(--muted);font-size:.85rem}
.amounts{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.amounts legend{font-weight:600;color:var(--ink-2);font-size:.9rem;margin-bottom:.3rem}
.amt input{position:absolute;opacity:0}.amt span{display:block;text-align:center;border:1.5px solid var(--line);border-radius:12px;padding:.55rem;cursor:pointer;font-weight:700}
.amt input:checked+span{border-color:var(--red);background:var(--red-t);color:var(--red-d)}.amt input:focus-visible+span{outline:3px solid var(--teal)}

.tk{display:flex;justify-content:space-between;gap:.6rem;padding:.6rem 0;border-bottom:1px solid var(--soft);color:var(--ink)}
.thread{display:grid;gap:.8rem;margin:1rem 0}
.msg{border-radius:16px;padding:.8rem 1.1rem;max-width:88%}.msg p{margin:0}
.msg--user{background:#fff;box-shadow:var(--sh)}.msg--admin{background:#e5f3f4;margin-inline-start:auto}
.msg__meta{font-size:.78rem;color:var(--muted);font-weight:700;margin-bottom:.2rem!important}

@media(max-width:860px){
  .acc{grid-template-columns:1fr}.acc__nav{position:static;grid-auto-flow:column;overflow-x:auto;grid-template-columns:none}
  .acc__hi{display:none}.acc__nav a{white-space:nowrap}
  .checkout,.two,.donate{grid-template-columns:1fr}.sum{position:static}
  .acc-tiles{grid-template-columns:1fr}
}

/* --- دستیار گفتگو --- */
.chat-fab{position:fixed;bottom:18px;inset-inline-end:18px;z-index:70;display:flex;align-items:center;gap:.45rem;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:.7rem 1.1rem;font-weight:700;box-shadow:0 14px 30px -12px rgba(29,35,64,.7);cursor:pointer}
.chat-fab:hover{background:#2c335a}
.chat{position:fixed;bottom:18px;inset-inline-end:18px;z-index:71;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 100px));background:#fff;border-radius:20px;box-shadow:0 30px 60px -20px rgba(29,35,64,.55);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line)}
.chat__head{display:flex;align-items:center;gap:.6rem;background:var(--ink);color:#fff;padding:.7rem .9rem}
.chat__head div{display:flex;flex-direction:column;line-height:1.4;flex:1}.chat__head small{color:#c9cbe6;font-size:.75rem}
.chat__head .icon-btn{color:#fff}.chat__head .icon-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.chat__log{flex:1;overflow-y:auto;padding:.9rem;display:flex;flex-direction:column;gap:.6rem;background:var(--paper)}
.cm{max-width:88%;border-radius:16px;padding:.55rem .85rem;font-size:.9rem;line-height:1.8}.cm p{margin:0}
.cm--bot{background:#fff;box-shadow:var(--sh);align-self:flex-start;border-start-start-radius:4px}
.cm--me{background:var(--red);color:#fff;align-self:flex-end;border-start-end-radius:4px}
.cm__links{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem!important}
.cm__links a{background:var(--soft);border-radius:999px;padding:.05rem .7rem;font-size:.82rem;font-weight:700}
.cm__chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem!important}
.cm__chips button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.1rem .7rem;font-size:.8rem;cursor:pointer;color:var(--ink-2)}
.cm__chips button:hover{border-color:var(--ink);color:var(--ink)}
.cm__books{display:grid;gap:.35rem;margin-top:.4rem}
.cm__books a{display:flex;gap:.55rem;align-items:center;color:var(--ink);background:var(--soft);border-radius:10px;padding:.3rem}
.cm__books img{width:34px;height:50px;object-fit:cover;border-radius:3px}.cm__books span{display:flex;flex-direction:column;font-size:.84rem;font-weight:600;line-height:1.5}
.cm__books small{color:var(--muted);font-weight:400}
.chat__form{display:flex;border-top:1px solid var(--line);padding:.45rem}
.chat__form input{flex:1;border:0;outline:none;padding:.5rem .7rem;background:transparent;min-width:0}
.chat__form button{border:0;background:var(--red);color:#fff;border-radius:12px;width:42px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dots{display:inline-flex;gap:3px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:dot 1s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media(max-width:600px){.chat-fab span{display:none}.chat-fab{padding:.8rem}.chat{bottom:0;inset-inline-end:0;width:100vw;height:85vh;border-radius:20px 20px 0 0}}
@media print{.chat,.chat-fab,.hdr,.ftr{display:none!important}}

/* --- خواننده و پخش‌کننده --- */
.reader-page .ftr,.reader-page .nav,.reader-page .chat-fab{display:none}
.reader{display:flex;flex-direction:column;height:calc(100vh - 70px);background:#e9e5dd}
.reader__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#fff;border-bottom:1px solid var(--line);padding:.35rem .8rem;flex-wrap:wrap}
.reader__back{display:flex;align-items:center;gap:.3rem;font-weight:700;color:var(--ink)}.reader__back svg{transform:scaleX(-1)}
.reader__ctl{display:flex;align-items:center;gap:.2rem}.reader__ctl .icon-btn{font-size:1.3rem;font-weight:700;width:38px;height:38px}
.reader__zoom{min-width:3.4rem;text-align:center;font-size:.85rem;color:var(--muted)}
.reader__page{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--muted);margin-inline:.4rem}
.reader__page input{width:4rem;border:1.5px solid var(--line);border-radius:8px;padding:.15rem .4rem;text-align:center}
.reader__pages{direction:ltr;flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;align-items:center;gap:12px;scroll-behavior:auto}
.reader__p{background:#fff;box-shadow:0 4px 14px -6px rgba(0,0,0,.25);max-width:100%;width:max-content;min-width:min(600px,100%)}
.reader__p canvas{display:block;max-width:none}
.reader__msg{background:#fff;border-radius:12px;padding:1rem 1.4rem;margin-top:2rem}
.reader.night .reader__pages{background:#15182b}.reader.night canvas{filter:invert(.9) hue-rotate(180deg)}
.player{background:#fff;border-radius:14px;padding:.6rem .8rem;margin-bottom:.55rem;box-shadow:inset 0 0 0 1px var(--line)}
.player p{margin:0 0 .3rem;font-size:.85rem;font-weight:700;display:flex;gap:.3rem;align-items:center}.player p svg{width:16px;height:16px;color:var(--red)}
.player audio{width:100%;height:36px}
.push-btn{display:inline-flex;align-items:center;gap:.4rem;border:0;background:rgba(255,255,255,.08);color:#c9cbe6;border-radius:10px;padding:.3rem .7rem;margin-top:.4rem;cursor:pointer}
.push-btn:hover{color:#fff}.push-btn svg{width:16px;height:16px}

.btn--dl span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.5}.btn--dl small{font-weight:500;opacity:.85;font-size:.78rem}
.btn--dl small:empty{display:none}

/* --- گزارش حمایت‌ها --- */
.don-head{text-align:center;max-width:760px;margin:2rem auto 1.4rem}.don-head .lead{margin-inline:auto}
.don-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:.8rem;margin-bottom:1rem}
.don-stats div{background:#fff;border-radius:16px;padding:.9rem 1rem;box-shadow:var(--sh);display:flex;flex-direction:column;gap:.15rem}
.don-stats span{color:var(--muted);font-size:.82rem}.don-stats strong{font-size:1.08rem;font-weight:900}.don-stats small{color:var(--muted);font-size:.75rem}
.don-stats div:first-child{background:var(--red);color:#fff}.don-stats div:first-child span{color:#ffe3e9}
.don-chart{margin-bottom:1.2rem}
.mbars{display:grid;grid-template-columns:repeat(12,1fr);gap:.4rem;align-items:end;height:200px;margin-top:.6rem}
.mbar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;min-width:0}
.mbar i{display:block;width:100%;max-width:42px;background:linear-gradient(180deg,var(--red),#f07a90);border-radius:8px 8px 3px 3px}
.mbar b{font-size:.62rem;font-weight:600;color:var(--ink-2);white-space:nowrap;order:-1}
.mbar span{font-size:.7rem;color:var(--muted);white-space:nowrap}
.donate{grid-template-columns:380px minmax(0,1fr)!important;margin-top:0!important}
.donate__form{position:sticky;top:130px}
.table-wrap--flat{box-shadow:none;border:1px solid var(--soft)}
.donors td{font-size:.88rem}.nowrap{white-space:nowrap}
@media(max-width:1020px){.don-stats{grid-template-columns:repeat(3,1fr)}.mbar b{display:none}}
@media(max-width:860px){.donate{grid-template-columns:1fr!important}.donate__form{position:static}}
@media(max-width:600px){.don-stats{grid-template-columns:repeat(2,1fr)}.mbars{height:150px;gap:.2rem}.mbar span{font-size:.58rem;writing-mode:vertical-rl;transform:rotate(180deg)}}