/* =========================================================
   V15 - MOBILE: logo + hotline symmetric, 5-item horizontal menu,
         hotline left / registration right at bottom
   ========================================================= */
@media(max-width:800px){
  .bhx-nav{overflow:visible!important}
  .bhx-nav-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:8px!important;
    row-gap:7px!important;
    min-height:0!important;
    padding-top:8px!important;
    padding-bottom:7px!important;
  }
  .bhx-brand{
    grid-column:1!important;
    grid-row:1!important;
    min-width:0!important;
    justify-self:start!important;
  }
  .bhx-brand img{width:138px!important;max-width:138px!important}
  .bhx-brand small{width:138px!important;max-width:138px!important;font-size:5.4px!important;letter-spacing:.32px!important}

  .bhx-hotline-btn{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    width:138px!important;
    min-width:138px!important;
    min-height:46px!important;
    box-sizing:border-box!important;
    padding:5px 10px!important;
    border-radius:999px!important;
    justify-self:end!important;
    align-self:center!important;
    background:linear-gradient(135deg,#f25391,#bf286b)!important;
    box-shadow:0 8px 18px rgba(191,40,107,.20)!important;
  }
  .bhx-hotline-btn small{font-size:7px!important;line-height:1.05!important;letter-spacing:.12px!important}
  .bhx-hotline-btn strong{font-size:14.5px!important;line-height:1.2!important}
  .bhx-menu-toggle{display:none!important}

  .bhx-menu,
  .bhx-menu.is-open{
    grid-column:1/-1!important;
    grid-row:2!important;
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .bhx-menu a{
    display:flex!important;
    width:auto!important;
    min-width:0!important;
    min-height:42px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    margin:0!important;
    padding:4px 1px!important;
    border:1px solid #f3d8e4!important;
    border-radius:11px!important;
    background:#fff8fb!important;
    color:#563246!important;
    box-shadow:0 2px 7px rgba(171,52,106,.035)!important;
    font-size:7.8px!important;
    font-weight:900!important;
    line-height:1.05!important;
    letter-spacing:-.08px!important;
    text-align:center!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
  .bhx-menu a>i{
    display:flex!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    border-radius:50%!important;
    font-size:8px!important;
    animation:bhx-menu-icon-glow 2.7s ease-in-out infinite!important;
  }
  .bhx-menu a span{display:block!important;min-width:0!important;white-space:nowrap!important}
  .bhx-menu a:after{display:none!important;content:none!important}

  /* Two independent bottom CTAs: phone left, registration right. */
  button.nutgoidien{
    display:block!important;
    position:fixed!important;
    left:10px!important;
    right:auto!important;
    bottom:12px!important;
    width:calc(50% - 15px)!important;
    min-width:0!important;
    height:46px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.9)!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#d83e7c,#9b245d)!important;
    box-shadow:0 10px 24px rgba(128,31,79,.23)!important;
    z-index:2147482999!important;
    overflow:hidden!important;
  }
  button.nutgoidien a{
    display:flex!important;
    width:100%!important;
    height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    color:#fff!important;
    font:900 12px/1 'Open Sans',Arial,sans-serif!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
  button.nutgoidien a i{font-size:14px!important;line-height:1!important}
  button.nutgoidien a span{display:inline!important;font-size:12px!important;line-height:1!important;margin:0!important}

  #formdangky{
    left:auto!important;
    right:10px!important;
    bottom:12px!important;
    width:calc(50% - 15px)!important;
    min-width:0!important;
    height:46px!important;
    padding:0 7px!important;
    transform:none!important;
    font-size:10.5px!important;
    letter-spacing:.05px!important;
    white-space:nowrap!important;
  }
  #formdangky:hover{transform:translateY(-1px)!important}
  #formdangky i{font-size:14px!important}
  #formdangky:before{inset:-3px!important}

  .formdangky .chuaformvanuttat{bottom:70px!important}
}

@media(max-width:430px){
  .bhx-container{padding-left:10px!important;padding-right:10px!important}
  .bhx-nav-inner{column-gap:6px!important;row-gap:6px!important;padding-top:7px!important;padding-bottom:6px!important}
  .bhx-brand img{width:126px!important;max-width:126px!important}
  .bhx-brand small{width:126px!important;max-width:126px!important;font-size:4.9px!important;letter-spacing:.18px!important}
  .bhx-hotline-btn{width:132px!important;min-width:132px!important;min-height:44px!important;padding:4px 8px!important}
  .bhx-hotline-btn small{font-size:6.5px!important}
  .bhx-hotline-btn strong{font-size:13.7px!important}
  .bhx-menu{gap:2px!important}
  .bhx-menu a{min-height:40px!important;padding:4px 0!important;border-radius:9px!important;font-size:7.1px!important;letter-spacing:-.18px!important}
  .bhx-menu a>i{width:17px!important;height:17px!important;flex-basis:17px!important;font-size:7.5px!important}
  button.nutgoidien a{gap:5px!important;padding:0 5px!important;font-size:11px!important}
  button.nutgoidien a span{font-size:11px!important}
  #formdangky{font-size:9.8px!important;padding:0 5px!important;gap:5px!important}
  #formdangky i{font-size:13px!important}
}

@media(max-width:350px){
  .bhx-brand img{width:112px!important;max-width:112px!important}
  .bhx-brand small{width:112px!important;max-width:112px!important;font-size:4.5px!important}
  .bhx-hotline-btn{width:122px!important;min-width:122px!important}
  .bhx-hotline-btn strong{font-size:12.7px!important}
  .bhx-menu a{font-size:6.55px!important}
  button.nutgoidien a,button.nutgoidien a span{font-size:10.3px!important}
  #formdangky{font-size:9px!important}
}