.related-products{overflow:hidden}.related-products__header{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:2.4rem;display:flex}.related-products__view-all-button{color:var(--color-bark);flex-shrink:0;line-height:1;text-decoration:none;position:relative}.related-products__view-all-button:after{content:"";background-color:var(--color-bark);transform-origin:0 100%;width:100%;height:.1rem;transition:transform .3s ease-in-out;position:absolute;bottom:-1.6rem;left:0;transform:scaleX(1)}.related-products__view-all-button:hover:after{transform-origin:100% 100%;transform:scaleX(0)}.related-products__filters{margin-bottom:2.4rem}.related-products__filter-label{color:var(--color-bark);margin-bottom:1.2rem}.related-products__filter-list{flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.related-products__filter-item{display:inline-flex}.related-products__filter-item.disabled{opacity:.5;pointer-events:none}.related-products__filter-link{background-color:var(--color-off-white);border:.1rem solid var(--color-bark);color:var(--color-bark);white-space:nowrap;border-radius:.4rem;align-items:center;gap:.4rem;padding:.8rem 1.6rem;text-decoration:none;transition:all .3s;display:inline-flex}.related-products__filter-link:hover,.related-products__filter-item.active .related-products__filter-link{background-color:var(--color-bark);color:var(--color-off-white)}.related-products__filter-count{opacity:.8;font-size:1.2rem}.related-products__filter-link--view-more{border-color:var(--color-bark);background-color:#0000}.related-products__filter-link--view-more:hover{background-color:var(--color-bark);color:var(--color-off-white)}.related-products__slider swiper-container::part(container){overflow:visible}.related-products__slider swiper-slide{height:auto}.related-products__controls{align-items:center;gap:var(--spacing-4xl);margin-top:var(--spacing-2xl);display:flex;position:relative}.related-products__nav-buttons{align-items:center;gap:var(--spacing-xl);display:flex}@media screen and (min-width:768px){.related-products__header,.related-products__filters{margin-bottom:3.2rem}.related-products__filter-label{margin-bottom:1.6rem}.related-products__filter-list{gap:1.2rem}.related-products__controls{margin-top:var(--spacing-3xl)}}@media screen and (min-width:1600px){.related-products__slider swiper-container::part(container){overflow:hidden}}
