/** Shopify CDN: Minification failed

Line 1197:0 Unexpected "}"

**/
.mega-menu {
  position: static;
}

.mega-menu__content {
  background-color: rgb(var(--color-background));
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  left: 0;
  overflow-y: auto;
  padding-bottom: 3rem;
  padding-top: 3rem;
  position: absolute;
  right: 0;
  top: 100%;
}

.shopify-section-header-sticky .mega-menu__content {
  max-height: calc(100vh - var(--header-bottom-position-desktop, 20rem) - 4rem);
}

.header-wrapper--border-bottom .mega-menu__content {
  border-top: 0;
}

.js .mega-menu__content {
  opacity: 0;
  transform: translateY(-1.5rem);
}

.mega-menu[open] .mega-menu__content {
  opacity: 1;
  transform: translateY(0);
}

.mega-menu__list {
  display: grid;
  gap: 1.8rem 4rem;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  list-style: none;
}

.mega-menu__link {
  color: rgba(var(--color-foreground), 0.75);
  display: block;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  text-decoration: none;
  transition: text-decoration var(--duration-short) ease;
  word-wrap: break-word;
}

.mega-menu__link--level-2 {
  font-weight: bold;
}

.header--top-center .mega-menu__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 0;
}

.header--top-center .mega-menu__list > li {
  width: 16%;
  padding-right: 2.4rem;
}

.mega-menu__link:hover,
.mega-menu__link--active {
  color: rgb(var(--color-foreground));
  text-decoration: underline;
}

.mega-menu__link--active:hover {
  text-decoration-thickness: 0.2rem;
}

.mega-menu .mega-menu__list--condensed {
  display: block;
}

.mega-menu__list--condensed .mega-menu__link {
  font-weight: normal;
}


/* LUCAS BATTERIES - MEGA MENU SHELL V3
   Paste at the BOTTOM of assets/component-mega-menu.css
*/

@media screen and (min-width: 990px) {
  .section-header details.mega-menu > .mega-menu__content {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    width: min(1400px, calc(100vw - 48px)) !important;
    max-width: 1400px !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    background: #ffffff !important;
    border: 1px solid rgba(7, 26, 47, 0.10) !important;
    border-radius: 18px !important;
    box-shadow: 0 22px 55px rgba(7, 26, 47, 0.16) !important;
    overflow: hidden !important;
  }

  .section-header details.mega-menu > .mega-menu__content > .mega-menu__list.page-width {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 28px 30px 30px !important;
  }

  .section-header details.mega-menu .mega-menu__list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px 28px !important;
  }

  .section-header details.mega-menu .mega-menu__link--level-2 {
    color: #071a2f !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    padding: 0 0 8px !important;
    text-decoration: none !important;
  }

  .section-header details.mega-menu .mega-menu__link:not(.mega-menu__link--level-2) {
    color: rgba(7, 26, 47, 0.70) !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    padding: 5px 0 !important;
    text-decoration: none !important;
    transition: color 160ms ease, transform 160ms ease !important;
  }

  .section-header details.mega-menu .mega-menu__link:not(.mega-menu__link--level-2):hover {
    color: #00843d !important;
    transform: translateX(3px);
  }

  .section-header details.mega-menu[open] > summary svg {
    transform: rotate(180deg);
  }
}

/* LUCAS BATTERIES - APPLICATION CARD STYLING */

