/* base.css - generated from style.css by split_css.py (pure split, original order kept) */

/* ================= TOKENS ================= */
:root{
  --g900:#062e27; --g800:#0a4437; --g700:#0d5a49; --g600:#0e6f5c; --g500:#148a70; --g100:#ddefe6;
  --gold:#f2c230; --gold600:#d9a413; --gold100:#fdf3d2;
  --cream:#f5edda; --paper:#fffcf4; --ink:#123c34; --muted:#61807a; --line:rgba(10,68,55,.14);
  --r:22px; --sh:0 24px 60px -24px rgba(6,46,39,.35);
  --pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%230e6f5c' stroke-opacity='.09'%3E%3Crect x='17' y='17' width='30' height='30'/%3E%3Crect x='17' y='17' width='30' height='30' transform='rotate(45 32 32)'/%3E%3Ccircle cx='32' cy='32' r='3.5'/%3E%3C/g%3E%3C/svg%3E");
}

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{font-family:'Vazirmatn',sans-serif;background:var(--cream) var(--pat);color:var(--ink);overflow-x:hidden;line-height:1.9}

::selection{background:var(--gold);color:var(--g900)}

::-webkit-scrollbar{width:10px}

::-webkit-scrollbar-track{background:var(--cream)}

::-webkit-scrollbar-thumb{background:var(--g600);border-radius:8px;border:2px solid var(--cream)}

h1,h2,h3,.disp{font-family:'Lalezar','Vazirmatn';font-weight:400;letter-spacing:0}

img{max-width:100%}

a{text-decoration:none;color:inherit}

button{font-family:inherit;cursor:pointer}

.wrap{max-width:1200px;margin:auto;padding:0 20px}

/* ---------- preloader & progress ---------- */
#pre{position:fixed;inset:0;background:var(--g900);z-index:2000;display:grid;place-items:center;transition:opacity .6s}

#pre .star{width:74px;height:74px;border:3px solid var(--gold);border-radius:18px;transform:rotate(45deg);display:grid;place-items:center;animation:pulse 1.2s infinite}

#pre .star i{transform:rotate(-45deg);color:var(--gold);font-size:26px}

#pre p{color:var(--gold);margin-top:18px;font-family:'Lalezar';font-size:20px;letter-spacing:1px}

@keyframes pulse{50%{transform:rotate(45deg) scale(.82);opacity:.7}}

#prog{position:fixed;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--g500));width:0;z-index:1500;border-radius:0 0 0 6px}

/* ---------- topbar ---------- */
.topbar{background:var(--g900);color:#e9f5ef;font-size:13px;padding:8px 0}

.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}

.topbar i{color:var(--gold);margin-inline-end:6px}

.topbar .soc a{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);margin-inline-start:5px;transition:.3s}

.topbar .soc a:hover{background:var(--gold);color:var(--g900);transform:translateY(-3px)}

/* ---------- navbar ---------- */
nav{position:sticky;top:0;z-index:1000;background:rgba(255,252,244,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:.3s}

nav.scrolled{box-shadow:0 10px 30px -18px rgba(6,46,39,.35)}

.nav-in{display:flex;align-items:center;gap:18px;padding:12px 0}

.logo{display:flex;align-items:center;gap:10px}

.logo .lm{width:46px;height:46px;background:linear-gradient(140deg,var(--g600),var(--g800));border-radius:14px 14px 14px 4px;display:grid;place-items:center;color:var(--gold);font-size:20px;box-shadow:var(--sh)}

.logo b{font-family:'Lalezar';font-size:24px;color:var(--g800)}

.logo small{display:block;font-size:10px;color:var(--muted);margin-top:-6px}

.menu{display:flex;gap:4px;flex:1;justify-content:flex-start;align-items:center}

.menu a{padding:9px 14px;border-radius:12px;font-weight:600;font-size:14px;color:var(--g800);position:relative;transition:.25s}

.menu a:hover{background:var(--g100)}

.menu a.act{background:var(--g600);color:#fff;box-shadow:0 8px 18px -8px rgba(14,111,92,.6)}

.nav-cta{flex-shrink:0;display:flex;align-items:center;gap:8px}

.icon-btn{position:relative;width:44px;height:44px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--g700);font-size:17px;transition:.25s}

.icon-btn:hover{border-color:var(--g600);color:var(--g600);transform:translateY(-2px)}

.icon-btn .bdg{position:absolute;top:-7px;left:-7px;background:var(--gold);color:var(--g900);font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 4px}

.burger{display:none}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;border:none;border-radius:15px;padding:13px 26px;font-weight:800;font-size:14px;position:relative;overflow:hidden;transition:.3s}

