/* Shared, static navigation for the homepage, BOSCH and information pages. */
:root {--vcp-header-height:80px;}
html {scroll-padding-top:calc(var(--vcp-header-height) + 16px);}
main [id] {scroll-margin-top:0;}
.skip-link {z-index:1000;}
.vcp-header {position:sticky;top:0;z-index:200;background:#1e1b3c;border-bottom:1px solid #ffffff14;color:#fff;font-family:Inter,Arial,sans-serif;}
.vcp-header *, .vcp-header *::before, .vcp-header *::after {box-sizing:border-box;}
.vcp-header__inner {width:100%;max-width:1200px;margin:0 auto;padding:12px 24px;min-height:80px;display:grid;grid-template-columns:210px minmax(0,1fr) auto;align-items:center;gap:28px;}
.vcp-header__logo {display:flex;align-items:center;min-height:44px;text-decoration:none;}
.vcp-header__logo img {display:block;width:100%;height:auto;}
.vcp-nav {display:flex;justify-content:flex-end;align-items:center;gap:24px;min-width:0;}
.vcp-nav__link {display:flex;position:relative;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0;white-space:nowrap;color:#e5e3ed;text-decoration:none;font:500 14px/1.4 Inter,Arial,sans-serif;cursor:pointer;}
.vcp-nav__link:hover,.vcp-nav__link.is-current {color:#fff;}
.vcp-nav__link::after {content:"";position:absolute;inset:auto 0 0;height:2px;background:#fdb913;transform:scaleX(0);}
.vcp-nav__link.is-current::after,.vcp-nav__about[open] summary::after {transform:scaleX(1);}
.vcp-nav__bosch,.vcp-nav__bosch:hover,.vcp-nav__bosch.is-current {color:#fdb913;}
.vcp-header__contact {display:flex;justify-content:center;align-items:center;min-height:44px;padding:0 20px;border-radius:5px;background:#fdb913;color:#1e1b3c;text-decoration:none;font:700 14px/1.4 Inter,Arial,sans-serif;}
.vcp-header__contact:hover {background:#ffca43;color:#1e1b3c;}
.vcp-header__contact.is-current {box-shadow:0 0 0 2px #fff;}
.vcp-nav__about {position:relative;}
.vcp-nav__about summary {list-style:none;}
.vcp-nav__about summary::-webkit-details-marker {display:none;}
.vcp-nav__about summary svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;}
.vcp-nav__about[open] summary svg {transform:rotate(180deg);}
.vcp-nav__dropdown {position:absolute;top:calc(100% + 12px);right:0;width:232px;padding:8px;background:#fff;color:#1e1b3c;border:1px solid #e9e7ef;border-radius:6px;box-shadow:0 12px 30px #1e1b3c20;}
.vcp-nav__dropdown a {display:flex;align-items:center;min-height:44px;padding:10px 12px;font:500 14px/1.5 Inter,Arial,sans-serif;color:#1e1b3c;text-decoration:none;border-radius:3px;}
.vcp-nav__dropdown a:hover,.vcp-nav__dropdown a[aria-current] {background:#f3f2f7;}
.vcp-nav__dropdown .vcp-nav__divider {border-top:1px solid #e9e7ef;margin-top:5px;border-radius:0;}
.vcp-header :focus-visible {outline:2px solid #fdb913;outline-offset:4px;}
.vcp-header__contact:focus-visible {outline-color:#fff;}
.vcp-nav__dropdown :focus-visible {outline-color:#78739a;outline-offset:-2px;}
@media(max-width:1000px) {
  .vcp-header__inner {grid-template-columns:190px minmax(0,1fr) auto;gap:20px;}
  .vcp-nav {gap:18px;}
  .vcp-header__contact {padding:0 16px;}
}
@media(max-width:800px) {
  :root {--vcp-header-height:124px;}
  .vcp-header__inner {grid-template-columns:minmax(0,1fr) auto;gap:4px 20px;min-height:124px;padding:10px 24px 6px;}
  .vcp-header__logo {width:200px;max-width:100%;}
  .vcp-header__contact {grid-column:2;grid-row:1;}
  .vcp-nav {grid-column:1/-1;grid-row:2;justify-content:space-between;gap:12px;}
}
@media(max-width:480px) {
  .vcp-header__inner {padding-right:16px;padding-left:16px;gap:4px 16px;}
  .vcp-header__logo {width:180px;}
  .vcp-header__contact {padding:0 14px;}
  .vcp-nav {gap:6px;}
  .vcp-nav__link {font-size:14px;}
  .vcp-nav__dropdown {width:232px;}
}
@media(max-width:374px) {
  :root {--vcp-header-height:172px;}
  .vcp-header__inner {min-height:172px;gap:4px 10px;}
  .vcp-nav {display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
  .vcp-nav__dropdown {width:232px;}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto;}}