@font-face{font-family:"DM Serif Display";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/dm-serif-display.woff") format("woff")}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("../fonts/manrope.woff") format("woff")}
/* Cvećara Jasmin – stil sajta
   Boje, fontovi i razmaci preuzeti iz Webflow verzije (Boje: Pozadina, Zlatna, Text, Text80, Text40, Kartice...) */

/* Fontovi (Manrope, DM Serif Display) su ugrađeni u sajt: vidi @font-face na vrhu fajla i folder fonts/ */

:root{
  color-scheme:dark;
  --pozadina:#0d0c0a;
  --zlatna:#d4af6a;
  --text:#f5f1ea;
  --text80:#c7c1b8;
  --text40:#7d7870;
  --kartice:#161511;
  --pozadina-proslave:#211e19;
  --futer-pozadina:#0a0908;
  --zlatna-linija:rgba(212,175,106,.4);
  --kontejner:70.625rem;
  --razmak:1.5rem;
  --sekcija:6rem;
  --serif:"DM Serif Display",Georgia,"Times New Roman",serif;
  --sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;background:var(--pozadina);color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.5rem;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3,h4,p{margin:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:2px solid var(--zlatna);outline-offset:0.1875rem}
.skok{position:absolute;left:-62.4375rem;top:0;background:var(--zlatna);color:var(--pozadina);padding:0.5rem 1rem;z-index:200}
.skok:focus{left:0.5rem;top:0.5rem}
.samo-citac{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

h1{font-family:var(--serif);font-weight:400;font-size:3.5rem;line-height:3.75rem;color:var(--zlatna)}
h2{font-family:var(--serif);font-weight:400;font-size:2.875rem;line-height:3rem;color:var(--zlatna)}

.kontejner{width:100%;max-width:calc(var(--kontejner) + 2*var(--razmak));margin-inline:auto;padding-inline:var(--razmak)}
.sekcija{padding-block:var(--sekcija)}
.eyebrow{font-size:0.75rem;line-height:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text80)}
.centar{text-align:center}

/* dugmad */
.dugme{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:0.75rem 1.5rem;width:20rem;max-width:100%;
  font-size:0.875rem;line-height:1.25rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase;text-align:center;
  background:var(--zlatna);color:var(--pozadina);border:1px solid var(--zlatna);transition:background .2s,color .2s}
.dugme:hover{background:transparent;color:var(--zlatna)}
.dugme--okvir{background:transparent;color:var(--zlatna)}
.dugme--okvir:hover{background:var(--zlatna);color:var(--pozadina)}

/* gradijent linija (komponenta "Linija") */
.linija{height:1px;width:100%;background:linear-gradient(90deg,rgba(212,175,106,0) 0%,var(--zlatna) 50%,rgba(212,175,106,0) 100%)}

/* ---------- HEADER ---------- */
.header{position:sticky;top:env(safe-area-inset-top,0px);z-index:100;background:var(--pozadina);border-bottom:1px solid var(--zlatna)}
.header__red{display:flex;align-items:center;justify-content:space-between;height:5.5rem;gap:1.5rem}
.header__logo{display:block;flex:none}
.header__logo img{width:7.5rem;height:2.75rem}
.nav{display:flex;gap:3rem}
.nav a{font-size:0.875rem;line-height:1.25rem;color:var(--text);padding-block:0.5rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover,.nav a[aria-current="page"]{color:var(--zlatna)}
.pozovi{display:flex;align-items:center;gap:0.75rem;flex:none}
.pozovi img{width:2.5rem;height:2.5rem}
.pozovi__tekst{display:flex;flex-direction:column;font-size:0.75rem;line-height:1rem;letter-spacing:.04em;text-transform:uppercase}
.pozovi__tekst b{font-weight:600;color:var(--zlatna);font-size:0.8125rem}
.meni-dugme{display:none;width:2.75rem;height:2.75rem;align-items:center;justify-content:center}
.meni-dugme span,.meni-dugme span::before,.meni-dugme span::after{display:block;width:1.375rem;height:2px;background:var(--zlatna);position:relative;transition:transform .2s,background .2s}
.meni-dugme span::before,.meni-dugme span::after{content:"";position:absolute;left:0}
.meni-dugme span::before{top:-0.4375rem}.meni-dugme span::after{top:0.4375rem}
.meni-otvoren .meni-dugme span{background:transparent}
.meni-otvoren .meni-dugme span::before{top:0;transform:rotate(45deg)}
.meni-otvoren .meni-dugme span::after{top:0;transform:rotate(-45deg)}

/* ---------- HERO (Početna – slajder) ---------- */
.hero{position:relative;overflow:hidden;min-height:clamp(35rem,51.4vw,46.25rem)}
.hero__slajd{position:absolute;inset:0;visibility:hidden;transform:translateX(100%)}
.hero__slajd.aktivan{visibility:visible;transform:none;transition:transform .9s cubic-bezier(.65,0,.35,1)}
.hero__slajd.otisao{transform:translateX(-100%);transition:transform .9s cubic-bezier(.65,0,.35,1),visibility 0s .9s}
.hero--nazad .hero__slajd{transform:translateX(-100%)}
.hero--nazad .hero__slajd.aktivan{transform:none}
.hero--nazad .hero__slajd.otisao{transform:translateX(100%)}
[data-hero]{touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
[data-hero] .dugme,[data-hero] a{cursor:pointer}
@keyframes slajd-desno{from{opacity:0;transform:translateX(2.5rem)}to{opacity:1;transform:none}}
@keyframes slajd-levo{from{opacity:0;transform:translateX(-2.5rem)}to{opacity:1;transform:none}}
.hero__slika{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain;object-position:right center}
.hero__sadrzaj{position:relative;height:100%;display:flex;align-items:center;pointer-events:none}
.hero__tekst{max-width:30rem;pointer-events:auto;padding-bottom:1rem}
.hero__tekst h1{margin-top:1rem}
.hero__tekst p{margin-top:1rem;max-width:25rem;color:var(--text80)}
.hero__tekst .dugme{margin-top:2rem}
.hero__tacke{position:absolute;left:0;right:0;bottom:1.5rem;display:flex;justify-content:center;gap:0.75rem;z-index:3}
.tacka{width:0.75rem;height:0.75rem;border-radius:50%;border:1px solid var(--zlatna);background:transparent;padding:0}
.tacka.aktivna{background:var(--zlatna)}

/* ---------- HERO (podstranica) ---------- */
.hero-str{position:relative;min-height:clamp(30rem,38.2vw,34.375rem);background:var(--pozadina) center/cover no-repeat;display:flex;align-items:center}
.hero-str::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,10,.85) 0%,rgba(13,12,10,.35) 45%,rgba(13,12,10,0) 70%)}
.hero-str .kontejner{position:relative}
.hero-str__tekst{max-width:45rem}
.hero-str--saucesce .hero-str__slika{object-position:36% 50%}
.hero-str--saucesce::before{z-index:1}
.hero-str--saucesce .kontejner,.hero-str--saucesce .mrvice{z-index:2}
.hero-str h1{margin-top:1rem}
.hero-str p{margin-top:1rem;max-width:25rem;color:var(--text80)}
.hero-str .dugme{margin-top:2rem}
.hero-str .mrvice{position:absolute;top:2rem;left:0;right:0;margin-inline:auto;font-size:0.75rem;line-height:1rem;color:var(--text80)}
.mrvice a:hover{color:var(--zlatna)}
.mrvice span{margin-inline:0.5rem;color:var(--text40)}

/* ---------- BENEFITI ---------- */
.benefiti__red{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:2rem}
.benefit{display:flex;align-items:center;gap:1rem;font-size:1rem;line-height:1.5rem;color:var(--text)}
.benefit img{width:2rem;height:2rem;flex:none}

/* ---------- PONUDA (Početna) ---------- */
.ponuda-naslov{text-align:center}
.ponuda-naslov h2{margin-top:0.5rem}
.ponuda-tabovi{display:flex;justify-content:center;align-items:center;gap:0;margin-top:1rem;font-size:0.75rem;line-height:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text80)}
.ponuda-tabovi a{padding:0.25rem 1rem;transition:color .2s}
.ponuda-tabovi a:hover{color:var(--zlatna)}
.ponuda-tabovi a+a{border-left:1px solid var(--text40)}
.bento{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0.5rem;margin-top:2.5rem;aspect-ratio:2/1}
.bento a,.bento div{overflow:hidden;position:relative}
.bento img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bento a:hover img{transform:scale(1.04)}
.bento__veliki{grid-row:1/3}
.bento__gore{grid-column:2}
.bento__dole{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem;grid-column:2}
.bento__dole a{display:block}
.ponuda__dugme{display:flex;justify-content:center;margin-top:3rem}

