/* RFQ Lab homepage responsive QA fixes.
   Kept separate so the approved master stylesheet remains easy to compare. */

.home-v2 .rfq-filter:focus-visible,
.home-v2 .rfq-search input:focus-visible {
  outline: 2px solid #a9521d;
  outline-offset: 2px;
}

.home-v2 .rfq-featured,
.home-v2 .rfq-slot,
.home-v2 .rfq-kpi,
.home-v2 .rfq-panel {
  min-width: 0;
}

.home-v2 .rfq-featured h3,
.home-v2 .rfq-update strong,
.home-v2 .rfq-spec span {
  overflow-wrap: anywhere;
}

.home-v2 .rfq-journey__steps {
  scrollbar-width: thin;
  scrollbar-color: #c8b7a5 transparent;
}

@media (max-width: 1040px) {
  .home-v2 .badge-preview { display: none; }
  .home-v2 .topnav { gap: 4px; }
  .home-v2 .topnav a { font-size: .79rem; padding-inline: 4px; }
  .home-v2 .topbar__inner > .rfq-primary { padding-inline: 12px; }
}

@media (max-width: 860px) and (min-width: 761px) {
  .home-v2 .brand { font-size: .94rem; }
  .home-v2 .brand__mark { width: 34px; height: 34px; }
  .home-v2 .topnav a { font-size: .73rem; }
  .home-v2 .topbar__inner > .rfq-primary { display: none; }
}

@media (max-width: 760px) {
  .home-v2 .topbar__inner > .rfq-primary { display: none; }
  .home-v2 .topnav a {
    border-bottom: 0;
    border-radius: 9px;
    padding: 11px 12px;
  }
  .home-v2 .topnav a:hover,
  .home-v2 .topnav a[aria-current="page"] {
    border-bottom: 0;
    background: #f6f0e7;
  }
  .home-v2 .rfq-hero__note { left: 16px; right: 16px; bottom: 16px; max-width: none; }
  .home-v2 .rfq-journey__steps {
    scroll-snap-type: x proximity;
    overscroll-behavior-inline: contain;
  }
  .home-v2 .rfq-step { scroll-snap-align: start; }
  .home-v2 .rfq-projects__head { align-items: start; }
  .home-v2 .rfq-projects__head > :last-child { display: none; }
}

@media (max-width: 560px) {
  .home-v2 .topbar__inner { padding: 9px 14px; gap: 10px; }
  .home-v2 .brand { font-size: .9rem; gap: 8px; }
  .home-v2 .brand__mark { width: 32px; height: 32px; }
  .home-v2 .rfq-hero__media { min-height: 235px; }
  .home-v2 .rfq-hero__actions .btn { flex: 1 1 150px; justify-content: center; }
  .home-v2 .rfq-journey__steps { grid-template-columns: repeat(7, 104px); }
  .home-v2 .rfq-step { min-width: 104px; }
  .home-v2 .rfq-featured__media { height: 185px; }
  .home-v2 .rfq-specs { grid-template-columns: 1fr; }
}