@media screen and (min-width: 990px) {
  .section-header details.mega-menu .mega-menu__list > li {
    padding: 16px 18px;
    background: #f8faf9;
    border: 1px solid rgba(7, 26, 47, 0.08);
    border-radius: 14px;
    transition:
      transform 160ms ease,
      border-color 160ms ease,
      box-shadow 160ms ease,
      background-color 160ms ease;
  }

  .section-header details.mega-menu .mega-menu__list > li:hover {
    background: #ffffff;
    border-color: rgba(0, 132, 61, 0.28);
    box-shadow: 0 9px 24px rgba(7, 26, 47, 0.08);
    transform: translateY(-2px);
  }

  .section-header details.mega-menu .mega-menu__link--level-2 {
    display: inline-block;
    margin-bottom: 4px;
    color: #071a2f !important;
    font-size: 15px !important;
    font-weight: 850 !important;
  }

  .section-header details.mega-menu .mega-menu__link--level-2:hover {
    color: #00843d !important;
  }

  .section-header details.mega-menu .mega-menu__list > li > ul {
    margin-top: 6px;
  }

  .section-header details.mega-menu .mega-menu__list > li > ul .mega-menu__link {
    position: relative;
    padding-left: 14px !important;
  }

  .section-header details.mega-menu .mega-menu__list > li > ul .mega-menu__link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border: 1px solid rgba(0, 132, 61, 0.55);
    border-radius: 50%;
    transform: translateY(-50%);
  }

  .section-header details.mega-menu .mega-menu__list > li > ul .mega-menu__link:hover::before {
    background: #00843d;
    border-color: #00843d;
  }
}

/* =========================================================
   LUCAS BATTERIES - BATTERY FINDER PANEL V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {

  /* Applications menu becomes links on the left, finder panel on the right */
  .section-header .mega-menu--applications .mega-menu__applications-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 24px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 24px;
  }

  .section-header .mega-menu--applications .mega-menu__list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-content: start;
    gap: 18px !important;
    padding: 0 !important;
  }

  /* Keep application cards tidy */
  .section-header .mega-menu--applications .mega-menu__list > li {
    min-height: 112px;
  }

  /* Battery Finder feature panel */
  .section-header .mega-menu__battery-finder-panel {
    position: relative;
    overflow: hidden;
    align-self: stretch;
    padding: 24px;
    color: #ffffff;
    background:
      radial-gradient(circle at 100% 0%, rgba(255,255,255,0.14), transparent 30%),
      linear-gradient(145deg, #071a2f 0%, #0b2c49 60%, #00843d 150%);
    border-radius: 16px;
    box-shadow: 0 14px 32px rgba(7,26,47,0.18);
  }

  .section-header .mega-menu__battery-finder-panel::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -70px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(255,255,255,0.13);
    border-radius: 50%;
  }

  .section-header .mega-menu__battery-finder-kicker {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 8px;
    color: #7ce5aa;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.12em;
  }

  .section-header .mega-menu__battery-finder-title {
    position: relative;
    z-index: 1;
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  .section-header .mega-menu__battery-finder-text {
    position: relative;
    z-index: 1;
    margin: 0 0 16px;
    color: rgba(255,255,255,0.78);
    font-size: 13px;
    line-height: 1.55;
  }

  .section-header .mega-menu__battery-finder-list {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
  }

  .section-header .mega-menu__battery-finder-list li {
    position: relative;
    padding-left: 18px;
    color: rgba(255,255,255,0.92);
    font-size: 12.5px;
    line-height: 1.4;
  }

  .section-header .mega-menu__battery-finder-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #7ce5aa;
    font-weight: 900;
  }

  .section-header .mega-menu__battery-finder-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    color: #006b31;
    background: #ffffff;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition:
      transform 160ms ease,
      box-shadow 160ms ease;
  }

  .section-header .mega-menu__battery-finder-button:hover {
    color: #006b31;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.18);
  }

  /* Green top-level Find My Battery CTA */
  .section-header .header__menu-item--battery-finder {
    min-height: 42px;
    margin-left: 8px;
    padding: 10px 16px !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #00843d 0%, #006b31 100%);
    border-radius: 999px;
    box-shadow: 0 7px 18px rgba(0,132,61,0.18);
    text-decoration: none !important;
    transition:
      transform 160ms ease,
      box-shadow 160ms ease,
      background 160ms ease;
  }

  .section-header .header__menu-item--battery-finder:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #009b48 0%, #007137 100%);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,132,61,0.25);
  }

  .section-header .header__menu-item--battery-finder span {
    color: inherit !important;
    text-decoration: none !important;
  }
}

@media screen and (min-width: 990px) and (max-width: 1250px) {
  .section-header .mega-menu--applications .mega-menu__applications-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 18px;
    padding: 20px;
  }

  .section-header .mega-menu--applications .mega-menu__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .section-header .mega-menu__battery-finder-button,
  .section-header .header__menu-item--battery-finder {
    transition: none !important;
  }
}

