.complementary{min-width:0;padding-top:var(--section-pt, 2rem);padding-bottom:var(--section-pb, 3rem);border-top:1px solid var(--color-border)}.complementary:not(.is-loaded):not(:has(.complementary-card)){padding-block:0;border-top:0}.complementary[hidden]{display:none}.complementary__wrap,.complementary__slider-wrap{display:block;min-width:0}.complementary__heading{margin-bottom:clamp(1.25rem,3vw,2rem);font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:.04em;text-align:center}.complementary__track{--slide-width: 62%;--slide-gap: .75rem;position:relative;margin:0;padding:0;list-style:none}.complementary__track.is-dragging{scroll-snap-type:none;cursor:grabbing}.complementary-card{display:grid;grid-template-rows:auto 1fr;gap:.85rem;height:100%}.complementary-card__media{--media-ratio: 4 / 5;display:block}.complementary-card__media img{transition:opacity var(--dur-slow) var(--ease-luxe),transform 1.2s var(--ease-luxe)}.complementary-card__media-alt{opacity:0}html .complementary-card__media.is-fit{background:var(--fit-bg)}.complementary-card__media img.is-fit{translate:var(--fit-x, 0) var(--fit-y, 0);scale:var(--fit-scale, 1);background:var(--fit-bg);mix-blend-mode:normal}.complementary-card__badge{position:absolute;top:.65rem;left:.65rem;z-index:1}@media(hover:hover){.complementary-card:hover .complementary-card__media-alt{opacity:1}.complementary-card:hover .complementary-card__media img{transform:scale(1.03)}}.complementary-card__body{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.complementary-card__title{display:-webkit-box;min-height:2.7em;overflow:hidden;font-family:var(--font-body--family);font-size:.74rem;font-weight:700;letter-spacing:.1em;line-height:1.35;text-transform:uppercase;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.complementary-card__title a{text-decoration:none}.complementary-card__price{display:flex;justify-content:center;gap:.5rem;font-size:.82rem;font-variant-numeric:tabular-nums}.complementary-card__cta{min-height:3rem;margin-top:auto;font-size:.7rem}@media(min-width:750px){.complementary__track{--slide-width: calc((100% - 2 * var(--slide-gap)) / 3)}}@media(min-width:990px){.complementary__track{--slide-width: calc((100% - 3 * var(--slide-gap)) / 4);--slide-gap: 1rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-complementary-products.css.map */