/* ---------- PROSLAVE (Početna) ---------- */
.proslave{background:var(--pozadina-proslave)}
.proslave .centar h2{margin-top:0.5rem}
.karusel{position:relative;margin-top:3rem}
.karusel__traka{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:0;scroll-behavior:smooth}
.karusel__traka::-webkit-scrollbar{display:none}
.kartica{flex:0 0 calc((100% - 3rem)/3);scroll-snap-align:start;scroll-snap-stop:always;text-align:center}
.kartica__slika{aspect-ratio:1/1;overflow:hidden}
.kartica__slika img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.kartica:hover .kartica__slika img{transform:scale(1.04)}
.kartica h3{margin-top:0.75rem;font-family:var(--serif);font-weight:400;font-size:1.25rem;line-height:1.75rem;color:var(--text)}
.kartica p{font-size:0.875rem;line-height:1.25rem;color:var(--text80);margin-top:2px}
.strelica{position:absolute;top:calc(50% - 4rem);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2}
.strelica:hover{background:rgba(212,175,106,.18)}
.strelica[disabled]{opacity:.35;cursor:default}
.strelica[disabled]:hover{background:none}
.strelica img{width:3rem;height:3rem}
.strelica--l{left:-4.5rem}.strelica--d{right:-4.5rem}
.karusel__tacke{display:flex;justify-content:center;gap:0.75rem;margin-top:2rem}
.proslave__dugme{display:flex;justify-content:center;margin-top:2.5rem}

/* ---------- UTISCI ---------- */
.utisci{position:relative;background:var(--pozadina) center/cover no-repeat;overflow:hidden}
.utisci::before{content:"";position:absolute;inset:0;background:rgba(13,12,10,.35)}
.utisci .kontejner{position:relative}
.utisci h2{margin-top:0.5rem}
.utisci__podnaslov{margin-top:0.5rem;color:var(--text80)}
.utisak-okvir{position:relative;max-width:40rem;margin:3rem auto 0;display:grid}
.utisak{grid-area:1/1;visibility:hidden;opacity:0;transform:translateX(3rem);background:var(--kartice);border:1px solid var(--zlatna);padding:2.5rem 3rem;text-align:center;min-height:15rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
.utisak__znak{font-family:var(--serif);font-size:3rem;line-height:2rem;color:var(--zlatna)}
.utisak blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:1.375rem;line-height:2rem;color:var(--text)}
.utisak cite{font-style:normal;font-size:1rem;line-height:1.5rem;color:var(--text)}
.utisak.aktivan{visibility:visible;opacity:1;transform:none;transition:transform 1s cubic-bezier(.22,.8,.3,1) .75s,opacity 1s ease .75s}
.utisak.otisao{opacity:0;transform:translateX(-3rem);transition:transform .75s cubic-bezier(.55,0,.8,.4),opacity .75s ease,visibility 0s .75s}
.nazad .utisak{transform:translateX(-3rem)}
.nazad .utisak.aktivan{transform:none}
.nazad .utisak.otisao{transform:translateX(3rem)}
.utisci .strelica{top:calc(50% - 1.5rem)}
.utisci .strelica--l{left:-7.5rem}.utisci .strelica--d{right:-7.5rem}
.utisci .karusel__tacke{margin-top:2rem}

/* ---------- CTA traka ---------- */
.cta{position:relative;background:var(--pozadina) center/cover no-repeat}
.cta__sadrzaj{display:flex;align-items:center;min-height:20.6875rem;padding-block:3rem}
.cta__tekst{max-width:32.5rem}
.cta h2{font-size:2.5rem;line-height:3rem}
.cta p{margin-top:1rem;max-width:22.5rem;color:var(--text80)}
.cta .dugme{margin-top:1.5rem}

/* ---------- FUTER ---------- */
.futer{background:var(--futer-pozadina)}
.futer__red{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1.4fr auto;gap:2rem;padding-block:3rem 3.5rem;align-items:start}
.futer__brend p{margin-top:1rem;font-size:0.875rem;line-height:1.25rem;color:var(--text80)}
.futer__brend img{width:7.5rem;height:2.75rem}
.futer h4{margin:0 0 1rem;font-size:0.75rem;line-height:1rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text)}
.futer li{font-size:0.8125rem;line-height:1.25rem;color:var(--text80);margin-bottom:0.5rem}
.futer a:hover{color:var(--zlatna)}
.drustvene{display:flex;gap:0.75rem}
.drustvene a{display:block;width:2.5rem;height:2.5rem}
.drustvene img{width:2.5rem;height:2.5rem}
.futer__dno{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;font-size:0.75rem;line-height:1rem;color:var(--text80)}
.futer__dno nav{display:flex;gap:0}
.futer__dno nav a+a{border-left:1px solid var(--text40);margin-left:0.75rem;padding-left:0.75rem}

