section.floating-infograph{display:flex;align-items:center;justify-content:center;margin:0;flex-direction:column-reverse;--infograph-scale: 1.24}section.floating-infograph.flipped-mobile{flex-direction:column}section.floating-infograph .image-holder{width:100%;z-index:0;display:flex;align-items:center}section.floating-infograph img.background{width:100%;height:var(--mobile-image-height);object-fit:cover}section.floating-infograph img.background.noScale{height:auto}section.floating-infograph .infograph{background:var(--infograph-grey);padding:0 var(--spacing-x-minor);width:100%;z-index:1}section.floating-infograph .infograph .trustpilot-widget{margin:calc(1.4 * var(--spacing-y-minor)) 0 calc(1 * var(--spacing-y-minor))}section.floating-infograph .infograph h2{font-size:var(--heading-copy);line-height:var(--heading-lh);margin:calc(1 * var(--spacing-y-major)) 0}section.floating-infograph .infograph p.body{font-size:var(--body-mid-copy);line-height:var(--body-mid-lh);margin:var(--spacing-y-minor) 0}section.floating-infograph .infograph .icon-with-text{display:flex;align-items:center;gap:20px;margin:var(--spacing-y-minor) 0}section.floating-infograph .infograph .icon-with-text img.icon{width:50px}section.floating-infograph .infograph .icon-with-text svg{width:70px;height:auto;flex:1 0 auto}section.floating-infograph .infograph p.text{margin:0;font-size:var(--body-big-copy);line-height:var(--body-big-lh);flex:1 1 auto}section.floating-infograph .infograph a.cta{margin:var(--spacing-y-major) 0 var(--spacing-y-tiny);width:100%;--side-padding: 40px;padding-left:var(--side-padding);padding-right:var(--side-padding)}section.floating-infograph .infograph ajax-cart-product-form{margin:var(--spacing-y-major) auto var(--spacing-y-tiny);padding:0}section.floating-infograph .infograph ajax-cart-product-form .add-to-cart-section{display:flex;justify-content:center;margin:var(--spacing-y-minor) 0 var(--spacing-y-tiny)}section.floating-infograph .infograph p.delivery-reminder{display:block;font-size:var(--body-small-copy);line-height:var(--body-small-lh);margin:0 0 var(--spacing-y-major);color:var(--body-grey);text-align:center}section.floating-infograph .infograph svg.present{max-width:30px}section.floating-infograph .infograph>:first-child:not(.image-holder){margin-top:var(--spacing-y-minor)}section.floating-infograph .infograph>:last-child{margin-bottom:var(--spacing-y-minor)}@media screen and (min-width: 850px){section.floating-infograph,section.floating-infograph.flipped-mobile{margin:var(--spacing-y-major) var(--spacing-x-major);flex-direction:row;--flipped: 1}section.floating-infograph.flipped section.floating-infograph.flipped-mobile.flipped{flex-direction:row-reverse;--flipped: -1}section.floating-infograph .image-holder{width:50%;z-index:0;aspect-ratio:var(--infograph-scale);display:flex;align-items:center}section.floating-infograph img.background{aspect-ratio:8/5;width:100%;height:auto;object-fit:cover;transform:scale(var(--infograph-scale)) translate(calc(var(--flipped) * 50% * (var(--infograph-scale) - 1)));border-radius:0;max-height:none}section.floating-infograph img.background.noScale{aspect-ratio:initial;transform:initial}section.floating-infograph .infograph{background:var(--infograph-grey)!important;padding:0 var(--spacing-x-tiny);border-radius:0;width:50%;z-index:1}section.floating-infograph .infograph .trustpilot-widget{margin:var(--spacing-y-major) 0 var(--spacing-y-minor)}section.floating-infograph .infograph h2{font-size:var(--heading-copy);line-height:var(--heading-lh);margin:var(--spacing-y-minor) 0}section.floating-infograph .infograph .icon-with-text{display:flex;align-items:center;gap:20px;margin:var(--spacing-y-minor) 0}section.floating-infograph .infograph .icon-with-text img.icon{width:50px}section.floating-infograph .infograph .icon-with-text svg{max-width:66px;flex:1 0 auto}section.floating-infograph .infograph p.text{margin:0;font-size:var(--body-small-copy);line-height:var(--body-small-lh)}section.floating-infograph ajax-cart-product-form{width:fit-content;display:block;margin:var(--spacing-y-major) 0 0 var(--spacing-x-tiny)}section.floating-infograph .infograph a.cta{margin:var(--spacing-y-minor) 0 var(--spacing-y-tiny)}section.floating-infograph .infograph p.delivery-reminder{font-size:var(--body-tiny-copy);line-height:var(--body-tiny-lh);margin:0 0 var(--spacing-y-minor);color:var(--body-grey);text-align:center}section.floating-infograph .infograph ajax-cart-product-form{width:100%}section.floating-infograph .infograph svg.present{max-width:50px}section.floating-infograph .infograph>:first-child{margin-top:var(--spacing-y-major)}section.floating-infograph .infograph>:last-child{margin-bottom:var(--spacing-y-major)}}@media screen and (min-width: 1500px){section.floating-infograph .infograph a.cta{margin:var(--spacing-y-minor) auto var(--spacing-y-minor);width:50%;min-width:fit-content}section.floating-infograph .infograph a.cta.left{margin-left:0}section.floating-infograph .infograph a.cta.right{margin-right:0}}
/*# sourceMappingURL=/cdn/shop/t/233/assets/floating-infograph.css.map */