@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');

/* ==========================================================
   RETREAT - CLEAN STYLE.CSS
   Consolidated after visual iterations.
   Replace the entire assets/css/style.css with this file.
   ========================================================== */

:root{
  --green:#0e332f;
  --green-2:#082420;
  --green-3:#17433d;
  --teal:#5f8f8a;
  --sand:#d8bea1;
  --sand-2:#eadbc8;
  --ivory:#f7f3ec;
  --ivory-2:#fbf8f2;
  --white:#fffdf8;
  --text:#0e332f;
  --muted:#65716d;
  --muted-2:#8b9692;
  --line:rgba(14,51,47,.10);
  --line-strong:rgba(14,51,47,.17);
  --line-light:rgba(255,255,255,.18);
  --shadow:0 24px 70px rgba(14,51,47,.10);
  --shadow-soft:0 14px 42px rgba(14,51,47,.07);
  --radius:28px;
  --radius-sm:18px;
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--ivory-2);
  color:var(--text);
  font-size:15px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.narrow{max-width:900px;position:relative;z-index:1}
main{overflow:hidden}

/* =========================
   TYPOGRAPHY
========================= */
h1,h2,h3,h4{
  margin:0 0 18px;
  color:var(--green);
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.08;
}
h1{font-size:clamp(2.35rem,3.45vw,3.35rem);max-width:15ch}
h2{font-size:clamp(1.75rem,2.7vw,2.55rem);max-width:22ch}
h3{font-size:clamp(1.12rem,1.65vw,1.45rem);line-height:1.16}
p{margin:0 0 16px;color:var(--muted);font-size:.92rem;line-height:1.62}
.lead{font-size:.98rem;line-height:1.62;max-width:64ch;color:rgba(14,51,47,.76)}
.eyebrow,
.program-meta,
.scene-label,
.detail-panel-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  color:var(--sand);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.61rem;
  font-weight:800;
  line-height:1.35;
}
.eyebrow:before{content:"";width:34px;height:1px;background:currentColor;opacity:.68}
.eyebrow-light{color:var(--sand)}
.eyebrow-light:before{background:currentColor}
.section-heading{text-align:center;max-width:920px;margin:0 auto 34px}
.section-heading.align-left{text-align:left;margin:0}
.section-heading h2{max-width:760px;margin-inline:auto}
.section-heading.align-left h2{margin-inline:0;max-width:16ch}
.section-heading p{max-width:680px;margin-inline:auto;font-size:.9rem;line-height:1.58}
.section-heading.align-left p{margin-inline:0}

/* =========================
   BUTTONS / LISTS
========================= */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid transparent;
  font-size:.82rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 14px 30px rgba(14,51,47,.16)}
.btn-primary:hover{background:var(--green-2)}
.btn-secondary{background:rgba(255,255,255,.68);border-color:rgba(14,51,47,.16);color:var(--green);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-secondary:hover{background:#fff;border-color:rgba(14,51,47,.28)}
.check-list{list-style:none;padding:0;margin:22px 0 0}
.check-list li{position:relative;padding-left:26px;margin:8px 0;color:var(--text);font-size:.9rem;line-height:1.5}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--sand);font-weight:900}
.check-list.compact li{margin:7px 0}

/* =========================
   HEADER
========================= */
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(251,248,242,.86);
  border-bottom:1px solid rgba(14,51,47,.06);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  transition:box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.site-header.scrolled{background:rgba(251,248,242,.96);box-shadow:0 10px 30px rgba(14,51,47,.07);border-color:rgba(14,51,47,.09)}
.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand img{width:118px;height:auto}
.main-nav{display:flex;align-items:center;gap:14px}
.main-nav a{
  position:relative;
  padding:8px 0;
  color:var(--green);
  font-size:.62rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.92;
}
.main-nav a:not(.nav-cta):after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:var(--sand);
  transform:scaleX(0);
  transition:transform .22s ease;
}
.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}
.nav-cta{
  padding:10px 14px!important;
  border-radius:999px;
  background:var(--green);
  color:#fff!important;
  box-shadow:0 12px 26px rgba(14,51,47,.16);
}
.nav-cta:hover{background:var(--green-2)}
.nav-toggle{display:none;width:42px;height:42px;border:0;background:transparent;cursor:pointer;padding:0}
.nav-toggle span{display:block;width:23px;height:2px;background:var(--green);border-radius:99px;margin:5px auto}

/* =========================
   SECTIONS
========================= */
.section{position:relative;padding:70px 0}
.section-soft{background:linear-gradient(180deg,var(--ivory-2),#f4eee5)}
.section-ivory{background:var(--ivory)}
.section-green{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 92% 8%,rgba(216,190,161,.12),transparent 18%),
    radial-gradient(circle at 12% 98%,rgba(95,143,138,.10),transparent 24%),
    linear-gradient(135deg,var(--green-2),var(--green));
}
.section-green:before{
  content:"";
  position:absolute;
  right:-90px;
  top:-145px;
  width:285px;
  height:285px;
  border-radius:50%;
  background:rgba(216,190,161,.08);
  pointer-events:none;
}
.section-green h2,.section-green h3{color:#fff}
.section-green p{color:rgba(255,255,255,.76)}

/* =========================
   HERO HOME
========================= */
.hero{position:relative;overflow:hidden;padding:40px 0 48px}
.hero .container{max-width:min(1380px,calc(100% - 64px))}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center;position:relative;z-index:2}
.hero-copy{max-width:700px;padding:22px 0}
.hero h1{font-size:clamp(2.25rem,3.25vw,3.15rem);line-height:1.08;max-width:14ch;margin-bottom:18px}
.hero-copy > p:not(.eyebrow):not(.lead){max-width:60ch;font-size:.88rem;line-height:1.6}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;margin-bottom:0}
.hero-note{display:none}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none;opacity:.75;filter:blur(4px)}
.orb-one{width:320px;height:320px;right:-120px;top:30px;background:radial-gradient(circle,rgba(216,190,161,.18),rgba(216,190,161,0) 66%)}
.orb-two{width:440px;height:440px;left:-160px;bottom:-180px;background:radial-gradient(circle,rgba(14,51,47,.07),rgba(14,51,47,0) 68%)}
.hero-visual{position:relative}

.hero-scene{
  min-height:420px;
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:22px;
  background-image:
    linear-gradient(180deg,rgba(14,51,47,.04),rgba(14,51,47,.28)),
    url('../img/retreat-hero-atmosfera.webp');
  background-size:cover;
  background-position:center 42%;
  background-repeat:no-repeat;
  box-shadow:var(--shadow);
  filter:saturate(.95) contrast(.98);
}
.hero-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 38%,rgba(14,51,47,.1));pointer-events:none}
.scene-card{
  position:absolute;
  border-radius:22px;
  padding:20px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.34);
  box-shadow:0 20px 60px rgba(14,51,47,.09);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.scene-main{left:22px;top:22px;max-width:390px}
