.family-options{margin:18px 0;padding:20px;border:1px solid #d9cdb2;border-radius:14px;background:#fffdf7;color:#244638}
.family-options header h2{margin:2px 0 6px;font:400 26px/1.15 "Cormorant Garamond",Georgia,serif}
.family-options header p{margin:0 0 10px;color:#4f5d54;font-size:14px}
.family-options .demo-eyebrow{margin:0}
.family-options__group{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.family-option{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;min-height:44px;min-width:150px;padding:10px 14px;border:1px solid #cbbd9f;border-radius:12px;background:#fffdf7;color:#244638;text-align:left;cursor:pointer;font:inherit}
.family-option .family-swatch{grid-row:span 2;width:22px;height:22px;border-radius:50%;border:1px solid #b9ab8d}
.family-option:not([data-family-color]){grid-template-columns:1fr;row-gap:4px}
.family-option small{text-align:left}
.family-options[aria-busy="true"] .family-option{pointer-events:none;cursor:wait}
.family-option strong{font-size:14px;font-weight:600}
.family-option small,.family-option span:not(.family-swatch){font-size:12px;color:#5e6b62}
.family-option[aria-checked="true"]{background:#244638;border-color:#244638;color:#fff}
.family-option[aria-checked="true"] small,.family-option[aria-checked="true"] span:not(.family-swatch){color:#e9e1cf}
.family-option.is-concept strong::after{content:" · concept";font-weight:400}
.family-option.is-soon{opacity:.6;cursor:not-allowed}
.family-option:focus-visible{outline:2px solid #7f704b;outline-offset:2px}
.family-options[aria-busy="true"]{opacity:.7}
.family-options__note{margin:6px 0 0;padding:8px 12px;border-left:3px solid #c9b491;background:#f5f1e8;font-size:13px}
#family-options-status{margin:8px 0 0;min-height:1.2em;font-size:14px}
/* Customer UI for family products shows no technical dimensions (they stay in Admin). */
body.family-product #product-scale{display:none!important}
@media(max-width:640px){.family-options{padding:14px}.family-option{flex:1 1 calc(50% - 10px);min-width:0}}
.family-options[data-family="swell-bottle"] .family-options__group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.family-options[data-family="swell-bottle"] .family-option{min-width:0;padding:8px;column-gap:6px;min-height:44px}
.family-options[data-family="swell-bottle"] .family-option strong{font-size:12px}
.family-options[data-family="swell-bottle"] .family-option strong::after{content:none}
.family-options[data-family="swell-bottle"] .family-option span:not(.family-swatch){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.family-options[data-family="swell-bottle"] .family-swatch{width:18px;height:18px;grid-row:auto}