@media(min-width:901px){.nav-links{gap:clamp(10px,1.4vw,24px)}.nav{gap:18px}}@media(min-width:901px) and (max-width:1200px){.nav-links{flex-wrap:wrap;row-gap:0}.nav-links>a{padding:8px 0}}
.footer-bottom{flex-wrap:wrap;gap:14px}.data-policy-note{font-size:.875rem;line-height:1.5}.data-policy-note a{text-decoration:underline}.consent a{text-decoration:underline}

/* Mobile consultation action precedes the project calculation button. */
.mobile-consultation{display:none}
@media(max-width:900px){
  .hero .cta-row{flex-direction:column}
  .hero .cta-row>.btn{width:100%;box-sizing:border-box}
  .hero .cta-row>.mobile-consultation{display:inline-flex}
  .mobile-consultation:focus-visible{outline:2px solid #416700;outline-offset:4px}
}

/* Keep desktop top-bar actions together while allowing narrower layouts to wrap. */
@media(min-width:901px){
 .topbar-inner{height:auto;min-height:48px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px;row-gap:8px}
 .top-links{flex-wrap:wrap;justify-content:flex-end;margin-left:auto;gap:12px}
 .top-consultation{background:transparent;box-shadow:inset 0 0 0 1px #151916}
 .top-consultation:focus-visible{outline:2px solid #416700;outline-offset:3px}
}