@layer sections{.hero-split{display:grid;grid-template-columns:1fr;width:100%;background:var(--hero-split-bg, var(--color-on-surface));color:var(--hero-split-text, var(--color-surface))}.hero-split--image{background:none}@media screen and (min-width:990px){.hero-split{grid-template-columns:minmax(0,var(--hero-split-panel-w, 40%)) minmax(0,var(--hero-split-media-w, 60%))}.hero-split--reverse{grid-template-columns:minmax(0,var(--hero-split-media-w, 60%)) minmax(0,var(--hero-split-panel-w, 40%))}.hero-split--reverse .hero-split__panel{order:2}.hero-split--reverse .hero-split__media{order:1}.hero-split--image{grid-template-columns:1fr}.hero-split--image .hero-split__media{min-height:0}}.hero-split__panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(var(--space-8),6vw,var(--space-16)) var(--site-padding)}@media screen and (min-width:990px){.hero-split__panel{padding-inline:clamp(var(--space-6),2.8vw,var(--space-10))}}@media screen and (max-width:989px){.hero-split__panel{padding-bottom:calc(20px + var(--hero-paginator-gap, 24px));padding:15px}.hero-split__panel .hero-split__heading{font-size:26px;margin-bottom:10px}.hero-split__panel .hero-split__text{font-size:14px;margin-bottom:12px}.hero-split__panel .hero-split__btn.btn{padding:0 0 5px;background:no-repeat;border:none;border-bottom:1px solid WHITE;border-radius:0;min-height:auto}hero-split-slider[data-dots-position-mobile=bottom-center] .hero-split__controls{inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%)}}.hero-split__overline{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.hero-split__overline>*{margin:0;font:inherit;text-transform:inherit}.hero-split__heading{margin:0 0 20px;max-width:16ch;font-family:var(--font-heading);font-size:clamp(var(--text-2xl),4.5vw,3.75rem);font-weight:400;line-height:.93;text-wrap:balance}.hero-split__heading>*{margin:0;font:inherit}.hero-split__text{max-width:38ch;margin:0 0 32px;font-size:1.0625rem;line-height:1.45;opacity:.8}.hero-split__text>*{margin:0}.hero-split__btn{background:var(--hero-split-btn-bg, var(--color-accent));color:var(--hero-split-btn-text, var(--color-on-accent));border-color:var(--hero-split-btn-bg, var(--color-accent))}.hero-split__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-split__btn.btn{min-height:44px;padding:var(--space-2) var(--space-8);border-radius:var(--radius-sm);font-weight:500;letter-spacing:.05em}.hero-split__media{position:relative;min-height:16rem}.hero-split__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-split__media-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (max-width:989px){.hero-split__media{order:-1;aspect-ratio:4 / 3;min-height:0}.hero-split__media img{position:absolute}.hero-split--image .hero-split__media{aspect-ratio:auto}}.hero-split--image .hero-split__media img{position:static;width:100%;height:auto;object-fit:initial}@media screen and (min-width:990px){.hero-split-slider.section-frame{margin-inline:calc(12px - var(--page-margin))}}hero-split-slider{position:relative;display:block;overflow-x:clip;touch-action:pan-y}.hero-split-slider__track{display:grid}.hero-split-slider__track .hero-split{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .7s var(--ease-out)}.hero-split-slider__track .hero-split.is-active{position:static;z-index:1;opacity:1;pointer-events:auto}.hero-split-slider__track .hero-split:not(.is-active){position:absolute;top:0;right:0;bottom:0;left:0}@media(prefers-reduced-motion:reduce){.hero-split-slider__track .hero-split{transition-duration:0ms}}.hero-split__controls{position:absolute;inset-block-end:var(--space-5, 20px);inset-inline-start:var(--site-padding, var(--space-6));z-index:2;display:flex;align-items:center;gap:var(--space-4);cursor:pointer}@media screen and (min-width:990px){.hero-split__controls{inset-inline-start:clamp(var(--space-6),2.8vw,var(--space-10));max-width:calc(var(--hero-split-panel-w, 40%) - 2 * clamp(var(--space-6),2.8vw,var(--space-10)))}hero-split-slider[data-dots-position=bottom-center] .hero-split__controls{inset-inline-start:50%;inset-inline-end:auto;max-width:none;transform:translate(-50%)}}.hero-split__dots{position:static;z-index:2;display:flex;align-items:center;gap:14px;flex-shrink:0;padding:8px 14px;border-radius:var(--radius-full);background:#ffffff47}.hero-split__dot{display:flex;align-items:center;padding:0;border:0;background:none;cursor:pointer}.hero-split__dots-track{display:block;width:10px;height:10px;overflow:hidden;border-radius:var(--radius-full);background:#fff9;transition:width var(--motion-base) var(--ease-out),background var(--motion-fast) var(--ease-out)}.hero-split__dots-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#fff;transform:scaleX(0);transform-origin:left}.hero-split__dot.is-active .hero-split__dots-track{width:44px;background:#fff}hero-split-slider[data-autoplay] .hero-split__dot.is-active .hero-split__dots-track{background:#ffffff73}hero-split-slider[data-autoplay] .hero-split__dot.is-active .hero-split__dots-fill{animation:hero-progress var(--hero-autoplay-ms, 6s) linear forwards}hero-split-slider.is-paused .hero-split__dot.is-active .hero-split__dots-fill{animation-play-state:paused}@keyframes hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){hero-split-slider[data-autoplay] .hero-split__dot.is-active .hero-split__dots-fill{animation:none;transform:scaleX(1)}.hero-split__dots-track{transition:none}}@media screen and (max-width:749px){.hero-split__controls,hero-split-slider[data-dots-position-mobile=bottom-center] .hero-split__controls{position:static;inset:auto;transform:none;justify-content:center;margin-block-start:var(--space-3)}.hero-split__dots{padding:0;background:none}.hero-split__dots-track{background:var(--color-border)}.hero-split__dot.is-active .hero-split__dots-track,hero-split-slider[data-autoplay] .hero-split__dot.is-active .hero-split__dots-track{background:var(--color-border)}.hero-split__dots-fill{background:var(--color-card-cta)}hero-split-slider:not([data-autoplay]) .hero-split__dot.is-active .hero-split__dots-track{background:var(--color-card-cta)}hero-split-slider .hero-split__playpause.carousel__control{background:none;color:var(--color-card-cta)}}.hero-split__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;justify-content:center}hero-split-slider .hero-split__arrow.hero-split__arrow{width:var(--hero-arrow-size, 40px);height:var(--hero-arrow-size, 40px);background:var(--hero-arrow-bg, none);color:var(--hero-arrow-color, #fff);border:0;border-radius:8px}hero-split-slider .hero-split__arrow.hero-split__arrow:hover:not([aria-disabled=true]),hero-split-slider .hero-split__arrow.hero-split__arrow:focus-visible:not([aria-disabled=true]){background:color-mix(in srgb,var(--hero-arrow-bg, var(--color-card-cta)) 85%,#000);color:var(--hero-arrow-color, #fff)}hero-split-slider .hero-split__arrow.hero-split__arrow .icon{width:calc(var(--hero-arrow-size, 40px) * .4);height:calc(var(--hero-arrow-size, 40px) * .4)}.hero-split__arrow--prev{inset-inline-start:var(--hero-arrow-gap, 20px)}.hero-split__arrow--next{inset-inline-end:var(--hero-arrow-gap, 20px)}hero-split-slider[data-arrow-icon=chevron] .hero-split__arrow--prev .icon{transform:rotate(90deg)}hero-split-slider[data-arrow-icon=chevron] .hero-split__arrow--next .icon{transform:rotate(-90deg)}@media screen and (max-width:989px){hero-split-slider[data-hide-arrows-mobile=true] .hero-split__arrow{display:none}}.hero-split__playpause.carousel__control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:var(--radius-full);background:#ffffff47;color:var(--color-on-surface);border:5px solid transparent;background-clip:padding-box}.hero-split__playpause.carousel__control:hover,.hero-split__playpause.carousel__control:focus-visible{background:#ffffff6b;background-clip:padding-box}.hero-split__playpause.carousel__control .icon{width:14px;height:14px}.hero-split__playpause-icon{display:inline-flex}.hero-split__playpause-icon[hidden]{display:none}@media(hover:hover){hero-split-slider .hero-split__playpause.carousel__control{opacity:0;transition:opacity var(--motion-fast) var(--ease-out)}hero-split-slider:hover .hero-split__playpause.carousel__control,hero-split-slider:focus-within .hero-split__playpause.carousel__control,hero-split-slider .hero-split__playpause.carousel__control[aria-pressed=true]{opacity:1}}.hero-split__product{position:absolute;inset-inline:0;inset-block-start:calc(100% + 12px);z-index:2;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:16px;background:#fff;color:#484848}@media screen and (max-width:989px){.hero-split-slider.section-frame:has(.hero-split__product){margin-block-end:7.5rem}.hero-split__controls{opacity:0;pointer-events:none}.hero-split__product-media{flex:0 0 4.5rem;width:4.5rem;height:4.5rem;border-radius:12px;background:#f5f6f8;overflow:hidden}.hero-split__media .hero-split__product-media img{position:static;display:block;width:100%;height:100%;object-fit:contain}.hero-split__product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hero-split__product-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:inherit;font-size:.875rem;line-height:1.3;text-decoration:none}.hero-split__product-vendor{margin:0;font-size:.75rem;font-weight:700;line-height:1.2}.hero-split__product-price{display:flex;align-items:baseline;gap:var(--space-2);margin:0;font-size:.9375rem;line-height:1.2}.hero-split__product-price s{font-size:.75rem;opacity:.6}.hero-split__product-add{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-card-cta);color:#fff;cursor:pointer;align-self:flex-end}.hero-split__product-add .icon{display:block;width:20px;height:20px}}@media screen and (min-width:990px){.hero-split__product{position:absolute;inset-inline-start:auto;inset-inline-end:var(--space-4);inset-block-start:auto;inset-block-end:var(--space-4);z-index:2;display:flex;align-items:center;gap:var(--space-3);width:21rem;padding:var(--space-2);border-radius:16px;background:#281c128c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff}.hero-split__product-media{flex:0 0 4.5rem;width:4.5rem;height:4.5rem;border-radius:10px;background:#fff;overflow:hidden}.hero-split__media .hero-split__product-media img{position:static;display:block;width:100%;height:100%;object-fit:contain}.hero-split__product-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.hero-split__product-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:inherit;font-size:.8125rem;line-height:1.3;text-decoration:none}.hero-split__product-vendor{margin:0;font-size:.6875rem;font-weight:700;line-height:1.2}.hero-split__product-price{display:flex;align-items:baseline;gap:var(--space-2);margin:0;font-size:.9375rem;line-height:1.2}.hero-split__product-price s{font-size:.6875rem;opacity:.7}.hero-split__product-add{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:0;border-radius:var(--radius-full);background:var(--color-card-cta);color:#fff;cursor:pointer;align-self:flex-end}.hero-split__product-add .icon{display:block;width:18px;height:18px}}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/hero.css.map */