/* t705u CHIPFIX (5 Nov 2026), layout only: on phones (<700px) the +5/+10/+25/✕ quick-qty row was squeezed into the 92px qty column and spilled
   left over the brand / "In stock" / LP lines. Now the qty column keeps only − 1 + and Add; the chips get their own full-width row under the card text.
   Same buttons, same data-* attributes, same JS. Desktop (>=700px) unchanged. */
@media (max-width:699px){
 html #view .nf .cpp .cpr{grid-template-columns:56px minmax(0,1fr) 92px!important;grid-template-rows:auto auto auto!important;row-gap:4px!important;align-items:start!important}
 html #view .nf .cpp .cpr>.cpim{grid-column:1!important;grid-row:1/3!important;align-self:start}
 html #view .nf .cpp .cpr>.cpri{grid-column:2!important;grid-row:1/3!important;min-width:0}
 html #view .nf .cpp .cpr>.cpq{display:contents!important}
 html #view .nf .cpp .cpq>.cpst{grid-column:3!important;grid-row:1!important}
 html #view .nf .cpp .cpq>.cpadd,html #view .nf .cpp .cpq>.btn{grid-column:3!important;grid-row:2!important;align-self:start}
 html #view .nf .cpp .cpq>.qk{grid-column:2/4!important;grid-row:3!important;display:flex!important;gap:6px!important;width:100%!important;margin:4px 0 0!important;padding-top:6px;border-top:1px dashed var(--nfbd,#e5e7eb)}
 html #view .nf .cpp .cpq>.qk .qkc{flex:1 1 0!important;min-width:0!important;width:auto!important;height:28px!important;font-size:12.5px!important;border-radius:8px!important}
 html #view .nf .cpp .cpq>.qk .qkc.qkr{flex:0 0 36px!important}
 html #view .nf .cpp .cpri .cptb{margin-top:4px}
}