/* light-2026 desktop layer — loads >=768px via media-gated link + scoped body.ptshell.
   Mobile (categories.css) untouched. Sits beside the shared AppShell sidebar.
   Accent stays shopping-orange (--sun/--sun-deep #FF7A1A/#EF5F06); only canvas + hero + cards
   go light-2026. No dark background anywhere on desktop. */
body.ptshell{background:#F4F5F7}

/* content column rhythm */
body.ptshell main.page{max-width:var(--pt-content-max);margin-inline:auto;padding:8px 24px 40px}

/* dark-orange search band (.hero) → hidden on desktop: it is a duplicate of the shell
   topbar search box (.dk-search). Same idea as shopping.desktop.css hiding .searchband.
   Mobile keeps the hero (Source-of-Truth). No dark hero left on desktop. */
body.ptshell .hero{display:none}

/* showcase + category cards: hairline + soft light-2026 shadow */
body.ptshell main.page>.card{border:1px solid #E8EAEF;box-shadow:0 18px 44px -30px rgba(20,25,35,.26)}

/* section heads a touch larger on desktop */
body.ptshell .sechd h2{font-size:17px}

/* category quick-nav: neutral-grey hover on the light canvas (mobile keeps cream hover) */
@media(hover:hover){body.ptshell .cat:hover{background:#F7F8FA}}

/* product showcases keep their horizontal scroll rows (.prow) — a valid desktop
   "browse-by-category" carousel; cards stay 150px + orange accents, hover-lift preserved. */
@media (min-width:1280px){
  body.ptshell main.page{max-width:var(--pt-content-max)}
}