/* =========================================================
   LUCAS BATTERIES - COMPACT MEGA MENU LAYOUT V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {

  /* Make the Applications menu more compact */
  .section-header .mega-menu--applications .mega-menu__applications-layout {
    align-items: stretch;
    padding: 20px;
  }

  .section-header .mega-menu--applications .mega-menu__list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: minmax(0, auto);
    gap: 14px !important;
  }

  /* Reduce card height and spacing */
  .section-header .mega-menu--applications .mega-menu__list > li {
    min-height: 0 !important;
    padding: 13px 15px !important;
    border-radius: 12px !important;
  }

  .section-header .mega-menu--applications .mega-menu__link--level-2 {
    margin-bottom: 2px !important;
    padding-bottom: 4px !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .section-header .mega-menu--applications .mega-menu__list > li > ul {
    margin-top: 3px !important;
  }

  .section-header .mega-menu--applications .mega-menu__list > li > ul .mega-menu__link {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  /* Let the Battery Finder panel span the full menu height */
  .section-header .mega-menu--applications .mega-menu__battery-finder-panel {
    height: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .section-header .mega-menu--applications .mega-menu__battery-finder-button {
    margin-top: auto;
  }

  /* Slightly reduce the top navigation CTA size */
  .section-header .header__menu-item--battery-finder {
    min-height: 38px;
    padding: 8px 14px !important;
    font-size: 13px;
  }
}

@media screen and (min-width: 990px) and (max-width: 1250px) {
  .section-header .mega-menu--applications .mega-menu__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* =========================================================
   LUCAS BATTERIES - EQUAL HEIGHTS + REMOVE EMPTY GAP V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {

  /* Let the Applications layout finish neatly at the bottom */
  .section-header .mega-menu--applications .mega-menu__applications-layout {
    align-items: stretch;
    padding-bottom: 18px;
  }

  /* Use two equal rows on the left */
  .section-header .mega-menu--applications .mega-menu__list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    align-self: stretch;
    align-content: stretch;
    gap: 14px !important;
  }

  /* Every application card gets the same height */
  .section-header .mega-menu--applications .mega-menu__list > li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 0 !important;
    height: 100%;
    padding: 14px 15px !important;
  }

  /* Keep links compact inside equal-height cards */
  .section-header .mega-menu--applications .mega-menu__list > li > ul {
    margin-top: 2px !important;
  }

  /* Stretch the right feature panel to match both rows */
  .section-header .mega-menu--applications .mega-menu__battery-finder-panel {
    height: auto;
    min-height: 100%;
  }

  /* Remove excess bottom space from Dawn's menu shell */
  .section-header .mega-menu--applications > .mega-menu__content {
    padding-bottom: 0 !important;
  }

  .section-header .mega-menu--applications > .mega-menu__content > .mega-menu__applications-layout {
    margin-bottom: 0 !important;
  }
}

@media screen and (min-width: 990px) and (max-width: 1250px) {
  .section-header .mega-menu--applications .mega-menu__list {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(4, minmax(0, 1fr));
  }
}

/* =========================================================
   LUCAS BATTERIES - APPLICATION ICONS V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {
  .section-header .mega-menu--applications .mega-menu__application-card {
    position: relative;
  }

  .section-header .mega-menu--applications .mega-menu__application-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin-bottom: 10px;
    color: #00843d;
    background: rgba(0, 132, 61, 0.08);
    border: 1px solid rgba(0, 132, 61, 0.14);
    border-radius: 10px;
    transition:
      transform 160ms ease,
      background-color 160ms ease,
      color 160ms ease;
  }

  .section-header .mega-menu--applications .mega-menu__application-icon svg {
    width: 21px;
    height: 21px;
    overflow: visible;
  }

  .section-header .mega-menu--applications .mega-menu__application-card:hover .mega-menu__application-icon {
    color: #ffffff;
    background: #00843d;
    transform: translateY(-2px);
  }

  .section-header .mega-menu--applications .mega-menu__application-card:hover .mega-menu__link--level-2 {
    color: #00843d !important;
  }
}

/* =========================================================
   LUCAS BATTERIES - APPLICATION CARD DESCRIPTIONS V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {
  .section-header .mega-menu--applications .mega-menu__application-description {
    margin: 4px 0 0;
    color: rgba(7, 26, 47, 0.62);
    font-size: 12px;
    line-height: 1.42;
  }

  .section-header .mega-menu--applications .mega-menu__application-card:hover .mega-menu__application-description {
    color: rgba(7, 26, 47, 0.78);
  }
}

/* PREMIUM APPLICATION CARD HOVER */

.mega-menu__application-card{
transition:.22s ease;
cursor:pointer;
}

.mega-menu__application-card:hover{
    transform:translateY(-6px) scale(1.015);
    border-color:#00a34d!important;
    box-shadow:
        0 12px 28px rgba(0,0,0,.10),
        0 26px 60px rgba(0,132,61,.14)!important;
}

.mega-menu__application-card:hover .mega-menu__application-icon{
transform:scale(1.08);
background:#00843d;
color:#fff;
}

.mega-menu__application-icon{
transition:.22s ease;
}

.mega-menu__application-card:hover .mega-menu__link--level-2{
color:#00843d!important;
}

/* LUCAS BATTERIES - FINDER QUICK OPTIONS */

@media screen and (min-width: 990px) {
  .section-header .mega-menu__finder-options {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    margin: 0 0 14px;
  }

  .section-header .mega-menu__finder-option {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 9px;
    text-decoration: none;
    transition:
      background-color 160ms ease,
      transform 160ms ease,
      border-color 160ms ease;
  }

  .section-header .mega-menu__finder-option:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(124, 229, 170, 0.45);
    transform: translateX(3px);
  }

  .section-header .mega-menu__finder-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #071a2f;
    background: #7ce5aa;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 900;
  }

  .section-header .mega-menu__finder-option strong {
    display: block;
    color: #ffffff;
    font-size: 12.5px;
    line-height: 1.25;
  }

  .section-header .mega-menu__finder-option small {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.67);
    font-size: 10.5px;
    line-height: 1.3;
  }

  .section-header .mega-menu__finder-options + .mega-menu__battery-finder-list {
    gap: 5px;
    margin-bottom: 14px;
  }
}

