@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}.ProductCard{padding-inline:calc(var(--spacing,.25rem) * 4)}.ProductCard .ProductPrice{justify-content:space-between;place-items:flex-start start;column-gap:calc(var(--spacing,.25rem) * 2);row-gap:calc(var(--spacing,.25rem) * 0);grid-template-columns:1fr;grid-template-areas:"price""omnibus""btn""promo";display:grid}@media (min-width:48rem){.ProductCard .ProductPrice{grid-template-columns:1fr auto;grid-template-areas:"price btn""omnibus omnibus""promo promo"}}.ProductCard .ProductPrice__priceContainer{justify-content:flex-start;gap:calc(var(--spacing,.25rem) * 1);flex-direction:column}@media not all and (min-width:48rem){.ProductCard .ProductPrice__priceContainer{margin-bottom:calc(var(--spacing,.25rem) * 2)}}.ProductCard .ProductPrice__priceContainer{grid-area:price}.ProductCard .ProductPrice__price{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)));--tw-leading:1.3;line-height:1.3}.ProductCard .ProductPrice__pricePer100ml{font-size:10px}.ProductCard .ProductPrice__sale{margin-top:calc(var(--spacing,.25rem) * 2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));grid-area:omnibus}@media not all and (min-width:48rem){.ProductCard .ProductPrice .Button{margin-top:calc(var(--spacing,.25rem) * 2)}}.ProductCard .ProductPrice .Button{grid-area:btn}.ProductCard__promo{margin-top:calc(var(--spacing,.25rem) * 2);grid-area:promo}@property --tw-leading{syntax:"*";inherits:false}