/* 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. */
@media (min-width:768px){
  body.ptshell{background:#F4F5F7}

  /* content column rhythm */
  body.ptshell main.page{max-width:1180px;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:1240px}
}