.sv-header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(16, 19, 28, 0.08);
    padding: 14px 0;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
    transition: box-shadow 0.3s ease, background 0.3s ease;
}

.sv-header-spacer {
    height: 84px;
}

.site-header .row.align-items-center {
    gap: 10px;
}

.sv-header .logo img {
    max-height: 44px;
    width: auto;
}

.sv-header .primary-menu ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sv-header .primary-menu ul li {
    margin-right: 0;
}

.sv-header .primary-menu ul li a {
    font-size: 15px;
    font-weight: 600;
    color: #1f2430;
    padding: 10px 16px;
    border-radius: 999px;
    transition: all 0.2s ease;
    background: transparent;
}

.sv-header .primary-menu ul li a:hover,
.sv-header .primary-menu ul li.current-menu-item > a {
    color: #2f63ff;
    background: rgba(47, 99, 255, 0.12);
}

.sv-header .primary-menu ul li.menu-item-has-children::after {
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
}

.sv-header .primary-menu ul li .sub-menu {
    margin-top: 12px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(16, 19, 28, 0.08);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.12);
}

.sv-header .primary-menu ul li .sub-menu li a {
    padding: 12px 18px;
    border-radius: 0;
}

.sv-header .sv-header-search {
    display: flex;
    gap: 10px;
    align-items: center;
}

.sv-header .sv-header-search input[type="search"] {
    width: 100%;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(16, 19, 28, 0.12);
    padding: 0 16px;
    background: #fff;
    color: #1f2430;
}

.sv-header .sv-header-search button {
    height: 44px;
    padding: 0 18px;
    border-radius: 999px;
    border: none;
    background: #1f2430;
    color: #fff;
    font-weight: 600;
}

.off-canvas-menu-bar {
    position: sticky !important;
    top: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid rgba(16, 19, 28, 0.08);
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

@media (max-width: 991px) {
    .sv-header-spacer {
        height: 68px;
    }
}