/* ==========================================================================
   Bottle Gases - Shop mega menu
   --------------------------------------------------------------------------
   Scoped to the Shop nav item (#menu-item-37636). The menu keeps Woodmart's
   existing structure, but makes it feel like a modern B2C ecommerce surface:
   warm primary colour, clear blue/green hierarchy, compact product imagery,
   and no oversized blurry promo panel.
   ========================================================================== */

:root {
  --bg-mm-primary: #FBA002;
  --bg-mm-warm: #FFAE45;
  --bg-mm-orange: #FBA002;
  --bg-mm-gold: #E3A419;
  --bg-mm-olive: #08203C;  /* rebrand 2026-05-27: olive → navy */
  --bg-mm-navy: #1F2235;
  --bg-mm-blue: #2A6FB5;
  --bg-mm-blue-soft: #E5F0FA;
  --bg-mm-green: #2F8F4E;
  --bg-mm-green-soft: #E6F4EA;
  --bg-mm-warn-soft: #FFF4D6;
  --bg-mm-danger: #C9362F;
  --bg-mm-danger-soft: #FBE9E8;
  --bg-mm-cream: #FFF8EF;
  --bg-mm-paper: #FFFFFF;
  --bg-mm-line: rgba(31, 34, 53, 0.11);
  --bg-mm-shadow: 0 22px 65px rgba(31, 34, 53, 0.17);
}

#menu-item-37636 {
  z-index: 10051;
}

.whb-header {
  z-index: 10050 !important;
}

.whb-row.whb-header-bottom,
.whb-row.whb-header-bottom.whb-color-dark,
.whb-row.whb-header-bottom.whb-with-bg {
  background: var(--bg-mm-primary) !important;
  background-color: var(--bg-mm-primary) !important;
  box-shadow: inset 0 -1px 0 rgba(31, 34, 53, 0.1);
}

.whb-header .wd-header-main-nav .wd-nav > li > a {
  color: var(--bg-mm-navy) !important;
}

.whb-header .wd-header-main-nav .wd-nav > li:is(:hover, .current-menu-item, .wd-active) > a {
  color: var(--bg-mm-blue) !important;
}

.whb-header .searchsubmit,
.whb-header .searchform[class*="wd-style-with-bg"] .searchsubmit,
.whb-header .searchform.wd-style-with-bg-2 .searchsubmit,
.whb-header .wd-tools-element.search-button a {
  background-color: var(--bg-mm-navy) !important;
  color: #FFFFFF !important;
}

.whb-header .wd-header-cart :is(.wd-tools-icon, .wd-cart-number, .wd-cart-subtotal) {
  border-color: var(--bg-mm-navy) !important;
}

#menu-bottle-gases-main > li.menu-item-has-children::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: -22px;
  z-index: 10030;
  width: calc(100% + 44px);
  height: 58px;
  pointer-events: auto;
}

#menu-bottle-gases-main > li.menu-item-has-children:hover > .wd-dropdown-menu,
#menu-bottle-gases-main > li.menu-item-has-children:focus-within > .wd-dropdown-menu,
#menu-bottle-gases-main > li.menu-item-has-children.wd-opened > .wd-dropdown-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown > .wd-dropdown-menu.wd-design-full-width {
  z-index: 10020 !important;
  overflow: hidden;
  border-top: 4px solid var(--bg-mm-primary);
  border-bottom: 1px solid rgba(31, 34, 53, 0.08);
  background:
    linear-gradient(90deg, rgba(251, 160, 2, 0.13), rgba(42, 111, 181, 0.08) 48%, rgba(49, 59, 47, 0.06)),
    var(--bg-mm-cream);
  box-shadow: var(--bg-mm-shadow);
}

@media (min-width: 1200px) {
  .whb-header #menu-bottle-gases-main > li > .wd-dropdown-menu.wd-design-full-width {
    left: calc((min(var(--wd-container-w, 1420px), 100vw) - 100vw) / 2) !important;
    right: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}

/* ==========================================================================
   Disposables image-led mega menu final cascade block (2026-05-27)
   --------------------------------------------------------------------------
   Kept at the physical end of this stylesheet so it beats older Disposables
   symbol-card rules above. Scoped only to #menu-item-37666.
   ========================================================================== */

