/* KOMPIK 2.0 — navigation, buyer cabinet and product comparison. Scoped to prevent vendor/admin changes. */
:root { --k2-ink:#17233b; --k2-blue:#245be9; --k2-muted:#69778e; --k2-border:#e4eaf4; --k2-surface:#fff; }
.k2-nav { background:#101927 !important; border-bottom:1px solid rgba(255,255,255,.12); padding:12px 0 9px; box-shadow:0 8px 24px rgba(19,35,65,.08); }
.k2-nav .k2-nav-inner { max-width:1440px; gap:16px; }
.k2-nav .navbar-brand { color:#fff; font-size:1.25rem; letter-spacing:-.035em; white-space:nowrap; margin-right:0; display:inline-flex; align-items:center; gap:10px; }
.k2-brand-mark { display:inline-grid; width:35px; height:35px; place-items:center; color:#fff; background:linear-gradient(145deg,#407cfe,#174bc1); border-radius:12px; box-shadow:0 4px 12px rgba(42,102,240,.23); }
.k2-nav .navbar-nav { gap:2px; align-items:center; }
.k2-nav .nav-link { border-radius:10px; color:#aebcd1 !important; font-size:.89rem; font-weight:550; padding:9px 11px !important; white-space:nowrap; transition:background .15s,color .15s; }
.k2-nav .nav-link:hover, .k2-nav .nav-link.active { color:#fff !important; background:rgba(255,255,255,.10); }
.k2-nav .site-search-form { position:relative; min-width:205px; max-width:385px; margin:0 !important; }
.k2-nav .site-search-form .form-control { border:1px solid #36455d; border-radius:11px; background:#1d2a3e; color:#fff; padding:11px 12px 11px 39px; min-height:43px; font-size:.88rem; }
.k2-nav .site-search-form .form-control::placeholder { color:#adbbcf; }
.k2-nav .site-search-form .k2-search-ico { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:#aebcd1; pointer-events:none; }
.k2-nav .site-search-form .k2-search-btn { border:0; background:#376af1; border-radius:9px; color:white; font-weight:650; padding:0 14px; height:37px; position:absolute; right:4px; top:3px; }
.k2-nav .k2-actions { margin-left:auto; gap:7px; align-items:center; }
.k2-nav .k2-action { display:inline-flex; align-items:center; gap:7px; padding:9px 11px !important; }
.k2-nav .k2-pill { display:inline-flex; justify-content:center; align-items:center; min-width:19px; height:19px; border-radius:7px; background:#f8c739; color:#161d2b; font-size:11px; font-weight:800; padding:0 4px; }
.k2-nav .dropdown-menu { background:#fff; border:1px solid var(--k2-border); border-radius:14px; box-shadow:0 15px 32px #13274722; padding:7px; }
.k2-nav .dropdown-item { border-radius:8px; padding:9px 11px; color:#233247; }
.k2-nav .dropdown-item:active { background:#285df0; color:#fff; }
.k2-nav .navbar-toggler { margin-left:auto; border-color:#455875; }
.k2-nav .site-mobile-search .form-control { background:#fff; border-radius:10px 0 0 10px; min-height:44px; }
.k2-nav .site-mobile-search button { background:#376af1; color:#fff; border:0; border-radius:0 10px 10px 0; }
.k2-nav .k2-mobile-search-wrap { padding-top:9px; }
.k2-nav svg { width:18px; height:18px; flex-shrink:0; }
/* Buyer account pages: a separate visual layer, existing forms stay functional. */
.k2-cab { --k2-bg:#f6f8fd; --k2-shad:0 10px 30px rgba(26,52,95,.06); color:var(--k2-ink); }
.k2-cab * { box-sizing:border-box; }
.k2-cab .k2-breadcrumb { font-size:.8rem; color:#7b879a; margin:0 0 15px; }
.k2-cab .k2-breadcrumb a { color:#526b98; text-decoration:none; }
.k2-cab .k2-hero { border:1px solid #e0e8ff; border-radius:22px; padding:28px; background:linear-gradient(116deg,#162e61,#295cc7 67%,#3479ff); color:#fff; display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:20px; overflow:hidden; position:relative; }
.k2-cab .k2-hero::after { content:""; position:absolute; height:240px; width:240px; border:2px solid #ffffff24; border-radius:50%; right:-48px; top:-110px; pointer-events:none; }
.k2-cab .k2-hero h1 { font-size:clamp(1.35rem,3vw,1.9rem); font-weight:800; letter-spacing:-.035em; margin:3px 0 5px; }
.k2-cab .k2-hero p { color:#dce8ff; margin:0; font-size:.9rem; }
.k2-cab .k2-hero .k2-eyebrow { color:#b5d4ff; text-transform:uppercase; letter-spacing:.12em; font-size:.68rem; font-weight:750; }
.k2-cab .k2-avatar { flex-shrink:0; border:1px solid #ffffff5b; background:#ffffff28; font-size:1.25rem; font-weight:750; width:57px; height:57px; border-radius:18px; display:grid; place-items:center; }
.k2-cab .k2-grid { display:grid; grid-template-columns:245px minmax(0,1fr); gap:20px; align-items:start; }
.k2-cab .k2-sidebar { border:1px solid var(--k2-border); border-radius:18px; background:#fff; padding:15px; box-shadow:var(--k2-shad); }
.k2-cab .k2-side-title { color:#8a96ab; letter-spacing:.10em; font-size:.67rem; font-weight:800; text-transform:uppercase; padding:10px 11px 7px; }
.k2-cab .k2-sidebar nav { display:grid; gap:3px; }
.k2-cab .k2-sidebar a { color:#48566b; display:flex; align-items:center; gap:10px; text-decoration:none; font-size:.9rem; padding:12px 11px; font-weight:590; border-radius:11px; line-height:1.3; }
.k2-cab .k2-sidebar a:hover { background:#f0f5ff; color:#285be4; }
.k2-cab .k2-sidebar a.active { color:#2457da; background:#eaf1ff; font-weight:750; }
.k2-cab .k2-sidebar svg { width:19px; height:19px; flex:0 0 19px; }
.k2-cab .k2-sidebar hr { border-color:#e8edf4; opacity:1; margin:12px 0; }
.k2-cab .k2-main { min-width:0; }
.k2-cab .k2-card { background:white; border:1px solid var(--k2-border); box-shadow:var(--k2-shad); padding:20px; border-radius:17px; min-width:0; }
.k2-cab .k2-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-bottom:17px; }
.k2-cab .k2-stat { display:flex; gap:14px; align-items:center; }
.k2-cab .k2-stat-icon { width:44px; height:44px; border-radius:13px; display:grid; place-items:center; flex:0 0 44px; background:#e8f0ff; color:#285fe2; }
.k2-cab .k2-stat-icon.purple { background:#f3ebff; color:#8557d7; }
.k2-cab .k2-stat-icon.green { background:#e4f8ef; color:#19966a; }
.k2-cab .k2-stat-icon svg { width:22px; height:22px; }
.k2-cab .k2-stat-label { font-size:.76rem; color:var(--k2-muted); }
.k2-cab .k2-stat-value { font-size:1.65rem; font-weight:800; letter-spacing:-.05em; line-height:1.14; }
.k2-cab .k2-panel-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; margin-bottom:17px; }
.k2-cab .k2-section-heading { font-size:1.02rem; letter-spacing:-.02em; font-weight:780; margin:0; }
.k2-cab .k2-panel-desc { font-size:.82rem; color:var(--k2-muted); margin-top:4px; }
.k2-cab .k2-facts { display:grid; gap:15px; margin:18px 0; }
.k2-cab .k2-fact-label { font-size:.75rem; color:#7c8a9f; display:block; margin-bottom:3px; }
.k2-cab .k2-fact-value { font-size:.88rem; font-weight:590; overflow-wrap:anywhere; }
.k2-cab .k2-btn { display:inline-flex; align-items:center; justify-content:center; gap:9px; text-decoration:none; padding:10px 14px; border-radius:10px; font-weight:650; font-size:.88rem; }
.k2-cab .k2-btn.primary { color:white; background:#285fee; }
.k2-cab .k2-btn.primary:hover { background:#1849d5; }
.k2-cab .k2-btn.secondary { color:#284b92; background:#eef3ff; border:1px solid #dce7ff; }
.k2-cab .k2-btn.secondary:hover { background:#e1ecff; }
.k2-cab .k2-btn svg { height:17px; width:17px; }
.k2-cab .k2-status { display:inline-flex; align-items:center; font-size:.75rem; font-weight:700; border-radius:9px; background:#e3f7ed; color:#127749; padding:5px 9px; }
.k2-cab .k2-status.pending { background:#fff1dc; color:#9a5b07; }
.k2-cab .k2-status.blocked { background:#ffe6ea; color:#b3293c; }
.k2-cab .k2-card .table-responsive { max-width:100%; }
.k2-cab .k2-card .table { margin:0; font-size:.85rem; }
.k2-cab .k2-card .table td, .k2-cab .k2-card .table th { padding:.65rem .5rem; }
.k2-cab .k2-inner-page { background:#fff; border:1px solid var(--k2-border); border-radius:17px; box-shadow:var(--k2-shad); padding:20px; min-height:250px; }
.k2-cab .k2-inner-page > .bg-white.border { box-shadow:none !important; border:0 !important; padding:0 !important; }
.k2-cab .k2-inner-page .row.justify-content-center { justify-content:flex-start !important; }
.k2-cab .k2-inner-page .row.justify-content-center > div { width:100%; max-width:780px; flex:0 0 100%; }
.k2-cab .k2-inner-page .h4 { font-weight:780; letter-spacing:-.025em; }
.k2-cab .k2-mobile-nav { display:none; }
/* On the product page, the scales icon is an actual action, not a global menu item. */
.k2-compare-inline { margin-top:13px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.k2-compare-btn { background:#fff; color:#2353be; border:1px solid #c8d8fa; border-radius:12px; padding:10px 15px; display:inline-flex; align-items:center; gap:9px; font-weight:700; font-size:.91rem; }
.k2-compare-btn:hover { background:#eef4ff; border-color:#5386fa; }
.k2-compare-btn.is-selected { background:#e9f3ff; border-color:#b1cbfa; }
.k2-compare-btn svg, .k2-compare-selected svg { width:21px; height:21px; flex:none; }
.k2-compare-note { font-size:.82rem; color:#69778b; }
.k2-compare-selected { display:inline-flex; color:#2353be; background:#e9f3ff; padding:9px 12px; gap:7px; align-items:center; border-radius:10px; font-size:.83rem; font-weight:650; }
.k2-compare-box { border:1px solid #e4eaf4; border-radius:16px; background:#fff; padding:17px; }
.k2-compare-table { border-radius:15px; }
.k2-compare-table table { min-width:610px; }
.k2-compare-table thead th { vertical-align:top; background:#f4f7fe; }
.k2-compare-table th:first-child { position:sticky; left:0; background:#f7f9fd; z-index:1; min-width:135px; }
@media(max-width:1199.98px) { .k2-nav .k2-nav-inner { gap:10px; } .k2-nav .site-search-form { max-width:280px; } }
@media(max-width:991.98px) { .k2-nav .navbar-collapse { width:100%; padding-top:12px; } .k2-nav .navbar-nav { align-items:stretch; gap:1px; } .k2-nav .k2-actions { align-items:stretch; margin:10px 0 0; } .k2-nav .k2-actions .dropdown-menu { position:static; } .k2-nav .k2-actions .nav-link { justify-content:flex-start; } }
@media(max-width:767.98px) { .k2-cab .k2-hero { padding:22px 18px; border-radius:17px; } .k2-cab .k2-avatar { width:46px; height:46px; border-radius:14px; } .k2-cab .k2-grid { display:block; } .k2-cab .k2-sidebar { margin-bottom:15px; padding:10px; } .k2-cab .k2-sidebar nav { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; gap:5px; } .k2-cab .k2-sidebar a { min-width:max-content; padding:11px 12px; } .k2-cab .k2-side-title, .k2-cab .k2-sidebar hr, .k2-cab .k2-sidebar .k2-side-extra { display:none; } .k2-cab .k2-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .k2-cab .k2-stat-grid .k2-stat:last-child { grid-column:1/-1; } .k2-cab .k2-stat { padding:13px; } .k2-cab .k2-stat-value { font-size:1.35rem; } .k2-cab .k2-panel-grid { grid-template-columns:1fr; gap:13px; } .k2-cab .k2-inner-page { padding:14px; } .k2-cab .k2-card { padding:16px; } }
@media(max-width:380px) { .k2-cab .k2-stat-icon { width:38px; height:38px; flex-basis:38px; } .k2-cab .k2-stat { gap:8px; } .k2-cab .k2-stat-label { font-size:.7rem; } }
@media(prefers-reduced-motion:reduce) { .k2-nav *, .k2-cab * { transition:none !important; } }
.k2-nav .navbar-nav .nav-item.dropdown { display:flex; align-items:center; position:relative; }
.k2-nav .k2-account-toggle { display:inline-grid; place-items:center; height:35px; width:25px; padding:0; border:0; color:#aebcd1; background:transparent; border-radius:7px; }
.k2-nav .k2-account-toggle:hover { color:#fff; background:#ffffff15; }
.k2-nav .k2-account-toggle:focus-visible { outline:2px solid #fdba74; }
.k2-btn { display:inline-flex; text-decoration:none; align-items:center; gap:8px; font-weight:650; padding:10px 14px; border-radius:10px; }
.k2-btn.secondary { background:#eff4ff; color:#2654ba; }
@media print { .k2-sidebar, .k2-nav, .k2-breadcrumb, .k2-hero, footer { display:none !important; } }

.k2-nav .site-search-form .form-control { padding-right:90px; }
@media(max-width:991.98px) { .k2-nav .navbar-nav .nav-item.dropdown { justify-content:flex-start; } }