/* ============================================
   VinciBridge — Product Sub-Navigation
   ZWCAD-style secondary nav bar beneath main nav
   ============================================ */
.subnav {
    position: sticky;
    top: var(--nav-height);
    z-index: 99;
    background-color: var(--color-white);
    border-bottom: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
}

.subnav__inner {
    max-width: var(--max-width);
    margin: 0 auto;
    padding: 0 var(--space-xl);
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--subnav-height);
}

.subnav__left {
    display: flex;
    align-items: center;
    gap: var(--space-lg);
}

.subnav__product {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    font-weight: 700;
    font-size: var(--fs-base);
    color: var(--color-text);
}

.subnav__product-logo {
    height: 24px;
    width: auto;
}

.subnav__tabs {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    list-style: none;
}

.subnav__tab {
    font-size: var(--fs-sm);
    font-weight: 500;
    color: var(--color-text-muted);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sm);
    transition: all var(--transition);
}

.subnav__tab:hover {
    color: var(--color-accent);
    background: rgba(5,150,105,0.05);
}

.subnav__tab.is-active {
    color: var(--color-accent);
    font-weight: 600;
    background: var(--color-accent-light);
}

.subnav__right {
    display: flex;
    align-items: center;
    gap: var(--space-md);
}

.subnav__cta {
    font-size: var(--fs-sm);
    padding: 0.5rem 1.25rem;
    border-radius: var(--radius-sm);
}