/* Container */
.swatch-group{margin:10px 0 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Color bubbles */
.swatch.color{width:32px;height:32px;border-radius:9999px;border:1px solid #e5e7eb;cursor:pointer;display:inline-block;position:relative;background:#f1f1f1;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.swatch.color.selected{outline:3px solid #111}
.swatch.color.disabled{opacity:.35;cursor:not-allowed}

/* Size pills */
.swatch.size{min-width:48px;min-height:36px;border-radius:9999px;border:1px solid #e5e7eb;padding:6px 12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#fff;font-weight:600}
.swatch.size.selected{border-color:#111;background:#111;color:#fff}
.swatch.size.disabled{opacity:.4;cursor:not-allowed}

/* Hide native selects */
.variations_form select{position:absolute!important;left:-99999px}