.complementary-products__container{display:flex;flex-direction:column;gap:1.3rem}product-recommendations:not(.is-accordion) .complementary-products__container{margin-top:1.5rem}.complementary-products__container>details[open]{padding-bottom:1.5rem}.complementary-slider{margin-top:0}.complementary-slider .slider__slide{padding-right:1px}.complementary-slide>ul{display:flex;flex-direction:column;gap:var(--grid-mobile-vertical-spacing);height:100%}.complementary-slide>ul li{height:100%}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-mobile-vertical-spacing) + 8px)}product-recommendations .price,product-recommendations .card_info_wrapper{justify-content:var(--text-alignment);text-align:var(--text-alignment)}product-recommendations .product_card_wrap.card--card{border-radius:var(--primary-corner-radius)!important}product-recommendations .slider.slider--everywhere .slider__slide{scroll-snap-align:start;padding-bottom:1px}.product--thumbnail product-recommendations .product__media-item:first-child{display:block}@media screen and (min-width: 768px){.complementary-slide>ul{gap:var(--grid-desktop-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:calc(var(--grid-desktop-vertical-spacing) + 8px)}}.complementary-slide .card-wrapper{height:100%}.complementary-products>.summary__title{display:flex;line-height:1;padding:1.5rem 0}.accordion+product-recommendations .accordion,product-recommendations.is-accordion+.accordion{margin-top:0;border-top:none}.complementary-products>.summary__title .icon-accordion{fill:rgb(var(--color-foreground));height:calc(var(--font-heading-scale) * 2rem);margin-right:calc(var(--font-heading-scale) * 1rem);width:calc(var(--font-heading-scale) * 2rem)}.complementary-products__container .card--card .card__content,.complementary-products__container .card--horizontal .card__information{padding:0}.complementary-products__container .card--horizontal .card__inner{max-width:20%}@media screen and (min-width: 768px) and (max-width: 1200px){.complementary-products__container .card--horizontal .card__inner{max-width:25%}}@media (max-width: 575px){.complementary-slider .slider__slide{width:calc(50% - var(--grid-mobile-horizontal-spacing) * 1 / 2);max-width:calc(50% - var(--grid-mobile-horizontal-spacing) * 1 / 2)}}@media screen and (min-width: 576px) and (max-width: 767px){.complementary-slider .slider__slide{width:calc(50% - var(--grid-mobile-horizontal-spacing) * 1 / 2);max-width:calc(50% - var(--grid-mobile-horizontal-spacing) * 1 / 2)}.complementary-slider.grid--3-col-desktop .slider__slide{width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3);max-width:calc(33.33% - var(--grid-mobile-horizontal-spacing) * 2 / 3)}}.complementary-slide .card--text .card__content{grid-template-rows:minmax(0,1fr) max-content auto}.complementary-products__container .card--card.card--media>.card__content{margin-top:0}.complementary-products-contains-quick-add .underline-links-hover:hover a{text-decoration:initial}.complementary-products__container .card--card .card__inner .card__media{border-radius:calc(var(--primary-corner-radius) - var(--border-width))}.complementary-products__container .card--horizontal .quick-add{margin:0;max-width:20rem}.complementary-products__container .quick-add__submit{padding:1.5rem 0;min-height:inherit}.complementary-products__container .quick-add__submit .icon-plus{width:1.2rem}.complementary-products__container .icon-wrap{display:flex}.complementary-products .sold-out-message:not(.hidden)+.icon-wrap{display:none}.complementary-products__container .quick-add__submit:not(.animate-arrow) .icon-wrap{transition:transform var(--duration-short) ease}.complementary-products__container .quick-add__submit:not(.animate-arrow):hover .icon-wrap{transform:rotate(90deg)}.complementary-products__container .quick-add__submit:after,.complementary-products__container .quick-add__submit:hover:after{box-shadow:none}.complementary-products__container .card--horizontal .quick-add,.complementary-products__container .card__badge{justify-self:var(--text-alignment)}.product--no-media .complementary-products__container .price{text-align:var(--text-alignment)}@media screen and (min-width: 768px){.complementary-products__container .price--on-sale .price-item--regular{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/component-complementary-products.css.map */