@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-duration:initial}}}.ProductActions{align-items:stretch;gap:calc(var(--spacing,.25rem) * 1);width:100%;display:flex}.ProductActions .AddToCartButton{flex:1;justify-content:space-between;width:100%}.ProductActions .AddToCartButton .AddToButton__cta{justify-content:space-between;align-items:center;width:100%;display:flex}.ProductActions .AddToFavourites{width:calc(var(--spacing,.25rem) * 14);padding:calc(var(--spacing,.25rem) * 0);flex-shrink:0}@media (hover:hover){.ProductActions .AddToFavourites:hover{border-color:var(--color-wcag-large-text,#8d94a0);background-color:#0000}}.ProductActions .AddToFavourites.size--sm{width:calc(var(--spacing,.25rem) * 10)}.ProductActions .AddToFavourites path{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}.ProductActions .AddToFavourites:hover path{fill:var(--color-red,#d34e4e);stroke:var(--color-red,#d34e4e)}.ProductActions .AddToFavourites--active:hover path{fill:var(--color-white,#fff);stroke:var(--color-black,#000)}@property --tw-duration{syntax:"*";inherits:false}
@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}