/* ---------- SAUČEŠĆE: kategorije + galerije ---------- */
.kategorije{padding-block:5rem 0}
.kategorije__mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.kat{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;height:11.5625rem;padding:0 2rem;border:1px solid var(--zlatna-linija);background:var(--pozadina);text-align:left;transition:border-color .2s;overflow:hidden;font-family:var(--serif);font-size:1.25rem;line-height:1.75rem;color:var(--zlatna)}
.kat span{max-width:40%}
.kat img{height:100%;width:auto;max-width:60%;object-fit:contain;object-position:right center}
.kat:hover,.kat[aria-selected="true"]{border-color:var(--zlatna)}
.galerija{padding-block:4rem 6rem}
.naslov-linija{display:flex;align-items:center;gap:1.5rem}
.naslov-linija h2,.naslov-linija h3{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:2.5rem;color:var(--zlatna);white-space:nowrap}
.naslov-linija::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--zlatna),rgba(212,175,106,0))}
.galerija__mreza{display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;margin-top:2rem}
.galerija__stavka{display:block;aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--kartice)}
.galerija__stavka img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.galerija__stavka:hover img,.galerija__stavka:focus-visible img{transform:scale(1.18)}
.galerija[hidden]{display:none}

/* CTA okvir (Saučešće) */
.cta-okvir{margin-top:0}
.cta-okvir__ram{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--zlatna);min-height:0}
.cta-okvir__slika{height:100%}
.cta-okvir__slika img{height:100%;width:auto;max-height:21.375rem;object-fit:contain;object-position:left center}
.cta-okvir__tekst{padding:3rem 0 3rem 4rem;margin-left:0}
.cta-okvir h2{font-size:2.5rem;line-height:3rem}
.cta-okvir p{margin-top:1rem;max-width:22.1875rem;color:var(--text80)}
.cta-okvir .dugme{margin-top:1.5rem}

/* Kako poručiti */
.kako{padding-block:6rem 6rem}
.kako__mreza{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2rem}
.kako__stavka{display:flex;align-items:center;gap:1rem;padding-inline:2rem}
.kako__stavka:first-child{padding-left:0}
.kako__stavka+.kako__stavka{border-left:1px solid var(--zlatna)}
.kako__stavka a{display:flex;align-items:center;gap:1rem;width:100%}
.kako__stavka a:hover h3{text-decoration:underline;text-underline-offset:0.25rem}
.kako__stavka img{width:5rem;height:5rem;flex:none}
.kako__stavka h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:2rem;color:var(--zlatna)}
.kako__stavka p{font-size:0.875rem;line-height:1.25rem;color:var(--text80);margin-top:0.25rem}

/* ---------- LIGHTBOX ---------- */
.lb{position:fixed;inset:0;z-index:500;background:rgba(5,5,4,.94);display:none;align-items:center;justify-content:center}
.lb.otvoren{display:flex}
.lb__slika{max-width:min(92vw,68.75rem);max-height:86vh;object-fit:contain}
.lb button{position:absolute;color:var(--text);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1;border-radius:50%;border:1px solid rgba(212,175,106,.6);background:rgba(13,12,10,.6)}
.lb button:hover{background:rgba(212,175,106,.25)}
.lb__zatvori{top:1rem;right:1rem}
.lb__prethodna{left:1rem;top:calc(50% - 1.5rem)}
.lb__sledeca{right:1rem;top:calc(50% - 1.5rem)}
.lb__brojac{position:absolute;bottom:1.5rem;left:1.5rem;right:auto;text-align:left;font-size:0.875rem;color:var(--text80)}
body.lb-otvoren{overflow:hidden}

/* ---------- "Pozovi" traka (samo telefon) ---------- */
.pozovi-traka{display:none}

/* ---------- STRANICA U IZRADI ---------- */
.uskoro{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-block:6rem}
.uskoro p{margin-top:1rem;color:var(--text80)}

/* ================= TABLET ================= */
@media (max-width:991px){
  :root{--sekcija:5rem;--razmak:2rem}
  h1{font-size:2.75rem;line-height:3.25rem}
  h2{font-size:2.5rem;line-height:3rem}
  .nav{display:none}
  .pozovi{margin-left:auto}
  .meni-dugme{display:flex}
  .header__red{height:4.5rem}
  .nav.otvoren{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:var(--pozadina);border-bottom:1px solid var(--zlatna);padding:0.5rem var(--razmak) 1.5rem}
  .nav.otvoren a{padding:1rem 0;font-size:1rem;border-bottom:1px solid rgba(212,175,106,.2)}
  .hero{min-height:clamp(32.5rem,72vw,40rem)}
  .hero__tekst{max-width:20rem}
  .cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,10,.92) 0%,rgba(13,12,10,.6) 55%,rgba(13,12,10,0) 100%)}
  .cta .kontejner{position:relative}
  .hero__slika{height:auto;width:58%;max-height:92%;top:50%;transform:translateY(-50%);object-position:right center}
  .hero__tekst h1{font-size:2.5rem;line-height:3rem}
  .benefiti__red{display:grid;grid-template-columns:1fr 1fr;row-gap:2rem;position:relative}
  .benefit:nth-child(n){justify-self:start;padding-left:3rem}
  .benefit:nth-child(2),.benefit:nth-child(4){justify-self:start;padding-left:5rem}
  .benefiti__red::before{content:"";position:absolute;left:50%;top:1rem;bottom:1rem;width:1px;background:linear-gradient(180deg,transparent,var(--zlatna),transparent)}
  .benefiti__red::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,var(--zlatna),transparent)}
  .karusel__traka{padding-inline:0}
  .kartica{flex:0 0 calc((100% - 1.5rem)/2)}
  .strelica{display:none}
  .utisci .strelica{display:none}
  .futer__red{grid-template-columns:1fr 1fr 1fr;row-gap:2.5rem}
  .futer__brend{grid-column:1/-1}
  .drustvene{grid-column:1/-1}
  .kat{padding:0 1rem;font-size:1.125rem}
  .galerija__mreza{grid-template-columns:repeat(3,1fr)}
  .cta-okvir__tekst{padding-left:2rem}
  .kako__mreza{grid-template-columns:1fr;row-gap:2rem}
  .kako__stavka,.kako__stavka:first-child{padding:0}
  .kako__stavka+.kako__stavka{border-left:0;border-top:1px solid var(--zlatna);padding-top:2rem}
}

