.complementary-carousel{display:block}.complementary-carousel__inner{display:block;margin-bottom:20px}.complementary-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.complementary-carousel__heading{margin:0;color:var(--color-heading);font-size:var(--cc-heading-size, 17px);line-height:1.3;letter-spacing:normal;text-transform:none}.complementary-carousel__controls{display:flex;align-items:center;flex-shrink:0;margin-inline-start:auto;color:var(--color-body);font-size:.875rem;font-variant-numeric:tabular-nums}.complementary-carousel__arrow{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.complementary-carousel__arrow svg{width:15px;height:15px}.complementary-carousel__arrow--next svg,[dir=rtl] .complementary-carousel__arrow:not(.complementary-carousel__arrow--next) svg{transform:scaleX(-1)}[dir=rtl] .complementary-carousel__arrow--next svg{transform:none}.complementary-carousel__arrow:focus-visible,.complementary-card__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.complementary-carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.complementary-carousel__track::-webkit-scrollbar{display:none}@media(prefers-reduced-motion:no-preference){.complementary-carousel__track{scroll-behavior:smooth}}.complementary-carousel__slide{display:grid;gap:10px;align-content:start;scroll-snap-align:start;min-width:0}.complementary-card{display:grid;grid-template-columns:var(--cc-image-width, 101px) minmax(0,1fr) auto;align-items:center;gap:20px;padding:12px;background:var(--cc-card-bg, #f5f5f5)}.complementary-card__media{display:block;aspect-ratio:var(--cc-image-ratio, 2 / 3);overflow:hidden;background:rgba(var(--color-body-rgb),.06)}.complementary-card__media img,.complementary-card__media svg{display:block;width:100%;height:100%;object-fit:cover}.complementary-card__info{display:grid;gap:6px;min-width:0}.complementary-card__vendor{margin:0;color:rgba(var(--color-body-rgb),.75);font-size:.8125rem;line-height:1.3}.complementary-card__title{margin:0;font-family:inherit;font-size:.9375rem;font-weight:inherit;line-height:1.35;letter-spacing:normal;text-transform:none}.complementary-card__title a{color:var(--color-body);text-decoration:none}.complementary-card__title a:hover{text-decoration:underline;text-underline-offset:2px}.complementary-card .price{margin-top:6px;font-size:.9375rem;font-weight:var(--font-body-bold-weight, 600)}.complementary-card__action{display:block}.complementary-card__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:47px;height:47px;padding:0;border:0;border-radius:50%;background:var(--solid-button-background, #2c2d2e);color:var(--solid-button-label, #fff);--color-header-icons: var(--solid-button-label, #fff);--color-body: var(--solid-button-label, #fff);cursor:pointer;transition:background-color .2s ease,transform .2s ease}.complementary-card__icon{display:inline-flex;line-height:0}.complementary-card__icon svg{width:17px;height:15px}.complementary-card__icon--bag svg{width:15px;height:17px}@media(hover:hover){.complementary-card__button:hover{background:var(--solid-button-background-hover, #1f2021);transform:scale(1.06)}}.complementary-card__button .loading-overlay{width:21px;height:21px}.complementary-card__button.loading .complementary-card__icon,.loading .complementary-card__button .complementary-card__icon{opacity:0}@media(max-width:767px){.complementary-card{grid-template-columns:var(--cc-image-width-mobile, var(--cc-image-width, 101px)) minmax(0,1fr) auto}.complementary-card__button{width:40px;height:40px}}@media(max-width:480px){.complementary-card{gap:14px;padding:10px}}@media(prefers-contrast:more){.complementary-card__vendor{color:var(--color-body)}.complementary-card__button{outline:1px solid var(--solid-button-label, #fff);outline-offset:-3px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/complementary-products-carousel.css.map */