/** Shopify CDN: Minification failed

Line 1097:1 Expected "}" to go with "{"

**/
/* ==========================================================================
   Sidebar Mega Menu 2  (assets/navigation-mega-sidebar2.css)
   Left : bold rows, divider lines, chevron, grey active row
          + a small line ICON on each category + accent edge on the active row
   Right: category title, then the sub-items listed as plain text in columns
   Motion: 0.3s background fade + 0.3s panel fade, no sliding.
   Scoped to .mega-nav--sidebar2, so menu 1 is untouched.
   ========================================================================== */

/* ---------- Easy edit zone ---------- */
.mega-nav--sidebar2 {
  /* Accent = Header accent colour from the theme editor.
     To force a colour, uncomment and use space-separated RGB (not hex). */
  --sb2-accent: var(--header-accent-color);
  /* --sb2-accent: 200 16 46; */

  --sb2-left-width: 280px;
  --sb2-min-height: 340px;     /* minimum height of the open menu */
  --sb2-col-min: 190px;        /* smallest link column; bigger = fewer columns */
  --sb2-icon-size: 22px;

  /* Line icons (drawn with CSS masks so they follow the text colour) */
  --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Crect x='14' y='14' width='6' height='6' rx='1'/%3E%3C/svg%3E");
  --ico-brakes: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M24 40c8.837 0 16-7.163 16-16S32.837 8 24 8S8 15.163 8 24s7.163 16 16 16'/%3E%3Cpath d='M24 28a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-24a20 20 0 0 1 20 20h-7.994A12.006 12.006 0 0 0 24 11.994z'/%3E%3C/svg%3E");
  --ico-suspension: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='8' cy='17' r='2'/%3E%3C/svg%3E");
  --ico-exhaust: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10a3 3 0 1 0-3-3M3 12h15a3 3 0 1 1-3 3M3 16h7'/%3E%3C/svg%3E");
  --ico-aero: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h18M5 8l1 5h12l1-5M9 13v6M15 13v6'/%3E%3C/svg%3E");
  --ico-wheels: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 3v5M12 16v5M3 12h5M16 12h5'/%3E%3C/svg%3E");
  --ico-interior: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M3 12h6.5M14.5 12H21M12 14.5V21'/%3E%3C/svg%3E");
  --ico-engine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3M4.9 4.9L7 7M17 17l2.1 2.1M4.9 19.1L7 17M17 7l2.1-2.1'/%3E%3C/svg%3E");
  --ico-maintenance: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18l3 3 6.3-6.3a4 4 0 0 0 5.4-5.4l-2.4 2.4-2.6-.6-.6-2.6z'/%3E%3C/svg%3E");
  --ico-merch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3L3 6l2 4 3-1v12h8V9l3 1 2-4-5-3a4 4 0 0 1-8 0z'/%3E%3C/svg%3E");
  --ico-accessories: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9zM4 7.5l8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E");
  --ico-car: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 16l1.5-5a2 2 0 0 1 1.9-1.4h7.2a2 2 0 0 1 1.9 1.4L19 16M3 16h18v3H3z'/%3E%3Ccircle cx='7.5' cy='17.5' r='.6'/%3E%3Ccircle cx='16.5' cy='17.5' r='.6'/%3E%3C/svg%3E");
}

@media (min-width: 1280px) {
  .mega-nav--sidebar2 {
    --sb2-left-width: 300px;
  }
}

/* No photos in this layout (left rows, sub-items, or old hero snippet) */
.mega-nav--sidebar2 .main-nav__collection-image,
.mega-nav--sidebar2 .grandchild-nav__image,
.mega-nav--sidebar2 .sidebar2-hero__photo {
  display: none !important;
}

/* ---------- Badges (shared behaviour) ---------- */
@media (max-width: 1023.98px) {
  .main-nav__badge {
    display: none;
  }
  .mega-nav--sidebar2 .sidebar2-panel-title {
    display: none;
  }
}
@media (min-width: 1024px) {
  .main-nav__badge--1 {
    background-color: rgba(var(--badge-1-color)/0.1);
    color: rgb(var(--badge-1-color));
  }
  .main-nav__badge--2 {
    background-color: rgba(var(--badge-2-color)/0.1);
    color: rgb(var(--badge-2-color));
  }
  .main-nav__badge--3 {
    background-color: rgba(var(--badge-3-color)/0.1);
    color: rgb(var(--badge-3-color));
  }
}

