.mega-menu__column-info.mega-menu__column-info--with-image {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  max-width: 100%;
}

.mega-menu__image .picture-responsive-image img {
  width: auto;
  height: 125px;
  object-fit: cover;
}

.header.container .header__mega-menu {
  max-width: 100%;
  padding-top: 20px;
  background: transparent;
  border-radius: 16px;
  top: 75px;
}

.header.container .mega-menu--tabs {
  left: 0;
  width: 100%;
  grid-template-columns: 1fr;
}

.header__mega-menu_inner {
  border-radius: 16px;
  background: var(--color-white-600);
}

.mega-menu__promo {
  background-color: var(--color-white);
}

.mega-menu__promo {
  padding: 18px 40px;
}

.mega-menu__tabs {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  row-gap: 32px;
  padding: 50px 0;
  flex-wrap: wrap;
}

.mega-menu__tabs > * {
  width: 100%;
  max-width: 310px;
  align-items: center;
}

.mega-menu__tab-info .picture-responsive-image {
  min-width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  background: var(--color-white-500);
}

.mega-menu__tab-info .picture-responsive-image img {
  width: 23px;
  height: 23px;
}

.mega-menu__tab-info {
  max-width: 100%;
}

.mega-menu__tab-wrapper {
  padding: 0;
  max-width: 100%;
}

.mega-menu__tab-wrapper:hover,
.mega-menu__tab-wrapper--active {
  background-color: inherit;
}

.mega-menu__tab-heading {
  font-family: var(--font-secondary);
  font-size: var(--body-xl);
  font-weight: 700;
  line-height: var(--lh-140);
  letter-spacing: 1px;
  color: var(--color-black-100);
}

.mega-menu__tab-text {
  font-family: var(--font-secondary);
  font-size: var(--body-p-md);
  font-weight: 500;
  line-height: var(--lh-140);
  color: var(--color-grey-900);
  letter-spacing: 1px;
}

.mega-menu__column-heading {
  font-family: var(--font-secondary);
  font-size: var(--body-p-xl);
  font-weight: 700;
  line-height: var(--lh-140);
  color: var(--color-black-100);
}

.mega-menu__promo-heading {
  font-family: var(--font-secondary);
  font-size: var(--body-p-lg);
  font-weight: 700;
  line-height: var(--lh-150);
  color: var(--color-black-100);
}

.mega-menu__promo-text {
  font-family: var(--font-secondary);
  font-size: var(--body-p-sm);
  font-weight: 500;
  line-height: var(--lh-140);
  color: var(--color-grey-900);
}

.mega-menu__column-link.button.button--tertiary,
.mega-menu__tab-link.button.button--tertiary {
  border-radius: 6px;
  border: 1px solid var(--color-black-100);
  padding: 10px 20px;
  background: inherit;
  min-height: unset;
}

.mega-menu__column-link.button.button--tertiary:hover,
.mega-menu__tab-link.button.button--tertiary:hover {
  background-color: inherit;
  color: var(--color-black-100);
}

.button--tertiary span {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--body-p-sm);
  line-height: var(--lh-150);
  letter-spacing: 1px;
}

/* Mobile nav drawer style */

.menu-drawer__top {
  flex-direction: row-reverse;
  justify-content: space-between;
  padding: 0;
}

header-drawer .menu-drawer {
  padding: 15px 20px;
}

header-drawer .menu-drawer .menu-drawer__navigation,
header-drawer .menu-drawer .menu-drawer__utility-links,
header-drawer .menu-drawer .menu-drawer__bottom {
  padding: 0;
}

header-drawer .menu-drawer__menu-item .menu-drawer__menu-link,
header-drawer .menu-drawer__menu .menu-drawer__menu-item {
  font-family: var(--font-secondary);
  font-size: var(--heading-mobile-h5);
  font-weight: 700;
  line-height: var(--lh-150);
  color: var(--color-black-100);
  letter-spacing: 1.5px;
}

.overlay--active {
  display: block;
  width: 100%;
  height: 100%;
  background: #00000054;
  position: absolute;
}

.overlay--active.overlay--mobile {
  background: var(--color-white-600);
  z-index: 2;
}

.menu-drawer {
  background-color: var(--color-white);
}

.overlay {
  transition: opacity 0.3s ease;
  z-index: 99;
}

.overlay--active {
  opacity: 1;
}

.overlay:not(.overlay--active) {
  opacity: 0;
}

header-drawer .menu-drawer__bottom {
  background-color: transparent;
  box-shadow: none;
}

header-drawer
  .disclosure__button.localization-form__select.localization-selector
  .value {
  font-size: var(--body-p-xl);
}

