/* SM 50 component overview: numbered equipment diagram and matching detail photos. */
.sm50-components{scroll-margin-top:135px}
.sm50-components-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:start}
.sm50-components figure{margin:0;min-width:0;background:#fff;border:1px solid var(--border);border-radius:6px;overflow:hidden}
.sm50-components figure>a{display:flex;align-items:center;justify-content:center;padding:16px}
.sm50-components figure img{display:block;width:100%;height:auto;object-fit:contain}
.sm50-components-overview{position:sticky;top:135px}
.sm50-components-overview>a{min-height:420px}
.sm50-component-list{list-style:none;margin:0;padding:0;display:grid;gap:24px;min-width:0}
.sm50-component-list>li{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);gap:20px;align-items:start;padding-bottom:24px;border-bottom:1px solid var(--border)}
.sm50-component-list>li:last-child{padding-bottom:0;border-bottom:0}
.sm50-component-list figure>a{padding:10px;min-height:130px}
.sm50-component-list figure img{transform:scale(1.5)}
.sm50-component-list h4{font:500 20px/1.35 var(--heading);letter-spacing:-.3px;color:var(--ink);margin:0 0 12px}
.sm50-component-list h4 span{color:var(--teal,var(--ink))}
.sm50-component-list p{font-size:13px;line-height:1.85;color:var(--muted);margin:0;text-wrap:pretty}
.sm50-components a:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
@media(max-width:1000px){.sm50-components-grid{gap:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.sm50-component-list>li{grid-template-columns:110px minmax(0,1fr);gap:16px}.sm50-component-list h4{font-size:19px}.sm50-components-overview>a{min-height:340px}}
@media(max-width:700px){.sm50-components-grid{grid-template-columns:1fr;gap:28px}.sm50-components-overview{position:static}.sm50-components-overview>a{min-height:0}.sm50-components-overview img{max-height:420px}.sm50-component-list>li{grid-template-columns:minmax(100px,.6fr) minmax(0,1.4fr);gap:18px}.sm50-component-list p{font-size:14px}.sm50-component-list figure>a{min-height:110px}}
@media(max-width:380px){.sm50-component-list>li{grid-template-columns:1fr}.sm50-component-list figure>a{height:170px}}

/* Tastemaker: preserve Glen Mills tokens; match each official accessory photo to its description. */
.sm50-accessory-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.sm50-accessory-gallery figure{margin:0;min-width:0}
.sm50-accessory-gallery figure>a{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;overflow:hidden;background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:12px;transition:border-color 160ms cubic-bezier(.23,1,.32,1)}
.sm50-accessory-gallery img{width:100%;height:100%;object-fit:contain}
.sm50-accessory-gallery figcaption{padding-top:20px}
.sm50-accessory-gallery h4,.sm50-accessory-options dt{font:500 21px/1.35 var(--heading);letter-spacing:-.4px;color:var(--ink);margin:0 0 12px}
.sm50-accessory-gallery p,.sm50-accessory-options dd{font-size:14px;line-height:1.85;color:var(--muted);margin:0;text-wrap:pretty}
.sm50-accessory-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:32px 0 0;padding:28px 0 0;border-top:1px solid var(--border)}
.sm50-accessory-options>div{min-width:0}
.sm50-accessory-options dt{font-size:18px}
.sm50-accessory-gallery a:focus-visible{outline:3px solid var(--navy);outline-offset:4px}
@media(hover:hover){.sm50-accessory-gallery a:hover{border-color:var(--navy)}}
@media(max-width:1000px){.sm50-accessory-gallery,.sm50-accessory-options{gap:22px}.sm50-accessory-gallery h4{font-size:20px}}
@media(max-width:700px){.sm50-accessory-gallery{grid-template-columns:1fr;gap:30px}.sm50-accessory-gallery figure>a{max-height:240px;aspect-ratio:auto;height:220px}.sm50-accessory-gallery figcaption{padding-top:16px}.sm50-accessory-options{grid-template-columns:1fr;gap:24px}.sm50-accessory-options>div+div{padding-top:24px;border-top:1px solid var(--border)}}
@media(prefers-reduced-motion:reduce){.sm50-accessory-gallery figure>a{transition:none}}
