/* light-2026 desktop layer — loads >=768px via media-gated link + scoped body.ptshell.
   Mobile (search-results.css) untouched. Beside the AppShell sidebar: light canvas, centered
   content column, white result cards, and the page's own search bar hidden (the shell topbar
   already provides the search — .dk-search routes the keyword back to this page). Orange accent
   (--sun/--sun-deep = #FF7A1A/#EF5F06) is preserved; no dark backgrounds on desktop. */
@media (min-width:768px){
  body.ptshell{background:#F4F5F7}

  /* centered content column */
  body.ptshell main.page{max-width:1180px;margin-inline:auto;padding:8px 24px 40px}

  /* hide the page's own search bar on desktop — it duplicates the shell topbar search (Owner) */
  body.ptshell .sbar{display:none}

  /* results-count + platform chips → white light-2026 card (hairline + soft shadow) */
  body.ptshell main.page>.card{
    border:1px solid #E8EAEF;border-radius:20px;
    box-shadow:0 18px 44px -30px rgba(20,25,35,.26)
  }

  /* platform chip filter: hover affordance; keep the orange active pill */
  body.ptshell .chip{transition:background .12s,border-color .12s,color .12s}
  body.ptshell .chip:hover{border-color:#FFD8BE;background:#FFF6EF}

  /* results grid: keep it multi-column but cap at a roomy 3-4 across (beside the sidebar) */
  body.ptshell .grid{grid-template-columns:repeat(4,1fr);gap:16px}

  /* product cards: light-2026 hairline + soft neutral shadow (orange lift kept on hover) */
  body.ptshell .grid .pc{border:1px solid #E8EAEF;box-shadow:0 14px 34px -26px rgba(20,25,35,.24)}
}

@media (min-width:1280px){
  body.ptshell main.page{max-width:1240px}
  body.ptshell .grid{grid-template-columns:repeat(5,1fr)}   /* 5 สินค้า/แถว บนจอกว้าง (คืนแบบเดิม) */
}