.compact-open{display:none}
.preview-notice{background:#4b147c;color:#fff;text-align:center;font:700 11px/1.4 Arial;padding:9px 12px;letter-spacing:.4px}
@media(max-width:650px){
 .wrap{padding-left:10px;padding-right:10px}
 #grid.offers-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
 #grid.offers-grid .card{border-radius:12px}
 #grid.offers-grid .card-body{padding:9px 9px 11px}
 #grid.offers-grid h3{font:700 13px/1.3 Arial;margin:6px 0}
 #grid.offers-grid .offer-tag{font:700 8px/1.3 Arial;display:block}
 #grid.offers-grid p{font-size:10px;line-height:1.4;margin:6px 0}
 #grid.offers-grid .offer-actions{gap:6px}
 #grid.offers-grid .offer-actions>*{width:100%;font-size:11px;min-height:38px;padding:7px 4px}
 #grid:not(.offers-grid){grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
 #grid:not(.offers-grid) .card{border-radius:12px;display:flex;flex-direction:column;min-width:0}
 #grid:not(.offers-grid) .photo{height:112px;width:100%;padding:9px 5px 3px;flex-shrink:0}
 #grid:not(.offers-grid) .photo img{width:100%;height:100px;object-fit:contain}
 #grid:not(.offers-grid) .cat-label{display:none}
 #grid:not(.offers-grid) .card-body{padding:6px 7px 9px;display:flex;flex-direction:column;flex:1;min-width:0}
 #grid:not(.offers-grid) .name-button{font:700 12px/1.25 Arial;overflow-wrap:anywhere;min-height:30px}
 #grid:not(.offers-grid) .size{font:400 11px/1.3 Arial;margin:5px 0 8px}
 #grid:not(.offers-grid) .prices,#grid:not(.offers-grid) .product-foot,#grid:not(.offers-grid) .flag,#grid:not(.offers-grid) .promotion-notice{display:none}
 #grid:not(.offers-grid) .compact-open{display:block;margin-top:auto;padding:8px 2px;border:0;border-radius:7px;background:#f0e6fa;color:#542482;font:700 10px/1.3 Arial;min-height:38px;text-align:center}
 #grid:not(.offers-grid) .photo .stock-badge{font:700 10px/1.2 Arial;padding:7px 2px;border-radius:5px;width:94%}
 .detail-product .detail-photo{height:280px}
 .dialog-head h2{font-size:17px}
 .detail-product{padding:14px}
 .detail-product .price{gap:10px}
 .detail-product .price-label{font-size:13px}
 .detail-product .price strong{font-size:20px}
}