.complementary-products__container{display:flex;flex-direction:column;gap:var(--layout-space-3)}.complementary-products__container slideshow-component{position:relative;display:block}.complementary-products__container slideshow-component .slider-buttons{position:absolute;right:1rem;bottom:.6rem;z-index:4}@media screen and (max-width: 749px){.complementary-products__container slideshow-component .slider-buttons{right:.4rem}}.complementary-products__container slideshow-component .slider-buttons .slider-button--prev,.complementary-products__container slideshow-component .slider-buttons .slider-button--next{display:none}product-recommendations:not(.is-accordion) .complementary-products__container{margin-top:var(--layout-space-3)}.complementary-products__container>details[open]{padding-bottom:3.2rem}.complementary-slider{margin-top:0;gap:0}.complementary-slide{--shadow-padding-sides: calc((var(--shadow-horizontal-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));--shadow-padding-sides-negative: calc((var(--shadow-horizontal-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible))}.complementary-slide>ul{display:flex;flex-direction:column;gap:var(--grid-mobile-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:1.6rem}@media screen and (min-width: 750px){.complementary-slide>ul{gap:var(--grid-desktop-vertical-spacing)}.complementary-slide.complementary-slide--standard>ul{gap:1.6rem}}.complementary-slide.grid__item{width:100%}.complementary-slide .card-wrapper{height:auto}.complementary-products>.summary__title{display:flex;line-height:var(--leading-looser);padding:var(--layout-space-3) 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) * var(--layout-space-4));margin-right:calc(var(--font-heading-scale) * var(--layout-space-2));width:calc(var(--font-heading-scale) * var(--layout-space-4))}.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: 750px) and (max-width: 1200px){.complementary-products__container .card--horizontal .card__inner{max-width:20%}}.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}@media screen and (min-width: 750px){.complementary-products__container slideshow-component{display:block;margin-left:-6px;margin-right:-12px}}.complementary-products-contains-quick-add .underline-links-hover:hover a{text-decoration:initial}.complementary-products-contains-quick-add .card__heading:hover a{text-decoration:underline}.complementary-products__container .card--card .card__inner .card__media{border-radius:calc(var(--corner-radius) - var(--border-width) - var(--image-padding))}.complementary-products__container .card--horizontal .quick-add{margin:0;max-width:calc(var(--layout-space-20) * 2)}.complementary-products__container .quick-add__submit{padding:var(--layout-space-3) 0;min-height:inherit}.complementary-products__container .quick-add__submit .icon-plus{width:var(--layout-space-5)}.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: 750px){.complementary-products__container .price--on-sale .price-item--regular{font-size:var(--text-size-xs)}}
/*# sourceMappingURL=/cdn/shop/t/290/assets/component-complementary-products.css.map */