:root{
  --green-header:#2f735e;
  --green-header-2:#397f69;
  --green-bg:#e5f3eb;
  --green-bg-2:#d9eee4;
  --green-card:#edf8f2;
  --green-line:#83b7a3;
  --green-text:#123f34;
  --green-muted:#315f53;
  --gold:#b7862d;
  --gold-soft:#d9b45d;
  --shadow:0 16px 38px rgba(18,63,52,.10);
}

/* Unified, structured header */
.header{
  background:linear-gradient(110deg,var(--green-header),var(--green-header-2))!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 10px 30px rgba(18,63,52,.13)!important;
}
.header .container{max-width:1720px!important;padding-inline:28px!important}
.header-inner{
  min-height:94px!important;
  display:grid!important;
  grid-template-columns:minmax(245px,auto) minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:22px!important;
}
.logo{min-width:0!important;gap:13px!important}
.logo-img{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
  border-radius:16px!important;background:#eff8f3!important;
  padding:5px!important;box-shadow:0 8px 20px rgba(10,50,39,.18)!important;
}
.logo-script{font-size:25px!important;line-height:1!important;color:#edc970!important}
.logo-tag{font-size:10px!important;line-height:1.18!important;letter-spacing:.16em!important;color:#fff!important;margin-top:7px!important}
.nav-links{
  display:flex!important;position:static!important;transform:none!important;
  align-items:center!important;justify-content:center!important;
  gap:clamp(10px,1.15vw,22px)!important;background:transparent!important;
  padding:0!important;width:auto!important;height:auto!important;overflow:visible!important;
  border:0!important;box-shadow:none!important;
}
.nav-links a{
  color:#fff!important;font-size:clamp(11px,.78vw,14px)!important;font-weight:700!important;
  white-space:nowrap!important;padding:10px 0!important;border:0!important;border-radius:0!important;
  opacity:.94!important;position:relative!important;
}
.nav-links a::after{
  content:""!important;display:block!important;position:absolute!important;
  left:50%!important;bottom:2px!important;width:0!important;height:2px!important;
  background:var(--gold-soft)!important;transform:translateX(-50%)!important;
  transition:width .25s ease!important;
}
.nav-links a:hover::after,.nav-links a:focus-visible::after{width:100%!important}
.header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important}
.language-switcher{flex:0 0 auto!important}
.language-select{
  min-width:128px!important;height:46px!important;padding:0 34px 0 15px!important;
  border:1px solid rgba(255,255,255,.38)!important;border-radius:999px!important;
  color:#fff!important;background:rgba(255,255,255,.08)!important;font-weight:700!important;
}
.header-cta{
  min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:0 20px!important;border-radius:12px!important;font-weight:800!important;font-size:14px!important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.header-cta:hover{transform:translateY(-2px)!important;box-shadow:0 9px 20px rgba(12,53,42,.18)!important}
.header-instagram{color:#fff!important;border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.06)!important}
.nav-toggle{display:none!important}

/* Breadcrumb as a clean continuation of the banner */
.page-breadcrumb{
  background:linear-gradient(90deg,#d2eadf,#e5f3eb)!important;
  border-bottom:1px solid rgba(47,115,94,.18)!important;
  padding:18px 0!important;
}
.page-breadcrumb .container{max-width:1500px!important}
.page-breadcrumb,.page-breadcrumb a,.page-breadcrumb span{color:var(--green-text)!important;font-weight:650!important}
.page-breadcrumb a{color:var(--gold)!important}

/* Visual rhythm, borders and premium details */
body,main,section{background-color:var(--green-bg)!important;color:var(--green-text)!important}
section{position:relative!important}
section:not(.hero):not(.page-breadcrumb){padding-block:clamp(68px,7vw,112px)!important}
.section-head{position:relative!important;margin-bottom:clamp(32px,4vw,58px)!important}
.section-head::after{
  content:"";display:block;width:92px;height:2px;margin:24px auto 0;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.eyebrow{color:var(--gold)!important;font-weight:800!important;letter-spacing:.18em!important}
h1,h2,h3,h4{color:var(--green-text)!important;text-wrap:balance!important}
p,li,.section-intro{color:var(--green-muted)!important}

/* Consistent cards, still vertical as requested */
.visage-item,.corps-item,.result-card,.result-item,.treatment-card,.service-card,.about-card,.review-card,
.results-grid>article,.results-grid>div,.visage-grid>article,.visage-grid>div,.corps-grid>article,.corps-grid>div{
  background:var(--green-card)!important;
  border:1px solid rgba(47,115,94,.24)!important;
  border-radius:18px!important;
  box-shadow:var(--shadow)!important;
  padding:clamp(18px,2.2vw,28px)!important;
  position:relative!important;overflow:hidden!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.visage-item::before,.corps-item::before,.result-card::before,.result-item::before,.treatment-card::before,.service-card::before,
.results-grid>article::before,.results-grid>div::before,.visage-grid>article::before,.visage-grid>div::before,.corps-grid>article::before,.corps-grid>div::before{
  content:"";position:absolute;left:0;top:0;width:100%;height:4px;
  background:linear-gradient(90deg,var(--gold),var(--green-line),transparent);
}
.visage-item:hover,.corps-item:hover,.result-card:hover,.result-item:hover,.treatment-card:hover,.service-card:hover,
.results-grid>article:hover,.results-grid>div:hover,.visage-grid>article:hover,.visage-grid>div:hover,.corps-grid>article:hover,.corps-grid>div:hover{
  transform:translateY(-5px)!important;border-color:rgba(183,134,45,.55)!important;
  box-shadow:0 22px 48px rgba(18,63,52,.15)!important;
}
.media-frame,.visage-media,.corps-media,.result-media,.before-after-media{
  border:1px solid rgba(47,115,94,.35)!important;border-radius:14px!important;
  background:#d3e9de!important;padding:7px!important;overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.36)!important;
}
.media-frame img,.visage-media img,.corps-media img,.result-media img,.before-after-media img{
  border-radius:9px!important;transition:transform .45s ease,filter .45s ease!important;
}
.media-frame:hover img,.visage-media:hover img,.corps-media:hover img,.result-media:hover img,.before-after-media:hover img{
  transform:scale(1.018)!important;filter:saturate(1.03) contrast(1.02)!important;
}
.visage-link,.corps-item a,.result-card a,.result-item a{
  color:#7a5514!important;font-weight:800!important;text-decoration-thickness:1.5px!important;text-underline-offset:4px!important;
}

/* Gentle non-distracting motion */
.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)!important}
@media (prefers-reduced-motion:no-preference){
  .section-head::before{content:"";position:absolute;inset:-20px auto auto 50%;width:180px;height:180px;transform:translateX(-50%);border:1px solid rgba(47,115,94,.08);border-radius:50%;pointer-events:none}
}

/* Responsive navigation: structured drawer instead of disappearing links */
@media (max-width:1240px){
  .header-inner{grid-template-columns:minmax(225px,1fr) auto!important;min-height:84px!important}
  .header-actions{grid-column:2!important}
  .nav-toggle{display:inline-flex!important;flex-direction:column!important;gap:5px!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important}
  .nav-toggle span{display:block!important;width:21px!important;height:2px!important;background:#fff!important}
  .nav-links{
    position:absolute!important;top:100%!important;left:18px!important;right:18px!important;width:auto!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;padding:18px!important;background:#326f5d!important;
    border:1px solid rgba(255,255,255,.22)!important;border-radius:0 0 18px 18px!important;
    box-shadow:0 18px 35px rgba(16,52,43,.2)!important;
    opacity:0!important;visibility:hidden!important;transform:translateY(-8px)!important;pointer-events:none!important;
    transition:.25s ease!important;z-index:9999!important;
  }
  .nav-links.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;pointer-events:auto!important}
  .nav-links a{padding:12px 13px!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;text-align:center!important}
  .nav-links a::after{display:none!important}
}
@media (max-width:760px){
  .header .container{padding-inline:14px!important}
  .header-inner{grid-template-columns:1fr auto!important;gap:10px!important}
  .logo-img{width:48px!important;height:48px!important;flex-basis:48px!important}
  .logo-script{font-size:20px!important}.logo-tag{font-size:8px!important}
  .language-switcher{display:none!important}
  .header-cta{display:none!important}
  .header-instagram{display:none!important}
  .nav-links{grid-template-columns:1fr 1fr!important;left:10px!important;right:10px!important}
  section:not(.hero):not(.page-breadcrumb){padding-block:58px!important}
}