/* KINGCARS preview — header/navigation refinement v10. */
.header-v10{height:68px;background:rgba(255,255,255,.98);border-bottom:1px solid #ececec;backdrop-filter:blur(12px)}
.header-v10 .header-inner{height:68px;display:flex;align-items:center;gap:28px}
.header-v10 .header-v10-nav{flex:1;display:flex;align-items:center;justify-content:center;gap:30px;margin:0;font-size:13px;font-weight:650}
.header-v10 .header-v10-nav a{position:relative;padding:25px 0 22px;text-decoration:none;white-space:nowrap;color:#202020;transition:color .16s ease}
.header-v10 .header-v10-nav a::after{content:"";position:absolute;left:0;right:0;bottom:15px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .16s ease}
.header-v10 .header-v10-nav a:hover{color:#000}
.header-v10 .header-v10-nav a:hover::after,.header-v10 .header-v10-nav a:focus-visible::after{transform:scaleX(1)}
.header-v10 .header-v10-actions{margin-left:0;display:flex;align-items:center;gap:11px;flex:0 0 auto}
.header-v10 .account-avatar{width:38px;height:38px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid #d9dde2;border-radius:50%;background:#f8f8f7;color:#111;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.header-v10 .account-avatar:hover{border-color:#bfc4ca;box-shadow:0 4px 12px rgba(17,17,17,.08);transform:translateY(-1px)}
.header-v10 .account-avatar:focus-visible,.header-v10 .header-brand-mark:focus-visible,.header-v10 .sell-btn:focus-visible{outline:2px solid #111;outline-offset:3px}
.header-v10 .account-avatar-fallback{width:100%;height:100%;display:grid;place-items:center}
.header-v10 .account-avatar-fallback svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75}
.header-v10 .account-avatar-initials{display:none;font-size:11px;font-weight:900;letter-spacing:.02em}
.header-v10 .account-avatar-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.header-v10 .sell-btn{height:46px;padding:0 20px;border-radius:7px;font-size:13px;box-shadow:0 7px 18px rgba(227,6,19,.15)}
.header-v10 .header-brand-mark{width:42px;height:42px;display:grid;place-items:center;margin-left:3px;border-radius:8px;text-decoration:none;transition:background-color .16s ease}
.header-v10 .header-brand-mark:hover{background:#f7f7f5}
.header-v10 .header-brand-mark img{width:28px;height:28px;object-fit:contain}
.header-v10 .menu-button{display:none}

@media(max-width:1100px){
  .header-v10 .header-v10-nav{gap:20px;font-size:12.5px}
  .header-v10 .sell-btn{padding-inline:16px}
}

@media(max-width:860px){
  .header-v10{height:auto;min-height:64px}
  .header-v10 .header-inner{height:auto;min-height:64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding-block:9px}
  .header-v10 .header-v10-nav{grid-column:1/-1;grid-row:2;order:2;justify-content:flex-start;gap:22px;overflow-x:auto;padding:0 0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .header-v10 .header-v10-nav::-webkit-scrollbar{display:none}
  .header-v10 .header-v10-nav a{padding:10px 0 11px;font-size:12px}
  .header-v10 .header-v10-nav a::after{bottom:5px}
  .header-v10 .header-v10-actions{grid-column:2;grid-row:1;justify-self:end}
  .header-v10 .sell-btn{height:42px;padding:0 14px;font-size:12px}
  .header-v10 .header-brand-mark{width:38px;height:38px}
  .header-v10 .header-brand-mark img{width:25px;height:25px}
}

@media(max-width:560px){
  .header-v10 .header-inner{width:calc(100% - 20px)}
  .header-v10 .header-v10-actions{gap:7px}
  .header-v10 .account-avatar{width:36px;height:36px}
  .header-v10 .sell-btn{height:38px;padding:0 11px;font-size:11px}
  .header-v10 .header-brand-mark{width:34px;height:34px;margin-left:0}
  .header-v10 .header-brand-mark img{width:23px;height:23px}
  .header-v10 .header-v10-nav{gap:18px}
}

@media(prefers-reduced-motion:reduce){
  .header-v10 .header-v10-nav a::after,.header-v10 .account-avatar,.header-v10 .header-brand-mark{transition:none!important}
}
