:root{
  --vdsph-h:70px;
  --vdsph-max:1320px;
  --vdsph-ink:#0b2f58;
  --vdsph-nav:#243f59;
  --vdsph-line:#e1ebf5;
  --vdsph-accent:#0873dc;
  --vdsph-accent2:#09a3e8;
  --vdsph-brand-product:#0b2f58;
  --vdsph-menu-hover:#eff7ff;
  --vdsph-accent-shadow:rgba(8,115,220,.22);
}

html{scroll-padding-top:86px!important}
html body{
  padding-top:var(--vdsph-h)!important;
  scroll-padding-top:86px!important;
}

html body .vdsph{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:10050!important;
  width:100%!important;
  height:var(--vdsph-h)!important;
  min-height:var(--vdsph-h)!important;
  max-height:var(--vdsph-h)!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
  background:rgba(255,255,255,.96)!important;
  border:0!important;
  border-bottom:1px solid var(--vdsph-line)!important;
  box-shadow:0 6px 22px rgba(28,76,132,.055)!important;
  backdrop-filter:saturate(150%) blur(14px)!important;
  -webkit-backdrop-filter:saturate(150%) blur(14px)!important;
  transform:none!important;
}

html body .vdsph--shop{
  --vdsph-ink:#123f36;
  --vdsph-nav:#284b43;
  --vdsph-line:#e1ece8;
  --vdsph-accent:#0c8b73;
  --vdsph-accent2:#19b494;
  --vdsph-brand-product:#0075a1;
  --vdsph-menu-hover:#eff9f6;
  --vdsph-accent-shadow:rgba(12,139,115,.22);
}

html body .vdsph--mis{
  --vdsph-ink:#153c43;
  --vdsph-nav:#28545b;
  --vdsph-line:#dcebee;
  --vdsph-accent:#087f8c;
  --vdsph-accent2:#0aa5b5;
  --vdsph-brand-product:#087f8c;
  --vdsph-menu-hover:#eff9fa;
  --vdsph-accent-shadow:rgba(8,127,140,.22);
}

html body .vdsph--dental{
  --vdsph-ink:#0b2f58;
  --vdsph-nav:#244967;
  --vdsph-line:#dce9f4;
  --vdsph-accent:#0873dc;
  --vdsph-accent2:#09a3e8;
  --vdsph-brand-product:#096fae;
  --vdsph-menu-hover:#eff8ff;
  --vdsph-accent-shadow:rgba(8,115,220,.22);
}

html body .vdsph--hotel{
  --vdsph-ink:#0f2742;
  --vdsph-nav:#29466f;
  --vdsph-line:#e1e8f2;
  --vdsph-accent:#095de6;
  --vdsph-accent2:#0b56da;
  --vdsph-brand-product:#866525;
  --vdsph-menu-hover:#f1f6ff;
  --vdsph-accent-shadow:rgba(10,103,255,.22);
}

html body .vdsph--beauty{
  --vdsph-ink:#3c2147;
  --vdsph-nav:#5d4166;
  --vdsph-line:#eaddea;
  --vdsph-accent:#8b5cf6;
  --vdsph-accent2:#ec4899;
  --vdsph-brand-product:#b4479a;
  --vdsph-menu-hover:#fff4fb;
  --vdsph-accent-shadow:rgba(139,92,246,.2);
}

html body .vdsph__inner{
  width:min(var(--vdsph-max),calc(100% - 44px))!important;
  height:var(--vdsph-h)!important;
  margin:0 auto!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

html body .vdsph__brand{
  display:flex!important;
  flex:0 0 auto!important;
  min-width:0!important;
  align-items:center!important;
  gap:9px!important;
  margin:0!important;
  padding:0!important;
  color:var(--vdsph-ink)!important;
  text-decoration:none!important;
}

html body .vdsph__logo{
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  border:1px solid rgba(226,235,232,.92)!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(28,76,132,.10)!important;
}

html body .vdsph__logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  margin:0!important;
  padding:0!important;
}

html body .vdsph__brand-text{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:var(--vdsph-ink)!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.35px!important;
  white-space:nowrap!important;
}

html body .vdsph__brand-text span,
html body .vdsph__brand-text strong{
  margin:0!important;
  padding:0!important;
  font:inherit!important;
  line-height:inherit!important;
}