@media (min-width: 1200px) {
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 {
    --bg-mm-img-helium-product: url("/wp-content/uploads/2024/12/Large-Disposable-Helium-Gas-Cylinder.jpeg");
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .container.wd-entry-content {
    width: min(calc(100vw - 48px), 1680px) !important;
    max-width: 1680px !important;
    padding: 24px 0 28px !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    display: grid !important;
    grid-template-columns: minmax(260px, 290px) repeat(4, minmax(0, 1fr)) minmax(240px, 270px) !important;
    grid-auto-flow: row !important;
    gap: 10px 16px !important;
    align-items: stretch !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel {
    grid-column: 6 !important;
    grid-row: 1 / span 6 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app {
    grid-row: 1 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-welding { grid-column: 2 !important; --bg-mm-app-image: var(--bg-mm-img-mig); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-food { grid-column: 3 !important; --bg-mm-app-image: var(--bg-mm-img-beer); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-helium { grid-column: 4 !important; --bg-mm-app-image: var(--bg-mm-img-helium-product); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-specialist { grid-column: 5 !important; --bg-mm-app-image: var(--bg-mm-img-oxy); }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note {
    grid-column: 2 !important;
    grid-row: 2 / span 5 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 130px !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.06), rgba(8, 31, 58, 0.88)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
    box-shadow: 0 12px 22px rgba(8, 31, 58, 0.14) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:hover,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:focus-visible {
    border-color: transparent !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.02), rgba(8, 31, 58, 0.82)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    display: block;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title {
    max-width: 200px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy {
    display: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    margin-top: 6px;
    color: #FFB13B;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 100% !important;
    padding: 24px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.12), rgba(8, 31, 58, 0.92)),
      var(--bg-mm-img-disposable) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel > a.bg-mm-card-link {
    min-height: 100% !important;
    padding: 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #08213E !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-kicker {
    display: inline-flex;
    width: fit-content;
    min-height: 28px;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 10px;
    border-radius: 999px;
    background: #FA9F03;
    color: #08213E;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-title {
    color: #FFFFFF;
    font-size: 27px;
    line-height: 1.03;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-copy {
    color: rgba(255, 255, 255, 0.78);
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel-row {
    color: rgba(255, 255, 255, 0.9);
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel-cta {
    width: 100%;
    margin-top: 20px;
    background: #FA9F03;
    color: #08213E;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note > a.bg-mm-card-link {
    min-height: 126px !important;
    padding: 20px 18px !important;
    border: 1px solid var(--bg-mm-v2-line) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    color: var(--bg-mm-v2-ink) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-title,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-copy {
    display: block;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-title {
    color: var(--bg-mm-v2-ink);
    font-size: 19px;
    font-weight: 950;
    line-height: 1.05;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-copy {
    margin-top: 8px;
    color: var(--bg-mm-v2-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37667 { grid-column: 3 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37668 { grid-column: 4 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37669 { grid-column: 5 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37670 { grid-column: 3 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37671 { grid-column: 4 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37672 { grid-column: 5 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37673 { grid-column: 3 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37674 { grid-column: 4 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37675 { grid-column: 5 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37676 { grid-column: 3 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37677 { grid-column: 4 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37678 { grid-column: 5 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37679 { grid-column: 3 / span 2 !important; grid-row: 6 !important; }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 0 16px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bg-mm-v2-navy) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 0.42em !important;
    left: 0 !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--bg-mm-v2-accent) !important;
    color: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    transform: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic)::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note::after {
    content: none !important;
    display: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link:hover,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link:focus-visible {
    background: transparent !important;
    color: var(--bg-mm-v2-accent) !important;
  }
}

/* ==========================================================================
   Disposables image-led mega menu final override (2026-05-27)
   --------------------------------------------------------------------------
   This late block intentionally sits after the shared v2 menu rules so the
   approved image-led Disposables layout wins without affecting the other
   dropdowns.
   ========================================================================== */

@media (min-width: 1200px) {
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 {
    --bg-mm-img-helium-product: url("/wp-content/uploads/2024/12/Large-Disposable-Helium-Gas-Cylinder.jpeg");
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .container.wd-entry-content {
    width: min(calc(100vw - 48px), 1680px) !important;
    max-width: 1680px !important;
    padding: 24px 0 28px !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    display: grid !important;
    grid-template-columns: minmax(260px, 290px) repeat(4, minmax(0, 1fr)) minmax(240px, 270px) !important;
    grid-auto-flow: row !important;
    gap: 10px 16px !important;
    align-items: stretch !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel {
    grid-column: 6 !important;
    grid-row: 1 / span 6 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app {
    grid-row: 1 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-welding { grid-column: 2 !important; --bg-mm-app-image: var(--bg-mm-img-mig); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-food { grid-column: 3 !important; --bg-mm-app-image: var(--bg-mm-img-beer); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-helium { grid-column: 4 !important; --bg-mm-app-image: var(--bg-mm-img-helium-product); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-specialist { grid-column: 5 !important; --bg-mm-app-image: var(--bg-mm-img-oxy); }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note {
    grid-column: 2 !important;
    grid-row: 2 / span 5 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 130px !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.06), rgba(8, 31, 58, 0.88)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
    box-shadow: 0 12px 22px rgba(8, 31, 58, 0.14) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:hover,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:focus-visible {
    border-color: transparent !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.02), rgba(8, 31, 58, 0.82)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    display: block;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title {
    max-width: 200px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy {
    display: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    margin-top: 6px;
    color: #FFB13B;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 100% !important;
    padding: 24px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.12), rgba(8, 31, 58, 0.92)),
      var(--bg-mm-img-disposable) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel > a.bg-mm-card-link {
    min-height: 100% !important;
    padding: 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #08213E !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-kicker {
    display: inline-flex;
    width: fit-content;
    min-height: 28px;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 10px;
    border-radius: 999px;
    background: #FA9F03;
    color: #08213E;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-title {
    color: #FFFFFF;
    font-size: 27px;
    line-height: 1.03;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-copy {
    color: rgba(255, 255, 255, 0.78);
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel-row {
    color: rgba(255, 255, 255, 0.9);
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel-cta {
    width: 100%;
    margin-top: 20px;
    background: #FA9F03;
    color: #08213E;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note > a.bg-mm-card-link {
    min-height: 126px !important;
    padding: 20px 18px !important;
    border: 1px solid var(--bg-mm-v2-line) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    color: var(--bg-mm-v2-ink) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-title,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-copy {
    display: block;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-title {
    color: var(--bg-mm-v2-ink);
    font-size: 19px;
    font-weight: 950;
    line-height: 1.05;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-copy {
    margin-top: 8px;
    color: var(--bg-mm-v2-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37667 { grid-column: 3 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37668 { grid-column: 4 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37669 { grid-column: 5 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37670 { grid-column: 3 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37671 { grid-column: 4 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37672 { grid-column: 5 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37673 { grid-column: 3 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37674 { grid-column: 4 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37675 { grid-column: 5 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37676 { grid-column: 3 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37677 { grid-column: 4 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37678 { grid-column: 5 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37679 { grid-column: 3 / span 2 !important; grid-row: 6 !important; }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 0 16px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bg-mm-v2-navy) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 0.42em !important;
    left: 0 !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--bg-mm-v2-accent) !important;
    color: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    transform: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic)::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note::after {
    content: none !important;
    display: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link:hover,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link:focus-visible {
    background: transparent !important;
    color: var(--bg-mm-v2-accent) !important;
  }
}

@media (min-width: 1200px) {
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) {
    min-height: 0 !important;
    align-self: start !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37667 { grid-column: 3 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37668 { grid-column: 4 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37669 { grid-column: 5 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37670 { grid-column: 3 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37671 { grid-column: 4 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37672 { grid-column: 5 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37673 { grid-column: 3 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37674 { grid-column: 4 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37675 { grid-column: 5 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37676 { grid-column: 3 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37677 { grid-column: 4 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37678 { grid-column: 5 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37679 { grid-column: 3 / span 2 !important; grid-row: 6 !important; }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 0 16px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bg-mm-v2-navy) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 0.42em !important;
    left: 0 !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--bg-mm-v2-accent) !important;
    color: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    transform: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic)::after {
    content: none !important;
    display: none !important;
  }
}

/* ==========================================================================
   Disposables image-led mega menu (2026-05-27)
   --------------------------------------------------------------------------
   Owner-approved variant for only #menu-item-37666. Shop, Refills and
   Services keep the shared v2 layout above.
   ========================================================================== */

@media (min-width: 1200px) {
  #menu-item-37666 {
    --bg-mm-img-helium-product: url("/wp-content/uploads/2024/12/Large-Disposable-Helium-Gas-Cylinder.jpeg");
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .container.wd-entry-content {
    width: min(calc(100vw - 48px), 1680px) !important;
    max-width: 1680px !important;
    padding: 42px 0 48px !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    display: grid !important;
    grid-template-columns: minmax(300px, 330px) repeat(4, minmax(0, 1fr)) minmax(270px, 300px) !important;
    grid-auto-flow: row !important;
    gap: 14px 22px !important;
    align-items: stretch !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel {
    grid-column: 6 !important;
    grid-row: 1 / span 6 !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app {
    grid-row: 1 !important;
  }

  #menu-item-37666 .bg-mm-disposable-app-welding { grid-column: 2 !important; --bg-mm-app-image: var(--bg-mm-img-mig); }
  #menu-item-37666 .bg-mm-disposable-app-food { grid-column: 3 !important; --bg-mm-app-image: var(--bg-mm-img-beer); }
  #menu-item-37666 .bg-mm-disposable-app-helium { grid-column: 4 !important; --bg-mm-app-image: var(--bg-mm-img-helium-product); }
  #menu-item-37666 .bg-mm-disposable-app-specialist { grid-column: 5 !important; --bg-mm-app-image: var(--bg-mm-img-oxy); }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note {
    grid-column: 2 !important;
    grid-row: 2 / span 5 !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 212px !important;
    padding: 20px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.06), rgba(8, 31, 58, 0.88)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
    box-shadow: 0 16px 30px rgba(8, 31, 58, 0.14) !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:hover,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:focus-visible {
    border-color: transparent !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.02), rgba(8, 31, 58, 0.82)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    display: block;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title {
    max-width: 210px;
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.08;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy {
    max-width: 240px;
    margin-top: 7px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    margin-top: 16px;
    color: #FFB13B;
    font-size: 13px;
    font-weight: 950;
    line-height: 1.25;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 100% !important;
    padding: 24px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.12), rgba(8, 31, 58, 0.92)),
      var(--bg-mm-img-disposable) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel > a.bg-mm-card-link {
    min-height: 100% !important;
    padding: 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #08213E !important;
    color: #FFFFFF !important;
  }

  #menu-item-37666 .bg-mm-panel .bg-mm-kicker {
    display: inline-flex;
    width: fit-content;
    min-height: 28px;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 10px;
    border-radius: 999px;
    background: #FA9F03;
    color: #08213E;
  }

  #menu-item-37666 .bg-mm-panel .bg-mm-title {
    color: #FFFFFF;
    font-size: 27px;
    line-height: 1.03;
  }

  #menu-item-37666 .bg-mm-panel .bg-mm-copy {
    color: rgba(255, 255, 255, 0.78);
  }

  #menu-item-37666 .bg-mm-panel-row {
    color: rgba(255, 255, 255, 0.9);
  }

  #menu-item-37666 .bg-mm-panel-cta {
    width: 100%;
    margin-top: 20px;
    background: #FA9F03;
    color: #08213E;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note > a.bg-mm-card-link {
    min-height: 126px !important;
    padding: 20px 18px !important;
    border: 1px solid var(--bg-mm-v2-line) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    color: var(--bg-mm-v2-ink) !important;
  }

  #menu-item-37666 .bg-mm-route-note-title,
  #menu-item-37666 .bg-mm-route-note-copy {
    display: block;
  }

  #menu-item-37666 .bg-mm-route-note-title {
    color: var(--bg-mm-v2-ink);
    font-size: 19px;
    font-weight: 950;
    line-height: 1.05;
  }

  #menu-item-37666 .bg-mm-route-note-copy {
    margin-top: 8px;
    color: var(--bg-mm-v2-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) {
    min-height: 0 !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    min-height: 0 !important;
    padding: 0 0 0 16px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bg-mm-v2-navy) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 0.47em !important;
    left: 0 !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--bg-mm-v2-accent) !important;
    transform: none !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::after,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic)::after,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app::after,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note::after {
    content: none !important;
    display: none !important;
  }

  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link:hover,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link:focus-visible {
    background: transparent !important;
    color: var(--bg-mm-v2-accent) !important;
  }

  @media (max-width: 1500px) {
    .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
      grid-template-columns: minmax(300px, 330px) repeat(4, minmax(0, 1fr)) minmax(270px, 300px) !important;
      gap: 14px 14px !important;
    }

    .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title {
      font-size: 22px;
    }
  }
}

/* ==========================================================================
   Mega-menu v2 conflict hardening (2026-05-26)
   --------------------------------------------------------------------------
   Older menu patches in this file used high-specificity `!important` rules for
   orange dot list rows. These selectors are deliberately more specific so the
   v2 image/icon card system remains the desktop dropdown source of truth.
   ========================================================================== */

@media (min-width: 1200px) {
  body .whb-header #menu-bottle-gases-main > li#menu-item-37636 .wd-sub-menu > li.bg-mm-intro,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37636 .wd-sub-menu > li.bg-mm-panel {
    grid-row: 1 / span 2 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37656 .wd-sub-menu > li.bg-mm-intro,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37656 .wd-sub-menu > li.bg-mm-panel {
    grid-row: 1 / span 3 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel {
    grid-row: 1 / span 5 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37680 .wd-sub-menu > li.bg-mm-intro,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37680 .wd-sub-menu > li.bg-mm-panel {
    grid-row: 1 / span 2 !important;
  }

  body .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) .wd-sub-menu > li.bg-mm-synthetic:not(.bg-mm-route) > a.woodmart-nav-link::before {
    content: none !important;
    display: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37636 .wd-sub-menu > li.bg-mm-route > a.woodmart-nav-link {
    min-height: 205px !important;
    padding: 144px 42px 14px 14px !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37636 .wd-sub-menu > li.bg-mm-route > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 126px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--bg-mm-image, var(--bg-mm-img-mig)) center / cover no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37636 .wd-sub-menu > li.bg-mm-route::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37680 .wd-sub-menu > li:not(.bg-mm-synthetic)::after {
    top: auto !important;
    bottom: 20px !important;
    transform: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37656 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    display: block !important;
    width: 84px !important;
    height: 80px !important;
    border: 0 !important;
    border-radius: var(--bg-mm-v2-radius) !important;
    background: var(--bg-mm-image, var(--bg-mm-img-mig)) center / cover no-repeat !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    min-height: 84px !important;
    padding: 15px 34px 15px 86px !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: var(--bg-mm-symbol, "CO2") !important;
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    display: grid !important;
    place-items: center !important;
    width: 56px !important;
    height: 54px !important;
    border: 1px solid #FED7AA !important;
    border-radius: var(--bg-mm-v2-radius) !important;
    background: #FFF3E8 !important;
    color: var(--bg-mm-v2-accent) !important;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    transform: translateY(-50%) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37680 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    min-height: 205px !important;
    padding: 144px 34px 14px 14px !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37680 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 126px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--bg-mm-image, var(--bg-mm-img-extinguisher)) center / cover no-repeat !important;
    box-shadow: none !important;
    transform: none !important;
  }
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown > .wd-dropdown-menu .container.wd-entry-content {
  width: min(100%, 1500px);
  max-width: none;
  padding: 15px clamp(22px, 3vw, 54px) 17px;
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown .wd-sub-menu.wd-grid-f-inline {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 8px 10px;
  align-items: start;
  width: 100%;
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown .wd-sub-menu > li.wd-col {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown .wd-sub-menu > li > a.woodmart-nav-link {
  position: relative;
  display: flex !important;
  align-items: center;
  min-height: 36px;
  padding: 7px 11px 7px 25px !important;
  border: 1px solid rgba(31, 34, 53, 0.09);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.82);
  color: var(--bg-mm-navy) !important;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
  text-transform: none;
  box-shadow: none;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown .wd-sub-menu > li > a.woodmart-nav-link::before {
  content: "";
  position: absolute;
  left: 10px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--bg-mm-primary);
  box-shadow: 0 0 0 3px rgba(251, 160, 2, 0.16);
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown .wd-sub-menu > li:nth-child(2n) > a.woodmart-nav-link::before {
  background: var(--bg-mm-blue);
  box-shadow: 0 0 0 3px rgba(42, 111, 181, 0.14);
}

.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown .wd-sub-menu > li > a.woodmart-nav-link:hover,
.whb-header #menu-bottle-gases-main > li.menu-simple-dropdown .wd-sub-menu > li > a.woodmart-nav-link:focus {
  border-color: rgba(251, 160, 2, 0.36);
  background: var(--bg-mm-warn-soft);
  color: var(--bg-mm-navy) !important;
}

#menu-item-37636 > .wd-dropdown-menu.wd-design-full-width {
  z-index: 10020 !important;
  overflow: hidden;
  border-top: 4px solid var(--bg-mm-primary);
  border-bottom: 1px solid rgba(31, 34, 53, 0.08);
  background:
    linear-gradient(90deg, rgba(251, 160, 2, 0.13), rgba(42, 111, 181, 0.08) 45%, rgba(49, 59, 47, 0.06)),
    var(--bg-mm-cream);
  box-shadow: var(--bg-mm-shadow);
}

#menu-item-37636:hover > .wd-dropdown-menu.wd-design-full-width,
#menu-item-37636:focus-within > .wd-dropdown-menu.wd-design-full-width,
#menu-item-37636.wd-opened > .wd-dropdown-menu.wd-design-full-width {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#menu-item-37636 > .wd-dropdown-menu .container.wd-entry-content {
  width: min(100%, 1560px);
  max-width: none;
  padding: 22px clamp(26px, 3.4vw, 58px) 24px;
}

#menu-item-37636 .wd-sub-menu.wd-grid-f-inline {
  display: grid !important;
  grid-template-columns: minmax(190px, 1fr) minmax(190px, 1fr) minmax(190px, 1fr) minmax(270px, 340px);
  gap: 18px clamp(22px, 2.4vw, 34px);
  align-items: start;
  width: 100%;
}

#menu-item-37636 .wd-sub-menu > li.mega-menu-group-heading.wd-col {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  padding: 0;
}

#menu-item-37636 #menu-item-37637 {
  grid-column: 1;
  grid-row: 1;
}

#menu-item-37636 #menu-item-37644 {
  grid-column: 1;
  grid-row: 2 / span 2;
}

#menu-item-37636 #menu-item-37642 {
  grid-column: 2;
  grid-row: 1;
}

#menu-item-37636 #menu-item-37652 {
  grid-column: 2;
  grid-row: 2;
}

#menu-item-37636 #menu-item-37646,
#menu-item-37636 #menu-item-37648 {
  grid-column: 3;
}

#menu-item-37636 #menu-item-37650 {
  grid-column: 3;
}

#menu-item-37636 .mega-menu-group-heading > a.woodmart-nav-link {
  position: relative;
  display: inline-flex;
  width: auto;
  margin: 0 0 11px;
  padding: 0 0 9px;
  color: var(--bg-mm-navy) !important;
  font-family: Anton, Impact, sans-serif;
  font-size: clamp(18px, 1.18vw, 22px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.05;
  text-transform: uppercase;
}

#menu-item-37636 .mega-menu-group-heading > a.woodmart-nav-link::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bg-mm-primary), var(--bg-mm-blue));
}

#menu-item-37636 .mega-menu-group-heading:nth-child(3n + 1) > a.woodmart-nav-link {
  color: var(--bg-mm-blue) !important;
}

#menu-item-37636 .mega-menu-group-heading:nth-child(3n + 2) > a.woodmart-nav-link {
  color: var(--bg-mm-olive) !important;
}

#menu-item-37636 .mega-menu-group-heading > a.woodmart-nav-link:hover,
#menu-item-37636 .mega-menu-group-heading > a.woodmart-nav-link:focus {
  color: var(--bg-mm-orange) !important;
}

#menu-item-37636 .mega-menu-group-heading > .sub-sub-menu {
  display: grid !important;
  gap: 4px;
  margin: 0;
  padding: 0;
}

#menu-item-37636 .mega-menu-group-heading > .sub-sub-menu > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu-item-37636 .mega-menu-group-heading > .sub-sub-menu > li > a.woodmart-nav-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px 6px 18px;
  border-radius: 8px;
  color: rgba(31, 34, 53, 0.9) !important;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 1.35;
  transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

#menu-item-37636 .mega-menu-group-heading > .sub-sub-menu > li > a.woodmart-nav-link::before {
  content: "";
  position: absolute;
  left: 2px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: var(--bg-mm-primary);
  box-shadow: 0 0 0 3px rgba(251, 160, 2, 0.17);
}

#menu-item-37636 .mega-menu-group-heading > .sub-sub-menu > li:nth-child(2n) > a.woodmart-nav-link::before {
  background: var(--bg-mm-blue);
  box-shadow: 0 0 0 3px rgba(42, 111, 181, 0.14);
}

#menu-item-37636 .mega-menu-group-heading > .sub-sub-menu > li > a.woodmart-nav-link:hover,
#menu-item-37636 .mega-menu-group-heading > .sub-sub-menu > li > a.woodmart-nav-link:focus {
  transform: translateX(3px);
  background: var(--bg-mm-warn-soft);
  color: var(--bg-mm-navy) !important;
}

#menu-item-37636 .wd-sub-menu > li.bg-mega-promo {
  position: relative;
  grid-column: 4;
  grid-row: 1 / span 2;
  align-self: start;
  width: auto !important;
  min-width: 0;
  height: 240px;
  min-height: 240px;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(31, 34, 53, 0.12);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(31, 34, 53, 0.06) 0%, rgba(31, 34, 53, 0.88) 100%),
    url("/wp-content/uploads/2026/05/welding_regulators.jpg") center / cover no-repeat;
  box-shadow: 0 10px 22px rgba(31, 34, 53, 0.15);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

#menu-item-37636 .wd-sub-menu > li.bg-mega-promo::before {
  content: "Popular refill route";
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  max-width: calc(100% - 32px);
  padding: 7px 10px;
  border-radius: 999px;
  background: var(--bg-mm-green-soft);
  color: var(--bg-mm-green);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

#menu-item-37636 .wd-sub-menu > li.bg-mega-promo:hover {
  transform: none;
  box-shadow: 0 14px 28px rgba(31, 34, 53, 0.18);
}

#menu-item-37636 .wd-sub-menu > li.bg-mega-promo > a.bg-mega-promo-link {
  position: relative;
  z-index: 1;
  display: flex !important;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  min-height: inherit;
  padding: 74px 20px 20px !important;
  color: #FFFFFF !important;
  text-decoration: none;
}

#menu-item-37636 .bg-mega-promo-link-inner {
  display: grid;
  gap: 9px;
  width: 100%;
}

#menu-item-37636 .bg-mega-promo .bg-mega-promo-heading {
  max-width: 11ch;
  color: #FFFFFF;
  font-family: Anton, Impact, sans-serif;
  font-size: clamp(27px, 2vw, 36px);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.98;
  text-transform: uppercase;
}

#menu-item-37636 .bg-mega-promo .bg-mega-promo-sub {
  max-width: 22ch;
  color: rgba(255, 255, 255, 0.9);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14.5px;
  font-weight: 800;
  line-height: 1.35;
}

#menu-item-37636 .bg-mega-promo .bg-mega-promo-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-height: 38px;
  padding: 9px 14px;
  border-radius: 999px;
  background: var(--bg-mm-primary);
  color: var(--bg-mm-navy);
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13.5px;
  font-weight: 950;
  line-height: 1;
}

#menu-item-37636 .wd-sub-menu > li.bg-mega-promo:hover .bg-mega-promo-cta {
  background: #FFFFFF;
  color: var(--bg-mm-blue);
}

#menu-item-37636 .wd-sub-menu > li#menu-item-37655 {
  grid-column: 4;
  grid-row: 3;
  width: auto !important;
  min-width: 0;
  padding: 0 !important;
}

#menu-item-37636 .wd-sub-menu > li#menu-item-37655 > a.woodmart-nav-link {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  padding: 14px 17px !important;
  border: 1px solid rgba(42, 111, 181, 0.22);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--bg-mm-blue-soft), #FFFFFF);
  color: var(--bg-mm-navy) !important;
  font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 950;
  line-height: 1.2;
  box-shadow: none;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

#menu-item-37636 .wd-sub-menu > li#menu-item-37655 > a.woodmart-nav-link::after {
  content: "View all";
  flex: 0 0 auto;
  margin-left: 14px;
  padding: 8px 11px;
  border-radius: 999px;
  background: var(--bg-mm-navy);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 950;
  line-height: 1;
  text-transform: uppercase;
}

#menu-item-37636 .wd-sub-menu > li#menu-item-37655 > a.woodmart-nav-link:hover,
#menu-item-37636 .wd-sub-menu > li#menu-item-37655 > a.woodmart-nav-link:focus {
  transform: none;
  border-color: rgba(255, 174, 69, 0.72);
  box-shadow: none;
}

/* Follow-up density pass: the non-Shop dropdowns are quick navigation shelves,
   not promotional panels, so keep them compact and scannable. */
#menu-bottle-gases-main > li.menu-simple-dropdown > .wd-dropdown-menu.wd-design-full-width {
  box-shadow: 0 8px 18px rgba(31, 34, 53, 0.08);
}

#menu-bottle-gases-main > li.menu-simple-dropdown > .wd-dropdown-menu.wd-design-full-width::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 100%;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(251, 160, 2, 0.1), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 248, 239, 0.64));
}

#menu-bottle-gases-main > li.menu-simple-dropdown > .wd-dropdown-menu .wd-entry-content {
  position: relative;
  z-index: 1;
}

#menu-item-37666 > .wd-dropdown-menu .container.wd-entry-content {
  width: min(100%, 1420px) !important;
  max-width: 1420px !important;
}

#menu-item-37666 > .wd-dropdown-menu.wd-design-full-width {
  width: min(1420px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}

#menu-item-37656 > .wd-dropdown-menu .container.wd-entry-content {
  width: min(100%, 1260px) !important;
  max-width: 1260px !important;
}

#menu-item-37656 > .wd-dropdown-menu.wd-design-full-width {
  width: min(1260px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}

#menu-item-37656 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  align-items: stretch;
}

#menu-item-37680 > .wd-dropdown-menu .container.wd-entry-content {
  width: min(100%, 980px) !important;
  max-width: 980px !important;
}

#menu-item-37680 > .wd-dropdown-menu.wd-design-full-width {
  width: min(980px, calc(100vw - 48px)) !important;
  max-width: calc(100vw - 48px) !important;
}

#menu-item-37680 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline,
#menu-item-37680 > .wd-dropdown-menu.wd-sub-menu.wd-grid-f-inline {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  width: 100% !important;
  max-width: none !important;
}

#menu-item-37636 .wd-sub-menu > li#menu-item-37655 > a.woodmart-nav-link:hover::after,
#menu-item-37636 .wd-sub-menu > li#menu-item-37655 > a.woodmart-nav-link:focus::after {
  background: var(--bg-mm-orange);
  color: var(--bg-mm-navy);
}

@media (max-width: 1199px) {
  #menu-item-37636 > .wd-dropdown-menu .container.wd-entry-content {
    padding-inline: 28px;
  }

  #menu-item-37636 .wd-sub-menu.wd-grid-f-inline {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }

  #menu-item-37636 .wd-sub-menu > li.bg-mega-promo {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  #menu-item-37636 .wd-sub-menu > li#menu-item-37655 {
    grid-column: 3;
    grid-row: auto;
  }
}

@media (max-width: 900px) {
  #menu-item-37636 .wd-sub-menu.wd-grid-f-inline {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }

  #menu-item-37636 .wd-sub-menu > li.bg-mega-promo,
  #menu-item-37636 .wd-sub-menu > li#menu-item-37655 {
    grid-column: auto;
    grid-row: auto;
  }

  #menu-item-37636 .wd-sub-menu > li.bg-mega-promo {
    height: 236px;
    min-height: 236px;
  }
}

/* ==========================================================================
   Claude Code: dropdown full-bleed alignment fix (2026-05-11)
   --------------------------------------------------------------------------
   Earlier rules in this file anchor every dropdown to its own menu LI, so
   any item beyond the leftmost (Refills, Disposables, Services) ended up
   visibly offset rightward from the viewport edge by however far its LI
   sat from the .container's left edge. The per-item width caps at lines
   506-534 (min(N, calc(100vw - 48px))) compounded this with a right gutter.

   This block promotes the full-width orange row to be the positioning
   context, removes position:relative from the top-level menu LIs, and pins
   every menu dropdown panel to left:0 / width:100vw. The inner
   `.container.wd-entry-content` rules above are kept intact, so content
   (chips, columns, promo card) still sits in a centered container — only
   the cream panel itself now extends edge-to-edge.
   ========================================================================== */

.whb-row.whb-header-bottom {
  position: relative;
}

.whb-header #menu-bottle-gases-main > li.menu-item-has-children {
  position: static !important;
}

.whb-header #menu-bottle-gases-main > li > .wd-dropdown-menu.wd-design-full-width {
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: 0 !important;
}

/* ==========================================================================
   Refills / Disposables / Services — full-width panels (2026-05-24)
   --------------------------------------------------------------------------
   Implements docs/MEGA-MENU-FIX-PLAN-2026-05-24.md sections 1-7.

   Earlier rules in this file (lines 481-537) gave Refills (#menu-item-37656),
   Disposables (#menu-item-37666) and Services (#menu-item-37680) per-item
   width caps (~1420px / calc(100vw - 48px)) plus the generic
   .menu-simple-dropdown card-grid treatment. The combination renders them
   as skinny vertical stacks pinned to the left edge — broken on staging at
   1440px and 2048px (screenshots in conversation 2026-05-24).

   This appendix forces those three menu items to use the same full-width
   cream-panel shell as Shop (#menu-item-37636), then re-grids their child
   items as multi-column scan-friendly link rows instead of boxed cards.

   The original Shop styling above is untouched — only the broken three are
   redirected to a shared shell.
   ========================================================================== */

@media (min-width: 1200px) {

  /* ----- Shared full-width shell for Refills, Disposables, Services ----- */

  .whb-header #menu-bottle-gases-main > li#menu-item-37656 > .wd-dropdown-menu.wd-design-full-width,
  .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu.wd-design-full-width,
  .whb-header #menu-bottle-gases-main > li#menu-item-37680 > .wd-dropdown-menu.wd-design-full-width {
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    background: var(--bg-mm-cream) !important;
    border-top: 4px solid var(--bg-mm-primary) !important;
    border-bottom: 1px solid rgba(31, 34, 53, 0.08) !important;
    box-shadow: var(--bg-mm-shadow) !important;
    overflow: visible !important;
  }

  /* Centered inner container — same width as Shop */
  #menu-item-37656 > .wd-dropdown-menu .container.wd-entry-content,
  #menu-item-37666 > .wd-dropdown-menu .container.wd-entry-content,
  #menu-item-37680 > .wd-dropdown-menu .container.wd-entry-content {
    width: min(100%, 1560px) !important;
    max-width: none !important;
    margin-inline: auto !important;
    padding: 26px clamp(24px, 3vw, 58px) 32px !important;
  }

  /* Kill the broken width caps from earlier rules in this file */
  #menu-item-37666 > .wd-dropdown-menu.wd-design-full-width,
  #menu-item-37656 > .wd-dropdown-menu.wd-design-full-width,
  #menu-item-37680 > .wd-dropdown-menu.wd-design-full-width {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* ----- Sub-menu: CSS grid of clean link rows (not boxed cards) ----- */

  #menu-item-37656 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline,
  #menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline,
  #menu-item-37680 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px 36px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* Refills has 9 items — 3 columns × 3 rows reads better than 4 × 2.25 */
  #menu-item-37656 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* Services has 4-5 items — keep at 4 columns so each is a clear shelf item */

  /* Each child item: clean link row, no boxed card */
  #menu-item-37656 .wd-sub-menu > li,
  #menu-item-37666 .wd-sub-menu > li,
  #menu-item-37680 .wd-sub-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  /* Link text: scan-friendly row with orange leading dot, no card styling */
  #menu-item-37656 .wd-sub-menu > li > a.woodmart-nav-link,
  #menu-item-37666 .wd-sub-menu > li > a.woodmart-nav-link,
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 12px 10px 22px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: var(--bg-mm-navy) !important;
    font-family: var(--wd-text-font, "Manrope", sans-serif) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    transition: background-color 0.14s ease, color 0.14s ease !important;
  }

  /* Leading dot — orange by default, alternating for variety */
  #menu-item-37656 .wd-sub-menu > li > a.woodmart-nav-link::before,
  #menu-item-37666 .wd-sub-menu > li > a.woodmart-nav-link::before,
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: var(--bg-mm-primary) !important;
    box-shadow: none !important;
    margin: 0 !important;
  }

  /* Alternate dot colour on every second item — visual rhythm */
  #menu-item-37656 .wd-sub-menu > li:nth-child(2n) > a.woodmart-nav-link::before,
  #menu-item-37666 .wd-sub-menu > li:nth-child(2n) > a.woodmart-nav-link::before,
  #menu-item-37680 .wd-sub-menu > li:nth-child(2n) > a.woodmart-nav-link::before {
    background: var(--bg-mm-blue) !important;
  }

  /* Hover/focus — subtle warm tint, primary colour text */
  #menu-item-37656 .wd-sub-menu > li > a.woodmart-nav-link:hover,
  #menu-item-37656 .wd-sub-menu > li > a.woodmart-nav-link:focus,
  #menu-item-37666 .wd-sub-menu > li > a.woodmart-nav-link:hover,
  #menu-item-37666 .wd-sub-menu > li > a.woodmart-nav-link:focus,
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link:hover,
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link:focus {
    background: rgba(251, 160, 2, 0.08) !important;
    color: var(--bg-mm-orange) !important;
  }

  /* ----- Hover retention: keep panel open while moving from nav to panel ----- */

  /* Pin panel directly below the orange header — no gap to lose hover in */
  .whb-row.whb-header-bottom { position: relative !important; }

  /* For the four primary dropdowns, ensure no margin-top gap and explicit open states */
  #menu-item-37636 > .wd-dropdown-menu,
  #menu-item-37656 > .wd-dropdown-menu,
  #menu-item-37666 > .wd-dropdown-menu,
  #menu-item-37680 > .wd-dropdown-menu {
    top: 100% !important;
    margin-top: 0 !important;
  }

  /* Make sure :hover and :focus-within on the panel itself keep it open */
  #menu-item-37636:hover > .wd-dropdown-menu,
  #menu-item-37636 > .wd-dropdown-menu:hover,
  #menu-item-37656:hover > .wd-dropdown-menu,
  #menu-item-37656 > .wd-dropdown-menu:hover,
  #menu-item-37666:hover > .wd-dropdown-menu,
  #menu-item-37666 > .wd-dropdown-menu:hover,
  #menu-item-37680:hover > .wd-dropdown-menu,
  #menu-item-37680 > .wd-dropdown-menu:hover {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

} /* end @media (min-width: 1200px) */

/* ----- Tablet: stack into 2 columns; mobile drawer untouched ----- */

@media (min-width: 768px) and (max-width: 1199px) {
  #menu-item-37656 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline,
  #menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline,
  #menu-item-37680 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px 24px !important;
  }
}

/* ==========================================================================
   Mega-menu cosmetic patches (2026-05-24 v2)
   --------------------------------------------------------------------------
   Post-Playwright verification (2026-05-24-mega-menu-after-v2/) caught:
   1. Disposables (#menu-item-37666) panel renders ORANGE background, not
      cream. Higher-specificity background rule needed.
   2. Services (#menu-item-37680) panel has 4 inline links with zero
      vertical padding — ~30px tall, doesn't read as a real navigation
      surface.
   ========================================================================== */

@media (min-width: 1200px) {

  /* Force cream background on the dropdown CONTAINER for all 3 menus
     (target multiple sub-selectors in case orange is on an inner div) */
  #menu-item-37656 > .wd-dropdown-menu,
  #menu-item-37666 > .wd-dropdown-menu,
  #menu-item-37680 > .wd-dropdown-menu,
  #menu-item-37656 > .wd-dropdown-menu > *,
  #menu-item-37666 > .wd-dropdown-menu > *,
  #menu-item-37680 > .wd-dropdown-menu > * {
    background-color: var(--bg-mm-cream) !important;
  }

  /* Ensure inner container also stays cream (no inherited orange) */
  #menu-item-37656 > .wd-dropdown-menu .container.wd-entry-content,
  #menu-item-37666 > .wd-dropdown-menu .container.wd-entry-content,
  #menu-item-37680 > .wd-dropdown-menu .container.wd-entry-content {
    background-color: var(--bg-mm-cream) !important;
  }

  /* Services has only 4 short items — give the panel real vertical
     presence so it doesn't read as a thin strip */
  #menu-item-37680 > .wd-dropdown-menu .container.wd-entry-content {
    min-height: 180px !important;
    padding: 32px clamp(24px, 3vw, 58px) 38px !important;
  }

  /* Services link rows: bigger tap target, more breathing room */
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link {
    padding: 14px 14px 14px 26px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
  }

  /* Services dot — slightly larger so the shelf reads as substantial */
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link::before {
    width: 9px !important;
    height: 9px !important;
    left: 8px !important;
  }

}

