@media only screen and (max-width: 849px) {
  .header.show-on-scroll, .stuck .header-main {
    height: auto !important;
	}
}

/* Phadin menu restructure 2026-06-09 - start */
/* Desktop menu fix: roomy 3-column text menus, no cropped image panels. */
@media (min-width: 1101px) {
  .menu-show-click .menu-click {
    width: min(1780px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    left: 20px !important;
  }
  .menu-show-click .menu-click > .mbasic,
  .menu-show-click .menu-click .mbasic,
  #cssmenu_content.menu {
    width: 310px !important;
    min-width: 310px !important;
  }
  #cssmenu_content.menu,
  #cssmenu_content.menu > ul.menu-product,
  #cssmenu_content.menu .menu-product {
    height: auto !important;
    min-height: 540px !important;
    max-height: none !important;
    overflow: visible !important;
  }
  #cssmenu_content.menu .menu-product {
    display: block !important;
    padding: 14px 0 !important;
  }
  #cssmenu_content.menu .menu-product > li.level_0 {
    display: block !important;
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 7px !important;
    padding: 0 12px !important;
    overflow: visible !important;
  }
  #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 {
    min-height: 56px !important;
    padding: 8px 11px !important;
    line-height: 1.2 !important;
  }
  #cssmenu_content.menu .menu-product #pr_63233:hover #c_63233,
  #cssmenu_content.menu .menu-product #pr_63241:hover #c_63241,
  #cssmenu_content.menu .menu-product #pr_63249:hover #c_63249,
  #cssmenu_content.menu .menu-product #pr_63258:hover #c_63258,
  #cssmenu_content.menu .menu-product #pr_63268:hover #c_63268,
  #cssmenu_content.menu .menu-product #pr_63275:hover #c_63275,
  #cssmenu_content.menu .menu-product #pr_63283:hover #c_63283 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(250px, 1fr)) !important;
    grid-auto-rows: minmax(42px, auto) !important;
    align-content: start !important;
    gap: 9px 12px !important;
    top: 0 !important;
    left: 324px !important;
    right: auto !important;
    width: min(1360px, calc(100vw - 370px)) !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 540px !important;
    max-height: calc(100vh - 82px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 18px !important;
    box-sizing: border-box !important;
  }
  #cssmenu_content.menu .menu-product #c_63233:before,
  #cssmenu_content.menu .menu-product #c_63233:after,
  #cssmenu_content.menu .menu-product #c_63241:before,
  #cssmenu_content.menu .menu-product #c_63241:after,
  #cssmenu_content.menu .menu-product #c_63249:before,
  #cssmenu_content.menu .menu-product #c_63249:after,
  #cssmenu_content.menu .menu-product #c_63258:before,
  #cssmenu_content.menu .menu-product #c_63258:after,
  #cssmenu_content.menu .menu-product #c_63268:before,
  #cssmenu_content.menu .menu-product #c_63268:after,
  #cssmenu_content.menu .menu-product #c_63275:before,
  #cssmenu_content.menu .menu-product #c_63275:after,
  #cssmenu_content.menu .menu-product #c_63283:before,
  #cssmenu_content.menu .menu-product #c_63283:after {
    display: none !important;
    content: none !important;
  }
  #cssmenu_content.menu .menu-product #c_63233 > li.level_1,
  #cssmenu_content.menu .menu-product #c_63241 > li.level_1,
  #cssmenu_content.menu .menu-product #c_63249 > li.level_1,
  #cssmenu_content.menu .menu-product #c_63258 > li.level_1,
  #cssmenu_content.menu .menu-product #c_63268 > li.level_1,
  #cssmenu_content.menu .menu-product #c_63275 > li.level_1,
  #cssmenu_content.menu .menu-product #c_63283 > li.level_1 {
    display: block !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #cssmenu_content.menu .menu-product #c_63233 > li.level_1 > a,
  #cssmenu_content.menu .menu-product #c_63241 > li.level_1 > a,
  #cssmenu_content.menu .menu-product #c_63249 > li.level_1 > a,
  #cssmenu_content.menu .menu-product #c_63258 > li.level_1 > a,
  #cssmenu_content.menu .menu-product #c_63268 > li.level_1 > a,
  #cssmenu_content.menu .menu-product #c_63275 > li.level_1 > a,
  #cssmenu_content.menu .menu-product #c_63283 > li.level_1 > a {
    min-height: 42px !important;
    padding: 8px 11px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
    white-space: normal !important;
  }
  #cssmenu_content.menu .menu-product > li.level_0:hover::after,
  #cssmenu_content.menu .menu-product > li.level_0:focus-within::after {
    left: 306px !important;
    height: 540px !important;
  }
}
@media (min-width: 850px) and (max-width: 1100px) {
  .menu-show-click .menu-click { width: min(1040px, calc(100vw - 20px)) !important; min-width: 0 !important; left: 10px !important; }
  #cssmenu_content.menu,
  #cssmenu_content.menu > ul.menu-product,
  #cssmenu_content.menu .menu-product { height: auto !important; min-height: 520px !important; max-height: none !important; overflow: visible !important; }
  #cssmenu_content.menu .menu-product { display: block !important; padding: 12px 0 !important; }
  #cssmenu_content.menu .menu-product > li.level_0 { margin-bottom: 6px !important; }
  #cssmenu_content.menu .menu-product > li.level_0 > a.lv_0 { min-height: 52px !important; }
  #cssmenu_content.menu .menu-product #pr_63233:hover #c_63233,
  #cssmenu_content.menu .menu-product #pr_63241:hover #c_63241,
  #cssmenu_content.menu .menu-product #pr_63249:hover #c_63249,
  #cssmenu_content.menu .menu-product #pr_63258:hover #c_63258,
  #cssmenu_content.menu .menu-product #pr_63268:hover #c_63268,
  #cssmenu_content.menu .menu-product #pr_63275:hover #c_63275,
  #cssmenu_content.menu .menu-product #pr_63283:hover #c_63283 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(200px, 1fr)) !important;
    left: 292px !important;
    width: min(720px, calc(100vw - 315px)) !important;
    height: auto !important;
    min-height: 520px !important;
    max-height: calc(100vh - 74px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #cssmenu_content.menu .menu-product #c_63233:before,
  #cssmenu_content.menu .menu-product #c_63233:after,
  #cssmenu_content.menu .menu-product #c_63241:before,
  #cssmenu_content.menu .menu-product #c_63241:after,
  #cssmenu_content.menu .menu-product #c_63249:before,
  #cssmenu_content.menu .menu-product #c_63249:after,
  #cssmenu_content.menu .menu-product #c_63258:before,
  #cssmenu_content.menu .menu-product #c_63258:after,
  #cssmenu_content.menu .menu-product #c_63268:before,
  #cssmenu_content.menu .menu-product #c_63268:after,
  #cssmenu_content.menu .menu-product #c_63275:before,
  #cssmenu_content.menu .menu-product #c_63275:after,
  #cssmenu_content.menu .menu-product #c_63283:before,
  #cssmenu_content.menu .menu-product #c_63283:after { display: none !important; content: none !important; }
}
@media (max-width: 849px) {
  .nav-sidebar .menu-item-has-children > .sub-menu.children,
  .nav-sidebar .menu-item-has-children > ul.sub-menu { max-height: none !important; }
}
/* Phadin menu restructure 2026-06-09 - end */