.wj-st-explainer{position:relative;background:var(--wj-navy, #00145E);color:var(--wj-white, #fff);padding-top:calc(var(--wj-st-exp-pad-top, 100px) + clamp(60px,11vw,180px));padding-bottom:var(--wj-st-exp-pad-bottom, 120px);overflow:hidden;isolation:isolate}.wj-st-explainer__drip-wrap{position:absolute;top:0;left:0;right:0;width:100%;line-height:0;z-index:1;pointer-events:none;margin-top:-1px}.wj-st-explainer__drip-img{display:block;width:100%;height:auto}.wj-st-explainer__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(30px,5vw,60px);text-align:center}.wj-st-explainer__header{max-width:720px;display:flex;flex-direction:column;gap:12px}.wj-st-explainer__eyebrow{margin:0;color:var(--wj-yellow, #FFFF00);font-size:clamp(1.3rem,1.4vw,1.6rem);letter-spacing:.16em}.wj-st-explainer__heading{margin:0;font-size:clamp(3.2rem,5vw,5.4rem);line-height:1;color:var(--wj-white);text-shadow:3px 3px 0 var(--wj-pink, #FF00BB)}.wj-st-explainer__body,.wj-st-explainer__body p{margin:0;font-family:var(--wj-font-body-playful, "Fredoka", sans-serif);font-size:clamp(1.5rem,1.5vw,1.75rem);line-height:1.5;color:var(--wj-white);opacity:.95}.wj-st-explainer__cards{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:1fr;gap:clamp(20px,3vw,40px)}@media(min-width:800px){.wj-st-explainer__cards{grid-template-columns:repeat(2,1fr)}}.wj-st-flavor-card{position:relative;border-radius:24px;border:4px solid var(--wj-navy);box-shadow:0 10px 0 var(--wj-navy);transition:transform .26s cubic-bezier(.34,1.56,.64,1)}.wj-st-flavor-card:hover{transform:translateY(-6px) rotate(-.6deg)}.wj-st-flavor-card--berry{background:linear-gradient(160deg,var(--wj-pink, #FF00BB) 0%,#b800a5 100%)}.wj-st-flavor-card--tropical{background:linear-gradient(160deg,#ffa800,#f38)}.wj-st-flavor-card__link{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;color:var(--wj-white);text-decoration:none;height:100%}.wj-st-flavor-card__eyebrow{margin:0;color:var(--wj-yellow);font-size:clamp(1.2rem,1.3vw,1.5rem);letter-spacing:.16em}.wj-st-flavor-card__name{margin:0;font-family:var(--wj-font-display, "Bowlby One", Impact, sans-serif);font-size:clamp(2.6rem,3.6vw,3.8rem);line-height:1;color:var(--wj-white);text-shadow:3px 3px 0 var(--wj-navy);text-align:center}.wj-st-flavor-card__bag-wrap{position:relative;width:100%;max-width:400px;margin:0 auto}.wj-st-flavor-card__bag{display:block;width:100%;max-width:400px;height:auto;filter:drop-shadow(0 16px 24px rgba(0,0,0,.4));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.wj-st-flavor-card__link:hover .wj-st-flavor-card__bag{transform:rotate(-3deg) scale(1.04)}.wj-st-flavor-card__bag--back-left,.wj-st-flavor-card__bag--back-right{position:absolute;top:0;left:0;width:100%;max-width:400px;height:auto;z-index:0;opacity:.85;filter:drop-shadow(0 10px 16px rgba(0,0,0,.32))}.wj-st-flavor-card__bag--back-left{transform:translate(-18%,4%) rotate(-9deg)}.wj-st-flavor-card__bag--back-right{transform:translate(18%,4%) rotate(9deg)}.wj-st-flavor-card__bag:not(.wj-st-flavor-card__bag--back-left):not(.wj-st-flavor-card__bag--back-right){position:relative;z-index:1}.wj-st-flavor-card__link:hover .wj-st-flavor-card__bag--back-left{transform:translate(-18%,4%) rotate(-9deg)}.wj-st-flavor-card__link:hover .wj-st-flavor-card__bag--back-right{transform:translate(18%,4%) rotate(9deg)}.wj-st-flavor-card__fruits-img{position:absolute;bottom:-2.5%;right:-12%;width:65%;height:auto;z-index:2;filter:drop-shadow(0 8px 12px rgba(0,0,0,.4))}.wj-st-flavor-card__desc{margin:0;max-width:44ch;font-family:var(--wj-font-body-playful, "Fredoka", sans-serif);font-size:clamp(1.4rem,1.4vw,1.65rem);line-height:1.45;color:var(--wj-white);opacity:.95}.wj-st-flavor-card__cta{display:inline-block;margin-top:8px;padding:12px 24px;font-family:var(--wj-font-display, "Bowlby One", Impact, sans-serif);font-size:clamp(1.4rem,1.5vw,1.7rem);letter-spacing:.04em;color:var(--wj-navy);background:var(--wj-yellow);border:3px solid var(--wj-navy);border-radius:9999px;box-shadow:0 5px 0 var(--wj-navy);transition:transform .15s ease,box-shadow .15s ease}.wj-st-flavor-card__link:hover .wj-st-flavor-card__cta{transform:translateY(-2px);box-shadow:0 7px 0 var(--wj-navy)}.wj-st-explainer__pack{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(20px,3vw,40px)}.wj-st-explainer__pack-line{margin:0;font-family:var(--wj-font-body-playful, "Fredoka", sans-serif);font-size:clamp(1.6rem,1.7vw,2rem);color:var(--wj-white);opacity:.95}.wj-st-explainer__pack-cta{display:inline-block;padding:16px 32px;font-family:var(--wj-font-display, "Bowlby One", Impact, sans-serif);font-size:clamp(1.7rem,1.9vw,2.1rem);letter-spacing:.04em;color:var(--wj-white);background:var(--wj-pink, #FF00BB);border:3px solid var(--wj-navy);border-radius:9999px;box-shadow:0 6px 0 var(--wj-navy);text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.wj-st-explainer__pack-cta:hover{background:#ff33c8;transform:translateY(-3px);box-shadow:0 9px 0 var(--wj-navy)}@media(max-width:750px){.wj-st-explainer{padding-top:var(--wj-st-exp-pad-top-mobile, var(--wj-st-exp-pad-top, 100px));padding-bottom:var(--wj-st-exp-pad-bottom-mobile, var(--wj-st-exp-pad-bottom, 120px))}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-wj-sour-twisties-explainer.css.map */