/* Interactive fit finder: measurement inputs, recommendation card, size table. */
.au-fit-section{padding-block:var(--section)}
.au-fit-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:var(--space-12);align-items:start}
.au-fit-methods{display:grid;gap:var(--space-6)}
.au-fit-method{display:flex;gap:var(--space-4);align-items:flex-start}
.au-fit-method h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}
.au-fit-method p{font-size:var(--text-base);color:var(--text)}
.au-fit-step{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blush);color:var(--primary);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums}

.au-fit-calc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--space-8)}
.au-fit-calc-head h3{font-size:var(--text-2xl);margin-bottom:var(--space-2)}
.au-fit-calc-head p{font-size:var(--text-md)}
.au-fit-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin:var(--space-6) 0}
.au-fit-field label{font-size:var(--text-xs);color:var(--muted);font-weight:500}
.au-fit-field input{padding-inline:var(--space-2);text-align:center;font-variant-numeric:tabular-nums}
.au-fit-actions-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}

.au-fit-result:empty{display:none}
.au-fit-answer{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}
.au-fit-size{font-size:var(--text-8xl);line-height:1.05;font-weight:600;letter-spacing:-.04em;color:var(--ink);margin-bottom:var(--space-3)}
.au-fit-answer--custom .au-fit-size{font-size:var(--text-5xl)}
.au-fit-answer>p{font-size:var(--text-base)}
.au-fit-answer>p.au-eyebrow{font-size:var(--text-xs)}
.au-fit-answer>p.au-legal-note{font-size:var(--text-sm)}
.au-fit-answer>p.au-fit-size{font-size:var(--text-8xl)}
.au-fit-answer--custom>p.au-fit-size{font-size:var(--text-5xl)}
.au-fit-breakdown{list-style:none;padding:0;margin:var(--space-5) 0 0;display:grid;gap:var(--space-1)}
.au-fit-breakdown li{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-3);align-items:baseline;padding:var(--space-2) var(--space-3);border-radius:var(--radius-chip);background:var(--bg);font-size:var(--text-md)}
.au-fit-mm{color:var(--muted);font-variant-numeric:tabular-nums}
.au-fit-code{min-width:38px;text-align:right;font-weight:600;color:var(--primary);font-variant-numeric:tabular-nums}
.au-fit-answer-actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;margin-top:var(--space-6)}
.au-fit-answer .au-legal-note{margin-top:var(--space-4)}
.au-fit-saved{margin-top:var(--space-6);align-items:center}
.au-fit-saved .au-icon{color:var(--success)}

.au-fit-chart{margin-top:var(--space-12)}
.au-fit-chart h3{font-size:var(--text-2xl);margin-bottom:var(--space-5)}
.au-fit-table{font-variant-numeric:tabular-nums;min-width:520px}
.au-fit-table th[scope=col]{font-size:var(--text-md);color:var(--ink);font-weight:600}
.au-fit-table th[scope=row]{font-weight:600;color:var(--ink);font-size:var(--text-body)}
.au-fit-table td{font-size:var(--text-body)}
.au-fit-table tbody tr:hover{background:var(--blush)}
.au-fit-original{margin-top:var(--space-6)}
.au-fit-original img{border-radius:var(--radius-card);margin-top:var(--space-4)}

.au-shape-families--guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) var(--space-10)}
.au-shape-families--guide .au-shape-tile{cursor:default}
.au-shape-options--static .au-shape-option{cursor:default}

/* Product page: bridge between the size code and the millimetres it represents. */
.au-size-mm{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--muted);line-height:1.5}
.au-size-mm strong{color:var(--ink)}
.au-size-mm .au-text-link{font-size:inherit}
.au-choice--custom{min-width:auto;padding-inline:var(--space-5)}

@media(max-width:991px){
  .au-fit-layout{grid-template-columns:1fr;gap:var(--space-8)}
  .au-shape-families--guide{grid-template-columns:1fr;gap:var(--space-8)}
}
@media(max-width:767px){
  .au-fit-calc{padding:var(--space-5)}
  .au-fit-answer>p.au-fit-size{font-size:var(--text-7xl)}
  .au-fit-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}
  .au-fit-size{font-size:var(--text-7xl)}
  .au-fit-calc-head h3{font-size:var(--text-xl)}
  .au-fit-chart{margin-top:var(--space-8)}
}