body.pg{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ar);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
main{display:block}
.tabbar{display:none}
.pg-stickybar{display:none}
.pg-mbar{display:none}
.hamb{display:none}
.pg-scroll-m{display:grid}
@media (max-width:760px){
  body.pg{padding-bottom:calc(72px + var(--safe-bottom))}
  .tabbar{display:grid;position:fixed;bottom:0;inset-inline:0}
  .pg-stickybar{display:flex}
  .pg-mbar{display:flex}
  .pg-filters{display:none}
  .pnav .hamb{display:grid}
  .pnav .links,.pnav .cta,.pnav .acct span{display:none}
  .pg-grid3,.pg-grid2{grid-template-columns:minmax(0,1fr);gap:12px}
  .pg-grid3.pg-scroll-m{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
  .pg-grid3.pg-scroll-m>*{flex:0 0 86%;scroll-snap-align:start}
  .pg-mini{grid-template-columns:1fr 1fr}
  .specg{grid-template-columns:minmax(0,1fr)}
  .wrap{padding:0 16px}
}
@media (min-width:761px){.pg-lst .pg-tool .filters-btn{display:none}}
.ye-scrim{position:fixed;inset:0;z-index:var(--z-overlay);animation:ye-fade var(--dur-fast) var(--ease-standard)}
.ye-scrim .sheet{z-index:var(--z-sheet);animation:ye-up var(--dur-sheet) var(--ease-emphasized)}
.ye-scrim .sheet.is-modal{width:min(640px,calc(100% - 32px));max-height:calc(100% - 64px);border-radius:var(--radius-lg)}
.ye-scrim .sheet.is-modal .grab{display:none}
.ye-scrim .sheet .bd{overscroll-behavior:contain}
.ye-scrim .pmenu{width:100%}
@keyframes ye-fade{from{opacity:0}to{opacity:1}}
@keyframes ye-up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
#toasts{position:fixed;inset-inline-start:16px;bottom:calc(84px + var(--safe-bottom));z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100% - 32px))}
@media (min-width:761px){#toasts{bottom:24px}}
.wafloat{position:fixed;inset-inline-start:16px;bottom:calc(84px + var(--safe-bottom));width:52px;height:52px;border-radius:50%;background:var(--wa);color:var(--on-wa);display:grid;place-items:center;box-shadow:var(--shadow-2);z-index:var(--z-sticky)}
.wafloat .ic{width:26px;height:26px}
@media (min-width:761px){.wafloat{bottom:24px}}
.sitebanner{display:flex;justify-content:center;gap:10px;padding:10px 16px;background:var(--info-bg);color:var(--info);border-bottom:1px solid var(--info-border);font-size:14px;font-weight:600;text-align:center}
.sitebanner a{color:inherit;text-decoration:underline}
.ic{width:1.1em;height:1.1em;vertical-align:-.18em;flex:none}
.btn .ic{width:18px;height:18px}
.pg-foot .flogo img{height:30px;width:auto}
.pnav .logo img{height:34px;width:auto;display:block}
.pnav .acct{gap:6px}
.sk{background:var(--skeleton);border-radius:var(--radius-sm);position:relative;overflow:hidden}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);transform:translateX(-100%);animation:ye-sk var(--dur-skeleton) infinite}
@keyframes ye-sk{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.sk::after{animation:none}}
.tabbar .bd[hidden],[hidden]{display:none!important}