.header_quote__button {
  display: flex;
  justify-content: center;
  border: 2px solid var(--color-yellow-100);
  background-color: var(--color-yellow-200);
  border-radius: 8px;
}

.header_quote__button .button.h6 {
  background-color: transparent;
  font-size: var(--body-p-xl);
  font-weight: 600;
  line-height: var(--lh-150);
  letter-spacing: 1px;
  color: var(--color-black-100);
  padding: 8px 20px;
}

.header_quote__button .button.h6 svg {
  margin-left: 6px;
  margin-top: 4px;
}

.menu-drawer__options {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
  margin-bottom: 0px;
}

.quote-title.text-body-xl {
  font-size: var(--subheading-mobile-h2);
  font-weight: 700;
  color: var(--color-black-300);
  line-height: var(--lh-120);
  letter-spacing: 1px;
  margin: 0;
}

.quote-subtitle.text-body-xl {
  font-weight: 500;
  line-height: var(--lh-140);
  color: var(--color-black-300);
  margin: 0;
}

.menu-opening[open] .menu-drawer__mega-menu .mega-menu__column-heading {
  font-size: var(--heading-mobile-h6);
  font-weight: 500;
  line-height: var(--lh-140);
  color: var(--color-black-100);
  letter-spacing: 1%;
}

.menu-drawer__main:has(.menu-drawer__navigation-container .menu-opening[open])
  .menu-drawer__options {
  display: none;
}

.menu-drawer__main:not(.menu-drawer__navigation-container .menu-opening[open])
  .mega-menu__promo {
  display: none;
}

.menu-drawer__main:has(.menu-drawer__navigation-container .menu-opening[open])
  .mega-menu__promo {
  display: flex;
}

.menu-drawer__main .mega-menu__promo {
  padding: 32px;
  background-color: var(--color-white-700);
  margin-top: 40px;
}

.menu-drawer__main .mega-menu__promo .mega-menu__promo-heading {
  font-size: var(--heading-mobile-h5);
  letter-spacing: 1.5px;
}

.menu-drawer__main .mega-menu__promo .mega-menu__promo-text {
  font-size: var(--body-p-xl);
  letter-spacing: 1.5px;
}

.menu-drawer__main .mega-menu__promo .mega-menu__tab-link {
  border-radius: 6px;
  border: 1px solid var(--color-black-100);
  padding: 10px 38px;
  font-family: var(--font-secondary);
  font-size: var(--body-p-xl);
  font-weight: 600;
  line-height: var(--lh-150);
  letter-spacing: 1px;
  color: var(--color-black-100);
  width: 100%;
  margin-top: 4px;
}

.mobile-menu__footer {
  display: none;
}

.list-menu--inline .header__menu-item:hover > span,
.list-menu--inline .header__menu-item:focus-within > span,
.list-menu--inline .header__menu-item:focus > span,
.list-menu--inline .header__menu-item:active > span {
  background-color: transparent;
}

.list-menu--inline .header__menu-item:hover ,
.list-menu--inline .header__menu-item:focus-within,
.list-menu--inline .header__menu-item:focus,
.list-menu--inline .header__menu-item:active {
  background-color: var(--color-white-300);
  padding: 5px 20px 7px 20px;
  border-radius: 5px;
}

.list-menu--inline {
  gap: 0 8px;
}

.list-menu--inline .list-menu-item:not(.list-menu--submenu) > .header__menu-item {
  padding: 5px 20px 7px;
}

.section-announcement,
.shopify-section-header {
  z-index: 100;
}

.mega-menu__tab-info {
  align-items: center;
}

.mega-menu__tab-text p {
  margin: 0;
}

@media (max-width: 989px) {
  .mobile-menu__footer.active {
    position: fixed;
    bottom: 0;
    background: var(--color-black-400);
    width: 100%;
    z-index: 100;
    padding: 12px;
    color: white;
    display: block;
  }

  .mobile-menu__footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
  }

  .mobile-menu__footer-text {
    font-family: var(--font-secondary);
    font-size: var(--caption-md);
    font-weight: 400;
    line-height: var(--lh-140);
    letter-spacing: 0.9px;
    color: var(--color-white-200);
    text-decoration: none;
  }

  .menu-drawer__main .mega-menu__promo {
    padding: 25px;
  }

  .menu-drawer__main .mega-menu__promo .mega-menu__tab-link {
    text-align: center;
    padding: 15px;
  }

  .header_quote__button .button.h6,
  .header_download__button .button.h6 {
    font-size: var(--body-p-xl);
    padding: 13px 20px;
  }
}