.btn::after{content:'';position:absolute;top:0;right:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(20deg);transition:.6s}

.btn:hover::after{right:130%}

.btn-gold{background:linear-gradient(140deg,var(--gold),var(--gold600));color:var(--g900);box-shadow:0 14px 30px -12px rgba(217,164,19,.65)}

.btn-gold:hover{transform:translateY(-3px)}

.btn-green{background:linear-gradient(140deg,var(--g600),var(--g800));color:#fff;box-shadow:0 14px 30px -12px rgba(14,111,92,.6)}

.btn-green:hover{transform:translateY(-3px)}

.btn-ghost{background:transparent;border:2px solid var(--g600);color:var(--g700)}

.btn-ghost:hover{background:var(--g600);color:#fff}

.btn.sm{padding:9px 16px;font-size:12.5px;border-radius:12px}

/* ---------- sections ---------- */
section.blk{padding:76px 0}

.sec-head{text-align:center;margin-bottom:46px}

.sec-head .tag{display:inline-flex;align-items:center;gap:8px;background:var(--gold100);color:var(--gold600);border:1px solid rgba(217,164,19,.4);padding:6px 16px;border-radius:999px;font-size:12.5px;font-weight:800}

.sec-head h2{font-size:clamp(28px,4.4vw,44px);color:var(--g800);margin-top:10px}

.sec-head p{color:var(--muted);max-width:640px;margin:6px auto 0;font-size:14.5px}

.sec-head .orn{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:14px;color:var(--gold600)}

.sec-head .orn::before,.sec-head .orn::after{content:'';width:70px;height:2px;background:linear-gradient(90deg,transparent,var(--gold600));border-radius:2px}

.sec-head .orn::after{transform:scaleX(-1)}

@keyframes float{50%{transform:translateY(-16px)}}

/* ---------- marquee ---------- */
.marquee{background:var(--g800);direction:ltr;overflow:hidden;padding:14px 0;border-block:3px solid var(--gold)}

.mq{display:flex;gap:44px;width:max-content;animation:mq 26s linear infinite}

.marquee:hover .mq{animation-play-state:paused}

.mq span{color:var(--gold100);font-family:'Lalezar';font-size:18px;display:flex;align-items:center;gap:44px;white-space:nowrap}

.mq i{color:var(--gold);font-size:12px}

@keyframes mq{to{transform:translateX(-50%)}}

/* ---------- events timeline ---------- 
.tl{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin:70px auto 0;max-width:1100px}
.tl::before{content:'';position:absolute;top:9px;right:0;left:0;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--g500),var(--gold))}
.t-item{position:relative;padding-top:44px}
.t-item .dot{position:absolute;top:0;right:50%;transform:translateX(50%);width:22px;height:22px;border-radius:50%;background:var(--g600);border:5px solid var(--cream);box-shadow:0 0 0 4px var(--g600);z-index:1}
.t-item .dot::after{content:'';position:absolute;inset:-12px;border-radius:50%;border:2px solid var(--gold);animation:ring 2s infinite}
.t-item .ln{position:absolute;top:20px;right:50%;width:2.5px;height:34px;background:var(--g600)}
.t-item:nth-child(even){padding-top:86px}
.t-item:nth-child(even) .ln{height:76px}
.t-card{background:var(--paper);border:1.5px dashed var(--g500);border-radius:16px;padding:16px;text-align:center;transition:.3s}
.t-card:hover{border-style:solid;box-shadow:var(--sh);transform:translateY(-4px)}
.t-card .d{font-family:'Lalezar';color:var(--gold600);font-size:16px}
.t-card h4{font-size:15px;color:var(--g800);margin:4px 0}
.t-card p{font-size:11.5px;color:var(--muted)}*/
/* ---------- cards ---------- */
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);transition:.35s;position:relative;overflow:hidden}

