/* Product bar: shared per product, sits under the site header on product pages */
.product-bar { background: var(--surface); border-bottom: 1px solid var(--border); }
.product-bar .wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-block: 12px; }
.product-bar__name { font-family: "Space Grotesk", sans-serif; font-weight: 700; font-size: 18px; color: var(--ink); }
.product-bar__name:hover { text-decoration: none; }
.product-bar__links { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 22px; font-size: 15px; }
.product-bar__links a:not(.btn) { color: var(--ink-soft); }
.product-bar__links a:not(.btn):hover { color: var(--ink); }
.product-bar .btn { padding: 9px 16px; font-size: 14px; }

/* Buttons in a navy intro outside the .hero layout */
.product-cta { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 22px; }