/* v0.7.6.23.3 BH-165: block cart on phones (Woo's .is-mobile / .is-small layout). The line total + "Save" badge sat in an extra
   grid column and pushed the row past the card (411px table in a 358px card at 390). Now: photo | name, price, qty (full width),
   and the line total + badge on their own row under it, right-aligned. 44px qty buttons and the spacing are unchanged. */
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items{width:100%;max-width:100%;table-layout:fixed}
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items .wc-block-cart-items__row{grid-template-columns:80px minmax(0,1fr);max-width:100%}
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product{grid-column:2/3;grid-row:1;min-width:0}
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total{grid-column:1/-1;grid-row:2;min-width:0;justify-self:end;width:auto;padding-top:12px;text-align:right}
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items .wc-block-cart-item__total-price-and-sale-badge-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items .wc-block-cart-item__total .wc-block-components-sale-badge{margin:0;white-space:nowrap}
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items .wc-block-cart-item__quantity{flex-wrap:wrap;row-gap:12px}
.bh-wc :is(.is-mobile,.is-small) table.wc-block-cart-items .wc-block-cart-item__wrap{min-width:0;overflow-wrap:anywhere}
/* Qty − / + were 30×50 (Woo default, already so in 0.7.6.23.2): at least 44×44 so they are easy to tap. */
.bh-wc table.wc-block-cart-items .wc-block-components-quantity-selector__button{min-width:44px;min-height:44px}
/* Save / Ahorras badge: Woo's 12px is hard to read; 14px with a little room (dyslexia-friendly). */
.bh-wc table.wc-block-cart-items .wc-block-components-sale-badge{font-size:14px;line-height:1.4;padding:2px 8px}