.section-snack-hero{margin:0;padding:0}.snack-hero{--sz-hero-height-desktop: 560px;--sz-hero-height-mobile: 520px;--sz-left-bg: #2b170f;--sz-right-bg: #8b1518;--sz-btn-bg: #f0c41a;--sz-btn-text: #111111;position:relative;width:100%;overflow:hidden;color:#fff}.snack-hero__layout{display:grid;grid-template-columns:1fr}.snack-hero--fixed .snack-hero__layout{min-height:var(--sz-hero-height-mobile)}@media screen and (min-width:990px){.snack-hero__layout--three{grid-template-columns:minmax(160px,.85fr) minmax(0,2.6fr) minmax(180px,.95fr)}.snack-hero__layout--center-right{grid-template-columns:minmax(0,1fr) minmax(200px,.85fr)}.snack-hero__layout--left-center{grid-template-columns:minmax(160px,.85fr) minmax(0,1fr)}.snack-hero__layout--center{grid-template-columns:1fr}.snack-hero--fixed .snack-hero__layout{min-height:var(--sz-hero-height-desktop)}}.snack-hero__side{position:relative;overflow:hidden;min-height:100%}.snack-hero__side--left{background:var(--sz-left-bg)}.snack-hero__side--right{background:var(--sz-right-bg);background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.06) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 60%,rgba(255,255,255,.05) 0 1px,transparent 1.5px);background-size:28px 28px;display:flex;align-items:center;justify-content:center}.snack-hero__side--right:has(.snack-hero__promo){padding:3.5rem 2.2rem}.snack-hero__side-link{display:block;width:100%;height:100%}.snack-hero__side-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.snack-hero__promo{width:100%;max-width:26rem}.snack-hero__promo-heading{margin:0 0 2rem;color:#fff;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(2rem,1.6vw + 1rem,2.8rem);line-height:1.1;letter-spacing:.02em;text-transform:uppercase}.snack-hero__features{list-style:none;margin:0 0 2.4rem;padding:0;display:grid;gap:1.1rem}.snack-hero__features li{display:flex;align-items:flex-start;gap:.9rem;color:#fff;font-size:1.35rem;font-weight:600;line-height:1.35}.snack-hero__check{flex:0 0 auto;width:2rem;height:2rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);display:inline-flex;align-items:center;justify-content:center;color:#fff;margin-top:.1rem}.snack-hero__center{position:relative;min-width:0;overflow:hidden;background:#3f5bb8}.snack-hero__center--full{width:100%}.snack-hero__slider,.snack-hero__track,.snack-hero__slide{height:100%}.snack-hero--fixed .snack-hero__slider,.snack-hero--fixed .snack-hero__track,.snack-hero--fixed .snack-hero__slide{min-height:inherit}.snack-hero__slider{position:relative;display:block}.snack-hero--fixed .snack-hero__slider{min-height:var(--sz-hero-height-mobile)}@media screen and (min-width:990px){.snack-hero--fixed .snack-hero__slider{min-height:var(--sz-hero-height-desktop)}}.snack-hero__slide{position:relative;display:none;animation:snackHeroFade .55s ease}.snack-hero--fixed .snack-hero__slide{min-height:inherit}.snack-hero__slide.is-active{display:block}.snack-hero--adapt .snack-hero__layout,.snack-hero--adapt .snack-hero__center,.snack-hero--adapt .snack-hero__slider,.snack-hero--adapt .snack-hero__track,.snack-hero--adapt .snack-hero__slide--banner{min-height:0;height:auto}.snack-hero--adapt .snack-hero__slide--banner{position:relative}.snack-hero--adapt .snack-hero__banner-media{position:absolute;top:0;right:0;bottom:0;left:0}.snack-hero--adapt .snack-hero__slide-inner--overlay{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;align-items:center}.snack-hero--adapt .snack-hero__side{min-height:100%;align-self:stretch}@keyframes snackHeroFade{0%{opacity:.35}to{opacity:1}}.snack-hero__banner-media{position:absolute;top:0;right:0;bottom:0;left:0}.snack-hero__banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.snack-hero__banner-img--desktop{display:none}.snack-hero__banner-img--mobile{display:block}@media screen and (min-width:750px){.snack-hero__banner-img--desktop{display:block}.snack-hero__banner-img--mobile{display:none}}.snack-hero__banner-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.snack-hero__slide-placeholder{display:flex;align-items:center;justify-content:center;min-height:inherit;padding:4rem 2rem;background:linear-gradient(180deg,#4b8ad8,#3f5bb8 45%,#5a2f8e);text-align:center;font-weight:600;opacity:.9}.snack-hero__slide-inner--overlay{position:relative;z-index:2;display:flex;align-items:center;min-height:var(--sz-hero-height-mobile);padding:7.5rem 1.6rem 4.5rem;pointer-events:none}.snack-hero__slide-inner--overlay .snack-hero__btn{pointer-events:auto}@media screen and (min-width:750px){.snack-hero__slide-inner--overlay{padding:5rem 3rem 4rem}}@media screen and (min-width:990px){.snack-hero__slide-inner--overlay{min-height:var(--sz-hero-height-desktop);padding:4rem 3.5rem 4.5rem 3rem}}.snack-hero__copy{max-width:28rem}.snack-hero__copy--center{margin-inline:auto;text-align:center}.snack-hero__copy--right{margin-left:auto;text-align:right}.snack-hero__heading{margin:0 0 1.4rem;color:#fff;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(2.4rem,5.5vw,5.2rem);line-height:1.02;letter-spacing:.01em;text-transform:uppercase;text-shadow:0 2px 18px rgba(0,0,0,.25)}.snack-hero__btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.8rem;padding:.85rem 2.2rem;border-radius:999px;background:var(--sz-btn-bg);color:var(--sz-btn-text);font-size:1.2rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;box-shadow:0 6px 18px #0000002e;transition:transform .2s ease,filter .2s ease}.snack-hero__btn:hover{transform:translateY(-1px);filter:brightness(1.05);color:var(--sz-btn-text)}.snack-hero__btn--side{min-height:3.6rem;padding-inline:2rem;font-size:1.15rem}.snack-hero__dots{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);z-index:3;display:flex;gap:.7rem;align-items:center}.snack-hero__dot{width:.85rem;height:.85rem;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;opacity:.95;transition:transform .15s ease,background .15s ease}.snack-hero__dot.is-active{background:#111;transform:scale(1.08)}@media screen and (max-width:989px){.snack-hero__side--left,.snack-hero__side--right{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-snack-hero.css.map */