/** Shopify CDN: Minification failed

Line 7:0 Unexpected "?"
Line 112:0 All "@import" rules must come first

**/
?
/* === ARTICULAT CF FONT - ALL WEIGHTS === */
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-demibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-extrabold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('articulat-cf-heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Apply Articulat CF to ALL H1s, H2s, Hero, Section Titles */
h1,
h2,
.h1,
.h2,
.section-slider h1,
.section-slider h2,
.section-slider .banner__heading,
.slideshow h1,
.slideshow h2,
.slideshow .banner__heading,
.slideshow__content h1,
.slideshow__content h2,
.page-title h1,
.section-header__title,
.section__title,
.section-title,
h2.section-title,
.collection-list__title,
.icon-box__title,
.icon-box h2,
.icon-box__heading,
[class*="shop-by"] h2,
[class*="category"] h2,
[class*="category"] .section-title,
.main__heading,
.heading,
.title {
  font-family: 'Articulat CF', sans-serif !important;
}

/* GLOBAL - Articulat CF for entire site */
*,
body,
html {
  font-family: 'Articulat CF', sans-serif !important;
}

/* === VERTICAL MENU CLEAN STYLING === */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

/* Font and colors */
.vertical-menu__container .vertical-menu__link {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  color: #495057 !important;
}

/* Icons - smaller */
.vertical-menu__container .vertical-menu__link > svg:first-child {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.5 !important;
}

/* Arrows - make thinner and smaller */
.vertical-menu__container .vertical-menu__link-arrow svg,
.vertical-menu__container .icon-chevron-right {
  width: 10px !important;
  height: 10px !important;
  stroke-width: 1 !important;
  opacity: 0.4 !important;
}

/* Hamburger button */
.vertical-menu__button {
  background: #33C360 !important;
}

.vertical-menu__button svg {
  stroke: white !important;
  color: white !important;
}
/* === SUPER THIN MENU STYLING === */

/* All menu text - thin Roboto */
.vertical-menu__container,
.vertical-menu__container *,
.vertical-menu__container .vertical-menu__link,
.vertical-menu__container a {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

/* Menu text color */
.vertical-menu__container .vertical-menu__link,
.vertical-menu__container a {
  color: #495057 !important;
}

/* All SVG icons - super thin */
.vertical-menu__container svg {
  stroke-width: 1 !important;
  width: 14px !important;
  height: 14px !important;
}

/* Category icons only */
.vertical-menu__container .vertical-menu__link > svg:first-of-type,
.vertical-menu__container .vertical-menu__list-item > a > svg:first-of-type {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 1 !important;
  margin-right: 8px !important;
}

/* HIDE ALL ARROW SVGs */
.vertical-menu__container .vertical-menu__link-arrow,
.vertical-menu__container .icon-chevron-right,
.vertical-menu__container summary > svg:last-child,
.vertical-menu__container .vertical-menu__link > svg:last-of-type:not(:first-of-type),
.vertical-menu__container details > summary > svg {
  display: none !important;
}

/* Use simple CSS chevron instead */
.vertical-menu__container .vertical-menu__list-item:has(details) > details > summary::after,
.vertical-menu__container details > summary::after {
  content: '???f????????????????s?????????,??????' !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  color: #aaa !important;
  position: absolute !important;
  right: 15px !important;
}

/* Hamburger stays white */
.vertical-menu__button svg {
  stroke: white !important;
  color: white !important;
  stroke-width: 2 !important;
  width: 24px !important;
  height: 24px !important;
}

/* ========================================
   CUSTOM STYLES FOR BIDBUILD
   ======================================== */

/* TWK Lausanne Font */
@font-face {
  font-family: 'Articulat CF';
  src: url('TWKLausanne-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('TWKLausanne-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('TWKLausanne-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Articulat CF';
  src: url('TWKLausanne-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Apply Roboto to buttons */
.btn,
button,
.button,
input[type="submit"],
input[type="button"],
.vertical-menu__button {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  line-height: 41px !important;
}

/* Primary button color */
.btn--primary,
.btn.btn--primary,
.section-slider .btn,
.slide__content .btn {
  background-color: #33C360 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

/* Button hover - hero and Shop by */
.section-slider .btn:hover,
.section-slider .btn--primary:hover,
.section-slider .slide__content .btn:hover,
.slide__content .btn:hover,
.slide__content .btn--primary:hover,
.vertical-menu__button:hover,
.btn--primary.btn:hover,
.section-slider .section-slider__btn .btn:hover,
.section-slider__btn .btn:hover,
.banner__block-text .btn:hover {
  background-color: #34D567 !important;
  background: #34D567 !important;
  color: #ffffff !important;
}

/* Shop By Category button - TWK Lausanne */
.custom-menu-toggle {
  font-family: 'Articulat CF', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

/* Apply TWK Lausanne to paragraphs */
p,
.rte p,
.product-description p,
.collection-description p {
  font-family: 'Articulat CF', sans-serif !important;
}

/* Slider/Hero description text - TWK Lausanne */
.section-slider p,
.section-slider .slide__description,
.section-slider .slider__description,
.slide__content p,
.hero__description,
.slider-text p {
  font-family: 'Articulat CF', sans-serif !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  letter-spacing: 0.2px !important;
}

/* Header icons - stroke only, no fill, no shadow */
.header__icons svg,
.header__icons path,
.header__icons__customer__icons svg,
.header__icons__customer__icons path,
.header__button svg,
.header__button path {
  stroke: #737373 !important;
  fill: none !important;
}
.header__icons a:hover svg,
.header__icons a:hover path,
.header__icons button:hover svg,
.header__icons button:hover path,
.header__icons__customer__icons a:hover svg,
.header__icons__customer__icons a:hover path,
.header__button:hover svg,
.header__button:hover path,
.header-customer-accounts:hover .header__button svg,
.header-customer-accounts:hover .header__button path {
  stroke: #33C360 !important;
  fill: none !important;
}
/* Search BUTTON icon - white stroke, NO FILL */
.header__search-btn svg,
.header__search-btn svg *,
.btn--primary svg,
.btn--primary svg *,
button.btn--primary svg,
button.btn--primary svg *,
.search__button svg,
.search__button svg *,
.search__button path,
.field__button svg,
.field__button svg *,
.field__button path,
button[type="submit"] svg,
button[type="submit"] svg *,
button[type="submit"] path {
  stroke: #ffffff !important;
  fill: none !important;
  background: none !important;
  background-color: transparent !important;
}
/* Force search button background to be transparent inside icon */
.search__button .btn__top-text,
.search__button .btn__bottom-text,
.field__button .btn__top-text,
.field__button .btn__bottom-text {
  background: transparent !important;
}
/* Search INPUT field icon - gray */
.header-search__form svg,
.header-search__form path,
.search-form__icon svg,
.search-form__icon path,
input + svg,
.search__input + svg,
.search-form svg:not(.btn--primary svg),
.search-form path:not(.btn--primary path) {
  stroke: #737373 !important;
  fill: none !important;
}

/* Cart drawer button - green */
.cart-drawer .btn--primary,
.cart-drawer .btn,
.drawer__content .btn--primary,
.drawer__content .btn,
[data-drawer="cart"] .btn--primary,
[data-drawer="cart"] .btn {
  background-color: #33C360 !important;
  border-color: #33C360 !important;
  color: #ffffff !important;
}
.cart-drawer .btn--primary:hover,
.cart-drawer .btn:hover,
.drawer__content .btn--primary:hover,
.drawer__content .btn:hover {
  background-color: #15CD4F !important;
  border-color: #15CD4F !important;
}

/* Secondary buttons - green style */
.btn--secondary {
  border-color: #33C360 !important;
  color: #33C360 !important;
  background-color: transparent !important;
}
.btn--secondary svg,
.btn--secondary path,
.btn--secondary line,
.btn--secondary rect {
  stroke: #33C360 !important;
  fill: none !important;
}
.btn--secondary:hover {
  background-color: #33C360 !important;
  border-color: #33C360 !important;
  color: #ffffff !important;
}
.btn--secondary:hover svg,
.btn--secondary:hover path,
.btn--secondary:hover line,
.btn--secondary:hover rect {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Account popup buttons - btn--border in header-customer-accounts__nav */
.header-customer-accounts__nav .btn--border {
  border-color: #33C360 !important;
  color: #33C360 !important;
  background-color: transparent !important;
}
.header-customer-accounts__nav .btn--border svg,
.header-customer-accounts__nav .btn--border path,
.header-customer-accounts__nav .btn--border line,
.header-customer-accounts__nav .btn--border rect {
  stroke: #33C360 !important;
  fill: none !important;
}
.header-customer-accounts__nav .btn--border:hover {
  background-color: #33C360 !important;
  border-color: #33C360 !important;
  color: #ffffff !important;
}
.header-customer-accounts__nav .btn--border:hover svg,
.header-customer-accounts__nav .btn--border:hover path,
.header-customer-accounts__nav .btn--border:hover line,
.header-customer-accounts__nav .btn--border:hover rect {
  stroke: #ffffff !important;
  fill: none !important;
}

/* Header - consistent padding on all pages */
.header__main,
.header__desktop,
.header-layout-classic {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.header__main > .container,
.header__desktop > .container {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

/* Announcement bar - FORCE solid #1D5887 on EVERYTHING */
.shopify-section-group-header-group > section:first-child,
.shopify-section-group-header-group > section:first-child *,
[data-section-name="announcement-bar-header"],
[data-section-name="announcement-bar-header"] *,
#theme-section-announcement_bar_header,
#theme-section-announcement_bar_header * {
  background: #1D5887 !important;
  background-color: #1D5887 !important;
  background-image: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* Announcement bar text - better spacing */
.announcement-bar__text,
.announcement-bar__content,
.announcement-bar p,
.section-announcement-bar p,
[data-section-name="announcement-bar-header"] p {
  padding-left: 10px !important;
  padding-right: 10px !important;
  max-width: 100% !important;
  white-space: normal !important;
  line-height: 1.3 !important;
}
/* Announcement bar - reduce gap between icon and text */
.announcement-bar__slide,
.announcement-bar .container,
[data-section-name="announcement-bar-header"] .container {
  gap: 10px !important;
}
.announcement-bar__slide > *,
[data-section-name="announcement-bar-header"] .flex {
  gap: 10px !important;
}
/* Announcement bar pagination dots */
[data-section-name="announcement-bar-header"] .swiper-pagination,
.announcement-bar-pagination {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  right: 15px !important;
  top: 20px !important;
  transform: translateY(-50%) !important;
  left: auto !important;
  width: auto !important;
  gap: 6px !important;
  z-index: 9999 !important;
  pointer-events: auto !important;
  align-items: center !important;
}
[data-section-name="announcement-bar-header"] .swiper-pagination-bullet,
.announcement-bar-pagination .swiper-pagination-bullet {
  width: 5px !important;
  height: 5px !important;
  background: rgba(255,255,255,0.5) !important;
  opacity: 1 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  display: inline-block !important;
  visibility: visible !important;
  cursor: pointer !important;
}
[data-section-name="announcement-bar-header"] .swiper-pagination-bullet-active,
.announcement-bar-pagination .swiper-pagination-bullet-active {
  background: #ffffff !important;
  opacity: 1 !important;
}
/* Announcement bar mobile - 2 lines, left aligned */
@media (max-width: 990px) {
  /* Announcement bar dots - right aligned with cart on tablet/mobile */
  [data-section-name="announcement-bar-header"] .swiper-pagination,
  .announcement-bar-pagination {
    right: 15px !important;
    left: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    gap: 6px !important;
  }
  [data-section-name="announcement-bar-header"] .swiper-pagination-bullet,
  .announcement-bar-pagination .swiper-pagination-bullet {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 5px !important;
    height: 5px !important;
    background: rgba(255,255,255,0.5) !important;
    border-radius: 50% !important;
    margin: 0 !important;
  }
  [data-section-name="announcement-bar-header"] .swiper-pagination-bullet-active,
  .announcement-bar-pagination .swiper-pagination-bullet-active {
    background: #fff !important;
  }
}
@media (max-width: 768px) {
  /* Reset ALL padding first */
  [data-section-name="announcement-bar-header"],
  [data-section-name="announcement-bar-header"] *,
  .announcement-bar-header,
  .announcement-bar-header * {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  /* Now set exactly 10px on the content block only - match hamburger */
  [data-section-name="announcement-bar-header"] .announcement-bar-header__block,
  [data-section-name="announcement-bar-header"] .swiper-slide > div,
  [data-section-name="announcement-bar-header"] .swiper-slide > a,
  .announcement-bar-header__block {
    padding-left: 10px !important;
    padding-right: 60px !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
  }
  .announcement-bar__text,
  .announcement-bar__content,
  .announcement-bar p,
  [data-section-name="announcement-bar-header"] p {
    font-size: 11px !important;
    line-height: 1.3 !important;
    text-align: left !important;
  }
  [data-section-name="announcement-bar-header"] .swiper,
  [data-section-name="announcement-bar-header"] .swiper-wrapper {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  [data-section-name="announcement-bar-header"] svg,
  .announcement-bar svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-shrink: 0 !important;
  }
  /* Mobile dots - right side */
  [data-section-name="announcement-bar-header"] .swiper-pagination,
  .announcement-bar-pagination {
    right: 15px !important;
  }
}

/* SHOP BY BUTTON - 290px, vertically centered */
.vertical-menu__button,
.h6.vertical-menu__button,
div.vertical-menu__button {
  min-width: 290px !important;
  width: 290px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  box-sizing: border-box !important;
}
.vertical-menu__button span {
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
}
.vertical-menu__button svg {
  display: flex !important;
  align-items: center !important;
}

/* Desktop - move hero content up by adjusting Y position */
@media (min-width: 991px) {
  .section-slider [id^="theme-block-"] {
    --desktop-y: 50% !important;
  }
}

/* Slider dots - left aligned with hero content */
.section-slider .swiper-pagination {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  justify-content: flex-start !important;
  bottom: 50px !important;
  left: 112px !important;
  width: auto !important;
  gap: 8px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
}
@media (max-width: 990px) {
  .section-slider .swiper-pagination,
  .section-slider .swiper-pagination-bullets {
    left: 0 !important;
    bottom: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    width: 100% !important;
    display: flex !important;
    justify-content: flex-start !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    z-index: 100 !important;
    height: auto !important;
    pointer-events: auto !important;
  }
  .section-slider .swiper-pagination-bullet {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 0.5 !important;
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    border-radius: 50% !important;
    margin: 0 4px !important;
  }
  .section-slider .swiper-pagination-bullet-active {
    opacity: 1 !important;
  }
  .section-slider .swiper-pagination-bullet:first-child {
    margin-left: 15px !important;
  }
  /* Override CSS variables that control positioning */
  .section-slider .swiper-slide,
  .section-slider [id^="theme-block-"] {
    --mobile-x: 0% !important;
    --tablet-x: 0% !important;
  }
  .section-slider .slide__content,
  .section-slider .banner__block-item__description {
    left: 15px !important;
    right: auto !important;
    transform: translateY(var(--mobile-y, 50%)) !important;
    text-align: left !important;
    align-items: flex-start !important;
  }
  .section-slider .slide__title,
  .section-slider .slide__description,
  .section-slider h1,
  .section-slider h2,
  .section-slider p,
  .section-slider .btn {
    text-align: left !important;
  }
}
/* Hero content alignment with page-width container */
@media (min-width: 1025px) {
  .section-slider .slide__content,
  .section-slider .banner__block-item__description {
    left: 90px !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    text-align: left !important;
    align-items: flex-start !important;
  }
}

/* Align Our Favourite Collections section with hero */
.category-tabs-section {
  padding: 40px 112px 15px 112px !important;
}
.featured-grid {
  padding: 15px 112px 40px 112px !important;
}

.section-slider .swiper-pagination-bullet {
  display: inline-block !important;
  visibility: visible !important;
  background-color: #ffffff !important;
  opacity: 0.5 !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  border-radius: 50% !important;
}
.section-slider .swiper-pagination-bullet-active {
  background-color: #ffffff !important;
  opacity: 1 !important;
}


/* Fix announcement bar dots not scrolling with page */
.announcement-bar .flickity-page-dots,
.announcement-bar-slider .flickity-page-dots,
[class*="announcement"] .flickity-page-dots {
  position: absolute !important;
  bottom: 5px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 1 !important;
}

/* Hide dots if they appear outside announcement bar */
body > .flickity-page-dots {
  display: none !important;
}

.vertical-menu__button {
  background: #33C360 !important;
}
.vertical-menu__container {
  --color-vertical-menu-dropdown: #F4F3ED;
  margin-top: 8px;
}

/* === CUSTOM MEGA MENU === */
.vertical-menu__container {
  --color-vertical-menu-dropdown: #F4F3ED;
  background: #F4F3ED !important;
  margin-top: 10px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
  padding: 20px 0 !important;
}

.vertical-menu__button {
  background: #33C360 !important;
  border-radius: 8px !important;
}

/* Menu items styling */
.vertical-menu__list {
  background: #F4F3ED !important;
}

.vertical-menu__list-item {
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

.vertical-menu__list-item:last-child {
  border-bottom: none !important;
}

.vertical-menu__link {
  padding: 12px 20px !important;
  color: #333 !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  transition: all 0.2s ease !important;
}

.vertical-menu__link:hover {
  background: rgba(51, 195, 96, 0.1) !important;
  color: #33C360 !important;
}

/* Icons in menu */
.vertical-menu__link svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #33C360 !important;
  fill: none !important;
}

/* Submenu flyout */
.vertical-menu__submenu {
  background: #F4F3ED !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
  margin-left: 10px !important;
}

.vertical-menu__submenu-link {
  padding: 10px 20px !important;
  color: #555 !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
}

.vertical-menu__submenu-link:hover {
  color: #33C360 !important;
  background: rgba(51, 195, 96, 0.05) !important;
}

/* Arrow icon */
.vertical-menu__link-arrow {
  margin-left: auto !important;
  opacity: 0.5 !important;
}

.vertical-menu__list-item:hover .vertical-menu__link-arrow {
  opacity: 1 !important;
  color: #33C360 !important;
}
/* === DROPDOWN ROUND CORNERS === */
.vertical-menu__container,
.vertical-menu__dropdown,
.vertical-menu details > div,
.vertical-menu [class*="container"],
.vertical-menu [class*="dropdown"] {
  border-radius: 12px !important;
  overflow: visible !important;
}

.vertical-menu__list {
  border-radius: 12px !important;
}
/* === DROPDOWN STYLING === */
.vertical-menu__container,
.vertical-menu__dropdown {
  border-radius: 12px !important;
  overflow: visible !important;
}

.vertical-menu__list {
  border-radius: 12px !important;
  overflow: visible !important;
}

/* Ensure submenus can show */
.vertical-menu,
.vertical-menu details,
.vertical-menu__list-item {
  overflow: visible !important;
}
/* === MENU TEXT AND ICON COLORS === */
.vertical-menu__link,
.vertical-menu__list-item a,
.vertical-menu__container a {
  color: #737373 !important;
}

.vertical-menu__link svg,
.vertical-menu__list-item svg,
.vertical-menu svg {
  stroke: #737373 !important;
  color: #737373 !important;
}

.vertical-menu__link-arrow {
  color: #737373 !important;
}
/* === MENU TEXT AND ICON COLORS === */
.vertical-menu__link,
.vertical-menu__list-item a,
.vertical-menu__container a {
  color: #495057 !important;
}

.vertical-menu__link svg,
.vertical-menu__list-item svg,
.vertical-menu svg {
  stroke: #495057 !important;
  color: #495057 !important;
}

.vertical-menu__link-arrow {
  color: #495057 !important;
}
/* === MENU TEXT AND ICON COLORS === */
.vertical-menu__container .vertical-menu__link,
.vertical-menu__container .vertical-menu__list-item a {
  color: #495057 !important;
}

.vertical-menu__container .vertical-menu__link svg,
.vertical-menu__container .vertical-menu__list-item svg {
  stroke: #495057 !important;
  color: #495057 !important;
}

.vertical-menu__container .vertical-menu__link-arrow {
  color: #495057 !important;
}
/* Make arrow lines thinner */
.vertical-menu__container svg[class*="arrow"],
.vertical-menu__container .icon-arrow,
.vertical-menu__container details svg {
  stroke-width: 1 !important;
  width: 10px !important;
  height: 10px !important;
}
/* === MENU ICONS === */
/* Clothing - shirt icon */
.vertical-menu__list-item a[href*="clothing"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4h-4l-2 3-2-3H6z'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Footwear - boot icon */
.vertical-menu__list-item a[href*="footwear"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M4 17h16v2H4v-2zM6 13l2-8h4l1 4h5l2 4H6z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* PPE - shield icon */
.vertical-menu__list-item a[href*="ppe"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Safety - warning triangle */
.vertical-menu__list-item a[href*="safety"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Hand Protection - hand icon */
.vertical-menu__list-item a[href*="hand-protection"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M18 11V6a2 2 0 00-2-2 2 2 0 00-2 2M14 10V4a2 2 0 00-2-2 2 2 0 00-2 2v6M10 10.5V6a2 2 0 00-2-2 2 2 0 00-2 2v8'/%3E%3Cpath d='M18 8a2 2 0 114 0v6a8 8 0 01-8 8h-2c-2.8 0-4.5-.9-5.9-2.4L3.5 16.5a2 2 0 113-2.6L8 16'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Wet Weather - rain/umbrella icon */
.vertical-menu__list-item a[href*="wet-weather"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M18 12a6 6 0 00-12 0M12 12v9M8 16l.01 0M16 16l.01 0M12 4V2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* High Visibility - eye icon */
.vertical-menu__list-item a[href*="high-visibility"]::before,
.vertical-menu__list-item a[href*="hi-vis"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* First Aid - cross/medical icon */
.vertical-menu__list-item a[href*="first-aid"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Fall Protection - harness icon */
.vertical-menu__list-item a[href*="fall-protection"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M12 2v6M8 8l4-6 4 6M6 22v-8l6-6 6 6v8M9 22v-4h6v4'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Head Protection - helmet icon */
.vertical-menu__list-item a[href*="head-protection"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M12 2C6.5 2 2 6.5 2 12c0 2.5 1 4.8 2.5 6.5h15c1.5-1.7 2.5-4 2.5-6.5 0-5.5-4.5-10-10-10zM4 18.5V20h16v-1.5'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Eye Protection - safety glasses */
.vertical-menu__list-item a[href*="eye-protection"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Ccircle cx='6' cy='12' r='4'/%3E%3Ccircle cx='18' cy='12' r='4'/%3E%3Cpath d='M10 12h4M2 12h0M22 12h0'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Hearing Protection - ear icon */
.vertical-menu__list-item a[href*="hearing-protection"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M3 14h3a2 2 0 012 2v3a2 2 0 01-2 2H5a2 2 0 01-2-2v-5a9 9 0 0118 0v5a2 2 0 01-2 2h-1a2 2 0 01-2-2v-3a2 2 0 012-2h3'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Respiratory - mask icon */
.vertical-menu__list-item a[href*="respiratory"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M19 10c0 3.9-3.1 7-7 7s-7-3.1-7-7M5 10V8c0-3.9 3.1-7 7-7s7 3.1 7 7v2M9 21v-4M15 21v-4M3 10h18'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Cleaning - broom/spray icon */
.vertical-menu__list-item a[href*="cleaning"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M8 2h8l-1 8H9L8 2zM5 10h14l-2 12H7L5 10z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Office Supplies - pencil/document icon */
.vertical-menu__list-item a[href*="office"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z'/%3E%3Cpath d='M14 2v6h6M16 13H8M16 17H8M10 9H8'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Hardware - wrench/tools icon */
.vertical-menu__list-item a[href*="hardware"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M14.7 6.3a1 1 0 000 1.4l1.6 1.6a1 1 0 001.4 0l3.77-3.77a6 6 0 01-7.94 7.94l-6.91 6.91a2.12 2.12 0 01-3-3l6.91-6.91a6 6 0 017.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

/* Outdoor & Recreation - tree/nature icon */
.vertical-menu__list-item a[href*="outdoor"]::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23495057' stroke-width='1.5'%3E%3Cpath d='M12 2L4 12h4v8h8v-8h4L12 2z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}
/* === HAMBURGER BUTTON FIX === */
.vertical-menu__button svg,
.vertical-menu__button .icon {
  color: white !important;
  stroke: white !important;
  fill: none !important;
}

/* Hide default arrow and use CSS arrow */
.vertical-menu__container .vertical-menu__list-item[data-has-children] > a::after,
.vertical-menu__container details summary::after {
  content: '???f????????????????s?????????,??????' !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  margin-left: auto !important;
  color: #495057 !important;
}
/* === MENU FONT WEIGHT === */
.vertical-menu__container .vertical-menu__link,
.vertical-menu__container .vertical-menu__list-item a {
  font-weight: 400 !important;
}
/* === HAMBURGER BUTTON === */
.vertical-menu__button svg {
  color: white !important;
  stroke: white !important;
}

/* === MENU ICONS - Small & Thin === */
.vertical-menu__container .vertical-menu__list-item svg,
.vertical-menu__container .vertical-menu__link svg:first-child {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 1.5 !important;
  flex-shrink: 0 !important;
}

/* === ARROWS - Tiny & Thin === */
.vertical-menu__container .vertical-menu__link-arrow,
.vertical-menu__container summary > svg:last-child,
.vertical-menu__container .vertical-menu__link > svg:last-child {
  width: 6px !important;
  height: 6px !important;
  stroke-width: 1 !important;
  opacity: 0.5 !important;
}

/* Hide fat arrows, use CSS chevron */
.vertical-menu__container .icon-chevron-right,
.vertical-menu__container [class*="arrow"] svg {
  display: none !important;
}

.vertical-menu__container .vertical-menu__list-item[data-has-submenu] .vertical-menu__link::after,
.vertical-menu__container details summary::after {
  content: '???f????????????????s?????????,??????' !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  color: #999 !important;
  margin-left: auto !important;
  line-height: 1 !important;
}
/* === MAIN MENU FONT === */
.header__main .list-menu a,
.header__main .list-menu__item,
.header .list-menu a,
.header .list-menu__item,
.header__heading-link,
nav.list-menu a {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}
/* === KILL FAT ARROWS === */
.vertical-menu__container .vertical-menu__link svg:last-child,
.vertical-menu__container .vertical-menu__link-arrow,
.vertical-menu__container .vertical-menu__link > svg:not(:first-child),
.vertical-menu__container details summary svg,
.vertical-menu__container .icon-chevron-right,
.vertical-menu__container .icon-arrow,
.vertical-menu__container [class*="chevron"],
.vertical-menu__container [class*="arrow"] {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
}

/* Thin text arrow */
.vertical-menu__container .vertical-menu__link::after {
  content: '???f????????????????s?????????,??????' !important;
  font-size: 18px !important;
  font-weight: 200 !important;
  color: #bbb !important;
  margin-left: auto !important;
  padding-left: 10px !important;
}

/* Remove arrow from items without submenu */
.vertical-menu__container .vertical-menu__list-item:not(:has(details)) .vertical-menu__link::after {
  content: '' !important;
}
/* === FIX HAMBURGER BUTTON === */
.vertical-menu__button {
  background: #33C360 !important;
}

.vertical-menu__button::after,
.vertical-menu__button::before {
  display: none !important;
  content: none !important;
}

.vertical-menu__button svg {
  stroke: white !important;
  color: white !important;
  fill: none !important;
  background: transparent !important;
}

.vertical-menu__button .icon,
.vertical-menu__button span {
  background: transparent !important;
}
/* === MENU FONT SIZE === */
.vertical-menu__container .vertical-menu__link {
  font-size: 15px !important;
}
/* === MENU HOVER GREEN === */
.vertical-menu__container .vertical-menu__link:hover,
.vertical-menu__container .vertical-menu__list-item:hover > .vertical-menu__link {
  color: #33C360 !important;
}

.vertical-menu__container .vertical-menu__link:hover svg,
.vertical-menu__container .vertical-menu__list-item:hover > .vertical-menu__link svg {
  stroke: #33C360 !important;
  color: #33C360 !important;
}
/* === SUPER THIN ARROWS === */
.vertical-menu__container .vertical-menu__link-arrow,
.vertical-menu__container .vertical-menu__link-arrow svg,
.vertical-menu__container .icon-chevron-right,
.vertical-menu__container .vertical-menu__link > svg:last-child:not(:first-child),
.vertical-menu__container summary svg:last-child {
  width: 6px !important;
  height: 6px !important;
  stroke-width: 0.5 !important;
  opacity: 0.3 !important;
}
/* === CLEAN BUTTON === */
.vertical-menu__button,
.vertical-menu__button * {
  background: transparent !important;
  box-shadow: none !important;
}

.vertical-menu__button {
  background: #33C360 !important;
}

.vertical-menu__button::before,
.vertical-menu__button::after,
.vertical-menu__button *::before,
.vertical-menu__button *::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

.vertical-menu__button svg {
  background: transparent !important;
  stroke: white !important;
  fill: none !important;
}

.vertical-menu__button .icon {
  background: transparent !important;
}
/* === CUSTOM ARROW ONLY === */
/* HIDE ALL SVG ARROWS COMPLETELY */
.vertical-menu__container .vertical-menu__link-arrow {
  display: none !important;
}

.vertical-menu__container .vertical-menu__link > svg:not(:first-child) {
  display: none !important;
}

.vertical-menu__container .icon-chevron-right {
  display: none !important;
}

/* Custom thin CSS arrow */
.vertical-menu__container .vertical-menu__link {
  position: relative !important;
  padding-right: 25px !important;
}

.vertical-menu__container .vertical-menu__list-item:has(details) .vertical-menu__link::after {
  content: '' !important;
  position: absolute !important;
  right: 15px !important;
  top: 50% !important;
  width: 5px !important;
  height: 5px !important;
  border-right: 1px solid #bbb !important;
  border-bottom: 1px solid #bbb !important;
  transform: translateY(-50%) rotate(-45deg) !important;
}

.vertical-menu__container .vertical-menu__list-item:has(details):hover .vertical-menu__link::after {
  border-color: #33C360 !important;
}
/* === FIX THEME-ICON ARROWS === */
.vertical-menu__container .vertical-menu-item > .theme-icon,
.vertical-menu__container a > svg.theme-icon {
  width: 4px !important;
  height: 6px !important;
  opacity: 0.3 !important;
  fill: #999 !important;
}

.vertical-menu__container .vertical-menu-item > .theme-icon path,
.vertical-menu__container a > svg.theme-icon path {
  fill: #bbb !important;
}

.vertical-menu__container .vertical-menu-item:hover > .theme-icon,
.vertical-menu__container a:hover > svg.theme-icon {
  opacity: 0.5 !important;
}

.vertical-menu__container .vertical-menu-item:hover > .theme-icon path,
.vertical-menu__container a:hover > svg.theme-icon path {
  fill: #33C360 !important;
}
/* === BUTTON WHITE FIX === */
.vertical-menu__button,
.vertical-menu[open] .vertical-menu__button,
.vertical-menu[open] > summary .vertical-menu__button,
details[open] .vertical-menu__button,
details.vertical-menu[open] summary .vertical-menu__button {
  background: #33C360 !important;
  background-color: #33C360 !important;
}

.vertical-menu__button *,
.vertical-menu[open] .vertical-menu__button *,
details[open] .vertical-menu__button * {
  background: transparent !important;
  background-color: transparent !important;
}

/* Remove marker/arrow from details */
.vertical-menu summary {
  list-style: none !important;
}

.vertical-menu summary::-webkit-details-marker {
  display: none !important;
}

.vertical-menu summary::marker {
  display: none !important;
  content: '' !important;
}

/* Remove any pseudo elements on open */
.vertical-menu[open] .vertical-menu__button::before,
.vertical-menu[open] .vertical-menu__button::after,
.vertical-menu[open] summary::before,
.vertical-menu[open] summary::after,
details[open] .vertical-menu__button::before,
details[open] .vertical-menu__button::after {
  display: none !important;
  background: transparent !important;
  content: none !important;
}

/* SVG stays white */
.vertical-menu__button svg,
.vertical-menu[open] .vertical-menu__button svg {
  stroke: white !important;
  fill: none !important;
  color: white !important;
  background: transparent !important;
}
/* Hide icons */
.vertical-menu__container .vertical-menu-item > svg:first-child,
.vertical-menu__container .vertical-menu-item > .icon:first-child,
.vertical-menu__container .vertical-menu-item img {
  display: none !important;
}

/* Hide divider lines */
.vertical-menu__container .vertical-menu__items--border > li,
.vertical-menu__container li {
  border: none !important;
  border-bottom: none !important;
}

.vertical-menu__container .vertical-menu__items {
  border: none !important;
}
/* Hide all separator lines */
.vertical-menu__container li,
.vertical-menu__container .vertical-menu-item,
.vertical-menu__container .vertical-menu__items > li,
.vertical-menu__container .vertical-menu__items--border > li,
.vertical-menu__container ul li,
.vertical-menu__items li,
.vertical-menu__items > li {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

.vertical-menu__container .vertical-menu__items,
.vertical-menu__items {
  border: none !important;
  box-shadow: none !important;
}

/* Target any pseudo elements that might create lines */
.vertical-menu__container li::before,
.vertical-menu__container li::after,
.vertical-menu__items li::before,
.vertical-menu__items li::after {
  display: none !important;
  border: none !important;
}

/* Hide any hr or divider elements */
.vertical-menu__container hr,
.vertical-menu__container .divider {
  display: none !important;
}

/* Hide icons */
.vertical-menu__container .vertical-menu-item > svg:first-child,
.vertical-menu__container .vertical-menu-item > .icon:first-child,
.vertical-menu__container .vertical-menu-item img {
  display: none !important;
}

/* === MENU FONT STYLE === */
.vertical-menu__container .vertical-menu-item,
.vertical-menu__container .vertical-menu-item span,
.vertical-menu__container a {
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 21px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #283D55 !important;
}

.vertical-menu__container .vertical-menu-item:hover,
.vertical-menu__container .vertical-menu-item:hover span,
.vertical-menu__container a:hover {
  color: #33C360 !important;
}
/* Make arrows visible and match text color */
.vertical-menu__container .theme-icon,
.vertical-menu__container svg.theme-icon,
.vertical-menu-item .theme-icon,
.vertical-menu-item svg {
  width: 8px !important;
  height: 12px !important;
  fill: #283D55 !important;
  color: #283D55 !important;
  opacity: 1 !important;
}

/* Hover state for arrows */
.vertical-menu-item:hover .theme-icon,
.vertical-menu-item:hover svg {
  fill: #33C360 !important;
  color: #33C360 !important;
}

/* Hide button arrow at bottom */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon,
.vertical-menu__hide .icon,
.vertical-menu__container .vertical-menu__hide svg {
  width: 12px !important;
  height: 12px !important;
  fill: #33C360 !important;
  color: #33C360 !important;
  stroke: #33C360 !important;
}

/* Style the Hide text and button */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #33C360;
  border-bottom: 2px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 3px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 15px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #33C360;
  border-bottom: 2px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 3px;
}

/* Show All button - same green style */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #33C360;
  border-bottom: 2px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 3px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 15px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide - thinner */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - same green style */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All - thinner */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 45px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - same green style */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 45px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - same green style */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  border-top: none !important;
}

/* Remove line before Show All */
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__show-all {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
}

/* Also target parent container */
.vertical-menu__container .vertical-menu__show-all-wrapper,
.vertical-menu__show-all-wrapper {
  border-top: none !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 45px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - same size as menu items */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  border-top: none !important;
}

/* Remove line before Show All */
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__show-all {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
}

/* Also target parent container */
.vertical-menu__container .vertical-menu__show-all-wrapper,
.vertical-menu__show-all-wrapper {
  border-top: none !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with RIGHT edge of hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 20px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - same size as menu items */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  border-top: none !important;
}

/* Remove line before Show All */
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__show-all {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
}

/* Also target parent container */
.vertical-menu__container .vertical-menu__show-all-wrapper,
.vertical-menu__show-all-wrapper {
  border-top: none !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with RIGHT edge of hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 12px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - same size as menu items */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 21px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  border-top: none !important;
}

/* Remove line before Show All */
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__show-all {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
}

/* Also target parent container */
.vertical-menu__container .vertical-menu__show-all-wrapper,
.vertical-menu__show-all-wrapper {
  border-top: none !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with RIGHT edge of hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 12px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - bigger */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  border-top: none !important;
}

/* Remove line before Show All */
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__show-all {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
}

/* Also target parent container */
.vertical-menu__container .vertical-menu__show-all-wrapper,
.vertical-menu__show-all-wrapper {
  border-top: none !important;
}

/* Hide default arrow in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Create green down arrow for Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(45deg);
  margin-bottom: 2px;
}
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with RIGHT edge of hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 12px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #33C360;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #33C360;
  border-bottom: 1.5px solid #33C360;
  transform: rotate(-135deg);
  margin-top: 2px;
}

/* Show All button - bigger, no arrow */
.vertical-menu__show-all,
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__container [class*="view-all"] {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: none !important;
  border-top: none !important;
}

/* Remove line before Show All */
.vertical-menu__container .vertical-menu__show-all,
.vertical-menu__container [class*="show-all"],
.vertical-menu__show-all {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 10px !important;
}

/* Also target parent container */
.vertical-menu__container .vertical-menu__show-all-wrapper,
.vertical-menu__show-all-wrapper {
  border-top: none !important;
}

/* Hide all arrows in Show All */
.vertical-menu__show-all svg,
.vertical-menu__show-all .theme-icon,
[class*="show-all"] svg,
[class*="view-all"] svg {
  display: none !important;
}

/* Remove CSS arrow from Show All */
.vertical-menu__show-all::after,
.vertical-menu__container .vertical-menu__show-all::after,
.vertical-menu__container [class*="show-all"]::after {
  display: none !important;
  content: none !important;
}
/* Target all possible Show All elements */
.vertical-menu__container button[class*="show"],
.vertical-menu__container a[class*="show"],
.vertical-menu__container span[class*="show"],
.vertical-menu__container div[class*="show"],
.vertical-menu__container [class*="toggle"],
.vertical-menu__container .vertical-menu__toggle,
.vertical-menu__items-toggle,
.vertical-menu__show-more,
.vertical-menu-show-all,
button.show-all,
a.show-all,
.show-all-link,
.vertical-menu__container > button:last-child,
.vertical-menu__container > a:last-child {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  border: none !important;
  border-top: none !important;
}

/* Hide all SVGs and arrows in Show All type elements */
.vertical-menu__container button[class*="show"] svg,
.vertical-menu__container a[class*="show"] svg,
.vertical-menu__container [class*="toggle"] svg,
.vertical-menu__items-toggle svg,
.vertical-menu__show-more svg,
button.show-all svg,
a.show-all svg {
  display: none !important;
}

/* Hide ::after arrows */
.vertical-menu__container button[class*="show"]::after,
.vertical-menu__container a[class*="show"]::after,
.vertical-menu__container [class*="toggle"]::after,
.vertical-menu__items-toggle::after,
.vertical-menu__show-more::after,
button.show-all::after,
a.show-all::after {
  display: none !important;
  content: none !important;
}

/* Remove any borders/lines above Show All */
.vertical-menu__container > *:last-child,
.vertical-menu__items + *,
.vertical-menu__container button:last-of-type,
.vertical-menu__container a:last-of-type {
  border-top: none !important;
}
/* Kill ALL lines everywhere in menu */
.vertical-menu__container *,
.vertical-menu__container li,
.vertical-menu__container ul,
.vertical-menu__container div,
.vertical-menu__container button,
.vertical-menu__container a,
.vertical-menu__items,
.vertical-menu__items li,
.vertical-menu__items > li,
.vertical-menu__items-wrapper {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Target hr and dividers */
.vertical-menu__container hr,
.vertical-menu__container .divider,
.vertical-menu__container [class*="divider"],
.vertical-menu__container [class*="separator"] {
  display: none !important;
}

/* Target all possible Show All elements */
.vertical-menu__container button[class*="show"],
.vertical-menu__container a[class*="show"],
.vertical-menu__container span[class*="show"],
.vertical-menu__container div[class*="show"],
.vertical-menu__container [class*="toggle"],
.vertical-menu__container .vertical-menu__toggle,
.vertical-menu__items-toggle,
.vertical-menu__show-more,
.vertical-menu-show-all,
button.show-all,
a.show-all,
.show-all-link,
.vertical-menu__container > button:last-child,
.vertical-menu__container > a:last-child {
  color: #33C360 !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Hide all SVGs in Show All */
.vertical-menu__container button[class*="show"] svg,
.vertical-menu__container a[class*="show"] svg,
.vertical-menu__container [class*="toggle"] svg,
.vertical-menu__items-toggle svg,
.vertical-menu__show-more svg,
button.show-all svg,
a.show-all svg {
  display: none !important;
}

/* Hide ::after arrows */
.vertical-menu__container button[class*="show"]::after,
.vertical-menu__container a[class*="show"]::after,
.vertical-menu__container [class*="toggle"]::after,
.vertical-menu__items-toggle::after,
.vertical-menu__show-more::after,
button.show-all::after,
a.show-all::after {
  display: none !important;
  content: none !important;
}

/* Hide ::before too */
.vertical-menu__container button[class*="show"]::before,
.vertical-menu__container a[class*="show"]::before,
.vertical-menu__container [class*="toggle"]::before {
  display: none !important;
  content: none !important;
  border: none !important;
}
/* === HIDE LINES AND ICONS === */
/* Kill ALL lines everywhere in menu */
.vertical-menu__container *,
.vertical-menu__container li,
.vertical-menu__container ul,
.vertical-menu__container div,
.vertical-menu__container button,
.vertical-menu__container a,
.vertical-menu__items,
.vertical-menu__items li,
.vertical-menu__items > li,
.vertical-menu__items-wrapper {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Target hr and dividers */
.vertical-menu__container hr,
.vertical-menu__container .divider,
.vertical-menu__container [class*="divider"],
.vertical-menu__container [class*="separator"] {
  display: none !important;
}

/* Target all possible Show All elements - new green #21A64B */
.vertical-menu__container button[class*="show"],
.vertical-menu__container a[class*="show"],
.vertical-menu__container span[class*="show"],
.vertical-menu__container div[class*="show"],
.vertical-menu__container [class*="toggle"],
.vertical-menu__container .vertical-menu__toggle,
.vertical-menu__items-toggle,
.vertical-menu__show-more,
.vertical-menu-show-all,
button.show-all,
a.show-all,
.show-all-link,
.vertical-menu__container > button:last-child,
.vertical-menu__container > a:last-child {
  color: #21A64B !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* Hide all SVGs in Show All */
.vertical-menu__container button[class*="show"] svg,
.vertical-menu__container a[class*="show"] svg,
.vertical-menu__container [class*="toggle"] svg,
.vertical-menu__items-toggle svg,
.vertical-menu__show-more svg,
button.show-all svg,
a.show-all svg {
  display: none !important;
}

/* Hide ::after arrows */
.vertical-menu__container button[class*="show"]::after,
.vertical-menu__container a[class*="show"]::after,
.vertical-menu__container [class*="toggle"]::after,
.vertical-menu__items-toggle::after,
.vertical-menu__show-more::after,
button.show-all::after,
a.show-all::after {
  display: none !important;
  content: none !important;
}

/* Hide ::before too */
.vertical-menu__container button[class*="show"]::before,
.vertical-menu__container a[class*="show"]::before,
.vertical-menu__container [class*="toggle"]::before {
  display: none !important;
  content: none !important;
  border: none !important;
}
/* === ARROW STYLE === */
/* Hide default SVG arrows */
.vertical-menu__container .vertical-menu-item .theme-icon,
.vertical-menu__container .vertical-menu-item svg:last-child,
.vertical-menu-item > svg:last-child {
  display: none !important;
}

/* Create CSS chevron arrows - aligned with RIGHT edge of hamburger */
.vertical-menu__container .vertical-menu-item::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #283D55;
  border-bottom: 1.5px solid #283D55;
  transform: rotate(-45deg);
  margin-left: auto;
  margin-right: 12px;
  flex-shrink: 0;
}

.vertical-menu__container .vertical-menu-item:hover::after {
  border-color: #21A64B;
}

/* Make menu items flex for arrow positioning */
.vertical-menu__container .vertical-menu-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Hide button - all green #21A64B */
.vertical-menu__hide,
.vertical-menu__container .vertical-menu__hide {
  color: #21A64B !important;
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hide default arrow in Hide button */
.vertical-menu__hide svg,
.vertical-menu__hide .theme-icon {
  display: none !important;
}

/* Create green up arrow for Hide - #21A64B */
.vertical-menu__hide::after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1.5px solid #21A64B;
  border-bottom: 1.5px solid #21A64B;
  transform: rotate(-135deg);
  margin-top: 2px;
}
/* === REMOVE SEPARATOR LINE === */
/* Kill line before Show All - target everything */
.vertical-menu__container .vertical-menu__items,
.vertical-menu__container .vertical-menu__items-wrapper,
.vertical-menu__container ul,
.vertical-menu__container > ul,
.vertical-menu__items {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Target last item before Show All */
.vertical-menu__container li:last-child,
.vertical-menu__container .vertical-menu__items > li:last-child,
.vertical-menu__items > li:last-child,
.vertical-menu__container ul > li:last-child {
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Target any wrapper around Show All */
.vertical-menu__container > div,
.vertical-menu__container > button,
.vertical-menu__container > a,
.vertical-menu__toggle-wrapper,
.vertical-menu__footer {
  border-top: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
  padding-top: 5px !important;
}

/* Kill any ::before or ::after that might create lines */
.vertical-menu__container button::before,
.vertical-menu__container a::before,
.vertical-menu__container div::before,
.vertical-menu__items::after,
.vertical-menu__items-wrapper::after,
.vertical-menu__container ul::after {
  display: none !important;
  border: none !important;
  content: none !important;
}

/* Nuclear option - hide all borders with outline too */
.vertical-menu__container *:not(.vertical-menu__button) {
  outline: none !important;
  border-color: transparent !important;
}

/* === SUBMENU BACKGROUND === */
.vertical-menu__container .submenu-design__simple {
  background: #FFFDF2 !important;
}
/* === SUBMENU SIDE POSITION === */
.vertical-menu__container .vertical-menu-dropdown {
  position: relative !important;
}

.vertical-menu__container .submenu-design__simple {
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;
  margin-left: 8px !important;
  border-radius: 10px !important;
}
/* === MAIN MENU CONTAINER BG === */
.vertical-menu__container .vertical-menu-dropdown {
  background: #FFFDF2 !important;
}
/* === MEGA MENU === */
.mega-submenu {
  min-width: 750px !important;
  padding: 25px !important;
}

.mega-submenu-content {
  display: flex !important;
  gap: 30px !important;
}

.mega-links {
  flex: 0 0 200px;
}

.mega-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-links li {
  margin-bottom: 5px;
}

.mega-links .submenu__item {
  display: block;
  padding: 8px 0;
  color: #283D55 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-decoration: none;
}

.mega-links .submenu__item:hover {
  color: #21A64B !important;
}

.mega-featured {
  flex: 1;
}

.mega-featured-grid {
  display: flex;
  gap: 15px;
}

.mega-card {
  flex: 1;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  height: 280px;
  display: block;
  text-decoration: none;
}

.mega-card-img {
  position: absolute;
  inset: 0;
}

.mega-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.mega-card:hover .mega-card-img img {
  transform: scale(1.05);
}

.mega-card-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: white;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}

.mega-card-label {
  display: block;
  font-size: 13px;
  opacity: 0.9;
  margin-bottom: 2px;
}

.mega-card-title {
  display: block;
  font-size: 22px;
  font-weight: 600;
}
/* === FIX MEGA MENU POSITION === */
.vertical-menu__container .vertical-menu-items {
  position: static !important;
}

.vertical-menu__container .vertical-menu-item-wrapper {
  position: static !important;
}

.vertical-menu__container .submenu-container {
  position: static !important;
}

.vertical-menu__container .mega-submenu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  margin-left: 8px !important;
}
/* === MATCH BG COLORS === */
.vertical-menu__container .vertical-menu-dropdown,
.vertical-menu__container .vertical-menu-items {
  background: #FFFDF2 !important;
}
/* === SHOP BY CATEGORY CONTAINER BG === */
.vertical-menu__container {
  background: #FFFDF2 !important;
}
/* === SUBMENU FONTS === */
.mega-submenu .submenu__item,
.mega-links .submenu__item,
.mega-submenu a {
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #283D55 !important;
  line-height: 21px !important;
}

.mega-submenu .submenu__item:hover,
.mega-links .submenu__item:hover,
.mega-submenu a:hover {
  color: #21A64B !important;
}
/* === SUBMENU FONTS AGGRESSIVE === */
.mega-submenu *,
.mega-submenu a,
.mega-submenu span,
.mega-submenu .submenu__item,
.mega-submenu .submenu__item_text,
.mega-links *,
.mega-links a,
.mega-links span,
.submenu-design__simple.mega-submenu * {
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #283D55 !important;
  line-height: 21px !important;
  text-decoration: none !important;
}

.mega-submenu a:hover,
.mega-submenu a:hover *,
.mega-links a:hover,
.mega-links a:hover * {
  color: #21A64B !important;
}
/* === SUBMENU FONTS EXACT MATCH === */
.mega-submenu,
.mega-submenu *,
.mega-submenu a,
.mega-submenu span,
.mega-submenu li,
.mega-submenu .submenu__item,
.mega-submenu .submenu__item_text,
.mega-links,
.mega-links *,
.mega-links a,
.mega-links li,
.mega-links span {
  font-family: 'Articulat CF', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 21px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #283D55 !important;
  text-decoration: none !important;
}

.mega-submenu a:hover,
.mega-submenu a:hover span,
.mega-links a:hover,
.mega-links a:hover span {
  color: #21A64B !important;
}
/* === CLEAN BUTTON === */
.vertical-menu__button,
.vertical-menu__button * {
  background: transparent !important;
  box-shadow: none !important;
}

.vertical-menu__button {
  background: #33C360 !important;
}

.vertical-menu__button::before,
.vertical-menu__button::after,
.vertical-menu__button *::before,
.vertical-menu__button *::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

.vertical-menu__button svg {
  background: transparent !important;
  stroke: white !important;
  fill: none !important;
}

.vertical-menu__button .icon {
  background: transparent !important;
}

/* === LINE FIX === */
.vertical-menu__show-more:before,
.vertical-menu__show-more::before,
.vertical-menu__items--border + .vertical-menu__show-more:before {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.vertical-menu__show-more {
  border-top: none !important;
}
/* === LINE FIX === */
.vertical-menu__show-more:before,
.vertical-menu__show-more::before,
.vertical-menu__items--border + .vertical-menu__show-more:before {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.vertical-menu__show-more {
  border-top: none !important;
}

/* === REMOVE SHADOW === */
.vertical-menu,
.vertical-menu[open],
details.vertical-menu,
details.vertical-menu[open] {
  box-shadow: none !important;
}
/* === LINE FIX === */
.vertical-menu__show-more:before,
.vertical-menu__show-more::before,
.vertical-menu__items--border + .vertical-menu__show-more:before {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.vertical-menu__show-more {
  border-top: none !important;
}

/* === REMOVE SHADOW === */
.vertical-menu,
.vertical-menu[open],
details.vertical-menu,
details.vertical-menu[open] {
  box-shadow: none !important;
}

/* === LINE FIX === */
.vertical-menu__show-more:before,
.vertical-menu__show-more::before,
.vertical-menu__items--border + .vertical-menu__show-more:before {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.vertical-menu__show-more {
  border-top: none !important;
}

/* === REMOVE SHADOW === */
.vertical-menu,
.vertical-menu[open],
details.vertical-menu,
details.vertical-menu[open] {
  box-shadow: none !important;
}

/* === LINE FIX === */
.vertical-menu__show-more:before,
.vertical-menu__show-more::before,
.vertical-menu__items--border + .vertical-menu__show-more:before {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.vertical-menu__show-more {
  border-top: none !important;
}

/* === REMOVE SHADOW === */
.vertical-menu,
.vertical-menu[open],
details.vertical-menu,
details.vertical-menu[open] {
  box-shadow: none !important;
}

/* === LINE FIX === */
.vertical-menu__show-more:before,
.vertical-menu__show-more::before,
.vertical-menu__items--border + .vertical-menu__show-more:before {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.vertical-menu__show-more {
  border-top: none !important;
}

/* === REMOVE SHADOW === */
.vertical-menu,
.vertical-menu[open],
details.vertical-menu,
details.vertical-menu[open] {
  box-shadow: none !important;
}

/* === LINE FIX === */
.vertical-menu__show-more:before,
.vertical-menu__show-more::before,
.vertical-menu__items--border + .vertical-menu__show-more:before {
  display: none !important;
  content: none !important;
  height: 0 !important;
}
.vertical-menu__show-more {
  border-top: none !important;
}

/* === REMOVE SHADOW === */
.vertical-menu,
.vertical-menu[open],
details.vertical-menu,
details.vertical-menu[open] {
  box-shadow: none !important;
}/* === HIDE OLD ANNOUNCEMENT === */
[data-section-name="announcement-bar-header"],
#shopify-section-announcement_bar_header {
  display: none !important;
}


/* MEGA MENU - Both sides BEIGE, same height, connected */

/* Main dropdown - BEIGE */
.vertical-menu__container {
  background: #F8F7F4 !important;
  border-radius: 12px 0 0 12px !important;
  box-shadow: 0 10px 50px rgba(0,0,0,0.15) !important;
  overflow: visible !important;
}

.vertical-menu__container nav {
  background: #F8F7F4 !important;
  min-height: 480px !important;
}

.vertical-menu__container .vertical-menu__items {
  background: #F8F7F4 !important;
  min-height: 480px !important;
}

/* Active category - green */
.vertical-menu__container .submenu--megamenu:hover > .vertical-menu-item {
  color: #34C060 !important;
}

/* MEGAMENU - BEIGE, SAME HEIGHT, CONNECTED */
.vertical-menu__container .megamenu-container {
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;
  margin: 0 !important;
  background: #F8F7F4 !important;
  border-radius: 0 12px 12px 0 !important;
  box-shadow: 10px 0 50px rgba(0,0,0,0.1) !important;
  border-left: 1px solid #e5e4e0 !important;
  width: 550px !important;
  min-height: 480px !important;
  height: 480px !important;
  padding: 20px 25px !important;
}

/* Inner content - BEIGE */
.vertical-menu__container .submenu-design__megamenu {
  background: #F8F7F4 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  min-height: 440px !important;
}

/* ALL elements inside megamenu - BEIGE */
.vertical-menu__container .megamenu-container,
.vertical-menu__container .megamenu-container > *,
.vertical-menu__container .megamenu-container-width,
.vertical-menu__container .megamenu-childs__container,
.vertical-menu__container .submenu-design__megamenu,
.vertical-menu__container .page-grid-1,
.vertical-menu__container .page-grid-2,
.vertical-menu__container .page-grid-3,
.vertical-menu__container .page-grid-4,
.vertical-menu__container .megamenu-container div {
  background: #F8F7F4 !important;
  background-color: #F8F7F4 !important;
}

/* Images stay transparent */
.vertical-menu__container .megamenu-container img,
.vertical-menu__container .image-hover-box__container {
  background: transparent !important;
}

/* FORCE HEADER SAME ON ALL PAGES - HIGH SPECIFICITY */
html body #shopify-section-header .page-width,
html body #shopify-section-header .page-wide,
html body .shopify-section-group-header-group .page-width,
html body .shopify-section-group-header-group .page-wide,
html body header .page-width,
html body header .page-wide,
html body .header__desktop .page-width,
html body .header__desktop .page-wide {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}



/* === HOMEPAGE PRODUCT TITLE FONT SIZE 18px === */
.card__heading,
.card__heading a,
.card-information__text,
.card__content a,
.product-card__title,
.product-card__title a,
h3.card__heading,
.full-unstyled-link,
.product-card-info__title,
.product-card-info__title a {
  font-family: 'Articulat CF', sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  color: rgb(11, 40, 71) !important;
  line-height: normal !important;
  font-style: normal !important;
}


/* QUICKVIEW FIX */
#PopupModal-quickview .swiper-slide{display:none !important;}
#PopupModal-quickview .swiper-slide:first-child{display:block !important;}
#PopupModal-quickview .media-gallery__thumbnails{display:none !important;}

/* Latest News & Tips Section Title - 54px */
[data-section-name="blog-posts"] .section-heading-text,
[data-section-name="blog-posts"] h2.section-heading-text {
  font-family: 'Articulat CF', sans-serif !important;
  font-size: 54px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: normal !important;
  color: rgb(11, 40, 71) !important;
}

/* Blog Cards Background Color */
[data-section-name="blog-posts"] .blog-posts,
[data-section-name="blog-posts"] .swiper-slide,
.blog-posts {
  background-color: #FFFFF1 !important;
  padding: 15px !important;
  border-radius: 12px !important;
}


/* === POOL EQUIPMENT SECTION - SWIPER FIXES === */

/* Progress bar - make much thinner (2px) */
.swiper-control-container .swiper-pagination-progressbar,
.swiper-pagination-progressbar,
.swiper-pagination.swiper-pagination-progressbar {
  height: 2px !important;
  background: rgba(0,0,0,0.1) !important;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,
.swiper-pagination-progressbar-fill {
  height: 2px !important;
  background: #33C360 !important;
}

/* All swiper navigation buttons - square not round */
.swiper-control-container .internal-swiper-button-prev,
.swiper-control-container .internal-swiper-button-next,
.swiper .internal-swiper-button-prev,
.swiper .internal-swiper-button-next,
.internal-swiper-button-prev,
.internal-swiper-button-next,
.swiper-button-prev,
.swiper-button-next {
  border-radius: 4px !important;
  background: #f5f5f5 !important;
}

.swiper-control-container .internal-swiper-button-prev:hover,
.swiper-control-container .internal-swiper-button-next:hover,
.internal-swiper-button-prev:hover,
.internal-swiper-button-next:hover {
  background: #33C360 !important;
}

.internal-swiper-button-prev:hover svg path,
.internal-swiper-button-next:hover svg path {
  fill: #fff !important;
}

/* === SWIPER FIXES === */
.featured-collection__nav {
  width: 100% !important;
}

.featured-nav-btn {
  border: none !important;
  border-radius: 6px !important;
}

.featured-progress {
  flex: 1 !important;
  height: 2px !important;
}

.product-card a:hover {
  text-decoration: none !important;
}


/* Custom Login Field Styling - 2026 */
.customer input[type="email"],
.customer input[type="password"],
.customer input[type="text"] {
    border-radius: 20px !important;
    padding-left: 15px !important;
}

.customer button {
    border-radius: 20px !important;
}


/* Main product fullwidth alignment with logo */
.main-product__container {
  padding-left: 65px !important;
  padding-right: 65px !important;
}


/* Product recommendations alignment */
.product-recommendations, [data-section-name="product-recommendations"] {
  padding-left: 65px !important;
  padding-right: 65px !important;
}


/* Bigger icons in spa features bar */
.spa-features-bar svg,
.spa-features-bar img,
.spa-features-bar .icon {
  width: 28px !important;
  height: 28px !important;
}


/* Spacing between brand name and product title */
.spa-features-bar .brand-name,
.product-vendor {
  margin-bottom: 8px !important;
}
.spa-features-bar h1,
.spa-features-bar .product-title,
.product__title {
  margin-top: 5px !important;
}


/* More spacing between brand name and product title */
.spa-brand-name {
  margin-bottom: 12px !important;
}
.spa-brand-name + .product__title,
.spa-brand-name + h1 {
  margin-top: 10px !important;
}

/* Related Products Section - 65px padding, one row */
.section-product-recommendations,
section[data-section-type="product-recommendations"],
[class*="product-recommendations"] {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

/* Related Products heading */
.section-product-recommendations .main_heading,
.section-product-recommendations h2,
[class*="product-recommendations"] .main_heading,
[class*="product-recommendations"] h2 {
  font-family: 'Articulat CF', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0A2745 !important;
  text-align: left !important;
}

/* Main product section padding */
.main-product__container {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
/* HIDE Recently Viewed Section */
.section-product-recently-viewed,
section[data-section-type="product-recently-viewed"],
[class*="recently-viewed"],
#shopify-section-product_recently_viewed_rL3QxT {
  display: none !important;
}

/* Related Products - EXACT same width as accordion (65px padding) */
#shopify-section-product_recommendations_gFKKqN,
.section-product-recommendations {
  padding-left: 65px !important;
  padding-right: 65px !important;
  box-sizing: border-box !important;
}

#shopify-section-product_recommendations_gFKKqN .container,
.section-product-recommendations .container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* Related Products Heading - LEFT ALIGNED */
#shopify-section-product_recommendations_gFKKqN .main_heading,
#shopify-section-product_recommendations_gFKKqN h2,
#shopify-section-product_recommendations_gFKKqN .section__title,
.section-product-recommendations .main_heading,
.section-product-recommendations h2,
.section-product-recommendations .section__title {
  text-align: left !important;
  font-family: 'Articulat CF', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0A2745 !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

/* Hide subheading */
#shopify-section-product_recommendations_gFKKqN .main_subheading,
.section-product-recommendations .main_subheading {
  display: none !important;
}

/* Center the heading container but left-align text */
#shopify-section-product_recommendations_gFKKqN .section__header,
.section-product-recommendations .section__header {
  text-align: left !important;
  justify-content: flex-start !important;
}
/* === RELATED PRODUCTS FIX === */
/* Reset all previous related products CSS */
#shopify-section-product_recommendations_gFKKqN,
.section-product-recommendations,
section[data-section-type="product-recommendations"] {
  padding-left: 65px !important;
  padding-right: 65px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

#shopify-section-product_recommendations_gFKKqN .container,
.section-product-recommendations .container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* SHOW Related Products Heading */
#shopify-section-product_recommendations_gFKKqN .section__header,
.section-product-recommendations .section__header {
  display: block !important;
  visibility: visible !important;
  text-align: left !important;
  margin-bottom: 20px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}

#shopify-section-product_recommendations_gFKKqN .main_heading,
#shopify-section-product_recommendations_gFKKqN h2.main_heading,
.section-product-recommendations .main_heading {
  display: block !important;
  visibility: visible !important;
  text-align: left !important;
  font-family: 'Articulat CF', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0A2745 !important;
  margin: 0 !important;
}

/* Products grid - full width within container */
#shopify-section-product_recommendations_gFKKqN .products-grid,
#shopify-section-product_recommendations_gFKKqN .grid,
.section-product-recommendations .products-grid {
  width: 100% !important;
  max-width: 100% !important;
}
/* === RELATED PRODUCTS - EXACT MATCH ACCORDION WIDTH === */
#shopify-section-product_recommendations_gFKKqN {
  padding: 0 65px !important;
  margin: 0 !important;
}

#shopify-section-product_recommendations_gFKKqN > div,
#shopify-section-product_recommendations_gFKKqN .section,
#shopify-section-product_recommendations_gFKKqN .container,
#shopify-section-product_recommendations_gFKKqN .page-width {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}

/* Remove any inner padding/margins */
#shopify-section-product_recommendations_gFKKqN .section__content,
#shopify-section-product_recommendations_gFKKqN .products-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}
/* === ADD RELATED PRODUCTS HEADER WITH CSS === */
#shopify-section-product_recommendations_gFKKqN::before {
  content: 'Related Products' !important;
  display: block !important;
  font-family: 'Articulat CF', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0A2745 !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #e5e5e5 !important;
}
/* === HIDE THEME DEFAULT RELATED PRODUCTS - USE EMBEDDED ONE === */
#shopify-section-product_recommendations_gFKKqN,
section[data-section-type="product-recommendations"],
.section-product-recommendations {
  display: none !important;
}

/* === STYLE EMBEDDED RELATED PRODUCTS === */
.related-products-section {
  margin-top: 60px !important;
  padding-top: 20px !important;
}

.related-products-section h2 {
  font-family: 'Articulat CF', sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0A2745 !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #e5e5e5 !important;
  text-align: left !important;
}

.related-products-section img {
  width: 100% !important;
  border-radius: 8px !important;
  margin-bottom: 10px !important;
}

.related-products-section p {
  font-family: 'Articulat CF', sans-serif !important;
  font-size: 14px !important;
  color: #333 !important;
  margin: 0 !important;
}
/* === FORCE HIDE THEME DEFAULT RELATED PRODUCTS === */
[id*="product_recommendations"],
[class*="product-recommendations"],
.section-product-recommendations,
section[data-section-type="product-recommendations"],
[id*="shopify-section"][id*="product_recommendations"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* === THUMBNAIL BORDER - GREEN === */
.product__media-item.is-active,
.product__media-item--active,
.product-media-container.is-active,
.thumbnail.is-active,
.thumbnail--active,
.product__thumb.is-active,
.product__thumb--active,
[class*="thumbnail"].is-active,
[class*="thumb"].is-active,
.media-gallery__thumb.is-active,
.media-gallery__thumb--active {
  border-color: #33C360 !important;
  outline-color: #33C360 !important;
}

.product__media-item:focus,
.thumbnail:focus,
.product__thumb:focus {
  border-color: #33C360 !important;
  outline-color: #33C360 !important;
}
/* === THUMBNAIL BORDER GREEN - SWIPER === */
.swiper-thumb.active,
.swiper-thumb.active .image-hover-box,
.swiper-thumb.active .product__media__thumb,
.swiper-thumb-active,
.swiper-thumb:focus,
.swiper-thumb[aria-current="true"] {
  border-color: #33C360 !important;
  outline: 2px solid #33C360 !important;
  outline-offset: -2px !important;
}

.swiper-thumb.active {
  border: 2px solid #33C360 !important;
}

/* === HIDE WEIRD CHARACTER NEAR SKU === */
.product__information .sku-container,
.product-sku,
[class*="sku"] {
  font-family: 'Articulat CF', sans-serif !important;
}
/* === FIX SWIPER THUMBNAIL BORDER GREEN === */
.swiper-thumb.active,
.swiper-thumb-active {
  outline: 2px solid #33C360 !important;
  border-radius: 8px !important;
}

/* === HIDE WEIRD ENCODING CHARACTERS === */
.product__information li span:first-child::after {
  content: ' ' !important;
}
/* === SIMPLE THUMB BORDER - JUST COLOR === */
.swiper-thumb.active,
.swiper-thumb.active .image-hover-box,
.swiper-thumb-active {
  border-color: #33C360 !important;
  outline: none !important;
}
/* === THUMBNAIL - THIN GREEN BORDER ONLY === */
.swiper-thumb.active {
  border: 1px solid #33C360 !important;
  outline: none !important;
  box-shadow: none !important;
}

.swiper-thumb.active .image-hover-box {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* === RELATED PRODUCTS - NO BORDER UNDER HEADING === */
.related-products-section h2 {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
/* === HIDE BUTTONS BELOW GUARANTEED SAFE CHECKOUT === */
.product__buttons__container,
.product__info__button {
  display: none !important;
}

/* === RELATED PRODUCTS HEADING 32PX === */
.related-products-section h2 {
  font-size: 32px !important;
  font-family: 'Articulat CF', sans-serif !important;
  font-weight: 600 !important;
  color: #0A2745 !important;
}
/* === PRODUCT NAME 30PX DARK BLUE === */
.product__title h1,
.product__title h2,
h1.h4,
.product-single__title {
  font-size: 30px !important;
  color: #0A2745 !important;
}
/* === HIDE STICKY ADD TO CART BAR === */
.sticky-product-bar,
.sticky-addtocart,
.sticky-add-to-cart,
.select-options-button,
.product-form__buttons .select-options-button {
  display: none !important;
}

/* Hide the fixed bottom bar */
[style*="position: fixed"][style*="bottom"],
.fixed-bottom-bar {
  display: none !important;
}
/* === UNDO HIDING - SHOW CONTENT === */
.product__buttons__container,
.product__info__button,
.product__information li,
.product__information li > * {
  display: revert !important;
  font-size: revert !important;
}

/* Only hide specific sticky bar at bottom */
.sticky-product-bar__container,
#sticky-product-bar {
  display: none !important;
}
/* === PRODUCT PAGE UPPER CONTENT FIX === */
#MainProduct,
.section-main-product,
.product-section {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

/* Header 65px padding */
#shopify-section-header .header__wrapper,
.header__inner,
.header .page-width {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
/* === FORCE SHOW MAIN PRODUCT SECTION === */
#MainProduct,
.section-main-product,
#shopify-section-main-product,
[id*="main-product"],
.product__media-wrapper,
.product__info-wrapper,
.product__media-container,
.product,
.product-single {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}

/* Header 65px padding */
#shopify-section-header .header__wrapper,
.header__inner,
.header .page-width {
  padding-left: 65px !important;
  padding-right: 65px !important;
}
/* === FORCE SHOW MAIN PRODUCT SECTION - OVERRIDE JS === */
#shopify-section-main-product,
#MainProduct,
.section-main-product,
[id*="MainProduct"],
.product__media-wrapper,
.product__info-wrapper,
.product__media-container,
.product,
.product-single,
.product__grid,
.product-single__media-group,
.product-single__details {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  clip: auto !important;
  clip-path: none !important;
}

/* Header 65px padding */
#shopify-section-header .header__wrapper,
.header__inner,
.header .page-width {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

/* === CLEAN FIXES - Added once === */

/* Hide variant labels */
.variants-label,
legend.variants-label {
  display: none !important;
}

/* Hide Guaranteed Safe Checkout */
[id^="theme-block-gallery"],
[id^="theme-block-gallery"] h5 {
  display: none !important;
}

/* Hide Ask/Share buttons - BUT NOT the main buttons */
.product__buttons__container modal-opener,
.product__buttons__container share-button,
.product__buttons__container .share-button {
  display: none !important;
}

/* Hide dynamic checkout buttons */
.shopify-payment-button,
.dynamic-checkout__buttons {
  display: none !important;
}

/* SHOW Add to Cart and Quantity - FORCE VISIBLE */
.product-form__submit,
.product-form__buttons__content,
.product-form__buttons__content__media,
quantity-input,
.quantity,
button[name="add"],
.btn--addtocart-page {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.product-form__submit,
button[name="add"] {
  width: 100% !important;
  display: inline-flex !important;
}

.product-form__buttons__content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

/* Delivery date line */
[class*="delivery"] {
  border-bottom: 1px solid #e5e5e5 !important;
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}

/* Reduce gap - use negative margin like before */
.product-form__buttons,
.product-form__buttons__content {
  margin-top: -60px !important;
  position: relative !important;
  z-index: 10 !important;
}

/* Hide pickup availability */
.product__pickup-availabilities,
[class*="pickup"] {
  display: none !important;
}

/* Header padding */
#shopify-section-header .header__wrapper,
.header__inner,
.header .page-width {
  padding-left: 65px !important;
  padding-right: 65px !important;
}

/* Main product image - fixed height */
.product__media-sticky {
  min-height: 650px !important;
}

/* SKU fix */
.sku-label {
  font-size: 0 !important;
}
.sku-label::after {
  content: 'SKU: ' !important;
  font-size: 14px !important;
}

/* Quantity box same height as Add to Cart */
.product-form__buttons__content {
  align-items: stretch !important;
}

quantity-input,
quantity-input .quantity {
  height: 100% !important;
  align-self: stretch !important;
}

quantity-input .quantity__input,
quantity-input .quantity__button {
  height: 100% !important;
}

/* Quantity box same height as Add to Cart */
.product-form__buttons__content {
  align-items: stretch !important;
}

quantity-input,
quantity-input .quantity {
  height: 100% !important;
  align-self: stretch !important;
}

quantity-input .quantity__input,
quantity-input .quantity__button {
  height: 100% !important;
}
/* Reduce gap above quantity/cart */
.product-form__buttons,
.product-form__buttons__content {
  margin-top: -60px !important;
  position: relative !important;
  z-index: 10 !important;
}
/* FINAL gap fix - 20px */
.product-form__buttons.product-form__buttons {
  margin-top: 20px !important;
  padding-top: 0 !important;
}
.product-form__buttons__content.product-form__buttons__content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Fix quantity box */
quantity-input,
quantity-input .quantity {
  height: 54px !important;
  min-height: 54px !important;
}

/* Fix gap to 20px */
.product-form__buttons {
  margin-top: 20px !important;
}
/* FORCE gap to 20px - override everything */
.product-form__buttons,
.product-form__buttons.product-form__buttons,
form[action*='cart'] .product-form__buttons {
  margin-top: -50px !important;
  padding-top: 0 !important;
  position: relative !important;
  z-index: 10 !important;
}
/* Hide empty elements causing gap */
variant-selects:empty,
.product-form__input:empty,
fieldset:empty {
  display: none !important;
}

/* Reduce margin/padding on all elements between delivery and buttons */
[class*="delivery"] ~ * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.product-form__buttons {
  margin-top: 20px !important;
}
/* Hide empty elements causing gap */
variant-selects:empty,
.product-form__input:empty,
fieldset:empty {
  display: none !important;
}

/* Reduce margin/padding on all elements between delivery and buttons */
[class*="delivery"] ~ * {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.product-form__buttons {
  margin-top: 10px !important;
}
/* Match quantity height to Add to Cart button */
quantity-input {
  height: 50px !important;
  min-height: 50px !important;
}

quantity-input .quantity {
  height: 100% !important;
}

quantity-input .quantity__button,
quantity-input .quantity__input {
  height: 100% !important;
  min-height: 50px !important;
}
/* Hide Free Shipping and Guarantee yellow blocks */
[style*="EDDDB4"],
div[style*="background-color: #EDDDB4"] {
  display: none !important;
}
/* Add padding below quantity/Add to Cart section */
.product-form__buttons,
.product-form__buttons__content {
  margin-bottom: 20px !important;
  padding-bottom: 10px !important;
}
/* 10px border radius on quantity box */
quantity-input,
quantity-input .quantity {
  border-radius: 10px !important;
  overflow: hidden !important;
}
/* Reduce border radius and vertically align Free Shipping section */
.product__blurbs,
.product__blurbs__container,
[class*="blurb"],
.quote-tooltip-bar ~ div {
  border-radius: 4px !important;
}

.product__blurbs li,
.product__blurbs__container li,
[class*="blurb"] li {
  display: flex !important;
  align-items: center !important;
}
/* Reduce border radius on product text container */
.product__text__container {
  border-radius: 4px !important;
}

/* Vertically align icons and text */
.product__text {
  display: flex !important;
  align-items: center !important;
}

.product__text svg {
  flex-shrink: 0 !important;
}
/* Fix quantity box borders */
quantity-input,
quantity-input .quantity {
  border: 1px solid #c4cdd5 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

quantity-input .quantity__button,
quantity-input .quantity__input {
  border: none !important;
}
/* Reduce border radius on Free Shipping container */
#theme-block-text_ERLTVY,
.product__text__container,
[id^="theme-block-text"] {
  border-radius: 4px !important;
}

/* Vertically align icon and text */
.product__text {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.product__text .theme-icon {
  width: 24px !important;
  height: 24px !important;
  flex-shrink: 0 !important;
}

.product__text__content {
  display: flex !important;
  align-items: center !important;
}

.product__text__content p {
  margin: 0 !important;
}
/* Remove divider line between items */
.product__text__container .product__text {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
}

.product__text__container {
  border-radius: 4px !important;
}

.product__text + .product__text {
  border-top: none !important;
}
/* Align divider line full width */
.product__text__container {
  border: 1px solid #e5e5e5 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
}

.product__text__container .product__text {
  border: none !important;
  padding: 12px 15px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}

.product__text__container .product__text + .product__text {
  border-top: 1px solid #e5e5e5 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
/* Equal padding top and bottom */
.product__text__container .product__text {
  padding: 15px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.product__text__container .product__text:first-child {
  padding: 15px !important;
}

.product__text__container .product__text:last-child {
  padding: 15px !important;
}
/* Reduce bottom padding */
.product__text__container .product__text:last-child {
  padding-bottom: 10px !important;
}
/* Same height both rows */
.product__text__container .product__text {
  padding: 12px 15px !important;
  margin: 0 !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
}
/* Remove gap below container */
.product__text__container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.product__text__container .product__text:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 12px !important;
}
/* Remove gap below container */
.product__text__container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.product__text__container .product__text:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 14px !important;
}
/* Remove gap below container */
.product__text__container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.product__text__container .product__text:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 16px !important;
}
/* Make icons green */
.product__text__container .product__text svg path,
.product__text__container .product__text svg {
  fill: #008060 !important;
  stroke: #008060 !important;
}

.product__text__container .theme-icon path {
  fill: #008060 !important;
}
/* Hide original fat icons */
.product__text__container .theme-icon {
  display: none !important;
}

/* Add thin truck icon for shipping */
.product__text__container .product__text:first-child::before {
  content: '' !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  margin-right: 10px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23008060' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1' y='3' width='15' height='13'%3E%3C/rect%3E%3Cpolygon points='16 8 20 8 23 11 23 16 16 16 16 8'%3E%3C/polygon%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
}

/* Add thin checkmark icon for guarantee */
.product__text__container .product__text:last-child::before {
  content: '' !important;
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  margin-right: 10px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23008060' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'%3E%3C/path%3E%3Cpolyline points='9 12 12 15 16 10'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  flex-shrink: 0 !important;
}
/* SHOW quote tooltip bar */
.quote-tooltip-bar {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* Remove gap between Add to Cart and quote bar */
.product-form__buttons {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

product-form {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.quote-tooltip-bar {
  margin-top: 10px !important;
}
/* Show sticky Add to Cart bar when scrolling */
.sticky-addtocart,
.product-sticky-bar,
.sticky-cart,
[class*="sticky-add"],
.product__sticky-addtocart {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}