html,body{font-family:"Open Sans",Arial,Helvetica,sans-serif;line-height:1.6!important;color:#333;height:auto!important;min-height:100%;overflow-x:hidden;overflow-y:auto!important}
body{padding-top:0!important;background:#fff}
#page-container,#et-main-area,#main-content,.entry-content,#et-boc,.et-l,.et_builder_inner_content{
  padding-top:0!important;height:auto!important;max-height:none!important;overflow:visible!important
}
.age-badge{display:inline-block;margin-left:.35em;padding:.12em .5em;border-radius:4px;background:#111;color:#fff;font-size:.78em;font-weight:700;vertical-align:middle}
.hu555-hero,.entry-content>.hu555-cta{display:none!important}
#main-header,.et_fixed_nav #main-header,.et_fixed_nav #top-header{
  background:#fff!important;border-bottom:0!important;box-shadow:none!important;
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;z-index:30;height:auto!important
}
#main-header .container,.et_header_style_left #main-header .container{
  display:flex!important;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:28px 24px 18px;float:none!important;width:auto!important;height:auto!important
}
.logo_container,.et_header_style_left .logo_container{
  position:static!important;float:none!important;height:auto!important;width:auto!important;display:flex!important;align-items:center
}
.logo_helper{display:none!important}
#logo{max-height:48px!important;width:auto!important;max-width:280px!important;position:static!important}
.hu555-logo-text,#logo.hu555-logo-text{
  display:inline-block!important;font:700 26px/1.1 "Open Sans",Arial,Helvetica,sans-serif!important;
  color:#111!important;max-height:none!important;max-width:none!important;width:auto!important;letter-spacing:-.02em
}
.hu555-logo-text em{font-style:normal;color:#FF0202;margin-left:.15em}
.et_pb_column_4_4,.et_pb_column_4_4.et_pb_column{
  flex:1 1 100%!important;width:100%!important;max-width:100%!important
}
.et_clickable .et_pb_text_inner h3 a,.hu555-help-link{
  display:block;max-width:560px;margin:10px auto;padding:16px 18px;border:1px solid #e6e6e6;
  border-radius:10px;background:#fff;color:#111!important;font-weight:700;text-decoration:none
}
.et_clickable .et_pb_text_inner h3 a:hover,.hu555-help-link:hover{border-color:#FF0202}
.hu555-support-mail{text-align:center;margin:22px auto;font-size:16px}
.et_pb_text_inner blockquote{margin:8px 0 22px;padding:12px 16px;background:#f6f6f6;border-left:4px solid #FF0202}
#et-top-navigation,.et_header_style_left #et-top-navigation{
  float:none!important;position:static!important;padding-top:0!important;display:flex!important;align-items:center
}
#top-menu-nav{display:block!important}
#top-menu{display:flex!important;flex-wrap:nowrap;align-items:center;gap:0 28px;list-style:none!important;margin:0!important;padding:0!important}
#top-menu>li{display:block!important;float:none!important;padding:0!important;position:static!important}
#main-header #top-menu a,
#main-header #top-menu>li>a,
#et-top-navigation nav>ul>li>a,
.et_header_style_left #et-top-navigation nav>ul>li>a{
  display:inline-block!important;padding:6px 0!important;font-size:14px!important;line-height:1.2!important;
  font-weight:500;color:rgba(0,0,0,.6)!important;text-decoration:none!important;white-space:nowrap;letter-spacing:0
}
#main-header #top-menu a:hover,
#top-menu>li>a:hover,
#main-header #top-menu li.current-menu-item>a,
#main-header #top-menu li.current_page_item>a,
#top-menu li.current-menu-item>a,
#top-menu li.current_page_item>a{color:#2ea3f2!important}
#et_mobile_nav_menu,.et_search_outer{display:none!important}
.et_pb_column_1 .et_pb_text_inner h1,.et_pb_text_1 .et_pb_text_inner h1{
  font-size:30px!important;line-height:1.25!important;margin:0 0 16px!important;text-align:left;color:#111;font-weight:700
}
.et_pb_text_inner h1{font-size:26px!important;line-height:1.3!important;margin:0 0 12px!important;color:#111;font-weight:700}
.et_pb_text_inner h2{font-size:20px!important;line-height:1.35!important;margin:10px 0 8px!important;color:#111}
.et_pb_text_inner h3{font-size:18px!important;line-height:1.35!important;margin:12px 0 10px!important}
.et_pb_text_inner h4{font-size:16px!important;line-height:1.5!important;margin:0 0 12px!important;font-weight:400}
.et_pb_text_0 .et_pb_text_inner h3,.hu555-mark{font-size:20px;text-align:center;margin:16px 0 12px;font-weight:700;color:#111}
.hu555-lead{margin:0 0 12px;line-height:1.6}
.hu555-btn,.et_pb_button{background-color:#FF0202!important;color:#111!important;border:0!important;padding:14px 22px!important;border-radius:6px!important;font-weight:700!important;text-decoration:none!important;display:inline-flex!important;justify-content:center;align-items:center}
.et_pb_section,.et_pb_section_0{padding:36px 0 24px!important}
.et_pb_row,.et_pb_row_0.et_pb_row,.et_pb_row_1.et_pb_row{
  display:flex!important;flex-wrap:nowrap!important;align-items:flex-start!important;
  gap:48px;max-width:1080px;margin:0 auto 24px!important;width:auto!important;padding:0 24px!important
}
.et_pb_column,.et_pb_column_1_2{
  flex:1 1 0!important;width:50%!important;max-width:50%!important;
  margin:0!important;float:none!important;padding:0!important;overflow:visible;
  position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important
}
.et_pb_module,.et_pb_image,.et_pb_image_sticky,.et_pb_text{
  position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  transform:none!important;float:none!important
}
.et_pb_image,.et_pb_image_0{width:auto!important;margin:0 0 8px!important}
.et_pb_image img,.et_pb_image_wrap,.et_pb_image_wrap img{
  max-width:100%!important;width:100%!important;height:auto!important;min-height:0!important;position:static!important
}
.hu555-badges{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:16px;flex-wrap:nowrap;margin:8px 0 0;width:100%}
.hu555-badges .et_pb_image{flex:0 1 200px;width:auto!important;margin:0!important}
.hu555-badges img,.hu555-badges .et_pb_image_wrap,.hu555-badges .et_pb_image_wrap img{
  max-width:200px!important;width:100%!important;margin:0 auto!important;display:block
}
.et_pb_text_inner p,.et_pb_text_inner li{font-size:16px!important;line-height:1.6!important}
.et_pb_text_inner ul{list-style:disc!important;padding-left:1.3em!important;margin:8px 0 16px}
.et_pb_testimonial{margin:12px 0;padding:12px;background:#f7f7f7;border-radius:8px}
.entry-content,#et-boc,.et-l,.et_builder_inner_content{display:block!important;width:100%!important}
#et-main-area,#main-content{padding-top:0}
#main-footer{background:#111;color:#fff;margin-top:48px}
#et-footer-nav{display:none!important}
#main-footer .bottom-nav{display:none!important}
#main-footer .bottom-nav a{color:#fff}
#footer-info{text-align:center;padding:8px 16px 20px;color:#fff}
@media (max-width:767px){
  #top-menu-nav{display:none!important}
  #et_mobile_nav_menu{display:block!important;float:none!important}
  .mobile_nav{display:flex;align-items:center;justify-content:flex-end;gap:8px}
  .select_page{position:absolute;left:-9999px}
  .mobile_menu_bar,.mobile_menu_bar_toggle{
    display:block!important;width:44px;height:36px;cursor:pointer;position:relative
  }
  .mobile_menu_bar:before,.mobile_menu_bar_toggle:before{
    content:"☰"!important;font-family:Arial,sans-serif!important;font-size:28px!important;color:#111!important;line-height:36px!important
  }
  #mobile_menu{list-style:none;margin:8px 0 0;padding:0;background:#fff;border:1px solid #eee;border-radius:8px}
  #mobile_menu li{display:block;border-top:1px solid #eee}
  #mobile_menu a{display:block;padding:12px 14px;color:#111;font-weight:600}
  .et_pb_row,.et_pb_row_0.et_pb_row{flex-wrap:wrap!important}
  .et_pb_column,.et_pb_column_1_2{display:block!important;width:100%!important;max-width:100%!important}
  .hu555-badges{flex-wrap:wrap}
  .hu555-btn{width:100%;box-sizing:border-box}
}

/* Mobile 41-template column repair, 2026-09-18. Desktop remains unchanged. */
@media (max-width: 767px) {
  body #page-container #main-header .et_menu_container {
    box-sizing: border-box !important;
    width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body #page-container #main-header .logo_container {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 60px) !important;
    margin-right: 16px !important;
  }
  body #page-container #main-header #logo {
    max-width: 100% !important;
    height: auto !important;
  }
  body #page-container #main-header #et-top-navigation {
    padding: 0 !important;
    margin-left: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    flex: 0 0 44px !important;
  }
  body #page-container #main-header #top-menu-nav { display: none !important; }
  body #page-container #main-header #et_mobile_nav_menu {
    display: block !important;
    margin: 0 !important;
    float: none !important;
  }
  body #page-container #main-header #mobile_menu {
    box-sizing: border-box !important;
    left: 0 !important;
    width: 100% !important;
  }
  body #page-container #main-content .et_pb_row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body #page-container #main-content .et_pb_row > .et_pb_column {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
  }
  body #page-container #main-content .et_pb_row > .et_pb_column .et_pb_text_inner {
    box-sizing: border-box;
    max-width: 100%;
    overflow-wrap: break-word;
  }
}

/* Keep the mobile dropdown below the complete logo/header row. */
@media (max-width: 767px) {
  body #page-container #main-header .et_menu_container {
    position: relative !important;
    overflow: visible !important;
  }
  body #page-container #main-header #mobile_menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    transform: none !important;
    z-index: 100 !important;
  }
}