.product-complementary-band{margin-block:var(--size-8);padding-block:var(--size-8);background-color:var(--color-text-body-alpha-008)}.product-complementary-band.hide{display:none}.product-complementary-band--pending{visibility:hidden}.product-complementary{display:flex;flex-direction:column;gap:var(--size-6);width:100%}.product-complementary.hide{display:none}.product-complementary__inner{display:flex;flex-direction:column;gap:var(--size-6)}.product-complementary__header{display:flex;align-items:center;justify-content:space-between;gap:var(--size-4);margin-block-end:var(--size-3)}.product-complementary__heading-group{display:flex;flex-direction:column;gap:var(--size-2);min-width:0}.product-complementary__eyebrow{margin:0;font-size:.75rem;font-weight:var(--type-base-weight);letter-spacing:.08em;line-height:1.2;text-transform:uppercase;color:var(--color-button-primary)}.product-complementary__title{margin:0;font-size:1.25rem;font-weight:var(--type-header-weight);line-height:1.25;color:var(--color-body-text)}.product-complementary__nav-group{display:none;flex-shrink:0;align-items:center;gap:var(--size-2)}.product-complementary__nav-group.is-visible{display:inline-flex}.product-complementary__nav{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);padding:0;border:1px solid var(--color-border);border-radius:50%;background-color:var(--color-body);color:var(--color-body-text);cursor:pointer}.product-complementary__nav:disabled{opacity:.35;cursor:not-allowed}.product-complementary__nav .icon{width:var(--size-3);height:var(--size-3)}.product-complementary__content{min-width:0}.product-complementary .product-recommendations__slide{display:block;overflow:visible;width:auto;margin:0;padding:0}.product-complementary product-recommendations[data-intent=complementary]{overflow:visible}.product-complementary__carousel[data-slideshow]{--complementary-per-slide: var(--complementary-per-slide-desktop, 3);--complementary-gap: var(--grid-gutter-small);display:flex;flex-wrap:nowrap;gap:var(--complementary-gap);margin:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.product-complementary__carousel[data-slideshow]::-webkit-scrollbar{display:none}.product-complementary__carousel[data-slideshow].flickity-enabled{display:block;overflow:visible}.product-complementary__carousel .product-recommendations__slide{box-sizing:border-box;flex:0 0 calc((100% - (var(--complementary-per-slide, 3) - 1) * var(--complementary-gap)) / var(--complementary-per-slide, 3));width:calc((100% - (var(--complementary-per-slide, 3) - 1) * var(--complementary-gap)) / var(--complementary-per-slide, 3));min-width:0;padding:0;scroll-snap-align:start}.product-complementary__carousel.flickity-enabled .product-recommendations__slide{margin-right:var(--complementary-gap)}.product-complementary-card{display:flex;align-items:stretch;min-width:0;min-height:100%;padding:var(--size-4);border-radius:var(--roundness);background-color:var(--color-body);box-shadow:0 1px 3px var(--color-text-body-alpha-008)}.product-complementary-card__media{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--size-20)}.product-complementary-card__image{display:block;width:var(--size-20);height:var(--size-20);object-fit:contain}.product-complementary-card__image--placeholder{width:var(--size-20);height:var(--size-20)}.product-complementary-card__divider{flex-shrink:0;align-self:stretch;width:1px;margin-inline:var(--size-4);background-color:var(--color-border)}.product-complementary-card__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--size-2);min-width:0}.product-complementary-card__title{font-weight:var(--type-header-weight);line-height:1.3;text-decoration:none;color:var(--color-body-text)}.product-complementary-card__title:hover{text-decoration:underline}.product-complementary-card__variant{width:100%;max-width:100%;padding:var(--size-2) var(--size-8) var(--size-2) var(--size-3);border:1px solid var(--color-border);border-radius:var(--button-radius);background-color:var(--color-body);color:var(--color-body-text);font-size:.875rem;line-height:1.3;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--size-3) center}.product-complementary-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--size-3);margin-top:auto;padding-top:var(--size-2)}.product-complementary-card__price{font-weight:var(--type-header-weight);color:var(--color-body-text)}.product-complementary-card__add{flex-shrink:0;min-width:0;padding:var(--size-2) var(--size-4);border:1px solid var(--color-button-primary);background-color:var(--color-body);color:var(--color-button-primary);font-size:.875rem;line-height:1.2}.product-complementary-card__add.btn{min-width:0}.product-complementary-card__add.btn:not(:disabled):hover,.product-complementary-card__add.btn:not(:disabled):focus-visible{background-color:var(--color-button-primary-alpha-008);color:var(--color-button-primary)}.product-complementary-card__add:disabled{border-color:var(--color-border);color:var(--color-body-text);opacity:.65}.product-complementary-card__add.btn--loading{pointer-events:none;background-color:var(--color-body);color:transparent;border-color:var(--color-button-primary)}.product-complementary-card__add.btn--loading:hover,.product-complementary-card__add.btn--loading:active{background-color:var(--color-body);color:transparent}.product-complementary-card__add.btn--loading:before{width:var(--size-3);height:var(--size-3);margin-left:calc(var(--size-3) * -.5);margin-top:calc(var(--size-3) * -.5);border-width:2px;border-color:var(--color-button-primary);border-top-color:transparent}@media screen and (min-width:769px)and (max-width:959px){.product-complementary__carousel[data-slideshow]{--complementary-per-slide: var(--complementary-per-slide-tablet, 2)}}@media screen and (max-width:768px){.product-complementary{gap:var(--size-4)}.product-complementary__header{margin-block-end:var(--size-2)}.product-complementary__title{font-size:1.125rem}.product-complementary__carousel .product-recommendations__slide{flex:0 0 100%;width:100%}.product-complementary__carousel--native-scroll .product-recommendations__slide{scroll-snap-stop:always}.product-complementary-band{margin-block:var(--size-4);padding-block:var(--size-4)}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-product-complementary.css.map */