.product-card__variant{display:grid;gap:5px;margin-top:12px;color:#687267;font-size:9px;font-weight:700}.product-card__variant select{width:100%;min-height:36px;padding:7px 9px;border:1px solid #dce2d7;border-radius:3px;background:#fff;color:#28312a;font:10px var(--sans)}.product-card__variant select:focus-visible{outline:2px solid #8aa45a;outline-offset:1px}.product-card button:disabled{opacity:.55;cursor:not-allowed}
.product-detail__variants{margin-top:18px;padding:13px;border:1px solid #e0e5dc;background:#fff}.product-detail__variants h2{margin:0 0 8px;font-size:11px}.product-detail__variants ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.product-detail__variants li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:1px solid #edf0eb}.product-detail__variants li span{display:grid;gap:2px}.product-detail__variants li b{font-size:9px}.product-detail__variants li small,.product-detail__variants-empty{margin:0;color:#788179;font-size:8px}.product-detail__variants li strong{font-size:9px;white-space:nowrap}
.admin-variants{display:grid;gap:9px}.admin-variant-row{display:grid;grid-template-columns:1.1fr 1fr .75fr .65fr auto auto;align-items:end;gap:9px;margin:0;padding:12px;border:1px solid #e2e7de;border-radius:4px;min-width:0}.admin-variant-row legend{padding:0 5px;color:#697563;font:7px var(--mono);letter-spacing:.06em}.admin-variant-row label{min-width:0}.admin-variant-row .admin-variant-active{display:flex;align-items:center;gap:5px;padding-bottom:9px;white-space:nowrap}.admin-variant-active input{width:auto;accent-color:#637b40}.admin-variant-remove{height:35px;padding:0 8px;border:1px solid #e4d4cf;border-radius:3px;background:#fff;color:#925747;font-size:8px;cursor:pointer}.admin-variant-add{justify-self:start}.admin-variant-remove:focus-visible,.admin-variant-add:focus-visible{outline:2px solid #a9c56e;outline-offset:2px}
@media(max-width:900px){.admin-variant-row{grid-template-columns:1fr 1fr 1fr 1fr}.admin-variant-row .admin-variant-active{grid-column:1/3}.admin-variant-remove{justify-self:start}}
@media(max-width:640px){.admin-variant-row{grid-template-columns:1fr 1fr;gap:8px}.admin-variant-row .admin-variant-active{grid-column:auto}.admin-variant-remove{grid-column:1/-1}}