.fluff-hero-section{background:#fff}.fluff-hero{display:block;width:100%;padding-block:var(--fluff-hero-space-top) var(--fluff-hero-space-bottom)}.fluff-hero--contained{width:min(calc(100% - 32px),1440px);margin-inline:auto}.fluff-hero__viewport{position:relative;width:100%;height:auto;aspect-ratio:12 / 5;overflow:hidden;border-radius:var(--fluff-hero-radius);background:#073b5c;isolation:isolate}.fluff-hero__track,.fluff-hero__slide,.fluff-hero__media,.fluff-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.fluff-hero__slide{z-index:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .42s ease,visibility .42s ease}.fluff-hero__slide.is-active{z-index:1;visibility:visible;opacity:1;pointer-events:auto}.fluff-hero__image,.fluff-hero__placeholder,.fluff-hero__placeholder svg{display:block;width:100%;height:100%}.fluff-hero__image{object-fit:cover;object-position:var(--fluff-desktop-position)}.fluff-hero__placeholder{background:#e4f4f2}.fluff-hero__placeholder svg{object-fit:cover}.fluff-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--fluff-overlay-opacity)}.fluff-hero__button-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;padding:clamp(18px,4vw,72px);direction:ltr;pointer-events:none}.fluff-hero__button-layer--x-left{justify-content:flex-start}.fluff-hero__button-layer--x-center{justify-content:center}.fluff-hero__button-layer--x-right{justify-content:flex-end}.fluff-hero__button-layer--y-top{align-items:flex-start}.fluff-hero__button-layer--y-center{align-items:center}.fluff-hero__button-layer--y-bottom{align-items:flex-end;padding-bottom:clamp(88px,16%,150px)}.fluff-hero__button{display:inline-flex;min-width:132px;min-height:46px;align-items:center;justify-content:center;padding:10px 24px;border:2px solid var(--fluff-button-bg);border-radius:10px;color:var(--fluff-button-color);background:var(--fluff-button-bg);direction:rtl;font-size:16px;font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 6px 20px #052f4c2e;pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background-color .18s ease}.fluff-hero__button--outline{color:var(--fluff-button-bg);background:transparent}.fluff-hero__button:hover{transform:translateY(-2px);box-shadow:0 10px 26px #052f4c47}.fluff-hero__button--outline:hover{color:var(--fluff-button-color);background:var(--fluff-button-bg)}.fluff-hero__arrow{position:absolute;z-index:3;top:50%;display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;padding:0;border:1px solid rgb(255 255 255 / 55%);border-radius:50%;color:#073b5c;background:#ffffffeb;box-shadow:0 8px 24px #052f4c2e;transform:translateY(-50%);transition:transform .18s ease,background-color .18s ease}.fluff-hero__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.fluff-hero__arrow svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.fluff-hero__arrow--previous{left:20px}.fluff-hero__arrow--next{right:20px}.fluff-hero__dots{position:absolute;z-index:3;bottom:18px;left:50%;display:flex;gap:9px;align-items:center;transform:translate(-50%)}.fluff-hero__dot{width:10px;height:10px;padding:0;border:1px solid rgb(255 255 255 / 90%);border-radius:999px;background:#ffffff7a;box-shadow:0 2px 8px #052f4c38;transition:width .18s ease,background-color .18s ease}.fluff-hero__dot.is-active{width:28px;background:#fff}.fluff-hero :is(button,a):focus-visible{outline:3px solid #f8c54d;outline-offset:3px}.fluff-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:749px){.fluff-hero--contained{width:min(calc(100% - 20px),1440px)}.fluff-hero__viewport{height:var(--fluff-hero-mobile-height)}.fluff-hero__image{object-position:var(--fluff-mobile-position)}.fluff-hero__slide--desktop-mobile-fallback .fluff-hero__media{inset:0 0 auto;height:auto;aspect-ratio:1942 / 809}.fluff-hero__viewport:has(.fluff-hero__slide--desktop-mobile-fallback.is-active) .fluff-hero__arrow{top:auto;bottom:28px;width:34px;height:34px;transform:none}.fluff-hero__viewport:has(.fluff-hero__slide--desktop-mobile-fallback.is-active) .fluff-hero__arrow:hover{transform:scale(1.05)}.fluff-hero__viewport:has(.fluff-hero__slide--desktop-mobile-fallback.is-active) .fluff-hero__arrow--previous{right:54px;left:auto}.fluff-hero__viewport:has(.fluff-hero__slide--desktop-mobile-fallback.is-active) .fluff-hero__arrow--next{right:12px}.fluff-hero__button-layer{padding:10px 12px}.fluff-hero__button-layer--y-bottom{padding-bottom:14px}.fluff-hero__button{min-width:104px;min-height:44px;padding:8px 16px;border-radius:9px;font-size:14px}.fluff-hero__arrow{width:38px;height:38px}.fluff-hero__arrow--previous{left:8px}.fluff-hero__arrow--next{right:8px}.fluff-hero__dots{bottom:8px;gap:7px}.fluff-hero__dot{width:8px;height:8px}.fluff-hero__dot.is-active{width:22px}}@media(prefers-reduced-motion:reduce){.fluff-hero__slide,.fluff-hero__button,.fluff-hero__arrow,.fluff-hero__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/fluff-hero-slider.css.map */
