/* Clothing-specific details: shared M3 controls, bounded grids, no numeric spinners. */
.garment-vintage .expressive-switch {margin:0;}
.garment-defects {min-width:0; margin:0; padding:20px; border:1px solid var(--line); border-radius:24px;}
.garment-defects legend {display:flex; align-items:center; gap:8px; font-weight:650; padding:0 8px;}
.garment-defect-options {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0;}
.product-editor .garment-defect-options label.choice:has(input[type="radio"]) {display:flex; align-items:center; gap:12px; margin:0; padding:12px 16px; border:1px solid var(--line); border-radius:18px; min-height:56px; transition:background .2s,border-color .2s,border-radius .25s;}
.garment-defect-options .choice:has(input:checked) {background:var(--brand-soft); border-color:var(--brand); border-radius:24px;}
.garment-defect-options span {min-width:0; overflow-wrap:anywhere;}
.garment-defect-description {margin:0;}
.garment-defect-description[hidden] {display:none;}
.garment-editor {min-width:0; padding:24px; border-radius:24px; background:var(--bg); border:1px solid var(--line);}
.garment-section-heading {display:flex; align-items:flex-start; gap:12px; margin-bottom:20px;}
.garment-section-heading>.icon {margin-top:3px; color:var(--brand); flex-shrink:0;}
.garment-section-heading h3 {margin:0 0 6px; font-size:20px;}
.garment-section-heading p {margin:0;}
.garment-attributes {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;}
.garment-attributes label {margin:0; min-width:0;}
.garment-material {grid-column:1/-1;}
.measurements-editor {margin-top:22px; border-top:1px solid var(--line); min-width:0;}
.measurements-editor summary {list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; padding:12px 0; cursor:pointer; font-weight:650;}
.measurements-editor summary::-webkit-details-marker {display:none;}
.measurements-editor summary>span {display:flex; align-items:center; gap:10px;}
.measurements-editor summary>.icon {flex-shrink:0; transition:transform .3s var(--motion-spring);}
.measurements-editor[open] summary>.icon {transform:rotate(180deg);}
.measurements-editor summary:focus-visible {outline:2px solid var(--brand); outline-offset:4px; border-radius:12px;}
.measurements-body {padding:0 0 6px;}
.measurement-inputs {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0 12px;}
.measurement-inputs label {margin:0; min-width:0;}
.measurement-input {display:flex; align-items:center; position:relative;}
.measurement-input input {padding-right:48px; margin:8px 0 0; width:100%; min-width:0;}
.measurement-input>span {position:absolute; right:16px; top:50%; font-size:14px; color:var(--muted); pointer-events:none;}
.garment-public {margin:24px 0; padding:22px; border:1px solid var(--line); border-radius:24px; min-width:0;}
.garment-public h2 {display:flex; align-items:center; gap:10px; margin:0 0 18px; font-size:20px;}
.garment-facts {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:0 0 20px;}
.garment-facts div,.garment-measurement-grid div {min-width:0;}
.garment-public dt {color:var(--muted); font-size:13px; margin-bottom:6px;}
.garment-public dd {margin:0; overflow-wrap:anywhere;}
.garment-measurements {padding-top:16px; border-top:1px solid var(--line);}
.garment-measurements h3 {display:flex; align-items:center; gap:8px; margin:0 0 14px; font-size:15px;}
.garment-measurement-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0;}
.garment-measurement-grid div {padding:14px; border-radius:16px; background:var(--bg);}
.garment-measurement-grid dd {font-size:22px; font-weight:650; font-variant-numeric:tabular-nums;}
.garment-measurement-grid dd small {font-size:13px; font-weight:400; color:var(--muted);}
.garment-disclosure {display:flex; align-items:flex-start; gap:10px; padding-top:16px; margin-top:16px; border-top:1px solid var(--line);}
.garment-disclosure>.icon {flex-shrink:0; color:var(--brand);}
.garment-disclosure>div {min-width:0;}
.garment-disclosure strong {font-size:14px;}
.garment-disclosure p {margin:10px 0; white-space:pre-wrap; overflow-wrap:anywhere;}
.garment-disclosure small {display:block; color:var(--muted); font-size:12px; margin-top:6px;}
@media(max-width:600px) {
 .garment-defect-options,.garment-attributes {grid-template-columns:minmax(0,1fr);}
 .garment-defects,.garment-editor,.garment-public {padding:16px; border-radius:20px;}
 .measurement-inputs {grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px;}
 .garment-defect-options .choice {padding:12px;}
 .garment-section-heading h3,.garment-public h2 {font-size:18px;}
}
@media(prefers-reduced-motion:reduce) {
 .garment-defect-options .choice,.measurements-editor summary>.icon {transition:none;}
}

.product-attributes-badges {display:flex; flex-wrap:wrap; gap:8px; margin:20px 0;}
.product-attributes-badges .product-condition-badge {margin:0; max-width:100%;}