.byte-pdp-compatible-products{--byte-pdp-compatible-panel-radius: 16px;--byte-pdp-compatible-card-radius: 12px;--byte-pdp-compatible-panel-bg: #ffffff;--byte-pdp-compatible-panel-border: #e7e1d9;--byte-pdp-compatible-card-bg: #fbfaf8;--byte-pdp-compatible-card-border: #e7e1d9;--byte-pdp-compatible-type: #9ca3af;--byte-pdp-compatible-type-full: #16a34a;--byte-pdp-compatible-accent: var(--color-accent, #ea9735);background-color:var(--color-background);color:var(--color-foreground);overflow-x:clip}.byte-pdp-compatible-products__inner{box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto;padding-left:var(--page-gutter, 20px);padding-right:var(--page-gutter, 20px)}.byte-pdp-compatible-products--container-boxed .byte-pdp-compatible-products__inner{max-width:var(--container-max)}.byte-pdp-compatible-products__panel{padding:24px 20px;background:var(--byte-pdp-compatible-panel-bg);border:1px solid var(--byte-pdp-compatible-panel-border);border-radius:var(--byte-pdp-compatible-panel-radius)}.byte-pdp-compatible-products__heading{margin:0 0 8px;font-family:var(--font-heading-family, sans-serif);font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--color-heading, var(--color-foreground))}.byte-pdp-compatible-products--heading-small .byte-pdp-compatible-products__heading{font-size:clamp(1.25rem,3vw,1.5rem)}.byte-pdp-compatible-products--heading-medium .byte-pdp-compatible-products__heading{font-size:clamp(1.375rem,3.2vw,1.75rem)}.byte-pdp-compatible-products--heading-large .byte-pdp-compatible-products__heading{font-size:clamp(1.5rem,3.6vw,2rem)}.byte-pdp-compatible-products__subtitle{margin:0 0 20px;font-family:var(--font-body-family, sans-serif);font-size:.9375rem;font-weight:400;line-height:1.5;color:var(--color-text-secondary, #666666)}.byte-pdp-compatible-products__carousel{display:block;width:100%;min-width:0}.byte-pdp-compatible-products__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;margin:0;padding:0;list-style:none}.byte-pdp-compatible-products__dots{display:none}.byte-pdp-compatible-products__slide{min-width:0}.byte-pdp-compatible-products__card{display:flex;align-items:center;gap:14px;box-sizing:border-box;min-height:100%;padding:14px 16px;background:#fbfaf8;border:1px solid #E7E1D9;border-radius:14px;color:inherit;text-decoration:none;transition:border-color var(--ease, .2s ease),box-shadow var(--ease, .2s ease)}.byte-pdp-compatible-products__card:hover{border-color:#d8d0c6;box-shadow:0 8px 24px #1111110f}.byte-pdp-compatible-products__card:focus-visible{outline:2px solid var(--byte-pdp-compatible-accent);outline-offset:3px}.byte-pdp-compatible-products__media{flex-shrink:0;width:72px;height:72px;border-radius:10px;overflow:hidden;background:#f0ebe3}.byte-pdp-compatible-products__image,.byte-pdp-compatible-products__media-placeholder{display:block;width:100%;height:100%;object-fit:cover}.byte-pdp-compatible-products__content{display:flex;flex-direction:column;gap:4px;min-width:0}.byte-pdp-compatible-products__title{margin:0;font-family:var(--font-heading-family, sans-serif);font-size:.9375rem;font-weight:700;line-height:1.35;color:var(--color-heading, var(--color-foreground))}.byte-pdp-compatible-products__type{margin:0;font-family:var(--font-body-family, sans-serif);font-size:.8125rem;font-weight:600;line-height:1.4;color:var(--byte-pdp-compatible-type)}.byte-pdp-compatible-products__type--full{color:var(--byte-pdp-compatible-type-full)}.byte-pdp-compatible-products__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:2px 0 0;font-family:var(--font-body-family, sans-serif)}.byte-pdp-compatible-products__price-value{font-size:.9375rem;font-weight:700;line-height:1.3;color:var(--color-heading, var(--color-foreground))}.byte-pdp-compatible-products__price-tax{font-size:.8125rem;font-weight:700;line-height:1.3;color:#000}@media screen and (min-width:750px){.byte-pdp-compatible-products__panel{padding:32px 36px}.byte-pdp-compatible-products__subtitle{margin-bottom:24px}.byte-pdp-compatible-products__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:visible;scroll-snap-type:none}.byte-pdp-compatible-products__carousel--slider .byte-pdp-compatible-products__slide{flex:none;width:auto;margin:0}.byte-pdp-compatible-products__media{width:80px;height:80px}.byte-pdp-compatible-products__card .byte-pdp-compatible-products__title{font-size:1rem}}@media screen and (max-width:749px){.byte-pdp-compatible-products{--byte-pdp-compatible-gutter: 0px;--byte-pdp-compatible-gap: 12px;--byte-pdp-compatible-peek: 2rem}.byte-pdp-compatible-products__panel{padding-bottom:16px}.byte-pdp-compatible-products__carousel--slider .byte-pdp-compatible-products__grid{display:flex;align-items:stretch;gap:var(--byte-pdp-compatible-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:var(--byte-pdp-compatible-gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:-4px;padding:4px 4px 8px}.byte-pdp-compatible-products__carousel--slider .byte-pdp-compatible-products__grid::-webkit-scrollbar{display:none}.byte-pdp-compatible-products__carousel--slider .byte-pdp-compatible-products__slide{flex:0 0 calc(100% - var(--byte-pdp-compatible-peek));width:calc(100% - var(--byte-pdp-compatible-peek));scroll-snap-align:start}.byte-pdp-compatible-products__carousel--slider .byte-pdp-compatible-products__slide:last-child{margin-right:var(--byte-pdp-compatible-peek)}.byte-pdp-compatible-products__dots{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:16px}.byte-pdp-compatible-products__dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#d4d4d4;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.byte-pdp-compatible-products__dot:hover,.byte-pdp-compatible-products__dot:focus-visible{background:#b0b0b0}.byte-pdp-compatible-products__dot.is-active{background:var(--byte-pdp-compatible-accent);transform:scale(1.1)}.byte-pdp-compatible-products__dot:focus-visible{outline:2px solid var(--byte-pdp-compatible-accent);outline-offset:3px}}@media(prefers-reduced-motion:reduce){.byte-pdp-compatible-products__carousel--slider .byte-pdp-compatible-products__grid{scroll-behavior:auto}.byte-pdp-compatible-products__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-byte-pdp-compatible-products.css.map */