body{--myk-product-columns:5;--myk-product-gap:16px}
body .product-grid.grid{column-gap:var(--myk-product-gap)!important}
body .product-grid.grid>.grid__item{width:calc((100% - (var(--myk-product-columns) - 1)*var(--myk-product-gap))/var(--myk-product-columns))!important;max-width:calc((100% - (var(--myk-product-columns) - 1)*var(--myk-product-gap))/var(--myk-product-columns))!important;min-width:0;flex-grow:0!important;flex-shrink:0!important}
body .myk-draft-grid,body [class*="ai-region-selector__products-"]{grid-template-columns:repeat(var(--myk-product-columns),minmax(0,1fr))!important;column-gap:var(--myk-product-gap)!important}
body .myk-ranking-track{gap:var(--myk-product-gap)!important}
body .myk-ranking-track>.myk-ranking-card{flex:0 0 calc((100% - (var(--myk-product-columns) - 1)*var(--myk-product-gap))/var(--myk-product-columns))!important;min-width:0}
body #myk-tea .grid:has(>.product){grid-template-columns:repeat(var(--myk-product-columns),minmax(0,1fr))!important;column-gap:var(--myk-product-gap)!important}
body #myk-tea .recommendation-grid{display:flex!important;gap:var(--myk-product-gap)!important;overflow-x:auto;scroll-snap-type:x mandatory}
body #myk-tea .recommendation-grid>.recommendation{display:block!important;flex:0 0 calc((100% - (var(--myk-product-columns) - 1)*var(--myk-product-gap))/var(--myk-product-columns))!important;min-width:0;scroll-snap-align:start}
body .product-grid .card__heading,body .myk-draft-card h3{overflow-wrap:anywhere}
@media(max-width:749px){body{--myk-product-columns:4;--myk-product-gap:8px}body .product-grid .card__heading,body .myk-draft-card h3{font-size:10px;line-height:1.4}body .product-grid .price,body .product-grid .price-item,body .myk-draft-price{font-size:10px!important;letter-spacing:0}body .product-grid .badge{font-size:8px;padding:2px 4px}body .product-grid .myk-compare-toggle{padding-inline:2px;font-size:9px}body #myk-tea .product-photo{padding:5px}body #myk-tea .product h3{font-size:10px;line-height:1.4;overflow-wrap:anywhere}body #myk-tea .recommendation img{height:auto;aspect-ratio:1;object-fit:contain;padding:3px}}

@media(max-width:749px){body .product-grid.grid{--myk-product-columns:3}}

@media(min-width:750px){body .product-grid.grid>.grid__item{flex-basis:calc((100% - 4*var(--myk-product-gap))/5)!important;width:calc((100% - 4*var(--myk-product-gap))/5)!important;max-width:calc((100% - 4*var(--myk-product-gap))/5)!important}}
