/* POLISH (Krishna t329u, 22 Oct 2026: "ek bar dekhlo jo aur behter ho sakta hai"). Phone layout only (<960px; desktop untouched).
   Spacing / tap-size / wrapping only: no price, stock, cart or order logic changes. */
@media(max-width:959px){
  /* 1. Bottom bars covered the last footer line and the end of lists. The clearance used to sit on <main> (an empty grey gap ABOVE the footer)
        while the footer itself ran under the fixed bottom nav (64px) and cart bar (48px, 8px above the nav). Clearance now sits at the END of the
        page, inside the footer (same background), so the last line stops just above the bars. Cart page and shopfront keep their own layout. */
  main,body.has-cbar main{padding-bottom:24px}
  html.r-cart main,html.shopfront main{padding-bottom:0}
  .foot{margin-top:24px;padding-bottom:calc(24px + 76px + env(safe-area-inset-bottom))}
  body.has-cbar .foot{padding-bottom:calc(24px + 132px + env(safe-area-inset-bottom))}
  /* footer links: 19px tall -> 34px tap rows */
  .foot li{margin:0}.foot li a{display:inline-block;padding:6px 0}
  .foot p{margin-bottom:8px}

  /* 2. Chat (ask) button covered list '+' / Add buttons: a bit smaller, and it slides away while scrolling down (polish.js), back on scroll up. */
  .fab button{width:48px;height:48px}
  .fab{transition:transform .2s ease,opacity .2s ease}
  html.fabhide .fab{transform:translateY(28px);opacity:0;pointer-events:none}

  /* 4. cart note was cut off with '…' -> wraps */
  .ccgst{white-space:normal;overflow:visible;text-overflow:clip}
  /* cart -/+ 28px -> 34px, remove 32 -> 36 */
  .ccq .stp{height:38px}.ccq .stp button{width:34px;height:34px;font-size:18px}
  .cc{grid-template-columns:36px auto minmax(0,1fr) 36px}.cc .rm{width:36px;height:36px}

  /* 6. small tap targets */
  .hv2add{padding:12px 12px;min-height:36px}
  .hvsb:not(.stuck) .hvc{min-height:36px}
  .hv2lnk{padding:10px 0;margin:-10px 0}
  .apsh a{display:inline-block;padding:8px 0;margin:-8px 0}
  .otp-pin{display:inline-block;padding:10px 0}
}
@media(max-width:599px){
  /* 3. list rows: brand name was squeezed to 'LU…' once the row showed the -/+ stepper (the stepper column also narrowed the brand row).
        Brand row now spans the full width (stock badge sits on its right), and the row stepper is slimmer so price has room. */
  .pgrid .pc .brr{grid-column:2/4;grid-row:1;padding-right:92px;min-width:0}
  .pgrid .pc .st{grid-column:3;grid-row:1}
  .pgrid .pc .br{flex:0 1 auto}
  .pgrid .pc .act .stp{width:auto}.pgrid .pc .act .stp input{width:40px;flex:none}
}

/* BRANDF (Krishna t332u): Brand choice inside 'More filters' (all widths). Tap-size chips with a tick box; selected = blue outline. Layout only. */
.fbr h3 small{text-transform:none;letter-spacing:0;font-weight:600;font-size:11.5px;margin-left:4px}
.fbl{display:flex;flex-wrap:wrap;gap:8px}
.fbc{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--bd2);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;background:transparent}
.fbc input{width:18px;height:18px;margin:0;accent-color:var(--y)}
.fbc small{font-weight:500;color:var(--mute);font-size:12px}
.fbc.on{border-color:var(--y);box-shadow:inset 0 0 0 1px var(--y)}