.shop-by-fit{position:relative;padding-top:var(--pt-mobile);padding-bottom:var(--pb-mobile)}@media(min-width:768px){.shop-by-fit{padding-top:var(--pt-desktop);padding-bottom:var(--pb-desktop)}}.shop-by-fit__heading{text-align:center;margin-bottom:32px}.shop-by-fit__heading h3{font-size:20px;font-weight:400;margin:0;text-transform:uppercase;letter-spacing:.15em}.shop-by-fit__grid{display:flex;gap:6px}.shop-by-fit__item{flex:1 1 0%;min-width:0;text-align:center}.shop-by-fit__trigger{display:block;width:100%;padding:0;margin:0;border:none;background:none;cursor:pointer;position:relative;text-align:center;transition:opacity .3s ease}.shop-by-fit__trigger:hover{opacity:.85}.shop-by-fit__image{margin:0;overflow:hidden;aspect-ratio:3/4;position:relative;background:#e8e6e1}.shop-by-fit__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.shop-by-fit__trigger:hover .shop-by-fit__image img{transform:scale(1.03)}.shop-by-fit__image--placeholder{background:#f8f7f4;display:flex;align-items:center;justify-content:center}.shop-by-fit__image--placeholder svg{width:60%;height:auto;opacity:.3}.shop-by-fit__label{display:block;font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:#000;font-size:13px;margin-top:10px;transition:opacity .2s}.shop-by-fit__trigger[aria-expanded=true]+.shop-by-fit__label{font-weight:600}.shop-by-fit__arrow{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #F8F7F4;z-index:3;transition:left .3s ease}.shop-by-fit__carousel{background:#f8f7f4;padding:32px 0 40px;margin-top:14px;overflow:hidden;position:relative}.shop-by-fit__carousel .swiper{overflow:hidden}.shop-by-fit__carousel .swiper-slide{border-left:2px solid #F8F7F4;border-right:2px solid #F8F7F4;box-sizing:border-box}.shop-by-fit__carousel .swiper-button-prev,.shop-by-fit__carousel .swiper-button-next{position:absolute;top:40%;z-index:12;opacity:.7;transform:rotate(-90deg);cursor:pointer;transition:opacity .2s}.shop-by-fit__carousel .swiper-button-prev:hover,.shop-by-fit__carousel .swiper-button-next:hover{opacity:1}.shop-by-fit__carousel .swiper-button-prev svg,.shop-by-fit__carousel .swiper-button-next svg{height:16px;width:auto}.shop-by-fit__carousel .swiper-button-prev svg path,.shop-by-fit__carousel .swiper-button-next svg path{stroke:#000}.shop-by-fit__carousel .swiper-button-prev{left:8px;transform:rotate(90deg)}.shop-by-fit__carousel .swiper-button-next{right:8px}.shop-by-fit__carousel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.shop-by-fit__carousel-header h4{font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.12em;margin:0}.shop-by-fit__close{background:none;border:none;cursor:pointer;padding:8px;opacity:.5;transition:opacity .2s ease}.shop-by-fit__close:hover{opacity:1}.shop-by-fit__carousel-more{text-align:center;margin-top:24px}.shop-by-fit__view-all{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#000;text-decoration:none;transition:opacity .2s ease}.shop-by-fit__view-all:hover{opacity:.7}.shop-by-fit__view-all svg{width:20px;height:auto}@media(max-width:767px){.shop-by-fit__grid{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:8px;justify-content:flex-start}.shop-by-fit__grid::-webkit-scrollbar{display:none}.shop-by-fit__item{flex:0 0 44vw;scroll-snap-align:start}.shop-by-fit__label{font-size:11px;margin-top:6px}.shop-by-fit__carousel{padding:20px 0 28px}.shop-by-fit__carousel .swiper-slide{border:0}}.shop-by-fit .bottom-title{display:flex;justify-content:space-between;padding:10px 0 0}.shop-by-fit .bottom-title h4{margin:0;font-size:13px;line-height:1.3}.shop-by-fit .bottom-title .price{white-space:nowrap;flex-shrink:0;margin-left:10px;text-align:right;color:#000}.shop-by-fit .bottom-title .price__current{display:block;font-size:13px;letter-spacing:.05em}.shop-by-fit .bottom-title .price__old{display:inline-block;font-size:12px;opacity:.5;text-decoration:line-through;margin-top:2px}
/*# sourceMappingURL=/cdn/shop/t/66/assets/shop-by-fit.css.map */