.card:hover{transform:translateY(-8px);box-shadow:var(--sh);border-color:rgba(14,111,92,.35)}

.units-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.unit{padding:26px 18px;text-align:center;cursor:pointer}

.unit .medal{width:88px;height:112px;margin:0 auto 16px;border-radius:90px 90px 18px 18px;background:linear-gradient(160deg,var(--g600),var(--g900));display:grid;place-items:center;color:var(--gold);font-size:34px;position:relative;transition:.4s}

.unit .medal::after{content:'';position:absolute;inset:6px;border:1.5px dashed rgba(242,194,48,.55);border-radius:80px 80px 12px 12px}

.unit:hover .medal{transform:translateY(-6px) scale(1.04);box-shadow:0 18px 34px -14px rgba(6,46,39,.5)}

.unit h3{font-size:22px;color:var(--g800)}

.unit p{font-size:12px;color:var(--muted);min-height:44px}

.unit .go{margin-top:10px;font-size:12px;font-weight:800;color:var(--gold600)}

.swiper{padding:14px 6px 44px!important}

.swiper-pagination-bullet{background:var(--g600)!important}

.swiper-pagination-bullet-active{background:var(--gold600)!important;width:22px;border-radius:6px!important}

/* ---------- packages ---------- */
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

.pk{padding:28px 24px}

.pk .ic{width:60px;height:60px;border-radius:18px 18px 18px 5px;background:linear-gradient(140deg,var(--gold),var(--gold600));display:grid;place-items:center;font-size:24px;color:var(--g900);margin-bottom:16px;transition:.35s}

.pk:hover .ic{transform:rotate(-8deg) scale(1.08)}

.pk h3{color:var(--g800);font-size:20px}

.pk .en{font-size:10.5px;color:var(--gold600);font-weight:800;letter-spacing:1px}

.pk p{font-size:13px;color:var(--muted);margin-top:8px}

.pk ul{margin-top:12px;font-size:12px;color:var(--g700);list-style:none}

.pk ul li{padding:3px 0}

.pk ul li i{color:var(--g500);margin-inline-end:6px;font-size:10px}

/* ---------- page header ---------- */
.phead{background:var(--pat),linear-gradient(160deg,var(--g800),var(--g900));padding:64px 0 90px;color:#fff;position:relative}

.phead::after{content:'';position:absolute;bottom:-1px;right:0;left:0;height:34px;background:var(--cream);border-radius:34px 34px 0 0}

.phead h1{font-size:clamp(30px,5vw,50px);color:var(--gold)}

.phead p{opacity:.85;font-size:14px}

.crumb{font-size:12px;opacity:.7;margin-bottom:8px}

.crumb i{color:var(--gold);margin:0 6px}

/* ---------- ranking ---------- */
.podium{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:16px;align-items:end;max-width:760px;margin:0 auto 30px}

.pod{background:var(--paper);border:1px solid var(--line);border-radius:20px 20px 8px 8px;text-align:center;padding:22px 12px 16px;position:relative;transition:.3s}

.pod:hover{transform:translateY(-6px);box-shadow:var(--sh)}

.pod .av{width:74px;height:74px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;font-size:26px;font-family:'Lalezar';color:#fff;background:linear-gradient(140deg,var(--g600),var(--g800))}

.pod.p1{padding-top:34px;border:2px solid var(--gold)}

.pod.p1 .av{width:92px;height:92px;font-size:32px;background:linear-gradient(140deg,var(--gold),var(--gold600));color:var(--g900)}

.pod .rank{position:absolute;top:-16px;right:50%;transform:translateX(50%);width:34px;height:34px;border-radius:12px;background:var(--g800);color:var(--gold);display:grid;place-items:center;font-family:'Lalezar';font-size:16px}

.pod.p1 .rank{background:var(--gold);color:var(--g900)}

.pod h4{color:var(--g800);font-size:15px}

.pod small{color:var(--muted);font-size:11px}

.rk-list{max-width:760px;margin:auto;display:grid;gap:10px}

.rk-row{display:flex;align-items:center;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:10px 18px;transition:.25s}

.rk-row:hover{border-color:var(--g500);transform:translateX(-6px)}

.rk-row .n{font-family:'Lalezar';color:var(--gold600);font-size:18px;width:30px}

.rk-row .u{margin-inline-start:auto;font-size:11px;background:var(--g100);color:var(--g700);padding:3px 12px;border-radius:999px;font-weight:700}

/* ---------- shop / lms ---------- */
.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}

.f-chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:8px 20px;font-size:12.5px;font-weight:800;color:var(--g700);transition:.25s}