/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1024px) {

  .mega-nav--sidebar2 {
    scrollbar-gutter: stable both-edges;
  }

  /* ---------- Left: rows ---------- */
  .mega-nav--sidebar2 .child-nav {
    position: relative;
    min-height: max(var(--sidebar-height, 0px), var(--sb2-min-height));
    transition: min-height 0.2s;
  }

  .mega-nav--sidebar2 .child-nav__item--toggle {
    width: var(--sb2-left-width);
    padding: 0 1rem;
    box-shadow: inset 0 0 0 0 transparent;
    transition: background-color 0.3s, box-shadow 0.3s;
  }
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item {
    width: var(--sb2-left-width);
    padding-inline: 1rem;
    box-shadow: inset 0 0 0 0 transparent;
    transition: background-color 0.3s, box-shadow 0.3s;
  }

  .mega-nav--sidebar2 .child-nav__item--toggle:not(.nav__item--no-underline),
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item:not(.nav__item--no-underline) {
    border-bottom: 1px solid var(--nav-line-color);
  }

  .mega-nav--sidebar2 .main-nav__item-content {
    display: flex;
    align-items: center;
    width: 100%;
  }

  /* icon | label | chevron */
  .mega-nav--sidebar2 .child-nav__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9rem;
    width: 100%;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
  }

  /* ---------- Category icon ---------- */
  .mega-nav--sidebar2 .child-nav__item::before {
    content: "";
    display: block;           /* change to "none" to remove the default icon */
    flex: none;
    width: var(--sb2-icon-size);
    height: var(--sb2-icon-size);
    background-color: rgba(var(--text-color)/0.75);
    -webkit-mask-image: var(--ico-default);
    mask-image: var(--ico-default);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color 0.3s;
  }
  .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible .child-nav__item::before,
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible::before,
  .mega-nav--sidebar2 .child-nav__item--toggle:hover .child-nav__item::before {
    background-color: rgb(var(--sb2-accent));
  }

  /* chevron on the far right */
  .mega-nav--sidebar2 .child-nav__item .icon {
    flex: none;
    margin-inline-start: auto;
    transform: rotate(-90deg) !important;
  }
  [dir=rtl] .mega-nav--sidebar2 .child-nav__item .icon {
    transform: rotate(90deg) !important;
  }

  /* hover + active row */
  .mega-nav--sidebar2 .child-nav__item--toggle:hover,
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item:hover {
    background-color: rgba(var(--text-color)/0.05);
  }
  .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible,
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    background-color: rgba(var(--text-color)/0.05);
    box-shadow: inset 3px 0 0 0 rgb(var(--sb2-accent));
  }
  [dir=rtl] .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible,
  [dir=rtl] .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    box-shadow: inset -3px 0 0 0 rgb(var(--sb2-accent));
  }
  .mega-nav--sidebar2 .child-nav__item--toggle:hover a,
  .mega-nav--sidebar2 .child-nav__item--toggle.is-visible a,
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item:hover {
    color: rgba(var(--nav-text-color)/1);
  }

  /* ---------- Right: panel ---------- */
  .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--sb2-left-width);
    box-sizing: border-box;
    min-height: 0;
    max-height: none;
    overflow: auto;
    padding: 1.25rem 2rem 1.5rem;
    border-inline-start: 1px solid var(--nav-line-color);
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
  }
  [dir=rtl] .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    right: var(--sb2-left-width);
    left: 0;
  }
  .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible + .disclosure__panel {
    visibility: visible;
    max-height: none;
    opacity: 1;
  }
  .no-js .mega-nav--sidebar2 .child-nav__item--toggle:hover, .no-js .mega-nav--sidebar2 .child-nav__item--toggle:focus {
    background-color: rgba(var(--text-color)/0.05);
  }
  .no-js .mega-nav--sidebar2 .child-nav__item--toggle:hover + .disclosure__panel, .no-js .mega-nav--sidebar2 .child-nav__item--toggle:focus + .disclosure__panel {
    visibility: visible;
    opacity: 1;
  }
  .no-js .mega-nav--sidebar2 .disclosure__panel:hover {
    visibility: visible;
    opacity: 1;
  }
  .no-js .mega-nav--sidebar2 .child-nav__item {
    pointer-events: none;
  }

  /* Title (needs the one-line snippet in header.liquid) */
  .mega-nav--sidebar2 .sidebar2-panel-title {
    position: relative;
    display: block;
    margin: 0 0 1rem;
    padding-bottom: 0.7rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    color: rgb(var(--nav-text-color));
  }
  .mega-nav--sidebar2 .sidebar2-panel-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: 36px;
    height: 3px;
    background: rgb(var(--sb2-accent));
  }

  /* ---------- Sub-items: plain text list in columns ---------- */
  .mega-nav--sidebar2 .main-nav__grandchild {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--sb2-col-min), 1fr));
    column-gap: 2rem;
    row-gap: 0;
    padding: 0;
  }

  .mega-nav--sidebar2 .main-nav__grandchild .main-nav__item {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5rem 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
    color: rgb(var(--nav-text-color));
    transition: color 0.3s;
  }
  .mega-nav--sidebar2 .main-nav__grandchild .main-nav__item:hover {
    color: rgba(var(--nav-text-color)/0.6);
  }

  /* Group headings: add a 3rd-level menu item with the link "#" */
  .mega-nav--sidebar2 .main-nav__grandchild > li:has(> a[href="#"]) {
    grid-column: 1 / -1;
  }
  .mega-nav--sidebar2 .main-nav__grandchild a[href="#"] {
    padding: 1rem 0 0.25rem;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(var(--nav-text-color)/0.6);
    pointer-events: none;
    cursor: default;
  }
  .mega-nav--sidebar2 .main-nav__grandchild > li:first-child a[href="#"] {
    padding-top: 0;
  }

  /* "Go to ..." link */
  .mega-nav--sidebar2 .main-nav__grandchild > li.col-start-1 {
    grid-column: 1 / -1;
  }
  .mega-nav--sidebar2 .main-nav__item--go {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 0.5rem;
    font-size: 14px;
    font-weight: 600;
    color: rgb(var(--sb2-accent));
  }



