.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;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:calc(var(--grid-mobile-vertical-spacing) + 8px)}@media screen and (min-width:750px){.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.grid__item{width:100%;padding-top:max(var(--focus-outline-padding),var(--shadow-padding-top));padding-bottom:max(var(--focus-outline-padding),var(--shadow-padding-bottom));padding-right:max(var(--focus-outline-padding),var(--shadow-padding-sides));padding-left:max(var(--focus-outline-padding),var(--shadow-padding-sides-negative))}.complementary-slide .card-wrapper{height:auto}.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:750px)and (max-width:1200px){.complementary-products__container .card--horizontal .card__inner{max-width:25%}}.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-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: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:750px){.complementary-products__container .price--on-sale .price-item--regular{font-size:1.3rem}}.complementary-products__container .complementary-slide>ul{flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:1.4rem;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:.3rem;scrollbar-width:thin}.complementary-products__container .complementary-slide>ul>li{flex:1 1 0;min-width:14rem;scroll-snap-align:start;display:flex}.complementary-products__container .complementary-slide>ul::-webkit-scrollbar{height:4px}.complementary-products__container .complementary-slide>ul::-webkit-scrollbar-thumb{background:#1f1f2e2e;border-radius:999px}.complementary-products__container .card-wrapper,.complementary-products__container .card--horizontal{width:100%}.complementary-products__container .card.card--horizontal{flex-direction:column;align-items:stretch;gap:.9rem;--text-alignment: center;height:100%;padding:0;background:transparent;border:0}.complementary-products__container .card--horizontal .card__inner{max-width:none;width:100%;border-radius:1rem;overflow:hidden;background-color:rgb(var(--color-background))}.complementary-products__container .card--horizontal .card__media,.complementary-products__container .card--horizontal .card__inner .card__media{border-radius:1rem}.complementary-products__container .card--horizontal .card__inner.ratio:before{padding-bottom:100%}.complementary-products__container .card--horizontal .card__inner img{object-fit:contain;padding:1.2rem;box-sizing:border-box}.complementary-products__container .card--horizontal .card__information{padding:0;text-align:center;flex:1 1 auto}.complementary-products__container .card--horizontal .card__heading{margin:0;font-size:1.3rem;font-weight:500;line-height:1.35;color:#1f1f2e}.complementary-products__container .card--horizontal .card__heading a{display:block;padding:.4rem .2rem;text-decoration:none;color:inherit}.complementary-products__container .card--horizontal .card__heading a:focus-visible{outline:.2rem solid #1f1f2e;outline-offset:.2rem}.complementary-products__container .card--horizontal .quick-add{max-width:none;width:100%;margin:0}.complementary-products__container .quick-add__submit,.complementary-products__container .quick-add__submit.button--secondary,.complementary-products__container .card--horizontal__quick-add{display:flex;align-items:center;justify-content:center;gap:.6rem;box-sizing:border-box;width:100%;min-height:4.4rem;padding:.9rem 1.2rem;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:.1rem solid rgb(var(--color-button));border-radius:.8rem;font-size:1.3rem;font-weight:600;letter-spacing:.01em;line-height:1.2;box-shadow:none;transition:background-color .15s ease,border-color .15s ease}.complementary-products__container .quick-add__submit:before,.complementary-products__container .quick-add__submit:after,.complementary-products__container .quick-add__submit:hover:after{display:none;box-shadow:none}.complementary-products__container .quick-add__submit:focus-visible{outline:.2rem solid #1f1f2e;outline-offset:.2rem}.complementary-products__container .quick-add__submit:hover:not([disabled]){background-image:linear-gradient(#0000001f,#0000001f)}.complementary-products__container .quick-add__submit[disabled]{background:#eeeef4;color:#5c5c70;border-color:#c9c9d4;cursor:not-allowed}.complementary-products__container .quick-add__submit .icon-wrap svg,.complementary-products__container .quick-add__submit .icon-plus{width:1.2rem;height:1.2rem;color:currentColor;fill:currentColor}.complementary-products .summary__title .accordion__title{margin:0;font-size:1.9rem;font-weight:600;line-height:1.3;color:#1f1f2e}.complementary-products__container .slider-buttons .slider-button{min-width:4.4rem;min-height:4.4rem;border-radius:50%;color:#1f1f2e}.complementary-products__container .slider-buttons .slider-button:focus-visible{outline:.2rem solid #1f1f2e;outline-offset:.2rem}@media screen and (max-width:749px){.complementary-products__container .complementary-slide>ul{gap:1rem}.complementary-products__container .complementary-slide>ul>li{flex:0 0 13.5rem;min-width:13.5rem}.complementary-products .summary__title .accordion__title{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.complementary-products__container .quick-add__submit{transition:none}.complementary-products__container .quick-add__submit:not(.animate-arrow) .icon-wrap,.complementary-products__container .quick-add__submit:not(.animate-arrow):hover .icon-wrap{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-complementary-products.css.map */