:root{
  --green:#4a8120;
  --green-dark:#0d4f1f;
  --sage:#eaf2e3;
  --cream:#fbf8ef;
  --cream-2:#fffaf0;
  --ink:#111827;
  --muted:#5d6b5f;
  --line:#e6eadf;
  --shadow:0 16px 50px rgba(47,111,40,.12);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#fff;
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
  line-height:1.55;
}
.page-shell{
  width:min(100%,1260px);
  margin:0 auto;
  background:#fff;
}
.section-map{display:none}
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 44px 0px;
  background:#fff;
}
.brand{display:flex;align-items:center;min-width:0}
.brand a{display:block;line-height:0}
.brand-logo{display:block;width:180px;max-width:100%;height:auto}
.trust-nav{display:flex;gap:32px;color:#1d3320;font-size:14px;white-space:nowrap}
.section,.section-soft{padding:70px 44px}
.section-soft{background:linear-gradient(180deg,var(--cream-2),#fff);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
h1,h2,h3{
  font-family:"Cormorant Garamond","Lora",Georgia,serif;
  line-height:1.03;
  margin:0 0 20px;
}
h1{font-size:56px;letter-spacing:-1.1px;max-width:590px;text-wrap:balance}
h1 em{font-style:normal;color:#4a8120}
h2{font-size:32px;letter-spacing:-.2px}
p{font-size:17px;color:#263227}
.hero{
  margin-top:0;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:42px;
  align-items:center;
  padding-top:0;
  padding-bottom:66px;
}
.hero-copy p{max-width:560px}
.hero-product{position:relative;display:flex;align-items:center;justify-content:center;min-height:430px}
.hero-product img{width:100%;max-width:540px;height:auto;display:block;filter:drop-shadow(0 20px 35px rgba(36,74,35,.14))}
.split img,.price img{width:100%;height:auto;display:block;filter:drop-shadow(0 20px 35px rgba(36,74,35,.14))}
.badge{position:absolute;right:16px;top:48px;border:4px solid var(--green);color:var(--green-dark);background:#fff;border-radius:50%;width:118px;height:118px;display:grid;place-items:center;text-align:center;text-transform:uppercase;font-weight:900;font-size:30px;line-height:.8}
.badge span{font-size:16px}.checklist{list-style:none;padding:0;margin:22px 0}.checklist li{margin:11px 0;padding-left:30px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.strong li{font-weight:700}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#4a8120;
  color:#fff;
  text-decoration:none;
  border-radius:14px;
  padding:20px 38px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.3px;
  box-shadow:var(--shadow);
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:hover{background:#3d6d1a;transform:translateY(-2px);box-shadow:0 20px 55px rgba(13,79,31,.2)}
.btn-small{padding:12px 20px;font-size:13px;border-radius:12px}.mini-trust{margin-top:26px;line-height:0}
.mini-trust img{display:block;width:min(100%,410px);height:auto}.social-proof{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:24px;align-items:center;padding:40px 44px;background:#f4f2e8}.stars{color:#f6b91a;font-size:27px}.stars b{color:#151515;margin-left:14px}blockquote{margin:0;font-size:14px}cite{display:block;margin-top:8px;color:#576357}.centered{text-align:center}.centered>p{max-width:760px;margin:0 auto}.icon-grid{display:grid;gap:28px;margin-top:30px}.icon-grid.six{grid-template-columns:repeat(6,1fr)}.icon-grid.five{grid-template-columns:repeat(5,1fr)}.icon-grid div{display:grid;gap:9px;justify-items:center;color:var(--green-dark);font-size:34px}.icon-grid span{font-size:14px;color:#172317;font-weight:700}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:26px}.steps b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--green-dark);color:#fff}.steps h3{font-family:Inter,Arial,sans-serif;font-size:17px;margin:14px 0 7px}.steps p{font-size:14px}.video{display:grid;grid-template-columns:360px 1fr;gap:36px;align-items:center}.video-box{height:210px;border-radius:18px;background:linear-gradient(135deg,#d9e9d0,#fff);display:grid;place-items:center;font-size:64px;color:var(--green-dark);box-shadow:var(--shadow)}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq h2{grid-column:1/-1;text-align:center}details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px}summary{font-weight:800;cursor:pointer}.guarantee{display:flex;gap:34px;align-items:center}.seal{min-width:130px;height:130px;border:4px dashed var(--green);color:var(--green-dark);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:36px;font-weight:900;text-transform:uppercase;line-height:.8}.seal span{font-size:17px}.price{display:grid;grid-template-columns:1fr 280px 280px;gap:28px;align-items:center}.price-row{display:flex;align-items:center;gap:20px;margin:18px 0}.price-row strong{font-size:42px;color:var(--green)}.price-row del{color:#6b6b6b;font-size:23px}.price-row span{background:#ffd21e;padding:7px 12px;border-radius:8px;font-weight:900;text-transform:uppercase}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review-grid article{border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;box-shadow:var(--shadow);color:#f6b91a}.review-grid p,.review-grid b{color:#172317}.footer{background:#4a8120;color:#fff;padding:38px 44px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px}.footer p,.footer a{color:#e7f3df}.footer nav{display:grid;gap:8px}.footer a{text-decoration:none}
@media(max-width:1050px){
  .page-shell{margin-left:0;width:100%}
  .hero,.split,.price,.video{grid-template-columns:1fr}
  .hero-product{min-height:auto}.hero-product img{max-width:520px}
  .icon-grid.six,.icon-grid.five,.steps,.social-proof,.review-grid,.faq{grid-template-columns:1fr 1fr}
  h1{font-size:44px;max-width:720px}
  .trust-nav{display:none}
  .price img{max-width:360px}.footer{grid-template-columns:1fr}
}
@media(max-width:640px){
  .topbar,.section,.section-soft,.social-proof{padding-left:20px;padding-right:20px}
  .section,.section-soft{padding-top:54px;padding-bottom:54px}
  .hero{gap:24px;padding-top:32px}
  h1{font-size:36px;letter-spacing:-.5px}
  .icon-grid.six,.icon-grid.five,.steps,.social-proof,.review-grid,.faq{grid-template-columns:1fr}
  .mini-trust{display:grid;gap:10px}
  .badge{width:95px;height:95px;font-size:24px;right:0;top:18px}
  .btn{width:100%;padding:18px 26px}
}

.footer-brand .brand-logo{filter:brightness(0) invert(1);width:240px}
@media(max-width:1150px){.brand-logo{width:225px}.trust-nav{gap:18px;font-size:13px}}
@media(max-width:760px){.topbar{gap:16px}.brand-logo{width:205px}.trust-nav{display:none}.mini-trust img{width:100%}}

/* v0.0.3 — novi logo i dva različita trust seta */
.brand-logo{
  width:300px;
  max-width:100%;
  height:auto;
}
.trust-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  color:#284323;
  font-size:14px;
  white-space:nowrap;
}
.trust-item,
.mini-trust-item{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.trust-item svg,
.mini-trust-item svg{
  flex:0 0 auto;
  width:24px;
  height:24px;
  fill:none;
  stroke:var(--green);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.trust-item span{font-weight:650}
.mini-trust{
  width:min(100%,680px);
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  line-height:1.25;
}
.mini-trust-item{
  align-items:flex-start;
  color:#294326;
  font-size:13px;
  font-weight:750;
}
.mini-trust-item svg{
  width:27px;
  height:27px;
  margin-top:1px;
}
@media(max-width:1150px){
  .brand-logo{width:255px}
  .trust-nav{gap:16px;font-size:12.5px}
  .trust-item{gap:6px}
  .trust-item svg{width:21px;height:21px}
}
@media(max-width:900px){
  .trust-nav{display:none}
  .mini-trust{grid-template-columns:1fr}
}
@media(max-width:640px){
  .brand-logo{width:230px}
  .mini-trust{gap:12px}
}


/* v0.0.3.1 — zaštita od cachea i stabilne dimenzije SVG ikona */
.trust-nav svg,.mini-trust svg{display:block;max-width:27px;max-height:27px;overflow:visible}
.hero-copy{min-width:0}
.hero-product{align-self:center}

/* v0.0.4 — premium hero, price card and review portraits */
.hero{
  position:relative;
  display:block;
  min-height:700px;
  padding:0;
  overflow:hidden;
  isolation:isolate;
  background:var(--cream-2);
}
.hero-image{
  position:absolute;
  inset:0 0 0 38%;
  z-index:-2;
  background:url('../images/u-prirodi.png') center center/cover no-repeat;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, var(--cream-2) 0%, var(--cream-2) 38%, rgba(255,250,240,.94) 46%, rgba(255,250,240,.52) 58%, rgba(255,250,240,0) 72%),
    linear-gradient(0deg, var(--cream-2) 0%, rgba(255,250,240,.72) 8%, rgba(255,250,240,0) 25%);
}
.hero-text{
  position:relative;
  width:56%;
  padding:58px 0 42px 44px;
}
.hero-text p{max-width:560px}
.hero-price-card{
  width:min(100%,430px);
  margin-top:18px;
  padding:16px 20px;
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  background:rgba(255,255,255,.86);
  border:1px solid rgba(74,129,32,.22);
  border-radius:14px;
  box-shadow:0 12px 34px rgba(43,79,34,.10);
  backdrop-filter:blur(5px);
}
.price-label{width:100%;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#55704d}
.hero-price-row{display:flex;align-items:baseline;gap:14px}
.hero-price-row del{font-size:18px;color:#777}
.hero-price-row strong{font-size:31px;color:var(--green);line-height:1}
.shipping-note{font-size:14px;font-weight:800;color:#294326}
.hero .mini-trust{margin-top:22px}
.reviews-heading{display:flex;justify-content:flex-start;gap:40px;align-items:end;margin-bottom:52px}
.reviews-heading p{max-width:460px;margin:0}
.eyebrow{display:block;margin-bottom:8px;color:var(--green);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.review-grid article{color:var(--ink);padding:26px}
.review-person{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.review-person img{width:66px;height:66px;object-fit:cover;border-radius:50%;border:3px solid #eef4e9;box-shadow:0 7px 22px rgba(32,66,28,.14)}
.review-person b{display:block;font-size:16px}
.review-person span{display:block;color:#657166;font-size:13px;margin-top:2px}
.review-stars{color:#f6b91a;letter-spacing:2px;margin-bottom:12px}
.review-grid article p{margin:0;font-size:16px}
.photo-note{margin-top:18px;font-size:12px;color:#778078;text-align:center}
@media(max-width:1050px){
  .hero{min-height:auto;padding:0 0 34px}
  .hero-image{position:relative;inset:auto;height:520px;margin-left:34%;background-position:center}
  .hero::after{background:linear-gradient(0deg,var(--cream-2) 0%,rgba(255,250,240,.75) 16%,rgba(255,250,240,0) 42%)}
  .hero-text{width:100%;padding:48px 44px 0;z-index:1;margin-top:-250px}
  .hero-text::before{content:"";position:absolute;inset:-50px 0 -30px;z-index:-1;background:linear-gradient(90deg,var(--cream-2) 0%,rgba(255,250,240,.96) 62%,rgba(255,250,240,.3) 100%)}
}
@media(max-width:760px){
  .hero-image{height:340px;margin-left:0;background-position:62% center}
  .hero-text{padding:32px 20px 0;margin-top:0}
  .hero-text::before{display:none}
  .hero::after{background:linear-gradient(0deg,var(--cream-2) 0%,rgba(255,250,240,.58) 24%,rgba(255,250,240,0) 58%)}
  .hero-price-card{width:100%;gap:12px}
  .hero-price-row{width:auto}
  .reviews-heading{display:block}
  .reviews-heading p{margin-top:8px}
}

/* v0.0.5 — compact header, protected product visibility and text-only reviews */
.topbar{
  padding-top:18px;
  padding-bottom:18px;
}
.hero{
  min-height:700px;
}
.hero-image{
  inset:0 0 auto auto;
  width:62%;
  height:550px;
  background-position:center right;
}
.hero::after{
  background:
    linear-gradient(90deg,
      var(--cream-2) 0%,
      var(--cream-2) 38%,
      rgba(255,250,240,.95) 43%,
      rgba(255,250,240,.58) 48%,
      rgba(255,250,240,0) 54%),
    linear-gradient(0deg,
      var(--cream-2) 0%,
      var(--cream-2) 14%,
      rgba(255,250,240,.82) 20%,
      rgba(255,250,240,0) 31%);
}
.hero-text{
  width:54%;
  padding-top:48px;
}
.review-grid-text article{
  display:flex;
  flex-direction:column;
  min-height:210px;
}
.review-grid-text article b{
  margin-top:auto;
  padding-top:18px;
  font-size:14px;
  color:#5d6b5f;
}
@media(max-width:1050px){
  .topbar{padding-top:16px;padding-bottom:16px}
  .hero{min-height:auto}
  .hero-image{
    position:relative;
    width:auto;
    height:500px;
    margin-left:32%;
  }
  .hero::after{
    background:linear-gradient(0deg,var(--cream-2) 0%,rgba(255,250,240,.82) 15%,rgba(255,250,240,0) 35%);
  }
  .hero-text{width:100%;padding-top:42px}
}
@media(max-width:760px){
  .topbar{padding-top:14px;padding-bottom:14px}
  .hero-image{height:330px;margin-left:0;background-position:62% center}
  .hero-text{padding-top:28px}
}

/* v0.0.6 — compact header, larger logo and soft lower hero fade */
.topbar{
  padding-top:18px;
  padding-bottom:18px;
}
.brand-logo{
  width:320px;
  max-width:100%;
  height:auto;
}
.hero-image::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:76px;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(255,250,240,0) 0%,
    rgba(255,250,240,.16) 42%,
    rgba(255,250,240,.68) 78%,
    var(--cream-2) 100%);
}
@media(max-width:1150px){
  .brand-logo{width:285px}
}
@media(max-width:760px){
  .topbar{padding-top:12px;padding-bottom:12px}
  .brand-logo{width:250px}
  .hero-image::after{height:58px}
}

/* v0.0.7 — compact header on desktop/mobile, larger logo and visible mobile trust bar */
.topbar{
  min-height:0;
  margin:0;
  padding:6px 44px;
  gap:24px;
}
.brand-logo{
  width:360px;
}
.topbar + .hero{
  margin-top:0;
}
@media(max-width:1150px){
  .topbar{padding:6px 32px}
  .brand-logo{width:320px}
}
@media(max-width:760px){
  .topbar{
    display:grid;
    grid-template-columns:1fr;
    padding:7px 16px 0;
    gap:7px;
  }
  .brand{
    justify-content:center;
  }
  .brand-logo{
    width:280px;
  }
  .trust-nav{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:calc(100% + 32px);
    margin:0 -16px;
    padding:10px 10px;
    gap:6px;
    background:var(--cream-2);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    white-space:normal;
    font-size:10.5px;
    line-height:1.2;
  }
  .trust-item{
    justify-content:center;
    align-items:center;
    gap:5px;
    text-align:left;
  }
  .trust-item svg{
    width:20px;
    height:20px;
    max-width:20px;
    max-height:20px;
  }
  .trust-item span{
    font-weight:750;
  }
}
@media(max-width:420px){
  .brand-logo{width:265px}
  .trust-nav{font-size:9.5px;padding-left:7px;padding-right:7px}
  .trust-item svg{width:18px;height:18px;max-width:18px;max-height:18px}
}


/* v0.0.8 remove header gap */
.topbar{padding:4px 44px 2px !important;}
.hero{padding-top:0 !important;}
@media(max-width:760px){
 .topbar{padding:4px 16px 0 !important;gap:4px !important;}
 .hero{padding-top:0 !important;}
}

@media (max-width:768px){
.topbar{padding:6px 16px 0;}
.brand-logo{width:150px;}
.hero{padding-top:0;margin-top:0;}
}

/* v0.0.10 — premium compact header + protected hero intro text */
.topbar{
  min-height:0 !important;
  padding:8px 44px !important;
  gap:28px !important;
  align-items:center !important;
}
.brand-logo{
  width:235px !important;
  max-width:235px !important;
}
.trust-nav{
  align-self:center;
}
.hero-text{
  width:51%;
}
.hero-text > p{
  max-width:470px;
  text-wrap:pretty;
}
@media(max-width:1150px){
  .topbar{padding:8px 32px !important;}
  .brand-logo{width:220px !important;max-width:220px !important;}
  .hero-text{width:53%;}
  .hero-text > p{max-width:440px;}
}
@media(max-width:900px){
  .hero-text{width:100%;}
  .hero-text > p{max-width:620px;}
}
@media(max-width:760px){
  .topbar{
    padding:7px 16px 0 !important;
    gap:5px !important;
  }
  .brand-logo{
    width:180px !important;
    max-width:180px !important;
  }
  .trust-nav{
    margin-top:0;
  }
  .hero-text > p{max-width:none;}
}
@media(max-width:420px){
  .brand-logo{width:170px !important;max-width:170px !important;}
}

/* v0.0.11 — S07 Reviews part 1 with portraits; all other sections unchanged */
.social-proof{
  grid-template-columns:1.02fr repeat(3,minmax(0,1fr));
  gap:20px;
  padding:28px 44px;
  background:#f7f4ec;
  border-top:1px solid #eee8dc;
  border-bottom:1px solid #eee8dc;
}
.social-proof-summary strong{
  display:block;
  max-width:210px;
  font-size:13px;
  line-height:1.35;
  color:#1b251d;
}
.social-proof-rating{
  display:flex;
  align-items:center;
  gap:12px;
  margin:9px 0 3px;
}
.social-proof-rating .stars{
  font-size:22px;
  line-height:1;
  letter-spacing:1px;
}
.social-proof-rating b{
  font-size:18px;
  color:#111;
}
.social-proof-summary small{
  color:#5f685f;
  font-size:11px;
}
.social-proof-review{
  display:grid;
  grid-template-columns:78px minmax(0,1fr);
  gap:14px;
  align-items:center;
  min-width:0;
}
.social-proof-review img{
  display:block;
  width:78px;
  height:96px;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 8px 22px rgba(53,67,48,.13);
}
.social-proof-review blockquote{
  margin:0;
  font-size:12px;
  line-height:1.5;
  color:#283129;
}
.social-proof-review cite{
  display:block;
  margin-top:7px;
  color:#4f5b50;
  font-size:11px;
  font-style:normal;
}
.social-proof-stars{
  margin-top:6px;
  color:#f6b91a;
  font-size:14px;
  line-height:1;
  letter-spacing:1.5px;
}
@media(max-width:1050px){
  .social-proof{grid-template-columns:1fr 1fr;gap:24px 28px}
  .social-proof-summary strong{max-width:none}
}
@media(max-width:640px){
  .social-proof{grid-template-columns:1fr;padding-top:26px;padding-bottom:26px}
  .social-proof-summary{padding-bottom:4px}
  .social-proof-review{grid-template-columns:82px minmax(0,1fr)}
  .social-proof-review img{width:82px;height:100px}
}

/* v0.0.12 — stvarne fotografije u S07 i novi S08 Problems blok */
.social-proof-review img{
  object-position:center;
}
.problems-section{
  background:#fff;
  border-bottom:1px solid var(--line);
}
.problems-main{
  padding:62px 44px 48px;
  text-align:center;
}
.problems-main h2{
  margin-bottom:12px;
  color:#17331e;
  font-size:38px;
}
.problems-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:0 auto 34px;
  color:#8ba759;
}
.problems-divider span{width:58px;height:1px;background:#8ba759}
.problems-divider svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.problems-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:24px;
  max-width:1160px;
  margin:0 auto;
}
.problem-item{display:grid;justify-items:center;gap:13px;color:#151a16;font-size:14px;line-height:1.55}
.problem-icon{
  width:94px;
  height:94px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f7f6ee;
  box-shadow:inset 0 0 0 1px rgba(74,129,32,.035);
}
.problem-icon svg{
  width:50px;
  height:50px;
  fill:none;
  stroke:#4a8120;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.problem-warning{
  width:min(calc(100% - 88px),980px);
  margin:0 auto 56px;
  padding:24px 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  background:#fff;
  border-top:1px solid #e7e5da;
  border-bottom:1px solid #e7e5da;
}
.warning-mark{
  flex:0 0 auto;
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  color:#4a8120;
}
.warning-mark svg{
  width:58px;
  height:58px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.warning-separator{
  align-self:stretch;
  width:1px;
  min-height:64px;
  background:#8ba759;
  opacity:.65;
}
.problem-warning p{
  margin:0;
  color:#294d2f;
  font-size:20px;
  line-height:1.55;
  text-align:left;
}
.problem-warning strong{font-weight:850;color:#2f6b2f}
@media(max-width:1050px){
  .problems-grid{grid-template-columns:repeat(3,1fr);row-gap:34px}
}
@media(max-width:640px){
  .problems-main{padding:50px 20px 38px}
  .problems-main h2{font-size:31px}
  .problems-grid{grid-template-columns:repeat(2,1fr);gap:28px 12px}
  .problem-icon{width:82px;height:82px}
  .problem-icon svg{width:44px;height:44px}
  .problem-warning{
    width:calc(100% - 40px);
    margin-bottom:44px;
    padding:20px 10px;
    gap:14px;
  }
  .warning-mark{width:50px;height:50px}
  .warning-mark svg{width:46px;height:46px}
  .warning-separator{min-height:54px}
  .problem-warning p{font-size:16px}
  .warning-desktop{display:none}
}

/* v0.0.13 — nova S10 Kako program djeluje; video recenzija privremeno uklonjena */
.how-section{
  padding:58px 44px 64px;
  background:linear-gradient(180deg,#fffdf8,#fbf8ef);
}
.how-heading{text-align:center;margin-bottom:34px}
.how-heading h2{font-size:42px;color:#12391e;margin-bottom:12px}
.how-divider,.how-guide-divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#8ba759}
.how-divider span{width:58px;height:1px;background:currentColor}
.how-divider svg,.how-guide-divider svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.how-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:34px;align-items:center}
.how-steps{display:grid;grid-template-columns:1fr 38px 1fr 38px 1fr 38px 1fr;align-items:start;gap:12px}
.how-step{position:relative;text-align:center;min-width:0}
.how-number{position:absolute;z-index:2;top:-12px;left:calc(50% - 66px);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#4a8120;color:#fff;font-size:20px;font-weight:800;box-shadow:0 8px 20px rgba(74,129,32,.18)}
.how-icon{width:126px;height:126px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:#f5f3e9;box-shadow:inset 0 0 0 1px rgba(74,129,32,.04)}
.how-icon svg{width:68px;height:68px;fill:none;stroke:#4a8120;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.how-step h3{font-family:Inter,Arial,sans-serif;margin:0 0 12px;color:#12391e;font-size:18px;text-transform:uppercase;letter-spacing:.01em}
.how-step p{margin:0 auto;max-width:205px;font-size:14px;line-height:1.7;color:#202820}
.how-arrow{align-self:center;margin-top:41px;color:#4a8120;font-size:38px;font-weight:300;line-height:1}
.how-guide{padding:28px 24px 25px;text-align:center;border-radius:18px;background:#f4f2e8;box-shadow:0 12px 28px rgba(41,67,34,.06)}
.how-guide p{margin:0;font-size:15px;line-height:1.65;color:#1d251e}
.how-guide strong{color:#4a8120}
.how-guide-divider{gap:9px;margin:16px 0 14px}
.how-guide-divider span{width:48px;height:1px;background:currentColor}
.how-guide-divider svg{width:22px;height:22px}
.how-guide img{display:block;width:142px;height:142px;object-fit:contain;margin:0 auto;background:#fff;border-radius:9px;padding:7px}
@media(max-width:1100px){
  .how-layout{grid-template-columns:1fr}
  .how-guide{width:min(100%,520px);margin:8px auto 0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;text-align:left}
  .how-guide-divider{display:none}
  .how-guide img{width:120px;height:120px}
}
@media(max-width:900px){
  .how-steps{grid-template-columns:1fr 1fr;gap:42px 28px}
  .how-arrow{display:none}
}
@media(max-width:640px){
  .how-section{padding:50px 20px 54px}
  .how-heading h2{font-size:34px}
  .how-steps{grid-template-columns:1fr;gap:42px}
  .how-icon{width:116px;height:116px}
  .how-number{left:calc(50% - 61px)}
  .how-step p{max-width:280px}
  .how-guide{display:block;text-align:center;padding:24px 20px}
  .how-guide-divider{display:flex}
  .how-guide img{width:140px;height:140px;margin-top:4px}
}

/* v0.0.14 — S09 cjelovito rješenje + S16 garancija kvalitete */
.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.solution-section{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:52px;
  align-items:center;
  background:#fff;
}
.solution-copy{min-width:0}
.solution-ornament{
  width:min(100%,330px);
  display:flex;
  align-items:center;
  gap:22px;
  margin:0 0 24px;
  color:#77a234;
  font-size:31px;
  line-height:1;
}
.solution-ornament span{
  height:1px;
  flex:1;
  background:#9bbd6c;
}
.solution-section h2{
  max-width:560px;
  margin-bottom:26px;
  color:#123e2b;
  font-size:52px;
  line-height:1.02;
}
.solution-section h2 em{
  color:#5d842f;
  font-style:normal;
}
.solution-copy>p{
  max-width:585px;
  margin:0 0 26px;
  font-size:17px;
  line-height:1.65;
}
.solution-checklist{
  list-style:none;
  padding:0;
  margin:0 0 30px;
  display:grid;
  gap:14px;
}
.solution-checklist li{
  position:relative;
  padding-left:48px;
  font-size:17px;
  color:#202a22;
}
.solution-checklist li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:2px solid #77a234;
  border-radius:50%;
  color:#5e8c2b;
  font-size:17px;
  font-weight:900;
}
.solution-cta{padding:18px 34px}
.solution-photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
  box-shadow:none;
  filter:none;
}
.quality-guarantee{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:54px;
  align-items:center;
  margin:0 44px 70px;
  padding:58px 70px;
  background:#fbf8ef;
  border:1px solid #f0ebdd;
  border-radius:24px;
}
.quality-copy p{
  max-width:680px;
  margin:0 0 24px;
  color:#1c251f;
  font-size:19px;
  line-height:1.55;
}
.quality-copy p strong{color:#5f9229}
.quality-divider{
  display:flex;
  align-items:center;
  gap:20px;
  width:min(100%,540px);
  margin:26px 0 24px;
  color:#77a234;
  font-size:26px;
}
.quality-divider span{height:1px;flex:1;background:#77a234}
.quality-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:20px;
}
.quality-list li{
  position:relative;
  max-width:650px;
  padding-left:46px;
  color:#1c251f;
  font-size:18px;
  line-height:1.55;
}
.quality-list li::before{
  content:'❧';
  position:absolute;
  left:0;
  top:-2px;
  color:#77a234;
  font-size:30px;
}
.quality-badge-wrap{
  position:relative;
  min-height:390px;
  display:grid;
  place-items:center;
}
.quality-badge{
  position:relative;
  z-index:2;
  width:330px;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#fff;
  border:9px double #fff;
  outline:4px solid #67932d;
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#96c64c 0%,#77a234 48%,#62902c 100%);
  box-shadow:0 18px 35px rgba(65,99,27,.24), inset 0 0 0 2px rgba(255,255,255,.55);
}
.quality-badge::before{
  content:'';
  position:absolute;
  inset:18px;
  border:3px dotted rgba(255,255,255,.9);
  border-radius:50%;
}
.quality-leaf{font-size:50px;line-height:1;transform:rotate(180deg)}
.quality-badge-line{width:68%;height:2px;background:rgba(255,255,255,.9);margin:14px 0 18px}
.quality-badge strong{
  position:relative;
  z-index:1;
  font-family:"Cormorant Garamond","Lora",Georgia,serif;
  font-size:39px;
  line-height:1.02;
  text-transform:uppercase;
  text-shadow:0 2px 1px rgba(52,87,18,.28);
}
.quality-stars{margin-top:22px;font-size:17px;letter-spacing:8px}
.badge-branch{
  position:absolute;
  z-index:1;
  color:rgba(119,162,52,.42);
  font-size:180px;
  line-height:1;
}
.branch-one{right:-10px;top:10px;transform:rotate(-22deg)}
.branch-two{right:12px;bottom:-2px;transform:rotate(30deg)}
@media(max-width:1050px){
  .solution-section{grid-template-columns:1fr;gap:34px}
  .solution-section h2{font-size:44px;max-width:760px}
  .solution-photo{max-width:760px;margin:0 auto}
  .quality-guarantee{grid-template-columns:1fr;padding:48px 52px}
  .quality-badge-wrap{min-height:350px}
}
@media(max-width:640px){
  .solution-section{padding-left:20px;padding-right:20px}
  .solution-section h2{font-size:37px}
  .solution-ornament{width:250px;margin-bottom:18px}
  .solution-copy>p,.solution-checklist li{font-size:16px}
  .solution-photo{width:calc(100% + 40px);margin-left:-20px}
  .quality-guarantee{
    margin:0 20px 54px;
    padding:36px 24px;
    gap:28px;
    border-radius:18px;
  }
  .quality-copy p{font-size:17px}
  .quality-list li{font-size:16px;padding-left:38px}
  .quality-badge-wrap{min-height:285px}
  .quality-badge{width:min(270px,82vw)}
  .quality-badge strong{font-size:32px}
  .badge-branch{font-size:125px}
}

/* v0.0.15 — samo novi S16 vizual + poravnanje prve fotografije u S07 */
.quality-guarantee-image{
  margin:0;
  padding:46px 28px 70px;
  background:#fff;
}
.quality-guarantee-image img{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
  border-radius:0;
  box-shadow:none;
}
.social-proof-review:first-of-type img{
  object-position:center center;
}
@media(max-width:640px){
  .quality-guarantee-image{
    padding:28px 0 50px;
  }
  .quality-guarantee-image img{
    width:100%;
  }
}

/* v0.0.16 — S11 Što dobivate u paketu + precizno poravnanje prve fotografije u S07 */
.package-showcase{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:54px;
  align-items:center;
  padding-top:64px;
  padding-bottom:64px;
  background:#fff;
}
.package-copy{min-width:0}
.package-copy h2{
  margin-bottom:16px;
  color:#17331e;
  font-size:42px;
}
.package-copy>p{
  max-width:510px;
  margin:0 0 24px;
}
.package-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.package-list li{
  position:relative;
  padding-left:34px;
  color:#233126;
  font-size:16px;
  font-weight:650;
}
.package-list li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:-1px;
  width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border:1.8px solid var(--green);
  border-radius:50%;
  color:var(--green);
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.package-bonus{
  display:flex;
  align-items:center;
  gap:12px;
  width:fit-content;
  max-width:100%;
  margin:24px 0 26px;
  padding:12px 16px;
  border:1px solid rgba(119,162,52,.3);
  border-radius:13px;
  background:#f4f8ed;
  color:#294326;
}
.package-bonus span{
  flex:0 0 auto;
  padding:5px 9px;
  border-radius:999px;
  background:#77a234;
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
}
.package-bonus strong{font-size:14px}
.package-cta{padding:17px 28px}
.package-photo{
  min-width:0;
  overflow:hidden;
  border-radius:20px;
  box-shadow:0 18px 46px rgba(42,73,34,.14);
}
.package-photo img{
  display:block;
  width:100%;
  height:auto;
}
/* The first portrait had uneven whitespace baked into its source file.
   Its image asset is normalized in v016; this rule keeps the crop centered. */
.social-proof-review:first-of-type img{
  object-position:50% 50%;
}
@media(max-width:1050px){
  .package-showcase{grid-template-columns:1fr;gap:34px}
  .package-copy>p{max-width:720px}
  .package-photo{max-width:760px;margin:0 auto}
}
@media(max-width:640px){
  .package-showcase{padding-top:50px;padding-bottom:50px;gap:28px}
  .package-copy h2{font-size:34px}
  .package-list{gap:11px}
  .package-list li{font-size:15px}
  .package-bonus{align-items:flex-start}
  .package-photo{border-radius:14px}
}

/* v0.0.17 — S12 Stručan pristup u svakom koraku programa */
.expert-approach{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:54px;
  align-items:center;
  padding-top:66px;
  padding-bottom:66px;
  background:linear-gradient(180deg,#fffdf8 0%,#fff 100%);
}
.expert-approach-copy{min-width:0}
.expert-approach-copy h2{
  max-width:520px;
  margin-bottom:24px;
  color:#17331e;
  font-size:42px;
  text-wrap:balance;
}
.expert-approach-copy p{
  max-width:570px;
  margin:0 0 18px;
  font-size:16.5px;
  line-height:1.68;
  color:#263227;
}
.expert-approach-copy p:last-child{margin-bottom:0}
.expert-approach-photo{
  min-width:0;
  margin:0;
  overflow:hidden;
  border-radius:20px;
  box-shadow:0 18px 46px rgba(42,73,34,.14);
}
.expert-approach-photo img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:1050px){
  .expert-approach{grid-template-columns:1fr;gap:34px}
  .expert-approach-copy h2{max-width:760px}
  .expert-approach-copy p{max-width:760px}
  .expert-approach-photo{max-width:800px;margin:0 auto}
}
@media(max-width:640px){
  .expert-approach{padding-top:50px;padding-bottom:50px;gap:28px}
  .expert-approach-copy h2{font-size:34px}
  .expert-approach-copy p{font-size:15.5px;line-height:1.62}
  .expert-approach-photo{border-radius:14px}
}

/* v0.0.18 — S14 Zašto odabrati ovaj program? */
.trust-showcase{
  padding-top:66px;
  padding-bottom:72px;
  background:linear-gradient(180deg,#fffdf8 0%,#fffaf0 100%);
}
.trust-showcase h2{
  color:#17331e;
  font-size:44px;
  margin-bottom:10px;
}
.section-ornament{
  width:280px;
  margin:0 auto 34px;
  display:grid;
  grid-template-columns:1fr 28px 1fr;
  gap:12px;
  align-items:center;
  color:#77a234;
}
.section-ornament span{height:1px;background:#9ab96d}
.section-ornament svg{
  width:28px;
  height:28px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  align-items:start;
}
.trust-card{
  position:relative;
  min-width:0;
  padding:0 24px;
}
.trust-card+ .trust-card::before{
  content:"";
  position:absolute;
  left:0;
  top:20px;
  bottom:4px;
  width:1px;
  background:#e5e8da;
}
.trust-icon{
  width:154px;
  height:154px;
  margin:0 auto 22px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2f2e8;
}
.trust-icon svg{
  width:78px;
  height:78px;
  fill:none;
  stroke:#4a8120;
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.trust-card h3{
  min-height:58px;
  margin:0 0 14px;
  color:#244821;
  font-size:26px;
  line-height:1.06;
}
.trust-card p{
  max-width:210px;
  margin:0 auto;
  color:#252d26;
  font-size:15px;
  line-height:1.6;
}
@media(max-width:1050px){
  .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 0}
  .trust-card:nth-child(odd)::before{display:none}
  .trust-card:nth-child(5){grid-column:1/-1;max-width:460px;margin:0 auto}
  .trust-card:nth-child(5)::before{display:none}
  .trust-card p{max-width:300px}
}
@media(max-width:640px){
  .trust-showcase{padding-top:50px;padding-bottom:54px}
  .trust-showcase h2{font-size:35px}
  .section-ornament{width:220px;margin-bottom:30px}
  .trust-grid{grid-template-columns:1fr;gap:34px}
  .trust-card{padding:0}
  .trust-card::before{display:none!important}
  .trust-card:nth-child(5){grid-column:auto;max-width:none}
  .trust-icon{width:132px;height:132px;margin-bottom:18px}
  .trust-icon svg{width:66px;height:66px}
  .trust-card h3{min-height:0;font-size:24px}
  .trust-card p{font-size:15px;max-width:330px}
}

/* v0.0.21 — kompaktna traka Garancije kvalitete nakon FAQ-a */
.quality-strip-wrap{
  padding:28px 26px 42px;
  background:#fff;
}
.quality-strip{
  position:relative;
  display:grid;
  grid-template-columns:210px repeat(4,minmax(0,1fr));
  align-items:center;
  min-height:236px;
  padding:24px 46px 24px 26px;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(105deg,#527f2c 0%,#4a8120 56%,#3e6f1b 100%);
  border:1px solid #396518;
  border-radius:24px;
  box-shadow:0 14px 34px rgba(38,82,20,.16);
}
.quality-strip-seal{
  position:relative;
  z-index:2;
  width:166px;
  aspect-ratio:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:5px double rgba(255,255,255,.95);
  outline:2px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#608f2f,#315d14 68%,#23490b);
  box-shadow:0 9px 20px rgba(15,46,7,.28),inset 0 0 0 9px rgba(255,255,255,.06);
}
.quality-strip-seal::after{
  content:"";
  position:absolute;
  inset:11px;
  border:2px dotted rgba(255,255,255,.78);
  border-radius:50%;
}
.quality-strip-seal>*{position:relative;z-index:1}
.quality-strip-seal .seal-leaf{width:32px;height:32px;margin-bottom:2px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.quality-strip-seal strong{
  font-family:"Cormorant Garamond","Lora",Georgia,serif;
  font-size:41px;
  line-height:.84;
  margin-top:-4px;
}
.quality-strip-seal span{
  font-family:"Cormorant Garamond","Lora",Georgia,serif;
  font-size:17px;
  line-height:.88;
  text-transform:uppercase;
  font-weight:800;
  max-width:112px;
}
.quality-strip-seal b{
  margin-top:6px;
  font-size:10px;
  line-height:1;
  letter-spacing:3px;
}
.quality-strip-item{
  position:relative;
  z-index:2;
  min-height:148px;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:12px;
  align-items:start;
  padding:12px 22px;
  border-left:1px solid rgba(255,255,255,.48);
}
.quality-strip-item svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.quality-strip-item h3{margin:2px 0 13px;color:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.18;letter-spacing:0}
.quality-strip-item p{margin:0;color:rgba(255,255,255,.9);font-size:13px;line-height:1.5}
.quality-strip-branch{position:absolute;z-index:1;right:-13px;top:-18px;width:190px;height:220px;fill:rgba(255,255,255,.15);stroke:rgba(255,255,255,.28);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
@media(max-width:1050px){
  .quality-strip{grid-template-columns:180px 1fr 1fr;padding-right:30px}
  .quality-strip-seal{grid-row:1/3;width:150px}
  .quality-strip-item{min-height:122px}
}
@media(max-width:700px){
  .quality-strip-wrap{padding:22px 14px 34px}
  .quality-strip{grid-template-columns:1fr;padding:26px 20px 30px;border-radius:20px}
  .quality-strip-seal{grid-row:auto;width:154px;margin:0 auto 16px}
  .quality-strip-item{min-height:0;padding:17px 2px;border-left:0;border-top:1px solid rgba(255,255,255,.35)}
  .quality-strip-item h3{font-size:16px;margin-bottom:8px}
  .quality-strip-item p{font-size:14px}
  .quality-strip-branch{right:-34px;bottom:-34px;top:auto;opacity:.65}
}

/* v0.0.23 — završni CTA s unboxing fotografijom */
.final-cta{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:58px;
  align-items:center;
  padding-top:66px;
  padding-bottom:66px;
  background:#fbf8ef;
}
.final-cta-copy{min-width:0}
.final-cta-kicker{
  margin:0 0 10px;
  color:#5e842f;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.final-cta h2{
  max-width:560px;
  margin:0 0 18px;
  color:#17331e;
  font-size:46px;
  line-height:1.05;
}
.final-cta-intro{
  max-width:585px;
  margin:0 0 24px;
  color:#283228;
  font-size:17px;
  line-height:1.65;
}
.final-cta-price{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin:0 0 25px;
}
.final-cta-price strong,
.final-cta-price del{
  font-size:38px;
  line-height:1;
  font-weight:900;
}
.final-cta-price strong{color:#4a8120}
.final-cta-price del{
  color:#c63e38;
  text-decoration-color:#c63e38;
  text-decoration-thickness:3px;
}
.final-cta-price span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 14px;
  border-radius:8px;
  color:#fff;
  background:#4a8120;
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.final-cta-benefits{
  list-style:none;
  display:grid;
  gap:13px;
  margin:0 0 30px;
  padding:0;
}
.final-cta-benefits li{
  position:relative;
  padding-left:32px;
  color:#202a22;
  font-size:16px;
  line-height:1.45;
}
.final-cta-benefits li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:0;
  color:#4a8120;
  font-size:20px;
  font-weight:900;
}
.final-cta-button{
  min-width:270px;
  justify-content:center;
  padding:18px 28px;
}
.final-cta-photo img{
  display:block;
  width:100%;
  height:auto;
  border-radius:20px;
  box-shadow:0 18px 42px rgba(38,75,25,.16);
  filter:none;
}
@media(max-width:1050px){
  .final-cta{grid-template-columns:1fr;gap:36px}
  .final-cta-copy{max-width:760px}
  .final-cta-photo{max-width:820px;margin:0 auto}
}
@media(max-width:640px){
  .final-cta{padding:48px 20px 52px;gap:28px}
  .final-cta h2{font-size:36px}
  .final-cta-intro{font-size:16px}
  .final-cta-price{gap:12px}
  .final-cta-price strong,
  .final-cta-price del{font-size:31px}
  .final-cta-price span{font-size:12px}
  .final-cta-button{width:100%;min-width:0}
  .final-cta-photo{width:calc(100% + 40px);margin-left:-20px}
  .final-cta-photo img{border-radius:0;box-shadow:none}
}

/* v0.0.24 — kompaktan footer bez dodatne navigacije */
.footer{
  display:block;
  padding:0;
  color:#fff;
  background:#3f741f;
}
.footer-main{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:70px;
  align-items:start;
  padding:42px 54px 34px;
}
.footer-identity{max-width:500px}
.footer-logo{
  display:block;
  width:245px;
  max-width:100%;
  height:auto;
  margin:0 0 17px;
}
.footer-identity p{
  max-width:430px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:15px;
  line-height:1.6;
}
.footer-contact{
  display:grid;
  justify-items:start;
  gap:7px;
}
.footer-contact h2{
  margin:0 0 7px;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.footer-contact a{
  color:#fff;
  font-size:15px;
  line-height:1.45;
  text-decoration:none;
}
.footer-contact a:hover{text-decoration:underline}
.footer-contact p{
  margin:8px 0 0;
  color:rgba(255,255,255,.86);
  font-size:14px;
  line-height:1.5;
}
.footer-contact strong{color:#fff}
.footer-bottom{
  padding:15px 54px 17px;
  border-top:1px solid rgba(255,255,255,.22);
}
.footer-bottom p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:12px;
  line-height:1.4;
}
@media(max-width:760px){
  .footer-main{
    grid-template-columns:1fr;
    gap:30px;
    padding:36px 24px 28px;
  }
  .footer-logo{width:220px}
  .footer-bottom{padding:14px 24px 16px}
}


/* v0.0.25 — završna dorada footera */
.footer-hours{margin-top:12px}
.footer-hours h2{margin:0 0 6px}
.footer-hours p{margin:0;color:#fff;font-size:15px;line-height:1.45}

/* v0.0.29 — Reviews Part 2 now uses the complete Reviews Part 1 format */
.reviews-part-two{
  padding-top:84px;
}
.reviews-part-two .reviews-heading{
  margin-bottom:28px;
}
.reviews-part-two-grid{
  grid-template-columns:1.02fr repeat(3,minmax(0,1fr));
  align-items:center;
  padding:28px 44px;
}
@media (max-width:1050px){
  .reviews-part-two-grid{grid-template-columns:1fr 1fr;gap:24px 28px}
}
@media (max-width:640px){
  .reviews-part-two{padding-top:64px}
  .reviews-part-two-grid{grid-template-columns:1fr;padding:26px 20px}
}


/* v0.0.30 — zaključane dorade: S03 Hero CTA, S18 Reviews Part 2, S19 footer logo */
.hero-price-card{
  width:min(100%,470px);
  margin-top:20px;
  padding:0;
  display:block;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
}
.hero-final-price{
  margin:0;
}
.hero-final-price strong,
.hero-final-price del{
  font-size:38px;
}

.reviews-part-two{
  padding:0;
  background:#f4f2e8;
}
.reviews-part-two-grid{
  width:100%;
  padding:40px 44px;
  background:#f4f2e8;
}

.footer-logo{
  width:245px;
  image-rendering:auto;
}

@media(max-width:640px){
  .hero-final-price strong,
  .hero-final-price del{font-size:31px}
  .reviews-part-two{padding:0}
  .reviews-part-two-grid{padding:26px 20px}
}

/* v0.0.33 — popravak footera bez promjene ostatka stranice */
.footer-logo-lockup{
  width:245px;
  max-width:100%;
  margin:0 0 17px;
}
.footer-logo-lockup .footer-logo{
  width:100%;
  max-width:none;
  margin:0;
}
.footer-logo-tagline{
  display:block;
  margin-top:5px;
  padding-top:7px;
  border-top:1px solid rgba(255,255,255,.82);
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:0;
  white-space:nowrap;
}
.footer-contact{
  gap:12px;
}
.footer-contact-row{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:26px;
  color:#fff;
}
.footer-contact-icon{
  flex:0 0 20px;
  width:20px;
  height:20px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.footer-contact-row span{
  display:block;
  color:#fff;
}
.footer-hours{
  margin-top:5px;
  align-items:flex-start;
}
.footer-hours h2{
  margin:0 0 3px;
  font-size:13px;
  line-height:1.3;
}
.footer-hours p{
  margin:0;
  font-size:14px;
}
@media(max-width:760px){
  .footer-logo-lockup{width:220px}
  .footer-logo-tagline{font-size:10px}
}


/* v0.0.34 — S03 Hero CTA kartica usklađena s Final CTA blokom */
.hero-price-card{
  width:min(100%,470px);
  margin-top:18px;
  padding:15px 18px 16px;
  display:block;
  background:rgba(255,255,255,.90);
  border:1px solid rgba(74,129,32,.22);
  border-radius:14px;
  box-shadow:0 12px 34px rgba(43,79,34,.10);
  backdrop-filter:blur(5px);
}
.hero-price-card .hero-final-price{
  margin:0 0 12px;
  gap:14px;
}
.hero-price-benefits{
  list-style:none;
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
}
.hero-price-benefits li{
  position:relative;
  padding-left:27px;
  color:#202a22;
  font-size:14px;
  line-height:1.4;
}
.hero-price-benefits li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:-1px;
  color:#4a8120;
  font-size:18px;
  font-weight:900;
}
@media(max-width:640px){
  .hero-price-card{padding:14px 14px 15px}
  .hero-price-card .hero-final-price{gap:10px;margin-bottom:11px}
  .hero-price-card .hero-final-price strong,
  .hero-price-card .hero-final-price del{font-size:30px}
  .hero-price-card .hero-final-price span{padding:7px 10px;font-size:11px}
}


/* v0.0.36 — production polish: S03 naslov, mini trust prijelom i S06 informativni blok */
.problem-warning{
  background:#fff !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-left:0 !important;
  border-right:0 !important;
}
.problem-warning .warning-mark{
  display:grid !important;
  color:#4a8120 !important;
}
.problem-warning .warning-separator{
  display:block !important;
  background:#8ba759 !important;
}
.hero .mini-trust-item:nth-child(2) > span{
  line-height:1.25;
}

/* v0.0.37 — maslinasti footer bez logotipa */
.footer{
  display:block;
  padding:0;
  color:#fff;
  background:#667f3f;
}

.footer-main{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:70px;
  align-items:start;
  padding:48px 54px 38px;
}

.footer-identity{
  max-width:540px;
}

.footer-brand h2{
  display:inline-block;
  margin:0 0 11px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.44);
  color:#fff;
  font-family:"Cormorant Garamond","Lora",Georgia,serif;
  font-size:35px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.2px;
}

.footer-brand .footer-subtitle{
  margin:0 0 19px;
  color:rgba(255,255,255,.92);
  font-family:"Cormorant Garamond","Lora",Georgia,serif;
  font-size:15px;
  line-height:1.35;
}

.footer-brand .footer-description{
  max-width:450px;
  margin:0;
  color:rgba(255,255,255,.9);
  font-size:14px;
  line-height:1.65;
}

.footer-contact{
  display:grid;
  justify-items:start;
  gap:12px;
  padding-top:8px;
}

.footer-contact h2{
  margin:0 0 7px;
  color:#fff;
  font-family:Inter,Arial,sans-serif;
  font-size:15px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.footer-contact-row{
  display:flex;
  align-items:center;
  gap:11px;
  min-height:26px;
  color:#fff;
}

.footer-contact a{
  color:#fff;
  font-size:15px;
  line-height:1.45;
  text-decoration:none;
}

.footer-contact a:hover{
  text-decoration:underline;
}

.footer-contact-icon{
  flex:0 0 20px;
  width:20px;
  height:20px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.footer-contact-row span{
  display:block;
  color:#fff;
}

.footer-hours{
  margin-top:5px;
  align-items:flex-start;
}

.footer-hours h2{
  margin:0 0 3px;
  font-size:13px;
  line-height:1.3;
}

.footer-hours p{
  margin:0;
  color:#fff;
  font-size:14px;
  line-height:1.45;
}

.footer-bottom{
  padding:15px 54px 17px;
  border-top:1px solid rgba(255,255,255,.22);
}

.footer-bottom p{
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:12px;
  line-height:1.4;
}

@media(max-width:760px){
  .footer-main{
    grid-template-columns:1fr;
    gap:30px;
    padding:38px 24px 30px;
  }

  .footer-brand h2{
    font-size:20px;
  }

  .footer-brand .footer-subtitle{
    font-size:13px;
  }

  .footer-brand .footer-description{
    font-size:13px;
  }

  .footer-contact{
    padding-top:0;
  }

  .footer-bottom{
    padding:14px 24px 16px;
  }
}

/* v0.0.38 — konačna boja i veličina naslova footera */
.footer{
  background:#72884d !important;
}

.footer-brand h2{
  font-size:20px;
  line-height:1.08;
  padding-bottom:8px;
  margin-bottom:9px;
}

@media(max-width:760px){
  .footer-brand h2{
    font-size:20px;
  }
}

html {
  scroll-behavior: smooth;
}

/* Korekcija vertikalnog poravnanja pečata Garancija kvalitete */
.quality-strip-seal .seal-leaf,
.quality-strip-seal strong,
.quality-strip-seal span,
.quality-strip-seal b{
  transform:translateY(-9px);
}