.complementary-products__container{display:flex;flex-direction:column;gap:1.6rem}product-recommendations:not(.is-accordion) .complementary-products__container{margin-top:2.4rem}.complementary-products__heading{margin:0;font-family:var(--font-body-family);font-size:1.5rem;font-weight:500;line-height:1.3;letter-spacing:0;color:rgba(var(--color-foreground),.55)}slider-component.complementary-products__slider{display:block;width:100%;max-width:100%;min-width:0}.complementary-products__container .complementary-slider.slider.slider--everywhere{display:flex;flex-wrap:nowrap;gap:1.6rem;width:100%;max-width:100%;min-width:0;margin-top:0;margin-bottom:0;overflow-x:auto;scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;overscroll-behavior-x:contain}@media(hover:none),(pointer:coarse){.complementary-products__container .complementary-slider.slider.slider--everywhere{cursor:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}.complementary-products__container .complementary-slider.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.complementary-products__container .complementary-slider.is-dragging a{pointer-events:none}.complementary-slider::-webkit-scrollbar{display:none}.complementary-products__container .slider.slider--everywhere .complementary-slide.slider__slide{flex:0 0 calc((100% - 3.2rem)*.4);width:calc((100% - 3.2rem)*.4);max-width:none;scroll-snap-align:start}.comp-card__media{position:relative;background:#f3f3f3;aspect-ratio:1}.comp-card__media-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.comp-card__image{width:100%;height:100%;object-fit:contain}.complementary-products__container .quick-add{position:absolute;right:1rem;bottom:1rem;z-index:2;margin:0;width:auto}.complementary-products__container .quick-add,.complementary-products__container .quick-add .form{width:3.6rem}.comp-card__add,.complementary-products__container .comp-card__add.quick-add__submit{display:flex;align-items:center;justify-content:center;width:3.6rem;min-width:3.6rem;max-width:3.6rem;height:3.6rem;margin:0;padding:0;border:0;border-radius:50%;background:#fff200;color:#111;cursor:pointer;text-decoration:none}.comp-card__add:hover{background:#ffe600}.comp-card__add:disabled{opacity:.45;cursor:not-allowed}.comp-card__add .loading__spinner{position:absolute;width:1.6rem;height:1.6rem}.comp-card__add.loading .comp-card__plus{opacity:0}.comp-card__plus{display:flex;width:1.4rem;height:1.4rem}.comp-card__plus .icon,.comp-card__plus svg{width:1.4rem;height:1.4rem}.comp-card__title{margin:1.2rem 0 0;font-size:1.4rem;font-weight:700;line-height:1.35}.comp-card__title a{color:rgb(var(--color-foreground));text-decoration:none}.comp-card__title a:hover{text-decoration:underline}.comp-card__prices{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;margin-top:.6rem}.comp-card__price{font-size:1.4rem;font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.comp-card__compare{font-size:1.3rem;line-height:1.2;color:rgba(var(--color-foreground),.45);text-decoration:line-through}.comp-card__badge{display:inline-flex;align-items:center;padding:.3rem .45rem;background:#e4cbfc;color:#111;font-size:1.2rem;font-weight:600;line-height:1}.comp-card__subtitle{margin:.8rem 0 0;color:rgba(var(--color-foreground),.55);font-size:1.3rem;line-height:1.4}.complementary-products__container .slider-buttons{display:flex;align-items:center;gap:.8rem;margin-top:.4rem;border:0}.complementary-products__progress{flex:1;height:.5rem;background:rgba(var(--color-foreground),.15)}.complementary-products__progress-bar{display:block;width:33%;height:100%;background:rgb(var(--color-foreground));transition:width .3s ease}.complementary-products__container .slider-counter,.complementary-products__container .slider-button{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media screen and (max-width:768px){.complementary-products__container .slider.slider--everywhere .complementary-slide.slider__slide{flex:0 0 calc((100% - 1.6rem) / 1.5);width:calc((100% - 1.6rem) / 1.5)}.comp-card__title,.comp-card__price{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-complementary-products.css.map */
