:root {
  --phadin-green-950: #052E22;
  --phadin-green-900: #063E2D;
  --phadin-green-800: #0B4F39;
  --phadin-green-700: #0F6B4B;
  --phadin-green-600: #12805A;
  --phadin-green-500: #1A9A6D;

  --phadin-green-soft-1: #EAF5F0;
  --phadin-green-soft-2: #F4FAF7;
  --phadin-green-soft-3: #F8FCFA;

  --phadin-accent-700: #A84E2D;
  --phadin-accent-600: #C86B3C;
  --phadin-accent-500: #DA7B46;
  --phadin-accent-soft: #F9EEE8;

  --phadin-text-900: #1F2A24;
  --phadin-text-800: #2A3B34;
  --phadin-text-700: #40544C;
  --phadin-text-600: #5F6B65;
  --phadin-text-500: #7D8983;
  --phadin-text-400: #A0AAA5;

  --phadin-border: #D9E5DE;
  --phadin-border-strong: #C7D8CF;

  --phadin-bg-page: #F4F6F4;
  --phadin-bg-panel: #F7FAF8;
  --phadin-bg-card: #FFFFFF;

  --phadin-success: #12805A;
  --phadin-warning: #C0862F;
  --phadin-danger: #B94A3A;

  --phadin-shadow-sm: 0 4px 12px rgba(6, 62, 45, 0.05);
  --phadin-shadow-md: 0 10px 28px rgba(6, 62, 45, 0.08);
  --phadin-shadow-lg: 0 18px 40px rgba(6, 62, 45, 0.12);

  --phadin-radius-sm: 10px;
  --phadin-radius-md: 14px;
  --phadin-radius-lg: 18px;
  --phadin-radius-xl: 22px;
}

body .menu-show-click .menu-click.phadin-mega-menu,
body .menu-show-click .menu-click.phadin-mega-menu a,
body .menu-show-click .menu-click.phadin-mega-menu span,
body .menu-show-click .menu-click.phadin-mega-menu li,
body .phadin-header-actions,
body .search_support {
  font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  letter-spacing: 0 !important;
}

body .menu-show-click .menu-click.phadin-mega-menu i.fa,
body .menu-show-click .menu-click.phadin-mega-menu i.fa:before,
body #main-menu i.fa,
body #main-menu i.fa:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
  font-weight: 900 !important;
}

@media (min-width: 850px) {
  html.phadin-menu-open,
  body.phadin-menu-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
  }
}

