@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;--tw-content:""}}}.ProductCard{padding-inline:calc(var(--spacing,.25rem) * 4);position:relative}.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{--tw-leading:1.3;font-size:15px;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}.ProductCard .ProductPrice .Button{z-index:1}@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}.ProductCard>a:before{content:var(--tw-content);content:var(--tw-content);inset:calc(var(--spacing,.25rem) * 0);position:absolute}@property --tw-leading{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}