cx-hero-carousel{display:block}
.cx-hero-frame{position:relative;overflow:hidden;touch-action:pan-y pinch-zoom;cursor:grab}
.cx-hero-frame::before{content:"";display:block;width:100%;aspect-ratio:1942/809;margin-bottom:76px}
.cx-hero-frame.is-dragging{cursor:grabbing}
.cx-hero-frame a{cursor:pointer}
.cx-hero-slide{position:absolute;inset:0;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(0);transition:opacity .6s ease,visibility .6s,transform .25s ease}
.cx-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.cx-hero-frame.is-dragging .cx-hero-slide{transition:none}
.cx-hero-promo{display:grid;grid-template-rows:minmax(0,1fr) 76px}
.cx-hero-promo--cookies{background:#f3e6d8;color:#47220f}
.cx-hero-promo--mystery{background:#090609;color:#fff}
.cx-banner-picture{display:block;width:100%;height:100%;min-height:0;overflow:hidden}
.cx-banner-picture img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.cx-banner-footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 24px;box-sizing:border-box}
.cx .cx-banner-footer p{margin:0;font-size:14px;line-height:1.4;text-align:center}
.cx .cx-banner-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 24px;flex-shrink:0;border-radius:999px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.3;background:#47220f;color:#fff}
.cx .cx-hero-promo--mystery .cx-banner-cta{background:#ffe000;color:#151515;box-shadow:0 3px 0 #f000aa}
.cx .cx-banner-cta:focus-visible{outline:3px solid #1585d2;outline-offset:3px}
.cx-home .cx-hero-slide .cx-fresh-hero{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:32px max(32px,calc((100vw - 1380px)/2));align-content:center}
.cx-home .cx-hero-slide .cx-fresh-copy h1{font-size:clamp(36px,5vw,82px)}
.cx-home .cx-hero-slide .cx-fresh-products{min-height:0}
.cx-home .cx-hero-slide .cx-fresh-product img{height:clamp(70px,8vw,155px)}
@media(min-width:751px) and (max-width:1000px){
 .cx-home .cx-hero-slide .cx-fresh-hero{padding:24px;gap:16px}
 .cx-home .cx-hero-slide .cx-fresh-copy h1{font-size:36px;margin:10px 0}
 .cx-home .cx-hero-slide .cx-fresh-copy>p:not(.cx-eyebrow){font-size:14px}
 .cx-home .cx-hero-slide .cx-fresh-copy .cx-btn{margin-top:16px}
 .cx .cx-banner-footer p{font-size:12px}
}
@media(max-width:750px){
 .cx-hero-frame::before{aspect-ratio:1190/1322;margin-bottom:104px}
 .cx-hero-promo{grid-template-rows:minmax(0,1fr) 104px}
 .cx-banner-footer{flex-direction:column;gap:7px;padding:9px 12px;justify-content:center}
 .cx .cx-banner-footer p{font-size:12px;max-width:100%;line-height:1.35}
 .cx .cx-banner-cta{font-size:14px;padding:10px 22px;min-height:44px}
 .cx-home .cx-hero-slide .cx-fresh-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:center;gap:24px;padding:24px 20px}
 .cx-home .cx-hero-slide .cx-fresh-copy h1{font-size:clamp(32px,8vw,52px);line-height:1.03;margin:10px 0 12px}
 .cx-home .cx-hero-slide .cx-fresh-products{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;gap:12px;padding:8px;justify-self:center}
 .cx-home .cx-hero-slide .cx-fresh-product img{height:clamp(60px,15vw,110px)}
 .cx-home .cx-hero-slide .cx-fresh-product{padding:6px}
 .cx-home .cx-hero-slide .cx-fresh-product span{font-size:10px}
}
@media(max-width:400px){
 .cx-home .cx-hero-slide .cx-fresh-hero{gap:18px;padding:20px}
 .cx-home .cx-hero-slide .cx-fresh-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px 2px;max-width:100%}
 .cx-home .cx-hero-slide .cx-fresh-product img{height:clamp(54px,17vw,68px)}
 .cx-home .cx-hero-slide .cx-fresh-product span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.cx-hero-slide{transition:none}}

.cx .cx-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #ffffffa6;border-radius:50%;background:#151920d9;color:#fff;box-shadow:0 2px 10px #0003;cursor:pointer;touch-action:manipulation}
.cx .cx-hero-arrow--prev{left:12px}.cx .cx-hero-arrow--next{right:12px}
.cx .cx-hero-arrow:hover{background:#151920}.cx .cx-hero-arrow:focus-visible{outline:3px solid #ffe000;outline-offset:3px}
@media(max-width:750px){.cx .cx-hero-arrow{width:44px;height:44px;top:auto;bottom:12px;transform:none}.cx .cx-hero-arrow--prev{left:6px}.cx .cx-hero-arrow--next{right:6px}.cx-home .cx-hero-slide .cx-fresh-hero{padding-bottom:72px}}