/* Finder option SVG sizing */

@media screen and (min-width: 990px) {
  .section-header .mega-menu__finder-option-icon svg {
    width: 19px;
    height: 19px;
    overflow: visible;
  }
}

/* Centre content in application cards without child links */

@media screen and (min-width: 990px) {
  .section-header .mega-menu--applications .mega-menu__application-card:not(:has(ul)) {
    justify-content: center;
  }

  .section-header .mega-menu--applications .mega-menu__application-card:not(:has(ul)) .mega-menu__application-icon {
    margin-left: auto;
    margin-right: auto;
  }

  .section-header .mega-menu--applications .mega-menu__application-card:not(:has(ul)) .mega-menu__link--level-2,
  .section-header .mega-menu--applications .mega-menu__application-card:not(:has(ul)) .mega-menu__application-description {
    width: 100%;
    text-align: center;
  }
}

/* Featured Battery Finder panel glow */

@media screen and (min-width: 990px) {
  .section-header .mega-menu__battery-finder-panel {
    box-shadow:
      0 22px 50px rgba(7, 26, 47, 0.18),
      0 18px 42px rgba(0, 132, 61, 0.16);
  }
}

/* Lucas mega menu child-link chevrons */

@media screen and (min-width: 990px) {
  .section-header
  .mega-menu--applications
  .mega-menu__application-card
  > ul
  .mega-menu__link {
    position: relative;
    padding-left: 14px !important;
  }

  .section-header
  .mega-menu--applications
  .mega-menu__application-card
  > ul
  .mega-menu__link::before {
    content: "›";
    position: absolute;
    left: 0;
    top: 50%;
    color: #00843d;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    transform: translateY(-52%);
    transition:
      transform 160ms ease,
      color 160ms ease;
  }

  .section-header
  .mega-menu--applications
  .mega-menu__application-card
  > ul
  .mega-menu__link:hover::before {
    color: #006b31;
    transform: translate(3px, -52%);
  }

  /* Remove the old circular bullets */
  .section-header
  .mega-menu--applications
  .mega-menu__application-card
  > ul
  .mega-menu__link::after {
    display: none !important;
  }
}

