/* Dastineh design system. Palette carried over from the existing site. */
@font-face{font-family:Vazirmatn;src:url(../fonts/vazirmatn-arabic-wght-normal.woff2) format("woff2");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(../fonts/vazirmatn-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Lalezar;src:url(../fonts/lalezar-arabic-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:Lalezar;src:url(../fonts/lalezar-latin-400-normal.woff2) format("woff2");font-display:swap;unicode-range:U+0000-00FF}
:root{--brand:#ee862e;--brand-d:#d4701c;--brown:#6b4423;--tan:#8b6f47;--ink:#1a1f2e;--earth:#422400;--bg:#faf6f0;--card:#fff;--line:#eee4d6;--text:#2b2118;--muted:#7d6f60;--ok:#16a34a;--err:#dc2626;--warn:#d97706;--soft:#fdf0e3;--r:18px;--r-s:12px;--sh:0 10px 30px -14px rgba(66,36,0,.22);--sh-l:0 24px 60px -24px rgba(66,36,0,.35)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.85 Vazirmatn,Tahoma,sans-serif;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3,.lz{font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400;line-height:1.35;margin:0 0 .4em}
h1{font-size:clamp(26px,4vw,38px)}h2{font-size:clamp(22px,3vw,30px)}h3{font-size:20px}p{margin:0 0 1em}
.wrap{width:min(1240px,100% - 32px);margin-inline:auto}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}
.grid{display:grid;gap:18px}.flex{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.wrapf{flex-wrap:wrap}.mt{margin-top:18px}.mb{margin-bottom:18px}.sp{flex:1}
[class*=ph-]{line-height:1;vertical-align:-.12em}
/* buttons + forms */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--r-s);padding:11px 20px;font:600 14.5px Vazirmatn,sans-serif;cursor:pointer;background:var(--brand);color:#fff;transition:.2s;white-space:nowrap}
.btn:hover{background:var(--brand-d);transform:translateY(-1px)}.btn.alt{background:var(--brown)}.btn.alt:hover{background:#573518}
.btn.ghost{background:transparent;color:var(--brown);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.ghost:hover{background:var(--soft)}
.btn.block{width:100%}.btn.lg{padding:14px 26px;font-size:16px}.btn.sm{padding:7px 13px;font-size:13px}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.btn.danger{background:#fff;color:var(--err);box-shadow:inset 0 0 0 1.5px #f3c6c6}.btn.danger:hover{background:#fdeaea}
label.f{display:block;margin-bottom:14px;font-weight:600;font-size:13.5px}
input,select,textarea{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:var(--r-s);font:400 14.5px Vazirmatn,sans-serif;background:#fff;color:var(--text);margin-top:6px;transition:.15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 3px rgba(238,134,46,.16)}
input[type=checkbox],input[type=radio]{width:auto;margin:0}input[type=color]{padding:3px;height:42px}
.card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:22px}
.flash{padding:12px 16px;border-radius:var(--r-s);margin:14px 0;font-weight:500;display:flex;gap:8px;align-items:center}.flash.ok{background:#e8f8ee;color:#14663a}.flash.err{background:#fdeaea;color:#a51d1d}
.tag{display:inline-flex;gap:5px;align-items:center;padding:2px 11px;border-radius:99px;font-size:12px;font-weight:600;background:var(--soft);color:var(--brown)}
.tag.ok{background:#e4f7eb;color:#14663a}.tag.err{background:#fdeaea;color:#a51d1d}.tag.warn{background:#fef3dc;color:#92580a}.tag.info{background:#e8eefc;color:#2747a8}
/* header */
.topbar{position:sticky;top:0;z-index:50;background:rgba(26,31,46,.94);backdrop-filter:blur(14px);color:#fff}
.topbar .wrap{display:flex;align-items:center;gap:22px;height:68px}
.logo{display:flex;align-items:center;gap:10px}.logo img{height:46px;width:auto;border-radius:10px}.logo b{font:400 22px Lalezar;display:block;line-height:1.1}.logo small{color:var(--brand);font-size:11px;letter-spacing:.5px}
.nav{display:flex;gap:4px}.nav a{padding:8px 14px;border-radius:10px;color:rgba(255,255,255,.84);font-weight:500}.nav a:hover,.nav a.on{background:rgba(255,255,255,.1);color:#fff}
.hsearch{flex:1;position:relative;max-width:420px;margin-inline-start:auto}.hsearch input{margin:0;background:rgba(255,255,255,.09);border-color:transparent;color:#fff;padding-inline-start:40px;border-radius:99px}
.hsearch input::placeholder{color:rgba(255,255,255,.55)}.hsearch>i{position:absolute;inset-inline-start:14px;top:12px;font-size:18px;opacity:.7}
.suggest{position:absolute;top:calc(100% + 8px);inset-inline:0;background:#fff;color:var(--text);border-radius:14px;box-shadow:var(--sh-l);overflow:hidden;display:none}.suggest a{display:flex;gap:10px;padding:9px 12px;align-items:center}.suggest a:hover{background:var(--soft)}.suggest img{width:42px;height:42px;object-fit:cover;border-radius:8px}
.hact{display:flex;gap:6px;align-items:center}.icbtn{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;font-size:22px;color:#fff;background:rgba(255,255,255,.08);border:0;cursor:pointer}.icbtn:hover{background:rgba(255,255,255,.18)}
.badge{position:absolute;top:-4px;inset-inline-end:-4px;background:var(--brand);color:#fff;font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;padding:0 4px}
.burger{display:none}
/* hero */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;min-height:min(78vh,620px);display:flex;align-items:center;isolation:isolate}
.hero .slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s,transform 7s linear;transform:scale(1.07);z-index:-2}.hero .slide.on{opacity:1;transform:scale(1)}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(146,104,64,.42),rgba(120,113,108,.62) 55%,rgba(41,37,36,.88));z-index:-1}
.hero .in{padding:70px 0}.hero .pill{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--brand);color:var(--brand);padding:5px 15px;border-radius:99px;font-size:13px;font-weight:600;background:rgba(0,0,0,.25);margin-bottom:18px}
.hero .pill::before{content:"";width:8px;height:8px;border-radius:9px;background:var(--brand);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.3}}
.hero h1{font-size:clamp(42px,8vw,86px);line-height:1.12;margin:0 0 14px}.hero h1 em{font-style:normal;color:var(--brand)}.hero p{font-size:clamp(16px,2vw,21px);opacity:.82;margin:0 0 28px}
.dots{position:absolute;bottom:20px;inset-inline:0;display:flex;justify-content:center;gap:8px}.dots button{width:26px;height:5px;border-radius:9px;border:0;background:rgba(255,255,255,.35);cursor:pointer}.dots button.on{background:var(--brand)}
/* sections */
.sec{padding:36px 0}.sec-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.sec-h h2{margin:0;position:relative;padding-inline-start:14px}.sec-h h2::before{content:"";position:absolute;inset-inline-start:0;top:12%;bottom:12%;width:5px;background:var(--brand);border-radius:9px}.sec-h a{color:var(--brand-d);font-weight:600;font-size:14px}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{position:relative;min-height:320px;border-radius:24px;overflow:hidden;display:flex;align-items:flex-end;padding:22px;color:#fff;background-size:cover;background-position:center;box-shadow:var(--sh);transition:.35s;isolation:isolate}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(30,16,4,.82),rgba(30,16,4,.05) 62%);z-index:-1}.tile:hover{transform:translateY(-6px);box-shadow:var(--sh-l)}.tile h3{font-size:26px;margin:0}.tile span{font-size:13px;opacity:.85;display:inline-flex;gap:6px;align-items:center}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pc{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:.28s;position:relative}.pc:hover{transform:translateY(-4px);box-shadow:var(--sh-l)}
.pc .im{aspect-ratio:1;background:#f4ece1;overflow:hidden}.pc .im img{width:100%;height:100%;object-fit:cover;transition:.5s}.pc:hover .im img{transform:scale(1.06)}.noim{display:grid;place-items:center;height:100%;font-size:50px;color:#d9c7b0}
.pc .bd{padding:13px 15px 15px;display:flex;flex-direction:column;gap:6px;flex:1}.pc h3{font:600 14.5px/1.6 Vazirmatn;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.price{font-weight:700;color:var(--brown);font-size:15px}.price del{color:var(--muted);font-weight:400;font-size:12.5px;margin-inline-start:6px}.pc .price{margin-top:auto}
.off{position:absolute;top:12px;inset-inline-start:12px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px}.oos{background:#6b6258}
.band{border-radius:26px;padding:22px;display:grid;grid-template-columns:230px 1fr;gap:18px;color:#fff;align-items:stretch}
.band .lead{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.band .lead img{border-radius:14px;max-height:190px;object-fit:cover}
.timer{display:flex;gap:6px;direction:ltr}.timer div{background:rgba(0,0,0,.85);border-radius:9px;min-width:46px;padding:5px 3px;text-align:center;font-weight:700;font-size:19px;line-height:1.2}.timer small{display:block;font-size:10px;font-weight:400;opacity:.8}
.band .strip{display:grid;grid-auto-flow:column;grid-auto-columns:210px;justify-content:start;gap:12px;overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}.band .pc{color:var(--text)}
.logos{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}.logos a{background:#fff;border-radius:18px;padding:12px;box-shadow:var(--sh);text-align:center;font-size:13px;font-weight:600;transition:.25s}.logos a:hover{transform:translateY(-3px)}.logos img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;margin-bottom:6px}
.banners{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.banners a{border-radius:18px;overflow:hidden;position:relative;display:block;box-shadow:var(--sh)}.banners img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.5s}.banners a:hover img{transform:scale(1.05)}.banners span{position:absolute;inset-inline:0;bottom:0;padding:24px 12px 8px;color:#fff;font-weight:600;background:linear-gradient(to top,rgba(0,0,0,.65),transparent)}
.tagline{text-align:center;padding:30px 0;font:400 clamp(28px,5vw,44px) Lalezar;color:var(--brown)}
.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cc{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);transition:.28s;display:flex;flex-direction:column}.cc:hover{transform:translateY(-4px);box-shadow:var(--sh-l)}.cc .im{aspect-ratio:16/9;background:linear-gradient(135deg,var(--brown),var(--brand));display:grid;place-items:center;color:#fff;font-size:54px}.cc .im img{width:100%;height:100%;object-fit:cover}.cc .bd{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.cc .meta{display:flex;gap:14px;color:var(--muted);font-size:12.5px}.cc .bot{display:flex;justify-content:space-between;align-items:center;margin-top:auto}
/* shop */
.page-h{padding:26px 0 8px}.crumbs{font-size:12.5px;color:var(--muted);display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}.crumbs a:hover{color:var(--brand-d)}
.shop{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start;padding-bottom:30px}.side{position:sticky;top:84px}.side h3{font:700 14px Vazirmatn;margin:0 0 8px}.side .cat{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;font-size:14px}.side .cat:hover,.side .cat.on{background:var(--soft);color:var(--brown)}.side hr{border:0;border-top:1px solid var(--line);margin:14px 0}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.toolbar select{width:auto;margin:0}
.pager{display:flex;gap:6px;justify-content:center;margin:26px 0}.pager a,.pager span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#fff;box-shadow:var(--sh);font-weight:600}.pager .on{background:var(--brand);color:#fff}
.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty i{font-size:58px;color:#d9c7b0;display:block;margin-bottom:10px}
.pd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding:10px 0 30px}.gallery .main{aspect-ratio:1;border-radius:22px;overflow:hidden;background:#f4ece1;box-shadow:var(--sh)}.gallery .main img{width:100%;height:100%;object-fit:cover}.thumbs{display:flex;gap:9px;margin-top:10px;overflow-x:auto}.thumbs img{width:72px;height:72px;object-fit:cover;border-radius:12px;cursor:pointer;opacity:.65;border:2px solid transparent}.thumbs img.on{opacity:1;border-color:var(--brand)}
.pd .pr{font-size:27px;font-weight:800;color:var(--brown)}.pd .pr del{font-size:15px;color:var(--muted);font-weight:400;margin-inline-start:8px}.opt-l{font-weight:700;font-size:14px;margin:16px 0 8px}
.swatches{display:flex;gap:9px;flex-wrap:wrap}.sw{width:38px;height:38px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--line);cursor:pointer;padding:0;transition:.15s}.sw.on{box-shadow:0 0 0 2.5px var(--brand)}.sz{min-width:46px;padding:6px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font:600 14px Vazirmatn}.sz.on{border-color:var(--brand);background:var(--soft);color:var(--brown)}.sw.off,.sz.off{opacity:.3;text-decoration:line-through}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-s);background:#fff;overflow:hidden}.qty button{width:38px;height:42px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--brown)}.qty input{width:48px;border:0;margin:0;text-align:center;padding:0;box-shadow:none!important;-moz-appearance:textfield}
.prose{line-height:2.05}.prose img{border-radius:12px;margin:12px 0}.prose h2,.prose h3{margin-top:1em}
.buybar{position:fixed;inset-inline:0;bottom:64px;background:#fff;box-shadow:0 -8px 24px -8px rgba(0,0,0,.2);padding:9px 14px;display:none;align-items:center;justify-content:space-between;gap:10px;z-index:30}
.cart-row{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-row:last-child{border:0}.cart-row img{width:82px;height:82px;object-fit:cover;border-radius:12px}
.two{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:22px;align-items:start;padding-bottom:30px}.sum{position:sticky;top:84px}.sum .l{display:flex;justify-content:space-between;padding:7px 0}.sum .t{border-top:1px dashed var(--line);margin-top:6px;padding-top:12px;font-weight:800;font-size:18px;color:var(--brown)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.fgrid .w{grid-column:1/-1}
.rate{display:flex;gap:10px;border:1.5px solid var(--line);border-radius:var(--r-s);padding:11px 13px;margin-bottom:8px;cursor:pointer;align-items:flex-start}.rate:has(input:checked){border-color:var(--brand);background:var(--soft)}.rate b{display:block}
/* academy */
.chap{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:#fff;overflow:hidden}.chap>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;font-weight:700;list-style:none;flex-wrap:wrap}.chap>summary::-webkit-details-marker{display:none}.lesson{display:flex;gap:10px;align-items:center;padding:9px 16px;border-top:1px solid var(--line);font-size:14px}.lesson i{font-size:19px;color:var(--brand-d)}
.learn{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;padding:16px 0 40px;align-items:start}.player{background:#000;border-radius:18px;overflow:hidden;position:relative;aspect-ratio:16/9}.player video{width:100%;height:100%}.wm{position:absolute;color:rgba(255,255,255,.34);font-size:13px;pointer-events:none;transition:all 6s linear;white-space:nowrap;direction:ltr;z-index:3}
.lesson.on{background:var(--soft)}.lesson button.chk{background:none;border:0;cursor:pointer;font-size:20px;color:#c9bba9;padding:0}.lesson button.chk.done{color:var(--ok)}.bar{height:8px;background:var(--line);border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand);border-radius:9px}.noselect{user-select:none;-webkit-user-select:none}
/* panel */
.panel{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;padding:24px 0 40px;align-items:start}.pnav{position:sticky;top:84px;padding:12px}.pnav .me{display:flex;gap:10px;align-items:center;padding:8px 8px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.ava{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brown));display:grid;place-items:center;color:#fff;font-size:22px;flex:none}.pnav a,.pnav button{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:11px;font-weight:500;width:100%;background:none;border:0;font:500 14.5px Vazirmatn;cursor:pointer;color:inherit}.pnav i{font-size:20px;color:var(--tan)}.pnav a:hover,.pnav button:hover{background:var(--soft)}.pnav a.on{background:var(--brand);color:#fff}.pnav a.on i{color:#fff}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border-radius:var(--r);padding:16px;box-shadow:var(--sh);display:flex;gap:12px;align-items:center}.stat>i{font-size:26px;width:50px;height:50px;border-radius:14px;background:var(--soft);color:var(--brand-d);display:grid;place-items:center;flex:none}.stat b{font-size:19px;display:block;line-height:1.3}.stat small{color:var(--muted);font-size:12.5px}
table.t{width:100%;border-collapse:collapse;font-size:14px}.t th{text-align:start;color:var(--muted);font-weight:600;font-size:12.5px;padding:9px 10px;border-bottom:1.5px solid var(--line);white-space:nowrap}.t td{padding:11px 10px;border-bottom:1px solid #f4ece1;vertical-align:middle}.t tr:last-child td{border:0}.tw{overflow-x:auto}
/* footer */
footer{background:var(--earth);color:#e2e8f0;margin-top:40px;padding:38px 0 16px}.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}footer h4{font:400 19px Lalezar;margin:0 0 10px;color:#fff}footer a:hover{color:var(--brand)}footer ul{list-style:none;margin:0;padding:0}footer li{margin-bottom:6px}.copy{border-top:1px solid rgba(255,255,255,.1);margin-top:22px;padding-top:12px;text-align:center;font-size:13px;color:#cbbba7}.trust{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.trust img{width:60px;height:auto;background:#fff;border-radius:10px;padding:4px}
/* mobile bar + drawers + modal */
.mbar{display:none;position:fixed;bottom:0;inset-inline:0;background:#fff;box-shadow:0 -6px 22px -6px rgba(0,0,0,.18);z-index:40;height:64px;padding-bottom:env(safe-area-inset-bottom)}.mbar a,.mbar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font:500 11px Vazirmatn;color:var(--muted);background:none;border:0;position:relative;cursor:pointer}.mbar i{font-size:24px}.mbar .on{color:var(--brand-d)}.mbar .badge{top:6px;inset-inline-end:calc(50% - 22px)}
.fab{position:fixed;bottom:22px;inset-inline-start:22px;z-index:35;background:var(--brown);color:#fff;border:0;border-radius:99px;padding:12px 18px;display:flex;gap:8px;align-items:center;font:600 14px Vazirmatn;cursor:pointer;box-shadow:var(--sh-l)}
.scrim{position:fixed;inset:0;background:rgba(20,12,4,.55);z-index:60;opacity:0;pointer-events:none;transition:.25s;backdrop-filter:blur(3px)}.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;inset-inline-end:0;width:min(330px,85vw);background:#fff;z-index:61;transform:translateX(-105%);transition:.28s;padding:18px;overflow:auto}[dir=rtl] .drawer{transform:translateX(-105%);inset-inline-end:auto;left:0}.drawer.on{transform:none!important}.drawer a{display:flex;gap:10px;padding:10px 8px;border-radius:10px;align-items:center}.drawer a:hover{background:var(--soft)}
.modal{position:fixed;inset:0;display:none;place-items:center;z-index:70;padding:16px}.modal.on{display:grid}.modal .box{background:#fff;border-radius:22px;padding:26px;width:min(430px,100%);max-height:90vh;overflow:auto;box-shadow:var(--sh-l);position:relative;animation:pop .22s}@keyframes pop{from{transform:translateY(14px) scale(.97);opacity:0}}.modal .x{position:absolute;top:14px;inset-inline-end:14px;background:var(--soft);border:0;border-radius:50%;width:34px;height:34px;cursor:pointer;font-size:17px;color:var(--brown)}
.cinfo{display:flex;gap:12px;align-items:center;padding:12px;border-radius:13px;background:var(--bg);margin-bottom:8px;font-weight:600}.cinfo i{font-size:26px}
.otp{direction:ltr;text-align:center;letter-spacing:8px;font-size:22px;font-weight:700}.ltr{direction:ltr;text-align:left}
.toast{position:fixed;top:82px;inset-inline:0;margin-inline:auto;width:fit-content;max-width:90%;background:var(--ink);color:#fff;padding:11px 20px;border-radius:13px;z-index:90;box-shadow:var(--sh-l);opacity:0;transform:translateY(-10px);transition:.25s;pointer-events:none}.toast.on{opacity:1;transform:none}.toast.err{background:var(--err)}
.err-page{text-align:center;padding:90px 16px}.err-page b{font:400 90px Lalezar;color:var(--brand);display:block;line-height:1}
@media(max-width:1000px){.products,.tiles{grid-template-columns:repeat(3,1fr)}.logos{grid-template-columns:repeat(4,1fr)}.banners{grid-template-columns:repeat(3,1fr)}.courses{grid-template-columns:repeat(2,1fr)}.shop,.two,.panel,.learn{grid-template-columns:minmax(0,1fr)}.side,.sum,.pnav{position:static}.stats{grid-template-columns:repeat(2,1fr)}.fcols{grid-template-columns:1fr 1fr}.nav{display:none}.burger{display:grid}.band{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){body{padding-bottom:64px}.mbar{display:flex}.fab{bottom:76px}.products{grid-template-columns:repeat(2,1fr);gap:11px}.tiles{grid-template-columns:repeat(2,1fr);gap:11px}.tile{min-height:220px;padding:14px}.tile h3{font-size:20px}.logos{grid-template-columns:repeat(4,1fr);gap:8px}.logos a{padding:6px;font-size:11px}.banners{grid-template-columns:repeat(2,1fr)}.courses,.pd{grid-template-columns:minmax(0,1fr)}.fgrid{grid-template-columns:1fr}.hsearch{display:none}.topbar .wrap{height:60px;justify-content:space-between}.hact{margin-inline-start:auto}.logo b{font-size:19px}.logo img{height:38px}.fcols{grid-template-columns:1fr}.hero{min-height:440px}.cart-row{grid-template-columns:64px 1fr}.cart-row img{width:64px;height:64px}.cart-row>:last-child{grid-column:2}.buybar.show{display:flex}.card{padding:16px}.pc .bd{padding:10px}.pc h3{font-size:13px}.band{padding:14px}}