.variant-editor { margin: 22px 0; padding: 15px; background: #f6f5f0; }
.variant-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; }
.variant-heading label { font-size: 10px; font-weight: 800; }
.variant-heading button { border: 0; background: transparent; color: #56604a; padding: 0; font: 500 10px/1 "DM Mono", monospace; cursor: pointer; }
.variant-row { display: grid; grid-template-columns: 1fr 86px 25px; gap: 8px; margin-top: 8px; }
.variant-row input { min-width: 0; border: 1px solid #dedbd3; background: white; padding: 9px; font-size: 11px; outline: 0; }
.remove-variant { border: 0; background: transparent; color: #a64232; font-size: 20px; line-height: 1; cursor: pointer; }
.variant-editor small { display: block; margin-top: 11px; color: #77766d; font-size: 9px; line-height: 1.55; }
@media (max-width: 700px) { .variant-row { grid-template-columns: 1fr 72px 24px; } }