:root{--tbhp-blue:#1e73be;--tbhp-blue-dark:#155f9e;--tbhp-teal:#0f887e;--tbhp-teal-dark:#0a6d66;--tbhp-navy:#103d5a;--tbhp-ink:#1f3540;--tbhp-muted:#667b85;--tbhp-line:#d7e4ea;--tbhp-bg:#f4f8fa;--tbhp-soft:#edf5f7;--tbhp-gold:#71c8bd;--tbhp-white:#fff;--tbhp-radius:18px;--tbhp-radius-lg:26px;--tbhp-shadow:0 16px 42px rgba(16,61,90,.09);--tbhp-shadow-sm:0 8px 24px rgba(16,61,90,.06)}html{scroll-behavior:smooth}body{color:var(--tbhp-ink);background:var(--tbhp-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.tbhp-ui-v8 *{box-sizing:border-box}a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(30,115,190,.35);outline-offset:3px}img{max-width:100%;height:auto}::selection{background:rgba(30,115,190,.18);color:var(--tbhp-navy)}.tbhp-wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}.tbhp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 17px;border:1px solid transparent;border-radius:999px;font-size:13px;line-height:1.25;font-weight:800;text-decoration:none!important}.tbhp-btn-primary{background:var(--tbhp-blue);color:#fff!important;box-shadow:0 10px 22px rgba(30,115,190,.16)}.tbhp-btn-primary:hover{background:var(--tbhp-blue-dark);transform:translateY(-1px)}.tbhp-btn-dark{background:var(--tbhp-teal);color:#fff!important}.tbhp-btn-dark:hover{background:var(--tbhp-teal-dark)}.tbhp-btn-gold{background:var(--tbhp-gold);color:#182d38!important}.tbhp-btn-gold:hover{filter:brightness(.96)}.tbhp-btn-ghost{background:#fff;border-color:var(--tbhp-line);color:var(--tbhp-navy)!important}.tbhp-btn-ghost-dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff!important}.tbhp-actions{display:flex;flex-wrap:wrap;gap:10px}.tbhp-generatepress .site-header{background:#fff}.tbhp-generatepress .main-navigation,.tbhp-generatepress .main-navigation.is_stuck{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(16,61,90,.08);box-shadow:0 5px 18px rgba(16,61,90,.045);backdrop-filter:saturate(150%) blur(10px)}.tbhp-generatepress .main-navigation .inside-navigation{width:min(1180px,calc(100% - 28px));margin-inline:auto;padding-inline:0}.tbhp-generatepress .navigation-branding img,.tbhp-generatepress .site-logo img,.tbhp-generatepress #mobile-header .site-logo img{width:auto!important;max-width:180px!important;max-height:44px!important;object-fit:contain}.tbhp-generatepress .main-navigation .main-nav>ul>li>a{color:var(--tbhp-navy);font-size:14px;font-weight:700;letter-spacing:-.01em}.tbhp-generatepress .main-navigation .main-nav>ul>li:hover>a,.tbhp-generatepress .main-navigation .main-nav>ul>li.current-menu-item>a{color:var(--tbhp-blue)}.tbhp-generatepress .main-navigation ul ul{overflow:hidden;border:1px solid var(--tbhp-line);border-radius:14px;background:#fff;box-shadow:var(--tbhp-shadow)}.tbhp-generatepress .main-navigation ul ul li a{background:#fff;color:var(--tbhp-ink);font-size:13px}.tbhp-generatepress .menu-toggle{color:var(--tbhp-navy)}#site-navigation .site-logo.navigation-logo,#site-navigation .sticky-logo.navigation-logo,#sticky-navigation .site-logo.navigation-logo,#sticky-navigation .sticky-logo.navigation-logo{display:none!important}.tbhp-ui-v8 #page{background:transparent}.tbhp-ui-v8 .site-content{padding-top:32px;padding-bottom:58px}.tbhp-homepage .site-content{display:block!important;width:100%!important;max-width:none!important;padding:0!important}.tbhp-homepage #primary,.tbhp-homepage .content-area{float:none!important;width:100%!important;max-width:none!important;margin:0!important}.tbhp-homepage .site-main{margin:0!important}@media(max-width:980px){}@media(max-width:768px){html{scroll-behavior:auto}.tbhp-generatepress .main-navigation .inside-navigation{width:calc(100% - 20px)}.tbhp-generatepress .navigation-branding img,.tbhp-generatepress .site-logo img,.tbhp-generatepress #mobile-header .site-logo img{max-height:42px!important;max-width:155px!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.tbhp-generatepress .menu-bar-items .tbhp-gp-icon-svg{display:block;width:27px;height:27px;color:var(--tbhp-navy)}
.tbhp-generatepress .wc-menu-item .number-of-items{opacity:1!important}
.tbhp-generatepress .wc-menu-item .number-of-items:not(.no-items){background:var(--tbhp-teal)!important;color:#fff!important}
@media(max-width:768px){
  .tbhp-generatepress #mobile-header,
  .tbhp-generatepress .mobile-header-navigation{background:#fff!important}
  .tbhp-generatepress #mobile-header .menu-bar-items a,
  .tbhp-generatepress .mobile-header-navigation .menu-bar-items a,
  .tbhp-generatepress .menu-toggle{color:var(--tbhp-navy)!important;opacity:1!important}
}

.tbhp-generatepress .menu-bar-items .tbhp-gp-icon-svg{display:block;width:27px;height:27px;color:var(--tbhp-navy)}
.tbhp-generatepress .wc-menu-item .number-of-items{opacity:1!important}
.tbhp-generatepress .wc-menu-item .number-of-items:not(.no-items){background:var(--tbhp-teal)!important;color:#fff!important}


html{max-width:100%;overflow-x:clip}
body.tbhp-ui-v8{max-width:100%;overflow-x:clip}
body.tbhp-ui-v8 #page,
body.tbhp-ui-v8 .site-content,
body.tbhp-ui-v8 #primary,
body.tbhp-ui-v8 .content-area,
body.tbhp-ui-v8 .site-main,
body.tbhp-ui-v8 article{min-width:0;max-width:100%}
body.tbhp-ui-v8 img,
body.tbhp-ui-v8 video,
body.tbhp-ui-v8 iframe{max-width:100%;height:auto}
body.tbhp-ui-v8 h1,
body.tbhp-ui-v8 h2,
body.tbhp-ui-v8 h3,
body.tbhp-ui-v8 h4,
body.tbhp-ui-v8 p,
body.tbhp-ui-v8 li{overflow-wrap:break-word}

/* Desktop navigation: same blue/navy/teal language as the rest of the site. */
@media(min-width:769px){
  .tbhp-generatepress .main-navigation .main-nav>ul>li>a{
    position:relative;
    min-height:64px;
    padding-inline:16px!important;
  }
  .tbhp-generatepress .main-navigation .main-nav>ul>li>a:after{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:8px;
    height:2px;
    border-radius:99px;
    background:linear-gradient(90deg,var(--tbhp-blue),var(--tbhp-teal));
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .18s ease;
  }
  .tbhp-generatepress .main-navigation .main-nav>ul>li:hover>a:after,
  .tbhp-generatepress .main-navigation .main-nav>ul>li.current-menu-item>a:after,
  .tbhp-generatepress .main-navigation .main-nav>ul>li.current-menu-ancestor>a:after{
    transform:scaleX(1);
  }
  .tbhp-generatepress .main-navigation ul ul{
    padding:7px!important;
    border:1px solid var(--tbhp-line)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 18px 46px rgba(16,61,90,.14)!important;
  }
  .tbhp-generatepress .main-navigation ul ul li a{
    min-height:42px;
    padding:10px 12px!important;
    border-radius:10px;
    color:var(--tbhp-ink)!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif!important;
    font-size:13px!important;
    font-weight:650!important;
    line-height:1.4!important;
  }
  .tbhp-generatepress .main-navigation ul ul li:hover>a,
  .tbhp-generatepress .main-navigation ul ul li.current-menu-item>a{
    background:var(--tbhp-soft)!important;
    color:var(--tbhp-blue-dark)!important;
  }
}

/* GeneratePress off-canvas / slideout menu. */
.tbhp-generatepress #generate-slideout-menu.slideout-navigation{
  background:linear-gradient(155deg,#071f2c 0%,#0b3a4b 58%,#0a675f 100%)!important;
  color:#eef8fa!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif!important;
  box-shadow:-22px 0 60px rgba(4,22,31,.28)!important;
}
.tbhp-generatepress #generate-slideout-menu .inside-navigation{
  position:relative;
  display:flex!important;
  flex-direction:column;
  align-items:stretch!important;
  min-height:100dvh;
  width:min(430px,100vw);
  max-width:100%;
  margin-left:auto!important;
  padding:calc(22px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom))!important;
  background:transparent!important;
}
.tbhp-generatepress #generate-slideout-menu .inside-navigation:before{
  content:"THIẾT BỊ SPA HẢI PHÒNG";
  display:block;
  max-width:calc(100% - 72px);
  margin:4px 0 18px;
  color:#a9e4dd;
  font-size:10px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.tbhp-generatepress #generate-slideout-menu .slideout-exit{
  position:absolute!important;
  top:calc(16px + env(safe-area-inset-top));
  right:18px;
  display:grid!important;
  place-items:center;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1!important;
}
.tbhp-generatepress #generate-slideout-menu .slideout-exit:hover,
.tbhp-generatepress #generate-slideout-menu .slideout-exit:focus-visible{
  background:rgba(255,255,255,.13)!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav{
  width:100%;
  margin-top:4px;
}
.tbhp-generatepress #generate-slideout-menu .main-nav>ul{
  width:100%;
  margin:0!important;
  padding:0!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li{
  position:relative;
  width:100%;
  margin:0!important;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li:first-child{
  border-top:1px solid rgba(255,255,255,.09);
}
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li>a{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:54px!important;
  padding:12px 4px!important;
  background:transparent!important;
  color:#f3fbfd!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:720!important;
  letter-spacing:-.012em!important;
  text-align:left!important;
  white-space:normal!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li>a:hover,
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li.current-menu-item>a,
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li.current-menu-ancestor>a{
  color:#fff!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li.current-menu-item>a:before,
.tbhp-generatepress #generate-slideout-menu .main-nav>ul>li.current-menu-ancestor>a:before{
  content:"";
  width:4px;
  height:24px;
  margin-right:10px;
  border-radius:99px;
  background:#71c8bd;
}
.tbhp-generatepress #generate-slideout-menu .dropdown-menu-toggle{
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  margin-left:auto!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.06)!important;
  color:#cce9e6!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav ul ul{
  margin:0 0 10px!important;
  padding:7px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav ul ul li{
  width:100%;
  margin:0!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav ul ul li+li{
  margin-top:2px!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav ul ul a{
  display:block!important;
  min-height:0!important;
  padding:10px 11px!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#cfe0e4!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:600!important;
  text-align:left!important;
  white-space:normal!important;
}
.tbhp-generatepress #generate-slideout-menu .main-nav ul ul li:hover>a,
.tbhp-generatepress #generate-slideout-menu .main-nav ul ul li.current-menu-item>a{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.tbhp-generatepress #generate-slideout-menu .gp-icon{
  color:currentColor!important;
}
@media(max-width:480px){
  .tbhp-generatepress #generate-slideout-menu .inside-navigation{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .tbhp-generatepress #generate-slideout-menu .main-nav>ul>li>a{
    font-size:16px!important;
    min-height:52px!important;
  }
}
@supports not (overflow:clip){
  html,body.tbhp-ui-v8{overflow-x:hidden}
}

/* V8 baseline guardrails */
:root{
  --tbhp-blue:#1e73be;
  --tbhp-blue-dark:#155f9e;
  --tbhp-navy:#103d5a;
  --tbhp-teal:#0f887e;
  --tbhp-teal-dark:#0a6d66;
  --tbhp-ink:#203540;
  --tbhp-muted:#667b85;
  --tbhp-bg:#f4f8fa;
  --tbhp-soft:#edf5f7;
  --tbhp-line:#d7e4ea;
  --tbhp-white:#fff;
  --tbhp-shadow-sm:0 10px 28px rgba(16,61,90,.07);
  --tbhp-shadow:0 20px 52px rgba(16,61,90,.10);
}
html{max-width:100%;overflow-x:clip}
body.tbhp-ui-v8{
  max-width:100%;
  overflow-x:clip;
  background:var(--tbhp-bg);
  color:var(--tbhp-ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif;
  text-rendering:optimizeLegibility;
}
body.tbhp-ui-v8 *,
body.tbhp-ui-v8 *:before,
body.tbhp-ui-v8 *:after{box-sizing:border-box}
body.tbhp-ui-v8 #page,
body.tbhp-ui-v8 .site-content,
body.tbhp-ui-v8 #primary,
body.tbhp-ui-v8 .content-area,
body.tbhp-ui-v8 .site-main,
body.tbhp-ui-v8 article{min-width:0;max-width:100%}
body.tbhp-ui-v8 img,
body.tbhp-ui-v8 video,
body.tbhp-ui-v8 iframe{max-width:100%}
body.tbhp-ui-v8 h1,
body.tbhp-ui-v8 h2,
body.tbhp-ui-v8 h3,
body.tbhp-ui-v8 h4,
body.tbhp-ui-v8 p,
body.tbhp-ui-v8 li{overflow-wrap:break-word}
body.tbhp-ui-v8 a:focus-visible,
body.tbhp-ui-v8 button:focus-visible,
body.tbhp-ui-v8 input:focus-visible,
body.tbhp-ui-v8 select:focus-visible,
body.tbhp-ui-v8 textarea:focus-visible{
  outline:3px solid rgba(30,115,190,.30);
  outline-offset:3px;
}
body.tbhp-about-page .site-content{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
body.tbhp-about-page #primary,
body.tbhp-about-page .content-area,
body.tbhp-about-page .site-main,
body.tbhp-about-page .inside-article{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(prefers-reduced-motion:reduce){
  body.tbhp-ui-v8 *,
  body.tbhp-ui-v8 *:before,
  body.tbhp-ui-v8 *:after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}
@supports not (overflow:clip){
  html,body.tbhp-ui-v8{overflow-x:hidden}
}
