/* Services overview only. Native radio selection remains usable without scripts. */
.smiths-services .svc-hero.svc-hero-finder { display:grid; }
.svc-hero-finder > * { min-width:0; }
[data-service-finder] {
  padding:28px;
  border:1px solid rgba(223,189,139,.38);
  border-top-color:rgba(247,244,238,.42);
  border-bottom-color:rgba(223,189,139,.24);
  border-radius:20px;
  background:radial-gradient(ellipse at top left,rgba(247,244,238,.11),transparent 60%),
    linear-gradient(145deg,rgba(247,244,238,.08),rgba(46,43,38,.3));
  -webkit-backdrop-filter:blur(12px) saturate(130%);
  backdrop-filter:blur(12px) saturate(130%);
  box-shadow:inset 0 1px 0 rgba(247,244,238,.16),inset 0 -1px 0 rgba(247,244,238,.04),
    0 12px 32px rgba(0,0,0,.12);
}
.smiths-services [data-service-finder] h2 { margin:0; font-size:28px; line-height:1.2; color:var(--cream); }
.smiths-services main [data-service-finder] p { max-width:none; font-size:14px; line-height:1.65; }
.smiths-services [data-service-finder] .svc-finder-intro { margin-top:8px; }
[data-service-finder] .svc-finder-options {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px;
  border:0; padding:0; margin:22px 0 0; min-width:0;
}
[data-service-finder] .svc-finder-sr {
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  clip-path:inset(50%); overflow:hidden; white-space:nowrap; border:0;
}
[data-service-finder] .svc-finder-option {
  position:relative; display:flex; gap:10px; align-items:center;
  min-height:48px; padding:12px 30px 12px 12px;
  border:1px solid rgba(223,189,139,.22); border-radius:12px;
  color:var(--cream); font-size:13px; line-height:1.45; cursor:pointer;
  transition:transform 180ms var(--ease-enter),background-color 180ms var(--ease-enter),border-color 180ms var(--ease-enter);
}
[data-service-finder] .svc-finder-option input { flex:none; width:16px; height:16px; margin:0; accent-color:#dfbd8b; cursor:pointer; }
[data-service-finder] .svc-finder-option:has(:checked) { background:rgba(223,189,139,.12); border-color:#dfbd8b; font-weight:600; }
[data-service-finder] .svc-finder-check { position:absolute; right:12px; color:#dfbd8b; font-size:14px; visibility:hidden; }
[data-service-finder] .svc-finder-option:has(:checked) .svc-finder-check { visibility:visible; }
[data-service-finder] .svc-finder-option:has(:focus-visible) { outline:3px solid #dfbd8b; outline-offset:3px; }
[data-service-finder] .svc-finder-option:active { transform:scale(.99); }
[data-service-finder] .svc-finder-results { display:grid; position:relative; margin-top:24px; }
[data-service-finder] .svc-finder-result {
  grid-area:1 / 1; display:grid; grid-template-rows:1fr auto; gap:18px; min-width:0;
  visibility:hidden; pointer-events:none; transition:none;
}
/* Hidden panels still size this shared grid cell, so longer copy never clips or shifts it. */
[data-service-finder]:has(input[value="rental"]:checked) [data-finder-panel="rental"]:not([aria-hidden]),
[data-service-finder]:has(input[value="training"]:checked) [data-finder-panel="training"]:not([aria-hidden]),
[data-service-finder]:has(input[value="support"]:checked) [data-finder-panel="support"]:not([aria-hidden]),
[data-service-finder]:has(input[value="hire"]:checked) [data-finder-panel="hire"]:not([aria-hidden]),
[data-service-finder] [data-finder-panel][aria-hidden="false"] { visibility:visible; pointer-events:auto; }
[data-service-finder] .svc-finder-result .svc-button { align-self:end; gap:14px; font-size:13px; }
[data-service-finder] [data-finder-outgoing] { position:absolute; inset:0; visibility:visible; pointer-events:none; }
@media (hover:hover) and (pointer:fine) {
  [data-service-finder] .svc-finder-option:hover:not(:active) { transform:translateY(-1px); border-color:#dfbd8b; }
}
@media (max-width:560px) {
  [data-service-finder] { padding:22px; }
  [data-service-finder] .svc-finder-options { grid-template-columns:1fr; gap:8px; }
}
@media (prefers-reduced-motion:reduce) {
  /* Override the shared 1ms transition reset: selection here must be immediate. */
  [data-service-finder], [data-service-finder] *,
  [data-service-finder] *::before, [data-service-finder] *::after { transition:none !important; }
  [data-service-finder] .svc-finder-option:hover:not(:active),
  [data-service-finder] .svc-finder-option:active { transform:none; }
}