/* ===== Mega dropdown for "Автомобили" — desktop only ===== */
@media (hover:hover) and (min-width:1025px){
  .mega{
    position:fixed;
    left:0;
    right:0;
    margin-inline:auto;
    transform:none;
    top:var(--mega-offset, 132px);
    background: var(--surface,#fff);
    color: var(--text,#111);
    border:1px solid color-mix(in srgb, var(--text,#111) 12%, transparent);
    border-radius: var(--r-panel,16px);
    box-shadow: var(--sh-card,0 8px 24px rgba(0,0,0,.12));
    padding:14px 20px;
    z-index:1002;
    width: min(1100px, calc(100vw - 64px));
    min-width: min(780px, calc(100vw - 64px));
    max-width: min(1100px, calc(100vw - 64px));
    display:none;
    box-sizing:border-box;
  }
  .mega.is-open{ display:block; }

  .mega__list{
    margin:0; padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(4, minmax(140px,1fr));
    gap:8px 12px; align-items:center;
  }

  .mega__item{
    display:flex; align-items:center; gap:10px;
    padding:10px 12px;
    border-radius:var(--r-chip,14px);
    text-decoration:none; color:inherit;
    border:1px solid transparent;
    outline:none;
  }
  .mega__item:hover, .mega__item:focus-visible{
    background: var(--surface-2, #f4f6f7);
    border-color: color-mix(in srgb, var(--text,#111) 12%, transparent);
    box-shadow: var(--sh-card-hover,0 6px 18px rgba(0,0,0,.10));
  }

  .mega__logo{
    display:inline-flex; align-items:center; justify-content:center;
    width:80px; height:28px;
  }
  .mega__logo > img{
    display:block; width:80px; height:28px;
  }
  .mega__name{
    font:600 14px/1.2 var(--f-sans,system-ui);
    letter-spacing:.02em;
  }
}