.vk-header { border-bottom: 1px solid #e6e9f2; background: #ffffff; }
.vk-topbar { background: #002391 !important; color: #fff; font-size: 0.82rem; }
.vk-topbar .container { max-width: 100% !important; }
.vk-topbar .vk-topbar-inner { display:flex; justify-content:center; align-items:center; padding:7px 0; gap:10px; width:100%; text-align:center; flex-wrap:wrap; }
.vk-topbar a { color: #fff; font-weight: 600; }

.vk-mainbar { padding: 8px 0; }
.vk-mainbar .vk-main-inner { display:flex; align-items:center; gap:16px; }
.vk-logo img { height: 28px; width:auto; max-width: 150px; object-fit: contain; }

.vk-nav { display:flex; gap:18px; align-items:center; font-weight:600; color:#1a2233; flex:1; justify-content:center; }
.vk-nav a { color:#1a2233; font-size:0.92rem; }
.vk-nav .vk-caret { font-size: 0.75rem; margin-left: 4px; opacity: 0.7; }

.vk-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.vk-actions .vk-icon-btn { background:#f5f6fa; border-radius:999px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; color:#0b1b4a; font-size:18px; }
.vk-actions .badge { background:#ff1f1f; color:#fff; font-size:0.7rem; }
.vk-nav .user-dropdown-menu { right:0; left:auto; }
.vk-header .category__menu { display:none; }

@media (max-width: 991px) {
    .vk-mainbar .vk-main-inner { flex-wrap: wrap; }
    .vk-nav { order: 3; width:100%; justify-content:center; flex-wrap:wrap; gap:14px; }
    .vk-actions { order: 2; width:auto; margin-left:auto; }
    .vk-header .category__menu { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:8px; background:#f5f6fa; }
    .vk-header .category__menu i { font-size:20px; color:#0b1b4a; }
}

@media (max-width: 768px) {
    .vk-topbar .vk-topbar-inner { flex-direction:column; align-items:center; }
    .vk-actions .cart__menu .total { display:none; }
    .vk-mainbar .vk-main-inner { gap:10px; }
    .vk-logo { order: 1; }
    .vk-actions { order: 2; margin-left:auto; }
    .vk-nav { order: 3; width:100%; justify-content:flex-start; gap:12px; overflow-x:auto; padding-bottom:6px; }
    .vk-nav::-webkit-scrollbar { height:4px; }
    .vk-nav::-webkit-scrollbar-thumb { background:#e1e6f2; border-radius:999px; }
    .vk-nav a { white-space:nowrap; }
    .vk-header .category__menu { order: 0; }
}

@media (max-width: 480px) {
    .vk-logo img { height: 24px; max-width: 120px; }
    .vk-actions { gap:6px; }
    .vk-actions .vk-icon-btn { width:26px; height:26px; font-size:16px; }
}