/* Shared main-menu and product-section banner. Landing heroes and article frames remain distinct. */
.wd-site .wd-product-banner { --wd-product-banner-height: 240px; background: var(--wd-navy); color: #fff; }
.wd-product-banner-inner { position: relative; min-height: var(--wd-product-banner-height); padding-block: 20px 24px; }
.wd-product-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; color: #c7d9f2; font-size: 14px; line-height: 1.5; }
.wd-product-breadcrumb a, .wd-site .wd-product-banner-action { color: #4dd1f2; }
.wd-product-breadcrumb a:hover, .wd-site .wd-product-banner-action:hover { color: #fff; }
.wd-product-breadcrumb a:focus-visible, .wd-product-banner-action:focus-visible { outline: 2px solid #4dd1f2; outline-offset: 4px; }
.wd-product-banner-layout { display: flex; align-items: center; gap: 28px; }
.wd-product-banner-copy { flex: 1; min-width: 0; }
.wd-product-banner-layout--with-image .wd-product-banner-copy { padding-right: 208px; }
.wd-site .wd-product-banner-brand { color: #c7d9f2; font-size: 16px; font-weight: 600; margin-bottom: 6px; line-height: 1.4; }
.wd-site .wd-product-banner h1 { color: #fff; font-size: 32px; font-weight: 800; line-height: 1.15; letter-spacing: -1px; margin: 0; overflow-wrap: anywhere; }
.wd-site .wd-product-banner-intro { max-width: 900px; color: #d3dfed; font-size: 16px; line-height: 1.6; margin-top: 10px; }
.wd-product-banner-intro p { margin: 0; }
.wd-product-banner-intro > :last-child { margin-bottom: 0; }
.wd-site .wd-product-banner-note { color: #c7d9f2; font-size: 14px; line-height: 1.5; margin-top: 12px; font-weight: 600; }
.wd-product-banner-action { display: inline-block; font-size: 14px; line-height: 1.5; margin-top: 12px; }
.wd-product-banner-image { position: absolute; top: calc(var(--wd-product-banner-height) / 2); right: 0; transform: translateY(-50%); width: 180px; height: auto; max-width: 20%; }
@media (max-width: 900px) {
    .wd-site .wd-product-banner { --wd-product-banner-height: 300px; }
    .wd-product-banner-layout--with-image .wd-product-banner-copy { padding-right: 0; }
    .wd-site .wd-product-banner h1 { font-size: 30px; }
    .wd-product-banner-image { display: none; }
}
@media (max-width: 640px) {
    .wd-product-banner-inner { min-height: 0; padding-block: 20px 24px; }
    .wd-site .wd-product-banner h1 { font-size: 28px; }
}