/* Force chevrons instead of circular bullets */

@media screen and (min-width: 990px) {
  .section-header
  .mega-menu--applications
  .mega-menu__application-card
  > ul
  .mega-menu__link {
    position: relative;
    padding-left: 15px !important;
  }

  .section-header
  .mega-menu--applications
  .mega-menu__application-card
  > ul
  .mega-menu__link::before {
    content: "›" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;

    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;

    color: #00843d !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    transform: translateY(-52%) !important;
    transition:
      transform 160ms ease,
      color 160ms ease !important;
  }

  .section-header
  .mega-menu--applications
  .mega-menu__application-card
  > ul
  .mega-menu__link:hover::before {
    color: #006b31 !important;
    background: transparent !important;
    transform: translate(3px, -52%) !important;
  }
}

/* =========================================================
   LUCAS BATTERIES - COMMERCIAL MENU CARDS V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {
  .section-header .mega-menu--commercial-batteries .mega-menu__list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    padding: 20px !important;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-card {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    justify-content: center;
    padding: 18px !important;
    text-align: center;
    cursor: pointer;
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      background-color 180ms ease;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 auto 10px;
    color: #00843d;
    background: rgba(0, 132, 61, 0.08);
    border: 1px solid rgba(0, 132, 61, 0.14);
    border-radius: 11px;
    transition:
      transform 180ms ease,
      background-color 180ms ease,
      color 180ms ease;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-icon svg {
    width: 18px;
    height: 18px;
}

  .section-header .mega-menu--commercial-batteries .mega-menu__link--level-2 {
    width: 100%;
    margin: 0 0 6px !important;
    text-align: center;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-description {
    margin: 0;
    color: rgba(7, 26, 47, 0.62);
    font-size: 12px;
    line-height: 1.45;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-card:hover {
    background: #ffffff;
    border-color: #00a34d !important;
    transform: translateY(-5px) scale(1.01);
    box-shadow:
      0 12px 28px rgba(0, 0, 0, 0.09),
      0 24px 52px rgba(0, 132, 61, 0.12) !important;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-card:hover .mega-menu__commercial-icon {
    color: #ffffff;
    background: #00843d;
    transform: translateY(-2px);
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-card:hover .mega-menu__link--level-2 {
    color: #00843d !important;
  }
}

/* =========================================================
   LUCAS BATTERIES - COMMERCIAL HELP PANEL V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {
  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 20px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 20px;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    padding: 0 !important;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-card {
    min-height: 245px;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-card--browse {
    display: none !important;
  }

  .section-header .mega-menu__commercial-help-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 22px;
    color: #ffffff;
    background:
      radial-gradient(circle at 100% 0%, rgba(255,255,255,0.13), transparent 30%),
      linear-gradient(145deg, #071a2f 0%, #12324f 60%, #005f2d 150%);
    border-radius: 16px;
    box-shadow:
      0 22px 50px rgba(7, 26, 47, 0.18),
      0 18px 42px rgba(0, 132, 61, 0.15);
  }

  .section-header .mega-menu__commercial-help-panel::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -70px;
    width: 175px;
    height: 175px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
  }

  .section-header .mega-menu__commercial-help-kicker {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 7px;
    color: #7ce5aa;
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: 0.12em;
  }

  .section-header .mega-menu__commercial-help-title {
    position: relative;
    z-index: 1;
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  .section-header .mega-menu__commercial-help-text {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    color: rgba(255,255,255,0.76);
    font-size: 12.5px;
    line-height: 1.5;
  }

  .section-header .mega-menu__commercial-help-options {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    margin-bottom: 15px;
  }

  .section-header .mega-menu__commercial-help-option {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    color: #ffffff;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 9px;
    text-decoration: none;
    transition:
      transform 160ms ease,
      background-color 160ms ease,
      border-color 160ms ease;
  }

  .section-header .mega-menu__commercial-help-option:hover {
    color: #ffffff;
    background: rgba(255,255,255,0.14);
    border-color: rgba(124,229,170,0.45);
    transform: translateX(3px);
  }

  .section-header .mega-menu__commercial-help-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #071a2f;
    background: #7ce5aa;
    border-radius: 9px;
  }

  .section-header .mega-menu__commercial-help-option-icon svg {
    width: 19px;
    height: 19px;
  }

  .section-header .mega-menu__commercial-help-option strong {
    display: block;
    color: #ffffff;
    font-size: 12.5px;
    line-height: 1.25;
  }

  .section-header .mega-menu__commercial-help-option small {
    display: block;
    margin-top: 2px;
    color: rgba(255,255,255,0.66);
    font-size: 10.5px;
    line-height: 1.3;
  }

  .section-header .mega-menu__commercial-help-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    margin-top: auto;
    padding: 11px 13px;
    color: #006b31;
    background: #ffffff;
    border-radius: 9px;
    font-size: 11.5px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition:
      transform 160ms ease,
      box-shadow 160ms ease;
  }

  .section-header .mega-menu__commercial-help-button:hover {
    color: #006b31;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.18);
  }
}

@media screen and (min-width: 990px) and (max-width: 1250px) {
  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
}

/* Tighten Commercial menu spacing */

