/* V43 RESPONSIVE — edit mobile/tablet layout here */
@media(max-width:900px){
  .ref-header{flex-wrap:wrap!important;min-height:74px!important;padding:12px 16px!important;gap:10px 12px!important}
  .ref-logo{order:1!important}
  .ref-hph{font-size:32px!important}
  .ref-logo-sub{font-size:8px!important}
  .header-controls{order:2!important;margin-left:auto!important;gap:7px!important}
  .ref-lang{min-height:36px!important;padding:0 9px!important}
  .hph-language-select{max-width:82px!important;font-size:11px!important}
  .ref-menu-btn{display:block!important;order:3!important}
  .branch-selector-wrap{order:4!important;width:100%!important;justify-content:flex-end!important;gap:7px!important}
  .branch-selector-wrap label{font-size:9px!important;letter-spacing:.06em!important}
  .branch-selector{width:118px!important;min-width:118px!important;max-width:118px!important;height:34px!important;padding-left:12px!important;font-size:11px!important}
  .ref-nav{
    display:none!important;order:5!important;width:100%!important;margin:0!important;padding:8px 0 2px!important;
    background:#fff!important;border-top:1px solid var(--hph-line)!important;gap:0!important
  }
  .ref-nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  .ref-nav a{padding:13px 2px!important;border-bottom:1px solid var(--hph-line)!important;font-size:12px!important}
  .ref-nav .ref-book{margin:12px 0 4px!important;text-align:center!important;border-bottom:0!important}
}
@media(max-width:700px){
  .ref-topbar{padding:7px 14px!important;min-height:38px!important}
  .ref-top-left{gap:0!important}
  .ref-top-left > span:nth-child(2),.ref-top-left > span:nth-child(3),.top-contact-link{display:none!important}
  .top-phone-link,.top-phone-link > span:last-child{font-size:12px!important}
  .ref-header{position:relative!important;top:auto!important}
  .ref-hero-image{aspect-ratio:4/5!important}
  .ref-hero-copy{padding:44px 22px 48px!important}
  .ref-kicker{font-size:15px!important;letter-spacing:.08em!important}
  .ref-hero h1{font-size:clamp(42px,13vw,68px)!important;letter-spacing:-.06em!important}
}
@media(max-width:390px){
  .header-controls{gap:4px!important}
  .ref-lang{padding:0 7px!important}
  .lang-label{display:none!important}
  .hph-language-select{max-width:70px!important;font-size:10px!important}
  .ref-menu-btn{width:38px!important;flex-basis:38px!important}
  .branch-selector-wrap label{display:none!important}
  .branch-selector{width:112px!important;min-width:112px!important;max-width:112px!important}
}


/* =========================================================
   V47 MOBILE RESTORE
   Keep language at top-right and branch control inside viewport.
   ========================================================= */
@media(max-width:900px){
  .ref-topbar{flex-wrap:nowrap!important;gap:10px!important}
  .ref-topbar > .ref-lang{margin-left:auto!important}
  .ref-header{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    grid-template-areas:"logo controls"!important;
    align-items:center!important;
    padding:13px 16px!important;
    gap:10px!important;
    overflow:visible!important;
  }
  .ref-logo{grid-area:logo!important;min-width:0!important}
  .header-controls{
    grid-area:controls!important;
    margin-left:auto!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .ref-menu-btn{order:1!important;display:block!important;flex:0 0 40px!important}
  .branch-selector-wrap{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    width:auto!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .branch-selector-wrap label{
    display:block!important;
    font-size:9px!important;
    line-height:1.1!important;
    letter-spacing:.08em!important;
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }
  .branch-selector{
    width:118px!important;
    min-width:100px!important;
    max-width:118px!important;
    height:36px!important;
    flex:0 1 118px!important;
  }
}
@media(max-width:700px){
  .ref-topbar{padding:7px 14px!important}
  .ref-topbar > .ref-lang{display:flex!important}
  .ref-topbar > .ref-lang .lang-label{display:inline!important}
  .ref-topbar > .ref-lang .hph-language-select{max-width:92px!important;font-size:11px!important}
  .ref-header{grid-template-columns:minmax(132px,auto) 1fr!important;padding:12px 12px!important}
  .ref-hph{font-size:30px!important}
  .ref-logo-sub{font-size:7.5px!important;letter-spacing:.28em!important}
  .header-controls{gap:5px!important}
  .ref-menu-btn{width:36px!important;flex-basis:36px!important}
  .branch-selector-wrap{gap:5px!important}
  .branch-selector-wrap label{font-size:8px!important;letter-spacing:.04em!important}
  .branch-selector{width:104px!important;min-width:92px!important;max-width:104px!important;padding-left:10px!important;padding-right:26px!important;font-size:10.5px!important}
}
@media(max-width:390px){
  .ref-topbar > .ref-lang .lang-label{font-size:14px!important}
  .ref-topbar > .ref-lang .hph-language-select{max-width:76px!important;font-size:10px!important}
  .ref-header{grid-template-columns:124px 1fr!important;padding-left:10px!important;padding-right:10px!important}
  .ref-hph{font-size:28px!important}
  .branch-selector-wrap label{display:none!important}
  .branch-selector{width:102px!important;min-width:92px!important;max-width:102px!important}
}