.mamc-variation-swatches { border-top: 1px solid var(--mmc-color-border); padding-top: var(--mmc-space-md); }
.mamc-variation-swatches fieldset { border: 0; margin: 0 0 var(--mmc-space-md); padding: 0; }
.mamc-variation-swatches legend { color: var(--mmc-color-text-strong); font-weight: 600; margin-bottom: var(--mmc-space-xs); }
.mamc-variation-swatches__options { display: flex; flex-wrap: wrap; gap: var(--mmc-space-xs); }
.mamc-variation-swatches__options button { background: var(--mmc-color-surface); border: 1px solid var(--mmc-color-border); border-radius: 10px; color: var(--mmc-color-text); min-height: 44px; min-width: 54px; padding: .55rem .8rem; }
.mamc-variation-swatches__options button[aria-pressed="true"] { background: var(--mmc-color-primary); border-color: var(--mmc-color-primary); color: var(--mmc-color-text-inverse); font-weight: 700; }
.mamc-variation-swatches__options button:disabled { color: var(--mmc-color-text-muted); cursor: not-allowed; opacity: .48; text-decoration: line-through; }
.mamc-variation-swatches__options.is-color button { align-items: center; border-radius: 999px; display: inline-flex; gap: var(--mmc-space-xs); padding: .3rem .75rem .3rem .3rem; }
.mamc-variation-swatches__options.is-color img { border: 1px solid var(--mmc-color-border); border-radius: 50%; height: 36px; object-fit: cover; width: 36px; }
.mamc-variation-swatches__selection { display: flex; flex-wrap: wrap; gap: var(--mmc-space-xs); margin-bottom: var(--mmc-space-sm); }
.mamc-variation-swatches__selection span { align-items: center; background: var(--mmc-color-background); border: 1px solid var(--mmc-color-primary); border-radius: 999px; color: var(--mmc-color-primary-dark); display: inline-flex; line-height: 1.25; max-width: 100%; min-height: 36px; overflow-wrap: anywhere; padding: .4rem .75rem; white-space: normal; }
.mamc-variation-swatches__selection span::before { color: var(--mmc-color-success); content: "✓"; font-weight: 800; margin-right: var(--mmc-space-xs); }
.mamc-variation-swatches__message { color: var(--mmc-color-text-muted); margin: 0 0 var(--mmc-space-md); }
.mamc-variation-swatches__message.is-error { color: var(--mmc-color-offer); }