@media (hover: none) {
  .mega-nav--sidebar2 .child-nav__item--toggle .main-nav__item-content {
    pointer-events: none;
  }
}



@media (min-width: 1024px) {
  .mega-nav--sidebar2 .child-nav__item {
    gap: 1rem;
  }
}






/* Sub-items: fill down 6 per column, then move to the next column */
.mega-nav--sidebar2 {
  --sb2-rows: 6;   /* items per column */
}

@media (min-width: 1024px) {
  .mega-nav--sidebar2 .main-nav__grandchild {
    grid-auto-flow: column;
    grid-template-rows: repeat(var(--sb2-rows), auto);
    grid-template-columns: none;
    grid-auto-columns: minmax(var(--sb2-col-min), auto);
    justify-content: start;
    column-gap: 2.5rem;
  }

  /* group headings take one slot like any other item */
  .mega-nav--sidebar2 .main-nav__grandchild > li:has(> a[href="#"]) {
    grid-column: auto;
  }

  /* hide the "Go to ..." link (clicking the category on the left already goes there) */
  .mega-nav--sidebar2 .main-nav__grandchild > li.col-start-1 {
    display: none;
  }
}




/* "Shop all ..." link, bottom left of the panel */
.mega-nav--sidebar2 .sidebar2-shop-all-row {
  display: none;
}

@media (min-width: 1024px) {
  .mega-nav--sidebar2 .sidebar2-shop-all-row {
    display: flex;
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: end !important;
    justify-content: flex-start !important;
    margin: 2rem 0 0 !important;
  }
  .mega-nav--sidebar2 .sidebar2-shop-all {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(var(--nav-text-color)/0.35);
    font-size: 14px;
    font-weight: 600;
    color: rgb(var(--nav-text-color));
    transition: color 0.3s;
  }
  .mega-nav--sidebar2 .sidebar2-shop-all::after {
    content: "\2192";
  }
  .mega-nav--sidebar2 .sidebar2-shop-all:hover {
    color: rgba(var(--nav-text-color)/0.6);
  }
}










/* List on the first line, "Shop all" link top right beside it */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 2rem;
    align-items: start;
  }
  .mega-nav--sidebar2 .main-nav__grandchild {
    grid-column: 1;
    grid-row: 1;
  }
  .mega-nav--sidebar2 .sidebar2-shop-all-row {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
  }
}


/* Move the list a bit further from the category column */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    padding-inline-start: 4rem;
  }
}



/* Big category name, bottom left of the panel */
.mega-nav--sidebar2 .sidebar2-big-title {
  display: none;
}

@media (min-width: 1024px) {
  .mega-nav--sidebar2 .sidebar2-big-title {
    display: block;
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: end;
    margin-top: 2rem;
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    overflow-wrap: anywhere;
    color: rgb(var(--nav-text-color));
    pointer-events: none;
  }
}


