/* SKIN REMEDY CLINIC — V2478 approved mockup implementation.
   Additive design on the verified V2477 header/footer only. No Hero, CRM, page styles,
   URL routes, contact details or form behaviour changed. Lightweight CSS, no extra fonts. */

/* Premium unified header, richer olive tone and subdued champagne contours */
html body header.sr-site-header.sr-v2464-header .sr-v2464-shell {
  min-height:88px!important;
  padding:5px clamp(14px,1.15vw,22px)!important;
  column-gap:clamp(12px,1.35vw,23px)!important;
  grid-template-columns:156px minmax(0,1fr) auto!important;
  background:radial-gradient(ellipse 31% 185% at 0 8%,rgba(151,134,84,.38),transparent 95%),
    linear-gradient(95deg,#35442d 0%,#193a29 43%,#071f15 100%)!important;
  border:1px solid rgba(224,197,145,.85)!important;
  border-radius:31px!important;
  box-shadow:inset 0 1px 0 rgba(255,246,219,.16),0 13px 26px rgba(3,16,10,.34),
    0 0 0 1px rgba(79,60,28,.16)!important;
  isolation:isolate;
}
/* Distinctive sculpted champagne-backed logo bay; NOT part of the Hero image. */
html body header.sr-site-header.sr-v2464-header .sr-v2464-shell::before {
  content:""!important;display:block!important;
  position:absolute!important;left:-1px;top:-1px;bottom:-14px;width:190px;
  border:1px solid rgba(229,203,150,.66);
  border-right-color:transparent;
  border-radius:30px 22px 63px 29px;
  background:radial-gradient(ellipse at 35% 10%,rgba(237,211,158,.12),transparent 75%),
    linear-gradient(140deg,rgba(118,113,69,.42),rgba(36,58,35,.08) 88%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 18px rgba(6,18,11,.22);
  pointer-events:none!important;z-index:0!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-shell::after {
  left:34px!important;right:34px!important;width:auto!important;
  height:1px!important;opacity:.64!important;
  background:linear-gradient(90deg,transparent,rgba(238,213,165,.74),transparent)!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-brand {
  z-index:2!important;position:relative!important;overflow:hidden!important;
  width:154px!important;min-width:154px!important;height:100px!important;
  margin:0 0 -15px 0!important;
  border-radius:25px!important;
  background:linear-gradient(140deg,#fffefb 0%,#fffaf0 71%,#f7e8c9 100%)!important;
  border:1px solid rgba(245,218,166,.97)!important;
  box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(192,160,109,.22),
    0 8px 15px rgba(3,18,10,.37),0 0 0 3px rgba(232,200,137,.10)!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-brand img {
  width:97%!important;height:97%!important;max-width:unset!important;
  object-fit:contain!important;object-position:50% 50%!important;
  transform:none!important;padding:0!important;margin:0!important;
  filter:contrast(1.18) saturate(1.09) drop-shadow(0 1px 1px rgba(63,58,40,.11))!important;
  image-rendering:auto!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-brand-rim {border-radius:25px!important;}
html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav,
html body header.sr-site-header.sr-v2464-header .sr-v2464-actions {
  position:relative!important;z-index:2!important;
}
html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav {gap:clamp(8px,.77vw,15px)!important;}
html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a {
  font-size:clamp(11.4px,.73vw,13px)!important;font-weight:740!important;
}
html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a>span::after {
  height:2px!important;bottom:-8px!important;
  background:linear-gradient(90deg,transparent,rgba(240,218,175,.75) 24%,#fff2d0 50%,rgba(240,218,175,.75) 76%,transparent)!important;
  box-shadow:0 2px 7px rgba(246,224,184,.36)!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-actions {gap:8px!important;}
html body header.sr-site-header.sr-v2464-header .sr-v2464-call,
html body header.sr-site-header.sr-v2464-header .sr-v2464-plan {
  height:42px!important;min-height:42px!important;
  border-color:rgba(236,210,164,.89)!important;
  background:linear-gradient(170deg,#284833 0%,#09291a 48%,#071a12 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,247,212,.24),inset 0 -2px 3px rgba(0,0,0,.23),
    0 5px 12px rgba(0,0,0,.26)!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-plan b {
  background:linear-gradient(155deg,#fff5d8,#eac58c)!important;
  box-shadow:inset 0 2px 2px #fff7e6,0 1px 4px #0004;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-consult {
  min-width:188px!important;height:43px!important;
  background:linear-gradient(180deg,#fff9e9 0%,#f4dfb9 51%,#e8c58e 100%)!important;
  border:1px solid #fff0d0!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 -2px 1px rgba(126,95,44,.19),
    0 7px 15px rgba(0,0,0,.24)!important;
}
/* Functional WhatsApp control inside header actions, NOT fixed to viewport. */
html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp {
  position:relative!important;display:inline-flex!important;flex:0 0 auto!important;
  align-items:center!important;justify-content:center!important;
  width:43px!important;height:43px!important;min-width:43px!important;
  padding:0!important;overflow:visible!important;
  border:1px solid rgba(189,255,201,.7)!important;border-radius:50%!important;
  background:radial-gradient(circle at 35% 18%,#69efa0 0%,#24c768 54%,#0a7843 100%)!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.35),inset 0 -2px 3px rgba(4,62,31,.34),
    0 6px 15px rgba(0,0,0,.36),0 0 0 2px rgba(243,218,172,.13)!important;
  color:#fff!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp svg {
  width:27px!important;height:27px!important;display:block!important;
  filter:drop-shadow(0 1px 1px rgba(0,45,20,.23));
}
html body header.sr-site-header.sr-v2464-header .sr-v2478-wa-text {
  position:absolute!important;overflow:hidden!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;
}
html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp:hover,
html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp:focus-visible {
  transform:translateY(-3px) scale(1.05)!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.39),0 10px 22px rgba(0,0,0,.44),0 0 15px rgba(103,230,154,.30)!important;
}
html body header.sr-site-header.sr-v2464-header a:focus-visible,
html body footer.sr-v2475-footer a:focus-visible {outline:2px solid #fff1cc!important;outline-offset:4px!important;}

/* V2478 footer refining: keep real clinic exterior, links and existing semantic content. */
html body footer.sr-v2475-footer .sr-v2475-unified {
  border-radius:32px!important;
  border:1px solid rgba(231,204,154,.89)!important;
  background:radial-gradient(ellipse 57% 105% at 0 0,rgba(166,143,84,.19),transparent 70%),
    linear-gradient(115deg,#1d3a2a 0%,#0b3021 57%,#09251a 100%)!important;
  box-shadow:inset 0 1px 0 rgba(249,230,188,.24),inset 0 -15px 35px rgba(0,0,0,.15),
    0 17px 38px rgba(2,11,7,.34),0 0 0 2px rgba(212,181,120,.06)!important;
}
html body footer.sr-v2475-footer .sr-v2475-columns {
  padding:clamp(28px,2.8vw,48px) clamp(28px,2.9vw,50px) 26px!important;
  grid-template-columns:minmax(0,1.09fr) minmax(0,.92fr) minmax(0,1.12fr) minmax(0,.91fr)!important;
  gap:clamp(21px,2.35vw,42px)!important;
}
html body footer.sr-v2475-footer .sr-v2475-brand-mark {
  height:190px!important;max-width:320px!important;
  justify-content:center!important;align-items:center!important;
  margin:-8px auto 4px!important;
}
html body footer.sr-v2475-footer .sr-v2475-brand-mark img {
  width:100%!important;height:100%!important;object-fit:contain!important;
  filter:brightness(1.12) contrast(1.14) saturate(1.10) drop-shadow(0 2px 3px #0004)!important;
}
html body footer.sr-v2475-footer .sr-v2475-brand p {line-height:1.64!important;}
html body footer.sr-v2475-footer .sr-v2475-links a {
  min-height:46px!important;font-family:Georgia,'Times New Roman',serif!important;
  font-size:clamp(15px,1vw,17px)!important;font-weight:400!important;
  border-bottom-color:rgba(241,217,171,.22)!important;
}
html body footer.sr-v2475-footer h3 {
  font-family:Georgia,'Times New Roman',serif!important;letter-spacing:.026em!important;
  font-weight:400!important;
}
html body footer.sr-v2475-footer .sr-v2475-socials {gap:clamp(16px,1.8vw,26px)!important;}
html body footer.sr-v2475-footer .sr-v2475-social svg {
  width:58px!important;height:58px!important;padding:12px!important;
  border:1px solid rgba(244,216,164,.84)!important;
  box-shadow:inset 0 2px 2px #ffffff6a,inset 0 -3px 4px #0003,0 8px 15px #0007,
    0 0 0 2px rgba(241,211,152,.12)!important;
}
html body footer.sr-v2475-footer .sr-v2475-photo {
  border-radius:22px!important;border:1px solid rgba(240,212,162,.8)!important;
  box-shadow:0 10px 22px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
html body footer.sr-v2475-footer .sr-v2475-photo img {
  object-position:50% 42%!important;filter:saturate(1.08) contrast(1.06) brightness(.99)!important;
}
html body footer.sr-v2475-footer .sr-v2475-contact-icon,
html body footer.sr-v2475-footer .sr-v2475-directions {
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 7px 16px rgba(0,0,0,.29)!important;
}
html body footer.sr-v2475-footer .sr-v2475-lower {
  margin-inline:clamp(24px,2.9vw,48px)!important;
  border-top:1px solid rgba(236,211,165,.57)!important;
}
html body footer.sr-v2475-footer .sr-v2475-credit {
  text-align:center!important;letter-spacing:.005em!important;font-size:clamp(12px,.95vw,15px)!important;
}
html body footer.sr-v2475-footer .sr-v2475-credit a {text-underline-offset:5px!important;}
/* Prevent the former fixed chat widget covering legal/footer links. */
html body footer.sr-v2475-footer .sr-v29-whatsapp-fab {display:none!important;}
@media(max-width:1560px) {
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell {grid-template-columns:123px minmax(0,1fr) auto!important;column-gap:12px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-brand {width:122px!important;min-width:122px!important;height:90px!important;margin-bottom:-12px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell::before {width:153px!important;bottom:-11px!important;}
  html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav {gap:9px!important;}
  html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a {font-size:11.5px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-consult {min-width:173px!important;padding:0 12px!important;}
}
@media(max-width:1440px) {
  html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav {
    position:absolute!important;top:calc(100% - 1px)!important;left:14px!important;right:14px!important;width:auto!important;
    display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    gap:0!important;padding:12px!important;border-radius:20px!important;
    background:linear-gradient(145deg,#23452e,#082016)!important;border:1px solid rgba(231,205,164,.6)!important;
    box-shadow:0 17px 28px #0007!important;
  }
  html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav.is-open {display:flex!important;}
  html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a {font-size:14px!important;height:auto!important;padding:14px 13px!important;justify-content:flex-start!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-menu-toggle {display:inline-flex!important;}
  html body header.sr-site-header.sr-v2464-header nav.sr-v2464-nav>a.sr-v2466-menu-consult {display:flex!important;}
}
@media(max-width:1220px) {
  html body footer.sr-v2475-footer .sr-v2475-columns {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:26px!important;}
  html body footer.sr-v2475-footer .sr-v2475-brand {grid-column:1!important;grid-row:1!important;}
  html body footer.sr-v2475-footer .sr-v2475-links {grid-column:2!important;grid-row:1!important;}
  html body footer.sr-v2475-footer .sr-v2475-contact {grid-column:1!important;grid-row:2!important;}
  html body footer.sr-v2475-footer .sr-v2475-photo {grid-column:2!important;grid-row:2!important;}
}
@media(max-width:980px) {
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell {grid-template-columns:85px minmax(0,1fr) auto!important;min-height:70px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-brand {width:84px!important;min-width:84px!important;height:66px!important;margin-bottom:-7px!important;border-radius:18px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell::before {width:112px!important;bottom:-7px!important;border-radius:24px 16px 41px 20px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-actions {gap:7px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp {height:40px!important;width:40px!important;min-width:40px!important;}
}
@media(max-width:640px) {
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell {grid-template-columns:72px minmax(0,1fr) auto!important;padding:4px 8px!important;column-gap:6px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-brand {width:70px!important;min-width:70px!important;height:58px!important;margin-bottom:-5px!important;border-radius:16px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell::before {width:92px!important;bottom:-5px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-actions {gap:5px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp {width:38px!important;min-width:38px!important;height:38px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2478-header-whatsapp svg {width:24px!important;height:24px!important;}
}
@media(max-width:560px) {
  html body footer.sr-v2475-footer .sr-v2475-columns {grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
  html body footer.sr-v2475-footer .sr-v2475-brand,
  html body footer.sr-v2475-footer .sr-v2475-links,
  html body footer.sr-v2475-footer .sr-v2475-contact,
  html body footer.sr-v2475-footer .sr-v2475-photo {grid-column:1!important;grid-row:auto!important;}
  html body footer.sr-v2475-footer .sr-v2475-brand-mark {height:170px!important;}
  html body footer.sr-v2475-footer .sr-v2475-lower {margin-inline:20px!important;}
}
@media(max-width:380px) {
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell {grid-template-columns:61px minmax(0,1fr) auto!important;padding:4px 6px!important;column-gap:3px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-brand {width:60px!important;min-width:60px!important;height:53px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-shell::before {width:77px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-actions {gap:3px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-plan {min-width:78px!important;padding:0 5px!important;}
  html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp {width:35px!important;min-width:35px!important;height:35px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html body header.sr-site-header.sr-v2464-header .sr-v2464-actions a.sr-v2478-header-whatsapp {transition:none!important;}
}