.op-family-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-block-start:1.25rem}.op-family-card[hidden],.op-family-tabs[hidden]{display:none}.op-family-tab{background:transparent;border:1px solid var(--op-border,#d7dee6);border-radius:999px;color:var(--op-muted,#66727f);cursor:pointer;font:inherit;font-weight:600;padding:.5rem 1rem}.op-family-tab:hover{color:var(--op-accent,#2f6fed)}.op-family-tab.is-active{background:var(--op-accent,#2f6fed);border-color:var(--op-accent,#2f6fed);color:#fff}.op-family-tab:focus-visible{outline:2px solid var(--op-accent,#2f6fed);outline-offset:2px}.op-family-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:1.25rem}@media (max-width:36rem){.op-family-grid{grid-template-columns:1fr}}.op-family-card{background:var(--op-surface,#fff);border:1px solid var(--op-border,#d7dde5);border-radius:.75rem;display:flex;flex-direction:column;height:100%;padding:1.75rem 1.5rem;transition:border-color .15s ease,box-shadow .15s ease}.op-family-card:hover{border-color:var(--op-accent,#2f6fed);box-shadow:0 4px 14px rgba(15,23,42,.1)}.op-family-card-name{color:var(--op-text,#1b2330);font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 .875rem;text-align:center}.op-family-card-icon{color:var(--op-accent,#2f6fed);display:flex;justify-content:center;margin-block-end:1rem}.op-family-card-icon svg{height:2.75rem;width:2.75rem}.op-family-card-desc{color:var(--op-muted,#66727f);flex:1 1 auto;font-size:.8125rem;line-height:1.75}.op-family-card-desc ul{list-style:none;margin:0;padding:0}.op-family-card-desc li{padding-block:.1875rem}.op-family-card-price{color:var(--op-text,#1b2330);font-size:1.25rem;font-weight:700;padding-block:.875rem;text-align:center}.op-family-card-price small{color:var(--op-muted,#66727f);display:block;font-size:.75rem;font-weight:400}.op-family-card-action{align-self:center;background:var(--op-accent,#2f6fed);border-radius:.5rem;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;margin-block-start:.25rem;min-width:11rem;padding:.6875rem 2rem;text-align:center;text-decoration:none}.op-family-card-action:focus,.op-family-card-action:hover{color:#fff;filter:brightness(.94);text-decoration:none}.op-family-card-soldout{color:var(--op-muted,#66727f);font-weight:600;text-align:center}@media (prefers-color-scheme:dark){.op-family-card{background:var(--op-surface,#1a2029);border-color:var(--op-border,#2f3946)}.op-family-card-name,.op-family-card-price{color:var(--op-text,#e8edf4)}.op-family-card-icon{color:var(--op-accent,#6f9bff)}.op-family-card-desc,.op-family-card-price small,.op-family-tab{color:var(--op-muted,#9aa7b6)}.op-family-tab{border-color:var(--op-border,#2f3946)}}