/* Big category name: bottom right instead of bottom left */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 .sidebar2-big-title {
    justify-self: end;
    text-align: right;
  }
}


@media (min-width: 1024px) {
  .mega-nav--sidebar2 .sidebar2-big-title {
    font-family: "NeueHaasDisplayMediu", "Helvetica Neue", Arial, sans-serif;
  }
}



/* Sub-item list: wider spacing (paste at the VERY BOTTOM of the file) */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 .disclosure__panel ul.main-nav__grandchild {
    column-gap: 12rem !important;   /* space between columns */
    row-gap: 0.6rem !important;     /* extra space between rows */
  }
  .mega-nav--sidebar2 .disclosure__panel ul.main-nav__grandchild li .main-nav__item {
    padding: 0.5rem 0 !important;     /* space above and below each link */
  }
}


/* Category icons by row position:
   3 Wheels, 4 Aero & Exterior, 5 Suspension, 6 Exhaust, 7 Engine Bay,
   8 Induction, 9 Drive Train, 10 Interior, 11 Brakes, 12 Oils and Fluids, 13 Merchandise */
@media (min-width: 1024px) {

  .mega-nav--sidebar2 .child-nav > li:nth-child(3) { /* Wheels */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 1 22 22' fill='none' stroke='%23000' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Ccircle cx='12' cy='12' r='7.2'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Cpath d='M12 9.8V4.8M14.09 11.32L18.85 9.77M13.29 13.78L16.23 17.82M10.71 13.78L7.77 17.82M9.91 11.32L5.15 9.77'/%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(4) { /* Aero & Exterior */
 --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.3 16.5H2.5v-3.2l1.3-3 3.4-.9 2.4-2.6h5.2l3.4 3 3.6.9 1.7 1.6v4.2h-1.7M8.7 16.5h6.6'/%3E%3Cpath d='M7.4 10.2l2.2-2.3h4.6l2.4 2.3z'/%3E%3Cpath d='M2 8.4h4M3.6 8.4v2'/%3E%3Ccircle cx='6.5' cy='16.5' r='2.2'/%3E%3Ccircle cx='17.5' cy='16.5' r='2.2'/%3E%3C/svg%3E");  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(5) { /* Suspension (shock absorber) */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg transform='rotate(45 12 12)'%3E%3Ccircle cx='12' cy='19.6' r='2.4'/%3E%3Cpath d='M12 17.2L9.2 15.4L14.8 13.4L9.2 11.4L14.8 9.4L12 8.5'/%3E%3Crect x='8.5' y='4.2' width='7' height='4.3' rx='1'/%3E%3Cpath d='M10.8 4.2V1.8H13.2V4.2'/%3E%3C/g%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(6) { /* Exhaust */
   --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.1 7.8C3 7.4 1.7 7.6 1.6 8.7 1.6 9.5 2.3 9.5 2.8 9.5 3.6 9.5 3.9 10 3.9 11.2 4 12.8 5.5 13.5 7 13.6'/%3E%3Cpath d='M5.1 8.3C5.8 9 6 9.8 5.9 10.6 5.9 11.1 6.3 11.3 7 11.4'/%3E%3Cpath d='M18.6 8.5H8.7C7.3 9.5 7.1 15 8.7 16.6H15.5M16.4 16.6H18.6'/%3E%3Cellipse cx='18.6' cy='12.5' rx='1.8' ry='4.05'/%3E%3Cpath d='M10.5 9.7H14M14.8 9.7H16.4'/%3E%3Cpath d='M19.3 10h2.7a1.1 1.1 0 0 1 0 2.2h-2.7a1.1 1.1 0 0 1 0-2.2z'/%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(7) { /* Engine Bay */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5h3l1-2h4.5v2h2l1.5 2h2.5v6H19l-1.5 2H9.5l-3-3z'/%3E%3Cpath d='M9 5.5h5.5M12.5 5.5v2M6.5 12H4.2v3.5h2.3M2.5 12.5v2.5'/%3E%3Cpath d='M11 11.5h4M11 14.5h4'/%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(8) { /* Induction (fan) */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.827 16.379a6.082 6.082 0 0 1-8.618-7.002l5.412 1.45a6.082 6.082 0 0 1 7.002-8.618l-1.45 5.412a6.082 6.082 0 0 1 8.618 7.002l-5.412-1.45a6.082 6.082 0 0 1-7.002 8.618zM12 12v.01'/%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(9) { /* Drive Train (gear) */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.1 9.9L21.8 10.2L21.8 13.8L19.1 14.1L17.3 17.1L18.5 19.6L15.4 21.4L13.8 19.2L10.2 19.2L8.6 21.4L5.5 19.6L6.7 17.1L4.9 14.1L2.2 13.8L2.2 10.2L4.9 9.9L6.7 6.9L5.5 4.4L8.6 2.6L10.2 4.8L13.8 4.8L15.4 2.6L18.5 4.4L17.3 6.9z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(10) { /* Interior */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 2.5h3.8a1.7 1.7 0 0 1 1.7 1.7v2.4c0 .7-.6 1.2-1.2 1.6 1.4.8 2 1.8 2.3 3.2l1 3.6h3.9c1.2 0 2 .9 2 2v1.5H5.5z'/%3E%3Cpath d='M8.7 6.6h3M7.2 11.5l-.8 4.5'/%3E%3Cpath d='M8 18.5v2.5M19 18.5v2.5M6 21h14'/%3E%3C/svg%3E");

  .mega-nav--sidebar2 .child-nav > li:nth-child(11) { /* Brakes */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='13.5' r='8.5'/%3E%3Ccircle cx='13.5' cy='13.5' r='4'/%3E%3Ccircle cx='13.5' cy='13.5' r='1.2'/%3E%3Cpath d='M2.5 11.5C2.7 7.3 5.5 4.5 10.2 3.5v4.3C8.2 8.6 7.2 10 6.8 11.5z'/%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(12) { /* Oils and Fluids (fuel pump) */
    --ico-default: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-6.998a2 2 0 0 0-.59-1.42L18 5m-4 16V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v16m-1 0h13M3 9h11'/%3E%3C/svg%3E");
  }

  .mega-nav--sidebar2 .child-nav > li:nth-child(13) { /* Merchandise */
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3.5L2.8 6.6l2 4 2.7-1.3v11.2h9V9.3l2.7 1.3 2-4-5.7-3.1c-.5 1.5-1.8 2.3-3.5 2.3S9 5 8.5 3.5z'/%3E%3C/svg%3E") !important;
  }
}


/* Brakes icon - forced */
.mega-nav--sidebar2 .child-nav > li:nth-child(11) .child-nav__item::before,
.mega-nav--sidebar2 .child-nav > li:nth-child(11) > .child-nav__item::before,
.mega-nav--sidebar2 a.child-nav__item[href*="brake" i]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='13.5' r='8.5'/%3E%3Ccircle cx='13.5' cy='13.5' r='4'/%3E%3Ccircle cx='13.5' cy='13.5' r='1.2'/%3E%3Cpath d='M2.5 11.5C2.7 7.3 5.5 4.5 10.2 3.5v4.3C8.2 8.6 7.2 10 6.8 11.5z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13.5' cy='13.5' r='8.5'/%3E%3Ccircle cx='13.5' cy='13.5' r='4'/%3E%3Ccircle cx='13.5' cy='13.5' r='1.2'/%3E%3Cpath d='M2.5 11.5C2.7 7.3 5.5 4.5 10.2 3.5v4.3C8.2 8.6 7.2 10 6.8 11.5z'/%3E%3C/svg%3E") !important;
}


/* Oils and Fluids icon (row 12) - fuel pump */
.mega-nav--sidebar2 .child-nav > li:nth-child(12) .child-nav__item::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-6.998a2 2 0 0 0-.59-1.42L18 5m-4 16V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v16m-1 0h13M3 9h11'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 4 0v-6.998a2 2 0 0 0-.59-1.42L18 5m-4 16V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v16m-1 0h13M3 9h11'/%3E%3C/svg%3E") !important;
}


/* Merchandise icon (row 13) - t-shirt */
.mega-nav--sidebar2 .child-nav > li:nth-child(13) .child-nav__item::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3.5L2.8 6.6l2 4 2.7-1.3v11.2h9V9.3l2.7 1.3 2-4-5.7-3.1c-.5 1.5-1.8 2.3-3.5 2.3S9 5 8.5 3.5z'/%3E%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 3.5L2.8 6.6l2 4 2.7-1.3v11.2h9V9.3l2.7 1.3 2-4-5.7-3.1c-.5 1.5-1.8 2.3-3.5 2.3S9 5 8.5 3.5z'/%3E%3C/svg%3E") !important;
}







