/* Three visible product cards per row on mobile. Desktop is unchanged. */
@media(max-width:767px){
html body #root .grid:has(>article.card),html body #root .catalogGrid:has(>.catalogCard),html body #root .bestGrid:has(>.catalogCard){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
html body #root article.card,html body #root .catalogCard{min-width:0!important;overflow:hidden!important;border-radius:8px!important}
html body #root article.card .visual,html body #root .catalogCard .catalogVisual{height:118px!important;min-height:118px!important;grid-template-rows:minmax(0,1fr)!important}
html body #root article.card .visual>img,html body #root .catalogCard .catalogVisual>img{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;padding:5px!important;box-sizing:border-box!important}
html body #root article.card .info,html body #root .catalogCard .catalogInfo{padding:6px!important;min-width:0!important}
html body #root article.card h3,html body #root article.card h3 a,html body #root .catalogCard h3,html body #root .catalogCard h3 a{font-size:11px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
html body #root article.card h3,html body #root .catalogCard h3{margin:5px 0!important;min-height:42.9px!important;max-height:42.9px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important}
html body #root article.card .kind,html body #root .catalogCard .catalogInfo>small{font-size:8px!important;line-height:1.2!important}
html body #root article.card .note,html body #root .catalogCard .catalogInfo>p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;min-height:22px!important;max-height:22px!important;overflow:hidden!important;font-size:8px!important;line-height:11px!important;margin:3px 0!important}
html body #root .productReviewLink,html body #root .catalogCard .productReviewLink{font-size:8px!important;line-height:11px!important;margin:3px 0!important}
html body #root .catalogCard .stockLine{font-size:8px!important;margin:4px 0!important}
html body #root article.card .price,html body #root .catalogCard .catalogBuy{gap:6px!important;padding-top:6px!important}
html body #root article.card .price>p.priceRow34,html body #root .catalogCard .catalogBuy>div.priceRow34{display:grid!important;grid-template-columns:minmax(0,1fr) 14px!important;grid-template-rows:14px 19px!important;align-items:center!important;gap:2px!important;min-height:35px!important}
html body #root article.card .price>p.priceRow34>del,html body #root .catalogCard .catalogBuy>div.priceRow34>del{grid-column:1/-1!important;grid-row:1!important;font-size:10px!important;line-height:1.2!important}
html body #root article.card .price>p.priceRow34>b,html body #root .catalogCard .catalogBuy>div.priceRow34>b{grid-column:1!important;grid-row:2!important;font-size:12px!important;line-height:1.2!important}
html body #root .priceRow34>.priceSeparator34{display:none!important}
html body #root .priceRow34>.discountIcon34{grid-column:2!important;grid-row:2!important;width:14px!important;height:14px!important}
html body #root article.card .productPurchase,html body #root .catalogCard .categoryBuyButtons{grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
html body #root article.card .productPurchase>.productQty,html body #root .catalogCard .categoryBuyButtons>.categoryQtyControl{grid-column:1!important;grid-row:1!important;justify-self:center!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:30px!important;min-height:30px!important;grid-template-columns:23px 24px 23px!important;grid-template-rows:28px!important;border-radius:6px!important}
html body #root article.card .productQty>button,html body #root .catalogCard .categoryQtyControl>button{width:23px!important;min-width:23px!important;max-width:23px!important;height:28px!important;min-height:28px!important;font-size:17px!important}
html body #root article.card .productQty>span,html body #root .catalogCard .categoryQtyControl>span{width:24px!important;height:28px!important;font-size:11px!important}
html body #root article.card .productQty>span>b{font-size:11px!important}
html body #root article.card .productQty>span>small,html body #root .catalogCard .categoryQtyControl>span::after{font-size:7px!important}
html body #root article.card .productQty>button>svg{width:13px!important;height:13px!important}
html body #root article.card .productPurchase>.addToCart,html body #root .catalogCard .categoryBuyButtons>.categoryAddButton{grid-column:1!important;grid-row:2!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:2px!important;font-size:9px!important;line-height:1.2!important;gap:2px!important}
html body #root article.card .addToCart>svg{width:12px!important;height:12px!important}
html body #root .catalogBadges{gap:2px!important;top:4px!important;left:4px!important;flex-wrap:wrap!important}
html body #root .catalogBadges>span,html body #root article.card .badges>span{font-size:7px!important;padding:3px 4px!important}
html body #root article.card .favoriteProduct{width:22px!important;height:22px!important;top:4px!important;right:4px!important;padding:4px!important}
html body #root article.card .favoriteProduct svg{width:14px!important;height:14px!important}
}