/* flash-sale — DESKTOP layer (>=768px, media-gated link + scoped body.ptshell).
   New flash-sale design; mobile (flash-sale.css) = SoT. Shell (top/side menu) supplies chrome.
   Hero is a banner IMAGE inside main.page, so it inherits the content width automatically. */
@media (min-width:768px){
  body.ptshell{background:#F4F5F7}
  body.ptshell main.page{max-width:1180px;margin-inline:auto;padding:16px 24px 46px}
  body.ptshell .fs-tabs{padding:10px 0 16px}
  /* product grid → 5-up on desktop */
  body.ptshell .grid{grid-template-columns:repeat(5,1fr);gap:16px}
}
@media (min-width:1280px){
  body.ptshell main.page{max-width:1240px}
  body.ptshell .grid{grid-template-columns:repeat(6,1fr)}
}