:root{--jib-accent:var(--accent);--jib-accent-text:var(--accent-ink);--jib-ink:var(--ink);--jib-muted:var(--muted);--jib-paper:var(--bg);--jib-surface:var(--surface);--jib-line:var(--line)}
.pp-page{padding-block:120px 50px;min-height:75vh;font-family:Vazirmatn,sans-serif;line-height:1.9}
.jib-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--accent-ink);padding:10px 18px;border:0;border-radius:12px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}
body:not(.home) #mbar,body:not(.home) #caseDlg{display:none}
body.admin-bar .header{top:32px}
@media(max-width:782px){body.admin-bar .header{top:46px}.pp-page{padding-top:110px}.nav.open{max-height:75vh;overflow:auto}}
.pp-site-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding:20px;font-size:14px}
.pp-footer-menu{display:flex;gap:16px;list-style:none;margin:0;padding:0}.header ul.nav{list-style:none;margin:0;padding:0}
[hidden]{display:none!important}
.pp-account-link{font-family:Vazirmatn,Tahoma,sans-serif;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e6cf8c40;background:#ffde7d10;color:#f0d28d;font-size:11px;font-weight:800;min-height:37px;padding:6px 11px;border-radius:11px;white-space:nowrap}
.pp-account-link:hover{background:#fff1c9;color:#403016;border-color:#e4c377}
@media(max-width:760px){.header .hrow{gap:12px}.header .brand{min-width:0}.header .brand [data-name]{display:block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-account-link{padding:5px 7px;font-size:10px;min-height:34px}}
/* Dark hover surfaces stay in the same warm charcoal palette. */
html[data-theme=dark]{--pp-hover-bg:#282722;--pp-hover-ink:#eee9dd;--pp-hover-border:#6e6447;--pp-hover-muted:#c2baa9}
html[data-theme=dark] :is(.btn-dark,.btn-line,.btn-glass,.btn-ghost,.pc2 .btn,.menu-btn,.qty button,.deck-nav button.arr,.socials a,.bill button,.gen-styles button,.ch-tabs button,.niche button,.fq-cats button,.fq-q,.rs-choices button,.jib-ct-chip,.jib-ct-reset,.jib-tos-tool,.jib-tos-link,.jib-ct-link):is(:hover,:focus-visible){background:var(--pp-hover-bg);color:var(--pp-hover-ink);border-color:var(--pp-hover-border);box-shadow:0 0 0 1px #bfa56a16}
html[data-theme=dark] :is(.btn-accent,.jib-btn):is(:hover,:focus-visible){background:#f2c648;color:#29200d;border-color:#d7ac39;box-shadow:0 8px 24px #bfa14816}
html[data-theme=dark] :is(.case-card,.pc2,.svc article,.it):hover{border-color:#75674a;background:#282722;color:#e9e4d8;box-shadow:0 0 0 1px #b79c621b,0 10px 30px #00000022}
html[data-theme=dark] :is(.case-card,.pc2,.svc article,.it):hover :is(h3,.for,.price b,.price>span,.price s,.unit,.feat,.cres,.cres s,.chip7,.cbody p,.pc2-top .save){color:#ddd6c6}
html[data-theme=dark] .pc2:hover .feat li.no{color:#a49e8f}
html[data-theme=dark] .case-card:hover :is(.cres b,.open){color:#ddc184}
html[data-theme=dark] .pc2:hover .btn{color:#e5d1a1;background:#373124;border-color:#7e6b43}
html[data-theme=dark] .pc2.hot:hover .btn{background:#f2c648;color:#29200d;border-color:#d7ac39}
html[data-theme=dark] .opt:is(:hover,:focus-within)>span{background:#2a2923;color:#e9e4d7;border-color:#756b4c}
html[data-theme=dark] .opt:is(:hover,:focus-within)>span :is(svg,small){color:#c5b99e}
html[data-theme=dark] .steps li:hover{background:#282722;color:#e9e4d8;border-color:#75674a;box-shadow:0 10px 30px #00000020}
html[data-theme=dark] .paper .steps li:hover{background:#f3eee1;color:var(--ink);border-color:#bba371;box-shadow:0 10px 25px #8d78450d}
html[data-theme=dark] .fq-q:is(:hover,:focus-visible) :is(.num,.tx,.cat,.ic){color:#ded6c3}
html[data-theme=dark] .jib-ct-chip:is(:hover,:focus-visible) b{color:#e8dfce}
html[data-theme=dark] .jib-ct-chip:is(:hover,:focus-visible) small{color:#bcb29d}
html[data-theme=dark] :is(.niche button,.fq-cats button,.bill button,.gen-styles button):is(:hover,:focus-visible) :is(i,small){color:inherit}
html[data-theme=dark] :is(.nav a,.jib-tos-side nav a,.jib-ct-links a,.pp-site-links a):is(:hover,:focus-visible){color:#d7bc7b;background:#ffffff06;border-radius:6px}
html[data-theme=dark] .drop:is(:hover,:focus-within){background:#29271f;color:#e4dcc8;border-color:#8e7a4a}
html[data-theme=dark] .drop:is(:hover,:focus-within) :is(b,strong,span,small){color:#cbbd9c}
.pp-account-link:hover{background:#2d291f;color:#e0c58b;border-color:#7d6b43}
html[data-theme=dark] :is(button,a,input,textarea,select):focus-visible{outline:2px solid #bfa66d;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html[data-theme=dark] :is(button,a){transition:none}}

.pp-wall-image{display:block;width:100%;aspect-ratio:16/9;background:#171717}.pp-wall-image.p{aspect-ratio:4/5}
