.fragrance-tabs-section .section-header{margin-bottom:40px}.fragrance-tabs-section .section-header h2{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.fragrance-tabs-section .tab-menu{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:48px;padding:0;border:none;list-style:none}.fragrance-tabs-section .tab-button{font-family:var(--font-accent-family);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:10px 20px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:var(--color-body-text, #333);opacity:.5;transition:opacity .3s ease,border-color .3s ease;white-space:nowrap}.fragrance-tabs-section .tab-button:hover{opacity:.8}.fragrance-tabs-section .tab-button[aria-selected=true]{opacity:1;border-bottom-color:var(--color-body-text, #333)}.fragrance-tabs-section .tab-description{max-width:620px;margin:0 auto 40px;text-align:center;font-size:14px;line-height:1.7;opacity:.8}.fragrance-tabs-section .tab-slider-wrapper{position:relative;margin-left:calc(-1 * var(--page-margin-mobile));margin-right:calc(-1 * var(--page-margin-mobile))}.fragrance-tabs-section .tab-swiper{overflow:hidden}.fragrance-tabs-section .tab-swiper .swiper-slide{height:auto}.fragrance-tabs-section .tab-swiper .card-product{width:100%}.fragrance-tabs-section .tab-swiper-nav{position:absolute;top:calc((100% - 80px)/2);transform:translateY(-50%);z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-body-bg, #fff);border:1px solid rgba(0,0,0,.08);border-radius:50%;cursor:pointer;opacity:0;transition:opacity .3s ease,background .2s ease;color:var(--color-body-text, #333);padding:0;box-shadow:0 2px 8px #0000000f}.fragrance-tabs-section .tab-slider-wrapper:hover .tab-swiper-nav:not(.swiper-button-disabled){opacity:1}.fragrance-tabs-section .tab-swiper-nav:hover{background:var(--color-body-text, #333);color:var(--color-body-bg, #fff)}.fragrance-tabs-section .tab-swiper-nav .icon{width:10px;height:10px}.fragrance-tabs-section .tab-swiper-prev{left:calc(var(--page-margin-mobile) - 4px)}.fragrance-tabs-section .tab-swiper-prev .icon{transform:rotate(90deg)}.fragrance-tabs-section .tab-swiper-next{right:calc(var(--page-margin-mobile) + 8px)}.fragrance-tabs-section .tab-swiper-next .icon{transform:rotate(-90deg)}.fragrance-tabs-section .tab-swiper-nav.swiper-button-disabled{opacity:0!important;cursor:default;pointer-events:none}.fragrance-tabs-section .tab-scrollbar{width:100%;height:2px;margin-top:32px;background:#0000001a;border-radius:32px;position:relative}.fragrance-tabs-section .tab-scrollbar .swiper-scrollbar-drag{display:block;background:currentColor;border-radius:32px;height:100%;cursor:grab}.fragrance-tabs-section .tab-scrollbar .swiper-scrollbar-drag:active{cursor:grabbing}.fragrance-tabs-section .tab-content[hidden]{display:none}.fragrance-tabs-section .swiper-slide.slide-out{animation:fragSlideOut .45s cubic-bezier(.16,1,.3,1) both}.fragrance-tabs-section .swiper-slide.slide-in{animation:fragSlideIn 1.8s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--slide-i, 0) * 70ms)}.fragrance-tabs-section .tab-description.slide-out{animation:fragSlideOut .45s cubic-bezier(.16,1,.3,1) both}.fragrance-tabs-section .tab-description.slide-in{animation:fragSlideIn 1.8s cubic-bezier(.16,1,.3,1) both}@keyframes fragSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes fragSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:750px){.fragrance-tabs-section .tab-slider-wrapper{margin-left:calc(-1 * var(--page-margin-tablet));margin-right:calc(-1 * var(--page-margin-tablet))}.fragrance-tabs-section .tab-swiper-prev{left:calc(var(--page-margin-tablet) - 4px)}.fragrance-tabs-section .tab-swiper-next{right:calc(var(--page-margin-tablet) + 8px)}}@media screen and (min-width:1200px){.fragrance-tabs-section .tab-slider-wrapper{margin-left:0;margin-right:0}.fragrance-tabs-section .tab-swiper-prev{left:-4px}.fragrance-tabs-section .tab-swiper-next{right:8px}}@media screen and (min-width:1025px)and (max-width:1199px){.fragrance-tabs-section .tab-slider-wrapper{margin-left:calc(-1 * var(--page-margin-desktop));margin-right:calc(-1 * var(--page-margin-desktop))}.fragrance-tabs-section .tab-swiper-prev{left:calc(var(--page-margin-desktop) - 4px)}.fragrance-tabs-section .tab-swiper-next{right:calc(var(--page-margin-desktop) + 8px)}}@media screen and (max-width:749px){.fragrance-tabs-section .tab-menu{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:32px}.fragrance-tabs-section .tab-button{font-size:11px;padding:8px 14px}.fragrance-tabs-section .tab-description{margin-bottom:28px;font-size:14px;padding:0 var(--page-margin-mobile, 16px)}.fragrance-tabs-section .tab-swiper-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-fragrance-family-tabs.css.map */