@media screen and (min-width: 990px) {
  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-layout {
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 18px;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-card {
    min-height: 220px;
    padding: 20px 16px !important;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-icon {
    width: 38px;
    height: 38px;
    margin-bottom: 9px;
  }

  .section-header .mega-menu--commercial-batteries .mega-menu__commercial-description {
    max-width: 190px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* LUCAS BATTERIES - CAR BATTERIES MEGA MENU V1 */
@media screen and (min-width: 990px) {
  .section-header .mega-menu--car-batteries .mega-menu__car-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;width:100%;max-width:none;margin:0;padding:20px}
  .section-header .mega-menu--car-batteries .mega-menu__list{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr));gap:14px!important;padding:0!important}
  .section-header .mega-menu--car-batteries .mega-menu__car-card{display:flex;min-height:155px;flex-direction:column;justify-content:center;padding:18px!important;text-align:center;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
  .section-header .mega-menu--car-batteries .mega-menu__car-card--finder-route{display:none!important}
  .section-header .mega-menu--car-batteries .mega-menu__car-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0 auto 10px;color:#00843d;background:rgba(0,132,61,.08);border:1px solid rgba(0,132,61,.14);border-radius:10px;transition:transform .18s ease,background-color .18s ease,color .18s ease}
  .section-header .mega-menu--car-batteries .mega-menu__car-icon svg{width:22px;height:22px}
  .section-header .mega-menu--car-batteries .mega-menu__link--level-2{width:100%;margin:0 0 6px!important;text-align:center}
  .section-header .mega-menu--car-batteries .mega-menu__car-description{max-width:230px;margin:0 auto;color:rgba(7,26,47,.62);font-size:12px;line-height:1.45}
  .section-header .mega-menu--car-batteries .mega-menu__car-card:hover{background:#fff;border-color:#00a34d!important;transform:translateY(-5px) scale(1.01);box-shadow:0 12px 28px rgba(0,0,0,.09),0 24px 52px rgba(0,132,61,.12)!important}
  .section-header .mega-menu--car-batteries .mega-menu__car-card:hover .mega-menu__car-icon{color:#fff;background:#00843d;transform:translateY(-2px)}
  .section-header .mega-menu--car-batteries .mega-menu__car-card:hover .mega-menu__link--level-2{color:#00843d!important}
  .section-header .mega-menu__car-finder-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:22px;color:#fff;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.13),transparent 30%),linear-gradient(145deg,#071a2f 0%,#12324f 60%,#005f2d 150%);border-radius:16px;box-shadow:0 22px 50px rgba(7,26,47,.18),0 18px 42px rgba(0,132,61,.15)}
  .section-header .mega-menu__car-finder-kicker{display:block;margin-bottom:7px;color:#7ce5aa;font-size:10.5px;font-weight:900;letter-spacing:.12em}
  .section-header .mega-menu__car-finder-title{margin:0 0 9px;color:#fff;font-size:23px;font-weight:850;line-height:1.15}
  .section-header .mega-menu__car-finder-text{margin:0 0 14px;color:rgba(255,255,255,.76);font-size:12.5px;line-height:1.5}
  .section-header .mega-menu__car-finder-options{display:grid;gap:8px;margin-bottom:15px}
  .section-header .mega-menu__car-finder-option{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:9px;text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
  .section-header .mega-menu__car-finder-option:hover{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(124,229,170,.45);transform:translateX(3px)}
  .section-header .mega-menu__car-finder-option-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:#071a2f;background:#7ce5aa;border-radius:9px;font-size:12px;font-weight:900}
  .section-header .mega-menu__car-finder-option strong{display:block;color:#fff;font-size:12.5px;line-height:1.25}
  .section-header .mega-menu__car-finder-option small{display:block;margin-top:2px;color:rgba(255,255,255,.66);font-size:10.5px;line-height:1.3}
  .section-header .mega-menu__car-finder-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin-top:auto;padding:11px 13px;color:#006b31;background:#fff;border-radius:9px;font-size:11.5px;font-weight:900;text-align:center;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}
  .section-header .mega-menu__car-finder-button:hover{color:#006b31;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
}
@media screen and (min-width:990px) and (max-width:1250px){.section-header .mega-menu--car-batteries .mega-menu__car-layout{grid-template-columns:minmax(0,1fr) 320px}}


@media screen and (min-width: 990px) {
  .section-header .mega-menu__car-finder-option-icon svg {
    width: 19px;
    height: 19px;
  }
}

/* Match Car Batteries layout to Commercial Batteries */



  .section-header
.mega-menu--car-batteries
.mega-menu__list {
  width: 100% !important;
  max-width: none !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: none !important;
  gap: 16px !important;
  padding: 0 !important;
}.section-header
.mega-menu--car-batteries
.mega-menu__car-card {
  width: 100% !important;
  max-width: none !important;
}

  .section-header
  .mega-menu--car-batteries
  .mega-menu__car-card {
    min-height: 220px;
  }
}

/* Final Car Batteries width correction */

@media screen and (min-width: 990px) {
  .section-header
  .mega-menu--car-batteries
  .mega-menu__car-layout {
    width: 100% !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    gap: 18px !important;
  }

  .section-header
  .mega-menu--car-batteries
  .mega-menu__list {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    gap: 16px !important;
  }

  .section-header
  .mega-menu--car-batteries
  .mega-menu__list > .mega-menu__car-card {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* =========================================================
   LUCAS BATTERIES - LEISURE BATTERIES MEGA MENU V1
   Paste at the bottom of assets/component-mega-menu.css
   ========================================================= */

@media screen and (min-width: 990px) {
  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 20px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 20px;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 14px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-card {
    display: flex;
    min-height: 155px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 18px !important;
    text-align: center;
    cursor: pointer;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-card--panel-route {
    display: none !important;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0 auto 10px;
    color: #00843d;
    background: rgba(0,132,61,0.08);
    border: 1px solid rgba(0,132,61,0.14);
    border-radius: 10px;
    transition: transform 180ms ease, background-color 180ms ease, color 180ms ease;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-icon svg {
    width: 22px;
    height: 22px;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__link--level-2 {
    width: 100%;
    margin: 0 0 6px !important;
    text-align: center;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-description {
    max-width: 235px;
    margin: 0 auto;
    color: rgba(7,26,47,0.62);
    font-size: 12px;
    line-height: 1.45;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-card:hover {
    background: #ffffff;
    border-color: #00a34d !important;
    transform: translateY(-5px) scale(1.01);
    box-shadow: 0 12px 28px rgba(0,0,0,0.09), 0 24px 52px rgba(0,132,61,0.12) !important;
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-card:hover .mega-menu__leisure-icon {
    color: #ffffff;
    background: #00843d;
    transform: translateY(-2px);
  }

  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-card:hover .mega-menu__link--level-2 {
    color: #00843d !important;
  }

  .section-header .mega-menu__leisure-help-panel {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 22px;
    color: #ffffff;
    background: radial-gradient(circle at 100% 0%, rgba(255,255,255,0.13), transparent 30%), linear-gradient(145deg, #071a2f 0%, #12324f 60%, #005f2d 150%);
    border-radius: 16px;
    box-shadow: 0 22px 50px rgba(7,26,47,0.18), 0 18px 42px rgba(0,132,61,0.15);
  }

  .section-header .mega-menu__leisure-help-panel::after {
    content: "";
    position: absolute;
    right: -60px;
    bottom: -70px;
    width: 175px;
    height: 175px;
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 50%;
  }

  .section-header .mega-menu__leisure-help-kicker {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 7px;
    color: #7ce5aa;
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: 0.12em;
  }

  .section-header .mega-menu__leisure-help-title {
    position: relative;
    z-index: 1;
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  .section-header .mega-menu__leisure-help-text {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    color: rgba(255,255,255,0.76);
    font-size: 12.5px;
    line-height: 1.5;
  }

  .section-header .mega-menu__leisure-help-options {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    margin-bottom: 15px;
  }

  .section-header .mega-menu__leisure-help-option {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 9px 10px;
    color: #ffffff;
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 9px;
    text-decoration: none;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease;
  }

  .section-header .mega-menu__leisure-help-option:hover {
    color: #ffffff;
    background: rgba(255,255,255,0.14);
    border-color: rgba(124,229,170,0.45);
    transform: translateX(3px);
  }

  .section-header .mega-menu__leisure-help-option-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #071a2f;
    background: #7ce5aa;
    border-radius: 9px;
  }

  .section-header .mega-menu__leisure-help-option-icon svg {
    width: 19px;
    height: 19px;
  }

  .section-header .mega-menu__leisure-help-option strong {
    display: block;
    color: #ffffff;
    font-size: 12.5px;
    line-height: 1.25;
  }

  .section-header .mega-menu__leisure-help-option small {
    display: block;
    margin-top: 2px;
    color: rgba(255,255,255,0.66);
    font-size: 10.5px;
    line-height: 1.3;
  }

  .section-header .mega-menu__leisure-help-button {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    margin-top: auto;
    padding: 11px 13px;
    color: #006b31;
    background: #ffffff;
    border-radius: 9px;
    font-size: 11.5px;
    font-weight: 900;
    text-align: center;
    text-decoration: none;
    transition: transform 160ms ease, box-shadow 160ms ease;
  }

  .section-header .mega-menu__leisure-help-button:hover {
    color: #006b31;
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.18);
  }
}

@media screen and (min-width: 990px) and (max-width: 1250px) {
  .section-header .mega-menu--leisure-batteries .mega-menu__leisure-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
}

/* Match Leisure Batteries cards to Commercial Batteries */

@media screen and (min-width: 990px) {
  .section-header
  .mega-menu--leisure-batteries
  .mega-menu__list {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
    gap: 16px !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .section-header
  .mega-menu--leisure-batteries
  .mega-menu__leisure-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 245px !important;
    padding: 18px !important;
  }

  .section-header
  .mega-menu--leisure-batteries
  .mega-menu__leisure-layout {
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 20px !important;
  }
}/* Make only single-destination mega-menu cards fully clickable */
.mega-menu__card--single-link {
  position: relative;
  cursor: pointer;
}

/*
  Important: keep the title link static so its ::after layer
  positions itself against the whole card rather than the title.
*/
.mega-menu__card--single-link > .mega-menu__link--level-2 {
  position: static !important;
}

/* Invisible link layer covering the complete card */
.mega-menu__card--single-link > .mega-menu__link--level-2::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  border-radius: inherit;
}

/* Make sure decorative card content cannot block the link */
.mega-menu__card--single-link > span,
.mega-menu__card--single-link > p {
  pointer-events: none;
}

/* Full-card keyboard focus */
.mega-menu__card--single-link:focus-within {
  outline: 3px solid rgba(0, 132, 61, 0.28);
  outline-offset: 3px;
}