/* Taller menu */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 {
    --sb2-min-height: 520px;   /* was 340px: minimum height of the open menu */
  }
  .mega-nav--sidebar2 .child-nav {
    min-height: max(var(--sidebar-height, 0px), var(--sb2-min-height)) !important;
    padding-bottom: 5rem;      /* extra space under the last category row */
  }
}





/* Menu 2: more compact on laptops / short screens */
@media (min-width: 1024px) and (max-height: 850px),
       (min-width: 1024px) and (max-width: 1536px) {
  .mega-nav--sidebar2 {
    --sb2-min-height: 360px;      /* shorter menu (was bigger) */
    --sb2-icon-size: 20px;
  }
  .mega-nav--sidebar2 .child-nav {
    min-height: max(var(--sidebar-height, 0px), var(--sb2-min-height)) !important;
    padding-bottom: 0 !important;
  }

  /* shorter category rows */
  .mega-nav--sidebar2 .child-nav__item {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  /* sub-links closer together */
  .mega-nav--sidebar2 .disclosure__panel ul.main-nav__grandchild {
    column-gap: 4rem !important;
    row-gap: 0 !important;
  }
  .mega-nav--sidebar2 .disclosure__panel ul.main-nav__grandchild li .main-nav__item {
    padding: 0.5rem 0 !important;
  }

  /* smaller big title */
  .mega-nav--sidebar2 .sidebar2-big-title {
    font-size: 3rem;
    margin-top: 1rem;
  }
}



/* Menu 2: sub-links fit the window instead of scrolling sideways */
@media (min-width: 1024px) and (max-width: 1500px) {
  .mega-nav--sidebar2 .disclosure__panel ul.main-nav__grandchild {
    display: block !important;
    column-width: 170px !important;                 /* narrowest a column can get */
    column-gap: clamp(1.5rem, 4vw, 6rem) !important; /* space between columns, shrinks with the window */
    column-fill: balance;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
  }
  .mega-nav--sidebar2 .disclosure__panel ul.main-nav__grandchild > li {
    break-inside: avoid;
  }
  .mega-nav--sidebar2 .main-nav__grandchild > li:has(> a[href="#"]) {
    column-span: all;
  }
  .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    overflow-x: hidden !important;
  }
}


