/* ===== Zoran Bračika — soft warm-gold system (dominantna boja iz loga #f8b858, H≈36°) ===== */
:root{
  /* core palette (izvedena iz logotipa po HSL pravilima) */
  --bg:#f0d3a0;        /* pozadina = brand zlatna, svjetlija i mekša */
  --ink:#3b2c12;       /* naslovi */
  --ink-2:#3b2c12;
  --slate:#6f5d42;     /* tekst */
  --slate-2:#6f5d42;
  --brand:#c08a25;     /* akcent — eyebrow, linkovi, aktivno */
  --brand-light:#f3cd8f;
  --accent:#c08a25;
  /* derived */
  --hairline:#f1e5d0;
  --line:#e7d5b5;
  --panel-border:rgba(240,205,143,.55);
  --panel-shadow:rgba(88,64,28,.22);
  --panel-radius:30px;
  --grad-btn:linear-gradient(180deg,#f6cf8b,#e9a53c);
  --grad-card:linear-gradient(165deg,#d9a34e,#a97b26);
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Onest',-apple-system,sans-serif;}
img{display:block;}
a{text-decoration:none;color:inherit;}

@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* Presentation deck: svaka sekcija je fiksni slide (1360x860) uniformno
   skaliran na viewport (scaleSlides() u app.js). */
html{scroll-behavior:smooth;}

.field{
  position:relative;
  z-index:0;
  min-height:100vh;
  background:var(--bg);
  padding:0;
}
/* viewport-fiksna topla podloga iza svih slajdova (med → maslac) */
.field::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background:radial-gradient(125% 85% at 50% -8%, #f8e3bd 0%, #f0d3a0 45%, #e7c284 100%);
}
/* ===== Božje zrake — u SVAKOM panelu: iznad podloge, ISPOD teksta i slika =====
   ::before s negativnim z-indexom slika se iznad pozadine panela, a ispod
   sadržaja (panel ima z-index:0 pa je stacking context; overflow:hidden reže). */
@keyframes raysSway{
  0%{transform:rotate(-1.3deg);opacity:.65;}
  50%{transform:rotate(1.1deg);opacity:1;}
  100%{transform:rotate(-1.3deg);opacity:.65;}
}
.panel::before,
.legal-card::before{
  content:"";
  position:absolute;
  left:-30%;top:-30%;
  width:160%;height:160%;
  z-index:-1;
  pointer-events:none;
  transform-origin:19% 19%;
  animation:raysSway 16s ease-in-out infinite;
  /* lepeza zlatnih zraka: izvor u gornjem lijevom kutu panela, smjer dolje-desno */
  background:
    radial-gradient(30% 30% at 19% 19%, rgba(238,170,66,.5) 0%, rgba(238,170,66,0) 70%),
    conic-gradient(from 0deg at 19% 19%,
      rgba(234,160,52,0) 0deg 99deg,
      rgba(234,160,52,.42) 103deg,
      rgba(234,160,52,0) 108deg,
      rgba(228,150,40,0) 112deg,
      rgba(228,150,40,.28) 116deg,
      rgba(228,150,40,0) 121deg,
      rgba(234,160,52,0) 126deg,
      rgba(234,160,52,.38) 130deg,
      rgba(234,160,52,0) 136deg,
      rgba(228,150,40,0) 141deg,
      rgba(228,150,40,.24) 145deg,
      rgba(228,150,40,0) 150deg,
      rgba(234,160,52,0) 154deg,
      rgba(234,160,52,.33) 158deg,
      rgba(234,160,52,0) 163deg 360deg);
  -webkit-mask-image:radial-gradient(120% 120% at 19% 19%, #000 0%, rgba(0,0,0,.65) 45%, transparent 76%);
  mask-image:radial-gradient(120% 120% at 19% 19%, #000 0%, rgba(0,0,0,.65) 45%, transparent 76%);
}
/* tamna tema: svjetlije zlatne zrake na tamnim panelima */
html.dark .panel::before,
html.dark .legal-card::before{
  background:
    radial-gradient(30% 30% at 19% 19%, rgba(255,208,130,.24) 0%, rgba(255,208,130,0) 70%),
    conic-gradient(from 0deg at 19% 19%,
      rgba(255,214,140,0) 0deg 99deg,
      rgba(255,214,140,.2) 103deg,
      rgba(255,214,140,0) 108deg,
      rgba(255,196,110,0) 112deg,
      rgba(255,196,110,.13) 116deg,
      rgba(255,196,110,0) 121deg,
      rgba(255,214,140,0) 126deg,
      rgba(255,214,140,.18) 130deg,
      rgba(255,214,140,0) 136deg,
      rgba(255,196,110,0) 141deg,
      rgba(255,196,110,.11) 145deg,
      rgba(255,196,110,0) 150deg,
      rgba(255,214,140,0) 154deg,
      rgba(255,214,140,.15) 158deg,
      rgba(255,214,140,0) 163deg 360deg);
}
@media (prefers-reduced-motion:reduce){
  .panel::before,.legal-card::before{animation:none;}
}

.deck{display:flex;flex-direction:column;}
.slide-wrap{
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
}
/* visoki panel: sadržaj diktira visinu (spojene sekcije), širina i zoom ostaju isti */
.slide-wrap-tall{height:auto;padding:22px 0;}
.panel.panel-tall{height:auto;min-height:860px;}

.panel{
  width:1360px;
  height:860px;
  flex:none;
  border-radius:var(--panel-radius);
  border:1.5px solid var(--panel-border);
  box-shadow:0 18px 44px var(--panel-shadow);
  overflow:hidden;
  position:relative;
  z-index:0; /* stacking context da zrake (::before, z-index:-1) ostanu iznad podloge panela */
  display:flex;
  flex-direction:column;
  justify-content:center;
}

/* ---------- shared buttons / typography ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  border:none;font-family:inherit;font-size:15px;font-weight:600;border-radius:40px;
}
.btn-primary{
  padding:14px 26px 14px 16px;background:var(--grad-btn);color:var(--ink);
  box-shadow:0 12px 26px rgba(233,165,60,.5);
}
.btn-bubble{
  display:inline-flex;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.55);align-items:center;justify-content:center;font-size:14px;
}
.btn-secondary{
  padding:13px 22px;background:#fff;border:1.5px solid var(--line);color:var(--ink);
}

.eyebrow{font-size:13px;letter-spacing:.14em;font-weight:600;color:var(--accent);}
.eyebrow.on-dark{color:rgba(255,255,255,.85);}

.section-head{text-align:center;}
.section-title{margin:10px 0 0;font-size:50px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
.section-lead{margin:14px auto 0;max-width:560px;font-size:16px;line-height:1.55;color:var(--slate);}
.center-cta{text-align:center;margin-top:40px;}

/* ---------- nav (na svakoj stranici) ---------- */
.nav{display:flex;align-items:flex-start;position:relative;height:54px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand-logo{height:41px;width:auto;max-width:336px;max-height:60px;display:block;}
.nav-links{
  position:absolute;left:50%;top:8px;transform:translateX(-50%);
  display:flex;gap:26px;font-size:15px;color:var(--ink);font-weight:400;
}
.nav-links a{cursor:pointer;white-space:nowrap;}
.nav-links a.current{color:var(--brand);font-weight:600;}
.nav-contact{margin-left:auto;font-size:15px;color:var(--ink-2);font-weight:500;cursor:pointer;padding-top:8px;}
.nav-burger{display:none;}

/* ---------- fullscreen mobilni izbornik ---------- */
.mob-menu{
  position:fixed;inset:0;z-index:950;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:radial-gradient(125% 85% at 50% -8%, #f8e3bd 0%, #f0d3a0 45%, #e7c284 100%);
  opacity:0;pointer-events:none;transition:opacity .3s ease;
}
.mob-menu.open{opacity:1;pointer-events:auto;}
.mob-menu a{font-size:31px;font-weight:700;letter-spacing:-0.01em;color:var(--ink);padding:11px 0;}
.mob-menu a.current{color:var(--brand);}
.mob-menu .theme-toggle{margin:30px 0 0;display:block;}
.mob-close{
  position:absolute;top:22px;right:22px;width:46px;height:46px;border-radius:12px;
  border:1.5px solid var(--line);background:#fff;font-size:26px;line-height:1;
  color:var(--ink);cursor:pointer;font-family:inherit;
}
body.menu-open{overflow:hidden;}
html.dark .mob-menu{background:radial-gradient(125% 85% at 50% -8%, #3a2a10 0%, #241906 45%, #1a1204 100%);}
html.dark .mob-close{background:#3a2c12;border-color:#57431f;}

/* ================= HERO (naslovnica) ================= */
.hero{background:#fff;box-shadow:0 22px 55px var(--panel-shadow);padding:34px 46px 0;justify-content:flex-start;}
.hero-body{position:relative;flex:1;min-height:540px;}
.hero-title{
  position:absolute;left:6px;top:140px;width:700px;margin:0;z-index:2;
  font-size:58px;line-height:1.0;font-weight:800;letter-spacing:-0.02em;color:var(--ink);
}
.hero-lead{position:absolute;left:8px;top:440px;width:350px;margin:0;z-index:2;font-size:16px;line-height:1.5;color:var(--slate);}
.hero-photo{
  position:absolute;left:470px;top:120px;width:500px;height:480px;z-index:1;
  border-radius:24px;object-fit:cover;object-position:12% 20%;
  box-shadow:0 24px 55px rgba(88,64,28,.3);
  /* ista lagana lebdeća animacija kao zub na baltic/tadić verziji */
  animation:floaty 7s ease-in-out infinite;
}
.hero-cta-block{position:absolute;right:6px;top:330px;width:360px;z-index:2;}
.hero-sub{font-size:44px;line-height:1.04;font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
.hero-cta-block .btn{margin-top:22px;}
.hero-watermark{
  position:absolute;left:0;bottom:-6px;width:100%;z-index:0;
  font-size:92px;font-weight:800;letter-spacing:-0.02em;color:rgba(120,86,30,.08);
  white-space:nowrap;overflow:hidden;pointer-events:none;
}

/* ============ ABOUT + STATS ============ */
.about{border-color:var(--panel-border);display:flex;flex-direction:row;}
.about-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.about-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(52,36,10,.93) 0%,rgba(74,54,20,.72) 48%,rgba(96,70,26,.58) 100%);}
.about-inner{position:relative;flex:1;display:flex;flex-direction:column;padding:54px 56px;color:#fff;}
.about-eyebrow{position:absolute;right:56px;top:54px;}
.about-title{margin:0;width:680px;font-size:48px;line-height:1.06;font-weight:700;letter-spacing:-0.02em;}
.about-lead{margin:26px 0 0;width:560px;font-size:16px;line-height:1.6;color:rgba(255,255,255,.9);}
.about-more{margin-top:20px;align-self:flex-start;}
.stats{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:40px;}
.stat{
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  backdrop-filter:blur(6px);border-radius:14px;padding:22px;
}
.stat-num{font-size:46px;font-weight:700;line-height:1;}
.stat-label{margin-top:8px;font-size:15px;color:rgba(255,255,255,.82);}

/* ================= TEGOBE (chips + ograda) ================= */
.tegobe{background:#fff;box-shadow:0 22px 55px var(--panel-shadow);padding:54px 60px 46px;}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:38px auto 0;max-width:980px;}
.chip{
  padding:13px 24px;border-radius:40px;border:1.5px solid var(--line);
  font-size:15.5px;font-weight:600;color:var(--ink);background:#fff;
  transition:border-color .22s ease,color .22s ease,transform .22s ease;
}
.chip:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);}
.note-box{
  margin:38px auto 0;max-width:900px;border-radius:18px;padding:22px 28px;
  background:var(--hairline);border:1.5px solid var(--line);
  font-size:14.5px;line-height:1.6;color:var(--slate);text-align:center;
}
.note-box strong{color:var(--ink);}

/* ================= KORACI (kako radim) — kao about: mutna foto pozadina + frosted boxovi ================= */
.steps{border-color:var(--panel-border);padding:54px 46px 50px;justify-content:flex-start;}
/* slika je predblurana u assetu (koraci-bg.jpg) — runtime blur filter se lomi u kombinaciji s CSS zoomom */
.steps-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.steps-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(52,36,10,.9) 0%,rgba(74,54,20,.74) 48%,rgba(96,70,26,.62) 100%);}
.steps-inner{position:relative;display:flex;flex-direction:column;flex:1;color:#fff;}
.steps .section-title{color:#fff;}
.steps .section-lead{color:rgba(255,255,255,.88);}
/* auto-margine iznad kartica i ispod gumba centriraju blok u prostoru ispod naslova */
.step-row{display:flex;gap:16px;margin-top:auto;padding-top:20px;}
.step-card{
  flex:1;min-width:0;border-radius:14px;padding:24px 22px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:transform .3s ease,background .3s ease;
}
.step-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.2);}
.step-num{
  width:40px;height:40px;border-radius:50%;background:var(--grad-btn);color:#3b2c12;
  display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;
}
.step-title{margin-top:16px;font-size:18px;font-weight:700;color:#fff;}
.step-desc{margin-top:8px;font-size:14px;line-height:1.55;color:rgba(255,255,255,.82);}
.steps .center-cta{margin-top:34px;margin-bottom:auto;}

/* ================= ISKUSTVA (citati) ================= */
.quotes{background:#fff;box-shadow:0 22px 55px var(--panel-shadow);padding:54px 46px 46px;}
.quote-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;}
.quote-card{
  border-radius:18px;padding:30px 28px;display:flex;flex-direction:column;
  background:linear-gradient(180deg,#fdf6e9,#f8ead0);border:1.5px solid var(--line);
}
.quote-mark{font-size:52px;line-height:.6;color:var(--brand);font-weight:800;font-family:Georgia,serif;}
.quote-text{margin-top:16px;font-size:14.5px;line-height:1.62;color:var(--slate);flex:1;}
.quote-name{margin-top:20px;font-size:15px;font-weight:700;color:var(--ink);}
.quotes .micro{margin:30px auto 0;max-width:720px;text-align:center;font-size:12.5px;color:var(--slate);opacity:.8;}

/* ================= PODSTRANICE: zaglavni panel ================= */
.page-hero{background:#fff;box-shadow:0 22px 55px var(--panel-shadow);padding:34px 46px 44px;justify-content:flex-start;}
.page-head{margin-top:44px;text-align:center;}
.page-title{margin:10px 0 0;font-size:52px;font-weight:800;letter-spacing:-0.02em;color:var(--ink);}
.page-lead{margin:14px auto 0;max-width:640px;font-size:16px;line-height:1.55;color:var(--slate);text-align:center;}
.page-body{flex:1;display:flex;flex-direction:column;min-height:0;}
.page-head-followup{margin-top:64px;}

/* ---- o meni: priča + portret ---- */
.story-grid{display:grid;grid-template-columns:1fr 430px;gap:46px;margin-top:40px;align-items:start;flex:1;min-height:0;}
.story-text{font-size:15.5px;line-height:1.7;color:var(--slate);}
.story-text p{margin:0 0 16px;}
.story-text .lead-in{font-size:18px;color:var(--ink);font-weight:600;}
.story-photo{width:100%;height:520px;border-radius:24px;object-fit:cover;object-position:12% 18%;box-shadow:0 24px 55px rgba(88,64,28,.3);}
.story-cols{columns:2;column-gap:46px;margin-top:40px;font-size:15px;line-height:1.68;color:var(--slate);}
.story-cols p{margin:0 0 15px;break-inside:avoid;}
.story-sign{margin-top:10px;font-size:17px;font-weight:700;color:var(--ink);}

/* ---- galerija ---- */
.gal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:36px;flex:1;min-height:0;align-content:start;}
.gal-item{
  border-radius:14px;overflow:hidden;cursor:zoom-in;height:138px;
  transition:transform .25s ease,box-shadow .25s ease;
}
.gal-item:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 30px rgba(88,64,28,.28);}
.gal-item img{width:100%;height:100%;object-fit:cover;}

/* ---- priznanja ---- */
.cert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:38px auto 0;max-width:1120px;align-items:start;}
.cert-card{border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fdf6e9,#f8ead0);border:1.5px solid var(--line);}
.cert-card img{width:100%;height:310px;object-fit:cover;object-position:top;cursor:zoom-in;transition:opacity .22s ease;}
.cert-card img:hover{opacity:.88;}
.cert-caption{padding:16px 18px;font-size:13px;line-height:1.5;color:var(--slate);}
.cert-caption strong{color:var(--ink);display:block;margin-bottom:4px;font-size:14px;}

/* ---- iz medija ---- */
.med-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;align-content:start;}
.med-card{
  border-radius:18px;padding:22px 24px;background:linear-gradient(180deg,#fdf6e9,#f8ead0);
  border:1.5px solid var(--line);display:flex;flex-direction:column;
  transition:transform .25s ease,box-shadow .25s ease;
}
.med-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(88,64,28,.2);}
.med-src{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--brand);}
.med-title{margin-top:8px;font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.3;}
.med-desc{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--slate);flex:1;}
.med-link{margin-top:12px;font-size:13.5px;font-weight:700;color:var(--brand);}
.med-badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:20px;background:var(--grad-btn);color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.06em;}
.clip-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-top:36px;flex:1;min-height:0;align-content:start;}
.clip-item{border-radius:12px;overflow:hidden;cursor:zoom-in;height:108px;border:1.5px solid var(--line);background:#fff;transition:transform .25s ease,box-shadow .25s ease;}
.clip-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(88,64,28,.25);}
.clip-item img{width:100%;height:100%;object-fit:cover;object-position:top;}

/* ---- kontakt ---- */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px;}
.contact-card{
  border-radius:18px;padding:24px;background:linear-gradient(180deg,#fdf6e9,#f8ead0);
  border:1.5px solid var(--line);
}
.contact-icon{font-size:24px;}
.contact-label{margin-top:10px;font-size:12.5px;letter-spacing:.1em;font-weight:700;color:var(--brand);}
.contact-value{margin-top:6px;font-size:16.5px;font-weight:700;color:var(--ink);line-height:1.35;}
.contact-value a:hover{color:var(--brand);}
.contact-sub{margin-top:4px;font-size:13px;color:var(--slate);line-height:1.45;}

/* ---- faq ---- */
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;align-content:start;}
.faq-card{border-radius:18px;padding:22px 26px;background:linear-gradient(180deg,#fdf6e9,#f8ead0);border:1.5px solid var(--line);}
.faq-q{font-size:16px;font-weight:700;color:var(--ink);}
.faq-a{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--slate);}

/* ================= FOOTER ================= */
.footer{border-color:var(--panel-border);background:linear-gradient(135deg,#b3812a,#6d4c14);padding:64px 56px;}
.footer-inner{display:flex;flex-direction:column;align-items:center;gap:20px;}
.footer-brand{display:flex;align-items:center;gap:16px;}
.footer-logo{height:54px;width:auto;display:block;background:#fff;padding:16px 28px;border-radius:18px;box-shadow:0 10px 30px rgba(60,40,10,.28);}
.footer-links{display:flex;gap:26px;font-size:15px;color:rgba(255,255,255,.85);flex-wrap:wrap;justify-content:center;}
.footer-links a{cursor:pointer;}
.footer-contact{display:flex;gap:12px;font-size:15px;color:rgba(255,255,255,.85);flex-wrap:wrap;justify-content:center;}
.footer-contact a{cursor:pointer;}
.footer-note{max-width:760px;text-align:center;font-size:12.5px;line-height:1.55;color:rgba(255,255,255,.62);}
.footer-copy{font-size:13px;color:rgba(255,255,255,.6);text-align:center;}
.footer-copy a{color:rgba(255,255,255,.75);}

/* ================= PRAVNE STRANICE (dokument) ================= */
.legal-wrap{max-width:820px;margin:0 auto;padding:46px 22px 70px;}
.legal-wrap .brand{margin-bottom:34px;display:inline-flex;}
.legal-wrap h1{font-size:38px;letter-spacing:-0.02em;color:var(--ink);margin:0 0 8px;}
.legal-updated{font-size:13.5px;color:var(--slate);margin-bottom:30px;}
.legal-wrap h2{font-size:22px;color:var(--ink);margin:34px 0 10px;}
.legal-wrap p,.legal-wrap li{font-size:15px;line-height:1.7;color:var(--slate);}
.legal-wrap a{color:var(--brand);font-weight:600;}
.legal-wrap a:hover{text-decoration:underline;}
.legal-back{display:inline-block;margin-top:40px;font-weight:700;color:var(--brand);}
body.legal{background:var(--bg);}
body.legal::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(125% 85% at 50% -8%, #f8e3bd 0%, #f0d3a0 45%, #e7c284 100%);}
.legal-card{background:#fff;border:1.5px solid var(--panel-border);border-radius:var(--panel-radius);box-shadow:0 18px 44px var(--panel-shadow);padding:50px 56px;margin-top:26px;position:relative;z-index:0;overflow:hidden;}

/* ================= LIGHTBOX ================= */
.lightbox{
  position:fixed;inset:0;z-index:1100;background:rgba(30,20,4,.82);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:30px;
  opacity:0;pointer-events:none;transition:opacity .3s ease;cursor:zoom-out;
}
.lightbox.show{opacity:1;pointer-events:auto;}
.lightbox img{max-width:92vw;max-height:92vh;border-radius:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);}

/* ================= RESPONSIVE FALLBACK ================= */
@media (max-width:1100px){
  .field{padding:14px;}
  .deck{gap:16px;}
  .slide-wrap{height:auto;display:block;}
  .panel{width:auto;height:auto;min-height:0;display:block;zoom:1 !important;}
  .hero,.tegobe,.steps,.quotes,.page-hero{padding:36px 22px 40px;}
  .about{display:flex;flex-direction:column;}
  .nav-links{display:none;}
  .nav-contact{display:none;}
  /* logo lijevo (smanjen koliko treba), hamburger desno; switch seli u fullscreen izbornik */
  .nav{height:auto;align-items:center;flex-wrap:nowrap;}
  .brand{flex:1;min-width:0;width:auto;margin-right:14px;}
  .brand-logo{width:100%;height:auto;max-width:300px;max-height:none;}
  /* .brand prefiks radi specifičnosti — dark pravilo s height:44px dolazi kasnije u fajlu */
  html.dark .brand .brand-logo{height:auto;}
  .nav .theme-toggle{display:none;}
  .nav-burger{
    display:inline-flex;flex-direction:column;justify-content:center;gap:5px;
    width:46px;height:46px;border-radius:12px;border:1.5px solid var(--line);
    background:#fff;cursor:pointer;padding:0 11px;flex-shrink:0;
  }
  .nav-burger span{display:block;height:2.5px;border-radius:2px;background:var(--ink);}
  html.dark .nav-burger{background:#3a2c12;border-color:#57431f;}
  .hero-body{height:auto;flex:none;min-height:0;display:flex;flex-direction:column;gap:20px;padding-bottom:8px;}
  .hero-title,.hero-lead,.hero-photo,.hero-cta-block,.hero-watermark{position:static;width:auto;}
  .hero-title{font-size:34px;line-height:1.08;margin-top:26px;}
  .hero-title br{display:none;}
  .hero-sub{font-size:28px;}
  .hero-photo{width:100%;max-width:420px;height:340px;margin:0 auto;}
  .hero-watermark{display:none;}
  .btn{font-size:14px;white-space:nowrap;}
  .about-inner{padding:36px 22px 40px;}
  .about-title,.about-lead{width:auto;}
  .about-title{font-size:29px;}
  .about-lead{font-size:15px;}
  .about-eyebrow{position:static;margin-bottom:14px;}
  .stats{grid-template-columns:1fr;gap:12px;padding-top:36px;}
  .stat{padding:16px;}
  .stat-num{font-size:30px;overflow-wrap:break-word;}
  .stat-label{font-size:13px;}
  .section-title{font-size:29px;}
  .section-lead{font-size:15px;}
  .chips{gap:10px;}
  .chip{padding:10px 18px;font-size:14px;}
  .note-box{padding:18px 20px;font-size:13.5px;}
  .step-row{flex-direction:column;}
  .quote-row{grid-template-columns:1fr;}
  .page-title{font-size:32px;}
  .page-head{margin-top:22px;}
  .story-grid{grid-template-columns:1fr;gap:26px;}
  .story-photo{height:380px;}
  .story-cols{columns:1;}
  .gal-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .gal-item{height:130px;}
  .cert-grid{grid-template-columns:1fr;gap:14px;}
  .cert-card img{height:300px;}
  .med-cards{grid-template-columns:1fr;}
  .clip-grid{grid-template-columns:repeat(3,1fr);gap:10px;}
  .clip-item{height:120px;}
  .contact-grid{grid-template-columns:1fr;}
  .faq-grid{grid-template-columns:1fr;}
  .footer{padding:48px 22px;}
  .footer-links{gap:14px 18px;}
  .footer-contact{flex-direction:column;gap:6px;align-items:center;text-align:center;}
  .footer-contact .sep{display:none;}
  .legal-card{padding:32px 22px;}
}

/* ===== GDPR privola (cookie consent popup) ===== */
.consent-backdrop{
  position:fixed;inset:0;z-index:1000;
  background:rgba(58,44,18,.45);
  -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  display:flex;align-items:center;justify-content:center;padding:22px;
  opacity:0;transition:opacity .4s ease;
}
.consent-backdrop.show{opacity:1;}
.consent-card{
  background:#fff;border:1px solid var(--panel-border);border-radius:28px;
  box-shadow:0 40px 90px -30px var(--panel-shadow);
  max-width:520px;width:100%;padding:38px 40px 34px;text-align:center;
  transform:translateY(16px) scale(.97);
  transition:transform .45s cubic-bezier(.2,.8,.3,1);
}
.consent-backdrop.show .consent-card{transform:none;}
.consent-icon{display:block;height:34px;width:auto;margin:0 auto 16px;}
.consent-title{color:var(--ink);font-size:22px;font-weight:800;margin:0 0 10px;}
.consent-text{color:var(--slate);font-size:14.5px;line-height:1.65;margin:0 0 22px;}
.consent-text a{color:var(--brand);font-weight:600;}
.consent-text a:hover{text-decoration:underline;}
.consent-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.consent-actions .btn-primary{padding:14px 26px;}
@media (max-width:640px){
  .consent-card{padding:30px 24px 26px;border-radius:22px;}
  .consent-title{font-size:19px;}
  .consent-actions{flex-direction:column;}
  .consent-actions .btn{justify-content:center;}
}

/* ===== Animacije linkova i gumba (hover/klik) ===== */
a{transition:color .22s ease,opacity .22s ease;}
a:active{opacity:.55;}
.nav-links a,.footer-links a,.footer-contact a,.footer-copy a{position:relative;}
.nav-links a::after,.footer-links a::after,.footer-contact a::after,.footer-copy a::after{
  content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1.5px;
  background:currentColor;border-radius:2px;
  transform:scaleX(0);transform-origin:left center;
  transition:transform .28s cubic-bezier(.2,.8,.3,1);
}
.nav-links a:hover::after,.footer-links a:hover::after,.footer-contact a:hover::after,.footer-copy a:hover::after{
  transform:scaleX(1);
}
.nav-links a:hover,.nav-contact:hover{color:var(--brand);}
.footer-links a:hover,.footer-contact a:hover,.footer-copy a:hover{color:var(--brand-light);}
.nav-contact{transition:color .22s ease,opacity .22s ease;}
.brand{transition:opacity .22s ease;}
.brand:hover{opacity:.75;}
.btn{transition:transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s ease,border-color .22s ease,color .22s ease;}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0) scale(.965);opacity:1;}
.btn-primary:hover{box-shadow:0 16px 32px rgba(233,165,60,.6);}
.btn-secondary:hover{border-color:var(--brand);color:var(--brand);}

/* ===== Svijetla/tamna tema ===== */
.theme-toggle{
  width:38px;height:20px;border-radius:999px;border:1.5px solid var(--line);
  background:#fff;cursor:pointer;position:relative;padding:0;flex-shrink:0;margin-left:18px;margin-top:6px;
  transition:background .25s ease,border-color .25s ease;
}
.theme-toggle .knob{
  position:absolute;top:1.5px;left:2px;width:14px;height:14px;border-radius:50%;
  background:var(--grad-btn);display:flex;align-items:center;justify-content:center;
  font-size:8px;line-height:1;transition:left .25s cubic-bezier(.2,.8,.3,1);
}
.theme-toggle .knob::after{content:"🌙";}
html.dark .theme-toggle{background:#3a2c12;border-color:#57431f;}
html.dark .theme-toggle .knob{left:19px;}
html.dark .theme-toggle .knob::after{content:"☀️";}

html.dark{
  --bg:#241906;
  --ink:#f8f0e2; --ink-2:#f8f0e2;
  --slate:#c6b394; --slate-2:#c6b394;
  --brand:#ecb45e; --accent:#ecb45e;
  --hairline:#3d2f14; --line:#57431f;
  --panel-border:rgba(190,145,70,.35);
  --panel-shadow:rgba(0,0,0,.55);
}
html.dark body{background:var(--bg);}
html.dark .field::before,
html.dark body.legal::before{
  background:radial-gradient(125% 85% at 50% -8%, #3a2a10 0%, #241906 45%, #1a1204 100%);
}
html.dark .hero,
html.dark .tegobe,
html.dark .steps,
html.dark .quotes,
html.dark .page-hero{background:#2e2210;}
html.dark .btn-secondary{background:#3a2c12;}
html.dark .btn-primary{color:#2a1c06;}
html.dark .consent-card,html.dark .legal-card{background:#2e2210;}
html.dark .consent-backdrop{background:rgba(0,0,0,.55);}
html.dark .hero-watermark{color:rgba(240,200,130,.07);}
html.dark .chip{background:#2e2210;}
html.dark .quote-card,
html.dark .med-card,
html.dark .cert-card,
html.dark .contact-card,
html.dark .faq-card{background:linear-gradient(180deg,#3a2c12,#332510);}
html.dark .note-box{background:#3a2c12;}
html.dark .clip-item{background:#3a2c12;}
/* logo je narančasti tekst — u tamnoj temi dobiva bijelu pločicu da ostane čitak */
html.dark .brand-logo{background:#fff;padding:7px 12px;border-radius:12px;height:44px;}
html.dark .legal-wrap .brand-logo{height:48px;}

/* ===== Plutajući CTA gumb (poziv) ===== */
.cta-fab{
  position:fixed;right:26px;bottom:26px;z-index:900;
  width:60px;height:60px;border-radius:50%;
  background:var(--grad-btn);
  box-shadow:0 12px 26px rgba(233,165,60,.5);
  display:flex;align-items:center;justify-content:center;
  transform:translate(30px,90px) scale(.35);opacity:0;pointer-events:none;
  transition:transform .5s cubic-bezier(.2,.8,.3,1),opacity .35s ease,box-shadow .22s ease;
}
.cta-fab .btn-bubble{width:34px;height:34px;font-size:17px;}
html.cta-floating .cta-fab{transform:none;opacity:1;pointer-events:auto;}
html.cta-floating .cta-fab:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(233,165,60,.65);}
html.cta-floating .cta-fab:active{transform:scale(.92);opacity:1;}
html.dark .cta-fab{box-shadow:0 12px 26px rgba(0,0,0,.5);}
@media (max-width:640px){
  .cta-fab{right:18px;bottom:18px;width:54px;height:54px;}
}