.scene-main h3{font-size:1.38rem;line-height:1.12;max-width:18ch;margin-bottom:10px}
.scene-main p{margin:0;max-width:38ch;color:rgba(14,51,47,.82);font-size:.82rem;line-height:1.45}
.scene-stats{
  left:22px;
  right:22px;
  bottom:58px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  min-width:0;
  padding:13px;
  border-radius:20px;
  background:rgba(255,255,255,.36);
  border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.scene-stats div{
  padding:10px 8px;
  border-radius:15px;
  text-align:center;
  background:rgba(255,255,255,.42);
  border:1px solid rgba(255,255,255,.22);
}
.scene-stats strong{display:block;color:var(--green);font-size:1.25rem;font-weight:800;line-height:1.1}
.scene-stats span{display:block;color:rgba(14,51,47,.68);font-size:.68rem;line-height:1.3}
.scene-badge{
  position:absolute;
  left:22px;bottom:18px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(14,51,47,.54);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

/* =========================
   VALUE STRIP
========================= */
.value-strip{padding:12px 0 16px;background:linear-gradient(180deg,#f4eee5,#f8f4ed)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.value-grid div{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:40px;
  padding:10px 14px;
  border:1px solid rgba(14,51,47,.08);
  border-radius:15px;
  background:rgba(255,255,255,.68);
}
.value-grid p{margin:0;color:var(--text);font-size:.78rem;line-height:1.25}
.line-icon{width:20px;display:inline-flex;justify-content:center;color:var(--sand);font-size:.9rem}

/* =========================
   EDITORIAL INTRO
========================= */
.editorial-intro{padding:66px 0 50px;background:linear-gradient(180deg,#fbf8f2,#f7f3ec)}
.editorial-grid{
  display:grid;
  grid-template-columns:.28fr .72fr;
  gap:40px;
  align-items:start;
  padding-top:32px;
  border-top:1px solid rgba(14,51,47,.10);
}
.editorial-kicker span{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--sand);
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.62rem;
}
.editorial-kicker span:before{content:"";width:42px;height:1px;background:currentColor;opacity:.65}
.editorial-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}
.editorial-copy h2{font-size:clamp(1.8rem,2.7vw,2.55rem);line-height:1.1;max-width:560px;margin:0}
.editorial-copy p{max-width:600px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}

/* =========================
   FEATURED PROGRAM
========================= */
.section-featured-program{
  padding:62px 0 76px;
  background:radial-gradient(circle at 6% 12%,rgba(216,190,161,.10),transparent 28%),linear-gradient(180deg,#fbf8f2,#f3eee5);
}
.featured-program{
  position:relative;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:28px;
  align-items:center;
  max-width:1120px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:28px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--shadow);
  overflow:hidden;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.featured-program:before{content:"";position:absolute;right:-110px;top:-140px;width:280px;height:280px;border-radius:50%;background:rgba(216,190,161,.12);pointer-events:none}
.featured-visual{
  position:relative;
  min-height:305px;
  border-radius:22px;
  overflow:hidden;
  background-image:
    linear-gradient(180deg,rgba(14,51,47,.02),rgba(14,51,47,.24)),
    url('../img/majka-kcerka-hero.webp');
  background-size:cover;
  background-position:center 40%;
  background-repeat:no-repeat;
  filter:saturate(.95) contrast(.98);
}
.featured-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(14,51,47,.12));pointer-events:none}
.featured-date{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:1;
  padding:10px 15px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.34);
  color:var(--sand);
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.featured-tag{display:none}
.featured-copy{position:relative;z-index:1;padding-right:10px}
.featured-copy h2{font-size:clamp(1.75rem,2.55vw,2.35rem);max-width:720px}
.featured-copy p{max-width:680px;font-size:.9rem;line-height:1.58}
.event-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 6px}
.event-facts span{padding:11px 12px;border-radius:15px;background:#f7f1e6;border:1px solid rgba(14,51,47,.08);color:var(--muted);font-size:.78rem;line-height:1.35}
.event-facts strong{display:block;margin-bottom:4px;color:var(--green);font-size:.62rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}

/* =========================
   EXPERIENCE FLOW
========================= */
.experience-flow{padding:78px 0;background:#fffdf8}
.flow-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:start}
.flow-heading{position:sticky;top:105px}
.flow-heading h2{max-width:12ch}
.flow-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.flow-steps article{
  position:relative;
  min-height:190px;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(14,51,47,.08);
  background:linear-gradient(180deg,#fbf8f2,#f5efe5);
  box-shadow:0 16px 42px rgba(14,51,47,.06);
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease;
}
.flow-steps article:hover{transform:translateY(-4px);box-shadow:0 22px 58px rgba(14,51,47,.09)}
.flow-steps article:after{content:"";position:absolute;right:-34px;top:-38px;width:112px;height:112px;border-radius:50%;background:rgba(216,190,161,.18)}
.flow-steps span{position:relative;z-index:1;display:inline-flex;margin-bottom:28px;color:var(--sand);font-weight:800;letter-spacing:.14em;font-size:.72rem}
.flow-steps h3{position:relative;z-index:1;margin-bottom:10px}
.flow-steps p{position:relative;z-index:1;margin:0;font-size:.88rem;line-height:1.52}

/* =========================
   PROGRAM CARDS
========================= */
.programs-overview{padding-top:70px;background:linear-gradient(180deg,#fffdf8,#f7f1e8)}
.cards-grid{display:grid;gap:18px}
.cards-grid-3,.programs-overview .cards-grid-3{grid-template-columns:repeat(3,1fr);max-width:1050px;margin-inline:auto}
.program-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:28px;
  background:#fffdf8;
  box-shadow:var(--shadow-soft);
  transition:transform .25s ease, box-shadow .25s ease;
}
.program-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.featured-card{border-color:rgba(216,190,161,.34)}
.program-image{
  position:relative;
  height:185px;
  overflow:hidden;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  filter:saturate(.95) contrast(.98);
}
.program-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,51,47,.02),rgba(14,51,47,.24));opacity:.75}
.image-mothers{background-image:url('../img/majka-kcerka-hero.webp');background-position:center 42%}
.image-one{background-image:url('../img/DSC00998_resized.jpg');background-position:center 34%}
.image-two{background-image:url('../img/parovi retreat tarčin.webp');background-position:center 48%}
.image-three{background-image:url('../img/retreat-hero-atmosfera.webp');background-position:center 48%}
.program-body{display:flex;flex:1;flex-direction:column;min-height:210px;padding:17px 16px}
.program-meta{display:block;margin:0 0 8px;color:var(--sand);font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.program-body h3{max-width:100%;font-size:1.28rem;line-height:1.16;margin-bottom:10px}
.program-body p{min-height:0;margin-bottom:14px;font-size:.8rem;line-height:1.55}
.program-body a{display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--green);font-size:.78rem;font-weight:800}
.program-body a:before{content:"";display:inline-block;width:26px;height:1px;background:var(--sand);transition:width .22s ease}
.program-card:hover .program-body a:before{width:38px}
.program-body a span,.journal-card a span{transition:transform .22s ease}
.program-card:hover .program-body a span,.journal-card:hover a span{transform:translateX(3px)}

/* =========================
   DARK APPROACH
========================= */
.approach-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center}
.approach-grid h2{max-width:560px}
.approach-grid p{max-width:560px;line-height:1.55}
.approach-list{display:grid;gap:10px}
.approach-list div{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:16px;
  align-items:center;
  padding:14px 17px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.approach-list strong{color:var(--sand);font-size:.76rem;letter-spacing:.14em}
.approach-list span{color:rgba(255,255,255,.88);font-size:.84rem;line-height:1.34}

/* =========================
   SPLIT / QUOTE
========================= */
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.split-grid-balanced{grid-template-columns:.92fr 1.08fr}
.split-copy h2{max-width:560px}
.split-copy p{max-width:620px}
.quote-box{
  position:relative;
  min-height:290px;
  display:flex;
  align-items:flex-end;
  padding:32px;
  border-radius:28px;
  overflow:hidden;
  background-image:
    linear-gradient(180deg,rgba(14,51,47,.12),rgba(14,51,47,.42)),
    url('../img/majka-kcerka-detalj.webp');
  background-size:cover;
  background-position:center 44%;
  background-repeat:no-repeat;
  box-shadow:var(--shadow);
}
.quote-box p{position:relative;z-index:1;max-width:520px;margin:0;color:#fff;font-size:clamp(1.55rem,2.55vw,2.15rem);font-weight:800;line-height:1.16;letter-spacing:-.035em}

/* =========================
   LOCATIONS
========================= */
.location-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1060px;margin-inline:auto}
.location-card{
  position:relative;
  height:170px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(14,51,47,.08);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:var(--shadow-soft);
  filter:saturate(.95) contrast(.98);
}
.location-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,51,47,.04),rgba(14,51,47,.42))}
.location-card span{position:relative;z-index:1;color:#fff;font-size:1.18rem;font-weight:800;line-height:1.1}
.location-card-one{background-image:url('../img/majka-kcerka-hodanje.webp');background-position:center 44%}
.location-card-two{background-image:url('../img/lokacija-wellness.webp');background-position:center 48%}
.location-card-three{background-image:url('../img/retreat-hero-atmosfera.webp');background-position:center 50%}

/* =========================
   JOURNAL CTA CARDS
========================= */
.section-journal{padding:66px 0 72px;background:#fffdf8}
.journal-grid{display:grid;grid-template-columns:1.08fr .78fr .78fr;gap:22px;align-items:stretch}
.journal-card{
  position:relative;
  min-height:180px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:hidden;
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(14,51,47,.08);
  background:#fffdf8;
  box-shadow:var(--shadow-soft);
  transition:transform .22s ease, box-shadow .22s ease;
}
.journal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.journal-card:before{content:"";position:absolute;right:22px;top:22px;width:52px;height:52px;border-radius:50%;background:rgba(216,190,161,.34);opacity:.42}
.journal-card h3{position:relative;z-index:1;max-width:14ch;font-size:clamp(1.1rem,1.4vw,1.38rem);line-height:1.15;margin-bottom:14px}
.journal-card a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.82rem;font-weight:800}
.journal-card:nth-child(2){background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(255,255,255,.92)),url('../img/majka-kcerka-hodanje.webp');background-size:cover;background-position:center 44%}
.journal-card:nth-child(3){background:linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.95)),url('../img/lokacija-wellness.webp');background-size:cover;background-position:center 50%}