/* ==========================================================================
   Mega-menu hover-retention hardening (2026-05-24 v3)
   --------------------------------------------------------------------------
   Bug: when the dropdown is open and the user moves the mouse across the
   row (e.g. over the breadcrumbs strip on category/product pages, or
   between LIs at the top), the menu loses hover state and closes before
   the cursor reaches the dropdown panel.

   Causes:
   1. The dropdown panel z-index was 10020 — lower than the page-level
      breadcrumbs element on category/product pages, which sit at z-index
      auto inside positioned wrappers. Even at "auto", a wrapper with its
      own stacking context can render above z-index:10020.
   2. The hover bridge is per-LI (only `width: 100% + 44px` of the LI),
      so moving the mouse far horizontally inside the orange nav row
      drops the hover before reaching the dropdown.
   ========================================================================== */

@media (min-width: 1200px) {

  /* Boost dropdown panel z-index so it sits unambiguously above any
     page content (breadcrumbs, slider arrows, sticky bars, etc.) */
  .whb-header #menu-bottle-gases-main > li > .wd-dropdown-menu,
  .whb-header #menu-bottle-gases-main > li > .wd-dropdown-menu.wd-design-full-width {
    z-index: 99950 !important;
  }

  /* Make sure the dropdown panel intercepts pointer events */
  .whb-header #menu-bottle-gases-main > li > .wd-dropdown-menu * {
    pointer-events: auto;
  }

  /* Row-level hover bridge: full-width invisible strip that overlaps the
     entire orange nav row + bottom 8px of the row, so moving across the
     row anywhere keeps the active dropdown open. Attached to the row,
     not per-LI, so it covers gaps between LIs and over breadcrumbs. */
  .whb-row.whb-header-bottom::after {
    content: "";
    position: absolute;
    left: 0;
    /* Stop the bridge before the right column (cart/search/account icons)
       — bridge was covering the entire row including click targets in
       .whb-col-right (W2.2 — 2026-05-27). Approx 320px clears the icons
       at 1440px+ desktop without losing hover retention in the gap below
       the nav. */
    right: 320px;
    bottom: -1px;        /* sits directly on the row's bottom edge */
    height: 8px;
    z-index: 99940;
    pointer-events: auto;
    background: transparent;
  }

  /* When ANY top-level LI with children is hovered, OR the dropdown panel
     itself is hovered, keep the active panel visible. This existed for
     individual menu items; here we widen it to cover the row-level bridge. */
  .whb-header #menu-bottle-gases-main > li.menu-item-has-children:hover > .wd-dropdown-menu,
  .whb-header #menu-bottle-gases-main > li.menu-item-has-children:focus-within > .wd-dropdown-menu,
  .whb-header #menu-bottle-gases-main > li.menu-item-has-children.wd-opened > .wd-dropdown-menu,
  .whb-header #menu-bottle-gases-main > li.menu-item-has-children > .wd-dropdown-menu:hover {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Upward "skirt" on the dropdown panel itself — a transparent strip
     extending ABOVE the panel into the nav row's height, so the
     :hover on the panel kicks in slightly before mouse exits the panel. */
  .whb-header #menu-bottle-gases-main > li > .wd-dropdown-menu::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    height: 12px;
    background: transparent;
    pointer-events: auto;
  }

  /* Belt-and-braces: any element on the page with z-index < 99000 should
     not steal pointer events from the dropdown. We don't enforce this
     globally (too aggressive), but for the known breadcrumb wrapper we
     keep its stacking below the menu. */
  .wd-page-content .wd-el-breadcrumbs,
  .wd-page-content .woocommerce-breadcrumb,
  .wd-page-content .wd-page-title {
    position: relative;
    z-index: 1;
  }

}

