/* SLIM (Krishna t311u, 22 Oct 2026): "baki jagah bhi customer ko neeche jyada scroll mat karwao" – phone layouts only (<600px). Spacing / layout only:
   no price, stock, cart or order logic changes. Product cards become compact list rows; long lower sections fold behind 'Aur dekhein'. */
@media(max-width:599px){
  /* CARTFIX (Krishna t328u, 22 Oct 2026): minmax(0,1fr), not 1fr. A plain 1fr track has min-width:auto, so the "Saath mein ye bhi?" related strip that relShow()
     drops into the list after an Add (a nowrap row of chips) stretched the one column to ~1500px: rows ran off the right edge (stepper/Add hidden) and phones zoomed out. */
  .pgrid{grid-template-columns:minmax(0,1fr)!important;gap:8px}
  .pgrid>*{min-width:0}.pgrid>.prel{max-width:100%;overflow:hidden}
  .pgrid .pc{display:grid;grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:"im brr st" "im nm nm" "im pr act";gap:2px 10px;padding:8px 10px;height:auto;align-items:center}
  .pgrid .pc .im{grid-area:im;width:72px;height:72px;aspect-ratio:auto;align-self:start;border-radius:10px}
  .pgrid .pc .im>:not(img):not(.ph0){display:none}
  .pgrid .pc .brr{grid-area:brr;min-width:0}.pgrid .pc .nm{grid-area:nm;height:auto;font-size:14px;line-height:19px}
  .pgrid .pc .st{grid-area:st;height:auto;justify-self:end}.pgrid .pc .st .pill{font-size:11px;padding:2px 8px}
  .pgrid .pc .pr{grid-area:pr;min-height:0;justify-content:center}.pgrid .pc .act{grid-area:act;height:auto;margin:0}
  .pgrid .pc .act .btn{width:auto;height:38px;padding:0 14px}
  .hsmore{margin:12px 0 0;border:1px solid var(--bd,#e3e8f2);border-radius:14px;background:#fff}
  .hsmore>summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:800;display:flex;align-items:center;gap:8px}
  .hsmore>summary::-webkit-details-marker{display:none}.hsmore>summary::after{content:"▾";margin-left:auto}.hsmore[open]>summary::after{content:"▴"}
  .hsmore>summary small{font-weight:600;color:var(--mute,#6b7894);font-size:12px}
  .hsmore>:not(summary){margin-left:10px;margin-right:10px}
  .hv2chips{flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:6px}.hv2chips>*{flex:0 0 auto}
  .hv2ft{margin-top:14px;padding:12px 10px}.hv2ft h2{font-size:16px;margin-bottom:8px}.hv2ben .bi{width:34px;height:34px}.hv2ben .bi .ico{width:18px;height:18px}.hv2ben>div{font-size:11px;gap:4px}
  .hv2c{width:calc((100% - 24px)/2.9)}.hv2c .nm{font-size:12.5px}.hv2c .pr b{font-size:14px}.hv2sl{gap:8px}
  .hv2sec{margin-top:14px!important}
  .ph{margin:6px 0 10px!important}.ph h1{font-size:24px}.ph p{font-size:13px;margin-top:2px}
  .crumbs{margin:8px 0 0!important}
  #acGrid,.grid.g2{gap:10px}.card.g{padding:14px}
  .hs-kpi{gap:8px}.hs-k{padding:10px!important}
}