/* Shared navigation for the standalone SYS Velocity product pages. */
.product-site-header,
.product-site-footer { background: #17222b; color: #fff; font-family: 'Open Sans', Arial, sans-serif; }
.product-site-header { border-bottom: 1px solid #ffffff20; }
.product-nav-shell { width: min(1140px, calc(100% - 40px)); margin-inline: auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.product-site-header .product-nav-shell { padding-block: 16px; }
.product-site-brand { flex-shrink: 0; }
.product-site-brand img { display: block; width: 150px; height: auto; }
.product-site-header a,
.product-site-footer a { color: #fff; font-size: .875rem; font-weight: 500; line-height: 1.5; text-decoration: none; }
.product-site-nav,
.product-site-footer nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 28px; }
.product-site-nav a { padding-block: 12px; border-bottom: 2px solid transparent; }
.product-site-nav a[aria-current="page"] { border-color: #c8aedb; color: #decce9; }
.product-site-header a:hover,
.product-site-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.product-site-header a:focus-visible,
.product-site-footer a:focus-visible { outline: 2px solid #c8aedb; outline-offset: 5px; }
.product-site-footer { padding-block: 30px; }
.product-site-footer .product-nav-shell { flex-wrap: wrap; }
.product-site-footer p { margin: 0; color: #c9cfd4; font-size: .875rem; line-height: 1.6; }
.product-site-footer a[aria-current="page"] { color: #decce9; }
@media (max-width: 760px) {
 .product-nav-shell { width: calc(100% - 32px); }
 .product-site-header .product-nav-shell { flex-direction: column; align-items: flex-start; gap: 14px; }
 .product-site-brand img { width: 130px; }
 .product-site-nav { width: 100%; gap: 0 22px; }
 .product-site-nav .product-return-link { flex-basis: 100%; padding-top: 0; }
 .product-site-nav a { padding-bottom: 8px; }
 .product-site-footer .product-nav-shell { flex-direction: column; align-items: flex-start; gap: 18px; }
}