/* ==========================================================================
   Header / nav single-line discipline + earlier hamburger collapse
   --------------------------------------------------------------------------
   Owner brief 2026-05-26: orange nav wraps onto two rows at desktop widths
   when the menu content is too wide for the available horizontal space.
   Fix:
   1. Force the main menu UL to flex-nowrap and let it shrink instead of wrap.
   2. Force every top-level menu link to white-space:nowrap.
   3. Tighten the gaps so the nav fits.
   4. Reserve the tools (search / cart / wishlist / compare / account) on the
      right so they never overlap the menu.
   5. Switch to the mobile hamburger earlier (at 1199px instead of Woodmart's
      default lg breakpoint) so we never present a cramped row.

   These rules are scoped to the actual nav menu ID #menu-bottle-gases-main
   so they don't bleed into any other UL/nav on the site.
   ========================================================================== */

/* ---- single-line discipline at desktop ---- */
@media (min-width: 1200px) {
  .whb-header #menu-bottle-gases-main {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    column-gap: 22px;
    row-gap: 0;
    overflow: visible;
    max-width: 100%;
  }
  .whb-header #menu-bottle-gases-main > li {
    flex: 0 0 auto;
    white-space: nowrap;
    margin: 0 !important;
  }
  .whb-header #menu-bottle-gases-main > li > a {
    white-space: nowrap !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    font-size: 15px;
    letter-spacing: -0.005em;
  }
  /* Keep header tools row from wrapping or stealing space below the menu */
  .whb-header .whb-col-right,
  .whb-header .whb-column.whb-col-right {
    flex-wrap: nowrap !important;
    white-space: nowrap;
  }
  .whb-header .whb-column nav.wd-header-nav {
    overflow: visible;
  }
}

