.compatible-items__heading{text-align:center;margin-bottom:1.5rem}.compatible-items__tabs{display:flex;gap:0;justify-content:flex-start;margin-bottom:1.5rem;border-bottom:1px solid rgb(var(--color-border-rgb) / var(--border-opacity, .1));overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.compatible-items__tabs::-webkit-scrollbar{display:none}.compatible-items__tab{padding:.75rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:rgb(var(--color-foreground-rgb) / .7);cursor:pointer;transition:color .2s,border-color .2s;white-space:nowrap;flex-shrink:0}.compatible-items__tab:hover{color:rgb(var(--color-foreground-rgb))}.compatible-items__tab--active{color:rgb(var(--color-foreground-rgb));border-bottom-color:rgb(var(--color-foreground-rgb))}.compatible-items__panel{display:none}.compatible-items__panel--active{display:block}.compatible-items__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap, 16px)}@media screen and (min-width:750px){.compatible-items__tabs{justify-content:center}.compatible-items__tab{padding:.75rem 1.5rem;font-size:1rem}.compatible-items__grid{grid-template-columns:repeat(var(--columns, 4),1fr)}}.compatible-items__card{display:flex;flex-direction:column}.compatible-items__card-link{display:block;text-decoration:none;color:inherit}.compatible-items__card-image{aspect-ratio:1;overflow:hidden;background-color:rgb(var(--color-background-rgb) / .5)}.compatible-items__card-image img{width:100%;height:100%;object-fit:cover}.compatible-items__card-info{padding:.5rem 0}.compatible-items__card-title{font-size:.875rem;font-weight:500;line-height:1.4;margin:0 0 .25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compatible-items__card-price{font-size:.875rem}.compatible-items__card-button{display:inline-block;margin-top:.5rem;padding:.5rem 1rem;background-color:var(--color-primary-button-background);color:var(--color-primary-button-text);border:none;border-radius:var(--style-border-radius-buttons-primary, 4px);font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.compatible-items__card-button:hover{background-color:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}.compatible-items__no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:rgb(var(--color-background-rgb) / .5);color:rgb(var(--color-foreground-rgb) / .5);font-size:.75rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/compatible-items.css.map */