/* Services mega menu (Dawson 2026-11-09: "not one narrow long list", same idea as the KRP and ER Autocare menus).
   Desktop menu only (.type_desktop, the theme switches to it at about 1440px); the mobile panel keeps its list.
   The panel hangs from .l-subheader-h (the 1140px header container, position:relative), so the Services item is
   made static. The theme opens dropdowns with transform scaleY + opacity, so the panel is placed with offsets,
   never a transform. Icons are white line icons on a red circle, keyed by link, so the menu markup in the 85 pages stays the theme's own. */
.w-nav.type_desktop .menu-item-346 { position: static; }
.w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2 {
  left: 0; right: 0; top: 100%; width: auto; height: auto;
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: repeat(4, auto);
  grid-auto-flow: column; column-gap: 8px; row-gap: 2px; /* alphabetical order runs down each column */
  padding: 70px 24px 24px; background: #fff; border-top: 3px solid #ea1d25;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .18); transform-origin: 50% 0;
}
.w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2::before {
  content: "Just German Automotive services"; position: absolute; top: 24px; left: 36px;
  font-family: "Bebas Neue", sans-serif; font-size: 26px; line-height: 1.1; letter-spacing: .02em; color: #111;
}
.w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2 > li { width: auto; }
.w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2 > li > a {
  display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 6px;
  font-size: 19px; line-height: 1.15; white-space: normal;
}
.w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2 > li > a:hover,
.w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2 > li > a:focus-visible { background: #f3f3f3; color: #ea1d25; }
.w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2 > li > a::before {
  content: ""; flex: 0 0 34px; height: 34px; border-radius: 50%;
  background: #ea1d25 var(--jg-ic) center / 19px 19px no-repeat;
}
@media (max-width: 1600px) {
  .w-nav.type_desktop .menu-item-346 > .w-nav-list.level_2 > li > a { font-size: 18px; gap: 10px; }
}
/* one icon per service (24px white stroke icons) */
.w-nav .menu-item-346 a[href="/ac-repair-and-service/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 2v20M4.9 6.5l14.2 11M19.1 6.5 4.9 17.5M9 3.5l3 2.5 3-2.5M9 20.5l3-2.5 3 2.5'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/brakes/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M5 7.5A8 8 0 0 1 9 4' stroke-linecap='round'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/diagnostics-and-programming/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2'/%3E%3Cpath d='M8 20h8M12 16v4M6 11h3l1.5-3 2 5 1.5-2H18'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/oil-changes/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 3s6 7 6 11a6 6 0 0 1-12 0c0-4 6-11 6-11z'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/suspension/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10M7 21h10M12 3v2l-5 2 10 3-10 3 10 3-5 2v3'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/mercedes-service-a-and-b/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M9 15l2 2 4-4'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/oil-leak-repair/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M8 2s4 5 4 8a4 4 0 0 1-8 0c0-3 4-8 4-8zM17 11s3.5 4 3.5 6.5a3.5 3.5 0 0 1-7 0C13.5 15 17 11 17 11z'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/cooling-system-repair/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M14 14.8V4a2 2 0 0 0-4 0v10.8a4 4 0 1 0 4 0zM12 9v8'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/engine-and-transmission-mounts/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h11l3 3v5H5zM8 9V6h5v3M2 12h3M19 14h3M7 20h3M14 20h3'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/timing-chain-and-timing-belt/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/ignition-coils-and-spark-plugs/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/transmission-service/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='5' cy='5' r='2'/%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Ccircle cx='19' cy='5' r='2'/%3E%3Ccircle cx='5' cy='19' r='2'/%3E%3Ccircle cx='12' cy='19' r='2'/%3E%3Cpath d='M5 7v10M12 7v10M19 7v5H5'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/battery-and-alternator-repair/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='18' height='13' rx='2'/%3E%3Cpath d='M7 7V5M17 7V5M7 13h3M15.5 11.5v3M14 13h3'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/german-car-maintenance/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V2h6v2M9 11h6M9 15h4'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/awd-and-cv-axle-repair/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Crect x='2' y='3' width='4' height='7' rx='1'/%3E%3Crect x='18' y='3' width='4' height='7' rx='1'/%3E%3Crect x='2' y='14' width='4' height='7' rx='1'/%3E%3Crect x='18' y='14' width='4' height='7' rx='1'/%3E%3Cpath d='M6 6.5h12M6 17.5h12M12 6.5v11'/%3E%3C/svg%3E"); }
.w-nav .menu-item-346 a[href="/pre-purchase-inspection/"] { --jg-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5M8 10.5l2 2 3.5-3.5'/%3E%3C/svg%3E"); }