.variant-matrix{background:#fff;padding:24px;margin:24px 0;border-radius:6px}
.variant-matrix h2{margin:0 0 6px}.vm-lead{margin:0 0 16px;color:#4a4d49}
.vm-swatches{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.vm-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;width:120px;text-decoration:none;color:#242624;border:2px solid #e2ddd2;border-radius:6px;padding:8px;background:#faf8f3}
.vm-swatch img{width:100%;height:70px!important;object-fit:cover;border-radius:4px}
.vm-swatch span{font-size:14px;text-align:center;line-height:1.2}
.vm-swatch.is-current{border-color:#23543e;background:#eef4f0;font-weight:700}
.vm-table-wrap{overflow-x:auto;margin-bottom:16px}
.vm-table{display:table!important;width:100%;border-collapse:collapse;font-size:15px}
.vm-table caption{text-align:left;font-weight:700;padding:0 0 8px}
.vm-table th,.vm-table td{padding:8px 10px;border:1px solid #e2ddd2;text-align:left;vertical-align:middle;white-space:nowrap}
.vm-table thead th{background:#f5f2eb}.vm-table .is-current{background:#eef4f0}
.vm-na{color:#9a9a96}
.vm-details summary{font-size:18px;padding:10px 0}
.vm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:14px;align-items:stretch}
.vm-card{border:1px solid #e2ddd2;border-radius:6px;padding:14px;margin:0;display:flex;flex-direction:column}
.vm-card img{width:100%;height:150px!important;object-fit:contain;background:#faf8f3}
.vm-card h3{margin:10px 0 2px;font-size:17px}.vm-card p{margin:2px 0;font-size:14px}
.vm-card ul{margin:8px 0;padding-left:18px;font-size:13px;color:#4a4d49;flex:1}
.vm-sku{font-weight:700}.vm-opt{color:#6b6e69;font-size:12px!important}