/* =========================
   FINAL CTA / FOOTER
========================= */
.contact-cta{position:relative;z-index:1;max-width:960px;text-align:center}
.contact-cta h2{max-width:720px;margin-inline:auto;font-size:clamp(1.8rem,2.85vw,2.65rem)}
.contact-cta p{max-width:660px;margin-inline:auto;font-size:.9rem;line-height:1.58}
.contact-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.contact-links a{padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font-size:.82rem;font-weight:600}
.contact-links a:hover{background:rgba(255,255,255,.10)}
.site-footer{background:var(--green-2);color:#d7e1d7;padding:48px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.2fr .55fr .55fr;gap:30px;align-items:start}
.footer-logo{width:116px;margin-bottom:16px;filter:brightness(1.3)}
.site-footer p{max-width:430px;color:rgba(255,255,255,.68);font-size:.82rem;line-height:1.55}
.footer-grid strong{display:block;margin-bottom:12px;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.footer-grid a{display:block;margin:7px 0;color:rgba(255,255,255,.76);font-size:.82rem}
.footer-grid a:hover{color:#fff}
.copyright{text-align:center;margin:30px 0 0;color:rgba(255,255,255,.48);font-size:.76rem}

/* =========================
   INNER PAGES - PROGRAMS
========================= */
.page-hero{position:relative;overflow:hidden;padding:82px 0 66px}
.program-list{display:grid;gap:28px}
.program-row{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:34px;
  align-items:center;
  padding:22px;
  border:1px solid var(--line);
  border-radius:28px;
  background:#fffdf8;
  box-shadow:var(--shadow-soft);
}
.program-row:nth-child(even){grid-template-columns:1.18fr .82fr}
.program-row:nth-child(even) .program-row-image{order:2}
.program-row-image{min-height:330px;border-radius:22px;background-size:cover;background-position:center;background-repeat:no-repeat}
.program-row h2{font-size:clamp(1.8rem,2.7vw,2.5rem);max-width:680px}
.program-row p{font-size:.9rem;line-height:1.58}
.program-row .hero-actions{margin-top:22px}

/* =========================
   PROGRAM DETAIL PAGE
========================= */
.detail-hero{padding-bottom:66px}
.detail-grid{display:grid;grid-template-columns:1fr 340px;gap:38px;align-items:center;position:relative;z-index:1}
.detail-card,.detail-panel{
  border:1px solid rgba(14,51,47,.10);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  box-shadow:var(--shadow);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.detail-card{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:24px}
.detail-panel{padding:22px}
.detail-panel h3{margin-top:12px;font-size:1.25rem}
.detail-panel p{font-size:.88rem}
.detail-facts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}
.detail-facts-grid div{padding:12px;border-radius:15px;background:#fffdf8;border:1px solid rgba(14,51,47,.08)}
.detail-facts-grid strong{display:block;margin-bottom:4px;color:var(--green);font-size:.62rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.detail-facts-grid span{display:block;color:var(--muted);font-size:.78rem;line-height:1.35}
.detail-intro-strip{padding-top:0}
.intro-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.intro-pillars div{padding:18px 20px;border-radius:20px;background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.intro-pillars strong{display:block;margin-bottom:4px;color:var(--green);font-size:1.18rem;line-height:1.14}
.intro-pillars span{display:block;color:var(--muted);font-size:.84rem;line-height:1.45}

/* Story blocks */
.story-section{background:#fffdf8}
.story-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}
.story-visual{
  min-height:360px;
  border-radius:28px;
  background-image:
    linear-gradient(180deg,rgba(14,51,47,.02),rgba(14,51,47,.28)),
    url('../img/majka-kcerka-razgovor.webp');
  background-size:cover;
  background-position:center 45%;
  background-repeat:no-repeat;
  box-shadow:var(--shadow-soft);
  position:relative;
  overflow:hidden;
}
.story-visual span{
  position:absolute;
  left:22px;bottom:22px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:var(--sand);
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.story-copy h2{max-width:640px}
.story-copy p{max-width:680px}

/* Detail content */
.content-grid{display:grid;grid-template-columns:1fr 300px;gap:38px;align-items:start}
.content-main{
  padding:34px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fffdf8;
  box-shadow:var(--shadow-soft);
}
.content-main h2{max-width:none;margin:30px 0 10px;font-size:clamp(1.55rem,2.35vw,2.15rem);line-height:1.18}
.content-main h2:first-child{margin-top:0}
.content-main p{font-size:.92rem;line-height:1.65}
.side-panel{
  position:sticky;
  top:86px;
  padding:24px;
  border-radius:24px;
  background:linear-gradient(135deg,var(--green-2),var(--green));
  box-shadow:var(--shadow);
  color:#fff;
}
.side-panel h3{color:#fff;font-size:1.4rem}
.side-panel p{color:rgba(255,255,255,.75)}
.side-panel .btn{width:100%;margin-top:16px}

/* Cards in detail */
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}
.benefit-card{padding:18px;border-radius:18px;background:#f8f2e8;border:1px solid rgba(14,51,47,.08)}
.benefit-card span{display:inline-flex;margin-bottom:18px;color:var(--sand);font-size:.72rem;font-weight:800;letter-spacing:.14em}
.benefit-card h3{font-size:1.18rem}
.benefit-card p{margin:0;font-size:.86rem}
.values-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.value-card{padding:24px;border-radius:22px;background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.value-card h3{font-size:1.18rem}
.value-card p{margin:0;font-size:.88rem}
.for-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.for-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.for-cards article{padding:22px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.for-cards strong{display:block;margin-bottom:8px;color:#fff;font-size:1.18rem}
.for-cards p{margin:0;color:rgba(255,255,255,.75);font-size:.88rem}

/* Schedule / FAQ */
.program-flow-section{background:#fbf8f2}
.program-flow-grid{align-items:start}
.retreat-schedule{display:grid;gap:12px}
.retreat-schedule div{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fffdf8;
  box-shadow:var(--shadow-soft);
}
.retreat-schedule time{color:var(--sand);font-size:.72rem;font-weight:800;letter-spacing:.14em}
.retreat-schedule strong{display:block;color:var(--green);font-size:.92rem}
.retreat-schedule span{grid-column:2;color:var(--muted);font-size:.86rem;line-height:1.5}
.faq-section{background:#fffdf8}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px;align-items:start}
.faq-list{display:grid;gap:12px;margin-top:0}
.faq-list details{padding:18px 20px;border-radius:18px;border:1px solid rgba(14,51,47,.10);background:#fffdf8}
.faq-list summary{position:relative;list-style:none;cursor:pointer;color:var(--green);font-size:.9rem;font-weight:800;padding-right:28px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:0;top:-2px;color:var(--sand);font-size:1.2rem}
.faq-list details[open] summary:after{content:"–"}
.faq-list p{margin:14px 0 0;font-size:.86rem}

/* Forms */
.form-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:38px;align-items:start}
.contact-form{
  display:grid;
  gap:13px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:24px;
  background:#fffdf8;
  box-shadow:var(--shadow-soft);
}
.contact-form label{display:grid;gap:8px;color:var(--green);font-size:.76rem;font-weight:800;letter-spacing:.02em}
.contact-form input,.contact-form select,.contact-form textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(14,51,47,.16);
  border-radius:15px;
  background:#fffdf8;
  color:var(--text);
  outline:none;
  font-size:.9rem;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--sand);box-shadow:0 0 0 4px rgba(216,190,161,.18)}
.checkbox-label{display:grid!important;grid-template-columns:20px 1fr;gap:12px;align-items:start;color:var(--muted)!important;font-weight:600!important;line-height:1.5}
.checkbox-label input{width:auto;margin-top:4px}
.hp-field{display:none!important}
.form-note-card{margin-top:20px;padding:18px;border-radius:18px;background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.form-note-card strong{display:block;margin-bottom:6px;color:var(--green)}
.form-note-card span{display:block;color:var(--muted);font-size:.88rem;line-height:1.55}

/* Other page helpers */
.location-grid.large{align-items:start}
.location-info-card{padding:18px;border-radius:24px;background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.location-info-card .location-card{height:230px;box-shadow:none}
.location-info-card h3{margin:18px 8px 8px;font-size:1.3rem}
.location-info-card p{margin:0 8px 12px}
.article-body{max-width:860px;padding:40px;border-radius:24px;background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.article-body h2{max-width:none;margin:34px 0 10px;font-size:1.8rem}
.article-body p{font-size:.96rem}
.article-cta{margin-top:28px}
.timeline{display:grid;gap:12px;margin:22px 0}
.timeline div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:15px;border-radius:16px;background:#f8f2e8;border:1px solid rgba(14,51,47,.08)}
.timeline strong{color:var(--green)}
.timeline span{color:var(--muted)}
.thank-you-hero{min-height:70vh;display:flex;align-items:center}
.thank-you-card{max-width:760px;padding:42px;border-radius:28px;background:#fffdf8;border:1px solid var(--line);box-shadow:var(--shadow)}

/* Reveal */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease, transform .7s ease}
.reveal.visible{opacity:1;transform:none}

/* =========================
   RESPONSIVE
========================= */
@media (min-width:1600px){
  .hero .container{max-width:min(1460px,calc(100% - 80px))}
  .hero-grid{grid-template-columns:1.12fr .88fr;gap:84px}
}

@media (max-width:1366px){
  :root{--max:1180px}
  .container{width:min(1180px,calc(100% - 54px))}
  .section{padding:64px 0}
  .hero{padding:30px 0 40px}
  .hero-grid{gap:44px}
  .header-inner{height:66px}
  .brand img{width:112px}
  .main-nav{gap:12px}
  .main-nav a{font-size:.58rem}
  .nav-cta{padding:9px 12px!important}
  .hero-scene{min-height:400px}
  .section-heading{margin-bottom:30px}
  .program-image{height:175px}
  .program-body{min-height:205px}
  .location-card{height:165px}
}

@media (max-width:1180px){
  :root{--max:1060px}
  .container{width:min(1060px,calc(100% - 42px))}
  .hero-grid,.featured-program,.approach-grid,.split-grid{grid-template-columns:1fr}
  .hero-copy{max-width:820px}
  .hero-scene{max-width:820px;width:100%;margin-inline:auto;min-height:360px}
  .featured-program{max-width:900px}
  .event-facts{grid-template-columns:repeat(3,1fr)}
  .cards-grid-3,.programs-overview .cards-grid-3{grid-template-columns:repeat(3,1fr);max-width:1000px}
}

@media (max-width:1024px){
  .container{width:min(100% - 34px,900px)}
  .header-inner{height:66px}
  .main-nav{
    display:none;
    position:fixed;
    left:17px;
    right:17px;
    top:78px;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:22px;
    background:#fffdf8;
    box-shadow:var(--shadow);
  }
  .main-nav.open{display:flex}
  .main-nav a{font-size:.76rem;padding:10px 8px}
  .nav-toggle{display:block}
  .section{padding:58px 0}
  .hero{padding:28px 0 36px}
  .hero-grid,.featured-program,.approach-grid,.split-grid,.journal-grid,.content-grid,.form-grid,.detail-grid,.story-grid,.flow-grid,.faq-grid,.for-grid{grid-template-columns:1fr}
  .flow-heading,.side-panel{position:relative;top:auto}
  .editorial-grid{grid-template-columns:1fr;gap:20px}
  .editorial-copy{grid-template-columns:1fr;gap:16px}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .cards-grid-3,.programs-overview .cards-grid-3,.location-grid,.values-cards,.benefit-grid,.intro-pillars,.flow-steps,.for-cards{grid-template-columns:repeat(2,1fr)}
  .journal-grid{grid-template-columns:1fr}
  .journal-card{min-height:170px}
  .event-facts{grid-template-columns:repeat(3,1fr)}
  .program-row,.program-row:nth-child(even){grid-template-columns:1fr}
  .program-row:nth-child(even) .program-row-image{order:0}
}

@media (max-width:760px){
  body{font-size:14.5px}
  .container{width:min(100% - 24px,680px)}
  h1,.hero h1,.landing-hero h1,.page-hero h1{font-size:2.05rem;line-height:1.12;max-width:14ch}
  h2,.section-heading h2,.editorial-copy h2,.section-green h2{font-size:1.7rem;line-height:1.16;max-width:16ch}
  h3{font-size:1.12rem}
  p,.lead,.content-main p{font-size:.88rem}
  .hero-actions,.contact-links{flex-direction:column}
  .btn{width:100%}
  .hero-scene{min-height:390px;padding:16px;border-radius:24px}
  .scene-main{position:static;max-width:none}
  .scene-main h3{font-size:1.25rem;max-width:18ch}
  .scene-stats{left:16px;right:16px;bottom:66px;grid-template-columns:1fr;padding:12px}
  .scene-badge{left:16px;right:16px;text-align:center}
  .value-grid,.cards-grid-3,.programs-overview .cards-grid-3,.location-grid,.values-cards,.benefit-grid,.intro-pillars,.flow-steps,.for-cards{grid-template-columns:1fr}
  .featured-program{padding:15px}
  .featured-visual{min-height:240px}
  .event-facts{grid-template-columns:1fr}
  .program-image{height:190px}
  .program-body{min-height:auto}
  .location-card{height:190px}
  .content-main,.contact-form,.side-panel,.detail-panel,.value-card,.benefit-card,.journal-card,.article-body{padding:22px}
  .retreat-schedule div,.timeline div{grid-template-columns:1fr}
  .retreat-schedule span{grid-column:auto}
  .footer-grid{grid-template-columns:1fr;gap:24px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* V19 - header/logo refinement */

.site-header{
  min-height:76px;
}

.header-inner{
  height:76px;
  align-items:center;
}

.brand{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:150px;
  height:70px;
  overflow:visible;
}

.brand img{
  width:auto;
  height:62px;
  max-width:150px;
  object-fit:contain;
  object-position:center;
}

/* malo elegantniji balans navigacije */
.main-nav{
  align-items:center;
  gap:18px;
}

.main-nav a{
  font-size:.72rem;
  letter-spacing:.11em;
  line-height:1;
}

.nav-cta{
  padding:13px 18px;
  border-radius:999px;
  font-size:.72rem;
  white-space:nowrap;
}

/* aktivni link da bude suptilan */
.main-nav a.active{
  color:var(--green);
}

.main-nav a:not(.nav-cta):after{
  bottom:-7px;
}

/* header na manjim laptopima */
@media (max-width:1366px){
  .site-header{
    min-height:70px;
  }

  .header-inner{
    height:70px;
  }

  .brand{
    width:136px;
    height:66px;
  }

  .brand img{
    height:56px;
    max-width:136px;
  }

  .main-nav{
    gap:14px;
  }

  .main-nav a,
  .nav-cta{
    font-size:.66rem;
  }

  .nav-cta{
    padding:11px 15px;
  }
}

/* mobilni header */
@media (max-width:1024px){
  .site-header{
    min-height:68px;
  }

  .header-inner{
    height:68px;
  }

  .brand{
    width:128px;
    height:62px;
    justify-content:flex-start;
  }

  .brand img{
    height:52px;
    max-width:128px;
  }

  .nav-toggle{
    display:block;
  }
}

@media (max-width:560px){
  .brand{
    width:116px;
    height:58px;
  }

  .brand img{
    height:48px;
    max-width:116px;
  }
}

/* V20 - footer refinement */

.site-footer{
  background:#061f1c;
  color:rgba(255,255,255,.78);
  padding:58px 0 22px;
}

.footer-grid{
  display:grid;
  grid-template-columns:1.25fr .65fr .65fr;
  gap:64px;
  align-items:start;
}

.footer-brand{
  max-width:430px;
}

.footer-logo{
  width:auto;
  height:82px;
  max-width:190px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:18px;
  filter:none;
  opacity:.92;
}

.footer-brand p{
  max-width:420px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:.92rem;
  line-height:1.65;
}

.footer-col strong{
  display:block;
  margin-bottom:18px;
  color:#ffffff;
  font-size:.76rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  font-weight:800;
}

.footer-col a{
  display:block;
  width:max-content;
  margin:0 0 11px;
  color:rgba(255,255,255,.74);
  font-size:.92rem;
  line-height:1.4;
  transition:color .2s ease, transform .2s ease;
}

.footer-col a:hover{
  color:#ffffff;
  transform:translateX(3px);
}

.footer-bottom{
  margin-top:48px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.footer-bottom p,
.footer-bottom a{
  margin:0;
  color:rgba(255,255,255,.54);
  font-size:.78rem;
}

.footer-bottom a:hover{
  color:#ffffff;
}

/* footer responsive */
@media (max-width:900px){
  .footer-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .footer-logo{
    height:70px;
  }

  .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }
}

@media (max-width:560px){
  .site-footer{
    padding:44px 0 20px;
  }

  .footer-logo{
    height:62px;
  }

  .footer-brand p,
  .footer-col a{
    font-size:.88rem;
  }
}

/* V21 - cleaner value strip without icons */

.value-grid div{
  justify-content:center;
  text-align:center;
  padding:14px 18px;
}

.value-grid p{
  font-weight:600;
  letter-spacing:.01em;
}

.line-icon{
  display:none;
}

/* V22 - bolji pill preko story slike */

.story-visual span{
  background:rgba(255,255,255,.78);
  color:#0e332f;
  border:1px solid rgba(255,255,255,.55);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  text-shadow:none;
}

#top{
  position:absolute;
  top:0;
  left:0;
}

/* V24 - blog article width and visibility refinement */

.article-body{
  max-width:1080px;
  padding:58px 64px;
}

.article-body p{
  max-width:880px;
  font-size:1rem;
  line-height:1.78;
}

.article-body h2{
  max-width:820px;
  margin-top:54px;
  margin-bottom:18px;
  font-size:clamp(1.75rem,2.5vw,2.45rem);
}

.article-body h3{
  max-width:780px;
  margin-top:34px;
  margin-bottom:12px;
  font-size:clamp(1.25rem,1.8vw,1.55rem);
}

.article-body .check-list{
  max-width:850px;
}

.article-body .article-cta{
  margin-top:34px;
  margin-bottom:18px;
}

/* Na blog članku ne želimo da tekst kasni zbog reveal animacije */
.article-body.reveal{
  opacity:1 !important;
  transform:none !important;
}

/* Ambient video section */

.video-ambient-section{
  padding:0;
  background:#0e332f;
}

.ambient-video-wrap{
  position:relative;
  min-height:560px;
  overflow:hidden;
  display:flex;
  align-items:center;
  isolation:isolate;
}

.ambient-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:-3;
}

.ambient-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(6,31,28,.86),rgba(6,31,28,.46),rgba(6,31,28,.18)),
    linear-gradient(180deg,rgba(6,31,28,.30),rgba(6,31,28,.62));
}

.ambient-content{
  position:relative;
  z-index:2;
  padding-top:92px;
  padding-bottom:92px;
}

.ambient-content h2{
  max-width:720px;
  margin:0 0 20px;
  color:#fff;
  font-size:clamp(2.1rem,4vw,4rem);
  line-height:1.08;
  letter-spacing:-.045em;
}

.ambient-content p:not(.eyebrow){
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:1.02rem;
  line-height:1.7;
}

.ambient-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
}

.ambient-actions .btn-secondary{
  color:#fff;
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.ambient-actions .btn-secondary:hover{
  background:rgba(255,255,255,.16);
}

@media (max-width:760px){
  .ambient-video-wrap{
    min-height:520px;
  }

  .ambient-overlay{
    background:
      linear-gradient(180deg,rgba(6,31,28,.72),rgba(6,31,28,.72)),
      linear-gradient(90deg,rgba(6,31,28,.78),rgba(6,31,28,.38));
  }

  .ambient-content{
    padding-top:72px;
    padding-bottom:72px;
  }

  .ambient-content h2{
    font-size:2rem;
  }

  .ambient-content p:not(.eyebrow){
    font-size:.94rem;
  }
}

/* V27 - ambient video crop + lighter overlay */

.ambient-video-wrap{
  min-height:720px;
  background:#0e332f;
  overflow:hidden;
}

.ambient-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  transform:scale(1.06);
  filter:saturate(.95) contrast(.98);
}

/* Svjetliji overlay da se video više vidi */
.ambient-overlay{
  background:
    linear-gradient(90deg,rgba(6,31,28,.68),rgba(6,31,28,.32),rgba(6,31,28,.12)),
    linear-gradient(180deg,rgba(6,31,28,.18),rgba(6,31,28,.42));
}

.ambient-content h2{
  max-width:760px;
  font-size:clamp(2rem,3.35vw,3.4rem);
}

.ambient-content p:not(.eyebrow){
  max-width:560px;
}

/* MOBITEL */
@media (max-width:760px){
  .ambient-video-wrap{
    min-height:390px;
  }

  .ambient-video{
    transform:scale(1.18);
    object-position:center center;
  }

  .ambient-overlay{
    background:
      linear-gradient(90deg,rgba(6,31,28,.62),rgba(6,31,28,.30)),
      linear-gradient(180deg,rgba(6,31,28,.18),rgba(6,31,28,.36));
  }

  .ambient-content{
    padding-top:42px;
    padding-bottom:42px;
  }

  .ambient-content h2{
    max-width:12ch;
    font-size:1.45rem;
    line-height:1.08;
    margin-bottom:14px;
  }

  .ambient-content p:not(.eyebrow){
    max-width:27ch;
    font-size:.84rem;
    line-height:1.55;
  }
}

@media (max-width:420px){
  .ambient-video-wrap{
    min-height:370px;
  }

  .ambient-video{
    transform:scale(1.24);
  }

  .ambient-content h2{
    font-size:1.38rem;
  }
}

/* V28 - mobile fix for long blog article */

@media (max-width:760px){
  .article-body{
    width:min(100% - 24px, 100%);
    padding:28px 20px;
    border-radius:22px;
  }

  .article-body p{
    max-width:100%;
    font-size:.98rem;
    line-height:1.68;
    text-align:left;
    letter-spacing:0;
  }

  .article-body h2{
    max-width:100%;
    font-size:1.65rem;
    line-height:1.16;
    text-align:left;
    margin-top:38px;
    margin-bottom:14px;
  }

  .article-body h3{
    max-width:100%;
    font-size:1.24rem;
    line-height:1.22;
    text-align:left;
    margin-top:28px;
  }

  .article-body .check-list{
    max-width:100%;
  }

  .article-body .check-list li{
    font-size:.96rem;
    line-height:1.58;
  }

  .article-body .article-cta{
    justify-content:flex-start;
  }
}

@media (max-width:420px){
  .article-body{
    width:calc(100% - 20px);
    padding:24px 18px;
  }

  .article-body p{
    font-size:.95rem;
    line-height:1.65;
  }

  .article-body h2{
    font-size:1.48rem;
  }

  .article-body h3{
    font-size:1.16rem;
  }
}

/* V32 - admin-added programs */

.admin-program-section{
  padding-top:82px;
  padding-bottom:82px;
}

.admin-program-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:34px;
}

.admin-program-card{
  background:#fffdf8;
  border:1px solid rgba(14,51,47,.08);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(14,51,47,.08);
}

.admin-program-card a{
  display:flex;
  flex-direction:column;
  min-height:100%;
  color:inherit;
  text-decoration:none;
}

.admin-program-image{
  min-height:230px;
  background-color:#dfe7e2;
  background-size:cover;
  background-position:center;
}

.admin-program-body{
  padding:26px;
}

.admin-program-body h3{
  margin:0 0 12px;
  color:#0e332f;
  font-size:1.35rem;
  line-height:1.2;
}

.admin-program-body p{
  margin-bottom:14px;
  color:#60716d;
  line-height:1.6;
}

.admin-program-body span{
  display:inline-block;
  margin-top:6px;
  color:#0e332f;
  font-weight:800;
}

@media(max-width:980px){
  .admin-program-grid{
    grid-template-columns:1fr;
  }
}

.footer-social{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
}

.footer-social a{
  width:40px;
  height:40px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  text-decoration:none;
  transition:background .18s ease, color .18s ease, transform .18s ease, border-color .18s ease;
}

.footer-social a:hover{
  background:#d8bea1;
  color:#0e332f;
  border-color:#d8bea1;
  transform:translateY(-2px);
}

.footer-social svg{
  width:19px;
  height:19px;
  fill:currentColor;
  display:block;
}

.contact-social-block{
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid rgba(14,51,47,.10);
}

.contact-social-block h3{
  margin:6px 0 14px;
}

.contact-social{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.contact-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:#0e332f;
  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:14px;
}

.contact-social a:hover{
  background:#d8bea1;
  color:#0e332f;
}

.language-switcher{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-left:10px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(14,51,47,.14);
  background:rgba(255,253,248,.72);
  color:#0e332f;
  font-size:13px;
  font-weight:800;
  line-height:1;
}

.language-switcher span{
  color:rgba(14,51,47,.55);
}

.language-switcher a{
  color:#0e332f;
  text-decoration:none;
}

.language-switcher a:hover{
  color:#5f8f8a;
}

.site-header.scrolled .language-switcher,
.mobile-menu .language-switcher{
  background:rgba(14,51,47,.06);
}

@media(max-width:900px){
  .language-switcher{
    margin-left:0;
    margin-top:10px;
    width:max-content;
  }
}

.form-row-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.program-interest-form input[type="number"]{
  appearance:textfield;
}

.program-interest-form input[type="number"]::-webkit-outer-spin-button,
.program-interest-form input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

@media(max-width:700px){
  .form-row-two{
    grid-template-columns:1fr;
    gap:0;
  }
}

/* ==========================================================
   MAJKA I KĆERKA RETREAT - FINAL CLEAN CSS
   ========================================================== */

/* HERO */

.program-detail-mothers.landing-hero{
  position:relative;
  padding:52px 0 38px !important;
  min-height:auto !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(216,190,161,.18), transparent 24%),
    radial-gradient(circle at 12% 84%, rgba(95,143,138,.10), transparent 26%),
    linear-gradient(180deg, #fbf8f2 0%, #f7f3ec 100%) !important;
}

.program-detail-mothers.landing-hero::after{
  display:none !important;
}

/* VAŽNO: hero-orb ne smije biti relative jer pravi veliki prazan prostor */
.program-detail-mothers .hero-orb{
  position:absolute !important;
  z-index:0 !important;
  pointer-events:none;
}

.program-detail-mothers .detail-grid-premium{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px !important;
  gap:54px !important;
  align-items:center !important;
}

.program-detail-mothers .detail-grid-premium > .reveal{
  max-width:720px;
}

.program-detail-mothers .detail-grid-premium h1{
  max-width:14ch;
}

.program-detail-mothers .detail-grid-premium .lead{
  max-width:62ch;
}

.program-detail-mothers .landing-panel{
  position:relative;
  align-self:center;
  padding:22px !important;
  border-radius:30px !important;
  background:rgba(255,253,248,.90) !important;
  box-shadow:0 28px 80px rgba(14,51,47,.12) !important;
  transform:none !important;
  overflow:hidden;
}

.program-detail-mothers .landing-panel::before{
  content:"";
  display:block;
  height:150px !important;
  margin:-22px -22px 22px !important;
  border-radius:28px 28px 18px 18px !important;
  background:
    linear-gradient(180deg, rgba(14,51,47,.02), rgba(14,51,47,.20)),
    url('/assets/img/majka-kcerka-hero.webp') center 42% / cover no-repeat !important;
}

.program-detail-mothers .detail-panel h3{
  margin-top:0;
}

.program-detail-mothers .compact-facts{
  margin-top:18px;
}

.detail-intro-strip{
  padding-top:22px !important;
}


/* CITAT / SOUL NOTE */

.soul-note-section{
  padding-top:70px;
  padding-bottom:70px;
  background:
    radial-gradient(circle at 16% 18%, rgba(216,190,161,.20), transparent 28%),
    radial-gradient(circle at 86% 80%, rgba(95,143,138,.12), transparent 30%),
    #fbf8f2;
}

.soul-note-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:38px;
  align-items:center;
}

.soul-note-card{
  position:relative;
  min-height:270px;
  padding:46px;
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(6,31,28,.88), rgba(14,51,47,.76)),
    url('/assets/img/majka-kcerka-hodanje-2.webp') center center / cover no-repeat !important;
  color:#fff;
  box-shadow:0 30px 90px rgba(14,51,47,.18);
  overflow:hidden;
}

.soul-note-card::after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-90px;
  width:230px;
  height:230px;
  border-radius:50%;
  background:rgba(216,190,161,.20);
}

.soul-note-card p{
  position:relative;
  z-index:1;
  margin:0;
  max-width:560px;
  color:rgba(255,255,255,.94) !important;
  font-size:25px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.03em;
  text-shadow:0 3px 24px rgba(0,0,0,.32) !important;
}

.soul-mark{
  position:absolute;
  top:8px;
  left:30px;
  color:rgba(216,190,161,.30);
  font-size:118px;
  line-height:1;
  font-weight:900;
}

.soul-note-copy h2{
  max-width:640px;
}

.soul-note-copy p:not(.eyebrow){
  max-width:620px;
}


/* STORY IMAGE VARIATION */

.story-visual-detail{
  background:
    linear-gradient(180deg, rgba(14,51,47,.05), rgba(14,51,47,.08)),
    url('/assets/img/majka-kcerka-detalj.webp') center center / cover no-repeat !important;
}

.story-visual-detail span,
.memory-image-panel span{
  background:rgba(14,51,47,.82);
  color:#fffdf8;
  box-shadow:0 12px 34px rgba(14,51,47,.22);
}


/* MEMORY IMAGE SECTION */

.memory-image-section{
  padding-top:72px;
  padding-bottom:72px;
  background:#fbf8f2;
}

.memory-image-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:42px;
  align-items:center;
}

.memory-image-panel{
  position:relative;
  min-height:390px;
  border-radius:36px;
  background:
    linear-gradient(180deg, rgba(14,51,47,.02), rgba(14,51,47,.08)),
    url('/assets/img/majka-kcerka-hodanje-2.webp') center center / cover no-repeat;
  box-shadow:0 30px 90px rgba(14,51,47,.13);
  overflow:hidden;
}

.memory-image-panel::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 48%, rgba(14,51,47,.34));
}

.memory-image-panel span{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.memory-image-copy{
  padding:18px 0;
}

.memory-image-copy h2{
  max-width:600px;
}

.memory-image-copy p:not(.eyebrow){
  max-width:560px;
}


/* EMOTIONAL MOMENTS */

.emotional-moments-section{
  background:linear-gradient(180deg, #fffdf8 0%, #f7f3ec 100%);
}

.emotional-moments-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}

.emotional-moment{
  position:relative;
  min-height:230px;
  padding:30px;
  border-radius:28px;
  background:#fffdf8;
  border:1px solid rgba(14,51,47,.08);
  box-shadow:0 20px 60px rgba(14,51,47,.07);
  overflow:hidden;
}

.emotional-moment::after{
  content:"";
  position:absolute;
  right:-38px;
  bottom:-42px;
  width:118px;
  height:118px;
  border-radius:50%;
  background:rgba(216,190,161,.18);
}

.emotional-moment span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:18px;
  border-radius:50%;
  background:rgba(14,51,47,.07);
  color:#0e332f;
  font-weight:900;
  font-size:13px;
}

.emotional-moment h3{
  margin:0 0 10px;
}

.emotional-moment p{
  margin:0;
}


/* SOFT QUOTE INSIDE CONTENT */

.soft-quote-card{
  margin:28px 0;
  padding:26px 28px;
  border-left:5px solid #d8bea1;
  border-radius:24px;
  background:
    linear-gradient(90deg, rgba(251,248,242,.98), rgba(251,248,242,.92)),
    url('/assets/img/majka-kcerka-hero.webp') right center / auto 100% no-repeat;
  box-shadow:inset 0 0 0 1px rgba(14,51,47,.06);
}

.soft-quote-card strong{
  display:block;
  margin-bottom:8px;
  color:#0e332f;
  font-size:14px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.soft-quote-card span{
  display:block;
  color:#4f625f;
  font-size:17px;
  line-height:1.65;
}


/* LETTER SECTION */

.letter-section{
  background:
    linear-gradient(90deg, rgba(247,243,236,.98), rgba(247,243,236,.86)),
    url('/assets/img/majka-kcerka-detalj.webp') left center / 38% auto no-repeat,
    #f7f3ec;
}

.letter-card{
  position:relative;
  max-width:920px;
  padding:48px;
  border-radius:36px;
  background:rgba(255,253,248,.94);
  border:1px solid rgba(14,51,47,.08);
  box-shadow:0 28px 80px rgba(14,51,47,.10);
  text-align:center;
  overflow:hidden;
  backdrop-filter:blur(10px);
}

.letter-card::before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  width:110px;
  height:4px;
  transform:translateX(-50%);
  background:#d8bea1;
  border-radius:999px;
}

.letter-card h2{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

.letter-card p:not(.eyebrow){
  max-width:700px;
  margin-left:auto;
  margin-right:auto;
}


/* PROGRAM FORM ROWS */

.form-row-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.program-interest-form input[type="number"]{
  appearance:textfield;
}

.program-interest-form input[type="number"]::-webkit-outer-spin-button,
.program-interest-form input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}


/* RESPONSIVE */

@media(max-width:1100px){
  .program-detail-mothers .detail-grid-premium{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .program-detail-mothers .landing-panel{
    max-width:520px;
  }

  .soul-note-grid,
  .memory-image-grid,
  .emotional-moments-grid{
    grid-template-columns:1fr;
  }

  .memory-image-grid{
    gap:28px;
  }

  .memory-image-panel{
    min-height:340px;
  }

  .letter-section{
    background:#f7f3ec;
  }
}

@media(max-width:760px){
  .program-detail-mothers.landing-hero{
    padding:38px 0 30px !important;
  }

  .program-detail-mothers .detail-grid-premium h1{
    max-width:13ch;
  }

  .program-detail-mothers .landing-panel{
    max-width:100%;
    border-radius:26px !important;
  }

  .program-detail-mothers .landing-panel::before{
    height:118px !important;
  }

  .soul-note-section,
  .memory-image-section{
    padding-top:54px;
    padding-bottom:54px;
  }

  .soul-note-card{
    min-height:auto;
    padding:34px;
  }

  .soul-note-card p{
    font-size:21px;
  }

  .memory-image-panel{
    min-height:280px;
    border-radius:28px;
  }

  .emotional-moment{
    min-height:auto;
  }

  .soft-quote-card{
    padding:22px;
    background:#fbf8f2;
  }

  .letter-card{
    padding:36px 26px;
  }

  .form-row-two{
    grid-template-columns:1fr;
    gap:0;
  }
}

/* ==========================================================
   RETREAT JOURNEY - MAJKA I KĆERKA PROGRAM
   ========================================================== */

.retreat-journey-section{
  background:
    radial-gradient(circle at 10% 18%, rgba(216,190,161,.16), transparent 28%),
    radial-gradient(circle at 88% 84%, rgba(95,143,138,.11), transparent 30%),
    #fbf8f2;
}

.journey-hero-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:42px;
  align-items:center;
  margin-bottom:34px;
}

.journey-copy h2{
  max-width:680px;
}

.journey-copy p:not(.eyebrow){
  max-width:640px;
}

.journey-visual{
  position:relative;
  min-height:360px;
  border-radius:36px;
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(14,51,47,.02), rgba(14,51,47,.24)),
    url('/assets/img/majka-kcerka-hodanje-2.webp') center center / cover no-repeat;
  box-shadow:0 30px 90px rgba(14,51,47,.13);
}

.journey-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, transparent 42%, rgba(14,51,47,.38));
}

.journey-visual span{
  position:absolute;
  left:24px;
  bottom:24px;
  z-index:1;
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(14,51,47,.82);
  color:#fffdf8;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 12px 34px rgba(14,51,47,.22);
}

.journey-days-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.journey-day-card{
  position:relative;
  min-height:330px;
  padding:28px;
  border-radius:28px;
  background:#fffdf8;
  border:1px solid rgba(14,51,47,.08);
  box-shadow:0 20px 60px rgba(14,51,47,.07);
  overflow:hidden;
}

.journey-day-card::after{
  content:"";
  position:absolute;
  right:-44px;
  bottom:-50px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:rgba(216,190,161,.18);
}

.journey-day-card.featured{
  background:
    linear-gradient(180deg, rgba(255,253,248,.94), rgba(255,253,248,.88)),
    url('/assets/img/majka-kcerka-detalj.webp') center center / cover no-repeat;
}

.journey-day-label{
  display:inline-flex;
  margin-bottom:18px;
  color:#d8bea1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.journey-day-card h3{
  max-width:280px;
  margin-bottom:12px;
}

.journey-day-card p{
  position:relative;
  z-index:1;
  margin-bottom:16px;
}

.journey-day-card ul{
  position:relative;
  z-index:1;
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:9px;
}

.journey-day-card li{
  padding-left:18px;
  position:relative;
  color:#4f625f;
  font-size:13px;
  line-height:1.45;
}

.journey-day-card li::before{
  content:"";
  position:absolute;
  left:0;
  top:.65em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#d8bea1;
}


/* MODAL */

.journey-modal{
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
}

.journey-modal:target{
  display:block;
}

.journey-modal-backdrop{
  position:absolute;
  inset:0;
  display:block;
  background:rgba(6,31,28,.68);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.journey-modal-panel{
  position:relative;
  z-index:1;
  width:min(1080px, calc(100% - 32px));
  max-height:calc(100vh - 48px);
  margin:24px auto;
  padding:38px;
  overflow:auto;
  border-radius:34px;
  background:#fffdf8;
  box-shadow:0 35px 120px rgba(0,0,0,.28);
}

.journey-modal-top{
  display:flex;
  justify-content:space-between;
  gap:22px;
  align-items:flex-start;
  padding-bottom:24px;
  border-bottom:1px solid rgba(14,51,47,.10);
}

.journey-modal-top h2{
  max-width:720px;
  margin-bottom:0;
}

.journey-modal-close{
  width:44px;
  height:44px;
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#0e332f;
  color:#fff;
  font-size:30px;
  line-height:1;
  font-weight:500;
}

.journey-modal-intro{
  max-width:760px;
  margin:24px 0 34px;
}

.journey-modal-intro p{
  font-size:1rem;
  line-height:1.7;
}

.journey-full-timeline{
  display:grid;
  gap:28px;
}

.journey-full-day{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  padding:28px;
  border-radius:28px;
  background:#fbf8f2;
  border:1px solid rgba(14,51,47,.08);
}

.journey-full-day-featured{
  background:
    linear-gradient(180deg, rgba(251,248,242,.98), rgba(251,248,242,.94)),
    url('/assets/img/majka-kcerka-hero.webp') right center / auto 100% no-repeat;
}

.journey-full-day-head span{
  display:inline-flex;
  margin-bottom:12px;
  color:#d8bea1;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.journey-full-day-head h3{
  position:sticky;
  top:0;
  max-width:240px;
}

.journey-timeline-items{
  display:grid;
  gap:14px;
}

.journey-timeline-items article{
  display:grid;
  grid-template-columns:74px 1fr;
  gap:18px;
  padding:18px;
  border-radius:20px;
  background:rgba(255,253,248,.86);
  border:1px solid rgba(14,51,47,.07);
}

.journey-timeline-items time{
  color:#0e332f;
  font-weight:900;
  font-size:14px;
  line-height:1.2;
}

.journey-timeline-items h4{
  margin:0 0 8px;
  color:#0e332f;
  font-size:1rem;
  line-height:1.25;
}

.journey-timeline-items p{
  margin:0 0 10px;
  font-size:.9rem;
  line-height:1.62;
}

.journey-timeline-items p:last-child{
  margin-bottom:0;
}

.journey-modal-bottom{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid rgba(14,51,47,.10);
}

@media(max-width:1000px){
  .journey-hero-grid,
  .journey-days-grid,
  .journey-full-day{
    grid-template-columns:1fr;
  }

  .journey-visual{
    min-height:300px;
  }

  .journey-full-day-head h3{
    position:relative;
    max-width:100%;
  }

  .journey-full-day-featured{
    background:#fbf8f2;
  }
}

@media(max-width:700px){
  .journey-visual{
    min-height:240px;
    border-radius:28px;
  }

  .journey-day-card{
    min-height:auto;
    padding:24px;
  }

  .journey-modal-panel{
    width:100%;
    max-height:100vh;
    min-height:100vh;
    margin:0;
    border-radius:0;
    padding:26px 18px 34px;
  }

  .journey-modal-top{
    align-items:flex-start;
  }

  .journey-modal-close{
    width:40px;
    height:40px;
    font-size:26px;
  }

  .journey-full-day{
    padding:20px;
  }

  .journey-timeline-items article{
    grid-template-columns:1fr;
    gap:8px;
    padding:16px;
  }

  .journey-timeline-items time{
    color:#d8bea1;
  }

  .journey-modal-bottom .btn{
    width:100%;
  }
}

/* =========================================
   PRICING SECTION - MAJKA I KĆERKA
========================================= */

.pricing-section{
  padding-top: 90px;
  padding-bottom: 90px;
  background: #fbf8f3;
}

.pricing-heading{
  max-width: 760px;
  margin: 0 auto 34px;
  text-align: center;
}

.pricing-heading h2{
  margin-bottom: 12px;
}

.pricing-heading p{
  color: #6d7772;
  margin: 0 auto;
}

.pricing-row{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.price-box{
  background: #fffdf9;
  border: 1px solid rgba(14, 51, 47, 0.08);
  border-radius: 28px;
  padding: 32px;
  box-shadow: 0 18px 45px rgba(14, 51, 47, 0.06);
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.price-box-featured{
  background: linear-gradient(180deg, #fffdf9 0%, #f7f3ec 100%);
  border: 1px solid rgba(14, 51, 47, 0.14);
  box-shadow: 0 20px 55px rgba(14, 51, 47, 0.10);
}

.price-box-top{
  margin-bottom: 20px;
}

.price-label{
  display: inline-block;
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #c9ac88;
}

.price-box h3{
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.15;
  color: #0e332f;
}

.price-box-top p{
  margin: 0;
  color: #66716c;
  line-height: 1.65;
}

.price-value{
  padding: 20px 22px;
  background: #f5f1ea;
  border-radius: 22px;
  margin-bottom: 22px;
}

.price-value strong{
  display: block;
  font-size: 42px;
  line-height: 1;
  color: #0e332f;
  font-weight: 800;
  margin-bottom: 8px;
}

.price-value span{
  display: block;
  font-size: 14px;
  color: #5d6863;
}

.price-features{
  list-style: none;
  padding: 0;
  margin: 0 0 26px;
  display: grid;
  gap: 10px;
}

.price-features li{
  position: relative;
  padding-left: 24px;
  line-height: 1.55;
  color: #183f3a;
}

.price-features li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #c9ac88;
  font-weight: 800;
}

.price-box .btn{
  margin-top: auto;
  width: 100%;
  text-align: center;
  justify-content: center;
}

.pricing-note{
  margin-top: 20px;
}

.pricing-note-inner{
  background: #0e332f;
  color: #fff;
  border-radius: 20px;
  padding: 18px 22px;
  text-align: center;
  box-shadow: 0 14px 32px rgba(14, 51, 47, 0.10);
}

.pricing-note-inner strong{
  color: #d8bea1;
  margin-right: 8px;
}

.pricing-note-inner span{
  color: rgba(255,255,255,.88);
}

@media (max-width: 900px){
  .pricing-row{
    grid-template-columns: 1fr;
  }

  .price-box{
    padding: 26px;
  }

  .price-box h3{
    font-size: 24px;
  }

  .price-value strong{
    font-size: 36px;
  }
}

/* =========================================
   APPLICATION / PRIJAVA SECTION
========================================= */

.application-section{
  position: relative;
  overflow: hidden;
  padding: 110px 0;
  background: #0e332f;
  isolation: isolate;
}

.application-bg{
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(8, 33, 30, 0.88), rgba(14, 51, 47, 0.76)),
    url('/assets/img/majka-kcerka-hero.webp') center/cover no-repeat;
  opacity: 1;
  z-index: -2;
}

.application-section::before{
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 12% 20%, rgba(216, 190, 161, 0.18), transparent 28%),
    radial-gradient(circle at 88% 78%, rgba(255,255,255,0.08), transparent 24%);
  z-index: -1;
}

.application-grid{
  align-items: stretch;
  gap: 36px;
}

.application-copy{
  color: #fff;
  padding: 18px 0;
}

.application-copy h2{
  color: #fff;
  margin-bottom: 18px;
  max-width: 600px;
}

.application-copy > p{
  color: rgba(255,255,255,0.86);
  max-width: 600px;
  line-height: 1.75;
}

.check-list-light li{
  color: rgba(255,255,255,0.92);
}

.check-list-light li::marker{
  color: #d8bea1;
}

.application-form-card{
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(14,51,47,0.10);
  border-radius: 28px;
  padding: 28px;
  box-shadow: 0 24px 60px rgba(4, 23, 20, 0.22);
  backdrop-filter: blur(8px);
}

.application-form-card label{
  color: #0e332f;
  font-weight: 700;
}

.application-form-card input,
.application-form-card textarea,
.application-form-card select{
  background: rgba(255,255,255,0.92);
}

.form-row-two{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.application-form-card .checkbox-label{
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.55;
  color: #60716d;
  font-weight: 500;
}

.application-form-card .checkbox-label input{
  margin-right: 10px;
}

.application-form-card .btn{
  width: 100%;
  justify-content: center;
  margin-top: 8px;
}

@media (max-width: 991px){
  .application-section{
    padding: 80px 0;
  }

  .application-grid{
    gap: 28px;
  }
}

@media (max-width: 767px){
  .form-row-two{
    grid-template-columns: 1fr;
    gap: 0;
  }

  .application-form-card{
    padding: 22px;
    border-radius: 22px;
  }

  .application-copy{
    padding: 0;
  }
}

/* Svoja i jaka - featured slika na početnoj */
.image-svoja-jaka-featured{
  background:
    linear-gradient(180deg, rgba(14,51,47,.04), rgba(14,51,47,.18)),
    url('/assets/img/DSC01029_resized.jpg') center center / cover no-repeat !important;
}