/* ============================================================
   main.css — strat custom COMPILAT (fără build).
   Se încarcă DUPĂ bootstrap.min.css. Toate variabilele SCSS
   sunt rezolvate în valori finale; media-query-urile sunt la
   breakpoint-urile native Bootstrap (lg 991.98 / md 767.98 / sm 575.98).
   Sursa editabilă rămâne în scss/.
   ============================================================ */

/* ---- Global ---- */
html { scroll-behavior: smooth; }
body {
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  background: #FAF8F5;
  color: #3F3B37;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
a { color: #3F3B37; text-decoration: none; }
a:hover { color: #9a7a10; }
::selection { background: #E8B93C; color: #2A2723; }

/* Container cap la 1180px (stock Bootstrap: 1140/1320) */
@media (min-width: 1200px) { .container { max-width: 1180px; } }

/* ============ TIPOGRAFIE ============ */
.eyebrow {
  display: inline-flex; align-items: center; gap: 14px;
  font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase;
  color: #8C8579;
}
.eyebrow::before { content: ""; width: 34px; height: 1px; background: #E8B93C; }
.eyebrow--center::after { content: ""; width: 34px; height: 1px; background: #E8B93C; }
.eyebrow--light { color: #b3aa9c; }

.h-serif {
  font-family: 'Fraunces', Georgia, serif; font-weight: 500;
  letter-spacing: -0.015em; line-height: 1.06; color: #34302C;
}
.h-serif--italic { font-style: italic; }

.h-hero {
  font-family: 'Fraunces', Georgia, serif; font-weight: 500;
  font-size: clamp(38px, 5.4vw, 68px); line-height: 1.02;
  letter-spacing: -0.02em; color: #34302C; text-wrap: balance;
}
.h-hero em, .h-hero .accent { font-style: italic; color: #b8890a; }

.pullquote {
  font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 500;
  line-height: 1.22; letter-spacing: -0.01em; color: #34302C;
}
.sidequote {
  font-family: 'Fraunces', Georgia, serif; font-style: italic;
  font-size: clamp(22px, 3vw, 30px); line-height: 1.32; color: #34302C;
  padding-left: 24px; border-left: 3px solid #E8B93C;
}
.prose { font-size: 18px; line-height: 1.78; color: #55504a; }
.prose em { color: inherit; }
.prose strong { color: #34302C; font-weight: 600; }

/* ---- max-width helpers ---- */
.mw-780 { max-width: 780px; margin-inline: auto; }
.mw-680 { max-width: 680px; margin-inline: auto; }
.mw-820 { max-width: 820px; margin-inline: auto; }
.mw-940 { max-width: 940px; margin-inline: auto; }
.mw-1040 { max-width: 1040px; margin-inline: auto; }
.mw-1060 { max-width: 1060px; margin-inline: auto; }
.mw-640 { max-width: 640px; }
.mw-620 { max-width: 620px; }
.mw-540 { max-width: 540px; margin-inline: auto; }
.mw-520 { max-width: 520px; }
.mw-500 { max-width: 500px; }
.mw-460 { max-width: 460px; margin-inline: auto; }

/* ============ BUTOANE ============ */
.btn { font-weight: 600; border-radius: 3px; }
.btn-primary {
  --bs-btn-color: #2A2723;
  --bs-btn-bg: #E8B93C;
  --bs-btn-border-color: #E8B93C;
  --bs-btn-hover-color: #2A2723;
  --bs-btn-hover-bg: #f0c34e;
  --bs-btn-hover-border-color: #f0c34e;
  --bs-btn-active-color: #2A2723;
  --bs-btn-active-bg: #f0c34e;
  --bs-btn-active-border-color: #f0c34e;
}
.btn-cta {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 17px 30px; font-size: 16px;
  box-shadow: 0 12px 30px -12px rgba(232,185,60,0.7);
  transition: transform .2s, background-color .2s;
}
.btn-cta:hover { transform: translateY(-1px); }
.btn-cta .arrow, .btn-cta-dark .arrow { font-size: 18px; }

.btn-cta-dark {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 18px 34px; font-size: 17px; font-weight: 600;
  color: #FAF8F5; background: #34302C; border-radius: 3px;
  box-shadow: 0 16px 34px -14px rgba(42,39,35,0.6);
  transition: transform .2s, background-color .2s;
}
.btn-cta-dark:hover { color: #FAF8F5; background: #2A2723; transform: translateY(-1px); }

.btn-nav {
  font-size: 14px; font-weight: 600; color: #2A2723;
  background: #E8B93C; padding: 10px 18px; border-radius: 2px;
}
.btn-nav:hover { color: #2A2723; background: #f0c34e; }

/* ============ NAVBAR ============ */
.site-nav {
  background: rgba(250,248,245,0.88);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(63,59,55,0.08);
}
.site-nav .navbar-brand { display: flex; align-items: center; padding: 0; }
.navbar-brand__logo { height: 42px; width: auto; display: block; }
.navbar-brand__name {
  font-family: 'Fraunces', Georgia, serif; font-size: 20px; font-weight: 600;
  letter-spacing: -0.01em; color: #3F3B37;
}
.navbar-brand__role {
  font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase;
  color: #8C8579; margin-top: 4px;
}
.site-nav .nav-link { font-size: 14px; color: #6b655d; }
.site-nav .nav-link:hover { color: #9a7a10; }
.navbar-toggler:focus { box-shadow: none; }

/* ============ BUTON VIDEO + MODAL ============ */
.video-btn {
  position: absolute; z-index: 2; left: 50%; top: 80%;
  transform: translate(-50%, -50%);
  display: inline-flex; align-items: center; gap: 14px;
  padding: 14px 26px 14px 18px; border: none; cursor: pointer;
  border-radius: 999px; background: rgba(250,248,245,0.94);
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -16px rgba(42,39,35,0.55);
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  font-size: 15px; font-weight: 600; color: #34302C;
  transition: transform .2s, background-color .2s;
}
.video-btn:hover { background: #FAF8F5; transform: translate(-50%, -50%) scale(1.04); }
.video-btn__circle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; border-radius: 50%; background: #E8B93C; flex: none;
}
.video-btn__tri {
  display: block; width: 0; height: 0; border-style: solid;
  border-width: 8px 0 8px 13px;
  border-color: transparent transparent transparent #2A2723;
  margin-left: 3px;
}

.video-modal { --bs-modal-bg: transparent; }
.video-modal .modal-content {
  background: transparent; border: none; position: relative;
}
.video-modal video {
  width: 100%; max-height: 78vh; display: block;
  border-radius: 5px; background: #000;
  box-shadow: 0 40px 90px -30px rgba(0,0,0,0.8);
}
.video-modal__close {
  position: absolute; top: -42px; right: 0;
  background: none; border: none; cursor: pointer; padding: 0;
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  font-size: 14px; font-weight: 600; letter-spacing: 0.08em;
  text-transform: uppercase; color: #EDE9E3;
  display: inline-flex; align-items: center; gap: 9px;
}
.video-modal__close span { font-size: 19px; line-height: 1; }
.video-modal.show { backdrop-filter: blur(8px); }
.modal-backdrop.show { --bs-backdrop-opacity: 0.86; --bs-backdrop-bg: #1A1815; }

/* ============ CARDURI PRICING ============ */
.pkg {
  position: relative; display: flex; flex-direction: column;
  justify-content: space-between; height: 100%;
  border-radius: 5px; padding: 38px 30px;
  background: #fff; border: 1px solid rgba(63,59,55,0.1);
}
.pkg__meta { font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: #8C8579; }
.pkg__name {
  font-family: 'Fraunces', Georgia, serif; font-weight: 500; font-size: 28px;
  letter-spacing: -0.01em; margin: 12px 0 16px; color: #34302C;
}
.pkg__desc { font-size: 15px; line-height: 1.55; color: #6b655d; margin: 0 0 18px; }
.pkg__quote {
  font-style: italic; font-size: 13.5px; line-height: 1.5; color: #8a8377;
  margin: 0; padding-top: 16px; border-top: 1px solid rgba(63,59,55,0.1);
}
.pkg__price { font-family: 'Fraunces', Georgia, serif; font-size: 30px; line-height: 1; color: #34302C; }
.pkg__per { font-size: 13px; color: #8C8579; margin: 6px 0 20px; }
.pkg .btn { display: block; width: 100%; padding: 14px; font-size: 15px; }
.pkg .btn-outline { color: #34302C; background: transparent; border: 1px solid rgba(63,59,55,0.25); }
.pkg .btn-outline:hover { border-color: rgba(63,59,55,0.45); }
.pkg--featured { border: 2px solid #E8B93C; box-shadow: 0 24px 50px -22px rgba(63,59,55,0.35); }
.pkg--featured .pkg__meta { color: #8a6a08; }
.pkg__badge {
  position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);
  background: #E8B93C; color: #2A2723; font-size: 11px; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase; padding: 6px 14px; border-radius: 2px;
}
.pkg--dark { background: #3F3B37; border: none; }
.pkg--dark .pkg__name, .pkg--dark .pkg__price { color: #FAF8F5; }
.pkg--dark .pkg__desc { color: #c9c2b6; }
.pkg--dark .pkg__meta, .pkg--dark .pkg__per { color: #b3aa9c; }
.pkg--dark .pkg__quote { color: #c9c2b6; border-top-color: rgba(237,233,227,0.16); }

/* ============ TESTIMONIALE ============ */
.testi {
  display: flex; flex-direction: column; height: 100%;
  background: #fff; border: 1px solid rgba(63,59,55,0.09);
  border-radius: 4px; padding: 32px 28px;
}
.testi__mark { font-family: 'Fraunces', Georgia, serif; font-size: 46px; line-height: 0.6; color: #E8B93C; margin-bottom: 18px; }
.testi__quote { font-size: 16px; line-height: 1.65; color: #55504a; margin: 0 0 14px; }
.testi__quote--clamp {
  display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;
}
.testi__toggle {
  align-self: flex-start; background: none; border: none; cursor: pointer;
  font-family: 'Hanken Grotesk', system-ui, sans-serif; font-size: 14px; font-weight: 600;
  color: #b8890a; padding: 0; margin: 0 0 22px;
}
.testi__foot { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.testi__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex: none; }
.testi__name { font-size: 15px; font-weight: 600; color: #34302C; }

/* ============ FAQ ACCORDION (nativ, re-temat) ============ */
.faq {
  --bs-accordion-bg: transparent;
  --bs-accordion-border-color: rgba(63,59,55,0.12);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0;
  --bs-accordion-btn-color: #34302C;
  --bs-accordion-btn-bg: transparent;
  --bs-accordion-active-color: #34302C;
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-focus-box-shadow: none;
}
.faq .accordion-item { border-left: 0; border-right: 0; }
.faq .accordion-item:first-of-type { border-top: 0; }
.faq .accordion-button {
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  font-size: clamp(17px, 2vw, 21px); font-weight: 600; padding: 26px 8px;
}
.faq .accordion-button::after {
  width: 30px; height: 30px; flex: none; background-image: none;
  border-radius: 50%; background-color: rgba(63,59,55,0.07); color: #8C8579;
  display: flex; align-items: center; justify-content: center;
  content: "+"; font-size: 20px; line-height: 30px; text-align: center; transform: none;
}
.faq .accordion-button:not(.collapsed)::after {
  background-color: #E8B93C; color: #2A2723; content: "\2013";
}
.faq .accordion-body { font-size: 17px; line-height: 1.65; color: #5c564e; padding: 0 46px 28px 8px; }

/* ============ SECȚIUNI ============ */
/* imagine cu bloc galben decalat */
.framed { position: relative; }
.framed__block { position: absolute; inset: 18px -18px -18px 18px; background: #E8B93C; border-radius: 4px; z-index: 0; }
.framed__img { position: relative; z-index: 1; width: 100%; object-fit: cover; border-radius: 4px; display: block; }
.framed--tight .framed__block { inset: 16px -16px -16px 16px; }

/* 1 · HERO */
.hero { min-height: calc(100vh - 74px); padding: 40px 0; }
.hero__img { aspect-ratio: 4 / 5; object-position: 50% 18%; }
@media (max-width: 991.98px) {
  .hero { min-height: 0; padding: 32px 0 44px; }
  .hero__media { order: -1; max-width: 400px; margin-inline: auto; }
}

/* 2 · POVESTEA MEA */
.story { padding: 104px 0 108px; border-top: 1px solid rgba(63,59,55,0.07); }
.story__photo { position: sticky; top: 104px; }
.story__photo .framed__img { aspect-ratio: 3 / 4; object-position: 50% 18%; }
@media (max-width: 991.98px) {
  .story__photo { position: static; max-width: 380px; margin-inline: auto; }
}
.story__chapter { display: flex; align-items: center; gap: 16px; margin: 60px 0 26px; }
.story__chapter__n { font-family: 'Fraunces', Georgia, serif; font-size: 15px; font-weight: 600; color: #b8890a; }
.story__chapter__label { font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: #8C8579; }
.story__chapter__rule { flex: 1; height: 1px; background: rgba(63,59,55,0.14); }
.dropcap::first-letter {
  float: left; font-family: 'Fraunces', Georgia, serif; font-size: 66px;
  line-height: 0.8; font-weight: 500; color: #E8B93C; padding: 8px 14px 0 0;
}

/* Yin & Yang */
.yinyang { background: #EDE9E2; border: 1px solid rgba(63,59,55,0.08); border-radius: 6px; padding: clamp(32px, 5vw, 56px); }
.yinyang__glyph {
  width: 46px; height: 46px; border-radius: 50%;
  background: linear-gradient(90deg, #34302C 0 50%, #FAF8F5 50% 100%);
  border: 1px solid rgba(63,59,55,0.3);
}
.yinyang__col--yang { border-left: 1px solid rgba(63,59,55,0.14); padding-left: 40px; }
@media (max-width: 767.98px) {
  .yinyang__col--yang { border-left: 0; padding-left: 0; border-top: 1px solid rgba(63,59,55,0.14); padding-top: 32px; }
}
.yinyang__pill {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase;
  padding: 5px 11px; border-radius: 999px; margin-bottom: 14px;
}
.yinyang__pill span { width: 9px; height: 9px; border-radius: 50%; }
.yinyang__pill--yin { color: #34302C; background: rgba(63,59,55,0.08); }
.yinyang__pill--yin span { background: #34302C; }
.yinyang__pill--yang { color: #7a5f08; background: rgba(232,185,60,0.22); }
.yinyang__pill--yang span { background: #E8B93C; }
.yinyang__label { font-family: 'Fraunces', Georgia, serif; font-size: 22px; color: #b8890a; }
.yinyang__body { font-size: 16px; line-height: 1.7; color: #55504a; margin: 12px 0 0; }

/* Card invitație */
.invite {
  display: grid; grid-template-columns: 0.82fr 1.18fr;
  background: #EDE9E2; border: 1px solid rgba(63,59,55,0.08);
  border-radius: 6px; overflow: hidden; box-shadow: 0 30px 60px -34px rgba(63,59,55,0.4);
}
.invite__photo img { width: 100%; height: 100%; min-height: 440px; object-fit: cover; object-position: 50% 22%; display: block; }
.invite__body { padding: clamp(36px, 5vw, 60px); display: flex; flex-direction: column; justify-content: center; }
.invite__eyebrow { font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: #b8890a; margin-bottom: 22px; }
.invite__title {
  font-family: 'Fraunces', Georgia, serif; font-style: italic; font-weight: 500;
  font-size: clamp(26px, 3.4vw, 40px); line-height: 1.18; letter-spacing: -0.01em;
  color: #34302C; margin: 0 0 24px;
}
.invite__hl { background: linear-gradient(transparent 62%, rgba(232,185,60,0.55) 62%); color: #34302C; font-weight: 600; }
@media (max-width: 991.98px) {
  .invite { grid-template-columns: 1fr; }
  .invite__photo img { min-height: 340px; max-height: 460px; }
}

/* 3 · CU CINE LUCREZ */
.audience { background: #3F3B37; color: #EDE9E3; padding: 112px 0; }
.audience__title { color: #FAF8F5; font-size: clamp(32px, 4.4vw, 56px); line-height: 1.05; margin: 0 0 52px; }
.audience__list { list-style: none; margin: 0; padding: 0; }
.audience__item { display: flex; gap: 22px; align-items: flex-start; padding: 24px 0; border-top: 1px solid rgba(237,233,227,0.12); }
.audience__item__n { flex: none; font-family: 'Fraunces', Georgia, serif; font-size: 18px; color: #E8B93C; width: 30px; padding-top: 3px; }
.audience__item__t { font-size: clamp(18px, 2vw, 22px); line-height: 1.5; color: #E6E1DA; }
.audience__close {
  font-family: 'Fraunces', Georgia, serif; font-style: italic;
  font-size: clamp(22px, 2.6vw, 30px); line-height: 1.35; color: #FAF8F5; margin: 52px 0 0; max-width: 640px;
}
.audience__close span { color: #E8B93C; }

/* 4 · METODĂ */
.method { padding: 112px 0; }
.method__img { aspect-ratio: 4 / 5; object-position: 40% 25%; width: 100%; border-radius: 4px; display: block; }
@media (max-width: 991.98px) { .method__media { max-width: 420px; margin-inline: auto; } }
.method__benefits {
  display: grid; grid-template-columns: 1fr 1fr; gap: 2px;
  background: rgba(63,59,55,0.1); border: 1px solid rgba(63,59,55,0.1);
  border-radius: 4px; overflow: hidden;
}
@media (max-width: 575.98px) { .method__benefits { grid-template-columns: 1fr; } }
.method__benefit { background: #FAF8F5; padding: 26px 24px; display: flex; gap: 14px; align-items: flex-start; }
.method__benefit__n { flex: none; font-family: 'Fraunces', Georgia, serif; font-size: 20px; color: #E8B93C; line-height: 1.3; }
.method__benefit__t { font-size: 16px; line-height: 1.45; font-weight: 500; color: #34302C; }
.method__benefits-label { font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: #8C8579; margin: 0 0 16px; }

/* 5 · SERVICII */
.services { background: #E8E4DE; padding: 112px 0; }
/* 6 · PĂRERI */
.reviews { padding: 112px 0; }
/* 7 · FAQ */
.faq-section { padding: 20px 0 112px; }

/* 8 · CTA FINAL */
.final { background: #E8B93C; color: #2A2723; padding: 120px 0; }
.final__eyebrow { font-size: 12px; letter-spacing: 0.26em; text-transform: uppercase; color: #7a5f08; }
.final__title {
  font-family: 'Fraunces', Georgia, serif; font-weight: 500;
  font-size: clamp(32px, 5vw, 62px); line-height: 1.04; letter-spacing: -0.02em;
  color: #2A2723; margin: 22px 0 20px; text-wrap: balance;
}
.final__lead { font-size: 19px; line-height: 1.55; color: #4a3f1e; margin: 0 auto 40px; max-width: 540px; }

/* FOOTER */
.site-footer { background: #34302C; color: #b3aa9c; padding: 44px 0; }
.site-footer__name { font-family: 'Fraunces', Georgia, serif; font-size: 18px; color: #FAF8F5; }
.site-footer__logo { height: 40px; width: auto; display: block; filter: brightness(0) invert(1); opacity: 0.92; }
.site-footer__tag { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 5px; }
.site-footer__copy { font-size: 13px; color: #8C8579; }