.pdp-fa{position:relative;overflow-x:clip;overflow-y:visible;min-height:700px;display:flex;flex-direction:column;align-items:center;background-color:var(--pdp-fa-bg, #001d35)}.pdp-fa__bg-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;opacity:.8}.pdp-fa__bg-img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.pdp-fa__ticker{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:1;overflow:hidden;pointer-events:none;padding:20px 0}.pdp-fa__ticker-track{display:flex;width:max-content;animation:pdp-fa-ticker var(--pdp-fa-ticker-speed, 40s) linear infinite}.pdp-fa__ticker-content{display:flex;align-items:center;white-space:nowrap}.pdp-fa__ticker-word{font-family:"Gasoek One",var(--font-heading--family, sans-serif);font-weight:400;font-size:clamp(60px,12.5vw,180px);line-height:1.1;color:var(--pdp-fa-ticker-color, #38deff);padding-right:60px;text-transform:capitalize}.pdp-fa__ticker-mobile,.pdp-fa__ticker-mobile-word{display:none}.pdp-fa__ticker-mobile-word.is-active{display:block}@keyframes pdp-fa-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.pdp-fa__main{position:relative;z-index:2;display:flex;justify-content:center;padding:100px 20px 80px;width:100%;box-sizing:border-box;overflow:visible}.pdp-fa__stack-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;width:100%;max-width:560px;overflow:visible}.pdp-fa__fruit-item{position:absolute;width:min(38%,180px);height:auto;pointer-events:none}.pdp-fa__fruit-item--tl{z-index:0;top:calc(-19px + var(--pdp-fa-fruit-tl-offset-y, 0px));right:0;bottom:0;left:calc(-41px + var(--pdp-fa-fruit-tl-offset-x, 0px));transform:rotate(-14deg);transform-origin:center center}.pdp-fa__fruit-item--br{z-index:4;bottom:0;right:0;transform:translate(calc(28% + var(--pdp-fa-fruit-br-offset-x, 0px)),calc(22% + var(--pdp-fa-fruit-br-offset-y, 0px))) rotate(12deg);transform-origin:center center}.pdp-fa__fruit-img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.18))}.pdp-fa__stack{position:relative;z-index:2;width:min(442px,85vw);height:min(608px,117vw);overflow:visible}.pdp-fa__card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border:3px solid #ffffff;box-sizing:border-box;transition:transform .5s cubic-bezier(.34,1.2,.64,1),opacity .4s ease,box-shadow .4s ease;transform-origin:bottom center;will-change:transform}.pdp-fa__card[data-pos="0"]{transform:translate(0) rotate(0) scale(1);box-shadow:0 24px 60px #001d3538}.pdp-fa__card[data-pos="1"]{transform:translate(16px,10px) rotate(2.5deg) scale(.97);box-shadow:0 16px 40px #001d3524}.pdp-fa__card[data-pos="2"]{transform:translate(32px,20px) rotate(5deg) scale(.94);box-shadow:0 8px 20px #001d351a}.pdp-fa__card[data-pos="-1"]{opacity:0;pointer-events:none}.pdp-fa__card-img{display:block;width:100%;height:100%;object-fit:cover}.pdp-fa__card-img--placeholder{width:100%;height:100%}.pdp-fa__nav-row{position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:center;gap:20px;width:100%;margin-top:25px}.pdp-fa__card-info{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;gap:10px}.pdp-fa__card-title{margin:0;font-family:"Epilogue",var(--font-body--family, sans-serif);font-weight:800;font-size:24px;line-height:130%;letter-spacing:-.01em;color:#faf6eb}.pdp-fa__card-text{margin:0;font-family:"Epilogue",var(--font-body--family, sans-serif);font-weight:500;font-size:15px;line-height:150%;color:#faf6eb;transition:opacity .25s ease}.pdp-fa__btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;margin-top:4px;border-radius:100px;background:#fff;border:none;color:#001d35;cursor:pointer;transition:opacity .2s ease;--icon-stroke-width: 1.75px}.pdp-fa__btn svg{width:20px;height:20px}.pdp-fa__btn--prev{opacity:.5}.pdp-fa__btn--prev svg{transform:rotate(180deg)}.pdp-fa__btn:hover{opacity:1}.pdp-fa__cta-wrap{display:flex;justify-content:center;margin-top:10px}.pdp-fa__cta{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 28px;border-radius:100px;background:#faf6eb;color:#001a31;font-family:"Epilogue",var(--font-body--family, sans-serif);font-weight:800;font-size:14px;line-height:1;letter-spacing:-.01em;text-transform:capitalize;text-decoration:none;transition:opacity .2s ease}.pdp-fa__cta:hover{opacity:.85}@media screen and (max-width:989px){.pdp-fa{min-height:auto;display:flex;flex-direction:column;align-items:center;padding:65px 20px;box-sizing:border-box}.pdp-fa__ticker{display:none}.pdp-fa__ticker-mobile{display:flex;align-items:center;justify-content:center;order:1;width:100%;max-width:353px;margin:0 0 24px;text-align:center;min-height:79.2px}.pdp-fa__ticker-mobile-word{font-family:"Gasoek One",var(--font-heading--family, sans-serif);font-weight:400;font-size:36px;line-height:1.1;color:var(--pdp-fa-ticker-color, #38deff);text-transform:capitalize}.pdp-fa__ticker-mobile-word.is-active{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pdp-fa__main{padding:0;order:2;width:100%;max-width:353px}.pdp-fa__stack-wrap{gap:24px;max-width:353px}.pdp-fa__stack{width:268px;height:368px}.pdp-fa__card-title{font-size:18px;line-height:1.3;letter-spacing:-.01em;width:100%;text-align:center}.pdp-fa__card-text{font-size:14px;line-height:1.4;letter-spacing:0}.pdp-fa__card[data-pos="1"]{transform:translate(8px,6px) rotate(2deg) scale(.97)}.pdp-fa__card[data-pos="2"]{transform:translate(16px,12px) rotate(4deg) scale(.94)}.pdp-fa__nav-row{position:relative;display:block;padding:0 44px;margin-top:0;gap:12px}.pdp-fa__card-info{width:100%;text-align:center;align-items:center;gap:8px}.pdp-fa__btn{position:absolute;top:4px;margin-top:0}.pdp-fa__btn--prev{left:0}.pdp-fa__btn--next{right:0}.pdp-fa__cta-wrap{margin-top:16px}.pdp-fa__cta{min-width:126px;padding:0 20px}.pdp-fa__fruit-item{width:min(38%,110px)}.pdp-fa__fruit-item--tl{top:calc(-19px + var(--pdp-fa-fruit-tl-offset-y-mobile, 0px));left:calc(-28px + var(--pdp-fa-fruit-tl-offset-x-mobile, 0px));transform:rotate(-12deg)}.pdp-fa__fruit-item--br{transform:translate(calc(20% + var(--pdp-fa-fruit-br-offset-x-mobile, 0px)),calc(16% + var(--pdp-fa-fruit-br-offset-y-mobile, 0px))) rotate(10deg)}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pdp-flavor-artistry-styles.css.map */