/* Preserva Med Spa site shell v1 — identical in face and body tools. */
header.medspa-header {
  position: sticky;
  top: 0;
  z-index: 300;
  display: block;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #c0dced;
  box-shadow: 0 1px 8px rgba(41,118,165,.05);
}
.medspa-header-inner {
  max-width: 1100px;
  height: 60px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.medspa-logo { display: inline-flex; align-items: baseline; gap: 6px; text-decoration: none; white-space: nowrap; }
.medspa-logo-name { font: 300 1.35rem 'Cormorant Garamond', Georgia, serif; color: #1a2e3a; }
.medspa-logo-tag { font: 600 .6rem 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; color: #2976a5; }
.medspa-header-nav { display: flex; align-items: center; gap: 20px; }
.medspa-nav-link { color: #5a7a8a; font: 500 .82rem 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; }
.medspa-nav-link:hover, .medspa-nav-link:focus-visible { color: #2976a5; }
.medspa-header-cta { display: inline-block; padding: 9px 20px; border-radius: 100px; background: #2976a5; color: #fff; font: 600 .78rem 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none; white-space: nowrap; }
.medspa-header-cta:hover, .medspa-header-cta:focus-visible { background: #1d5a80; color: #fff; }
footer.medspa-footer {
  display: block;
  margin-top: 40px;
  padding: 48px 24px 32px;
  background: #143f5a;
  color: rgba(255,255,255,.7);
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.medspa-footer-inner { max-width: 1100px; margin: 0 auto; }
.medspa-footer-grid { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 32px; }
.medspa-footer-logo { display: inline-flex; align-items: baseline; gap: 6px; text-decoration: none; margin-bottom: 8px; }
.medspa-footer-logo-name { color: #fff; font: 300 1.3rem 'Cormorant Garamond', Georgia, serif; }
.medspa-footer-logo-tag { color: #c8e4f5; font: 600 .6rem 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: .18em; text-transform: uppercase; }
.medspa-footer-tagline { max-width: 280px; margin: 0 0 16px; font-size: .78rem; line-height: 1.6; color: rgba(255,255,255,.7); }
.medspa-footer-socials { display: flex; gap: 12px; }
.medspa-footer-socials a { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.1); color: rgba(255,255,255,.75); text-decoration: none; }
.medspa-footer-socials a:hover, .medspa-footer-socials a:focus-visible { background: rgba(255,255,255,.2); color: #fff; }
.medspa-footer-socials svg { display: block; width: 16px; height: 16px; }
.medspa-footer-col h4 { margin: 0 0 14px; color: #fff; font-size: .68rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.medspa-footer-col p, .medspa-footer-col a { font-size: .8rem; line-height: 1.8; color: rgba(255,255,255,.7); text-decoration: none; }
.medspa-footer-col p { margin: 0; }
.medspa-footer-col a { display: block; }
.medspa-footer-col a:hover, .medspa-footer-col a:focus-visible { color: #fff; text-decoration: underline; }
.medspa-footer-bottom { margin-top: 32px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.1); text-align: center; color: rgba(255,255,255,.5); font-size: .72rem; line-height: 1.6; }
.medspa-footer-disclaimer { max-width: 620px; margin: 0 auto 12px; font-size: .7rem; line-height: 1.6; color: rgba(255,255,255,.65); }
@media (max-width: 640px) {
  .medspa-header-inner { padding: 0 16px; }
  .medspa-header-nav { gap: 8px; }
  .medspa-nav-link { display: none; }
  .medspa-logo-name { font-size: 1.16rem; }
  .medspa-logo-tag { font-size: .55rem; }
  .medspa-header-cta { padding: 8px 14px; font-size: .72rem; }
  footer.medspa-footer { padding: 32px 20px 24px; }
  .medspa-footer-grid { grid-template-columns: 1fr; gap: 24px; }
}