.product-beer[data-animate]{--y-value:calc((var(--height-100) - var(--whole-header-height))/2)}.product-beer[data-animate] .product-form,.product-beer[data-animate] .product-information-wrapper{opacity:0}.product-beer[data-animate] .product-image-wrapper{transform:translateY(var(--y-value))}.product-beer[data-animate] .background-image>img{opacity:1}