.mm-form { --mm-ink:#111111; --mm-beige:#F4EFE6; --mm-gold:#E0BD73; --mm-paper:#F7F6F4; color:var(--mm-ink); }
.mm-form .variations { width:100%; }
.mm-form .variations tr { display:block; margin:0 0 1.4rem; }
.mm-form .variations th,.mm-form .variations td { display:block; text-align:left; padding:0; }
.mm-form table.variations th,.mm-form table.variations td { padding:0 !important; }
.mm-form .single_add_to_cart_button { background:#111111 !important; color:#F7F6F4 !important; border-radius:.4rem; }
.mm-form .variations label { display:block; font-weight:600; margin-bottom:.5rem; }
.mm-form select:not([hidden]) { width:100%; max-width:24rem; padding:.7rem; background:var(--mm-paper); color:var(--mm-ink); border:1px solid #767676; border-radius:.25rem; }
.mm-form [hidden] { display:none !important; }
.mm-swatches { display:flex; flex-wrap:wrap; gap:.5rem; }
.mm-form .mm-swatch { display:flex; align-items:center; gap:.5rem; min-height:44px; padding:.45rem .65rem; border:2px solid #767676; border-radius:.4rem; background:var(--mm-paper); color:var(--mm-ink); font:inherit; cursor:pointer; }
.mm-form .mm-swatch[aria-pressed="true"] { border-color:var(--mm-ink); background:var(--mm-beige); box-shadow:0 0 0 2px var(--mm-gold); }
.mm-form .mm-swatch[aria-pressed="true"]::after { content:'✓'; font-weight:700; }
.mm-form .mm-swatch:disabled { opacity:.5; cursor:not-allowed; text-decoration:line-through; }
.mm-chip { display:block; width:1.5rem; height:1.5rem; border:1px solid #555; border-radius:50%; flex-shrink:0; }
.mm-form :is(button,select,a):focus-visible { outline:3px solid var(--mm-ink); outline-offset:4px; }
.mm-selected { flex-basis:100%; margin:.2rem 0 0; font-size:.9em; }
.mm-single,.mm-fixed { font-size:.95em; }
.mm-form .reset_variations { display:inline-block; margin-top:.75rem; }
@media(max-width:480px) { .mm-form .mm-swatch { flex-grow:1; } }
/* Color-only controls: the native title shows the name on hover. */
.mm-form .mm-swatches .mm-swatch-color {
    display:inline-flex; align-items:center; justify-content:center;
    flex:0 0 44px; width:44px; height:44px; min-height:44px;
    padding:6px; border:0; border-radius:50%;
    background:transparent !important; box-shadow:none; gap:0;
}
.mm-form .mm-swatch-color .mm-chip {
    box-sizing:border-box; width:32px; height:32px;
    border:1px solid #767676; border-radius:50%;
}
.mm-form .mm-swatch-color .mm-swatch-label { display:none; }
.mm-form .mm-swatch-color[aria-pressed="true"]::after { content:none; }
.mm-form .mm-swatch-color[aria-pressed="true"] .mm-chip {
    box-shadow:0 0 0 2px var(--mm-paper), 0 0 0 5px var(--mm-gold);
}
/* Preserve selection announcements without adding visible color names. */
.mm-form .mm-selected {
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%);
    white-space:nowrap; border:0;
}
