byte-complementary-products{display:block;--byte-complementary-gap: .8rem;--byte-complementary-visible: 3}.byte-complementary-products__content{padding-left:0;padding-right:0;overflow:visible}.byte-complementary-products__track-wrap{position:relative}.byte-complementary-products__list{display:flex;gap:var(--byte-complementary-gap);margin:0;padding:0;list-style:none}.byte-complementary-products__list--static{flex-wrap:nowrap}.byte-complementary-products__list--static .byte-complementary-products__item{flex:1 1 0;min-width:0;max-width:calc((100% - (var(--byte-complementary-gap) * (var(--byte-complementary-visible) - 1))) / var(--byte-complementary-visible))}.byte-complementary-products__list--slider{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.2rem}.byte-complementary-products__list--slider::-webkit-scrollbar{display:none}.byte-complementary-products__list--slider .byte-complementary-products__item{flex:0 0 calc((100% - (var(--byte-complementary-gap) * (var(--byte-complementary-visible) - 1))) / var(--byte-complementary-visible));min-width:calc((100% - (var(--byte-complementary-gap) * (var(--byte-complementary-visible) - 1))) / var(--byte-complementary-visible));scroll-snap-align:start}.byte-complementary-products__nav{display:none;align-items:center;justify-content:center;gap:.4rem;margin-top:1.25rem}byte-complementary-products.is-slider.has-overflow .byte-complementary-products__nav{display:flex}.byte-complementary-products__nav-button{display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:rgba(var(--color-foreground),.75);cursor:pointer;transition:color var(--byte-transition-duration, .2s) ease,border-color var(--byte-transition-duration, .2s) ease}.byte-complementary-products__nav-button:not([disabled]):hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.35)}.byte-complementary-products__nav-button[disabled]{opacity:.35;cursor:not-allowed}.byte-complementary-products__nav-button--prev .svg-wrapper{transform:rotate(90deg)}.byte-complementary-products__nav-button--next .svg-wrapper{transform:rotate(-90deg)}.byte-complementary-products__nav-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-complementary-products__card{position:relative;display:block;overflow:hidden;border-radius:var(--byte-radius-sm, .25rem);text-decoration:none;color:inherit}.byte-complementary-products__card--square{aspect-ratio:1 / 1}.byte-complementary-products__card--portrait{aspect-ratio:4 / 5}.byte-complementary-products__media{position:absolute;top:0;right:0;bottom:0;left:0}.byte-complementary-products__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--byte-transition-duration, .2s) ease}.byte-complementary-products__image--placeholder{background:rgba(var(--color-foreground),.04)}.byte-complementary-products__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:.4rem;padding:.8rem;background:linear-gradient(180deg,#0000 30%,#000000b8);color:#fff;opacity:0;transition:opacity var(--byte-transition-duration, .2s) ease;pointer-events:none}.byte-complementary-products__title{font-size:1.2rem;line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.byte-complementary-products__ebat{font-size:1.1rem;line-height:1.3;font-weight:400;opacity:.85}.byte-complementary-products__price{font-size:1.3rem;font-weight:600}.byte-complementary-products__price .price{margin:0}.byte-complementary-products__price .price__regular .price-item--regular,.byte-complementary-products__price .price__sale .price-item--sale{color:#fff}.byte-complementary-products__price .price__sale .price-item--regular{color:#ffffffb3}.byte-complementary-products__card:focus-visible .byte-complementary-products__image{transform:scale(1.04)}.byte-complementary-products__card:focus-visible .byte-complementary-products__overlay{opacity:1}@media(hover:hover){.byte-complementary-products__card:hover .byte-complementary-products__image{transform:scale(1.04)}.byte-complementary-products__card:hover .byte-complementary-products__overlay{opacity:1}}.byte-complementary-products__card:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (max-width:749px){byte-complementary-products{--byte-complementary-gap: .6rem;--byte-complementary-visible: 2}.byte-complementary-products__title{font-size:1.1rem}.byte-complementary-products__ebat{font-size:1rem}.byte-complementary-products__price{font-size:1.2rem}.byte-complementary-products__overlay{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/byte-complementary-products.css.map */