/* light-2026 desktop layer — loads >=768px via media-gated link + scoped body.ptshell.
   Mobile (cart.css) untouched. Layout: cart items (left) + summary (right, sticky). */
@media (min-width:768px){
  body.ptshell{background:#F4F5F7}

  /* content column → 2-up grid (items left · summary right) */
  body.ptshell main.page{
    max-width:1180px;margin-inline:auto;padding:8px 24px 24px;
    display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start
  }
  body.ptshell main.page>.slim{grid-column:1/-1;margin:0}
  body.ptshell main.page>#list{grid-column:1;grid-row:2;margin:0}
  body.ptshell main.page>#empty{grid-column:1/-1}
  body.ptshell main.page>#sumbox{grid-column:2;grid-row:2;margin:0;position:sticky;top:100px}

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

  /* shop groups sit flat inside the light list card */
  body.ptshell #list .shopg{background:transparent;border-bottom:1px solid #EEF0F4}
  body.ptshell #list .shopg:last-child{border-bottom:none}
  body.ptshell .shophd{border-bottom:1px solid #EEF0F4}
  body.ptshell .citem{border-bottom:1px solid #EEF0F4;transition:background .12s}
  body.ptshell .citem:hover{background:#F7F8FA}

  /* action bar → footer bar ที่ "ขอบตรงกับการ์ดข้างบนทุกความกว้างจอ".
     กุญแจ: ให้ .actbar ใช้กล่องเดียวกับ main.page เป๊ะ (max-width + margin auto + padding-x 24)
     แล้วให้ .paybar เป็น "การ์ดขาว" ที่เติมเต็มพื้นที่เนื้อหานั้น → ขอบซ้าย/ขวาตรงกับ .slim/#list เสมอ
     (วิธีตั้ง max-width คงที่ใช้ไม่ได้ เพราะจอแคบ พื้นที่เนื้อหา < max-width → max-width ไม่บีบ
      แต่ main.page ยังถูกบีบด้วย padding 24 → เหลื่อมกัน).
     !important จำเป็น: appshell.css บังคับ html body.ptshell .actbar{max-width:100%!important;width:auto!important} */
  html body.ptshell .actbar{
    max-width:1180px !important;margin:20px auto 0 !important;padding:0 24px !important;
    background:none !important;border:none !important;border-radius:0 !important;box-shadow:none !important
  }
  body.ptshell .actbar .paybar{
    background:#fff;border:1px solid #E8EAEF;border-radius:16px;padding:14px 20px;
    box-shadow:0 18px 44px -30px rgba(20,25,35,.26)
  }
}
@media (min-width:1280px){
  body.ptshell main.page{max-width:1240px}
  html body.ptshell .actbar{max-width:1240px !important}   /* เท่ากับ main.page → .paybar ตรงกับการ์ด */
}