/* GENPLUS V0.5 – compact header + conversion dock */
:root{--gp5-blue:#0868c9;--gp5-blue-dark:#063b69;--gp5-navy:#071f36;--gp5-green:#43a829;--gp5-orange:#f38b25;--gp5-shell:1480px}
.gp5-shell{width:min(calc(100% - 48px),var(--gp5-shell));margin-inline:auto}
.gp5-topbar{background:#0b4f86;color:#fff;font-size:12px}.gp5-topbar__inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.gp5-topbar__brand{font-weight:780;letter-spacing:.01em}.gp5-topbar__right{display:flex;align-items:center;gap:22px}.gp5-topbar a{color:#fff;text-decoration:none}.gp5-topbar__phone{display:flex;align-items:center;gap:7px}.gp5-topbar__phone .gp4-icon{width:15px;height:15px;fill:none;stroke:currentColor}
.gp5-header{position:sticky;top:0;z-index:160;background:rgba(255,255,255,.98);border-bottom:1px solid #e2eaf1;box-shadow:0 4px 20px rgba(6,40,68,.035);backdrop-filter:blur(14px)}.admin-bar .gp5-header{top:32px}.gp5-header__inner{height:76px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}.gp5-header__brand{display:flex;align-items:center;gap:15px;white-space:nowrap}.gp5-header__brand .gp-brand img,.gp5-header__brand .custom-logo{height:48px;width:auto;max-width:185px}.gp5-header__brand>span{border-left:1px solid #d6e0e8;padding-left:15px;font-size:12px;font-weight:850;letter-spacing:.19em;color:#67778a}.gp5-nav{min-width:0;display:flex;justify-content:center}.gp5-nav__list{display:flex;align-items:center;justify-content:center;gap:2px;list-style:none;margin:0;padding:0}.gp5-nav__list>li{position:relative}.gp5-nav__list>li>a{display:flex;align-items:center;min-height:42px;padding:8px 10px;border-radius:9px;text-decoration:none;color:#17283d;font-size:14px;font-weight:760;white-space:nowrap}.gp5-nav__list>li>a:hover,.gp5-nav__list>.current-menu-item>a,.gp5-nav__list>.current-menu-ancestor>a{background:#edf6ff;color:#0665b8}.gp5-nav__list .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:230px;padding:8px;margin:0;list-style:none;background:#fff;border:1px solid #dfe8ef;border-radius:12px;box-shadow:0 18px 42px rgba(5,37,62,.14)}.gp5-nav__list li:hover>.sub-menu{display:block}.gp5-nav__list .sub-menu a{display:block;padding:10px 11px;border-radius:8px;color:#20344b;text-decoration:none;font-weight:650}.gp5-nav__list .sub-menu a:hover{background:#f2f7fb;color:#0665b8}
.gp5-header__actions{display:flex;align-items:center;gap:7px}.gp5-header__actions a{height:42px;border-radius:10px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:820;white-space:nowrap}.gp5-header__actions .gp4-icon{width:17px;height:17px;fill:none;stroke:currentColor}.gp5-header__phone{width:42px;color:#075fa9;border:1px solid #c9ddec;background:#fff}.gp5-header__phone span{display:none}.gp5-header__book{padding:0 17px;background:#0868c9;color:#fff;box-shadow:0 8px 22px rgba(8,104,201,.18)}.gp5-menu-toggle{display:none}
/* Desktop contact dock – centered at the bottom and deliberately colorful. */
.gp5-contact-dock{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:220;display:grid;grid-template-columns:repeat(4,minmax(135px,1fr));gap:5px;width:min(720px,calc(100vw - 44px));padding:6px;border-radius:22px;background:rgba(5,30,52,.91);box-shadow:0 22px 65px rgba(3,28,49,.28);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18)}.gp5-contact-dock__item{min-height:64px;border-radius:17px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;text-decoration:none;transition:transform .18s ease,filter .18s ease}.gp5-contact-dock__item:hover{transform:translateY(-4px);filter:brightness(1.07)}.gp5-contact-dock__icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);flex:0 0 auto}.gp5-contact-dock__icon .gp4-icon{width:20px;height:20px;fill:none;stroke:currentColor}.gp5-contact-dock__item small,.gp5-contact-dock__item strong{display:block;line-height:1.15}.gp5-contact-dock__item small{font-size:10px;color:rgba(255,255,255,.82);font-weight:650;margin-bottom:3px}.gp5-contact-dock__item strong{font-size:14px;font-weight:850}.gp5-contact-dock__item--phone{background:linear-gradient(135deg,#318c22,#55b53a)}.gp5-contact-dock__item--zalo{background:linear-gradient(135deg,#0572dd,#1598ed)}.gp5-contact-dock__item--messenger{background:linear-gradient(135deg,#0a8ef2,#6b55dc)}.gp5-contact-dock__item--book{background:linear-gradient(135deg,#e66f17,#f69d2c)}
.gp5-mobile-dock{display:none}
/* Make room for the desktop dock without covering footer content. */
@media(min-width:981px){body:not(.gp-legacy-faq-preserved):not(.gp-legacy-adn-preserved){padding-bottom:96px}}
@media(max-width:1320px){.gp5-header__brand>span{display:none}.gp5-header__inner{gap:18px}.gp5-nav__list>li>a{padding:8px 7px;font-size:13px}.gp5-header__book{padding:0 13px}}
@media(max-width:1100px){.admin-bar .gp5-header{top:46px}.gp5-topbar__brand,.gp5-topbar__hours,.gp5-topbar__email{display:none}.gp5-topbar__inner{justify-content:flex-end}.gp5-header__inner{height:70px;grid-template-columns:auto 1fr auto}.gp5-header__brand .gp-brand img,.gp5-header__brand .custom-logo{height:44px;max-width:165px}.gp5-menu-toggle{display:flex;grid-column:3;justify-self:end}.gp5-nav{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e2e8ee;padding:8px 18px 18px;display:none}.gp5-nav.is-open{display:block}.gp5-nav__list{display:block}.gp5-nav__list>li>a{padding:11px 6px;border-radius:0;border-bottom:1px solid #eef2f5;font-size:15px}.gp5-nav__list .sub-menu{position:static;display:block;box-shadow:none;border:0;border-radius:0;padding:0 0 0 15px}.gp5-header__actions{display:none}.gp5-contact-dock{display:none}.gp5-mobile-dock{position:fixed;left:8px;right:8px;bottom:8px;z-index:240;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:5px;border-radius:17px;background:rgba(5,30,52,.95);box-shadow:0 16px 48px rgba(3,28,49,.3);backdrop-filter:blur(14px)}.gp5-mobile-dock a{min-height:50px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;text-decoration:none;font-size:10px;font-weight:820}.gp5-mobile-dock .gp4-icon{width:18px;height:18px;fill:none;stroke:currentColor}.gp5-mobile-dock__phone{background:#3a9827}.gp5-mobile-dock__zalo{background:#087de0}.gp5-mobile-dock__messenger{background:linear-gradient(135deg,#0a8ef2,#6b55dc)}.gp5-mobile-dock__book{background:#e9811d}.gp4-footer{padding-bottom:82px}}
@media(max-width:600px){.gp5-shell{width:min(calc(100% - 24px),var(--gp5-shell))}.gp5-topbar__inner{min-height:29px}.gp5-header__inner{height:66px}.gp5-header__brand .gp-brand img,.gp5-header__brand .custom-logo{height:40px;max-width:150px}.gp5-mobile-dock{left:5px;right:5px;bottom:5px}.gp5-mobile-dock a{min-height:47px;font-size:9px}.gp5-mobile-dock .gp4-icon{width:17px;height:17px}}
.gp4-booking__quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gp4-contact-band__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.gp4-contact-band__actions .gp4-btn{white-space:nowrap}
@media(max-width:700px){.gp4-booking__quick{grid-template-columns:1fr!important}.gp4-contact-band__actions{display:grid!important;grid-template-columns:1fr!important;width:100%}}
.gp5-contact-page-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.gp5-contact-page-links a{display:inline-flex;padding:9px 12px;border-radius:10px;background:#edf6ff;color:#0769be;text-decoration:none;font-weight:750}

/* =========================================================
   GENPLUS 0.6.3 - Mobile first header / hero / contact dock
   ========================================================= */
@media (max-width:1100px){
  .gp5-menu-toggle{
    width:44px;height:44px;padding:0;border:1px solid #cdddea;border-radius:13px;
    background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    color:#102a44;box-shadow:0 4px 14px rgba(6,49,83,.04);cursor:pointer
  }
  .gp5-menu-toggle span{display:block;width:19px;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}
  .gp5-menu-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .gp5-menu-toggle.is-open span:nth-child(2){opacity:0}
  .gp5-menu-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .gp5-mobile-dock{
    opacity:0;transform:translateY(calc(100% + 18px));pointer-events:none;
    transition:opacity .24s ease,transform .24s ease
  }
  .gp5-mobile-dock.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
}

@media (max-width:700px){
  .gp5-topbar{font-size:11px}
  .gp5-topbar__inner{min-height:30px}
  .gp5-topbar__phone{gap:6px;font-size:13px}
  .gp5-topbar__phone .gp4-icon{width:14px;height:14px}

  .gp5-header__inner{height:64px;grid-template-columns:minmax(0,1fr) auto;gap:12px}
  .gp5-header__brand{min-width:0}
  .gp5-header__brand .gp-brand img,.gp5-header__brand .custom-logo{height:39px;max-width:150px}
  .gp5-menu-toggle{grid-column:2;width:42px;height:42px;border-radius:12px}
  .gp5-nav{padding:7px 16px 16px;max-height:calc(100vh - 100px);overflow:auto;box-shadow:0 18px 40px rgba(4,37,63,.12)}
  .gp5-nav__list>li>a{min-height:44px;padding:10px 4px;font-size:15px}

  .gp4-home-hero{min-height:0}
  .gp4-home-hero__image img{object-position:66% center}
  .gp4-home-hero__shade{background:linear-gradient(180deg,rgba(4,23,40,.76) 0%,rgba(4,25,43,.86) 55%,rgba(4,25,43,.93) 100%)}
  .gp4-home-hero__inner{min-height:0;display:block}
  .gp4-home-hero__content{max-width:none;padding:46px 0 42px}
  .gp4-home-hero .gp4-kicker{font-size:10.5px;line-height:1.55;letter-spacing:.16em;margin-bottom:16px}
  .gp4-home-hero h1{font-size:clamp(35px,10.2vw,42px);line-height:1.04;letter-spacing:-.035em;max-width:100%}
  .gp4-home-hero__lead{font-size:15.5px;line-height:1.68;margin-top:18px;max-width:100%;color:rgba(255,255,255,.86)}
  .gp4-home-hero__actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;margin-top:23px;margin-bottom:0}
  .gp4-home-hero__actions .gp4-btn--primary{width:100%;min-height:54px;justify-content:center;border-radius:13px;font-size:15px}
  .gp4-home-hero__actions .gp4-btn--glass{
    width:auto!important;align-self:flex-start;min-height:auto;padding:7px 0;border:0;background:transparent;
    box-shadow:none;border-radius:0;color:#fff;font-size:14px;justify-content:flex-start
  }
  .gp4-home-hero__actions .gp4-btn--glass:hover{background:transparent;color:#8edaff}
  .gp4-home-hero__services{display:none}
  .gp4-home-hero__card{display:none}

  .gp5-mobile-dock{left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));padding:4px;gap:3px;border-radius:15px}
  .gp5-mobile-dock a{min-height:46px;border-radius:11px;font-size:9.5px;gap:2px}
  .gp5-mobile-dock .gp4-icon{width:16px;height:16px}
  .gp4-footer{padding-bottom:72px}
}

@media (max-width:380px){
  .gp5-shell{width:min(calc(100% - 20px),var(--gp5-shell))}
  .gp5-header__brand .gp-brand img,.gp5-header__brand .custom-logo{height:36px;max-width:138px}
  .gp4-home-hero__content{padding:38px 0 36px}
  .gp4-home-hero h1{font-size:34px}
  .gp4-home-hero__lead{font-size:15px}
  .gp5-mobile-dock{left:5px;right:5px;bottom:max(5px,env(safe-area-inset-bottom))}
  .gp5-mobile-dock a{font-size:9px}
}