.f-chip.on,.f-chip:hover{background:var(--g600);color:#fff;border-color:var(--g600)}

.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

.prod .cv{height:150px;display:grid;place-items:center;font-size:42px;border-radius:16px;margin:14px;color:var(--gold);background:var(--pat),linear-gradient(150deg,var(--g700),var(--g900));position:relative}

.prod .typ{position:absolute;top:10px;right:10px;background:var(--gold);color:var(--g900);font-size:10px;font-weight:900;border-radius:8px;padding:2px 10px}

.prod .bd{padding:0 18px 18px}

.prod h4{font-size:14.5px;color:var(--g800);min-height:44px}

.prod .pr{display:flex;justify-content:space-between;align-items:center;margin-top:8px}

.prod .price{font-family:'Lalezar';color:var(--gold600);font-size:17px}

.prod .price small{font-family:'Vazirmatn';font-size:10px;color:var(--muted)}

.badge-line{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}

.badge-line span{font-size:10px;background:var(--g100);color:var(--g700);border-radius:8px;padding:2px 10px;font-weight:700}

/* ---------- forms ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.fbox{padding:28px}

.fbox h3{color:var(--g800);font-size:19px;display:flex;gap:10px;align-items:center}

.fbox h3 i{color:var(--gold600)}

.fbox .fld{margin-top:14px}

label{font-size:12px;font-weight:800;color:var(--g700);display:block;margin-bottom:6px}

input,select,textarea{width:100%;border:1.5px solid var(--line);background:#fff;border-radius:13px;padding:12px 16px;font-family:inherit;font-size:13px;color:var(--ink);transition:.25s;outline:none}

input:focus,select:focus,textarea:focus{border-color:var(--g500);box-shadow:0 0 0 4px rgba(20,138,112,.15)}

/* ---------- panel ---------- */
.panel{display:grid;grid-template-columns:250px 1fr;gap:22px;align-items:start}

.p-side{position:sticky;top:90px;background:var(--g900) var(--pat);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:4px}

.p-side .me{display:flex;gap:12px;align-items:center;background:rgba(255,255,255,.07);border-radius:14px;padding:12px;margin-bottom:10px;color:#fff}

.p-side .me .av{width:44px;height:44px;border-radius:14px;background:var(--gold);color:var(--g900);display:grid;place-items:center;font-family:'Lalezar';font-size:18px}

.p-side button{display:flex;gap:10px;align-items:center;background:none;border:none;color:#cfe6db;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:700;text-align:right;transition:.2s}

.p-side button:hover{background:rgba(255,255,255,.08);color:#fff}

.p-side button.on{background:var(--gold);color:var(--g900)}

.p-body{min-height:500px}

.p-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;margin-bottom:18px}

.p-card h3{color:var(--g800);font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:14px}

.p-card h3 i{color:var(--gold600)}

.widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}

.wg{border-radius:16px;padding:18px;color:#fff;position:relative;overflow:hidden}

.wg i{font-size:22px;opacity:.85}

.wg b{display:block;font-family:'Lalezar';font-size:28px;margin-top:6px}

.wg span{font-size:11px;font-weight:700;opacity:.9}

.wg.a{background:linear-gradient(140deg,var(--g600),var(--g800))}

.wg.b{background:linear-gradient(140deg,var(--gold),var(--gold600));color:var(--g900)}

.wg.c{background:linear-gradient(140deg,#2b6f8a,#174b60)}

.wg.d{background:linear-gradient(140deg,#8a4a2b,#5e2f17)}

.steps{display:flex;flex-wrap:wrap;gap:0;counter-reset:st;margin:14px 0}

.steps li{list-style:none;counter-increment:st;position:relative;padding:0 26px 34px 0;flex:1;min-width:90px}

.steps li::before{content:counter(st,persian);position:absolute;right:0;top:0;width:30px;height:30px;border-radius:10px;background:#e8e2d2;color:var(--muted);display:grid;place-items:center;font-size:12px;font-weight:800;z-index:1}

.steps li::after{content:'';position:absolute;top:14px;right:30px;left:0;height:2.5px;background:#e8e2d2}

.steps li:last-child::after{display:none}

.steps li.done::before{background:var(--g600);color:#fff}

.steps li.done::after{background:var(--g600)}

.steps li.cur::before{background:var(--gold);color:var(--g900);animation:pulse2 1.4s infinite}

@keyframes pulse2{50%{box-shadow:0 0 0 8px rgba(242,194,48,.25)}}

.steps li small{position:absolute;top:34px;right:0;font-size:10px;color:var(--muted);width:70px;text-align:center}

table{width:100%;border-collapse:collapse;font-size:13px}

th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:right}

th{color:var(--g700);font-size:12px;background:var(--g100)}

.bar{height:9px;background:var(--g100);border-radius:6px;overflow:hidden}

.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--g500),var(--gold));border-radius:6px;transition:1s}

.chart{display:flex;gap:10px;align-items:flex-end;height:130px;padding-top:10px}

.chart div{flex:1;background:linear-gradient(180deg,var(--gold),var(--g600));border-radius:8px 8px 3px 3px;position:relative;transition:.4s;min-height:12px}

.chart div:hover{filter:brightness(1.15)}

.chart div small{position:absolute;bottom:-22px;right:50%;transform:translateX(50%);font-size:9.5px;color:var(--muted)}

/* ---------- drawer / modal / toast ---------- */
#ovl{position:fixed;inset:0;background:rgba(6,46,39,.55);backdrop-filter:blur(4px);z-index:1400;opacity:0;pointer-events:none;transition:.35s}

#ovl.show{opacity:1;pointer-events:auto}

.drawer{position:fixed;top:0;bottom:0;left:0;width:min(400px,92vw);background:var(--paper);z-index:1450;transform:translateX(-105%);transition:.45s cubic-bezier(.2,.8,.25,1);display:flex;flex-direction:column;box-shadow:var(--sh)}

.drawer.show{transform:none}

.drawer header{background:var(--g900);color:var(--gold);padding:18px 22px;font-family:'Lalezar';font-size:19px;display:flex;justify-content:space-between;align-items:center}

.drawer .body{flex:1;overflow:auto;padding:18px}

.drawer footer{padding:16px;border-top:1px solid var(--line)}

.ci{display:flex;gap:12px;align-items:center;background:var(--cream);border-radius:14px;padding:10px 14px;margin-bottom:10px;font-size:12.5px}

.ci i{color:var(--g600);font-size:18px}

.ci .rm{margin-inline-start:auto;color:#b3402e;background:none;border:none;font-size:14px}

/* ---------- modals (final spacing) ---------- */
.modal{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:.3s}

.modal.show{opacity:1;pointer-events:auto}

.modal .box{background:var(--paper);border-radius:24px;max-width:640px;width:100%;max-height:86vh;overflow:auto;position:relative;transform:translateY(30px) scale(.97);transition:.35s;box-shadow:var(--sh)}

.modal.show .box{transform:none}

.modal .hd{background:var(--pat),linear-gradient(140deg,var(--g700),var(--g900));color:#fff;padding:26px 30px 22px 78px;border-radius:24px 24px 0 0;position:sticky;top:0;z-index:2}

.modal .hd h3{color:var(--gold);font-size:24px;margin:0}

.modal .hd p{margin:4px 0 0}

.modal .hd .x{position:absolute;top:20px;left:20px;width:38px;height:38px;border-radius:12px;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:15px;transition:.25s}

.modal .hd .x:hover{background:var(--gold);color:var(--g900);transform:rotate(90deg)}

.modal .bd{padding:28px 30px}

.modal .bd>:first-child{margin-top:0}

.modal .bd>:last-child{margin-bottom:0}

.modal .fld{margin-top:14px}

.modal .bd table{margin:6px 0}

.modal .bd .badge-line{margin:14px 0 0}

@media(max-width:520px){
.modal{padding:14px}
.modal .hd{padding:22px 20px 18px 64px}
.modal .bd{padding:22px 20px}
}

#toasts{position:fixed;bottom:22px;right:22px;z-index:1600;display:flex;flex-direction:column;gap:10px}

.toast{background:var(--g900);color:#fff;border-radius:14px;padding:13px 20px;display:flex;gap:12px;align-items:center;font-size:13px;font-weight:700;box-shadow:var(--sh);animation:tIn .4s;border-inline-start:4px solid var(--gold)}

.toast i{color:var(--gold)}

@keyframes tIn{from{opacity:0;transform:translateY(20px)}}

#top-btn{
  position:fixed;
  bottom:32px;              /* ↑ فاصلهٔ بیشتر از پایین برای حس معلق بودن */
  left:32px !important;     /* ↑ !important برای غلبه بر هر استایل دیگری */
  right:auto !important;    /* ↑ اطمینان از اینکه right اعمال نمی‌شود */
  width:52px;
  height:52px;
  border-radius:50%;        /* دایرهٔ کامل (نه مربع گرد) */
  border:none;
  background:var(--gold);
  color:var(--g900);
  font-size:18px;
  z-index:99999;
  opacity:0;
  pointer-events:none;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  box-shadow:
    0 6px 20px -4px rgba(217,164,19,.5),
    0 12px 32px -8px rgba(0,0,0,.25);
  cursor:pointer;
  display:grid;
  place-items:center;
  /* جلوگیری از ارث‌بری direction از parent */
  direction:ltr;
}

#top-btn.show{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}

#top-btn:hover{
  background:var(--gold600);
  color:#fff;
  transform:translateY(-6px) scale(1.05);
  box-shadow:
    0 10px 28px -4px rgba(217,164,19,.7),
    0 18px 40px -8px rgba(0,0,0,.3);
}

#top-btn:active{
  transform:translateY(-2px) scale(.95);
}

/* جلوگیری از اینکه footer روی دکمه بیفتد */
footer{
  position:relative;
  z-index:1;
}

/* ---------- footer ---------- */
footer{background:var(--g900) var(--pat);color:#cfe6db;margin-top:40px}

footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:30px;padding:60px 0 40px}

footer h4{color:var(--gold);font-size:19px;margin-bottom:14px}

footer a{display:block;font-size:13px;padding:4px 0;opacity:.85;transition:.2s}

footer a:hover{opacity:1;color:var(--gold);transform:translateX(-5px)}

footer .btm{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;font-size:12px;text-align:center;opacity:.8}

footer .nl{display:flex;gap:8px;margin-top:12px}

footer .nl input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:#fff}

.qty-btn{width:26px;height:26px;border-radius:8px;border:1.5px solid var(--line);background:#fff;
  color:var(--g700);font-weight:800;font-size:15px;line-height:1;transition:.2s}

.qty-btn:hover{border-color:var(--g600);color:var(--g600);transform:scale(1.08)}

/* ---------- responsive ---------- */
@media(max-width:1024px){
.units-grid,.prod-grid{grid-template-columns:repeat(3,1fr)}
.pk-grid{grid-template-columns:repeat(2,1fr)}
.panel{grid-template-columns:1fr}
.p-side{position:static;flex-direction:row;flex-wrap:wrap}
.widgets{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
.menu{position:fixed;top:0;right:0;bottom:0;width:270px;background:var(--g900);flex-direction:column;padding:90px 20px 20px;transform:translateX(105%);transition:.4s;z-index:1450;align-items:stretch;direction:rtl}
.menu.show{transform:none}
.menu a{color:#fff}
.burger{display:grid}
.units-grid,.prod-grid,.form-grid,.pk-grid{grid-template-columns:1fr 1fr}
footer .cols{grid-template-columns:1fr 1fr}
.podium{grid-template-columns:1fr}
.topbar .hide-s{display:none}
}

@media(max-width:520px){
.units-grid,.prod-grid,.form-grid{grid-template-columns:1fr}
}

.cta-card{background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.2);border-radius:28px;padding:60px 40px;text-align:center;color:#fff;position:relative;z-index:1}

.cta-card>i{font-size:56px;color:var(--school-gold);margin-bottom:16px}

.cta-card h2{font-family:'Lalezar';font-size:36px;color:#fff;margin-bottom:12px}

.cta-card p{font-size:15px;opacity:.9;margin-bottom:26px}

@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* گرید دو ستونه هیرو */
.grid2{
  display: grid;
  grid-template-columns: 1.15fr 1fr;   /* متن کمی پهن‌تر، کتاب کمی باریک‌تر */
  gap: 3.5rem;
  align-items: center;
}

/* اگر dir="rtl" است، ستون‌ها از راست شروع می‌شوند → کتاب سمت چپ می‌ماند */
/* ریسپانسیو */
@media (max-width: 980px){
.grid2{
    grid-template-columns: 1fr;
    gap: 2.8rem;
    text-align: center;
  }
}

/* منوی موبایل مدرسه */
@media(max-width:768px){
.burger{
    display:grid;
    color:var(--school-800);
    border-color:var(--school-100);
  }
.burger:hover{
    background:var(--school-100);
  }
}

.google-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:12px 18px;
  background:var(--paper);
  border:1.5px solid var(--line);
  border-radius:12px;
  color:var(--g800);
  font-family:inherit;
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
  transition:.25s;
  cursor:pointer;
}

.google-btn:hover{
  border-color:var(--g500);
  background:var(--g100);
  transform:translateY(-1px);
  box-shadow:0 6px 14px -6px rgba(6,46,39,.15);
}

.google-btn svg{flex-shrink:0}

.google-btn span{flex:0 0 auto}

/* ═══ کارت محصول با تخفیف ═══ */
.card.prod .cv{position:relative;overflow:hidden}

.card.prod .disc-badge{
  position:absolute;top:10px;left:10px;z-index:3;
  background:linear-gradient(135deg,#ff3d3d,#e91e63);
  color:#fff;font-weight:900;font-size:12px;
  padding:4px 10px;border-radius:999px;
  box-shadow:0 4px 12px -4px rgba(233,30,99,.5);
  font-family:'Lalezar';
}

.card.prod .pr-price{
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
  margin-bottom:8px;
}

.card.prod .old-price{
  text-decoration:line-through;
  color:var(--muted);
  font-size:13px;font-weight:600;
}

.card.prod .new-price{
  font-family:'Lalezar';font-size:18px;
  color:var(--g700);font-weight:800;
}

.card.prod .new-price small{font-size:12px;color:var(--muted);font-weight:700}

.card.prod .price{
  font-family:'Lalezar';font-size:18px;
  color:var(--g700);font-weight:800;
}

.card.prod .price small{font-size:12px;color:var(--muted);font-weight:700}

.btn{
  justify-content:center;
}

/* ═══ سیستم ستارهٔ امتیازدهی ═══ */
.rv-stars{
  display:inline-flex;
  flex-direction:row-reverse;    /* ✅ ستارهٔ ۱ راست‌ترین باشد */
  justify-content:flex-end;
  gap:2px;
  padding:8px 0;
  user-select:none;
}

.rv-stars i{
  transition:all .2s cubic-bezier(.4,0,.2,1);
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));
}

.rv-stars i:hover,
.rv-stars i:hover ~ i{
  color:var(--gold) !important;
  transform:scale(1.15) translateY(-2px);
  filter:drop-shadow(0 4px 8px rgba(242,194,48,.4));
}

.rv-stars i.active{
  color:var(--gold600) !important;
  filter:drop-shadow(0 2px 6px rgba(242,194,48,.35));
}

.rv-stars i.active:hover,
.rv-stars i.active:hover ~ i{
  color:var(--gold) !important;
}

/* ═══════════════════════════════════════════════
   🖨️ چاپ سراسری — حذف ساختار سایت در همهٔ صفحات
═══════════════════════════════════════════════ */
@media print{
  .topbar, .mabda-topbar, .school-topbar,
  #nav, .mabda-nav, .school-nav, nav,
  footer, .mabda-footer, .school-footer,
  #top-btn, #toasts, #pre,
  .marquee, .mabda-marquee{
    display:none !important;
  }
  [data-aos]{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
  }
  html, body{
    background:#fff !important;
    color:#000 !important;
  }
  body.standalone-mabda,
  body.standalone-school{
    background:#fff !important;
  }
  a{color:#000 !important;text-decoration:none !important}
}