:root{--bg:#FFFFFF;--page:#EDEDEA;--surface:#F2F2EF;--text:#111111;--muted:#6B6B6B;--line:rgba(17,17,17,.08);--on-accent:#fff;--title:Vazirmatn;--r:20px;--ph-r:20px;--chip-bg:#F2F2EF;--nav-bg:rgba(255,255,255,.92);--price:#111}
.t-modern .hero{text-align:right;padding-bottom:16px}
[dir=ltr] .t-modern .hero{text-align:left}
.t-modern .hero h1{font-weight:900;font-size:clamp(36px,11vw,54px);letter-spacing:-1px;line-height:1.15}
.t-modern .logo{margin:0 0 14px;border:0;border-radius:20px}
.t-modern .info{justify-content:flex-start}
.t-modern .cat h2{font-weight:900;font-size:26px;letter-spacing:-.3px}
.t-modern .cats{border-bottom:0}
.t-modern .cats a{border:0;background:var(--surface);color:#111}
.t-modern .cats a.on{background:#111;color:#fff}
.t-modern .price{display:inline-flex;align-items:center;gap:6px;font-size:15px}
.t-modern .price::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent)}
.t-modern .sheet-body .price::before{width:10px;height:10px}
.t-modern .bdg{background:#111;color:#fff}
.t-modern .ph.empty{background:var(--accent);border:0}
.t-modern .ph.empty span{color:#fff;opacity:.9}
.t-modern .l-grid .item .ph{transition:transform .25s}
.t-modern .l-grid .item:active .ph{transform:scale(.97)}