/* ============================================
   Dr. Victorie — Регенеративна естетика
   Споделени стилове за целия сайт
   ============================================ */

:root{
  --green:#1C3D2E;
  --green-deep:#132C21;
  --bone:#EFE9DC;
  --bone-2:#F4EFE5;
  --bone-dim:#E4DCCB;
  --ink:#1A1D18;
  --ink-soft:#4C5347;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bone-2);color:var(--ink);
  font-family:'Montserrat',sans-serif;font-weight:300;
  font-size:17px;line-height:1.78;-webkit-font-smoothing:antialiased;
}
.eyebrow{font-weight:400;font-size:11px;letter-spacing:.42em;text-transform:uppercase;}
.accent{color:var(--green);font-weight:400;}

/* ---------- Навигация ---------- */
nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:26px clamp(28px,6vw,90px);position:relative;
}
nav .brand{font-family:'Prata',serif;font-size:22px;letter-spacing:.02em;color:var(--green);text-decoration:none;}
nav .links{display:flex;gap:34px;}
nav .links a{color:var(--ink);text-decoration:none;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;opacity:.8;transition:opacity .2s;}
nav .links a:hover,nav .links a.active{opacity:1;border-bottom:1px solid var(--green);padding-bottom:2px;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:22px;color:var(--green);}
@media(max-width:880px){
  nav .links{
    display:none;position:absolute;top:100%;left:0;right:0;
    flex-direction:column;gap:0;background:var(--bone);z-index:20;
    padding:8px clamp(28px,6vw,90px) 24px;
  }
  nav .links.open{display:flex;}
  nav .links a{padding:14px 0;border-bottom:1px solid rgba(26,29,24,.1);}
  .nav-toggle{display:block;}
}

/* ---------- Бутони ---------- */
.btn{display:inline-block;font-family:'Montserrat',sans-serif;font-weight:400;font-size:12px;letter-spacing:.26em;text-transform:uppercase;text-decoration:none;padding:18px 42px;transition:.35s ease;text-align:center;cursor:pointer;}
.btn-green{background:var(--green);color:var(--bone);border:1px solid var(--green);}
.btn-green:hover{background:transparent;color:var(--green);}
.btn-outline{border:1px solid var(--green);color:var(--green);background:transparent;}
.btn-outline:hover{background:var(--green);color:var(--bone);}
.btn-bone{background:var(--bone);color:var(--green);border:1px solid var(--bone);}
.btn-bone:hover{background:transparent;color:var(--bone);}

/* ---------- Общи заглавия ---------- */
h1,h2,h3{font-family:'Prata',serif;font-weight:400;letter-spacing:-0.005em;}

/* ---------- Footer ---------- */
footer{background:var(--green);color:var(--bone);padding:44px clamp(28px,6vw,90px);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:12px;letter-spacing:.1em;align-items:center;}
footer .brand{font-family:'Prata',serif;font-size:18px;letter-spacing:.02em;}
footer a{color:var(--bone);text-decoration:none;opacity:.85;}
footer a:hover{opacity:1;}

/* ---------- Снимки — редакторски паузи между секции ---------- */
.media{overflow:hidden;}
.media img{width:100%;height:100%;object-fit:cover;display:block;}

/* Full-bleed лента — снимката запълва изцяло, без празно поле отгоре/отдолу */
.photo-band{overflow:hidden;}
.photo-band .media{aspect-ratio:16/9;}
@media(max-width:680px){.photo-band .media{aspect-ratio:4/5;}}

/* ---------- Reveal on scroll ---------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease;}
.reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}