/* ---- collapse to hamburger earlier (everything < 1200px) ----
   Woodmart's default breakpoint for the desktop nav was wider; we force the
   mobile nav on at <=1199 so we never serve a cramped or wrapped desktop nav.
   The hamburger toggle is already in Woodmart's mobile column — we just flip
   the visibility classes. */
@media (max-width: 1199px) {
  .whb-header .whb-column.whb-hidden-lg.whb-mobile-left,
  .whb-header .whb-column.whb-hidden-lg.whb-col-mobile {
    display: flex !important;
  }
  .whb-header .whb-column.whb-visible-lg .wd-header-main-nav,
  .whb-header nav.wd-header-nav.wd-header-main-nav {
    display: none !important;
  }
  /* Show the mobile menu icon column */
  .whb-header .wd-header-mobile-nav,
  .whb-header .whb-mobile-left .wd-header-mobile-nav {
    display: inline-flex !important;
  }
}

/* ==========================================================================
   Desktop mega-menu v2 — consistent B2C dropdown system (2026-05-26)
   --------------------------------------------------------------------------
   One shared structure for Shop / Refills / Disposables / Services:
   left intro panel, center route grid, right guidance panel. Synthetic
   support panels are injected in functions.php; this sheet owns layout only.
   ========================================================================== */

