.section-shop-by-style{position:relative;max-width:1440px;margin:auto}.shop-by-style__container-div{overflow:hidden}.shop-by-style__title-container{justify-content:center;margin-bottom:0}.shop-by-style__title-container h2{margin-top:0;margin-bottom:15px}.shop-by-style-container{width:100%;margin-top:50px}.shop-by-style-img-container{width:100%;position:relative}.shop-by-style-img-container:before{content:"";display:block;width:100%;padding-bottom:calc(44 / 81* 100%)}.shop-by-style-img-container img{position:absolute;top:0;bottom:0;left:0;right:0;display:block;height:100%;width:100%;object-fit:cover}.shop-by-style-item{max-width:none;max-height:none;min-width:auto;min-height:auto;box-sizing:content-box;padding-right:0}.shop-by-style-item-link{text-decoration:none;text-align:center}.shop-by-style-item-link h3{text-transform:inherit;margin-top:9px;margin-bottom:20px}.shop-by-style-button-container{text-align:center;padding-top:50px}.shop-by-style-button-container a{min-height:auto;max-width:138px;padding:9px 8px 8px;width:100%}.shop-by-style__button-wrapper .swipper-nav-btn{z-index:1;display:flex;justify-content:center;transform:translateY(-50%);transition:visibility .2s,opacity .2s;margin-top:0;width:40px;height:40px;visibility:visible;opacity:1;background:none;align-items:center}.shop-by-style__button-wrapper .swiper-button-prev:before{content:"";display:block;width:60px;height:180px;position:absolute;top:-40%;left:-40px;background:var(--color-module-background)}.shop-by-style__button-wrapper .swiper-button-next:after,.shop-by-style__button-wrapper .swiper-button-prev:after{display:block;content:"";width:40px;height:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 9 16'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.438' d='m1 1 7 7-7 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:55% center;background-size:8px;background-color:#fff;border:1px solid #dedede;border-radius:50%}.shop-by-style__button-wrapper .swiper-button-prev:after{rotate:180deg}.shop-by-style__button-wrapper .swiper-button-next.swiper-button-disabled:after,.shop-by-style__button-wrapper .swiper-button-prev.swiper-button-disabled:after{background-color:#f5f5f5}.shop-by-style__button-wrapper .swiper-button-disabled{display:none}.shop-by-style__button-wrapper .swiper-button-next{right:-30px}.shop-by-style__button-wrapper .swiper-button-prev{left:-30px}.shop-by-style__button-wrapper .swiper-button-prev,.shop-by-style__button-wrapper .swiper-button-next{--l-container-padding: 175px;--l-items-per-view: 2;--l-items-padding: 10px;--l-image-aspect-ratio: 1.2;top:calc((min(100vw,1440px) - 2 * var(--l-container-padding) - (var(--l-items-per-view) - 1) * var(--l-items-padding)) / var(--l-items-per-view) / var(--l-image-aspect-ratio) / 2)}@media screen and (max-width: 767px){.shop-by-style-container{padding-left:16px;margin-top:0}.shop-by-style__container-div{padding-top:20px}.shop-by-style-item{flex-basis:calc(50% - 5px);max-width:260px;max-height:230px;min-width:140px;min-height:134px;padding-right:10px;box-sizing:border-box}.shop-by-style__title-container h2{margin-bottom:12px}.shop-by-style-img-container img{padding-right:10px}.shop-by-style-container .swiper-wrapper{column-gap:10px;justify-content:center}.shop-by-style__button-wrapper{display:none}.shop-by-style-button-container{padding-top:16px}.shop-by-style-button-container a{width:100%;max-width:345px;margin:0;padding:15px 10px;height:50px}}@media screen and (min-width: 1024px){.section-shop-by-style .swiper-wrapper{width:100%!important}.shop-by-style__container-div{padding:0 60px}.shop-by-style-item{--l-items-per-view: 6;--l-items-padding: 16px;width:calc((100% - (var(--l-items-per-view) - 1) * var(--l-items-padding)) / var(--l-items-per-view))}.shop-by-style-item-link{padding-right:16px}.shop-by-style__button-wrapper{display:none}.shop-by-style-button-container a{max-width:194px;padding:14px 13px 13px;min-height:50px}}@media screen and (min-width: 1280px){.shop-by-style__container-div{padding:0 80px;margin:0 -5px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-shop-by-style.css.map */