/* ProDent V12 — compact signature / emerald glass.
   This file affects navigation only. The SVG paths are unchanged.
   Glass and moving light live behind the opaque logo and navigation text. */
:root {
  --pd12-header-top:14px;
  --pd12-header-height:68px;
  --pd12-header-side:24px;
  --pd12-brand-width:244px;
  --pd12-glass-top:rgba(2,30,22,.92);
  --pd12-glass-bottom:rgba(5,34,27,.86);
  --pd12-ease:cubic-bezier(.22,1,.36,1);
}
html.pd-has-scrolled {
  --pd12-header-top:10px;
  --pd12-header-height:64px;
  --pd12-glass-top:rgba(2,30,22,.94);
  --pd12-glass-bottom:rgba(5,34,27,.89);
}
html body #header.header.pd-header-glass,
html body .pd-subheader.pd-header-glass {
  position:fixed;
  top:var(--pd12-header-top);
  left:0;right:0;margin:0 auto;
  width:min(1240px,calc(100% - var(--pd12-header-side)*2));
  padding:0;
  border:0!important;
  border-radius:36px;
  background:transparent!important;
  box-shadow:0 10px 28px rgba(3,26,21,.14);
  isolation:isolate;
  overflow:visible;
  color:#F8F2E8;
  opacity:1;
  transform:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:top .6s var(--pd12-ease),box-shadow .6s ease;
}
/* No alpha on the header or logo: only the background is translucent. */
html body #header.header.pd-header-glass::before,
html body .pd-subheader.pd-header-glass::before {
  content:"";
  display:block!important;
  position:absolute;
  z-index:-1;
  inset:0;
  border-radius:inherit;
  border:1px solid rgba(248,242,232,.25);
  background:linear-gradient(135deg,var(--pd12-glass-top),var(--pd12-glass-bottom));
  -webkit-backdrop-filter:blur(22px) saturate(132%);
  backdrop-filter:blur(22px) saturate(132%);
  box-shadow:inset 0 1px 0 rgba(255,250,237,.06);
  opacity:1;
  transform:none;
  animation:none;
  pointer-events:none;
  transition:background .65s ease,border-color .65s ease;
}
html body #header.header.pd-header-glass .header-inner,
html body .pd-subheader.pd-header-glass .pd-subheader-inner {
  position:relative;
  z-index:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:var(--pd12-header-height);
  padding:7px 24px;
  border:0!important;
  border-radius:inherit;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  isolation:auto;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:min-height .6s var(--pd12-ease),padding .6s var(--pd12-ease);
}
html.pd-has-scrolled body #header.header.pd-header-glass .header-inner,
html.pd-has-scrolled body .pd-subheader.pd-header-glass .pd-subheader-inner {
  padding-top:5px;padding-bottom:5px;
}
html body #header.header.pd-header-glass .header-inner::after {
  display:none!important;animation:none!important;
}
/* Light travels along the one-pixel rim, not over the lettering. */
html body #header.header.pd-header-glass::after,
html body .pd-subheader.pd-header-glass::after {
  content:"";
  display:block;
  position:absolute;
  inset:0;
  z-index:1;
  padding:1px;
  border:0;
  border-radius:inherit;
  background:linear-gradient(108deg,transparent 38%,rgba(255,247,219,.16) 43%,rgba(255,247,219,.85) 50%,rgba(255,247,219,.16) 57%,transparent 62%) 150% 50% / 270% 100%;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0;
  pointer-events:none;
}
html body #header.header.pd-header-glass.pd-header-sweeping::after,
html body .pd-subheader.pd-header-glass.pd-header-sweeping::after {
  animation:pd12RimLight 2.6s var(--pd12-ease) both;
}
@keyframes pd12RimLight {
  0%{opacity:0;background-position:150% 50%}
  12%{opacity:1}
  80%{opacity:.85}
  100%{opacity:0;background-position:-50% 50%}
}
html body #header.header.pd-header-glass.pd-header-arriving,
html body .pd-subheader.pd-header-glass.pd-header-arriving {
  animation:pd12HeaderArrival .85s var(--pd12-ease) both;
}
@keyframes pd12HeaderArrival {
  from{translate:0 -12px;opacity:.2}
  to{translate:0 0;opacity:1}
}
/* Original tooth and wordmark as one undistorted inline SVG. */
html body #header.header.pd-header-glass .logo,
html body .pd-subheader.pd-header-glass .logo {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  flex:0 0 var(--pd12-brand-width);
  width:var(--pd12-brand-width);
  min-width:0;
  max-width:var(--pd12-brand-width);
  gap:0;
  margin:0;
  padding:0;
  color:#F8F2E8;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
html body #header.header.pd-header-glass .logo .pd-lockup,
html body .pd-subheader.pd-header-glass .logo .pd-lockup {
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  color:#F8F2E8;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  overflow:visible;
  flex:none;
  shape-rendering:geometricPrecision;
}
html body #header.header.pd-header-glass .logo .pd-header-tagline,
html body .pd-subheader.pd-header-glass .logo .pd-header-tagline {
  display:block!important;
  margin:1px 0 0 17.132867%;
  padding:0;
  font:400 8px/1.4 Manrope,Arial,sans-serif!important;
  letter-spacing:.065em!important;
  color:#E1E8DC!important;
  opacity:1!important;
  text-transform:uppercase;
  white-space:nowrap;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none;
  text-shadow:none;
}
html body #header.header.pd-header-glass .nav {
  align-items:center;
  min-width:0;
  margin-left:auto;
  margin-right:auto;
  gap:16px;
  font:400 10.5px/1.5 Manrope,Arial,sans-serif;
  letter-spacing:.055em;
  color:#e8ecdf;
}
html body #header.header.pd-header-glass .nav>a {
  padding:10px 0;
  white-space:nowrap;
  color:inherit;
  transition:color .4s ease;
}
html body #header.header.pd-header-glass .nav>a:is(:hover,:focus-visible,[aria-current="location"]) {color:#fffaf0}
html body #header.header.pd-header-glass .nav>a::after {bottom:5px;background:#F8F2E8}
html body #header.header.pd-header-glass .actions {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:14px;
  margin:0;
}
html body #header.header.pd-header-glass .phone {
  display:block;
  font:300 12px/1.5 Manrope,Arial,sans-serif;
  color:#eef0e3;
  white-space:nowrap;
}
html body #header.header.pd-header-glass .actions .btn {
  min-height:38px;
  padding:10px 15px;
  border-radius:2px!important;
  font-size:10px!important;
  letter-spacing:.06em;
  box-shadow:none;
  background:#F8F2E8;
  color:#05221B;
}
html body #header.header.pd-header-glass .burger {
  flex:0 0 38px;
  width:38px;height:38px;
  margin:0;
  background:rgba(248,242,232,.04);
  color:#F8F2E8;
  border:1px solid rgba(248,242,232,.30);
  box-shadow:none;
  transition:background .4s ease,border-color .4s ease;
}
html body #header.header.pd-header-glass .burger:hover {background:rgba(248,242,232,.09);border-color:rgba(248,242,232,.55)}
html body #header.header.pd-header-glass .logo:focus-visible,
html body .pd-subheader.pd-header-glass .logo:focus-visible {outline:1px solid #F8F2E8;outline-offset:5px;border-radius:1px}
html body .pd-subheader.pd-header-glass .pd-return {
  flex:0 0 auto;
  white-space:nowrap;
  color:#F8F2E8;
  font:400 11px/1.5 Manrope,Arial,sans-serif;
  letter-spacing:.025em;
}
html body #mobilePanel.mobile-panel {
  top:calc(var(--pd12-header-top) + var(--pd12-header-height) + 8px)!important;
  left:var(--pd12-header-side);right:var(--pd12-header-side);
  max-height:calc(100dvh - var(--pd12-header-top) - var(--pd12-header-height) - 32px);
  border-radius:20px;
  background:rgba(5,34,27,.90);
  border-color:rgba(248,242,232,.22);
  color:#F8F2E8;
  -webkit-backdrop-filter:blur(22px) saturate(130%);
  backdrop-filter:blur(22px) saturate(130%);
  box-shadow:0 16px 38px rgba(3,26,21,.16);
}
html body #top.pd-hero-final {padding-top:122px!important}
@media(min-width:1200px) {
  html body #header.header.pd-header-glass .nav{display:flex!important}
  html body #header.header.pd-header-glass .burger{display:none!important}
  html body #mobilePanel.mobile-panel{display:none!important}
}
@media(min-width:721px) and (max-width:1199px) {
  html body #header.header.pd-header-glass .nav{display:none!important}
  html body #header.header.pd-header-glass .burger{display:flex!important}
  html body #header.header.pd-header-glass .actions{margin-left:auto}
  html body #mobilePanel.mobile-panel{display:block}
}
@media(max-width:720px) {
  :root {--pd12-header-top:10px;--pd12-header-height:62px;--pd12-header-side:12px;--pd12-brand-width:min(224px,calc(100vw - 112px))}
  html.pd-has-scrolled {--pd12-header-top:8px;--pd12-header-height:62px}
  html body #header.header.pd-header-glass,
  html body .pd-subheader.pd-header-glass{border-radius:32px}
  html body #header.header.pd-header-glass .header-inner,
  html body .pd-subheader.pd-header-glass .pd-subheader-inner{padding:7px 14px;gap:10px;min-height:62px}
  html.pd-has-scrolled body #header.header.pd-header-glass .header-inner,
  html.pd-has-scrolled body .pd-subheader.pd-header-glass .pd-subheader-inner{padding:7px 14px}
  html body #header.header.pd-header-glass .logo .pd-header-tagline,
  html body .pd-subheader.pd-header-glass .logo .pd-header-tagline{font-size:7.3px!important;line-height:1.4!important;letter-spacing:.035em!important;margin-top:1px}
  html body #header.header.pd-header-glass .nav,
  html body #header.header.pd-header-glass .actions{display:none!important}
  html body #header.header.pd-header-glass .burger{display:flex!important;margin-left:auto}
  html body #mobilePanel.mobile-panel{display:block;border-radius:18px}
  html body #top.pd-hero-final{padding-top:104px!important}
  html body .pd-subheader.pd-header-glass .pd-return{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:20px;border:1px solid rgba(248,242,232,.3);border-radius:50%;letter-spacing:0}
  html body .pd-subheader.pd-header-glass .pd-return-label{display:none}
}
@media(max-width:359px) {
  html body #header.header.pd-header-glass .logo .pd-header-tagline,
  html body .pd-subheader.pd-header-glass .logo .pd-header-tagline{font-size:7px!important;letter-spacing:.005em!important}
}
/* Solid, readable fallback where background blur is not available. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html body #header.header.pd-header-glass::before,
  html body .pd-subheader.pd-header-glass::before{background:rgba(5,34,27,.96)}
  html body #mobilePanel.mobile-panel{background:rgba(5,34,27,.98)}
}
html.pd-motion-paused body #header.header.pd-header-glass,
html.pd-motion-paused body .pd-subheader.pd-header-glass{animation:none!important;transition:none!important;translate:none;opacity:1}
html.pd-motion-paused body #header.header.pd-header-glass::after,
html.pd-motion-paused body .pd-subheader.pd-header-glass::after{display:none;animation:none!important}
@media(prefers-reduced-motion:reduce) {
  html body #header.header.pd-header-glass,
  html body .pd-subheader.pd-header-glass{animation:none!important;transition:none!important;translate:none;opacity:1}
  html body #header.header.pd-header-glass::after,
  html body .pd-subheader.pd-header-glass::after{display:none;animation:none!important}
  html body #header.header.pd-header-glass *,
  html body .pd-subheader.pd-header-glass *{transition:none!important}
}
@media(forced-colors:active) {
  html body #header.header.pd-header-glass::before,
  html body .pd-subheader.pd-header-glass::before{background:Canvas;border:1px solid CanvasText;backdrop-filter:none}
  html body #header.header.pd-header-glass::after,
  html body .pd-subheader.pd-header-glass::after{display:none}
}
@media print {
  html body #header.header.pd-header-glass,html body .pd-subheader.pd-header-glass{display:none!important}
}