/* light-2026 desktop layer — loads >=768px via media-gated link + scoped body.ptshell.
   Mobile (price-compare.css) untouched. The orange gradient hero becomes a white
   2026 card, and the search + results cards widen tidily beside the AppShell sidebar.
   Orange accent preserved (--sun/--sun-deep #FF7A1A/#EF5F06). No dark bg 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 0 40px}

  /* --- hero: orange gradient → light 2026 white card (eyebrow keeps orange) --- */
  body.ptshell .hero{
    max-width:1180px;margin:20px auto 0;border-radius:20px;padding:22px 24px;color:var(--ink);
    background:#fff;border:1px solid #E8EAEF;box-shadow:0 22px 48px -30px rgba(20,25,35,.28);
    animation:none
  }
  body.ptshell .hero .blob,body.ptshell .hero .glow{display:none}
  body.ptshell .hero .eb{color:#EF5F06;opacity:1}
  body.ptshell .hero h1{color:var(--ink)}
  body.ptshell .hero p{color:var(--ink-2);opacity:1}

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

  /* search input: soft bg + orange focus ring */
  body.ptshell .field input{background:#F7F8FA;border-color:#E8EAEF}
  body.ptshell .field input:focus{border-color:#EF5F06;box-shadow:0 0 0 3px rgba(242,86,11,.12)}

  /* compare button reads as an action, not a full-bleed block */
  body.ptshell .card>.btn.sun{max-width:220px}
}
@media (min-width:1280px){
  body.ptshell main.page{max-width:1240px}
  body.ptshell .hero{max-width:1240px}
}