/* Phones: hide "Shop all" + the repeated title, and make the sub-links one simple list */
@media (max-width: 1023.98px) {

  .sidebar2-shop-all-row,
  .sidebar2-shop-all,
  .sidebar2-big-title,
  .sidebar2-panel-title {
    display: none !important;
  }

  /* the list under the tab: one column */
  .main-nav__grandchild:not(.main-nav__grandchild-grid) {
    display: block !important;
    column-count: 1 !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-auto-flow: row !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .main-nav__grandchild:not(.main-nav__grandchild-grid) > li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
  }
  .main-nav__grandchild:not(.main-nav__grandchild-grid) .main-nav__item {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0.7rem 0 !important;
  }
}










/* Left list: option 19 - matches the Brands menu (icons kept) */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 .child-nav__item--toggle,
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 18px !important;
    padding-right: 14px !important;
    background: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #eee !important;
    transition: box-shadow 0.25s ease !important;
  }
  .mega-nav--sidebar2 .child-nav__item {
    padding-top: 11px !important;       /* row height: smaller = shorter rows */
    padding-bottom: 11px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #111 !important;
  }
  .mega-nav--sidebar2 .child-nav__item--toggle a,
  .mega-nav--sidebar2 .child-nav__item--toggle span {
    color: inherit !important;
    font-weight: inherit !important;
  }
  .mega-nav--sidebar2 .child-nav__item::before { background-color: #111 !important; }
  .mega-nav--sidebar2 .child-nav__item .icon { color: #111 !important; }

  .mega-nav--sidebar2 .child-nav__item--toggle:hover,
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item:hover {
    background: none !important;
    box-shadow: inset 3px 0 0 #d5d5d5 !important;
  }
  .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible,
  .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    background: none !important;
    box-shadow: inset 3px 0 0 #111 !important;
  }
  .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible .child-nav__item {
    font-weight: 700 !important;
  }
}





/* Menu 2: remove the big title, put "Shop all ..." bottom right in its place */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 .sidebar2-big-title {
    display: none !important;
  }
  .mega-nav--sidebar2 .sidebar2-shop-all-row {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: end !important;
    justify-content: flex-end !important;
    margin: 2rem 0 0 !important;
  }
}