@media (min-width: 1200px) {
  :root {
    --bg-mm-v2-ink: #111827;
    --bg-mm-v2-muted: #667085;
    --bg-mm-v2-line: #E2E8F0;
    --bg-mm-v2-soft: #F6F7F9;
    --bg-mm-v2-paper: #FFFFFF;
    --bg-mm-v2-accent: #F58220;
    --bg-mm-v2-navy: #121826;
    --bg-mm-v2-blue: #0B5CAD;
    --bg-mm-v2-green: #16A34A;
    --bg-mm-v2-radius: 8px;
    --bg-mm-img-mig: url("/wp-content/uploads/2026/05/bg-category-mig-welding-gas-20260526-430x430.jpg");
    --bg-mm-img-tig: url("/wp-content/uploads/2026/05/bg-category-welding-consumables-20260526-430x430.jpg");
    --bg-mm-img-beer: url("/wp-content/uploads/2026/05/bg-category-beer-cellar-gas-20260526-430x430.jpg");
    --bg-mm-img-lpg: url("/wp-content/uploads/2026/05/bg-category-calor-lpg-gas-20260526-430x430.jpg");
    --bg-mm-img-helium: url("/wp-content/uploads/2026/05/bg-category-helium-canisters-20260526-430x430.jpg");
    --bg-mm-img-co2: url("/wp-content/uploads/2026/05/bg-category-co2-canisters-20260526-430x430.jpg");
    --bg-mm-img-nitrogen: url("/wp-content/uploads/2026/05/bg-category-nitrogen-cylinders-20260526-430x430.jpg");
    --bg-mm-img-oxy: url("/wp-content/uploads/2026/05/bg-category-oxy-fuel-gas-20260526-430x430.jpg");
    --bg-mm-img-soda: url("/wp-content/uploads/2026/05/bg-category-sodastream-co2-refills-20260526-430x430.jpg");
    --bg-mm-img-disposable: url("/wp-content/uploads/2026/05/bg-category-disposable-gas-bottles-20260526-430x430.jpg");
    --bg-mm-img-parts: url("/wp-content/uploads/2026/05/bg-category-lpg-regulators-equip-20260526-430x430.jpg");
    --bg-mm-img-extinguisher: url("/wp-content/uploads/2026/05/bg-category-co2-extinguisher-refill-20260526-430x430.jpg");
    --bg-mm-img-grohe: url("/wp-content/uploads/2026/05/bg-category-grohe-blue-co2-20260526-430x430.jpg");
    --bg-mm-img-oxy-equipment: url("/wp-content/uploads/2026/05/bg-category-oxy-fuel-equipment-20260526-430x430.jpg");
  }

  .whb-header,
  .whb-row.whb-header-bottom {
    position: relative !important;
    z-index: 99960 !important;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) > .wd-dropdown-menu,
  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) > .wd-dropdown-menu.wd-design-full-width {
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99950 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    overflow: visible !important;
    border-top: 0 !important;
    border-bottom: 1px solid var(--bg-mm-v2-line) !important;
    background: var(--bg-mm-v2-paper) !important;
    box-shadow: 0 28px 80px rgba(16, 24, 40, 0.12) !important;
    color: var(--bg-mm-v2-ink) !important;
    pointer-events: auto !important;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) > .wd-dropdown-menu:hover,
  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680):hover > .wd-dropdown-menu,
  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680):focus-within > .wd-dropdown-menu,
  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680).wd-opened > .wd-dropdown-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) > .wd-dropdown-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 0;
    left: 0;
    z-index: 1;
    height: 16px;
    background: transparent;
    pointer-events: auto;
  }

  .whb-row.whb-header-bottom::after {
    bottom: -4px !important;
    height: 14px !important;
    right: 320px !important;  /* keep clear of right column icons (W2.2) */
    z-index: 99949 !important;
    pointer-events: auto !important;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) > .wd-dropdown-menu .container.wd-entry-content {
    position: relative !important;
    z-index: 2 !important;
    width: min(calc(100vw - 48px), 1808px) !important;
    max-width: 1808px !important;
    margin: 0 auto !important;
    padding: 32px 0 36px !important;
    background: transparent !important;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    display: grid !important;
    grid-template-columns: minmax(240px, 300px) repeat(3, minmax(0, 1fr)) minmax(280px, 320px) !important;
    grid-auto-flow: row !important;
    gap: 12px 22px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) .wd-sub-menu > li {
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    list-style: none !important;
  }

  #menu-item-37636 .wd-sub-menu > li:not(.bg-mm-synthetic) {
    display: none !important;
  }

  .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-intro {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
  }

  .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-panel {
    grid-column: 5 !important;
    grid-row: 1 / span 6 !important;
  }

  .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-synthetic > a,
  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37656, #menu-item-37666, #menu-item-37680) .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 104px !important;
    padding: 18px 34px 18px 114px !important;
    overflow: hidden !important;
    border: 1px solid var(--bg-mm-v2-line) !important;
    border-radius: var(--bg-mm-v2-radius) !important;
    background: var(--bg-mm-v2-paper) !important;
    color: var(--bg-mm-v2-ink) !important;
    font-family: Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    box-shadow: none !important;
    transition: border-color 0.14s ease, background-color 0.14s ease, transform 0.14s ease !important;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37656, #menu-item-37666, #menu-item-37680) .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 12px;
    width: 84px;
    height: 80px;
    border-radius: var(--bg-mm-v2-radius);
    background: var(--bg-mm-image, var(--bg-mm-img-disposable)) center / cover no-repeat;
    transform: translateY(-50%);
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37656, #menu-item-37666, #menu-item-37680) .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::after {
    content: var(--bg-mm-desc, "");
    display: block;
    margin-top: 3px;
    color: var(--bg-mm-v2-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
  }

  .whb-header #menu-bottle-gases-main > li:is(#menu-item-37656, #menu-item-37666, #menu-item-37680) .wd-sub-menu > li:not(.bg-mm-synthetic)::after,
  .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-route::after {
    content: "›";
    position: absolute;
    top: 50%;
    right: 20px;
    color: var(--bg-mm-v2-accent);
    font-size: 22px;
    font-weight: 950;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
  }

  .whb-header #menu-bottle-gases-main .wd-sub-menu > li > a:hover,
  .whb-header #menu-bottle-gases-main .wd-sub-menu > li > a:focus-visible {
    border-color: rgba(245, 130, 32, 0.42) !important;
    background: #FFF8F1 !important;
    color: var(--bg-mm-v2-ink) !important;
    transform: none !important;
  }

  .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-intro > a {
    min-height: 100% !important;
    padding: 24px !important;
    background: var(--bg-mm-v2-navy) !important;
    border-color: transparent !important;
    color: #FFFFFF !important;
  }

  .bg-mm-card-link > span,
  .bg-mm-card-link .bg-mm-intro-inner,
  .bg-mm-card-link .bg-mm-panel-inner,
  .bg-mm-card-link .bg-mm-route-inner {
    display: block;
  }

  .bg-mm-kicker {
    display: block;
    margin: 0 0 10px;
    color: var(--bg-mm-v2-accent);
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  .bg-mm-intro .bg-mm-kicker,
  .bg-mm-products-panel .bg-mm-kicker {
    color: #FFB060;
  }

  .bg-mm-title {
    display: block;
    color: inherit;
    font-size: 30px;
    font-weight: 930;
    letter-spacing: 0;
    line-height: 1.15;
  }

  .bg-mm-copy,
  .bg-mm-route-copy {
    display: block;
    margin-top: 10px;
    color: var(--bg-mm-v2-muted);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.52;
  }

  .bg-mm-intro .bg-mm-copy,
  .bg-mm-products-panel .bg-mm-copy {
    color: #C8D1DF;
  }

  .bg-mm-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
  }

  .bg-mm-pills span {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 850;
  }

  .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-panel > a {
    min-height: 100% !important;
    padding: 22px !important;
    background: #F8FAFC !important;
    color: var(--bg-mm-v2-ink) !important;
  }

  .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-products-panel > a {
    background: var(--bg-mm-v2-navy) !important;
    color: #FFFFFF !important;
    border-color: transparent !important;
  }

  .bg-mm-panel-list,
  .bg-mm-product-list {
    display: grid;
    gap: 11px;
    margin-top: 18px;
  }

  .bg-mm-panel-row {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 10px;
    align-items: start;
    color: #344054;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.28;
  }

  .bg-mm-panel-check {
    display: grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--bg-mm-v2-green);
  }

  .bg-mm-panel-check::before {
    content: "✓";
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 950;
  }

  .bg-mm-product-row {
    display: grid !important;
    grid-template-columns: 46px 1fr;
    gap: 12px;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
  }

  .bg-mm-product-thumb {
    width: 46px;
    height: 46px;
    border-radius: var(--bg-mm-v2-radius);
    background: var(--bg-mm-product-image, var(--bg-mm-img-mig)) center / cover no-repeat;
  }

  .bg-mm-product-name,
  .bg-mm-product-price {
    display: block;
  }

  .bg-mm-product-name {
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.25;
  }

  .bg-mm-product-price {
    margin-top: 2px;
    color: var(--bg-mm-v2-accent);
    font-size: 12px;
    font-weight: 950;
  }

  .bg-mm-panel-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 18px;
    padding: 10px 16px;
    border-radius: var(--bg-mm-v2-radius);
    background: var(--bg-mm-v2-accent);
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 950;
  }

  .bg-mm-route-title {
    display: block;
    color: var(--bg-mm-v2-ink);
    font-size: 15px;
    font-weight: 920;
    line-height: 1.25;
  }

  #menu-item-37636 .wd-sub-menu > li.bg-mm-route > a {
    min-height: 205px !important;
    padding: 144px 42px 14px 14px !important;
  }

  #menu-item-37636 .wd-sub-menu > li.bg-mm-route > a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 126px;
    background: var(--bg-mm-image, var(--bg-mm-img-mig)) center / cover no-repeat;
  }

  #menu-item-37636 .bg-mm-route-refills { --bg-mm-image: var(--bg-mm-img-mig); }
  #menu-item-37636 .bg-mm-route-disposables { --bg-mm-image: var(--bg-mm-img-disposable); }
  #menu-item-37636 .bg-mm-route-lpg { --bg-mm-image: var(--bg-mm-img-lpg); }
  #menu-item-37636 .bg-mm-route-co2 { --bg-mm-image: var(--bg-mm-img-co2); }
  #menu-item-37636 .bg-mm-route-parts { --bg-mm-image: var(--bg-mm-img-parts); }
  #menu-item-37636 .bg-mm-route-services { --bg-mm-image: var(--bg-mm-img-extinguisher); }

  #menu-item-37656 #menu-item-37657 { --bg-mm-image: var(--bg-mm-img-mig); --bg-mm-desc: "Argon mixes for steel welding."; }
  #menu-item-37656 #menu-item-37658 { --bg-mm-image: var(--bg-mm-img-tig); --bg-mm-desc: "Pure argon for clean TIG work."; }
  #menu-item-37656 #menu-item-37659 { --bg-mm-image: var(--bg-mm-img-beer); --bg-mm-desc: "CO2 and mixed cellar gases."; }
  #menu-item-37656 #menu-item-37660 { --bg-mm-image: var(--bg-mm-img-lpg); --bg-mm-desc: "Propane, butane, BBQ and patio."; }
  #menu-item-37656 #menu-item-37661 { --bg-mm-image: var(--bg-mm-img-helium); --bg-mm-desc: "Party and event cylinders."; }
  #menu-item-37656 #menu-item-37662 { --bg-mm-image: var(--bg-mm-img-co2); --bg-mm-desc: "Food, drinks and industrial CO2."; }
  #menu-item-37656 #menu-item-37663 { --bg-mm-image: var(--bg-mm-img-nitrogen); --bg-mm-desc: "Purging and dispense gas."; }
  #menu-item-37656 #menu-item-37664 { --bg-mm-image: var(--bg-mm-img-oxy); --bg-mm-desc: "Heating, cutting and welding."; }
  #menu-item-37656 #menu-item-37665 { --bg-mm-image: var(--bg-mm-img-soda); --bg-mm-desc: "Sparkling water refills."; }

  #menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    row-gap: 10px !important;
  }

  #menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    min-height: 88px !important;
    padding: 17px 34px 17px 92px !important;
  }

  #menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: var(--bg-mm-symbol, "CO2");
    display: grid;
    place-items: center;
    width: 64px;
    height: 58px;
    background: #FFF3E8;
    border: 1px solid #FED7AA;
    color: var(--bg-mm-v2-accent);
    font-size: 19px;
    font-weight: 950;
  }

  #menu-item-37666 #menu-item-37667 { --bg-mm-symbol: "Ar"; --bg-mm-desc: "Small bottle argon for welding."; }
  #menu-item-37666 #menu-item-37668 { --bg-mm-symbol: "MIG"; --bg-mm-desc: "Mixed disposable welding gas."; }
  #menu-item-37666 #menu-item-37669 { --bg-mm-symbol: "CO2"; --bg-mm-desc: "Beer gas disposable cylinders."; }
  #menu-item-37666 #menu-item-37670 { --bg-mm-symbol: "CO2"; --bg-mm-desc: "Aquarium and hydroponics CO2."; }
  #menu-item-37666 #menu-item-37671 { --bg-mm-symbol: "CO2"; --bg-mm-desc: "Food-grade drinks cylinders."; }
  #menu-item-37666 #menu-item-37672 { --bg-mm-symbol: "CO2"; --bg-mm-desc: "Disposable CO2 for welding."; }
  #menu-item-37666 #menu-item-37673 { --bg-mm-symbol: "CO2"; --bg-mm-desc: "Airbrush and specialist use."; }
  #menu-item-37666 #menu-item-37674 { --bg-mm-symbol: "He"; --bg-mm-desc: "Balloon gas for events."; }
  #menu-item-37666 #menu-item-37675 { --bg-mm-symbol: "N2"; --bg-mm-desc: "Wine dispense systems."; }
  #menu-item-37666 #menu-item-37676 { --bg-mm-symbol: "N2"; --bg-mm-desc: "Refrigeration and purging."; }
  #menu-item-37666 #menu-item-37677 { --bg-mm-symbol: "O2"; --bg-mm-desc: "Disposable oxygen bottles."; }
  #menu-item-37666 #menu-item-37678 { --bg-mm-symbol: "Food"; --bg-mm-desc: "Food grade disposable gas."; }
  #menu-item-37666 #menu-item-37679 { --bg-mm-symbol: "Weld"; --bg-mm-desc: "Industrial and welding gas."; }

  #menu-item-37680 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    min-height: 205px !important;
    padding: 144px 34px 14px 14px !important;
  }

  #menu-item-37680 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 126px;
    border-radius: 0;
    transform: none;
  }

  #menu-item-37680 #menu-item-37681 { --bg-mm-image: var(--bg-mm-img-extinguisher); --bg-mm-desc: "For refill service enquiries."; }
  #menu-item-37680 #menu-item-37682 { --bg-mm-image: var(--bg-mm-img-grohe); --bg-mm-desc: "Alternatives to branded cylinders."; }
  #menu-item-37680 #menu-item-37683 { --bg-mm-image: var(--bg-mm-img-soda); --bg-mm-desc: "For sparkling-water users."; }
  #menu-item-37680 #menu-item-37684 { --bg-mm-image: var(--bg-mm-img-lpg); --bg-mm-desc: "Understand delivery options."; }

  .bg-mm-product-mig { --bg-mm-product-image: var(--bg-mm-img-mig); }
  .bg-mm-product-argon { --bg-mm-product-image: var(--bg-mm-img-tig); }
  .bg-mm-product-co2 { --bg-mm-product-image: var(--bg-mm-img-co2); }

  @media (max-width: 1500px) {
    .whb-header #menu-bottle-gases-main > li:is(#menu-item-37636, #menu-item-37656, #menu-item-37666, #menu-item-37680) > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
      grid-template-columns: minmax(230px, 270px) repeat(3, minmax(0, 1fr)) minmax(250px, 300px) !important;
      gap: 12px 16px !important;
    }

    .bg-mm-title {
      font-size: 27px;
    }

    .whb-header #menu-bottle-gases-main .wd-sub-menu > li.bg-mm-synthetic > a,
    .whb-header #menu-bottle-gases-main > li:is(#menu-item-37656, #menu-item-37666, #menu-item-37680) .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
      font-size: 14px !important;
    }
  }
}

