/* shopping — DESKTOP enhancement (media min-width:768px). Layout only; no new UX. */
body.ptshell{background:#F4F5F7}          /* light-2026 canvas (mobile keeps --cream) */
.page-header .ib{display:none}
.page-header{background:#fff;border-bottom:1px solid #F0E7DA}
.wrap{padding-left:24px;padding-right:24px}
@media (min-width:1280px){ .wrap{padding-left:40px;padding-right:40px} }

/* ซ่อนแถบค้นหา (searchband: sbar + ชิปแพลตฟอร์ม) บนเดสก์ท็อป — ซ้ำกับช่องค้นหาบน topbar · โชว์เฉพาะมือถือ */
body.ptshell .searchband{display:none}
/* ซ่อน header เดิมของหน้าบนเดสก์ท็อป — ซ้ำกับ topbar/sidebar ของ shell (มือถือคงไว้) */
body.ptshell .page-header{display:none}

/* ===== Hero desktop: คารูเซลใหญ่ + โปรโมชัน 2 ใบ =====
   ปัญหาเดิม: .banner aspect-ratio 16/10 บนจอกว้าง = สูง ~695px ครองทั้งจอ ไม่สมดุล
   แก้: จำกัดความสูง + จับคู่กับการ์ดโปรโมชันด้านขวา (มือถือ <1024 ไม่โชว์ side → เหมือนเดิม) */
.bside{display:none}                                   /* base: มือถือไม่โชว์ (คงหน้าเดิม) */

@media (min-width:768px){
  .bannerwrap{max-width:1180px;margin-left:auto;margin-right:auto}
  .banner{aspect-ratio:1180/460;height:auto;border-radius:35px}   /* จอกลาง: แบนเนอร์เดี่ยว เตี้ยลง */
}

@media (min-width:1024px){
  .bannerwrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:stretch}
  .banner{height:420px}
  .bside{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-width:0}
  .bpromo-card{position:relative;overflow:hidden;border-radius:18px;display:flex;flex-direction:column;justify-content:center;
    gap:6px;padding:22px;color:#fff;text-decoration:none;box-shadow:0 16px 32px -20px rgba(150,70,10,.7);isolation:isolate}
  .bpromo-card::after{content:"";position:absolute;z-index:-1;width:190px;height:190px;border-radius:50%;
    background:rgba(255,255,255,.13);top:-60px;right:-46px}
  .bpc-flash{background:linear-gradient(140deg,rgba(255,106,61,.80),rgba(224,20,12,.90) 60%,rgba(160,10,4,.94)),url('../images/pages/shopping/promo-flash-960x600.jpg') center/cover}
  .bpc-cat{background:linear-gradient(140deg,rgba(255,174,60,.80),rgba(240,116,6,.90) 58%,rgba(198,80,0,.94)),url('../images/pages/shopping/promo-cat-960x600.jpg') center/cover}
  .bpc-ic{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.34);
    display:grid;place-items:center;margin-bottom:2px}
  .bpc-ic svg{width:21px;height:21px}
  .bpc-eyebrow{font-family:var(--fd,'Mitr',sans-serif);font-weight:600;font-size:12px;letter-spacing:.4px;opacity:.95}
  .bpromo-card b{font-family:var(--fd,'Mitr',sans-serif);font-weight:700;font-size:22px;line-height:1.22}
  .bpc-sub{font-size:11.5px;color:rgba(255,255,255,.9);line-height:1.5;max-width:94%}
  .bpc-cta{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-family:var(--fd,'Mitr',sans-serif);font-weight:600;
    font-size:13px;background:rgba(255,255,255,.92);color:var(--sun-deep,#EF5F06);align-self:flex-start;padding:6px 13px;border-radius:99px}
  .bpc-cta svg{width:13px;height:13px}
  @media(hover:hover){
    .bpromo-card{transition:transform .18s ease,box-shadow .18s ease}
    .bpromo-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px -20px rgba(150,70,10,.85)}
  }
}

@media (min-width:1280px){
  .bannerwrap{grid-template-columns:minmax(0,1fr) 360px}
  .banner{width:100%}
  .bpromo-card b{font-size:24px}
}