.macino-family-switcher{--family-card-width: 150px;display:block;margin:22px 0;min-width:0;width:100%;max-width:100%;color:#111}.macino-family-switcher__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.macino-family-switcher .macino-family-switcher__title{margin:0;font-size:16px;line-height:1.3;color:inherit}.macino-family-switcher__title strong{font-weight:800}.macino-family-switcher__controls{display:flex;flex-shrink:0;gap:6px}.macino-family-switcher__controls[hidden]{display:none}.macino-family-switcher__button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;border:1px solid #d5d5d5;border-radius:50%;background:#fff;color:#111;cursor:pointer}.macino-family-switcher__button:disabled{color:#777;cursor:default}.macino-family-switcher__button svg{width:18px;height:18px}[dir=rtl] .macino-family-switcher__button svg{transform:rotate(180deg)}.macino-family-switcher .macino-family-switcher__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--family-card-width);grid-template-columns:none;gap:12px;list-style:none;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;margin:0;padding:4px 3px 12px;scroll-snap-type:x proximity;scroll-padding-inline:3px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.macino-family-switcher__cell{display:flex;min-width:0;scroll-snap-align:start}.macino-family-switcher .macino-family-switcher__item{display:flex;flex-direction:column;width:100%;min-width:0;min-height:206px;padding:12px;border:2px solid #d5d5d5;border-radius:14px;box-sizing:border-box;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease}.macino-family-switcher__item.is-active{border-color:#e50b2a;background:#fff5f6}.macino-family-switcher__item.is-unavailable{border-style:dashed}.macino-family-switcher__item.is-unavailable.is-active{border-style:solid}.macino-family-switcher__item.is-unresolved{background:#f7f7f7}.macino-family-switcher__item:focus-visible,.macino-family-switcher__button:focus-visible{outline:2px solid #111;outline-offset:2px}.macino-family-switcher__image{display:flex;align-items:center;justify-content:center;flex:0 0 82px;height:82px;width:100%;overflow:hidden}.macino-family-switcher__image img,.macino-family-switcher__image svg{display:block;width:auto;height:auto;max-width:100%;max-height:82px;object-fit:contain;margin:0 auto}.macino-family-switcher__text{display:flex;flex:1;flex-direction:column;gap:2px;margin-top:8px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.macino-family-switcher__text strong{font-size:14px;font-weight:800;line-height:1.25}.macino-family-switcher__variant{color:#555}.macino-family-switcher__pricing{display:flex;flex-direction:column;gap:1px;margin-top:auto;padding-top:6px}.macino-family-switcher__price{font-size:15px;line-height:1.3;font-weight:800}.macino-family-switcher__compare{color:#5b5b5b;font-size:12px;line-height:1.3;text-decoration:line-through}.macino-family-switcher__price sup,.macino-family-switcher__compare sup{font-size:.75em}.macino-family-switcher__unavailable{margin-top:4px;color:#923229;font-size:11px;font-weight:700}.macino-family-switcher__selected{margin-top:4px;font-size:11px;font-weight:700}@media(hover:hover){a.macino-family-switcher__item:hover{border-color:#e50b2a}.macino-family-switcher__button:not(:disabled):hover{background:#f4f4f4}}@media(max-width:749px){.macino-family-switcher{--family-card-width: 140px}.macino-family-switcher .macino-family-switcher__track{gap:10px}.macino-family-switcher .macino-family-switcher__item{min-height:194px;padding:10px}.macino-family-switcher__image{flex-basis:70px;height:70px}.macino-family-switcher__image img,.macino-family-switcher__image svg{max-height:70px}.macino-family-switcher__controls{display:none}}@media(prefers-reduced-motion:reduce){.macino-family-switcher__item{transition:none}}.macino-family-switcher{--family-status-height:18px}.macino-family-switcher:has(.is-active.is-unavailable){--family-status-height:32px}.macino-family-switcher__pricing{min-height:44px;box-sizing:border-box}.macino-family-switcher__status{display:flex;flex-direction:column;gap:2px;min-height:var(--family-status-height);margin-top:4px;font-size:11px;line-height:1.3}.macino-family-switcher__unavailable,.macino-family-switcher__selected{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/product-family-selector.css.map */