html body .vdsph__brand-product{color:var(--vdsph-brand-product)!important}

html body .vdsph__nav{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  margin:0!important;
  padding:0!important;
}

html body .vdsph__nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:8px 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--vdsph-nav)!important;
  text-decoration:none!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:760!important;
  white-space:nowrap!important;
  transition:color .18s ease!important;
}

html body .vdsph__nav a:hover,
html body .vdsph__nav a:focus-visible{color:var(--vdsph-accent)!important}

html body .vdsph__actions{
  display:flex!important;
  flex:0 0 auto!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
}

html body .vdsph__auth{
  display:inline-flex!important;
  flex:0 0 auto!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0 13px!important;
  border-radius:11px!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:850!important;
  white-space:nowrap!important;
  transform:none!important;
}

html body .vdsph__auth--login{
  color:var(--vdsph-ink)!important;
  background:#fff!important;
  border:1px solid #cbdceb!important;
  box-shadow:none!important;
}

html body .vdsph--shop .vdsph__auth--login{border-color:#cfe0db!important}
html body .vdsph--mis .vdsph__auth--login{border-color:#cfe5e8!important}
html body .vdsph--dental .vdsph__auth--login{border-color:#cbdceb!important}
html body .vdsph--hotel .vdsph__auth--login{border-color:#d4dfed!important}
html body .vdsph--beauty .vdsph__auth--login{border-color:#ead8e8!important}

html body .vdsph__auth--register{
  color:#fff!important;
  background:linear-gradient(135deg,var(--vdsph-accent),var(--vdsph-accent2))!important;
  border:1px solid transparent!important;
  box-shadow:0 9px 24px var(--vdsph-accent-shadow)!important;
}

html body .vdsph__more{
  display:none!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(15,23,42,.11)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(15,23,42,.06)!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}

html body .vdsph__more span{
  display:block!important;
  flex:0 0 4px!important;
  width:4px!important;
  height:4px!important;
  min-width:4px!important;
  min-height:4px!important;
  max-width:4px!important;
  max-height:4px!important;
  margin:0!important;
  padding:0!important;
  border-radius:999px!important;
  background:var(--vdsph-nav)!important;
}

html body .vdsph-menu{
  position:fixed!important;
  inset:var(--vdsph-h) 0 0 0!important;
  z-index:10040!important;
  padding:10px 12px!important;
  background:rgba(15,23,42,.18)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .22s ease,visibility 0s linear .22s!important;
}

html body .vdsph-menu[hidden]{display:none!important}
html body .vdsph-menu.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .22s ease,visibility 0s linear 0s!important;
}

html body .vdsph-menu__panel{
  position:relative!important;
  width:min(320px,calc(100vw - 24px))!important;
  max-width:320px!important;
  margin:0 0 0 auto!important;
  padding:8px!important;
  display:grid!important;
  gap:4px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 20px 55px rgba(15,23,42,.16),0 2px 8px rgba(15,23,42,.06)!important;
  transform:translateY(-10px) scale(.975)!important;
  transform-origin:top right!important;
  opacity:0!important;
  transition:transform .24s cubic-bezier(.2,.85,.25,1),opacity .18s ease!important;
}

html body .vdsph-menu.is-open .vdsph-menu__panel{
  transform:translateY(0) scale(1)!important;
  opacity:1!important;
}

html body .vdsph-menu__panel::before{
  content:""!important;
  position:absolute!important;
  top:-7px!important;
  right:18px!important;
  width:14px!important;
  height:14px!important;
  background:#fff!important;
  border-left:1px solid rgba(15,23,42,.08)!important;
  border-top:1px solid rgba(15,23,42,.08)!important;
  transform:rotate(45deg)!important;
}

html body .vdsph-menu__panel > a{
  display:flex!important;
  min-height:42px!important;
  align-items:center!important;
  padding:0 12px!important;
  border-radius:10px!important;
  color:var(--vdsph-ink)!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}

html body .vdsph-menu__panel > a:hover,
html body .vdsph-menu__panel > a:focus-visible{
  background:var(--vdsph-menu-hover)!important;
  color:var(--vdsph-accent)!important;
  transform:translateX(2px)!important;
}

html body .vdsph-menu__panel > a:active{transform:translateX(2px) scale(.985)!important}

@media (max-width:1100px){
  html body .vdsph__inner{width:calc(100% - 28px)!important;gap:7px!important}
  html body .vdsph__brand{flex:1 1 auto!important;min-width:0!important;gap:8px!important;overflow:hidden!important}
  html body .vdsph__logo{
    flex-basis:30px!important;width:30px!important;height:30px!important;
    min-width:30px!important;min-height:30px!important;max-width:30px!important;max-height:30px!important;border-radius:9px!important
  }
  html body .vdsph__brand-text{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:16px!important}
  html body .vdsph__nav{display:none!important}
  html body .vdsph__actions{flex:0 0 auto!important;gap:5px!important}
  html body .vdsph__auth{
    height:34px!important;min-height:34px!important;max-height:34px!important;
    padding:0 9px!important;border-radius:9px!important;font-size:11.5px!important
  }
  html body .vdsph__more{display:inline-flex!important}
}

@media (max-width:650px){
  html body .vdsph__inner{width:calc(100% - 22px)!important}
  html body .vdsph__brand-text{font-size:14px!important}
}

@media (max-width:420px){
  html body .vdsph__inner{gap:4px!important}
  html body .vdsph__brand{gap:6px!important}
  html body .vdsph__logo{
    flex-basis:28px!important;width:28px!important;height:28px!important;
    min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important
  }
  html body .vdsph__brand-text{font-size:13.5px!important}
  html body .vdsph__actions{gap:4px!important}
  html body .vdsph__auth{
    height:32px!important;min-height:32px!important;max-height:32px!important;
    padding:0 7px!important;font-size:10.5px!important
  }
  html body .vdsph__more{
    flex-basis:32px!important;width:32px!important;height:32px!important;
    min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important
  }
  html body .vdsph-menu{padding:8px 9px!important}
  html body .vdsph-menu__panel{width:min(300px,calc(100vw - 18px))!important;max-width:300px!important;border-radius:14px!important;padding:7px!important}
  html body .vdsph-menu__panel > a{min-height:40px!important;padding:0 11px!important;font-size:12.5px!important}
}

@media (max-width:350px){
  html body .vdsph__inner{width:calc(100% - 12px)!important}
  html body .vdsph__brand-text{font-size:12px!important}
  html body .vdsph__auth{padding:0 5px!important;font-size:9.8px!important}
}

@media (prefers-reduced-motion:reduce){
  html body .vdsph-menu,
  html body .vdsph-menu__panel,
  html body .vdsph-menu__panel > a{transition:none!important}
}

/* Product-wide mobile header contract. Every industry and marketing page must
   retain both auth actions; product-specific hero typography cannot hide them. */
@media (max-width:1100px){
  html body .vdsph .vdsph__brand-text{font-size:16px!important;letter-spacing:-.35px!important}
  html body .vdsph .vdsph__actions .vdsph__auth{display:inline-flex!important;font-size:11.5px!important}
}
@media (max-width:650px){
  html body .vdsph .vdsph__inner{width:calc(100% - 20px)!important;gap:6px!important}
  html body .vdsph .vdsph__brand{flex:1 1 0!important;min-width:0!important;overflow:hidden!important}
  html body .vdsph .vdsph__brand-text{max-width:100%!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:clamp(11px,3.1vw,14px)!important;letter-spacing:-.35px!important}
  html body .vdsph .vdsph__actions{flex:0 0 auto!important;gap:4px!important}
  html body .vdsph .vdsph__actions .vdsph__auth{display:inline-flex!important;padding:0 7px!important;font-size:clamp(10px,2.55vw,11.5px)!important}
}
@media (max-width:420px){
  html body .vdsph .vdsph__inner{width:calc(100% - 12px)!important;gap:4px!important}
  html body .vdsph .vdsph__brand-text{font-size:clamp(10.5px,3vw,12.5px)!important}
  html body .vdsph .vdsph__actions .vdsph__auth{padding:0 5px!important;font-size:10px!important}
}

.vds-public-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;max-width:1240px;margin:1rem auto;padding:0 1.5rem;font-size:.875rem;line-height:1.6;color:#53657b}.vds-public-breadcrumb a{color:#075ca8;text-decoration:underline;text-underline-offset:3px}.vds-public-breadcrumb [aria-current]{overflow-wrap:anywhere}