.td6-mat-finder { padding:56px 0; background:#F6F3EC; color:#171717; border-top:1px solid #E6E0D5; border-bottom:1px solid #E6E0D5; }
.td6-mat-finder__layout { display:grid; grid-template-columns:minmax(0,48fr) minmax(0,52fr); gap:48px; align-items:start; }
.td6-mat-finder__intro { min-width:0; }
.td6-mat-finder__eyebrow { margin:0 0 12px; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.td6-mat-finder h2 { margin:0 0 18px; font-size:clamp(30px,2.6vw,42px); line-height:1.08; font-weight:800; text-transform:none; letter-spacing:-.025em; }
.td6-mat-finder__intro > p:not(.td6-mat-finder__eyebrow) { margin:0 0 16px; line-height:1.6; }
.td6-mat-finder__support { color:#66635E; font-size:14px; }
.td6-mat-finder__examples { display:flex; align-items:flex-end; gap:clamp(12px,1.5vw,24px); margin:28px 0 16px; }
.td6-mat-finder__example { margin:0; min-width:0; text-align:center; }
.td6-mat-finder__example--2 { width:72px; flex:0 1 72px; }
.td6-mat-finder__example--4 { width:144px; flex:0 1 144px; }
.td6-mat-finder__example--6 { width:216px; flex:0 1 216px; }
.td6-mat-finder__example img { width:100%; height:auto; aspect-ratio:1; object-fit:cover; display:block; border:1px solid #BDB7AB; border-radius:0; box-shadow:0 4px 10px rgba(0,0,0,.08); cursor:default; }
.td6-mat-finder__example--6 img { aspect-ratio:1.5; }
.td6-mat-finder__example figcaption { margin-top:10px; font-size:13px; line-height:1.5; font-weight:700; white-space:nowrap; }
.td6-mat-finder__example figcaption span { font-size:12px; color:#66635E; font-weight:400; }
.td6-mat-finder__note { font-size:12px; color:#66635E; }
.td6-mat-finder__tagline { width:260px; max-width:100%; height:auto; }
.td6-mat-finder__card { min-width:0; background:#FFF; border:1px solid #DAD5CB; border-radius:10px; box-shadow:0 10px 30px rgba(0,0,0,.06); padding:28px; margin:0; }
.td6-mat-finder__steps { display:flex; align-items:flex-start; list-style:none; margin:0 0 28px; padding:0; gap:10px; }
.td6-mat-finder__steps li { display:flex; align-items:center; flex:1; gap:7px; position:relative; font-size:11px; line-height:1.3; }
.td6-mat-finder__steps li:not(:last-child)::after { content:""; flex:1; min-width:8px; border-top:1px solid #DAD5CB; }
.td6-mat-finder__steps span { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border-radius:50%; background:#E9E7E2; color:#171717; font-weight:700; }
.td6-mat-finder__steps .is-current span,.td6-mat-finder__steps .is-complete span { background:#F5B400; color:#111; }
.td6-mat-finder fieldset { border:0; margin:0 0 26px; padding:0; min-width:0; }
.td6-mat-finder legend { padding:0; margin-bottom:12px; font-size:15px; font-weight:700; }
.td6-mat-finder__pills { display:flex; flex-wrap:wrap; gap:8px; }
.td6-mat-finder__pills label { position:relative; display:block; margin:0; cursor:pointer; }
.td6-mat-finder__pills input { position:absolute; width:1px; height:1px; opacity:0; margin:0; }
.td6-mat-finder__pills label > span { min-height:38px; display:flex; align-items:center; padding:0 14px; border:1px solid #CBC6BB; border-radius:999px; background:#FFF; color:#171717; font-size:13px; }
.td6-mat-finder__pills input:checked + span { background:#F5B400; border-color:#F5B400; color:#111; }
.td6-mat-finder__pills input[value="all"]:checked + span { background:#111; border-color:#111; color:#FFF; }
.td6-mat-finder__pills label:hover > span { border-color:#8C877D; }
.td6-mat-finder__pills input:focus-visible + span,.td6-mat-finder__actions > :focus-visible { outline:3px solid rgba(245,180,0,.35); outline-offset:2px; }
.td6-mat-finder__actions { display:flex; gap:12px; }
.td6-mat-finder__actions > * { flex:1; min-height:44px; display:flex; align-items:center; justify-content:center; padding:10px 12px; border-radius:4px; line-height:1.3; font-family:inherit; font-weight:700; font-size:12px; letter-spacing:.04em; text-align:center; text-decoration:none; cursor:pointer; }
.td6-mat-finder__show { background:#F5B400; color:#111; border:1px solid #F5B400; }
.td6-mat-finder__show:hover { background:#E2A500; border-color:#E2A500; }
.td6-mat-finder__jump { background:#FFF; color:#111; border:1px solid #111; }
.td6-mat-finder__jump:hover { background:#F4F2ED; }
.td6-mats-status { margin:0 0 20px; font-size:15px; font-weight:600; }
#gaming-mat-catalogue { scroll-margin-top:100px; }
.td6-mats-grid .td6-mat-card[hidden] { display:none; }
@media(max-width:899px) {
 .td6-mat-finder { padding:32px 0; }
 .td6-mat-finder__layout { grid-template-columns:minmax(0,1fr); gap:28px; }
 .td6-mat-finder__pills label > span { min-height:44px; }
}
@media(max-width:599px) {
 .td6-mat-finder__card { padding:20px; }
 .td6-mat-finder__example--2 { width:48px; flex-basis:48px; }
 .td6-mat-finder__example--4 { width:96px; flex-basis:96px; }
 .td6-mat-finder__example--6 { width:144px; flex-basis:144px; }
 .td6-mat-finder__actions { flex-direction:column; }
 .td6-mat-finder__steps { gap:6px; }
 .td6-mat-finder__steps li { flex-direction:column; align-items:flex-start; font-size:10px; }
 .td6-mat-finder__steps li:not(:last-child)::after { position:absolute; top:14px; left:34px; right:0; }
}