/* Menu 2: shorter menu so the bottom never cuts off */
@media (min-width: 1024px) {
  .mega-nav--sidebar2 {
    --sb2-min-height: 340px;
  }
  .mega-nav--sidebar2 .child-nav {
    min-height: max(var(--sidebar-height, 0px), var(--sb2-min-height)) !important;
    padding-bottom: 0 !important;
  }
  .mega-nav--sidebar2 .child-nav__item {
    padding-top: 8px !important;      /* row height: smaller = shorter rows */
    padding-bottom: 8px !important;
  }
}


/* Menu 2: title on the left, "Shop all" on the same line, black line underneath (desktop only) */
@media (min-width: 1024px) {
  /* stop the rows stretching apart, so the list sits right under the title */
  html body .mega-nav--sidebar2 .disclosure__panel {
    align-content: start !important;
  }

  html body .mega-nav--sidebar2 .disclosure__panel .sidebar2-big-title {
    display: block !important;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: start !important;
    margin: 0 0 1.4rem !important;
    padding: 0 0 12px !important;
   border-bottom: 1px solid #eee !important;
       font-size: 24px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 30px !important;
    letter-spacing: -0.01em !important;
    text-align: left !important;
    text-transform: none !important;
    color: #111 !important;
    pointer-events: none;
  }
  html body .mega-nav--sidebar2 .disclosure__panel .sidebar2-big-title::after {
    content: none !important;
  }

  /* "Shop all" goes on the title line, on the right */
  html body .mega-nav--sidebar2 .disclosure__panel .sidebar2-shop-all-row {
    position: relative;
    z-index: 2;
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    height: 30px;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
  }
  html body .mega-nav--sidebar2 .sidebar2-shop-all {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
 color: #111 !important;  }
  html body .mega-nav--sidebar2 .sidebar2-shop-all:hover {
   color: rgba(17, 17, 17, 0.6) !important;  }

  /* the list sits under the title line */
  html body .mega-nav--sidebar2 .main-nav__grandchild {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}



/* Menu 2: smaller arrow on the category tabs (desktop only) */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .child-nav__item .icon {
    width: 15px !important;
    height: 15px !important;
  }
}



/* Menu 2: slightly taller category tabs (desktop only) */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .child-nav__item {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}


/* Menu 2: a little more white space under the last tab (desktop only) */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .child-nav {
    padding-bottom: 40px !important;   /* bigger = more white space */
  }
}


/* Shop by Parts: title line, darker grey (same as Wheels menu) */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .disclosure__panel .sidebar2-big-title {
    border-bottom: 1px solid #d4d4d7 !important;
  }
}





  /* ==========================================================================
   Shop by Parts: ONE card, black side panel full height, roomy white right
   (desktop only)
   ========================================================================== */
@media (min-width: 1024px) {

  /* the card: no inner padding, so the black reaches the edges */
  html body .main-nav__child.mega-nav.mega-nav--sidebar2 {
    padding: 0 !important;
  }
  html body .main-nav__child.mega-nav.mega-nav--sidebar2 > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* the black side panel: top to bottom, edge to edge */
  html body .mega-nav--sidebar2 .child-nav {
    background: none !important;
    min-height: 0 !important;
    padding: 12px 0 12px !important;
  }
  html body .mega-nav--sidebar2 .child-nav::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: var(--sb2-left-width);
    background: #0f1012;
    z-index: -1;
  }

  /* rows: soft pills inside the black */
  html body .mega-nav--sidebar2 .child-nav__item--toggle,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item {
    width: calc(var(--sb2-left-width) - 24px) !important;
    margin-left: 12px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 10px !important;
    background: none !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease !important;
  }
  html body .mega-nav--sidebar2 .child-nav__item,
  html body .mega-nav--sidebar2 .child-nav__item--toggle a,
  html body .mega-nav--sidebar2 .child-nav__item--toggle span {
    color: #c9cacd !important;
  }
  html body .mega-nav--sidebar2 .child-nav__item::before {
    background-color: #c9cacd !important;
  }
  html body .mega-nav--sidebar2 .child-nav__item .icon {
    color: #8a8b90 !important;
  }
  html body .mega-nav--sidebar2 .child-nav__item--toggle:hover,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item:hover {
    background: #1d1f23 !important;
  }
  html body .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    background: #26282d !important;
    box-shadow: none !important;
  }
  html body .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible .child-nav__item,
  html body .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible a,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    color: #fff !important;
  }
  html body .js .mega-nav--sidebar2 .child-nav__item--toggle.is-visible .child-nav__item::before,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible::before {
    background-color: #fff !important;
  }

  /* right side: roomy white */
  html body .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    border: 0 !important;
    background: transparent !important;
    padding: 34px 40px 40px !important;    /* white border: top / sides / bottom */
  }
}