@media (min-width: 1101px) {
  body .menu-show-click .menu-click.phadin-mega-menu {
    --phadin-mega-menu-width: min(1440px, calc(100vw - 32px));
    --phadin-mega-menu-left: 320px;
    --phadin-mega-menu-gap: 12px;
    --phadin-mega-menu-height: 440px;
    position: fixed !important;
    top: var(--phadin-mega-menu-top, 80px) !important;
    left: 50% !important;
    right: auto !important;
    width: var(--phadin-mega-menu-width) !important;
    min-width: 0 !important;
    max-width: var(--phadin-mega-menu-width) !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    z-index: 1010 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63268:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63268:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63275:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63275:focus-within) {
    --phadin-mega-menu-height: 500px;
  }

  body .menu-show-click .menu-click.phadin-mega-menu > .mbasic,
  body .menu-show-click .menu-click.phadin-mega-menu .mbasic,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu {
    top: 0 !important;
    left: 0 !important;
    width: var(--phadin-mega-menu-left) !important;
    min-width: var(--phadin-mega-menu-left) !important;
    max-width: var(--phadin-mega-menu-left) !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu > ul.menu-product,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    width: 100% !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    padding: 12px 0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 118, 77, .08) !important;
    border-radius: 8px !important;
    box-shadow: 0 12px 30px rgba(31, 45, 40, .13) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: visible !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li#pr_63268.level_0 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 {
    min-height: 56px !important;
    padding: 7px 10px !important;
    border-radius: 8px !important;
    color: #1f2d28 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 > span {
    gap: 11px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 > span:before {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > a.lv_0,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > a.lv_0 {
    color: #f25a1d !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0 {
    top: 0 !important;
    left: calc(var(--phadin-mega-menu-left) + var(--phadin-mega-menu-gap)) !important;
    right: auto !important;
    display: grid !important;
    width: calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap)) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    padding: 22px !important;
    border: 1px solid #dde8e3 !important;
    border-top: 4px solid #00764d !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(31, 45, 40, .16) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    z-index: 1015 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover::after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: calc(var(--phadin-mega-menu-left) - 2px) !important;
    display: block !important;
    width: calc(var(--phadin-mega-menu-gap) + 6px) !important;
    height: var(--phadin-mega-menu-height) !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 1014 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row !important;
    align-content: start !important;
    align-items: start !important;
    gap: 0 28px !important;
    padding: 24px 26px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel:before,
  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.level_1 {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-row: auto !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-col-1 {
    grid-column: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-col-2 {
    grid-column: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-col-3 {
    grid-column: 3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.level_1 > a {
    position: relative !important;
    display: block !important;
    min-height: 28px !important;
    width: 100% !important;
    padding: 4px 4px 4px 16px !important;
    border: 0 !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #1f2d28 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.level_1 > a:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 3px !important;
    display: block !important;
    width: 5px !important;
    height: 5px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #00764d !important;
    transform: translateY(-50%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.level_1 > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.level_1 > a:focus {
    background: #e8f4ef !important;
    color: #00583a !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-column-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-mega-menu__heading > a {
    min-height: 36px !important;
    margin: 0 0 8px !important;
    padding: 0 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #dde8e3 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #00764d !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-column-heading > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-mega-menu__heading > a:before {
    display: none !important;
    content: none !important;
  }
}

@media (min-width: 850px) and (max-width: 1100px) {
  body .menu-show-click .menu-click.phadin-mega-menu {
    --phadin-mega-menu-width: calc(100vw - 20px);
    --phadin-mega-menu-left: 300px;
    --phadin-mega-menu-gap: 10px;
    --phadin-mega-menu-height: 430px;
    position: fixed !important;
    top: var(--phadin-mega-menu-top, 80px) !important;
    left: 50% !important;
    right: auto !important;
    width: var(--phadin-mega-menu-width) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--phadin-mega-menu-height) !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    overflow: visible !important;
    z-index: 1010 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63268:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63268:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63275:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63275:focus-within) {
    --phadin-mega-menu-height: 480px;
  }

  body .menu-show-click .menu-click.phadin-mega-menu > .mbasic,
  body .menu-show-click .menu-click.phadin-mega-menu .mbasic,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu {
    top: 0 !important;
    left: 0 !important;
    width: var(--phadin-mega-menu-left) !important;
    min-width: var(--phadin-mega-menu-left) !important;
    max-width: var(--phadin-mega-menu-left) !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    overflow: visible !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu > ul.menu-product,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    padding: 10px 0 !important;
    overflow: visible !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 {
    margin: 0 !important;
    padding: 0 10px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 {
    min-height: 54px !important;
    padding: 7px 9px !important;
    font-size: 14px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0 {
    top: 0 !important;
    left: calc(var(--phadin-mega-menu-left) + var(--phadin-mega-menu-gap)) !important;
    width: calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap)) !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    padding: 18px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    gap: 0 18px !important;
    padding: 20px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-col-1 {
    grid-column: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-col-2 {
    grid-column: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-col-3 {
    grid-column: 3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.level_1 > a {
    min-height: 27px !important;
    padding: 4px 2px 4px 14px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-menu-column-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #c_63249.phadin-mega-menu__coffee-panel > li.phadin-mega-menu__heading > a {
    min-height: 34px !important;
    margin-bottom: 7px !important;
    padding: 0 0 9px !important;
    color: #00764d !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }
}

@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--tall {
    --phadin-mega-menu-height: 500px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--coffee {
    --phadin-mega-menu-height: 560px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > a.lv_0 {
    background: #fff6f1 !important;
    color: #f25a1d !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > a.lv_0 > span:before {
    background: #00764d !important;
    color: #ffffff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0 {
    top: 0 !important;
    left: calc(var(--phadin-mega-menu-left) + var(--phadin-mega-menu-gap)) !important;
    right: auto !important;
    display: grid !important;
    width: calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap)) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    padding: 22px !important;
    border: 1px solid #dde8e3 !important;
    border-top: 4px solid #00764d !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 42px rgba(31, 45, 40, .16) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    z-index: 1015 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped {
    grid-auto-flow: row !important;
    grid-auto-rows: 40px !important;
    align-content: start !important;
    align-items: start !important;
    gap: 10px 34px !important;
    padding: 24px 30px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--1 {
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--2 {
    grid-template-columns: repeat(2, minmax(0, 360px)) minmax(0, 1fr) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--solution {
    grid-template-columns: repeat(2, minmax(0, 420px)) minmax(0, 1fr) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product :is(#c_63233, #c_64132, #c_63241, #c_63249, #c_63258, #c_64031, #c_63268, #c_63275, #c_63283).phadin-mega-menu__panel-grouped {
    gap: 10px 34px !important;
    padding: 24px 30px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped--4,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-grouped--4,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63268.phadin-mega-menu__panel-grouped--4,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031.phadin-mega-menu__panel-grouped--4 {
    gap: 10px 22px !important;
    padding: 22px 24px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63268.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-heading > a {
    font-size: 15px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-leaf > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-leaf > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63268.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-leaf > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031.phadin-mega-menu__panel-grouped--4 > li.level_1.phadin-mega-menu__group-leaf > a {
    font-size: 12.5px !important;
  }


  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product :is(#c_63233, #c_64132, #c_63241, #c_63249, #c_63258, #c_64031, #c_63268, #c_63275, #c_63283).phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a {
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 0 12px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 14px !important;
    background: #e8f4ef !important;
    color: #00764d !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product :is(#c_63233, #c_64132, #c_63241, #c_63249, #c_63258, #c_64031, #c_63268, #c_63275, #c_63283).phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 12px 8px 30px !important;
    border: 1px solid rgba(0, 118, 77, .14) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #1f2d28 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-decoration: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product :is(#c_63233, #c_64132, #c_63241, #c_63249, #c_63258, #c_64031, #c_63268, #c_63275, #c_63283).phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 13px !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #00764d !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 850px) and (max-width: 1100px) {
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--tall {
    --phadin-mega-menu-height: 480px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--coffee {
    --phadin-mega-menu-height: 540px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--solution {
    --phadin-mega-menu-height: 520px !important;
  }
}

@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_64132:hover #c_64132,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_64132:focus-within #c_64132,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63241:hover #c_63241,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63241:focus-within #c_63241,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63249:hover #c_63249,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63249:focus-within #c_63249,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63258:hover #c_63258,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63258:focus-within #c_63258,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_64031:hover #c_64031,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_64031:focus-within #c_64031,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63268:hover #c_63268,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63268:focus-within #c_63268,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63275:hover #c_63275,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63275:focus-within #c_63275,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63283:hover #c_63283,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63283:focus-within #c_63283 {
    top: 0 !important;
    left: calc(var(--phadin-mega-menu-left) + var(--phadin-mega-menu-gap)) !important;
    right: auto !important;
    width: calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap)) !important;
    min-width: 0 !important;
    max-width: none !important;
    height: var(--phadin-mega-menu-height) !important;
    min-height: var(--phadin-mega-menu-height) !important;
    max-height: var(--phadin-mega-menu-height) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within #c_63233 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row !important;
    align-content: start !important;
    align-items: start !important;
    gap: 10px 34px !important;
    padding: 24px 30px !important;
    width: min(1040px, calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap))) !important;
    max-width: calc(100vw - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap) - 48px) !important;
    justify-self: start !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1 {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(-n+8) {
    grid-column: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(n+9) {
    grid-column: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(1),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(9) {
    grid-row: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(2),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(10) {
    grid-row: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(3),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(11) {
    grid-row: 3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(4),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(12) {
    grid-row: 4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(5),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(13) {
    grid-row: 5 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(6),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(14) {
    grid-row: 6 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(7) {
    grid-row: 7 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(8) {
    grid-row: 8 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1 > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    width: 100% !important;
    padding: 8px 12px 8px 26px !important;
    border: 1px solid rgba(0, 118, 77, .14) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #1f2d28 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1 > a:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #00764d !important;
    transform: translateY(-50%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(1) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(9) > a {
    min-height: 52px !important;
    margin: 0 0 10px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 14px !important;
    background: #e8f4ef !important;
    color: #00764d !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(1) > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(9) > a:before {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within #c_63233 {
    width: calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap)) !important;
    max-width: none !important;
    grid-template-columns: repeat(2, minmax(0, 420px)) minmax(0, 1fr) !important;
    grid-template-rows: 52px repeat(4, 40px) !important;
    grid-auto-rows: 40px !important;
    gap: 10px 34px !important;
    align-content: start !important;
    align-items: start !important;
    padding: 24px 30px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233:before {
    content: "" !important;
    display: block !important;
    grid-column: 1 / span 2 !important;
    grid-row: 1 / span 5 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #f7fbf9 0%, #ffffff 100%) !important;
    box-shadow: 0 10px 24px rgba(0, 80, 50, .06) !important;
    z-index: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1 {
    z-index: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(1) {
    grid-column: 1 / span 2 !important;
    grid-row: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(2),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(3),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(4),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(5) {
    grid-column: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(6),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(7),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(8) {
    grid-column: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(2),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(6) {
    grid-row: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(3),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(7) {
    grid-row: 3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(4),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(8) {
    grid-row: 4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(5) {
    grid-row: 5 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(n+9) {
    display: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(1) > a {
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 12px 18px !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 14px !important;
    background: #e8f4ef !important;
    color: #00764d !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(1) > a:before {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63249:hover #c_63249,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63249:focus-within #c_63249 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
    grid-auto-flow: row !important;
    align-content: start !important;
    align-items: start !important;
    gap: 10px 34px !important;
    padding: 24px 30px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1 {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26) {
    isolation: isolate !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1)::after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9)::after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17)::after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26)::after {
    content: "" !important;
    position: absolute !important;
    top: -12px !important;
    left: -10px !important;
    right: -10px !important;
    height: var(--phadin-group-card-height, calc(var(--phadin-mega-menu-height) - 58px)) !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #f7fbf9 0%, #ffffff 100%) !important;
    box-shadow: 0 10px 24px rgba(0, 80, 50, .06) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(-n+8) {
    grid-column: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(n+9):nth-child(-n+16) {
    grid-column: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(n+17):nth-child(-n+25) {
    grid-column: 3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(n+26) {
    grid-column: 4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26) {
    grid-row: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(2),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(11),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(19) {
    grid-row: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(3),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(12),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(20) {
    grid-row: 3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(4),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(13),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(21) {
    grid-row: 4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(5),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(14),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(22) {
    grid-row: 5 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(6),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(15),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(23) {
    grid-row: 6 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(7),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(16),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(24) {
    grid-row: 7 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(8),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17),
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(25) {
    grid-row: 8 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9) {
    grid-row: 9 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1 > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    width: 100% !important;
    padding: 8px 12px 8px 26px !important;
    border: 1px solid rgba(0, 118, 77, .14) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #1f2d28 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    z-index: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1 > a:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #00764d !important;
    transform: translateY(-50%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26) > a {
    min-height: 52px !important;
    margin: 0 0 12px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 14px !important;
    background: #e8f4ef !important;
    color: #00764d !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1) > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9) > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17) > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26) > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1) > a:focus,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9) > a:focus,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17) > a:focus,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26) > a:focus {
    background: #00764d !important;
    color: #ffffff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1) > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9) > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17) > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26) > a:before {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped {
    grid-auto-flow: row !important;
    grid-auto-rows: 40px !important;
    align-content: start !important;
    align-items: start !important;
    gap: 10px 34px !important;
    padding: 24px 30px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--3,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--4,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--2,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--2 {
    grid-template-columns: repeat(2, minmax(0, 360px)) minmax(0, 1fr) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--1,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--1 {
    grid-template-columns: minmax(0, 460px) minmax(0, 1fr) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--solution,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--solution {
    grid-template-columns: repeat(2, minmax(0, 420px)) minmax(0, 1fr) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-item {
    display: block !important;
    position: relative !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: var(--phadin-group-col) !important;
    grid-row: var(--phadin-group-row) !important;
    z-index: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading {
    isolation: isolate !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading:after {
    content: "" !important;
    position: absolute !important;
    top: -12px !important;
    left: -10px !important;
    right: -10px !important;
    height: var(--phadin-group-card-height, calc(var(--phadin-mega-menu-height) - 58px)) !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #f7fbf9 0%, #ffffff 100%) !important;
    box-shadow: 0 10px 24px rgba(0, 80, 50, .06) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-item > a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    width: 100% !important;
    padding: 8px 12px 8px 26px !important;
    border: 1px solid rgba(0, 118, 77, .14) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #1f2d28 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    z-index: 2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    background: #00764d !important;
    transform: translateY(-50%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a {
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 0 12px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 14px !important;
    background: #e8f4ef !important;
    color: #00764d !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:before {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1 > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1 > a:focus {
    background: #e8f4ef !important;
    color: #00764d !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:focus {
    background: #00764d !important;
    color: #ffffff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped--solution:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped--solution:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped--solution > li.level_1.phadin-mega-menu__group-item {
    display: block !important;
    grid-column: var(--phadin-group-col) !important;
    grid-row: var(--phadin-group-row) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped--solution > li.level_1.phadin-mega-menu__group-heading:after {
    content: "" !important;
    position: absolute !important;
    top: -12px !important;
    left: -10px !important;
    right: -10px !important;
    height: var(--phadin-group-card-height, calc(var(--phadin-mega-menu-height) - 58px)) !important;
    border: 1px solid rgba(0, 118, 77, .22) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #f2faf6 0%, #ffffff 72%) !important;
    box-shadow: 0 14px 28px rgba(0, 88, 58, .075) !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu > ul.menu-product,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product {
    background: linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%) !important;
    border-color: rgba(0, 118, 77, .16) !important;
    box-shadow: 0 18px 38px rgba(16, 54, 42, .16) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 {
    position: relative !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    font-weight: 800 !important;
    transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, color .16s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 > span:before {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border: 1px solid rgba(0, 118, 77, .16) !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #edf9f4 0%, #dff1ea 100%) !important;
    color: #00764d !important;
    font-size: 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 6px 14px rgba(0, 88, 58, .10) !important;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233 > a.lv_0 > span:before {
    border-color: rgba(242, 90, 29, .20) !important;
    background: linear-gradient(135deg, #fff2ea 0%, #ffe2d1 100%) !important;
    color: #e85b2a !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 6px 14px rgba(242, 90, 29, .12) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_64132 > a.lv_0 > span:before {
    content: "\f0ad" !important;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63241 > a.lv_0 > span:before {
    content: "\f0ad" !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_64031 > a.lv_0 > span:before {
    content: "\f76b" !important;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63268 > a.lv_0 > span:before {
    content: "\f06c" !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > a.lv_0,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > a.lv_0,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > a.lv_0 {
    border-color: rgba(242, 90, 29, .18) !important;
    background: linear-gradient(90deg, #fff1e8 0%, #fff8f3 100%) !important;
    box-shadow: inset 4px 0 0 #f25a1d, 0 8px 18px rgba(242, 90, 29, .08) !important;
    color: #f25a1d !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > a.lv_0 > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > a.lv_0 > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > a.lv_0 > span:before {
    border-color: rgba(0, 118, 77, .34) !important;
    background: linear-gradient(135deg, #009366 0%, #00583a 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 9px 20px rgba(0, 88, 58, .22) !important;
    transform: scale(1.04) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover > a.lv_0 > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within > a.lv_0 > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233.phadin-mega-menu__active-parent > a.lv_0 > span:before {
    border-color: rgba(242, 90, 29, .36) !important;
    background: linear-gradient(135deg, #ff7b45 0%, #e85b2a 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 9px 20px rgba(242, 90, 29, .22) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0 {
    border-color: rgba(0, 118, 77, .22) !important;
    border-top-color: #00764d !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbf9 100%) !important;
    box-shadow: 0 22px 48px rgba(16, 54, 42, .18) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading:after {
    border-color: rgba(0, 118, 77, .22) !important;
    background: linear-gradient(180deg, #f2faf6 0%, #ffffff 72%) !important;
    box-shadow: 0 14px 28px rgba(0, 88, 58, .075) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a {
    border-color: rgba(0, 118, 77, .24) !important;
    background: linear-gradient(135deg, #dff2eb 0%, #f4fbf7 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 7px 16px rgba(0, 88, 58, .08) !important;
    color: #006b46 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-item > a {
    border-color: rgba(0, 118, 77, .18) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdfc 100%) !important;
    box-shadow: 0 3px 10px rgba(0, 80, 50, .045) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a:before {
    width: 7px !important;
    height: 7px !important;
    background: #00865b !important;
    box-shadow: 0 0 0 3px rgba(0, 118, 77, .10) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a:focus {
    border-color: rgba(0, 118, 77, .32) !important;
    background: linear-gradient(180deg, #f1faf6 0%, #ffffff 100%) !important;
    color: #006b46 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--solution {
    --phadin-mega-menu-height: 560px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233 > ul.wrapper_children_level0.phadin-mega-menu__panel-solution-modules,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-solution-modules,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-solution-modules,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-solution-modules {
    width: calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap)) !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: minmax(236px, 1fr) !important;
    gap: 28px !important;
    align-content: stretch !important;
    align-items: stretch !important;
    padding: 18px 22px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1 > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1 > a:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1 > a.phadin-mega-menu__solution-module-link:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1 > a.phadin-mega-menu__solution-module-link:focus {
    border-color: rgba(219, 108, 49, .38) !important;
    background: linear-gradient(180deg, #fffdfa 0%, #fff7f1 100%) !important;
    box-shadow: 0 14px 30px rgba(80, 54, 22, .10) !important;
    transform: translateY(-1px) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1 > a.phadin-mega-menu__solution-module-link:hover .phadin-mega-menu__solution-module-cta,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-solution-modules > li.level_1 > a.phadin-mega-menu__solution-module-link:focus .phadin-mega-menu__solution-module-cta {
    color: #c8561f !important;
  }
}

@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233.phadin-mega-menu__active-parent > #c_63233 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-template-rows: none !important;
    grid-auto-rows: minmax(44px, auto) !important;
    row-gap: 14px !important;
    column-gap: 34px !important;
    width: calc(var(--phadin-mega-menu-width) - var(--phadin-mega-menu-left) - var(--phadin-mega-menu-gap)) !important;
    max-width: none !important;
    padding: 24px 30px !important;
    align-content: start !important;
    align-items: start !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped > li.level_1 {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    align-self: start !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a {
    min-height: 56px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    border-radius: 14px !important;
    align-items: center !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a {
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    align-items: center !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:before {
    display: none !important;
    content: none !important;
  }
}

/* Phadin showroom visual refresh. Keep the existing menu data and layout logic intact. */
@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu {
    color: var(--phadin-text-800) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-menu-sidebar {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(217, 229, 222, .88) !important;
    border-radius: var(--phadin-radius-xl) !important;
    box-shadow: var(--phadin-shadow-md) !important;
    padding: 14px !important;
    gap: 6px !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .phadin-menu-sidebar > li.level_0 {
    padding: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item {
    min-height: 58px !important;
    padding: 9px 12px !important;
    border-radius: var(--phadin-radius-lg) !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: var(--phadin-text-800) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item > span {
    gap: 12px !important;
    width: 100% !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item > span:before {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border: 1px solid rgba(15, 107, 75, .18) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, var(--phadin-green-soft-2) 0%, var(--phadin-green-soft-1) 100%) !important;
    color: var(--phadin-green-700) !important;
    font-size: 15px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 8px 18px rgba(6, 62, 45, .08) !important;
    transition: background-color .22s ease, color .22s ease, box-shadow .22s ease, transform .22s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233 > a.lv_0.phadin-menu-item > span:before {
    border-color: rgba(218, 123, 70, .28) !important;
    background: linear-gradient(180deg, #fff7f1 0%, var(--phadin-accent-soft) 100%) !important;
    color: var(--phadin-accent-600) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 8px 18px rgba(200, 107, 60, .10) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > a.lv_0.phadin-menu-item,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > a.lv_0.phadin-menu-item {
    background: var(--phadin-green-soft-3) !important;
    border-color: var(--phadin-border) !important;
    color: var(--phadin-green-800) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > a.lv_0.phadin-menu-item,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > a.lv_0.phadin-menu-item,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > a.lv_0.phadin-menu-item {
    background: linear-gradient(180deg, #FFF8F4 0%, #FEF2EB 100%) !important;
    border-color: #F0C9B4 !important;
    box-shadow: inset 4px 0 0 var(--phadin-accent-500), 0 10px 24px rgba(168, 78, 45, .08) !important;
    color: var(--phadin-accent-600) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > a.lv_0.phadin-menu-item > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > a.lv_0.phadin-menu-item > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > a.lv_0.phadin-menu-item > span:before {
    background: linear-gradient(180deg, var(--phadin-green-600) 0%, var(--phadin-green-800) 100%) !important;
    border-color: rgba(15, 107, 75, .36) !important;
    color: #ffffff !important;
    box-shadow: 0 9px 20px rgba(15, 107, 75, .24) !important;
    transform: translateY(-1px) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233.phadin-mega-menu__active-parent > a.lv_0.phadin-menu-item > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover > a.lv_0.phadin-menu-item > span:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within > a.lv_0.phadin-menu-item > span:before {
    background: linear-gradient(180deg, var(--phadin-accent-500) 0%, var(--phadin-accent-600) 100%) !important;
    border-color: rgba(168, 78, 45, .28) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 9px 20px rgba(200, 107, 60, .24) !important;
    text-shadow: 0 1px 2px rgba(5, 46, 34, .24) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item:after {
    color: var(--phadin-text-700) !important;
    transition: color .22s ease, transform .22s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > a.lv_0.phadin-menu-item:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > a.lv_0.phadin-menu-item:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > a.lv_0.phadin-menu-item:after {
    color: var(--phadin-accent-600) !important;
    transform: translateX(2px) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-panel,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-panel,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-panel {
    background: linear-gradient(180deg, #FBFDFC 0%, var(--phadin-bg-panel) 100%) !important;
    border: 1px solid rgba(199, 216, 207, .92) !important;
    border-top: 4px solid var(--phadin-green-800) !important;
    border-radius: 24px !important;
    box-shadow: var(--phadin-shadow-lg) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading:after {
    border-color: rgba(199, 216, 207, .92) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(248, 252, 250, .98) 100%) !important;
    box-shadow: var(--phadin-shadow-sm) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-column-title {
    background: linear-gradient(180deg, #F2FBF7 0%, var(--phadin-green-soft-1) 100%) !important;
    border-color: #CFE0D8 !important;
    color: var(--phadin-green-700) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 6px 14px rgba(6, 62, 45, .055) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link {
    background: var(--phadin-bg-card) !important;
    border-color: #D8E7DF !important;
    color: var(--phadin-text-800) !important;
    box-shadow: 0 3px 10px rgba(6, 62, 45, .035) !important;
    transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease, transform .22s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link:before {
    width: 8px !important;
    height: 8px !important;
    left: 13px !important;
    background: var(--phadin-green-700) !important;
    box-shadow: 0 0 0 5px rgba(15, 107, 75, .10) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link:hover,
  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link:focus {
    background: var(--phadin-green-soft-3) !important;
    border-color: rgba(15, 107, 75, .32) !important;
    color: var(--phadin-green-700) !important;
    box-shadow: 0 8px 20px rgba(6, 62, 45, .06) !important;
    transform: translateY(-1px) !important;
  }

  body .phadin-header-cta {
    background: linear-gradient(135deg, var(--phadin-accent-500) 0%, var(--phadin-accent-600) 100%) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 28px rgba(200, 107, 60, .28) !important;
    transition: box-shadow .22s ease, filter .22s ease, transform .22s ease !important;
  }

  body .phadin-header-cta:hover {
    filter: brightness(.98) saturate(1.04) !important;
    box-shadow: 0 16px 34px rgba(200, 107, 60, .34) !important;
    transform: translateY(-1px) !important;
  }

  body .search_support a.phadin-search-chip {
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(234, 245, 240, .24) !important;
    color: #EAF5F0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease !important;
  }

  body .search_support a.phadin-search-chip:hover {
    background: rgba(255, 255, 255, .18) !important;
    border-color: rgba(234, 245, 240, .42) !important;
    transform: translateY(-1px) !important;
  }
}

@media (min-width: 850px) and (max-width: 1100px) {
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item {
    min-height: 56px !important;
    font-size: 14px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item > span:before {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    border-radius: 12px !important;
  }
}

/* Compact desktop/tablet sizing so the mega menu stays inside the content frame. */
@media (min-width: 1101px) {
  body .menu-show-click .menu-click.phadin-mega-menu {
    --phadin-mega-menu-width: min(calc(100vw - 96px), clamp(1080px, 86vw, 1760px)) !important;
    --phadin-mega-menu-left: 270px !important;
    --phadin-mega-menu-gap: 10px !important;
    --phadin-mega-menu-height: 420px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63268:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63268:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63275:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63275:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--tall {
    --phadin-mega-menu-height: 450px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:focus-within),
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--coffee {
    --phadin-mega-menu-height: 480px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--solution {
    --phadin-mega-menu-height: 420px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-menu-sidebar {
    padding: 10px !important;
    gap: 4px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item {
    min-height: 50px !important;
    padding: 7px 10px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1.14 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item > span {
    gap: 10px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item > span:before {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-panel,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-panel,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-panel {
    padding: 16px 20px !important;
    border-radius: 18px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0.phadin-mega-menu__active-parent > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product :is(#c_63233, #c_64132, #c_63241, #c_63249, #c_63258, #c_64031, #c_63268, #c_63275, #c_63283).phadin-mega-menu__panel-grouped {
    grid-auto-rows: 36px !important;
    gap: 8px 22px !important;
    padding: 16px 20px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--2,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--2,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:hover > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--solution,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0:focus-within > ul.wrapper_children_level0.phadin-mega-menu__panel-grouped--solution {
    grid-template-columns: repeat(2, minmax(0, 320px)) minmax(0, 1fr) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped--4,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-grouped--4,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63268.phadin-mega-menu__panel-grouped--4,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031.phadin-mega-menu__panel-grouped--4 {
    gap: 8px 14px !important;
    padding: 16px 18px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:hover #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233:focus-within #c_63233,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #pr_63233.phadin-mega-menu__active-parent > #c_63233 {
    grid-auto-rows: 36px !important;
    gap: 8px 22px !important;
    padding: 16px 20px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233.phadin-mega-menu__panel-grouped--solution > li.level_1.phadin-mega-menu__group-heading:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1)::after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9)::after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17)::after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26)::after {
    top: -9px !important;
    left: -8px !important;
    right: -8px !important;
    border-radius: 16px !important;
    height: min(var(--phadin-group-card-height, calc(var(--phadin-mega-menu-height) - 44px)), calc(var(--phadin-mega-menu-height) - 34px)) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-column-title,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product :is(#c_63233, #c_64132, #c_63241, #c_63249, #c_63258, #c_64031, #c_63268, #c_63275, #c_63283).phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1:nth-child(1) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(1) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(9) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(17) > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1:nth-child(26) > a {
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 0 8px !important;
    padding: 9px 14px !important;
    border-radius: 13px !important;
    font-size: 15px !important;
    line-height: 1.16 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product :is(#c_63233, #c_64132, #c_63241, #c_63249, #c_63258, #c_64031, #c_63268, #c_63275, #c_63283).phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-item > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1 > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1 > a {
    min-height: 34px !important;
    padding: 7px 10px 7px 26px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63233 > li.level_1 > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 > li.level_1 > a:before {
    left: 11px !important;
    width: 6px !important;
    height: 6px !important;
    box-shadow: 0 0 0 4px rgba(15, 107, 75, .09) !important;
  }
}

@media (min-width: 1600px) {
  body .menu-show-click .menu-click.phadin-mega-menu {
    left: calc(50% + 42px) !important;
  }
}

@media (min-width: 850px) and (max-width: 1100px) {
  body .menu-show-click .menu-click.phadin-mega-menu {
    --phadin-mega-menu-width: min(calc(100vw - 24px), 860px) !important;
    --phadin-mega-menu-left: 235px !important;
    --phadin-mega-menu-gap: 8px !important;
    --phadin-mega-menu-height: 405px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--coffee,
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--tall {
    --phadin-mega-menu-height: 440px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-menu-sidebar {
    padding: 8px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item {
    min-height: 46px !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0.phadin-menu-item > span:before {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 10px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-column-title {
    font-size: 13px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link {
    font-size: 11px !important;
  }
}

@media (max-width: 849px) {
  body #main-menu.mobile-sidebar,
  body .mfp-content #main-menu.mobile-sidebar {
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-y: auto !important;
    box-sizing: border-box !important;
  }

  body #main-menu .sidebar-menu {
    padding-top: calc(var(--phadin-mobile-header-height, 70px) + 54px) !important;
    padding-bottom: 76px !important;
    box-sizing: border-box !important;
  }

  body #main-menu ul.sub-menu {
    padding-top: calc(var(--phadin-mobile-header-height, 70px) + 54px) !important;
    padding-bottom: 76px !important;
    box-sizing: border-box !important;
    overflow-y: auto !important;
  }

  body #main-menu .nav-sidebar #menu-item-63268,
  body #main-menu .nav-sidebar #menu-item-64031,
  body #main-menu #menu-item-63268,
  body #main-menu #menu-item-64031,
  body .nav-sidebar #menu-item-64031,
  body .nav-sidebar #menu-item-63268 {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body #main-menu .nav-sidebar #menu-item-64132 > a:before,
  body #main-menu #menu-item-64132 > a:before,
  body .nav-sidebar #menu-item-64132 > a:before {
    content: "\f0ad" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #0f6b4b !important;
  }

  body #main-menu .nav-sidebar #menu-item-63268 > a:before,
  body #main-menu #menu-item-63268 > a:before,
  body .nav-sidebar #menu-item-63268 > a:before {
    content: "\f06c" !important;
  }

  body #main-menu .nav-sidebar #menu-item-64031 > a:before,
  body #main-menu #menu-item-64031 > a:before,
  body .nav-sidebar #menu-item-64031 > a:before {
    content: "\f76b" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    color: #0f6b4b !important;
  }
}

@media (max-width: 849px) {
  body #main-menu.mobile-sidebar,
  body .mfp-content #main-menu.mobile-sidebar {
    background: linear-gradient(180deg, #FBFDFC 0%, var(--phadin-bg-panel) 100%) !important;
    color: var(--phadin-text-800) !important;
  }

  body #main-menu .nav-sidebar > li,
  body .mfp-content #main-menu .nav-sidebar > li {
    margin: 0 10px 8px !important;
    border: 0 !important;
  }

  body #main-menu .nav-sidebar li > a,
  body .mfp-content #main-menu .nav-sidebar li > a {
    min-height: 52px !important;
    border: 1px solid rgba(217, 229, 222, .92) !important;
    border-radius: var(--phadin-radius-md) !important;
    background: rgba(255, 255, 255, .92) !important;
    color: var(--phadin-text-800) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    box-shadow: var(--phadin-shadow-sm) !important;
  }

  body #main-menu .nav-sidebar li > a:before,
  body .mfp-content #main-menu .nav-sidebar li > a:before {
    color: var(--phadin-green-700) !important;
  }

  body #main-menu .nav-sidebar li.active > a,
  body #main-menu .nav-sidebar li.current-menu-item > a,
  body #main-menu .nav-sidebar li > a:hover,
  body .mfp-content #main-menu .nav-sidebar li.active > a,
  body .mfp-content #main-menu .nav-sidebar li.current-menu-item > a,
  body .mfp-content #main-menu .nav-sidebar li > a:hover {
    background: linear-gradient(180deg, #FFF8F4 0%, #FEF2EB 100%) !important;
    border-color: #F0C9B4 !important;
    color: var(--phadin-accent-600) !important;
    box-shadow: inset 4px 0 0 var(--phadin-accent-500), var(--phadin-shadow-sm) !important;
  }

  body #main-menu ul.sub-menu,
  body .mfp-content #main-menu ul.sub-menu {
    background: linear-gradient(180deg, #FBFDFC 0%, var(--phadin-bg-panel) 100%) !important;
  }

  body #main-menu ul.sub-menu li > a,
  body .mfp-content #main-menu ul.sub-menu li > a {
    min-height: 46px !important;
    margin: 0 10px 8px !important;
    padding-left: 18px !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
  }
}

/* Final column hierarchy lock: level-2 headings are titles, level-3 items are cards. */
@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading {
    overflow: visible !important;
    z-index: 4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading:after {
    top: -7px !important;
    left: -8px !important;
    right: -8px !important;
    z-index: -1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a.phadin-mega-column-title,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-menu-column-heading > a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 0 8px !important;
    padding: 9px 14px !important;
    border: 1px solid #CFE0D8 !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #F2FBF7 0%, #EAF5F0 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .88), 0 6px 14px rgba(6, 62, 45, .055) !important;
    color: var(--phadin-green-700, #0F6B4B) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.16 !important;
    text-indent: 0 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-menu-column-heading > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-menu-column-heading > a:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf {
    z-index: 5 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-item:not(.phadin-mega-menu__group-heading) > a {
    display: flex !important;
    align-items: center !important;
    min-height: 34px !important;
    margin: 0 !important;
    padding: 7px 10px 7px 26px !important;
    border: 1px solid #D8E7DF !important;
    border-radius: 10px !important;
    background: #FFFFFF !important;
    box-shadow: 0 3px 10px rgba(6, 62, 45, .035) !important;
    color: var(--phadin-text-800, #2A3B34) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.22 !important;
    white-space: normal !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product ul.wrapper_children_level0.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-item:not(.phadin-mega-menu__group-heading) > a:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 11px !important;
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: var(--phadin-green-700, #0F6B4B) !important;
    box-shadow: 0 0 0 4px rgba(15, 107, 75, .09) !important;
    transform: translateY(-50%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a.phadin-mega-column-title {
    padding-left: 14px !important;
    text-indent: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a.phadin-mega-column-title:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-heading > a.phadin-mega-column-title:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf:after {
    display: none !important;
    content: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-grouped > li.level_1.phadin-mega-menu__group-leaf > a {
    margin: 0 !important;
    padding-left: 26px !important;
  }
}

/* Special showroom-style layout for the WordPress-sourced "Thiết bị pha chế" panel. */
@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--beverage,
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63258:focus-within) {
    --phadin-mega-menu-height: 560px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-beverage-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 260px !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 16px 18px !important;
    align-items: stretch !important;
    align-content: stretch !important;
    min-height: 0 !important;
    height: var(--phadin-mega-menu-height, 560px) !important;
    padding: 18px 20px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #FBFDFC 0%, #F7FAF8 100%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-beverage-showcase > li.level_1 {
    display: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-beverage-showcase .phadin-beverage-header {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(199, 216, 207, .86) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-header__intro {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--phadin-accent-600, #C86B3C) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-eyebrow:before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: var(--phadin-accent-500, #DA7B46) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-title {
    display: block !important;
    color: var(--phadin-green-950, #052E22) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 22px !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-desc {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-filter,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all .2s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-filter {
    border: 1px solid var(--phadin-border, #D9E5DE) !important;
    background: rgba(255,255,255,.9) !important;
    color: var(--phadin-text-700, #40544C) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-cta {
    border: 1px solid rgba(255,255,255,.18) !important;
    background: linear-gradient(135deg, var(--phadin-green-700, #0F6B4B), var(--phadin-green-900, #063E2D)) !important;
    box-shadow: 0 10px 22px rgba(6, 62, 45, .18) !important;
    color: #fff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-cta:after {
    content: "→" !important;
    margin-left: 8px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-board {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card {
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 14px !important;
    border: 1px solid rgba(199, 216, 207, .92) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.9) !important;
    box-shadow: 0 10px 24px rgba(6, 62, 45, .045) !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__head {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    margin-bottom: 12px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #EFF8F4, #E5F2EC) !important;
    box-shadow: inset 0 0 0 1px rgba(15, 107, 75, .08) !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__icon:before {
    content: "" !important;
    position: absolute !important;
    inset: 12px !important;
    border-radius: 6px !important;
    border: 3px solid var(--phadin-green-700, #0F6B4B) !important;
    box-shadow: inset 0 -6px 0 rgba(15, 107, 75, .16) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__title {
    display: block !important;
    overflow: hidden !important;
    color: var(--phadin-green-900, #063E2D) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__desc {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__badge {
    align-self: start !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: var(--phadin-green-soft-1, #EAF5F0) !important;
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__links {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px 10px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__link {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(217, 229, 222, .92) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--phadin-text-800, #2A3B34) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    text-decoration: none !important;
    transition: all .18s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__link:before {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 7px !important;
    background: radial-gradient(circle at 50% 50%, var(--phadin-green-700, #0F6B4B) 0 38%, rgba(15,107,75,.08) 40% 100%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__link:after {
    content: "›" !important;
    margin-left: auto !important;
    color: var(--phadin-text-500, #7D8983) !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-card__link:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-filter:hover {
    border-color: rgba(15, 107, 75, .34) !important;
    background: var(--phadin-green-soft-3, #F8FCFA) !important;
    color: var(--phadin-green-700, #0F6B4B) !important;
    transform: translateY(-1px) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-rows: repeat(4, auto) auto auto !important;
    gap: 9px !important;
    min-height: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__card {
    display: grid !important;
    gap: 4px !important;
    padding: 12px 13px 12px 48px !important;
    border: 1px solid rgba(217, 229, 222, .9) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #FFFFFF, #F8FCFA) !important;
    color: var(--phadin-text-700, #40544C) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__card:before {
    content: "" !important;
    position: absolute !important;
    left: 13px !important;
    top: 13px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    background: rgba(15, 107, 75, .1) !important;
    box-shadow: inset 0 0 0 2px var(--phadin-green-700, #0F6B4B) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__card strong {
    color: var(--phadin-green-800, #0B4F39) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__card span {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__cta,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__showroom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__cta {
    background: linear-gradient(135deg, var(--phadin-accent-500, #DA7B46), #F06428) !important;
    box-shadow: 0 10px 24px rgba(200, 107, 60, .24) !important;
    color: #fff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63258 .phadin-beverage-rail__showroom {
    border: 1px solid var(--phadin-green-700, #0F6B4B) !important;
    background: #fff !important;
    color: var(--phadin-green-800, #0B4F39) !important;
  }
}

/* Special showroom-style layout for the WordPress-sourced "Thiết bị cà phê" panel. */
@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--coffee-showcase,
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_63249:focus-within) {
    --phadin-mega-menu-height: 620px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-coffee-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 250px !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    gap: 14px 18px !important;
    align-items: stretch !important;
    align-content: stretch !important;
    min-height: 0 !important;
    height: var(--phadin-mega-menu-height, 620px) !important;
    padding: 18px 20px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #FBFDFC 0%, #F7FAF8 100%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-coffee-showcase > li.level_1 {
    display: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-header {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(199, 216, 207, .86) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-header__intro {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--phadin-accent-600, #C86B3C) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-eyebrow:before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: var(--phadin-accent-500, #DA7B46) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-title {
    display: block !important;
    color: var(--phadin-green-950, #052E22) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 23px !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-desc {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-filter,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all .2s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-filter {
    border: 1px solid var(--phadin-border, #D9E5DE) !important;
    background: rgba(255,255,255,.92) !important;
    color: var(--phadin-text-700, #40544C) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-cta {
    border: 1px solid rgba(255,255,255,.18) !important;
    background: linear-gradient(135deg, var(--phadin-green-700, #0F6B4B), var(--phadin-green-900, #063E2D)) !important;
    box-shadow: 0 10px 22px rgba(6, 62, 45, .18) !important;
    color: #fff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-cta:after {
    content: "→" !important;
    margin-left: 8px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-board {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-height: 0 !important;
    border: 1px solid rgba(199, 216, 207, .92) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 10px 24px rgba(6, 62, 45, .045) !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 14px 14px 12px !important;
    border-right: 1px solid rgba(217, 229, 222, .9) !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card:last-child {
    border-right: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__head {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 48px !important;
    margin-bottom: 10px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 11px !important;
    background: linear-gradient(180deg, #EFF8F4, #E5F2EC) !important;
    box-shadow: inset 0 0 0 1px rgba(15, 107, 75, .08) !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__icon:before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 9px !important;
    width: 18px !important;
    height: 14px !important;
    border: 3px solid var(--phadin-green-700, #0F6B4B) !important;
    border-radius: 5px !important;
    box-shadow: inset 0 -5px 0 rgba(15, 107, 75, .14) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__icon:after {
    content: "" !important;
    position: absolute !important;
    right: 5px !important;
    top: 13px !important;
    width: 7px !important;
    height: 8px !important;
    border: 3px solid var(--phadin-green-700, #0F6B4B) !important;
    border-left: 0 !important;
    border-radius: 0 6px 6px 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__title {
    display: block !important;
    overflow: hidden !important;
    color: var(--phadin-green-950, #052E22) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__desc {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__links {
    display: grid !important;
    align-content: start !important;
    gap: 6px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__link {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) auto !important;
    align-items: center !important;
    min-height: 35px !important;
    gap: 8px !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(217, 229, 222, .92) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--phadin-text-800, #2A3B34) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    line-height: 1.18 !important;
    text-decoration: none !important;
    transition: all .18s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__link:before {
    content: "" !important;
    width: 30px !important;
    height: 26px !important;
    border-radius: 7px !important;
    background:
      linear-gradient(90deg, rgba(15,107,75,.22) 0 32%, transparent 32% 68%, rgba(15,107,75,.18) 68% 100%),
      linear-gradient(180deg, #F5FAF7, #EAF5F0) !important;
    box-shadow: inset 0 0 0 1px rgba(15,107,75,.1) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__link:after {
    content: "›" !important;
    color: var(--phadin-text-500, #7D8983) !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__link:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-filter:hover {
    border-color: rgba(15, 107, 75, .34) !important;
    background: var(--phadin-green-soft-3, #F8FCFA) !important;
    color: var(--phadin-green-700, #0F6B4B) !important;
    transform: translateY(-1px) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__footer {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin-top: 10px !important;
    color: var(--phadin-green-800, #0B4F39) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-card__footer:after {
    content: "→" !important;
    margin-left: 8px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-brand-list {
    display: grid !important;
    align-content: start !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-brand-pill {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 5px 8px !important;
    border: 1px solid rgba(217, 229, 222, .92) !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--phadin-green-800, #0B4F39) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    text-align: center !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail {
    grid-column: 2 !important;
    grid-row: 2 / span 2 !important;
    display: grid !important;
    grid-auto-rows: auto !important;
    gap: 9px !important;
    min-height: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__card {
    display: grid !important;
    gap: 4px !important;
    padding: 12px 13px 12px 48px !important;
    border: 1px solid rgba(217, 229, 222, .9) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #FFFFFF, #F8FCFA) !important;
    color: var(--phadin-text-700, #40544C) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__card:before {
    content: "" !important;
    position: absolute !important;
    left: 13px !important;
    top: 13px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    background: rgba(15, 107, 75, .1) !important;
    box-shadow: inset 0 0 0 2px var(--phadin-green-700, #0F6B4B) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__card--1 {
    border-color: #F0C9B4 !important;
    background: linear-gradient(180deg, #FFF8F4, #F9EEE8) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__card strong {
    color: var(--phadin-green-800, #0B4F39) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__card span {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__quick,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__cta,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__showroom {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 11px !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__quick {
    border: 1px solid rgba(217, 229, 222, .95) !important;
    background: #fff !important;
    color: var(--phadin-accent-600, #C86B3C) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__quick:after,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__cta:after {
    content: "→" !important;
    margin-left: 8px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__cta {
    min-height: 44px !important;
    background: linear-gradient(135deg, var(--phadin-accent-500, #DA7B46), #F06428) !important;
    box-shadow: 0 10px 24px rgba(200, 107, 60, .24) !important;
    color: #fff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-rail__showroom {
    border: 1px solid var(--phadin-green-700, #0F6B4B) !important;
    background: #fff !important;
    color: var(--phadin-green-800, #0B4F39) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-benefits {
    grid-column: 1 !important;
    grid-row: 3 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    min-height: 64px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(199, 216, 207, .86) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #FFFFFF, #F8FCFA) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-benefit {
    display: grid !important;
    gap: 3px !important;
    padding: 0 12px 0 42px !important;
    border-right: 1px solid rgba(217, 229, 222, .9) !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-benefit:last-child {
    border-right: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-benefit:before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    top: 5px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    background: rgba(15, 107, 75, .1) !important;
    box-shadow: inset 0 0 0 2px var(--phadin-green-700, #0F6B4B) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-benefit strong {
    color: var(--phadin-green-800, #0B4F39) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_63249 .phadin-coffee-benefit span {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }
}

/* Special showroom-style layout for the WordPress-sourced "Thiết bị lạnh" panel. */
@media (min-width: 850px) {
  body .menu-show-click .menu-click.phadin-mega-menu.phadin-mega-menu--cold-showcase,
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_64031:hover),
  body .menu-show-click .menu-click.phadin-mega-menu:has(#pr_64031:focus-within) {
    --phadin-mega-menu-height: 650px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031.phadin-mega-menu__panel-cold-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 290px !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    gap: 16px 18px !important;
    align-items: stretch !important;
    align-content: stretch !important;
    min-height: 0 !important;
    height: var(--phadin-mega-menu-height, 650px) !important;
    padding: 18px 20px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #FBFDFC 0%, #F7FAF8 100%) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031.phadin-mega-menu__panel-cold-showcase > li.level_1 {
    display: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-header {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(199, 216, 207, .86) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-header__intro {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--phadin-accent-600, #C86B3C) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-eyebrow:before {
    content: "" !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: var(--phadin-accent-500, #DA7B46) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-title {
    display: block !important;
    color: var(--phadin-green-950, #052E22) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 23px !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-desc {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex: 0 0 auto !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-filter,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-cta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all .2s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-filter {
    border: 1px solid var(--phadin-border, #D9E5DE) !important;
    background: rgba(255,255,255,.92) !important;
    color: var(--phadin-text-700, #40544C) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-cta {
    border: 1px solid rgba(255,255,255,.18) !important;
    background: linear-gradient(135deg, var(--phadin-green-700, #0F6B4B), var(--phadin-green-900, #063E2D)) !important;
    box-shadow: 0 10px 22px rgba(6, 62, 45, .18) !important;
    color: #fff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-cta:after {
    content: "→" !important;
    margin-left: 8px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-board {
    grid-column: 1 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 14px 14px 12px !important;
    border: 1px solid rgba(199, 216, 207, .92) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 10px 24px rgba(6, 62, 45, .045) !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__head {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    min-height: 48px !important;
    margin-bottom: 10px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__icon {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, #EEF7FF, #E7F4FF) !important;
    box-shadow: inset 0 0 0 1px rgba(22, 111, 191, .1) !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__icon:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__icon:after {
    content: "" !important;
    position: absolute !important;
    background: #1B83D4 !important;
    border-radius: 999px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__icon:before {
    left: 12px !important;
    top: 19px !important;
    width: 18px !important;
    height: 4px !important;
    box-shadow: 0 -8px 0 #1B83D4, 0 8px 0 #1B83D4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__icon:after {
    left: 19px !important;
    top: 12px !important;
    width: 4px !important;
    height: 18px !important;
    box-shadow: -7px 4px 0 #1B83D4, 7px -4px 0 #1B83D4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__copy {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__title {
    display: block !important;
    overflow: hidden !important;
    color: var(--phadin-green-950, #052E22) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.18 !important;
    text-decoration: none !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__desc {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__badge {
    align-self: start !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    background: var(--phadin-green-soft-1, #EAF5F0) !important;
    color: var(--phadin-text-600, #5F6B65) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__links {
    display: grid !important;
    align-content: start !important;
    gap: 7px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__link {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    min-height: 42px !important;
    column-gap: 10px !important;
    padding: 6px 8px !important;
    border-bottom: 1px solid rgba(217, 229, 222, .9) !important;
    color: var(--phadin-text-800, #2A3B34) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    text-decoration: none !important;
    transition: all .18s ease !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__link:before {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 34px !important;
    height: 28px !important;
    border-radius: 7px !important;
    background:
      linear-gradient(90deg, rgba(31,45,40,.18) 0 32%, transparent 32% 68%, rgba(31,45,40,.14) 68% 100%),
      linear-gradient(180deg, #F7FAF8, #EAF5F0) !important;
    box-shadow: inset 0 0 0 1px rgba(15,107,75,.1), 0 4px 10px rgba(6,62,45,.06) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__link:after {
    content: "›" !important;
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    color: var(--phadin-text-500, #7D8983) !important;
    font-size: 16px !important;
    line-height: 1 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__link-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    color: var(--phadin-text-900, #1F2A24) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__link-desc {
    grid-column: 2 !important;
    grid-row: 2 !important;
    color: var(--phadin-text-600, #5F6B65) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__link:hover,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-filter:hover {
    background: var(--phadin-green-soft-3, #F8FCFA) !important;
    color: var(--phadin-green-700, #0F6B4B) !important;
    transform: translateY(-1px) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__footer {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin-top: 8px !important;
    color: var(--phadin-green-800, #0B4F39) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    text-decoration: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-card__footer:after {
    content: "→" !important;
    margin-left: 8px !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: grid !important;
    gap: 9px !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__hero {
    display: grid !important;
    gap: 9px !important;
    padding: 18px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, #078057, #046543) !important;
    box-shadow: 0 14px 30px rgba(6, 62, 45, .18) !important;
    color: #fff !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__hero > span:first-child {
    color: rgba(255,255,255,.88) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__hero strong {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__hero > span:not(:first-child) {
    color: rgba(255,255,255,.82) !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__cta,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__showroom,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__phone {
    display: grid !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 11px !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__cta {
    background: linear-gradient(135deg, var(--phadin-accent-500, #DA7B46), #F06428) !important;
    box-shadow: 0 10px 24px rgba(200, 107, 60, .28) !important;
    color: #fff !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__showroom {
    background: #fff !important;
    color: var(--phadin-green-800, #0B4F39) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__card,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__phone {
    display: grid !important;
    gap: 4px !important;
    padding: 11px 12px 11px 48px !important;
    border: 1px solid rgba(217, 229, 222, .9) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #FFFFFF, #F8FCFA) !important;
    color: var(--phadin-text-700, #40544C) !important;
    font-family: "Roboto", Arial, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    position: relative !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__card:before,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__phone:before {
    content: "" !important;
    position: absolute !important;
    left: 13px !important;
    top: 13px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    background: rgba(15, 107, 75, .1) !important;
    box-shadow: inset 0 0 0 2px var(--phadin-green-700, #0F6B4B) !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__card strong,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__phone strong {
    color: var(--phadin-green-800, #0B4F39) !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__card span,
  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__phone em {
    color: var(--phadin-text-600, #5F6B65) !important;
    font-size: 10.5px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product #c_64031 .phadin-cold-rail__phone span {
    color: var(--phadin-green-800, #0B4F39) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
  }
}

/* Showcase panels clone links from WordPress menu data; keep the raw source tree hidden. */
body #cssmenu_content.menu .menu-product #c_63249.phadin-mega-menu__panel-coffee-showcase > li.level_1,
body #cssmenu_content.menu .menu-product #c_63258.phadin-mega-menu__panel-beverage-showcase > li.level_1,
body #cssmenu_content.menu .menu-product #c_64031.phadin-mega-menu__panel-cold-showcase > li.level_1 {
  display: none !important;
}

/* Preserve the exact capitalization configured in WordPress menus. */
body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product a,
body .menu-show-click .menu-click.phadin-mega-menu #cssmenu_content.menu .menu-product a span,
body .menu-show-click .menu-click.phadin-mega-menu .phadin-menu-text,
body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-column-title,
body .menu-show-click .menu-click.phadin-mega-menu .phadin-mega-link,
body #main-menu .nav-sidebar li > a,
body #main-menu .nav-sidebar li > a span,
body .mfp-content #main-menu .nav-sidebar li > a,
body .mfp-content #main-menu .nav-sidebar li > a span {
  text-transform: none !important;
  font-variant-caps: normal !important;
  letter-spacing: 0 !important;
}