.campaign-hero{--ch-brand: #2f2b78;--ch-gap: 12px;--ch-banner-radius: 18px;--ch-strip-radius: 10px;--ch-banner-ar: 1 / 1;--ch-desk-banner-ar: 16 / 9;--ch-strip-ar: 16 / 7;--ch-card-w-mobile: min(88vw, 420px);--ch-card-w-desktop: min(52vw, 720px);--ch-track-pad: calc((100% - var(--ch-card-w-mobile)) / 2);--ch-active-scale: 1.02;--ch-side-opacity: .9;position:relative;width:100%;max-width:100%;box-sizing:border-box}.campaign-hero__shell,.campaign-hero__carousel{position:relative;width:100%}.campaign-hero__viewport{position:relative;width:100%;overflow:hidden}.campaign-hero__track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:var(--ch-gap);width:max-content;padding:0 var(--ch-track-pad);will-change:transform;transition:transform var(--ch-transition, .65s) cubic-bezier(.2,.8,.2,1)}.campaign-hero[data-effect=fade] .campaign-hero__track{transition:transform var(--ch-transition, .65s) cubic-bezier(.2,.8,.2,1)}.campaign-hero__slide{position:relative;flex:0 0 var(--ch-card-w-mobile);width:var(--ch-card-w-mobile);min-width:0;border-radius:var(--ch-banner-radius);overflow:hidden;opacity:1;transform:none;transition:z-index 0s}.campaign-hero[data-effect=fade] .campaign-hero__slide{position:relative;inset:auto;opacity:1;pointer-events:auto}.campaign-hero[data-effect=fade] .campaign-hero__slide:not(.is-active){position:absolute;inset:0 auto auto 0;width:var(--ch-card-w-mobile);opacity:0;pointer-events:none;transition:opacity var(--ch-transition, .65s) ease}.campaign-hero[data-effect=fade] .campaign-hero__slide.is-active{position:relative;opacity:1;pointer-events:auto}.campaign-hero__banners{width:100%;flex-shrink:0}.campaign-hero__banners--mobile{display:block}.campaign-hero__banners--desktop{display:none}.campaign-hero__banner{position:relative;display:block;overflow:hidden;border-radius:var(--ch-banner-radius);background:#f5f5f5;text-decoration:none;color:inherit;width:100%;aspect-ratio:var(--ch-banner-ar);flex-shrink:0;border:2px solid #e5e5e5;box-sizing:border-box;opacity:var(--ch-side-opacity);transition:transform var(--ch-transition, .65s) cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,opacity .35s ease}.campaign-hero__banner-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.campaign-hero__slide.is-active{z-index:2}.campaign-hero__slide.is-active .campaign-hero__banner{opacity:1;transform:scale(var(--ch-active-scale));border-color:var(--ch-active-border);box-shadow:0 10px 32px #2f2b782e,0 0 0 3px color-mix(in srgb,var(--ch-active-glow) 28%,transparent)}.campaign-hero__slide:not(.is-active) .campaign-hero__banner{box-shadow:0 2px 10px #0000000d}.campaign-hero__banner--placeholder{display:flex!important;align-items:center;justify-content:center;color:#2f2b7859}.campaign-hero__banner--placeholder svg{width:48px;height:48px}.campaign-hero__strip-stage{display:block;width:100%;padding-top:8px;box-sizing:border-box;overflow:hidden}.campaign-hero__strip-track{display:block;width:100%;transition:transform var(--ch-transition, .65s) cubic-bezier(.2,.8,.2,1)}.campaign-hero__strip-link,.campaign-hero__strip-figure{display:block;width:100%;margin:0;aspect-ratio:var(--ch-strip-ar);border-radius:var(--ch-strip-radius);overflow:hidden;background:#f5f5f5}.campaign-hero__strip-link{text-decoration:none;transition:opacity .2s ease,box-shadow .2s ease}.campaign-hero__strip-link:hover{opacity:.96;box-shadow:0 2px 12px #2f2b781a}.campaign-hero__strip-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.campaign-hero__strip-unit{display:none;width:100%}.campaign-hero__strip-unit.is-active{display:block}.campaign-hero__strip-figure--placeholder{display:flex;align-items:center;justify-content:center;color:#2f2b784d}.campaign-hero__strip-figure--placeholder svg{width:40px;height:40px}.campaign-hero__dots{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;padding:0 12px}.campaign-hero__dot{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:#2f2b7840;cursor:pointer;transition:width .25s ease,background .25s ease}.campaign-hero__dot[aria-current=true]{width:18px;background:var(--ch-brand)}.campaign-hero__dot:focus-visible{outline:2px solid var(--ch-brand);outline-offset:2px}.campaign-hero__viewport.is-dragging{cursor:grabbing;user-select:none;-webkit-user-select:none}.campaign-hero__viewport.is-dragging .campaign-hero__banner{pointer-events:none}.campaign-hero__offers-head{padding:var(--ch-offer-head-pt) 4px var(--ch-offer-head-pb);box-sizing:border-box}.campaign-hero__offers-head--left{text-align:left}.campaign-hero__offers-head--center{text-align:center}.campaign-hero__offers-head--right{text-align:right}.campaign-hero__offers-title{margin:0 0 var(--ch-offer-head-gap);font-family:var(--ch-offer-title-ff);font-size:var(--ch-offer-title-size);font-weight:var(--ch-offer-title-weight);font-style:var(--ch-offer-title-style);line-height:var(--ch-offer-title-lh);letter-spacing:var(--ch-offer-title-spacing);text-transform:var(--ch-offer-title-transform)}.campaign-hero__offers-title:last-child{margin-bottom:0}.campaign-hero__offers-sub{margin:0;font-family:var(--ch-offer-sub-ff);font-size:var(--ch-offer-sub-size);font-weight:var(--ch-offer-sub-weight);line-height:1.35;letter-spacing:var(--ch-offer-sub-spacing);text-transform:var(--ch-offer-sub-transform);color:var(--ch-offer-sub-color);opacity:.95}.campaign-hero__offers-head--center .campaign-hero__offers-sub{display:inline-block;position:relative;padding:0 .15rem}.campaign-hero__offers-head--accents.campaign-hero__offers-head--center .campaign-hero__offers-sub:before,.campaign-hero__offers-head--accents.campaign-hero__offers-head--center .campaign-hero__offers-sub:after{content:"\2726";display:inline-block;margin:0 .45rem;font-size:.55em;vertical-align:middle;color:var(--ch-offer-accent-color);opacity:.85;letter-spacing:0}.campaign-hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border:1px solid rgba(47,43,120,.15);border-radius:50%;background:#ffffffeb;color:var(--ch-brand);display:none;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000014}.campaign-hero__arrow:hover{background:#fff;border-color:#2f2b784d}.campaign-hero__arrow--prev{left:12px}.campaign-hero__arrow--next{right:12px}@media screen and (min-width:750px){.campaign-hero{--ch-gap: 16px;--ch-banner-radius: 20px;--ch-track-pad: max(1.5rem, calc((100% - var(--ch-card-w-desktop) * 2 - var(--ch-gap)) / 2))}.campaign-hero__banners--mobile{display:none!important}.campaign-hero__banners--desktop{display:block!important}.campaign-hero[data-effect=fade] .campaign-hero__slide,.campaign-hero[data-effect=fade] .campaign-hero__slide:not(.is-active){position:relative;inset:auto;opacity:1;pointer-events:auto;transition:none}.campaign-hero__strip-stage{max-width:none;margin-left:0;margin-right:0}.campaign-hero__strip-track{display:flex;width:max-content;gap:var(--ch-gap);padding:0 var(--ch-strip-track-pad);will-change:transform}.campaign-hero__strip-unit{display:block;flex:0 0 var(--ch-strip-card-w-desktop);width:var(--ch-strip-card-w-desktop);opacity:var(--ch-side-opacity, .9)}.campaign-hero__strip-unit.is-active{opacity:1}.campaign-hero__strip-link,.campaign-hero__strip-figure{border:2px solid #e5e5e5;box-sizing:border-box;transition:box-shadow .35s ease,border-color .35s ease,opacity .35s ease}.campaign-hero__strip-unit.is-active .campaign-hero__strip-link,.campaign-hero__strip-unit.is-active .campaign-hero__strip-figure{border-color:var(--ch-active-border);box-shadow:0 8px 24px #2f2b7829,0 0 0 3px color-mix(in srgb,var(--ch-active-glow) 22%,transparent)}.campaign-hero__strip-unit--clone{pointer-events:none}.campaign-hero__slide{flex:0 0 var(--ch-card-w-desktop);width:var(--ch-card-w-desktop)}.campaign-hero[data-effect=fade] .campaign-hero__slide:not(.is-active){width:var(--ch-card-w-desktop)}.campaign-hero__banners--desktop .campaign-hero__banner{aspect-ratio:var(--ch-desk-banner-ar)}.campaign-hero__arrow{display:inline-flex}.campaign-hero__offers-head{padding:22px 0 14px}.campaign-hero__offers-title{font-size:clamp(2rem,2.8vw,2.75rem)}}@media(prefers-reduced-motion:reduce){.campaign-hero__track,.campaign-hero__strip-track,.campaign-hero__slide,.campaign-hero__banner,.campaign-hero[data-effect=fade] .campaign-hero__slide{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-campaign-hero.css.map */