/* ==========================================================================
   Shop by Parts: fixes + condensed (desktop only)
   ========================================================================== */
@media (min-width: 1024px) {

  /* remove the thin white line along the top of the card */
  html body .main-nav__child.mega-nav.mega-nav--sidebar2 {
    border: 0 !important;
    border-top: 0 !important;
  }

  /* narrower black panel */
  html body .mega-nav--sidebar2 {
    --sb2-left-width: 250px !important;
  }

  /* tighter rows */
  html body .mega-nav--sidebar2 .child-nav {
    padding: 10px 0 10px !important;
  }
  html body .mega-nav--sidebar2 .child-nav__item {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    font-size: 14px !important;
  }

  /* hover: lighter black across the whole tab */
  html body .mega-nav--sidebar2 .child-nav__item--toggle:hover,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item:hover {
    background: #1d1f23 !important;
  }

  /* open tab: clearly lighter, white text and icon */
  html.js body .mega-nav--sidebar2 .child-nav__item--toggle.is-visible,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    background: #2a2c31 !important;
    box-shadow: none !important;
  }
  html.js body .mega-nav--sidebar2 .child-nav__item--toggle.is-visible .child-nav__item,
  html.js body .mega-nav--sidebar2 .child-nav__item--toggle.is-visible a,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    color: #fff !important;
    font-weight: 700 !important;
  }
  html.js body .mega-nav--sidebar2 .child-nav__item--toggle.is-visible .child-nav__item::before,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible::before {
    background-color: #fff !important;
  }

  /* right side: a bit less padding */
  html body .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    padding: 28px 36px 32px !important;
  }
}


/* ==========================================================================
   Shop by Parts: narrower card + roomier rows (desktop only)
   ========================================================================== */
@media (min-width: 1024px) {

  /* narrower card (only this menu) */
  html body .main-nav__child.mega-nav.mega-nav--sidebar2 {
    --card-w: min(1000px, calc(var(--viewport-width, 100vw) - 48px)) !important;
  }

  /* black panel width */
  html body .mega-nav--sidebar2 {
    --sb2-left-width: 250px !important;
  }

  /* rows: a bit more breathing room */
  html body .mega-nav--sidebar2 .child-nav {
    padding: 14px 0 14px !important;
  }
  html body .mega-nav--sidebar2 .child-nav__item {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}






/* Shop by Parts: slightly wider card (desktop only) */
@media (min-width: 1024px) {
  html body .main-nav__child.mega-nav.mega-nav--sidebar2 {
    --card-w: min(1200px, calc(var(--viewport-width, 100vw) - 48px)) !important;
  }
}




/* Shop by Parts: keep tab names on one line (desktop only) */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .child-nav__item--toggle .child-nav__item,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item {
    white-space: nowrap !important;
  }
  html body .mega-nav--sidebar2 {
    --sb2-left-width: 260px !important;
  }
}





/* Shop by Parts: no white bar on hover; only the open tab gets the highlight */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .child-nav__item--toggle:hover,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item:hover,
  html body .mega-nav--sidebar2 .child-nav__item--toggle:focus,
  html body .mega-nav--sidebar2 .child-nav__item--toggle:focus-within {
    box-shadow: none !important;
    outline: none !important;
  }
  /* open tab: no bar either */
  html.js body .mega-nav--sidebar2 .child-nav__item--toggle.is-visible,
  html body .mega-nav--sidebar2 .child-nav > li > .child-nav__item.is-visible {
    box-shadow: none !important;
  }
}



/* Shop by Parts: more padding at the bottom (desktop only) */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .child-nav {
    padding: 18px 0 25px !important;
  }
  html body .mega-nav--sidebar2 .child-nav__item--toggle + .disclosure__panel {
    padding: 34px 44px 56px !important;
  }
}



/* Shop by Parts: faint lines between categories (desktop only) */
@media (min-width: 1024px) {
  html body .mega-nav--sidebar2 .child-nav > li:not(:last-child)::after {
    content: "";
    display: block;
    height: 1px;
    width: calc(var(--sb2-left-width) - 52px);
    margin: 0 0 0 26px;
    background: rgba(255, 255, 255, 0.08);
  }
}