featured-collection{--slider-gap: var(--grid-mobile-horizontal-spacing);--slider-gap-tb: var(--grid-desktop-horizontal-spacing);--slider-gap-pc: var(--grid-desktop-horizontal-spacing);display:block}.featured-collection .swiper{margin-top:0}@media screen and (max-width:989px){featured-collection .title-wrapper>.slider-navigation{display:none}featured-collection:has(.swiper-scrollbar[style*="display: none"]) .slider-navigation--bottom{margin-top:0!important}featured-collection .swiper-wrapper{margin-bottom:calc(var(--button-space-top) + 1rem)}.featured-collection .slider-navigation--bottom{margin-top:var(--button-space-top-mobile);justify-content:center}}@media screen and (min-width:990px){featured-collection.collection .collection__title{margin-bottom:3rem}.featured-collection .title:last-child{margin-bottom:0}featured-collection .swiper-scrollbar{display:none}featured-collection .collection__title:where(:has(.slider-navigation,.collection__view-all)){display:flex;justify-content:space-between;align-items:center;gap:1.5rem}featured-collection .collection__title .collection__view-all :is(.button,.link){margin:0;white-space:nowrap}}@media screen and (min-width:990px){featured-collection .slider-mobile-gutter:has(.swiper){display:flex;padding:0;max-width:100%;margin-left:5rem}}@media screen and (min-width:1200px){featured-collection .slider-mobile-gutter:has(.swiper){padding:0 0 0 5rem;grid-column:2 / 4;margin-left:0;max-width:100%}featured-collection .collection__main-content:has(.swiper){display:grid;grid-template-columns:1fr min(100%,var(--page-width)) 1fr}}.no-js .featured-collection .swiper-button{display:none}.no-js .featured-collection :is(.swiper,.swiper-wrapper,.slider-mobile-gutter){width:100%}.no-js .featured-collection .swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-bottom:1rem;padding-bottom:1rem}.no-js .featured-collection .swiper-wrapper{column-gap:var(--slider-gap)}@media screen and (min-width:640px){.no-js .featured-collection .swiper-wrapper{column-gap:var(--slider-gap-tb)}}@media screen and (min-width:1024px){.no-js .featured-collection .swiper-wrapper{column-gap:var(--slider-gap-pc)}}featured-collection[data-arrow=top] .collection__title .slider-navigation{display:flex}featured-collection[data-arrow=top] .collection__title .collection__view-all{display:none!important}featured-collection[data-arrow=top]>.collection>.collection__view-all{display:block!important}featured-collection[data-arrow=side] .collection__title .slider-navigation{display:none!important}@media(min-width:990px){featured-collection[data-arrow=side] .collection__title .collection__view-all{display:block!important;margin:0}}featured-collection[data-arrow=side]>.collection>.collection__view-all{display:none!important}@media(min-width:990px){featured-collection[data-arrow=side]{position:relative}featured-collection[data-arrow=side] .slider-navigation--bottom{display:flex!important;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);justify-content:space-between;pointer-events:none;padding:0 1rem;z-index:6}featured-collection[data-arrow=side] .slider-navigation--bottom .swiper-button{pointer-events:auto;width:42px;height:42px;min-width:42px;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.15);box-shadow:0 4px 12px #0000001f;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}featured-collection[data-arrow=side] .swiper-button:hover{transform:scale(1.08);box-shadow:0 6px 18px #0000002e}featured-collection[data-arrow=side] .swiper-button svg{width:16px;height:16px}}featured-collection .collection__title .collection__view-all .button{white-space:nowrap;border-radius:999px;padding:.6em 1.4em;font-weight:600}@media(max-width:989px){featured-collection[data-arrow=side] .collection__title{display:flex;justify-content:space-between;align-items:center;gap:1rem}featured-collection[data-arrow=side] .collection__title>div:first-child{flex:1}featured-collection[data-arrow=side] .collection__title .collection__view-all{margin-top:0}}@media(max-width:989px){featured-collection[data-arrow=side]>.collection>.collection__view-all{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-featured-collection.css.map */