/* ==========================================================================
   Disposables image-led mega menu true final cascade (2026-05-27)
   --------------------------------------------------------------------------
   Physical end-of-file override for #menu-item-37666 only.
   ========================================================================== */

@media (min-width: 1200px) {
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 {
    --bg-mm-img-helium-product: url("/wp-content/uploads/2024/12/Large-Disposable-Helium-Gas-Cylinder.jpeg");
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .container.wd-entry-content {
    width: min(calc(100vw - 48px), 1680px) !important;
    max-width: 1680px !important;
    padding: 24px 0 28px !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 > .wd-dropdown-menu .wd-sub-menu.wd-grid-f-inline {
    display: grid !important;
    grid-template-columns: minmax(260px, 290px) repeat(4, minmax(0, 1fr)) minmax(240px, 270px) !important;
    grid-auto-flow: row !important;
    gap: 10px 16px !important;
    align-items: stretch !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro {
    grid-column: 1 !important;
    grid-row: 1 / span 6 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel {
    grid-column: 6 !important;
    grid-row: 1 / span 6 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app {
    grid-row: 1 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-welding { grid-column: 2 !important; --bg-mm-app-image: var(--bg-mm-img-mig); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-food { grid-column: 3 !important; --bg-mm-app-image: var(--bg-mm-img-beer); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-helium { grid-column: 4 !important; --bg-mm-app-image: var(--bg-mm-img-helium-product); }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-disposable-app-specialist { grid-column: 5 !important; --bg-mm-app-image: var(--bg-mm-img-oxy); }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note {
    grid-column: 2 !important;
    grid-row: 2 / span 5 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 130px !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.06), rgba(8, 31, 58, 0.88)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
    box-shadow: 0 12px 22px rgba(8, 31, 58, 0.14) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:hover,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app > a.bg-mm-card-link:focus-visible {
    border-color: transparent !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.02), rgba(8, 31, 58, 0.82)),
      var(--bg-mm-app-image) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    display: block;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-title {
    max-width: 200px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.1;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-copy {
    display: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-app-cta {
    margin-top: 6px;
    color: #FFB13B;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-intro > a.bg-mm-card-link {
    display: flex !important;
    align-items: flex-end !important;
    min-height: 100% !important;
    padding: 24px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background:
      linear-gradient(180deg, rgba(8, 31, 58, 0.12), rgba(8, 31, 58, 0.92)),
      var(--bg-mm-img-disposable) center / cover no-repeat !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-panel > a.bg-mm-card-link {
    min-height: 100% !important;
    padding: 22px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #08213E !important;
    color: #FFFFFF !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-kicker {
    display: inline-flex;
    width: fit-content;
    min-height: 28px;
    align-items: center;
    margin-bottom: 16px;
    padding: 0 10px;
    border-radius: 999px;
    background: #FA9F03;
    color: #08213E;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-title {
    color: #FFFFFF;
    font-size: 27px;
    line-height: 1.03;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel .bg-mm-copy {
    color: rgba(255, 255, 255, 0.78);
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel-row {
    color: rgba(255, 255, 255, 0.9);
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-panel-cta {
    width: 100%;
    margin-top: 20px;
    background: #FA9F03;
    color: #08213E;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note > a.bg-mm-card-link {
    min-height: 126px !important;
    padding: 20px 18px !important;
    border: 1px solid var(--bg-mm-v2-line) !important;
    border-radius: 12px !important;
    background: #FFFFFF !important;
    color: var(--bg-mm-v2-ink) !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-title,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-copy {
    display: block;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-title {
    color: var(--bg-mm-v2-ink);
    font-size: 19px;
    font-weight: 950;
    line-height: 1.05;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .bg-mm-route-note-copy {
    margin-top: 8px;
    color: var(--bg-mm-v2-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.35;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37667 { grid-column: 3 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37668 { grid-column: 4 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37669 { grid-column: 5 !important; grid-row: 2 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37670 { grid-column: 3 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37671 { grid-column: 4 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37672 { grid-column: 5 !important; grid-row: 3 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37673 { grid-column: 3 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37674 { grid-column: 4 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37675 { grid-column: 5 !important; grid-row: 4 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37676 { grid-column: 3 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37677 { grid-column: 4 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37678 { grid-column: 5 !important; grid-row: 5 !important; }
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 #menu-item-37679 { grid-column: 3 / span 2 !important; grid-row: 6 !important; }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link {
    display: block !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 0 0 16px !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--bg-mm-v2-navy) !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::before {
    content: "" !important;
    position: absolute !important;
    top: 0.42em !important;
    left: 0 !important;
    display: block !important;
    width: 7px !important;
    height: 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--bg-mm-v2-accent) !important;
    color: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    transform: none !important;
  }

  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic) > a.woodmart-nav-link::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li:not(.bg-mm-synthetic)::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-app::after,
  body .whb-header #menu-bottle-gases-main > li#menu-item-37666 .wd-sub-menu > li.bg-mm-disposable-routes-note::after {
    content: none !important;
    display: none !important;
  }
}

/* ==========================================================================
   Refills + Services compression (2026-05-28)
   --------------------------------------------------------------------------
   After the Disposables compression (commit d1707440 — 700px → 461px),
   Refills (#menu-item-37656) and Services (#menu-item-37680) still ran
   taller than necessary. Three specific causes:

   1. Services container carried `min-height: 180px` + `32px/38px` vertical
      padding (rules at lines 1777-1780). With only 4 items in a single row,
      this forced ~80-100px of dead vertical space below the link row.
   2. Services link padding was 14px top/bottom + font-size: 16px (line
      1783-1787), bigger than the 10px/15px the other link-row dropdowns
      use. Inconsistent, and adds height that doesn't carry information.
   3. Refills container inherited the shared `26px / 32px` vertical padding
      from the v2 system. Cap to match Shop's 22/24 for a tighter shelf.

   Net effect: Services drops from ~280px to ~180px tall, Refills sheds
   ~16px. Shop is left alone — it's the densest dropdown and any further
   compression there starts trading legibility for height.
   ========================================================================== */

@media (min-width: 1200px) {

  /* Refills — match Shop's tighter vertical rhythm */
  #menu-item-37656 > .wd-dropdown-menu .container.wd-entry-content {
    padding-top: 22px !important;
    padding-bottom: 24px !important;
  }

  /* Refills link rows — 2px tighter vertical */
  #menu-item-37656 .wd-sub-menu > li > a.woodmart-nav-link {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  /* Services — drop the min-height and compress container padding */
  #menu-item-37680 > .wd-dropdown-menu .container.wd-entry-content {
    min-height: 0 !important;
    padding-top: 22px !important;
    padding-bottom: 26px !important;
  }

  /* Services link rows — match the shared 10px/15px sizing of the other
   * link-row dropdowns (was 14px/16px, oversize for the 4-item shelf) */
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link {
    padding: 10px 12px 10px 22px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
  }

  /* Services dot — drop back to the shared 7px so it matches Refills */
  #menu-item-37680 .wd-sub-menu > li > a.woodmart-nav-link::before {
    width: 7px !important;
    height: 7px !important;
    left: 6px !important;
  }

}