/* ================= TELEFON ================= */
@media (max-width:640px){
  :root{--sekcija:4rem;--razmak:1.25rem}
  body{padding-bottom:4rem}
  h1{font-size:2.25rem;line-height:2.75rem}
  h2{font-size:2rem;line-height:2.5rem}
  .header__red{height:4rem}
  .header__logo img{width:6rem;height:2.1875rem}
  .pozovi__tekst{display:none}
  .pozovi img{width:2.25rem;height:2.25rem}
  .hero{min-height:0}
  .hero__slajd,.hero__slajd.aktivan,.hero__slajd.otisao{position:relative;inset:auto;display:none;visibility:visible;transform:none;transition:none}
  .hero__slajd.aktivan{display:block;animation:slajd-desno .6s ease both}
  .hero--nazad .hero__slajd,.hero--nazad .hero__slajd.otisao{transform:none}
  .hero--nazad .hero__slajd.aktivan{animation-name:slajd-levo}
  .hero__slika{position:relative;display:block;width:100%;height:20rem;margin:1.5rem auto 0;object-position:center;top:auto;transform:none;max-height:none}
  .hero__sadrzaj{display:block;height:auto;padding-block:3.5rem 3.5rem;text-align:center}
  .hero__tekst{max-width:none;margin-inline:auto}
  .hero__tekst h1{font-size:2.25rem;line-height:2.75rem}
  .hero__tekst p{margin-inline:auto}
  .hero__tacke{position:absolute;top:22.5rem;bottom:auto}
  .hero__slajd .hero__sadrzaj{position:static}
  .hero-str{min-height:32.5rem;align-items:flex-end}
  .hero-str__tekst{padding-bottom:3rem}
  .hero-str::before{background:linear-gradient(0deg,rgba(13,12,10,.95) 0%,rgba(13,12,10,.6) 55%,rgba(13,12,10,.2) 100%)}
  .hero-str .mrvice{top:1.25rem}
  .benefit{font-size:0.875rem;gap:0.75rem}
  .benefit img{width:1.75rem;height:1.75rem}
  .benefit:nth-child(n){padding-left:0;justify-self:start}
  .benefit:nth-child(2),.benefit:nth-child(4){padding-left:1.5rem}
  .benefiti__red{column-gap:0}
  .bento{aspect-ratio:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto;margin-top:2rem}
  .bento__dole{display:contents}
  .bento__veliki,.bento__gore,.bento__dole a{grid-column:auto;grid-row:auto;aspect-ratio:1/1}
  .ponuda-tabovi a{padding:0.25rem 0.625rem}
  .kartica{flex:0 0 calc((100% - 1rem)/2)}
  .karusel__traka{gap:1rem}
  .utisak{padding:2rem 1.5rem}
  .utisak blockquote{font-size:1.1875rem;line-height:1.75rem}
  .cta::before{background:rgba(13,12,10,.72)}
  .cta__sadrzaj{min-height:0;padding-block:3.5rem;text-align:center}
  .cta__tekst{max-width:none}
  .cta h2{font-size:2rem;line-height:2.5rem}
  .cta p{margin-inline:auto}
  .futer__red{grid-template-columns:1fr;gap:2rem;text-align:left}
  .futer__brend{text-align:center}
  .futer__brend img{margin-inline:auto}
  .futer__dno{flex-direction:column;align-items:flex-start}
  .kategorije__mreza{grid-template-columns:1fr}
  .kat{height:8.5rem}
  .naslov-linija h2,.naslov-linija h3{font-size:1.75rem;line-height:2.25rem;white-space:normal}
  .galerija__mreza{grid-template-columns:1fr 1fr}
  .cta-okvir__ram{grid-template-columns:1fr}
  .cta-okvir__slika{height:auto;padding-bottom:1.5rem}
  .cta-okvir__slika img{margin-inline:auto;max-height:16.25rem;width:auto;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
  .cta-okvir__tekst{padding:0 1.5rem 2rem;text-align:center}
  .cta-okvir h2{font-size:2rem;line-height:2.5rem}
  .cta-okvir p{margin-inline:auto}
  .kako{padding-block:4rem}
  .dugme{width:100%;max-width:20rem}
  .pozovi-traka{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:90;height:3.5rem;align-items:center;justify-content:center;background:var(--zlatna);color:var(--pozadina);font-size:0.875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;gap:0.625rem}
  .lb__prethodna{left:0.5rem}.lb__sledeca{right:0.5rem}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.h1-slajd{font-family:var(--serif);font-weight:400;font-size:3.5rem;line-height:3.75rem;color:var(--zlatna);margin-top:1rem}
@media (max-width:991px){.h1-slajd{font-size:2.5rem;line-height:3rem}}
@media (max-width:640px){.h1-slajd{font-size:2.25rem;line-height:2.75rem}}

/* =====================================================================
   NOVE STRANICE: Proslave, Kontakt, O nama
   ===================================================================== */
:root{--krem:#f4ead8;--tamno:#1b1612;--zlatna-tamna:#8a6a2c}

/* hero sa pravom slikom (podstranice) */
.hero-str__slika{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.hero-str--svetli{background:var(--krem);color:var(--tamno)}
.hero-str--svetli::before{display:none}
.hero-str--svetli h1{color:var(--tamno)}
.hero-str--svetli .eyebrow{color:#4a4339}
.hero-str--svetli .hero-str__tekst p:not(.eyebrow){color:#2b2620}
.hero-str--svetli .mrvice{color:#3a342c}
.hero-str--svetli .mrvice a:hover{color:var(--zlatna-tamna)}
.hero-str--svetli .mrvice span{color:#7a7366}
.hero-str--svetli .dugme:hover{color:var(--tamno);border-color:var(--tamno)}
.hero-str--svetli h1::after,.hero-str--kontakt h1::after{content:"";display:block;width:4rem;height:1px;background:var(--zlatna);margin-top:1rem}
.hero-str__tekst>h1:first-child{margin-top:0}
.hero-str--kontakt{min-height:clamp(30rem,41.8vw,37.625rem)}
.hero-str--kontakt h1{text-transform:uppercase}
.hero-str--kontakt .hero-str__tekst p:not(.eyebrow){max-width:27.5rem;font-size:1.125rem;line-height:1.6875rem}
.hero-oznake{display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:2rem;font-size:0.875rem;line-height:1.25rem;color:var(--text80)}
.hero-oznake li{display:flex;align-items:center;gap:0.5rem}
.hero-oznake img{width:1.5rem;height:1.5rem}

/* Proslave: kartice kategorija (karusel) */
.kat-karusel{padding-block:5rem 0}
.kat-traka{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative;scroll-behavior:smooth}
.kat-traka::-webkit-scrollbar{display:none}
.kat-traka .kat{flex:0 0 calc((100% - 2rem)/3);scroll-snap-align:start;scroll-snap-stop:always}
.kat-kontrole{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}
.kat-kontrole .tacke{display:flex;gap:0.75rem;align-items:center}
.ikona-dugme{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s}
.ikona-dugme:hover{background:rgba(212,175,106,.18)}
.ikona-dugme img{width:2.5rem;height:2.5rem}
.ikona-dugme[disabled]{opacity:.35;cursor:default}
.naslov-linija::after{order:1}
.naslov-linija .gal-strelice{display:flex;gap:1rem;order:2}
.galerija--proslave{padding-block:5rem 6rem}

/* Kontakt */
.kontakt{padding-block:3rem 0}
.kontakt__mreza{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:stretch}
.kontakt__kartica{background:var(--kartice);padding:2.5rem}
.kontakt__kartica h2{font-size:1.75rem;line-height:2.25rem;text-transform:uppercase;margin-bottom:2rem}
.kontakt__kartica .uvod{margin:-1.25rem 0 1.5rem;font-size:0.8125rem;line-height:1.25rem;color:var(--text80)}
.info-lista{display:grid;gap:1.5rem}
.info{display:flex;gap:1rem;align-items:flex-start}
.info>img,.info__ikona{width:3rem;height:3rem;flex:none;display:block}
.info__ikona img{width:3rem;height:3rem;display:block}
.info__ikona:hover{opacity:.8}
.info__tekst{display:grid;gap:2px;font-size:0.875rem;line-height:1.25rem;color:var(--text80)}
.info__tekst b{font-weight:400;font-size:0.75rem;line-height:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.info__tekst a{color:var(--zlatna)}
.info__tekst a:hover{color:var(--text);text-decoration:underline}
.info__drustvene{display:flex;gap:0.75rem}
.info__drustvene a{display:block;width:3rem;height:3rem}
.info__drustvene img{width:3rem;height:3rem}
.forma{display:grid;gap:1rem}
.forma__dvije{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.forma input,.forma textarea{width:100%;background:transparent;border:1px solid var(--zlatna-linija);color:var(--text);padding:0.75rem;font:inherit;font-size:0.875rem;line-height:1.25rem;border-radius:0;transition:border-color .2s}
.forma textarea{min-height:7.5rem;resize:vertical}
.forma input::placeholder,.forma textarea::placeholder{color:var(--text80);opacity:1}
.forma input:focus,.forma textarea:focus{border-color:var(--zlatna);outline:none}
.forma input:focus-visible,.forma textarea:focus-visible{outline:2px solid var(--zlatna);outline-offset:2px}
.forma .dugme{width:100%;max-width:none;cursor:pointer}
.forma__napomena{font-size:0.75rem;line-height:1rem;color:var(--text80)}
.forma__napomena a{color:var(--zlatna);text-decoration:underline}
.forma__status{font-size:0.875rem;line-height:1.25rem;color:var(--zlatna);min-height:1.25rem}
.lovac{position:absolute;left:-624.9375rem;width:1px;height:1px;overflow:hidden}
.mapa{padding-block:5rem 0}
.mapa__ram{position:relative;border:1px solid var(--zlatna);min-height:25rem;overflow:hidden;display:flex;align-items:center;justify-content:flex-start;padding:2.5rem;background:var(--kartice)}
.mapa__ram iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(.35) contrast(.95)}
.mapa__kartica{position:relative;background:var(--kartice);padding:2rem 2.5rem 2rem 2rem;width:min(26rem,100%);display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}
.mapa__kartica img{width:5.25rem;height:auto;opacity:.9}
.mapa__kartica h2{font-size:1.75rem;line-height:2.25rem;text-transform:uppercase}
.mapa__kartica p{font-size:0.8125rem;line-height:1.25rem;color:var(--text80);margin-top:0.5rem}
.mapa__kartica .dugme{margin-top:1.25rem;width:100%;font-size:0.75rem}

/* O nama */
.onama-prica{padding-block:6rem}
.onama-prica__mreza{display:grid;grid-template-columns:5fr 7fr;align-items:center}
.onama-prica__tekst{padding-right:3.5rem}
.onama-prica__tekst .eyebrow{color:var(--zlatna)}
.onama-prica__tekst h2{margin-top:1.5rem}
.onama-prica__tekst h2 span{display:block;color:var(--text)}
.onama-prica__tekst p+p{margin-top:1rem}
.onama-prica__tekst h2+p{margin-top:1.5rem}
.onama-prica__tekst p{color:var(--text)}
.statistika{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;border-left:1px solid var(--zlatna);padding-left:3rem;min-height:14.375rem;align-items:center;text-align:center}
.stat b{display:block;font-family:var(--serif);font-weight:400;font-size:4rem;line-height:4.5rem;color:var(--zlatna)}
.stat span{display:block;margin-top:0.5rem;font-size:1rem;line-height:1.5rem;color:var(--text)}
.svetla{background:var(--krem);color:var(--tamno)}
.zajednica__mreza{display:grid;grid-template-columns:7fr 5fr;gap:5rem;align-items:center;padding-block:6rem}
.zajednica__slika img{width:100%;height:auto;aspect-ratio:648/476;object-fit:cover}
.zajednica .eyebrow{color:var(--zlatna-tamna)}
.zajednica h2{color:var(--tamno);margin-top:1rem}
.zajednica h2::after{content:"";display:block;width:4rem;height:1px;background:var(--zlatna);margin-top:1.5rem}
.zajednica p+p{margin-top:1rem}
.zajednica .tekst p{color:#2b2620;margin-top:1.5rem}
.zajednica .tekst p+p{margin-top:1rem}
.zajednica .dugme{margin-top:2.5rem;background:transparent;color:var(--tamno);border-color:var(--zlatna)}
.zajednica .dugme:hover{background:var(--zlatna)}
.onama-cta{padding-block:6rem 7rem;text-align:center}
.onama-cta h2{color:var(--zlatna);margin-top:1rem}
.onama-cta p:not(.eyebrow){margin:1rem auto 0;max-width:40rem;color:var(--text80)}
.onama-cta .dugme{margin-top:2rem;width:auto;min-width:13.75rem}

@media (max-width:991px){
  .hero-str--svetli,.hero-str--kontakt,.hero-str--saucesce{display:block;min-height:0}
  .hero-str--saucesce::before{display:none}
  .hero-str--saucesce .hero-str__slika{object-position:100% center}
  .hero-str--saucesce .mrvice{text-shadow:0 1px 6px rgba(0,0,0,.7)}
  .hero-str__slika{position:relative;inset:auto;display:block;width:100%;height:18.75rem;object-position:right center}
  .hero-str--svetli .hero-str__tekst,.hero-str--kontakt .hero-str__tekst,.hero-str--saucesce .hero-str__tekst{padding-block:3rem 2.5rem;max-width:none}
  .hero-str--svetli .hero-str__tekst p:not(.eyebrow),.hero-str--kontakt .hero-str__tekst p:not(.eyebrow),.hero-str--saucesce .hero-str__tekst p:not(.eyebrow){max-width:32.5rem}
  .kat-traka .kat{flex:0 0 calc((100% - 1rem)/2)}
  .hero-oznake{flex-direction:column;align-items:flex-start;gap:0.75rem}
  .kontakt__mreza{grid-template-columns:1fr}
  .mapa__ram{justify-content:center}
  .onama-prica__mreza{grid-template-columns:1fr;gap:3rem}
  .onama-prica__tekst{padding-right:0}
  .statistika{border-left:0;border-top:1px solid var(--zlatna);padding:2.5rem 0 0;min-height:0}
  .zajednica__mreza{grid-template-columns:1fr;gap:3rem;padding-block:5rem}
}
@media (max-width:640px){
  .hero-str--svetli,.hero-str--kontakt,.hero-str--saucesce{min-height:0;align-items:initial}
  .hero-str__slika{height:15rem}
  .hero-str--svetli .hero-str__tekst,.hero-str--kontakt .hero-str__tekst,.hero-str--saucesce .hero-str__tekst{padding-block:2.5rem 2rem}
  .kat-traka .kat{flex-direction:column;justify-content:center;height:11rem;padding:0.75rem;text-align:center;gap:0.5rem}
  .kat-traka .kat span{max-width:none}
  .kat-traka .kat img{height:5.5rem;max-width:100%;width:auto;object-position:center}
  .kat-kontrole{gap:0.5rem}
  .kat-kontrole .tacke{gap:0.5rem}
  .naslov-linija{flex-wrap:wrap}
  .naslov-linija::after{display:none}
  .naslov-linija .gal-strelice{margin-left:auto}
  .kontakt__kartica{padding:1.75rem 1.25rem}
  .forma__dvije{grid-template-columns:1fr}
  .mapa{padding-block:4rem 0}
  .mapa__ram{padding:0;min-height:0;display:block}
  .mapa__ram iframe{position:relative;height:16.25rem;display:block}
  .mapa__kartica{width:100%;grid-template-columns:1fr;text-align:center;padding:1.75rem 1.25rem}
  .mapa__kartica img{margin-inline:auto;width:4rem}
  .onama-prica,.onama-cta{padding-block:4rem}
  .statistika{grid-template-columns:1fr;gap:2rem}
  .stat b{font-size:3.5rem;line-height:4rem}
  .onama-cta .dugme{width:100%}
}



/* ---- Desktop: sve je proporcionalno umanjeno na 80% da cela slika stane na laptop ---- */
@media (min-width:992px){
  html{font-size:80%}
  .hero{min-height:clamp(25rem,calc(100vh - 12.5rem),46.25rem)}
  .hero-str{min-height:clamp(24rem,30.6vw,34.4rem)}
  .hero-str--kontakt{min-height:clamp(24rem,33.4vw,37.6rem)}
}

/* hero: slika i tekst izlaze zajedno */
.js [data-ceka]:not(.spremno) :is(.hero__sadrzaj,.hero__tacke,.hero-str__tekst,.hero-str .mrvice,img){opacity:0}
.js [data-ceka] :is(.hero__sadrzaj,.hero__tacke,.hero-str__tekst,.hero-str .mrvice,.hero__slika,.hero-str__slika){transition:opacity .6s ease}
.js .hero-str--saucesce:not(.spremno){background-color:var(--pozadina)}

/* prozor sa brojem telefona (računar) */
.poziv{position:fixed;inset:0;z-index:600;background:rgba(5,5,4,.8);display:none;align-items:center;justify-content:center;padding:1rem}
.poziv.otvoren{display:flex}
.poziv__kutija{position:relative;background:var(--kartice);border:1px solid var(--zlatna);padding:3rem;max-width:30rem;width:100%;text-align:center}
.poziv__x{position:absolute;top:0.75rem;right:0.75rem;width:2.5rem;height:2.5rem;font-size:1.75rem;line-height:1;color:var(--text)}
.poziv__broj{font-family:var(--serif);font-size:2.25rem;line-height:3rem;color:var(--zlatna);margin-top:1rem}
.poziv__opis{margin-top:1rem;color:var(--text80);font-size:0.875rem;line-height:1.5rem}
.poziv__dugmad{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
@media (max-width:640px){.poziv__kutija{padding:2.5rem 1.5rem}.poziv__broj{font-size:1.75rem}}

.lb__kat{position:absolute;left:50%;transform:translateX(-50%);bottom:1rem;max-width:80vw;padding:0.625rem 1.5rem;border:1px solid var(--zlatna);border-radius:999px;background:rgba(13,12,10,.85);color:var(--zlatna);font-size:1rem;line-height:1.5rem;white-space:nowrap;transition:background .2s,color .2s}
.lb__kat:hover{background:var(--zlatna);color:var(--pozadina)}

/* izranjanje sekcija */
.js .izranja{opacity:0;transform:translateY(1.75rem);transition:opacity .8s ease,transform .8s cubic-bezier(.22,.8,.3,1)}
.js .izranja.vidljivo{opacity:1;transform:none}

/* plutajuće dugme Poručite */
.poruci{position:fixed;right:1.5rem;bottom:1.5rem;z-index:95;display:flex;flex-direction:column;align-items:flex-end;gap:0.75rem}
.poruci__dugme{display:flex;align-items:center;gap:0.625rem;height:3.5rem;padding:0 1.5rem 0 1.25rem;border-radius:999px;background:var(--zlatna);color:var(--pozadina);font-weight:700;font-size:0.9375rem;letter-spacing:.04em;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,.45);transition:background .2s,transform .2s}
.poruci__dugme:hover{background:#e2c07e;transform:translateY(-2px)}
.poruci__dugme svg{width:1.5rem;height:1.5rem;flex:none}
.poruci__meni{background:var(--kartice);border:1px solid var(--zlatna);padding:1.25rem;width:16.5rem;box-shadow:0 0.75rem 2rem rgba(0,0,0,.5);animation:poruciUlaz .25s ease}
.poruci__meni[hidden]{display:none}
@keyframes poruciUlaz{from{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}
.poruci__naslov{font-family:var(--serif);font-size:1.25rem;line-height:1.75rem;color:var(--zlatna)}
.poruci__opis{margin-top:0.25rem;font-size:0.8125rem;line-height:1.25rem;color:var(--text80)}
.poruci__meni a{display:flex;align-items:center;justify-content:space-between;margin-top:0.75rem;padding:0.75rem 1rem;border:1px solid rgba(212,175,106,.5);font-size:0.9375rem;color:var(--text);transition:background .2s,color .2s,border-color .2s}
.poruci__meni a:hover{background:var(--zlatna);color:var(--pozadina);border-color:var(--zlatna)}
.poruci__meni a span{font-size:1.125rem;line-height:1}
body.lb-otvoren .poruci{display:none}
@media (max-width:640px){
  .poruci{right:1rem;bottom:4.75rem}
  .poruci__dugme{height:3.25rem}
}
@media (prefers-reduced-motion:reduce){.js .izranja{opacity:1;transform:none;transition:none}}

/* SEO tekstovi */
.seo-tekst__kolona{max-width:50rem;margin-inline:auto;text-align:center}
.seo-tekst h2{margin-top:0.5rem}
.seo-tekst p:not(.eyebrow){margin-top:1.25rem;color:var(--text80);font-size:1rem;line-height:1.75rem}
.seo-tekst__dugme{display:flex;justify-content:center;margin-top:2rem !important}
.seo-tekst--galerija{padding-block:0 6rem}
.seo-tekst--galerija h2{margin-top:0}
.seo-tekst--galerija .seo-tekst__kolona{text-align:left}
.seo-tekst--galerija .seo-tekst__kolona{max-width:calc(var(--kontejner) + 2*var(--razmak));margin-inline:auto}
.seo-tekst--galerija p:not(.eyebrow){max-width:50rem}

.hero__tekst .h1-slajd{color:var(--zlatna);max-width:none;margin-top:1rem}

/* tablet: hero fino podešen */
.hero__tekst h1,.hero__tekst .h1-slajd{text-wrap:balance}
@media (min-width:641px) and (max-width:991px){
  .hero__slajd--1 .hero__slika{width:48%;max-height:72%}
  .hero__slajd--4 .hero__slika{width:95%;max-height:none;right:-17%;transform:translateY(calc(-50% - 2.5rem))}
}

/* ---------- Kako poručiti (Početna) ---------- */
.rokovi h2{margin-top:1rem}
.rokovi__uvod{margin:1rem auto 0;max-width:32.5rem;color:var(--text80)}
.rokovi__mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;text-align:center}
.rokovi__stavka{background:var(--kartice);border:1px solid rgba(212,175,106,.25);padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center}
.rokovi__stavka img{width:4rem;height:4rem}
.rokovi__stavka h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:2rem;color:var(--zlatna);margin-top:1.25rem}
.rokovi__rok{margin-top:0.75rem;font-size:1.125rem;line-height:1.75rem;color:var(--text);font-weight:600}
.rokovi__stavka p:last-child{margin-top:0.5rem;font-size:0.875rem;line-height:1.5rem;color:var(--text80);max-width:17.5rem}
.rokovi__dugmad{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}
.rokovi__mail{margin-top:1.25rem;font-size:0.875rem;color:var(--text80)}
.rokovi__mail a{color:var(--zlatna)}
.rokovi__mail a:hover{text-decoration:underline}
@media (max-width:991px){.rokovi__mreza{grid-template-columns:1fr;max-width:28rem;margin-inline:auto}}
@media (max-width:640px){.rokovi__dugmad .dugme{width:100%}}
@media (max-width:640px){.rokovi__stavka{padding:1.75rem 1.25rem}.rokovi__stavka img{width:3.5rem;height:3.5rem}.rokovi__mreza{margin-top:2rem;gap:1rem}}

/* ---------- Poručivanje i dostava ---------- */
.por-hero{padding-block:2rem 4rem;text-align:center}
.por-hero .mrvice{font-size:0.75rem;line-height:1rem;color:var(--text80);text-align:left;margin-bottom:3rem}
.por-hero h1{margin-top:1rem}
.por-hero h1::after{content:"";display:block;width:4rem;height:1px;background:var(--zlatna);margin:1.5rem auto 0}
.por-hero__uvod{margin:1.5rem auto 0;max-width:36rem;color:var(--text80)}
.por-sidro{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-top:2.5rem}
.por-sidro a{padding:0.5rem 1.25rem;border:1px solid rgba(212,175,106,.5);color:var(--zlatna);font-size:0.875rem;line-height:1.5rem}
.por-sidro a:hover{background:var(--zlatna);color:var(--pozadina)}
.por-sekcija{padding-block:var(--sekcija);scroll-margin-top:5rem}
.por-sekcija h2{margin-top:0.5rem}
.por-uvod{margin:1rem 0 0;max-width:40rem;color:var(--text80)}
.por-rokovi{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem}
.por-rok{background:var(--kartice);border:1px solid rgba(212,175,106,.25);padding:2rem 1.5rem;display:flex;flex-direction:column}
.por-rok__vreme{font-size:0.75rem;line-height:1rem;letter-spacing:.14em;text-transform:uppercase;color:var(--zlatna);font-weight:600}
.por-rok h3{font-family:var(--serif);font-weight:400;font-size:1.5rem;line-height:2rem;color:var(--text);margin-top:0.75rem}
.por-rok p{margin-top:0.75rem;font-size:0.875rem;line-height:1.5rem;color:var(--text80)}
.por-blok{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}
.por-blok__tekst p{color:var(--text80);max-width:42rem}
.por-blok__tekst p+p{margin-top:1.25rem}
.por-blok__tekst a{color:var(--zlatna)}
.por-blok__tekst a:hover{text-decoration:underline}
.por-kanali{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.por-kanali a{display:flex;flex-direction:column;gap:0.25rem;padding:1rem 1.25rem;background:var(--kartice);border:1px solid rgba(212,175,106,.25);color:var(--text80);font-size:0.75rem;line-height:1rem;letter-spacing:.14em;text-transform:uppercase;overflow-wrap:anywhere}
.por-kanali a b{font-weight:600;letter-spacing:0;text-transform:none;font-size:1rem;line-height:1.5rem;color:var(--text)}
.por-kanali a:hover{border-color:var(--zlatna);text-decoration:none}
@media (max-width:991px){
  .por-rokovi{grid-template-columns:repeat(2,1fr)}
  .por-blok{grid-template-columns:1fr;gap:1.5rem}
}
@media (max-width:640px){
  .por-hero{padding-block:1.5rem 3rem}
  .por-hero .mrvice{margin-bottom:2rem}
  .por-rokovi{grid-template-columns:1fr;gap:1rem;margin-top:2rem}
  .por-kanali{grid-template-columns:1fr}
  .por-sidro a{padding:0.5rem 1rem}
}
.por-kanali li:last-child:nth-child(odd){grid-column:1/-1}

/* ---------- Pravne stranice ---------- */
.pravna{padding-block:2rem 6rem}
.pravna__okvir{max-width:calc(52rem + 2*var(--razmak))}
.pravna .mrvice{font-size:0.75rem;line-height:1rem;color:var(--text80);margin-bottom:3rem}
.pravna h1::after{content:"";display:block;width:4rem;height:1px;background:var(--zlatna);margin-top:1.5rem}
.pravna__datum{margin-top:1.5rem;font-size:0.875rem;color:var(--text40)}
.pravna__uvod{margin-top:1.5rem;color:var(--text)}
.pravna__deo{margin-top:3rem}
.pravna__deo h2{font-size:1.5rem;line-height:2rem}
.pravna__deo p,.pravna__deo li{margin-top:0.75rem;color:var(--text80)}
.pravna__deo ul{margin:0.75rem 0 0;padding-left:1.25rem}
.pravna__deo li{margin-top:0.5rem}
.pravna__deo li::marker{color:var(--zlatna)}
.pravna__deo b{color:var(--text);font-weight:600}
.pravna__deo a{color:var(--zlatna)}
.pravna__deo a:hover{text-decoration:underline}
@media (max-width:640px){.pravna{padding-block:1.5rem 4rem}.pravna .mrvice{margin-bottom:2rem}.pravna__deo{margin-top:2.5rem}}
.futer__firma{display:block;margin-top:0.25rem;color:var(--text40)}

/* ---- Video snimci (bez zvuka, pokreću se klikom) ---- */
.video-odeljak{padding-block:0 var(--sekcija)}
.video-traka{display:flex;gap:1.5rem;margin-top:2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--zlatna-linija) transparent;padding-bottom:.75rem}
.video-traka .video-kartica{flex:0 0 calc((100% - 4.5rem)/4);scroll-snap-align:start}
.video-kartica{margin:0;min-width:0}
.video-kartica__okvir{position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--kartice);border:1px solid var(--zlatna-linija)}
.video-kartica video{width:100%;height:100%;object-fit:cover;display:block}
.video-kartica__dugme{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer}
.video-play{width:4rem;height:4rem;border-radius:50%;display:grid;place-items:center;background:rgba(13,12,10,.62);border:1px solid var(--zlatna);color:var(--zlatna);transition:opacity .25s,transform .25s}
.video-kartica__dugme:hover .video-play{transform:scale(1.08)}
.video-kartica.svira .video-play{opacity:0}
.video-kartica figcaption{margin-top:.75rem;font-size:.9375rem;line-height:1.375rem;color:var(--text80)}
.video-istaknut__mreza{display:grid;grid-template-columns:1fr minmax(0,21rem);gap:4rem;align-items:center}
.video-istaknut__tekst p:not(.eyebrow){margin-top:1.25rem;color:var(--text80);max-width:30rem}
.video-istaknut__tekst h2{margin-top:.5rem}
.video-istaknut__dugme{margin-top:2rem !important}
.video-istaknut .video-kartica{justify-self:end;width:100%}
@media (max-width:991px){
  .video-traka .video-kartica{flex-basis:calc((100% - 1.5rem)/2.4)}
  .video-istaknut__mreza{gap:2.5rem}
}
@media (max-width:640px){
  .video-traka{gap:1rem}
  .video-traka .video-kartica{flex-basis:72%}
  .video-istaknut__mreza{grid-template-columns:1fr}
  .video-istaknut .video-kartica{justify-self:center;max-width:20rem}
}

/* Orijentacione cene */
.cene-odeljak{padding-block:0 var(--sekcija)}
.cene-mreza{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem}
.cena-kartica{margin:0;flex:0 0 calc((100% - 3rem)/3);min-width:0}
.cena-kartica__okvir{aspect-ratio:4/5;overflow:hidden;background:var(--kartice);border:1px solid var(--zlatna-linija)}
.cena-kartica img{width:100%;height:100%;object-fit:cover;display:block}
.cena-kartica figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--zlatna-linija)}
.cena-kartica__naziv{color:var(--text)}
.cena-kartica__cena{font-family:var(--serif);font-size:1.5rem;line-height:2rem;color:var(--zlatna);white-space:nowrap}
.cene-napomena{margin-top:1.5rem;text-align:center;font-size:.875rem;line-height:1.5rem;color:var(--text80)}
@media (max-width:991px){.cena-kartica{flex-basis:calc((100% - 1.5rem)/2)}}
@media (max-width:640px){.cena-kartica{flex-basis:100%;max-width:22rem}}
.cene-mreza--4 .cena-kartica{flex-basis:calc((100% - 4.5rem)/4)}
@media (max-width:991px){.cene-mreza--4 .cena-kartica{flex-basis:calc((100% - 1.5rem)/2)}}
@media (max-width:640px){.cene-mreza--4 .cena-kartica{flex-basis:100%}}
.cene-mreza--4 .cena-kartica figcaption{flex-direction:column;align-items:flex-start;gap:.125rem}
@media (max-width:640px){.cene-mreza--4 .cena-kartica figcaption{flex-direction:row;align-items:baseline;justify-content:space-between}}
.galerija__oznaka{position:absolute;left:.75rem;top:.75rem;padding:.25rem .75rem;background:rgba(13,12,10,.82);border:1px solid var(--zlatna);color:var(--zlatna);font-size:.75rem;line-height:1rem;letter-spacing:.2em;text-transform:uppercase;pointer-events:none}

/* Blog */
.blog{padding-block:2rem 6rem}
.blog .mrvice,.clanak .mrvice{font-size:.75rem;line-height:1rem;color:var(--text80);margin-bottom:3rem}
.mrvice a:hover{color:var(--zlatna)}
.blog h1::after{content:"";display:block;width:4rem;height:1px;background:var(--zlatna);margin-top:1.5rem}
.blog__uvod{margin-top:1.5rem;color:var(--text80)}
.blog__lista{display:grid;gap:3rem;margin-top:3rem}
.blog-kartica{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:3rem;align-items:center;border:1px solid var(--zlatna-linija);background:var(--kartice)}
.blog-kartica__slika{display:block;align-self:stretch;overflow:hidden;min-height:18rem}
.blog-kartica__slika img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.blog-kartica:hover .blog-kartica__slika img{transform:scale(1.05)}
.blog-kartica__tekst{padding:2.5rem 2.5rem 2.5rem 0;display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.blog-kartica h2{font-family:var(--serif);font-weight:400;font-size:2rem;line-height:2.5rem;color:var(--zlatna)}
.blog-kartica h2 a:hover{text-decoration:underline}
.blog-kartica__tekst p{color:var(--text80)}
.clanak{padding-block:2rem 6rem}
.clanak__zaglavlje{max-width:calc(46rem);margin-inline:auto;text-align:center}
.clanak__zaglavlje h1{margin-top:1rem}
.clanak__zaglavlje h1::after{content:"";display:block;width:4rem;height:1px;background:var(--zlatna);margin:1.5rem auto 0}
.clanak__naslovna{margin:3rem 0 0;border:1px solid var(--zlatna-linija);overflow:hidden}
.clanak__naslovna img{width:100%;height:auto;display:block;max-height:34rem;object-fit:cover}
.clanak__tekst{max-width:46rem;margin:3rem auto 0}
.clanak__tekst p{font-size:1.0625rem;line-height:2;color:var(--text80);margin-top:1.5rem}
.clanak__tekst p:first-child{margin-top:0}
.clanak__tekst .clanak__uvod{font-family:var(--serif);font-size:1.5rem;line-height:2.25rem;color:var(--text)}
.clanak__slika{margin:3rem 0 0;display:flex;justify-content:center}
.clanak__slika img{width:100%;max-width:26rem;height:auto;display:block;border:1px solid var(--zlatna-linija)}
.clanak__tekst .clanak__slika + p{margin-top:3rem}
.clanak__kraj{max-width:46rem;margin:4rem auto 0;padding-top:2rem;border-top:1px solid var(--zlatna-linija);display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap}
@media (max-width:991px){.blog-kartica{grid-template-columns:1fr;gap:0}.blog-kartica__slika{min-height:0;aspect-ratio:16/9}.blog-kartica__tekst{padding:1.5rem}.blog .mrvice,.clanak .mrvice{margin-bottom:2rem}}
@media (max-width:640px){.blog,.clanak{padding-block:1.5rem 4rem}.blog-kartica h2{font-size:1.5rem;line-height:2rem}.clanak__tekst .clanak__uvod{font-size:1.25rem;line-height:2rem}.clanak__kraj .dugme{width:100%;text-align:center}}
.blog-kartica__slika img{object-position:85% 30%}
.clanak__naslovna{max-width:56rem;margin-inline:auto}
.clanak__naslovna img{max-height:none;aspect-ratio:3/2;object-position:50% 40%}
.blog-kartica__slika img{object-position:45% 40%}