/* Bancor Travel — tema (izvučeno iz startProject dizajna; jedini izvor stilova) */
/* ============================================================
   BANCOR TRAVEL — naslovna, leto 2027
   Tipografija: MFred (samo verzal) + Berlingske Serif Text
   Paleta: Ponoć i šampanj
   ============================================================ */

@font-face{font-family:'MFred';src:url('/fonts/MFred.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Berlingske Serif Text';src:url('/fonts/BerlingskeSerif-Thin.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Berlingske Serif Text';src:url('/fonts/BerlingskeSerif-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Berlingske Serif Text';src:url('/fonts/BerlingskeSerif-Light.woff2') format('woff2');font-weight:500 700;font-style:normal;font-display:swap}

:root{
  --ponoc:#0A1A2F;
  --plava:#123255;
  --sampanj:#E4CFA3;
  --povrsina:#F5F7F9;
  --ink:#0C1420;
  --muted:#4A5766;
  --linija:#DCE3EA;
  --akcenat-svetlo:#74602F;

  --display:'MFred',Georgia,serif;
  --pismo:'Berlingske Serif Text',Georgia,serif;

  --margina:20px;
  --sirina:1520px;
  --ritam:72px;
  --ease:cubic-bezier(.19,1,.22,1);
}
/* Ritam i margine idu u stepenicama, fizičkim svojstvima u pikselima —
   fluidni clamp() je lep, ali ga statička analiza ne može izmeriti. */
@media (min-width:480px){:root{--margina:28px}}
@media (min-width:768px){:root{--margina:40px;--ritam:96px}}
@media (min-width:1024px){:root{--margina:52px;--ritam:118px}}
@media (min-width:1440px){:root{--margina:68px;--ritam:148px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:104px;
  /* Skrolbar sajta: teget traka, zlatan pokazatelj */
  scrollbar-width:thin;scrollbar-color:var(--sampanj) var(--ponoc)}
html::-webkit-scrollbar{width:10px;background:var(--ponoc)}
html::-webkit-scrollbar-thumb{background:var(--sampanj);border:3px solid var(--ponoc)}
html::-webkit-scrollbar-thumb:hover{background:#fff}
body{
  margin:0;background:#fff;color:var(--ink);
  font-family:var(--pismo);font-weight:300;font-size:1.0625rem;line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
h1,h2,h3,h4{margin:0;font-weight:400}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--sampanj);outline-offset:3px}

.okvir{width:100%;max-width:1656px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.okvir_usko{width:100%;max-width:1216px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
.sekcija{padding-top:72px;padding-bottom:72px}
@media (min-width:480px){.okvir,.okvir_usko{padding-left:28px;padding-right:28px}}
@media (min-width:768px){
  .okvir,.okvir_usko{padding-left:40px;padding-right:40px}
  .sekcija{padding-top:96px;padding-bottom:96px}
}
@media (min-width:1024px){
  .okvir,.okvir_usko{padding-left:52px;padding-right:52px}
  .sekcija{padding-top:118px;padding-bottom:118px}
}
@media (min-width:1440px){
  .okvir,.okvir_usko{padding-left:68px;padding-right:68px}
  .sekcija{padding-top:148px;padding-bottom:148px}
}
.vizuelno_skriveno{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- Tipografske klase ---------- */
.verzal{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  line-height:1;letter-spacing:.055em;
}
.naslov_sekcije{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(2.1rem,4.4vw,4.05rem);line-height:.98;letter-spacing:.045em;
}
.naslov_veliki{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(2.6rem,6.6vw,6rem);line-height:.94;letter-spacing:.06em;
}
.uvod{
  font-size:clamp(1.02rem,1.15vw,1.16rem);line-height:1.85;color:var(--muted);
  max-width:56ch;
}
.uvod_svetli{color:rgba(255,255,255,.78)}
.podnaslov{
  font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:400;line-height:1.5;color:var(--muted);
}
.oznaka{
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--akcenat-svetlo);
}

/* ---------- Dugmad (CTA opcija 1: oštro, wipe hover) ---------- */
.dugme{
  position:relative;display:inline-flex;align-items:center;gap:.85rem;
  padding:1.02rem 2.1rem;border:1px solid;border-radius:0;overflow:hidden;
  font-size:.94rem;letter-spacing:.03em;line-height:1;
  transition:color .55s var(--ease),border-color .55s var(--ease);
}
.dugme::before{
  content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;
  transition:transform .62s var(--ease);
}
.dugme:hover::before,.dugme:focus-visible::before{transform:scaleX(1)}
.dugme > *{position:relative}
.strelica{width:20px;height:8px;flex:none;transition:transform .55s var(--ease)}
.dugme:hover .strelica{transform:translateX(7px)}

.dugme_puno{background:var(--ponoc);border-color:var(--ponoc);color:#fff}
.dugme_puno::before{background:var(--sampanj)}
.dugme_puno:hover,.dugme_puno:focus-visible{color:var(--ponoc);border-color:var(--sampanj)}

.dugme_zlatno{background:var(--sampanj);border-color:var(--sampanj);color:var(--ponoc)}
.dugme_zlatno::before{background:#fff}
.dugme_zlatno:hover,.dugme_zlatno:focus-visible{border-color:#fff}

.dugme_obris{color:#fff;border-color:rgba(255,255,255,.42)}
.dugme_obris::before{background:#fff}
.dugme_obris:hover,.dugme_obris:focus-visible{color:var(--ponoc);border-color:#fff}

.dugme_tanko{color:var(--ink);border-color:var(--linija)}
.dugme_tanko::before{background:var(--ponoc)}
.dugme_tanko:hover,.dugme_tanko:focus-visible{color:#fff;border-color:var(--ponoc)}

.veza_tekst{
  display:inline-flex;align-items:center;gap:.7rem;font-size:.92rem;letter-spacing:.03em;
  padding-bottom:.35rem;border-bottom:1px solid currentColor;color:var(--akcenat-svetlo);
  transition:gap .5s var(--ease);
}
.veza_tekst:hover{gap:1.2rem}
.veza_tekst_svetla{color:var(--sampanj)}

/* ============================================================
   ZAGLAVLJE
   ============================================================ */
.zaglavlje{position:fixed;inset:0 0 auto;z-index:90;color:#fff}
.zaglavlje::after{
  content:"";position:absolute;inset:0;background:var(--ponoc);opacity:0;z-index:-1;
  border-bottom:1px solid rgba(228,207,163,.16);transition:opacity .6s var(--ease);
}
/* Stalni veo ispod zaglavlja — drži AA kontrast i preko najsvetlijeg slajda. */
.zaglavlje::before{
  content:"";position:absolute;left:0;right:0;top:0;bottom:-56px;z-index:-2;pointer-events:none;
  background:linear-gradient(to bottom,rgba(6,15,27,.86) 0%,rgba(6,15,27,.7) 46%,rgba(6,15,27,.34) 78%,rgba(6,15,27,0) 100%);
  transition:opacity .6s var(--ease);
}
.zaglavlje.je_zalepljen::after{opacity:1}
.zaglavlje.je_zalepljen::before{opacity:0}
.zaglavlje.je_sakriven{transform:translateY(-104%)}
.zaglavlje{transition:transform .6s var(--ease)}

/* Rezerva za fiksno zaglavlje — sve sidrene podnavigacije se lepe na nju.
   Kad se zaglavlje skloni (skrol nadole), telo dobija .zaglavlje_skriveno
   i rezerva pada na 0 pa podnav klizne na sam vrh, bez prozirne rupe.
   Sidra (scroll-margin-top) ostaju na punoj vrednosti. */
:root{--podnav-top:48px}
@media (min-width:1181px){:root{--podnav-top:54px}}
body.zaglavlje_skriveno{--podnav-top:0px}

.zaglavlje_vrh{
  overflow:hidden;max-height:70px;opacity:1;
  border-bottom:1px solid rgba(255,255,255,.2);
  transition:max-height .5s var(--ease),opacity .3s linear,border-bottom-color .3s linear;
}
.zaglavlje.je_zalepljen .zaglavlje_vrh{max-height:0;opacity:0;border-bottom-color:transparent}
.vrh_red{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  padding-top:10px;padding-bottom:10px}
.vrh_kontakt{display:flex;align-items:center;gap:clamp(1rem,2vw,2.1rem)}
.vrh_kontakt a{
  display:inline-flex;align-items:center;gap:.55rem;color:#fff;
  font-size:.98rem;letter-spacing:.045em;transition:color .4s var(--ease);
}
.vrh_kontakt svg{width:15px;height:15px;flex:none;stroke:var(--sampanj);
  fill:none;stroke-width:1.5;transition:stroke .4s var(--ease)}
.vrh_kontakt a:hover{color:var(--sampanj)}
/* desni niz: O nama | YUTA | Pošaljite upit → */
.vrh_desno{display:flex;align-items:center;--razmak:clamp(.7rem,1.3vw,1.15rem)}
.vrh_veza{
  position:relative;display:inline-flex;align-items:center;gap:.45rem;
  padding:.15rem var(--razmak);font-size:.9rem;letter-spacing:.05em;color:#fff;
  white-space:nowrap;transition:opacity .35s var(--ease);
}
.vrh_veza:last-child{padding-right:0}
.vrh_veza + .vrh_veza::before{
  content:"";position:absolute;left:0;top:50%;margin-top:-6px;
  width:1px;height:12px;background:rgba(255,255,255,.32);
}
.vrh_veza svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;
  transition:transform .4s var(--ease)}
a.vrh_veza::after{
  content:"";position:absolute;left:var(--razmak);right:100%;bottom:-1px;height:1px;
  background:var(--sampanj);transition:right .45s var(--ease);
}
a.vrh_veza:last-child::after{right:100%}
a.vrh_veza:hover::after,a.vrh_veza:focus-visible::after{right:var(--razmak)}
a.vrh_veza:last-child:hover::after,a.vrh_veza:last-child:focus-visible::after{right:0}
a.vrh_veza:hover svg{transform:translateX(3px)}
.vrh_znak{
  display:inline-flex;align-items:center;gap:.42rem;padding:.24rem .62rem;
  border:1px solid rgba(228,207,163,.42);border-radius:2px;
  font-size:.7rem;letter-spacing:.19em;color:var(--sampanj);white-space:nowrap;
}
.vrh_znak::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--sampanj)}

.zaglavlje_telo{
  display:grid;grid-template-columns:auto 1fr;
  grid-template-areas:"logo logo" "nav nav";
  align-items:center;transition:padding .5s var(--ease);
}
/* visina kutije logotipa seče prazan prostor u PNG-u (ink je 44% visine) */
.zaglavlje{--logo-kutija:81px;--logo-slika:81px}
.zaglavlje_logo{grid-area:logo;justify-self:center;line-height:0;
  display:flex;align-items:center;overflow:hidden;height:var(--logo-kutija);
  transition:height .5s var(--ease)}
.zaglavlje_logo img{height:var(--logo-slika);width:auto;transition:height .5s var(--ease)}
.zaglavlje_nav{grid-area:nav;
  border-top:1px solid rgba(255,255,255,.14);transition:border-color .5s var(--ease)}
.nav_lista{display:flex;justify-content:center;gap:clamp(1rem,2.1vw,2.3rem);padding-block:11px}
.nav_lista > li{position:static}
.nav_veza{
  position:relative;display:inline-flex;align-items:center;gap:.4rem;
  font-family:var(--pismo);font-size:.9rem;letter-spacing:.07em;color:rgba(255,255,255,.9);
  padding-block:7px;transition:color .4s var(--ease);white-space:nowrap;
}
.nav_veza::after{
  content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--sampanj);
  transition:right .5s var(--ease);
}
.nav_veza:hover,.ima_meni.je_otvoren > .nav_veza{color:#fff}
.nav_veza:hover::after,.ima_meni.je_otvoren > .nav_veza::after{right:0}
.nav_strelica{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.8;
  transition:transform .4s var(--ease);opacity:.75}
.ima_meni.je_otvoren .nav_strelica{transform:rotate(180deg)}

.zaglavlje.je_zalepljen{--logo-kutija:42px;--logo-slika:92px}
.zaglavlje.je_zalepljen .zaglavlje_telo{grid-template-areas:"logo nav";
  padding-top:6px;padding-bottom:6px}
.zaglavlje.je_zalepljen .zaglavlje_logo{justify-self:start}
.zaglavlje.je_zalepljen .zaglavlje_nav{border-top-color:transparent}
.zaglavlje.je_zalepljen .nav_lista{justify-content:flex-end;gap:clamp(.9rem,1.7vw,1.7rem);padding-block:0}
.zaglavlje.je_zalepljen .nav_veza{font-size:.94rem;letter-spacing:.1em;color:#fff}

/* ---------- mega meni (Letovanja) ---------- */
.mega{
  position:absolute;left:50%;top:100%;z-index:5;
  width:min(900px,calc(100vw - 2 * var(--margina)));
  transform:translate(-50%,14px);opacity:0;visibility:hidden;pointer-events:none;
  background:var(--ponoc);border:1px solid rgba(228,207,163,.2);
  box-shadow:0 32px 70px rgba(4,10,20,.55);
  transition:opacity .38s var(--ease),transform .5s var(--ease),visibility .38s;
}
.ima_meni.je_otvoren > .mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mega_mreza{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:0}
.mega_kol{padding:24px 24px 26px;border-right:1px solid rgba(255,255,255,.08)}
.mega_kol:last-child{border-right:0;padding:0}
.mega_naslov{
  font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--sampanj);margin-bottom:14px;
}
.mega_lista li + li{margin-top:2px}
.mega_lista a{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:.4rem .55rem .4rem 0;font-size:.96rem;color:rgba(255,255,255,.88);
  border-bottom:1px solid transparent;
  transition:color .35s var(--ease),padding-left .35s var(--ease),background-color .35s var(--ease);
}
.mega_lista a:hover,.mega_lista a:focus-visible{
  color:#fff;padding-left:.55rem;background:rgba(228,207,163,.1);
}
.mega_lista a span{font-size:.8rem;letter-spacing:.05em;color:var(--sampanj);opacity:.9}
.mega_karta{position:relative;display:block;overflow:hidden;min-height:230px;height:100%}
.mega_karta img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;opacity:1;
  transition:transform 1.1s var(--ease),opacity .28s linear}
.mega_karta:hover img{transform:scale(1.06)}
/* blago zatamnjenje dna da pilula uvek ima mirnu podlogu ispod sebe */
.mega_karta::after{content:"";position:absolute;inset:auto 0 0;height:55%;pointer-events:none;
  background:linear-gradient(to top,rgba(6,15,27,.66),rgba(6,15,27,0))}
/* naziv destinacije — svoja pilula gore levo */
.mega_znak{
  position:absolute;left:12px;top:12px;z-index:2;max-width:calc(100% - 24px);
  padding:.34rem .72rem;background:rgba(10,26,47,.86);border:1px solid rgba(228,207,163,.28);
  font-size:.78rem;letter-spacing:.06em;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* poziv na akciju — izdvojena pilula dole desno, nikad tekst preko fotografije */
.mega_pilula{
  position:absolute;right:12px;bottom:12px;z-index:2;
  display:inline-flex;align-items:center;gap:.45rem;
  padding:.52rem .9rem;background:var(--sampanj);color:var(--ponoc);
  font-family:var(--display);text-transform:uppercase;
  font-size:.74rem;letter-spacing:.15em;line-height:1;
  box-shadow:0 10px 24px rgba(4,10,20,.45);
  transition:background .35s var(--ease),gap .35s var(--ease);
}
.mega_pilula svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9}
.mega_karta:hover .mega_pilula,.mega_karta:focus-visible .mega_pilula{background:#fff;gap:.7rem}

/* hamburger */
.meni_dugme{
  display:none;position:relative;width:46px;height:46px;margin-right:-10px;
  align-items:center;justify-content:center;
}
.meni_dugme span{
  position:absolute;left:11px;width:24px;height:1px;background:#fff;
  transition:transform .55s var(--ease),opacity .3s var(--ease);
}
.meni_dugme span:nth-child(1){transform:translateY(-6px)}
.meni_dugme span:nth-child(2){transform-origin:left center;transform:scaleX(.667)}
.meni_dugme span:nth-child(3){transform:translateY(6px)}
.meni_dugme.je_otvoren span:nth-child(1){transform:rotate(45deg)}
.meni_dugme.je_otvoren span:nth-child(2){opacity:0;transform:scaleX(1)}
.meni_dugme.je_otvoren span:nth-child(3){transform:rotate(-45deg)}

/* ---------- mobilni panel ---------- */
.zavesa{
  position:fixed;inset:0;z-index:95;background:rgba(6,14,25,.6);
  opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s;
  backdrop-filter:blur(3px);
}
.zavesa.je_otvoren{opacity:1;visibility:visible}
.panel{
  position:fixed;top:0;right:0;bottom:0;z-index:96;width:min(90vw,440px);
  background:var(--ponoc);color:#fff;transform:translateX(100%);
  transition:transform .78s var(--ease);
  display:flex;flex-direction:column;overflow-y:auto;
  scrollbar-width:none;
}
.panel::-webkit-scrollbar{display:none}
/* Senka samo dok je panel otvoren — inače prosipa sivu traku na desnu ivicu svake svetle strane. */
.panel.je_otvoren{transform:translateX(0);box-shadow:-40px 0 90px rgba(0,0,0,.4)}
.panel_slika{position:absolute;inset:0;opacity:.16;pointer-events:none}
.panel_slika img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3)}
.panel_glava{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  padding:22px var(--margina);border-bottom:1px solid rgba(228,207,163,.2);
}
.panel_glava img{height:34px;width:auto}
.panel_zatvori{width:44px;height:44px;position:relative;margin-right:-10px}
.panel_zatvori span{position:absolute;left:11px;top:21px;width:22px;height:1px;background:#fff}
.panel_zatvori span:first-child{transform:rotate(45deg)}
.panel_zatvori span:last-child{transform:rotate(-45deg)}
.panel_nav{position:relative;padding:clamp(26px,5vw,44px) var(--margina) 20px;flex:1}
.panel_nav li{
  overflow:hidden;border-bottom:1px solid rgba(255,255,255,.09);
}
.panel_nav a,.panel_nav .panel_naslov{
  display:flex;align-items:baseline;gap:1rem;padding:.82rem 0;text-align:left;color:inherit;
  font-family:var(--display);text-transform:uppercase;letter-spacing:.06em;
  font-size:clamp(1.25rem,5.4vw,1.62rem);line-height:1.1;
  transform:translateY(110%);opacity:0;
  transition:transform .8s var(--ease),opacity .6s var(--ease),color .35s var(--ease);
  transition-delay:var(--kasnjenje,0ms);
}
.panel_nav a small,.panel_nav .panel_naslov small{
  font-family:var(--pismo);font-size:.68rem;letter-spacing:.14em;color:var(--sampanj);
  text-transform:none;opacity:.75;
}
.panel.je_otvoren .panel_nav a,.panel.je_otvoren .panel_nav .panel_naslov{transform:translateY(0);opacity:1}
.panel_nav a:hover,.panel_nav .panel_naslov:hover{color:var(--sampanj)}
/* akordeon u mobilnom panelu */
.panel_red{display:flex;align-items:center;gap:.6rem}
.panel_red > a,.panel_red > .panel_naslov{flex:1}
.panel_pregib{
  flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  color:var(--sampanj);transition:color .35s var(--ease);
}
.panel_pregib svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;
  transition:transform .45s var(--ease)}
.panel_grupa.je_otvoren .panel_pregib svg{transform:rotate(180deg)}
.panel_pod{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.panel_grupa.je_otvoren .panel_pod{grid-template-rows:1fr}
.panel_pod > ul{overflow:hidden;min-height:0}
.panel_pod li{border-bottom:0}
.panel_pod a{
  font-family:var(--pismo);text-transform:none;letter-spacing:.03em;
  font-size:1rem;padding:.5rem 0 .5rem 1rem;justify-content:space-between;
  color:rgba(255,255,255,.86);transform:none;opacity:1;
  border-left:1px solid rgba(228,207,163,.28);
}
.panel_pod a span{font-size:.8rem;letter-spacing:.06em;color:var(--sampanj)}
.panel_pod li:last-child a{padding-bottom:1rem}
.panel_dno{
  position:relative;padding:24px var(--margina) 34px;border-top:1px solid rgba(228,207,163,.2);
  font-size:.9rem;line-height:2;color:rgba(255,255,255,.76);
}
.panel_dno a:hover{color:var(--sampanj)}
.panel_linija{
  position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--sampanj);
  transform:scaleY(0);transform-origin:top;transition:transform 1s var(--ease) .15s;
}
.panel.je_otvoren .panel_linija{transform:scaleY(1)}

@media (max-width:1180px){
  .meni_dugme{display:flex}
  .zaglavlje_nav{display:none}
  .zaglavlje_telo{grid-template-areas:"logo meni";grid-template-columns:1fr auto}
  .zaglavlje_logo{justify-self:start}
  .zaglavlje.je_zalepljen .zaglavlje_telo{grid-template-areas:"logo meni"}
  .zaglavlje_meni_polje{grid-area:meni;justify-self:end}
}
@media (min-width:1181px){.zaglavlje_meni_polje{display:none}}
@media (max-width:1180px){
  .zaglavlje{--logo-kutija:64px;--logo-slika:64px}
  .zaglavlje.je_zalepljen{--logo-kutija:36px;--logo-slika:78px}
}
@media (max-width:900px){
  .vrh_kontakt a:nth-child(2){display:none}
  .vrh_veza:not(:last-child){display:none}
  .vrh_veza:last-child::before{display:none}
}
@media (max-width:640px){
  .vrh_kontakt a{font-size:.9rem}
  .zaglavlje{--logo-kutija:54px;--logo-slika:54px}
  .zaglavlje.je_zalepljen{--logo-kutija:32px;--logo-slika:70px}
}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
  overflow:hidden;background:var(--ponoc);color:#fff;padding-top:190px;--zavesica:72%}
.hero_slajdovi{position:absolute;inset:0;z-index:0}
.hero_slajd{position:absolute;inset:0;opacity:0;transition:opacity 1.4s var(--ease)}
.hero_slajd.je_aktivan{opacity:1}
.hero_slajd img,.hero_slajd video{
  width:100%;height:100%;object-fit:cover;transform:scale(1.06);
  transition:transform 9s linear;
  /* klijent 26.08: kadar vedriji i topliji, sajt da ne deluje zatamnjeno */
  filter:brightness(1.07) saturate(1.1);
}
.hero_slajd.je_aktivan img,.hero_slajd.je_aktivan video{transform:scale(1)}
/* Privremeni režim: samo hero video, slajder pauziran (skini klasu samo_video sa .hero da se vrati) */
.hero.samo_video .hero_slajd:not([data-cilj="video"]){display:none}
.hero.samo_video .hero_slajd[data-cilj="video"]{opacity:1}
.hero.samo_video .hero_slajd[data-cilj="video"] video{transform:none}
.hero.samo_video .hero_indikatori{display:none}
/* Scrim je ciljan: gust tačno ispod teksta (dole), a od visine naslova naviše
   naglo pada na nulu — središnji deo kadra ostaje gotovo čist da fotografija/video
   dominira. Pokriće iza teksta je >= staro (naslov >=.36, sitan tekst >=.46, uz
   dodatne radijale u oba donja ugla za desnu kolonu destinacija). Gornju traku
   drži zaglavlje sopstvenim veom (.zaglavlje::before), pa ga hero ne duplira. */
.hero_podloga{
  position:absolute;left:0;right:0;bottom:0;height:var(--zavesica);z-index:1;
  background:
    linear-gradient(to top,
      rgba(6,15,27,.78) 0%,
      rgba(6,15,27,.64) 28%,
      rgba(6,15,27,.48) 50%,
      rgba(6,15,27,.33) 66%,
      rgba(6,15,27,.22) 73%,
      rgba(6,15,27,.09) 81%,
      rgba(6,15,27,.02) 90%,
      rgba(6,15,27,0) 97%),
    radial-gradient(112% 64% at 100% 100%,rgba(6,15,27,.28) 0%,rgba(6,15,27,.10) 54%,rgba(6,15,27,0) 80%),
    radial-gradient(104% 66% at 2% 100%,rgba(6,15,27,.28) 0%,rgba(6,15,27,.10) 52%,rgba(6,15,27,0) 78%);
}
.hero_veo{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to bottom,rgba(6,15,27,.30) 0%,rgba(6,15,27,.10) 9%,rgba(6,15,27,0) 16%);
}
/* rezerva za čitljivost nad neočekivano svetlim kadrom */
.hero_naslov,.hero_uvod,.hero_stavka,.hero_ponuda,.pretraga_pitanje,.pretraga_rezultat{
  /* tanji scrim (posvetljen kadar) — tesna senka nosi čitljivost i nad svetlim frejmom */
  text-shadow:0 1px 3px rgba(6,15,27,.62),0 2px 22px rgba(6,15,27,.6);
}
.hero_sadrzaj{position:relative;z-index:2;padding-bottom:44px}
@media (min-width:768px){.hero_sadrzaj{padding-bottom:58px}}
@media (min-width:1280px){.hero_sadrzaj{padding-bottom:72px}}
.hero_mreza{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(30px,5vw,80px);align-items:end}

.hero_naslov{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:clamp(2.9rem,7.6vw,7.1rem);line-height:.92;letter-spacing:.075em;margin-bottom:1.5rem;
}
.hero_red{display:block;overflow:hidden}
.hero_red > span{display:block;transform:translateY(106%);transition:transform 1.15s var(--ease);transition-delay:var(--kasnjenje,0ms)}
.hero.je_spreman .hero_red > span{transform:translateY(0)}
.hero_uvod{
  max-width:52ch;font-size:clamp(1.02rem,1.25vw,1.2rem);line-height:1.8;color:rgba(255,255,255,.92);
  opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease) .5s,transform 1s var(--ease) .5s;
}
.hero.je_spreman .hero_uvod{opacity:1;transform:none}

.hero_lista{
  border-top:1px solid rgba(255,255,255,.2);
  opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease) .65s,transform 1s var(--ease) .65s;
}
.hero.je_spreman .hero_lista{opacity:1;transform:none}
.hero_stavka{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  padding:.62rem 0 .62rem;border-bottom:1px solid rgba(255,255,255,.18);
  cursor:pointer;width:100%;text-align:left;transition:color .4s var(--ease);
}
.hero_stavka b{font-weight:400;font-size:1.02rem;letter-spacing:.02em;
  transition:transform .5s var(--ease)}
.hero_stavka small{font-size:.84rem;color:rgba(255,255,255,.9);letter-spacing:.04em}
.hero_stavka.je_aktivan,.hero_stavka:hover{color:var(--sampanj)}
.hero_stavka.je_aktivan b,.hero_stavka:hover b{transform:translateX(9px)}
.hero_stavka.je_aktivan small,.hero_stavka:hover small{color:var(--sampanj)}
/* stavke su prave veze ka strani destinacije — strelica javlja da se može kliknuti */
.hero_stavka{position:relative;padding-right:1.7em}
.hero_stavka::after{
  content:"→";position:absolute;right:0;top:0;bottom:0;
  display:flex;align-items:center;font-size:.9rem;opacity:0;
  transform:translateX(-5px);transition:opacity .35s var(--ease),transform .35s var(--ease);
}
.hero_stavka:hover::after,.hero_stavka:focus-visible::after{opacity:1;transform:none}
.hero_traka{display:contents}
.hero_kraj,.hero_ponuda,.hero_stavka.je_klon{display:none}

/* mikro pretraga po atmosferi */
.hero_pretraga{
  position:relative;z-index:2;margin-top:clamp(26px,3.6vw,46px);
  border-top:1px solid rgba(255,255,255,.18);padding-top:clamp(16px,2vw,22px);
  display:flex;flex-wrap:wrap;align-items:center;gap:clamp(10px,1.4vw,18px);
  opacity:0;transform:translateY(20px);transition:opacity 1s var(--ease) .8s,transform 1s var(--ease) .8s;
}
.hero.je_spreman .hero_pretraga{opacity:1;transform:none}
.pretraga_pitanje{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.9);margin-right:.4rem}
.vibe{
  padding:.62rem 1.15rem;border:1px solid rgba(255,255,255,.28);font-size:.9rem;letter-spacing:.02em;
  transition:background .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease);
}
.vibe:hover{border-color:#fff}
.vibe.je_aktivan{background:var(--sampanj);border-color:var(--sampanj);color:var(--ponoc)}
.pretraga_rezultat{
  flex-basis:100%;font-size:.94rem;color:rgba(255,255,255,.9);min-height:1.6em;
  transition:opacity .4s var(--ease);
}
.pretraga_rezultat b{color:var(--sampanj);font-weight:400}
.hero_go{margin-left:auto}

.hero_indikatori{
  position:absolute;right:var(--margina);bottom:clamp(18px,2.4vw,26px);z-index:3;
  display:flex;gap:10px;
}
.indikator{width:40px;height:2px;background:rgba(255,255,255,.28);position:relative;overflow:hidden}
.indikator::after{content:"";position:absolute;inset:0;background:var(--sampanj);transform:scaleX(0);transform-origin:left}
.indikator.je_aktivan::after{animation:napredak 7s linear forwards}
@keyframes napredak{to{transform:scaleX(1)}}

@media (max-width:1000px){
  /* na uskom ekranu tekst pokriva ceo kadar — scrim ostaje ravniji, ali gornja
     trećina (iznad naslova) sada ide na nulu; zaglavlje ima svoj veo */
  .hero{padding-top:150px;--zavesica:96%}
  /* svetliji kadar nego ranije: gustina ostaje samo u donjoj trećini (gde je sitan
     tekst — uvod, dugmad, opis), a srednji pojas oko naslova je otvoren da se kadar
     vidi. Naslov je krupan verzal (prag 3:1) i nosi pojačanu senku ispod. */
  .hero_podloga{background:linear-gradient(to top,
    rgba(6,15,27,.78) 0%,rgba(6,15,27,.72) 22%,rgba(6,15,27,.63) 38%,rgba(6,15,27,.55) 52%,
    rgba(6,15,27,.45) 62%,rgba(6,15,27,.30) 70%,rgba(6,15,27,.17) 78%,
    rgba(6,15,27,.07) 87%,rgba(6,15,27,0) 96%)}
  /* nadoknada za stanjen scrim iza naslova */
  .hero_naslov{text-shadow:0 2px 10px rgba(6,15,27,.72),0 6px 34px rgba(6,15,27,.6)}
  .hero_mreza{grid-template-columns:1fr;gap:26px}
  .hero_traka{display:block;position:relative;min-width:0}
  /* traka postaje ticker: sporo klizi sama, prst je može prevući */
  .hero_lista{display:flex;overflow-x:auto;border-top:0;border-bottom:0;
    scrollbar-width:none;gap:1.4rem;padding-right:2.2rem;touch-action:pan-x pan-y;
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 72%,transparent 99%);
            mask-image:linear-gradient(to right,transparent 0,#000 9%,#000 72%,transparent 99%)}
  .hero_lista::-webkit-scrollbar{display:none}
  .hero_stavka{width:auto;flex:none;border-bottom:0;gap:.7rem;padding:.4rem 0}
  /* na uskom ekranu stavke stoje jedna do druge — pomak bi ih sudario */
  .hero_stavka.je_aktivan b,.hero_stavka:hover b{transform:none}
  .hero_stavka::after{display:none}
  .hero_stavka.je_klon{display:flex}
  .hero_kraj{display:block;position:absolute;right:0;top:0;z-index:2;
    padding:.4rem 0 .4rem .55rem;font-size:1.15rem;line-height:1.5;color:var(--sampanj);
    text-shadow:0 0 10px rgba(6,15,27,.95),0 0 3px rgba(6,15,27,.9);
    pointer-events:none;animation:kraj_maha 1.9s var(--ease) infinite}
  /* linija koju je traka izgubila zbog maske živi ovde — vidljiva i kad je link sklopljen */
  .hero_ponuda{display:block;overflow:hidden;max-height:0;padding:0;
    font-size:.92rem;letter-spacing:.02em;color:var(--sampanj);
    border-top:1px solid rgba(255,255,255,.18);
    transition:max-height .5s var(--ease),padding .5s var(--ease)}
  .hero_ponuda.je_vidljiv{max-height:3.4rem;padding:.62rem 0}
  .hero_ponuda_str{display:inline-block;transition:transform .35s var(--ease)}
  .hero_ponuda:hover .hero_ponuda_str,.hero_ponuda:focus-visible .hero_ponuda_str{transform:translateX(5px)}
  .hero_go{margin-left:0}
  .hero_indikatori{display:none}
  /* „Kakvo leto tražite" — kompaktnija dugmad, dodirna meta i dalje 40px */
  .pretraga_pitanje{font-size:.7rem;letter-spacing:.14em;margin-right:0;flex-basis:100%}
  .hero_pretraga{gap:8px}
  .vibe{display:inline-flex;align-items:center;min-height:40px;padding:.35rem .78rem;font-size:.82rem}
}
@keyframes kraj_maha{0%,72%,100%{transform:translateX(0)}86%{transform:translateX(4px)}}
@media (max-width:1000px) and (prefers-reduced-motion:reduce){
  .hero_lista{scroll-snap-type:x proximity}
  .hero_stavka{scroll-snap-align:start}
  .hero_kraj{animation:none}
}

/* ============================================================
   TRAKA POVERENJA
   ============================================================ */
.poverenje{background:var(--ponoc);color:#fff;border-top:1px solid rgba(228,207,163,.18)}
.poverenje_red{
  display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;
  gap:clamp(18px,2.6vw,34px);padding-top:30px;padding-bottom:30px;
}
@media (min-width:1024px){.poverenje_red{padding-top:40px;padding-bottom:40px}}
/* oznaka (MFred verzal) iznad, opis (serif) ispod — dve jasne razine, ne jedan sitan red */
.poverenje_stavka{
  display:flex;flex-direction:column;gap:.34rem;
  font-size:clamp(.95rem,1.05vw,1.04rem);line-height:1.45;
  color:rgba(255,255,255,.9);letter-spacing:.01em;
}
.poverenje_stavka b{
  font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.3rem,1.75vw,1.62rem);line-height:1;
  letter-spacing:.07em;color:var(--sampanj);
}
@media (min-width:900px){
  .poverenje_stavka + .poverenje_stavka{border-left:1px solid rgba(228,207,163,.28);padding-left:clamp(18px,2.2vw,32px)}
}
@media (max-width:899px){.poverenje_red{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 18px}}

/* ============================================================
   DVE VERTIKALE
   ============================================================ */
.vertikale{display:grid;grid-template-columns:1.18fr .82fr;min-height:clamp(420px,52vw,660px)}
.vertikala{position:relative;overflow:hidden;display:flex;align-items:flex-end;color:#fff;
  background:var(--ponoc);padding:clamp(30px,4vw,64px);transition:flex-grow .8s var(--ease)}
.vertikala_slika{position:absolute;inset:0;z-index:0}
.vertikala_slika img{width:100%;height:100%;object-fit:cover;transform:scale(1.03);
  transition:transform 1.4s var(--ease)}
.vertikala:hover .vertikala_slika img{transform:scale(1.09)}
.vertikala_slika::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(6,15,27,.94) 0%,rgba(6,15,27,.82) 32%,rgba(6,15,27,.4) 62%,rgba(6,15,27,.12) 100%)}
.vertikala_tamna{background:var(--ponoc)}
/* Starinski kompas (Bancor znak) — samo konture, bez fila. Delovi (obod, crtice,
   prstenovi, dve ruže, sitni zraci, strane sveta, igla) sklapaju se jedan za drugim
   dok sekcija ulazi u kadar (--k iz JS-a, stagger kroz --i), a na izlasku se cela
   ruža zavrti (--kv). Samo transform/opacity. */
.kompas{
  position:absolute;right:6%;top:7%;width:min(58%,330px);aspect-ratio:1;z-index:0;
  fill:none;stroke:var(--sampanj);stroke-width:.9;
  opacity:.42;transition:opacity .9s var(--ease);
  --k:1;--kv:0;transform:rotate(calc(var(--kv) * 1deg));will-change:transform;
}
.vertikala:hover .kompas{opacity:.74}.k_del{
  transform-box:view-box;transform-origin:50% 50%;will-change:transform,opacity;
  --p:clamp(0,(var(--k) - var(--i) * .085) / .4,1);
  opacity:var(--p);
  transform:rotate(calc((1 - var(--p)) * var(--zaokret,-30deg))) scale(calc(.55 + .45 * var(--p)));
}
/* crtice se ne crtaju kao 60 linija nego kao isprekidan krug sa debelim potezom */
.k_sitno{stroke-width:6.5;stroke-dasharray:.75 3.99}
.k_krupno{stroke-width:12;stroke-dasharray:1.3 21.74}
.k_unutra{stroke-width:3;stroke-dasharray:.55 3.99}
.k_ruza{stroke-width:1.15}
.k_ruzam{stroke-width:.75}
.k_zraci{stroke-width:.7;stroke-linecap:round}
.k_igla{stroke-width:1.3}
.k_slova{
  fill:var(--sampanj);stroke:none;font-family:var(--display);font-size:15px;
  letter-spacing:.04em;text-anchor:middle;dominant-baseline:central;
  transform:scale(calc(1.26 - .26 * var(--p)));
}
@media (max-width:860px){.kompas{width:160px;right:7%;top:26px}}
.vertikala_sadrzaj{position:relative;z-index:1;max-width:40ch}
.vertikala_broj{font-size:.74rem;letter-spacing:.24em;color:var(--sampanj);display:block;margin-bottom:1.1rem}
.vertikala_naslov{
  font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.9rem,3.5vw,3.2rem);line-height:1;letter-spacing:.05em;margin-bottom:1rem;
}
.vertikala p{color:rgba(255,255,255,.78);margin-bottom:1.9rem;font-size:1rem;line-height:1.8}
@media (max-width:860px){.vertikale{grid-template-columns:1fr}
  .vertikala{min-height:400px}}

/* ============================================================
   MOZAIK DESTINACIJA
   ============================================================ */
.mozaik_glava{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:clamp(20px,4vw,64px);
  align-items:end;margin-bottom:clamp(34px,4vw,58px);
}
.mozaik_mreza{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.mozaik_mreza .plocica{grid-column:span var(--sp,4)}
#leto .mozaik_glava{margin-bottom:clamp(20px,2.2vw,32px)}

.plocica{
  position:relative;display:block;overflow:hidden;background:var(--plava);
  height:var(--v,420px);
}
.plocica img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);
  transition:transform 1.5s var(--ease),filter 1s var(--ease)}
.plocica:hover img{transform:scale(1.09)}
.plocica::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(7,17,30,.90) 0%,rgba(7,17,30,.80) 30%,rgba(7,17,30,.42) 54%,rgba(7,17,30,0) 76%);
  transition:opacity .8s var(--ease);
}
.plocica_tekst{
  position:absolute;left:clamp(16px,1.5vw,24px);right:clamp(16px,1.5vw,24px);bottom:clamp(14px,1.4vw,20px);
  z-index:2;color:#fff;text-shadow:0 1px 14px rgba(7,17,30,.45);
}
.plocica_kicker{
  display:block;font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;
  color:rgba(255,255,255,.92);margin-bottom:.45rem;
  transform:translateY(6px);opacity:.85;transition:transform .6s var(--ease),opacity .6s var(--ease);
}
.plocica:hover .plocica_kicker{transform:translateY(0);opacity:1}
.plocica_naziv{
  display:block;font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.5rem,2.5vw,2.5rem);line-height:1;letter-spacing:.05em;
}
.plocica_cena{
  display:inline-block;margin-top:.7rem;font-size:.86rem;color:var(--sampanj);letter-spacing:.04em;
  opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .6s var(--ease);
}
.plocica:hover .plocica_cena{opacity:1;transform:translateY(0)}

@media (max-width:900px){
  .mozaik_mreza .plocica{grid-column:span 6;height:var(--vm,220px)}
  .plocica_cena{opacity:1;transform:none}
}
@media (max-width:760px){
  #leto .mozaik_glava{grid-template-columns:1fr}
}
@media (max-width:560px){
  .mozaik_mreza .plocica{grid-column:span 12;height:230px}
}

/* ============================================================
   KARUSEL — hoteli
   ============================================================ */
/* overflow:clip (a NE hidden) — hidden bi napravio scroll kontejner i ubio
   position:sticky na .karusel_pin. */
.karusel{background:var(--povrsina);position:relative;overflow-x:clip}
.karusel_pin{position:relative;overflow-x:clip}
.karusel_glava{max-width:440px;padding-left:var(--margina);padding-right:var(--margina)}
.karusel_glava .naslov_sekcije{margin-top:.85rem}
.karusel_glava .uvod{margin-top:1.25rem}
.karusel_traka{
  display:flex;gap:clamp(14px,1.4vw,22px);overflow-x:auto;scroll-snap-type:x mandatory;
  margin-top:clamp(24px,3vw,40px);
  padding-left:var(--margina);padding-right:var(--margina);padding-bottom:6px;
  /* snap ignoriše padding — bez ovoga prva kartica sama pojede levu marginu */
  scroll-padding-left:var(--margina);
  scrollbar-width:none;-ms-overflow-style:none;cursor:grab;
  /* pan-y mora ostati — sa samim pan-x traka otima vertikalni skrol strane */
  user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;
}
.karusel_traka::-webkit-scrollbar{display:none}
.karusel_traka.je_vuce{cursor:grabbing;scroll-snap-type:none}
.karusel_traka.je_vuce *{pointer-events:none}
.hotel{
  position:relative;flex:none;width:clamp(255px,23vw,335px);aspect-ratio:3/4.55;
  overflow:hidden;scroll-snap-align:start;background:var(--plava);display:flex;
  align-items:flex-end;color:#fff;
}
.hotel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.03);transition:transform 1.5s var(--ease)}
.hotel:hover img{transform:scale(1.1)}
.hotel::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(7,17,30,.94) 6%,rgba(7,17,30,.35) 48%,rgba(7,17,30,.05) 78%)}
.hotel_znak{
  position:absolute;top:0;right:0;z-index:2;background:rgba(10,26,47,.82);color:var(--sampanj);
  padding:.5rem .85rem;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
}
.hotel_telo{position:relative;z-index:2;padding:clamp(18px,1.6vw,26px);width:100%}
.hotel_mesto{display:block;font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;color:var(--sampanj);margin-bottom:.6rem}
.hotel_naziv{display:block;font-size:1.22rem;line-height:1.35;font-weight:400;margin-bottom:.45rem}
.hotel_meta{display:block;font-size:.86rem;color:rgba(255,255,255,.7)}
.hotel_dno{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-top:1.15rem;
  padding-top:1rem;border-top:1px solid rgba(255,255,255,.22);
}
.hotel_cena{font-size:1.5rem;line-height:1}
.hotel_cena span{display:block;font-size:.72rem;letter-spacing:.12em;color:rgba(255,255,255,.62);margin-top:.35rem}
/* CTA je vidljiv i bez hovera — na dodirnim ekranima hover ne postoji. */
.hotel_veza{
  font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.86);
  border-bottom:1px solid rgba(228,207,163,.55);padding-bottom:3px;
  transition:color .45s var(--ease),border-color .45s var(--ease),transform .45s var(--ease);
}
.hotel:hover .hotel_veza{color:var(--sampanj);border-bottom-color:var(--sampanj);transform:translateX(5px)}
.karusel_kursor{
  position:fixed;top:0;left:0;z-index:70;width:96px;height:96px;border-radius:50%;
  background:rgba(10,26,47,.86);color:var(--sampanj);display:grid;place-items:center;
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;
  /* položaj ide kroz transform (JS ga stalno prepisuje), a vidljivost kroz
     zasebno svojstvo scale — inače inline transform pregazi sakrivanje. */
  transform:translate(-50%,-50%);scale:0;transition:scale .45s var(--ease);
}
.karusel_kursor.je_vidljiv{scale:1}
@media (hover:none),(max-width:1000px){.karusel_kursor{display:none}}
@media (max-width:1000px){.karusel_glava{max-width:none}}

/* ---- Scroll-driven pin (dodaje ga JS: desktop + bez reduce-motion) ----
   Runway visinu i progres --p/--x/--t računa JS; ovde se samo crta.
   Sve animirano je transform/opacity → bez relayouta po kadru. */
/* anchor mora da sleti tačno na vrh staze, inače pin krene pomeren za
   globalni scroll-padding-top */
.karusel.je_pin{padding-top:0;padding-bottom:0;scroll-margin-top:-104px}
.karusel.je_pin .karusel_pin{
  position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;
  /* rep staze (--o) — sadržaj blago izbledi i izmakne pre nego što sekcija ode */
  opacity:calc(1 - var(--o,0));
  transform:translate3d(0,calc(var(--o,0) * -7vh),0);will-change:opacity,transform;
}
.karusel.je_pin .karusel_glava{
  position:absolute;left:0;top:50%;z-index:2;width:min(29vw,392px);max-width:none;
  transform:translate(calc(var(--t,0) * -90px),-50%);
  opacity:calc(1 - var(--t,0));will-change:transform,opacity;
}
/* Okno drži traku u njenoj (užoj) koloni dok tekst levo još stoji; kad --t krene,
   klip se otvara ulevo i traka se širi na punu širinu. Klip je u koordinatama okna
   (netransformisano), pa ostaje zakucan za ekran dok traka klizi ispod njega. */
.karusel.je_pin .karusel_okno{
  width:100%;flex:none;
  /* kubno — klip se otvara tek pri kraju gašenja, da kartice ne pregaze čitljiv tekst */
  clip-path:inset(0 0 0 calc((1 - var(--t,0) * var(--t,0) * var(--t,0)) * var(--klip,0px)));
}
.karusel.je_pin .karusel_traka{
  overflow:visible;scroll-snap-type:none;cursor:default;min-width:max-content;
  margin-top:0;padding-bottom:0;
  padding-left:calc(var(--margina) + min(29vw,392px) + clamp(26px,2.6vw,48px));
  transform:translate3d(var(--x,0px),0,0);will-change:transform;
}
.karusel.je_pin .hotel{width:auto;height:min(62vh,540px);aspect-ratio:3/4.3;scroll-snap-align:none}
.karusel_napredak{display:none}
/* diskretna, zlatna i centrirana — tik ispod kartica, ne na dnu sekcije */
.karusel.je_pin .karusel_napredak{
  display:block;position:absolute;z-index:3;left:50%;width:min(220px,22vw);
  top:calc(50% + min(31vh,270px) + clamp(20px,2.6vh,34px));
  height:2px;background:rgba(10,26,47,.10);transform:translateX(-50%);
}
.karusel_napredak i{
  display:block;height:100%;background:var(--sampanj);
  background:color-mix(in srgb,var(--sampanj) 76%,var(--ponoc));
  transform:scaleX(var(--p,0));transform-origin:left center;
}
/* ============================================================
   TABOVI
   ============================================================ */
.tabovi_glava{text-align:center;max-width:60ch;margin:0 auto clamp(26px,3vw,40px)}
.tabovi_glava .uvod{margin:1.2rem auto 0}
.tab_lista{
  display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(14px,3vw,44px);
  border-bottom:1px solid var(--linija);margin-bottom:clamp(30px,3.6vw,52px);
}
.tab_dugme{
  position:relative;padding:.7rem 0 1.1rem;font-size:clamp(.95rem,1.15vw,1.1rem);
  color:var(--muted);transition:color .45s var(--ease);
}
.tab_dugme::after{
  content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:2px;background:var(--akcenat-svetlo);
  transition:left .55s var(--ease),right .55s var(--ease);
}
.tab_dugme:hover{color:var(--ink)}
.tab_dugme[aria-selected="true"]{color:var(--ink)}
.tab_dugme[aria-selected="true"]::after{left:0;right:0}

.tab_panel{display:none}
.tab_panel.je_aktivan{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(16px,2vw,30px)}
.tab_panel.je_aktivan > *{animation:ulaz .8s var(--ease) both}
.tab_panel.je_aktivan > *:nth-child(2){animation-delay:.06s}
.tab_panel.je_aktivan > *:nth-child(3){animation-delay:.12s}
.tab_panel.je_aktivan > *:nth-child(4){animation-delay:.18s}
@keyframes ulaz{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

.ponuda_velika{
  position:relative;display:flex;flex-direction:column;border:1px solid var(--linija);background:#fff;
}
.ponuda_slika{position:relative;overflow:hidden;aspect-ratio:16/10}
.ponuda_slika img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.5s var(--ease)}
.ponuda_velika:hover .ponuda_slika img,.ponuda_mala:hover .ponuda_slika img{transform:scale(1.08)}
.znak{
  position:absolute;top:0;left:0;z-index:2;background:var(--ponoc);color:var(--sampanj);
  padding:.55rem .95rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
}
.ponuda_telo{padding:clamp(20px,2vw,32px);display:flex;flex-direction:column;flex:1}
.ponuda_mesto{font-size:.7rem;letter-spacing:.19em;text-transform:uppercase;color:var(--akcenat-svetlo);margin-bottom:.7rem;display:block}
.ponuda_naslov{font-size:clamp(1.25rem,1.7vw,1.72rem);line-height:1.28;font-weight:400;margin-bottom:.9rem}
.ponuda_trajanje{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.ponuda_ruta{
  margin-top:.55rem;padding-top:.9rem;border-top:1px solid var(--linija);
  font-size:.94rem;color:var(--muted);line-height:1.7;
}
.ponuda_dno{
  display:flex;align-items:flex-end;justify-content:space-between;gap:1.2rem;flex-wrap:wrap;
  margin-top:auto;padding-top:1.4rem;
}
.cena{font-size:clamp(1.5rem,2vw,1.95rem);line-height:1;color:var(--ink)}
.cena span{display:block;font-size:.72rem;letter-spacing:.12em;color:var(--muted);margin-top:.45rem;text-transform:uppercase}
.ponuda_stub{display:flex;flex-direction:column;gap:clamp(16px,2vw,30px)}
.ponuda_mala{
  display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
  border:1px solid var(--linija);background:#fff;flex:1;
}
.ponuda_mala .ponuda_slika{aspect-ratio:auto;height:100%;min-height:150px}
.ponuda_mala .ponuda_telo{padding:clamp(16px,1.5vw,24px)}
.ponuda_mala .ponuda_naslov{font-size:clamp(1.05rem,1.25vw,1.24rem);margin-bottom:.6rem}
.ponuda_mala .ponuda_dno{padding-top:1rem}
.ponuda_mala .cena{font-size:1.3rem}
@media (max-width:960px){
  .tab_panel.je_aktivan{grid-template-columns:1fr}
}
@media (max-width:520px){
  .ponuda_mala{grid-template-columns:1fr}
  .ponuda_mala .ponuda_slika{min-height:180px}
}
/* Kompaktnija sekcija „Aktuelna ponuda" — cilj: jedan ekran */
#ponuda{padding-top:clamp(44px,4.4vw,56px);padding-bottom:clamp(44px,4.4vw,56px)}
#ponuda .tabovi_glava{margin-bottom:clamp(16px,1.8vw,26px)}
#ponuda .tabovi_glava .uvod{margin-top:.8rem;line-height:1.7}
#ponuda .tab_lista{margin-bottom:clamp(18px,2vw,28px)}
#ponuda .tab_dugme{padding:.5rem 0 .8rem}
#ponuda .ponuda_velika .ponuda_slika{aspect-ratio:2.4/1}
/* slika u maloj kartici ne diktira visinu kartice — puni svoju ćeliju */
#ponuda .ponuda_mala .ponuda_slika{min-height:0}
#ponuda .ponuda_mala .ponuda_slika img{position:absolute;inset:0}
@media (max-width:520px){#ponuda .ponuda_mala .ponuda_slika{min-height:180px}}
#ponuda .ponuda_telo{padding:clamp(16px,1.5vw,26px)}
#ponuda .ponuda_naslov{margin-bottom:.7rem}
#ponuda .ponuda_ruta{margin-top:.45rem;padding-top:.8rem;line-height:1.65}
#ponuda .ponuda_dno{padding-top:1.1rem}
#ponuda .ponuda_mala .ponuda_dno{padding-top:.6rem}
#ponuda .ponuda_mala .ponuda_telo{padding:14px 18px}
#ponuda .ponuda_mala .ponuda_mesto{margin-bottom:.5rem}
#ponuda .ponuda_mala .ponuda_naslov{margin-bottom:.4rem}

/* ---- Tabovi na uskom ekranu: jedan red sa swipe-om, bez skrolbara ----
   Maska na desnoj ivici + delimično vidljiv sledeći tab = odmah se vidi da ima još;
   klasa je_kraj (JS) gasi masku kad se dođe do poslednjeg taba. */
@media (max-width:760px){
  .tab_lista{
    flex-wrap:nowrap;justify-content:flex-start;gap:26px;
    overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;
    scroll-padding-left:2px;scrollbar-width:none;-ms-overflow-style:none;
    padding-right:40px;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 46px),transparent);
            mask-image:linear-gradient(to right,#000 calc(100% - 46px),transparent);
    transition:-webkit-mask-image .3s var(--ease),mask-image .3s var(--ease);
  }
  .tab_lista.je_kraj{-webkit-mask-image:none;mask-image:none;padding-right:0}
  .tab_lista::-webkit-scrollbar{display:none}
  .tab_dugme{flex:none;scroll-snap-align:start;white-space:nowrap}
  /* podvlaka ide unutar okvira — overflow-y:hidden bi je inače odsekao */
  .tab_dugme::after{bottom:0}
}

/* ============================================================
   SPOTLAJT
   ============================================================ */
.spotlajt{position:relative}
.spotlajt_mreza{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(24px,4vw,72px);align-items:start}
.spotlajt_tekst{position:sticky;top:150px;padding-block:clamp(10px,2vw,30px)}
.spotlajt_naslov{
  font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(2.6rem,6vw,5.4rem);line-height:.94;letter-spacing:.06em;
}
.spotlajt_pod{margin-top:1rem;font-size:clamp(1.15rem,1.6vw,1.5rem);color:var(--muted);line-height:1.5}
.spotlajt_tekst .uvod{margin-top:1.6rem}
.cipovi{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.9rem}
.cip{border:1px solid var(--linija);padding:.5rem 1rem;font-size:.84rem;color:var(--muted)}
.spotlajt_slike{display:flex;flex-direction:column;gap:clamp(14px,1.6vw,24px)}
.spotlajt_slika{position:relative;overflow:hidden;height:clamp(320px,44vw,560px)}
.spotlajt_slika img{width:100%;height:118%;object-fit:cover;will-change:transform}
.spotlajt_slika figcaption{
  position:absolute;left:0;bottom:0;background:rgba(10,26,47,.86);color:#fff;
  padding:.65rem 1.1rem;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;
}
.spotlajt_slika_niska{height:clamp(220px,26vw,330px)}

.spotlajt_tamni{background:var(--ponoc);color:#fff}
.spotlajt_tamni .spotlajt_mreza{grid-template-columns:minmax(0,.58fr) minmax(0,.42fr)}
.spotlajt_tamni .spotlajt_pod{color:var(--sampanj)}
.spotlajt_tamni .uvod{color:rgba(255,255,255,.76)}
.spotlajt_tamni .cip{border-color:rgba(228,207,163,.34);color:rgba(255,255,255,.82)}
.spotlajt_tamni .spotlajt_slike{grid-column:1;grid-row:1}
.spotlajt_tamni .spotlajt_tekst{grid-column:2;grid-row:1}
@media (max-width:900px){
  .spotlajt_mreza,.spotlajt_tamni .spotlajt_mreza{grid-template-columns:1fr}
  .spotlajt_tekst{position:static}
  .spotlajt_tamni .spotlajt_slike,.spotlajt_tamni .dubai_levo{grid-column:1;grid-row:2}
  .spotlajt_tamni .spotlajt_tekst{grid-column:1;grid-row:1}
}

/* Kipar — privremeno skriven na zahtev klijenta (17.08.2026). */
.spotlajt_skriven{display:none}

/* ---- Dubai: traka hotela (deli .karusel_traka/.hotel iz #hoteli) ---- */
.dubai_traka .hotel::after{
  background:linear-gradient(to top,rgba(7,17,30,.95) 8%,rgba(7,17,30,.42) 52%,rgba(7,17,30,.04) 86%)}
/* leva kolona: kompozicija fotografija, pa preko nje traka hotela u istom prostoru */
.spotlajt_tamni .dubai_levo{grid-column:1;grid-row:1}

/* ---- Scroll-driven pin (klasu je_pin dodaje JS: desktop + bez reduce-motion) ----
   Staza je visoka, .karusel_pin je sticky, JS upisuje --d (druga fotografija ulazi),
   --e (kompozicija izlazi ulevo, kartice ulaze) i --x (traka putuje).
   Desna kolona sa tekstom se NE pomera — ceo pokret je u levoj polovini.
   Sve je transform/opacity → bez relayouta po kadru. */
.spotlajt.je_pin{padding-top:0;padding-bottom:0;scroll-margin-top:-104px}
.spotlajt.je_pin .karusel_pin{
  position:sticky;top:0;height:100vh;height:100svh;display:flex;align-items:center;overflow:clip;
}
.spotlajt.je_pin .dubai_scena{align-items:center}
.spotlajt.je_pin .spotlajt_tekst{position:static}
.spotlajt.je_pin .dubai_levo{position:relative}
/* U pinu je vidljiva UVEK samo jedna fotografija: obe stoje u istom oknu (visina
   gađa desnu kolonu), prva na --d izlazi na gore i odozdo je smenjuje druga, pa
   tek druga na --e odlazi ulevo i oslobađa mesto traci hotela. */
.spotlajt.je_pin .spotlajt_slike{
  position:relative;display:block;gap:0;height:min(68vh,600px);overflow:clip;
}
.spotlajt.je_pin .spotlajt_slika{
  position:absolute;inset:0;height:auto;
  transform:translate3d(0,calc(var(--d,0) * -112%),0);will-change:transform;
}
.spotlajt.je_pin .spotlajt_slika_niska{
  height:auto;
  transform:translate3d(calc(var(--e,0) * -92vw),calc((1 - var(--d,0)) * 112%),0);
}
/* okno seče traku na levu kolonu — kartice ulaze zdesna tek kad fotografije odu */
.spotlajt.je_pin .dubai_okno{position:absolute;inset:0;overflow:clip}
.spotlajt.je_pin .karusel_traka{
  position:absolute;left:0;top:50%;overflow:visible;scroll-snap-type:none;cursor:default;
  min-width:max-content;margin:0;padding:0;
  transform:translate3d(var(--x,0px),-50%,0);will-change:transform;
}
.spotlajt.je_pin .karusel_traka .hotel{width:auto;height:min(62vh,540px);aspect-ratio:3/4.3;scroll-snap-align:none}
.dubai_oznaka{display:none}
.spotlajt.je_pin .dubai_oznaka{
  display:block;position:absolute;z-index:3;left:0;margin:0;
  top:calc(50% - min(31vh,270px) - 2.4rem);
  font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sampanj);
  opacity:var(--e,0);will-change:opacity;
}
/* diskretna zlatna traka, centrirana ispod leve kolone (tamo gde je karusel) */
.spotlajt.je_pin .karusel_napredak{
  display:block;position:absolute;z-index:3;left:50%;width:min(220px,16vw);
  top:calc(50% + min(31vh,270px) + clamp(20px,2.6vh,34px));
  height:2px;background:rgba(255,255,255,.16);transform:translateX(-50%);
  opacity:var(--e,0);
}
.spotlajt.je_pin .karusel_napredak i{background:var(--sampanj)}

/* ---- Dubai bez pina (≤900px): uredna statična sekcija ----
   Mora posle pravila iznad: `.spotlajt_tamni .dubai_levo{grid-row:1}` ima istu
   specifičnost kao ono u ranijem @media bloku i inače ga pregazi — zbog toga su
   se tekst i fotografije preklapali. Redosled: naslov i tekst → fotografije → hoteli. */
@media (max-width:900px){
  /* minmax(0,1fr) je obavezno — golo 1fr ima auto minimum, pa min-content trake
     hotela razvuče kolonu preko ekrana (odatle horizontalni preliv) */
  #dubai .spotlajt_mreza{grid-template-columns:minmax(0,1fr);gap:clamp(26px,5vw,44px)}
  #dubai .dubai_levo,#dubai .dubai_okno{min-width:0}
  #dubai .spotlajt_tekst{grid-column:1;grid-row:1;position:static}
  #dubai .dubai_levo{grid-column:1;grid-row:2;display:flex;flex-direction:column}
  #dubai .spotlajt_slike{display:flex;flex-direction:column;gap:14px}
  #dubai .spotlajt_slika{height:clamp(210px,52vw,320px)}
  #dubai .spotlajt_slika_niska{height:clamp(170px,42vw,260px)}
  /* traka hotela: pun bleed do ivica ekrana, swipe sa snapom */
  #dubai .dubai_okno{
    margin-left:calc(var(--margina) * -1);margin-right:calc(var(--margina) * -1);
  }
  #dubai .dubai_oznaka{
    display:block;margin:clamp(24px,5vw,36px) 0 0;
    font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sampanj);
  }
  #dubai .dubai_traka{margin-top:14px}
}

/* ============================================================
   TOP PONUDA (cene)
   ============================================================ */
.cenovnik{background:var(--povrsina)}
.cenovnik_glava{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(20px,4vw,64px);
  align-items:end;margin-bottom:clamp(30px,3.4vw,50px)}
.cena_red{
  display:grid;grid-template-columns:96px minmax(0,1.5fr) minmax(0,1fr) auto auto;
  gap:clamp(14px,2.2vw,34px);align-items:center;
  padding:clamp(14px,1.6vw,22px) 0;border-top:1px solid var(--linija);
  transition:background-color .5s var(--ease);
}
.cena_red > *{transition:transform .5s var(--ease)}
.cena_red:last-child{border-bottom:1px solid var(--linija)}
.cena_red:hover{background:#fff}
.cena_red:hover > *{transform:translateX(12px)}
.cena_slika{width:96px;height:70px;overflow:hidden}
.cena_slika img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.2s var(--ease)}
.cena_red:hover .cena_slika img{transform:scale(1.12)}
.cena_naziv{font-size:clamp(1.05rem,1.4vw,1.35rem);line-height:1.35}
.cena_naziv small{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--akcenat-svetlo);margin-bottom:.35rem}
.cena_meta{font-size:.92rem;color:var(--muted)}
.cena_iznos{font-size:clamp(1.3rem,1.8vw,1.75rem);text-align:right;white-space:nowrap}
.cena_iznos span{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}
.popust{
  font-style:normal;display:inline-block;margin-left:.5rem;padding:.1rem .42rem;
  border:1px solid var(--akcenat-svetlo);color:var(--akcenat-svetlo);
  font-size:.68rem;letter-spacing:.1em;vertical-align:.08em;
}
.cena_iznos s{
  display:block;font-size:.9rem;color:var(--muted);margin-bottom:.3rem;
  text-decoration-thickness:1px;letter-spacing:.02em;
}
.vazi{
  display:block;margin-top:.45rem;font-weight:400;font-size:.74rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--akcenat-svetlo);
}
@media (max-width:900px){
  .cenovnik_glava{grid-template-columns:1fr;gap:18px;align-items:start}
  .cena_red{grid-template-columns:74px minmax(0,1fr) auto;row-gap:8px}
  .cena_slika{width:74px;height:60px}
  .cena_meta{grid-column:2/4;font-size:.86rem}
  .cena_red .dugme{grid-column:2/4;justify-self:start}
}

/* ============================================================
   PROGRAMI SA VODIČEM
   ============================================================ */
.programi{background:var(--ponoc);color:#fff;overflow:hidden}
.programi_glava{max-width:62ch;margin-bottom:clamp(40px,5vw,80px)}
.programi_glava .uvod{margin-top:1.5rem}
.program{
  display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,.5fr);
  gap:clamp(20px,4vw,70px);align-items:center;margin-bottom:clamp(50px,7vw,120px);
}
.program:last-child{margin-bottom:0}
/* naizmenično: 1. foto levo, 2. foto desno, 3. foto levo… (glava je prvo dete) */
.program:nth-child(odd) .program_medij{order:1}
.program_medij{position:relative;overflow:hidden;height:clamp(300px,40vw,540px)}
.program_medij img{width:100%;height:118%;object-fit:cover;will-change:transform}
.program_broj{
  position:absolute;left:-.06em;bottom:-.22em;z-index:2;
  font-family:var(--display);font-size:clamp(6rem,13vw,14rem);line-height:.8;color:#fff;
  opacity:.16;letter-spacing:.02em;
}
.program_tekst{max-width:46ch}
.program_zemlja{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sampanj);display:block;margin-bottom:1.1rem}
.program_naslov{
  font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.8rem,3.4vw,3rem);line-height:1;letter-spacing:.05em;margin-bottom:1.2rem;
}
.program_tekst p{color:rgba(255,255,255,.76);line-height:1.85}
.program_cinjenice{
  display:flex;flex-wrap:wrap;gap:clamp(18px,2.4vw,40px);margin:1.9rem 0;
  padding-top:1.3rem;padding-bottom:1.3rem;
  border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);
}
.cinjenica{font-size:.88rem;color:rgba(255,255,255,.66)}
.cinjenica b{display:block;font-weight:400;font-size:1.16rem;color:#fff;margin-bottom:.2rem}
@media (max-width:860px){
  .program{grid-template-columns:1fr;gap:24px}
  .program:nth-child(odd) .program_medij{order:0}
}

/* ============================================================
   USLUGE
   ============================================================ */
.usluge{background:var(--povrsina)}
.usluga{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(18px,3vw,50px);
  align-items:center;padding:clamp(22px,3vw,42px) 0;border-top:1px solid var(--linija);
  transition:color .5s var(--ease);
}
.usluga_broj,.usluga_sadrzaj{transition:transform .6s var(--ease)}
.usluga:last-of-type{border-bottom:1px solid var(--linija)}
.usluga:hover .usluga_broj,.usluga:hover .usluga_sadrzaj{transform:translateX(20px)}
.usluga_broj{font-size:.74rem;letter-spacing:.2em;color:var(--akcenat-svetlo)}
.usluga_naziv{
  display:block;font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.5rem,3vw,2.6rem);line-height:1;letter-spacing:.05em;
}
.usluga_sadrzaj{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);
  gap:clamp(18px,2.6vw,48px);align-items:center}
.usluga_opis{display:block;max-width:52ch;color:var(--muted);font-size:.98rem;line-height:1.75}
@media (max-width:900px){
  .usluga_sadrzaj{grid-template-columns:1fr;gap:0}
  .usluga_opis{margin-top:.85rem}
}
.usluga_znak{
  width:52px;height:52px;border:1px solid var(--linija);display:grid;place-items:center;flex:none;
  transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease);
}
.usluga:hover .usluga_znak{background:var(--ponoc);border-color:var(--ponoc);color:#fff}
.usluga_uvucena{margin-left:clamp(0px,6vw,110px)}
.usluga_uvucena2{margin-left:clamp(0px,3vw,58px)}
@media (max-width:760px){
  .usluga{grid-template-columns:1fr auto;gap:14px}
  .usluga_broj{grid-column:1/3}
  .usluga_uvucena,.usluga_uvucena2{margin-left:0}
}

/* ============================================================
   MICE
   ============================================================ */
.mice{position:relative;background:var(--plava);color:#fff;overflow:hidden}
.mice::before{
  content:"";position:absolute;left:-10%;top:-30%;width:52%;aspect-ratio:1;
  border:1px solid rgba(228,207,163,.18);border-radius:50%;
}
.mice_mreza{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,86px)}
.mice_tekst{position:relative;padding:clamp(24px,2.6vw,44px)}
/* Fotografija ide preko cele visine i širine leve strane sekcije, do same ivice */
.mice_foto{
  position:absolute;top:0;bottom:0;left:0;width:51.5%;
  background:
    linear-gradient(115deg,rgba(18,50,85,.78),rgba(10,26,47,.92)),
    url(/img/conference1.webp) center/cover no-repeat;
}
.mice_slika{width:100%;height:clamp(150px,13vw,210px);object-fit:cover;margin-top:clamp(10px,1.2vw,20px)}
.mice_lista{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,44px);margin:2.2rem 0}
.mice_lista li{padding:.85rem 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:.96rem;color:rgba(255,255,255,.84)}
.mice_brojevi{display:flex;flex-direction:column;gap:clamp(20px,2.6vw,40px);
  border-top:1px solid transparent;border-left:1px solid rgba(228,207,163,.32);
  padding-left:26px;padding-top:0}
@media (min-width:1024px){.mice_brojevi{padding-left:48px}}
.mice_broj b{
  display:block;font-family:var(--display);font-weight:400;font-size:clamp(3rem,6vw,5.2rem);
  line-height:.9;letter-spacing:.03em;color:var(--sampanj);
}
.mice_broj span{display:block;margin-top:.7rem;color:rgba(255,255,255,.78);max-width:30ch;font-size:.96rem;line-height:1.7}
@media (max-width:860px){
  .mice_foto{width:100%}
  .mice_tekst{padding-left:0;padding-right:0}
  .mice_mreza{grid-template-columns:1fr}
  .mice_lista{grid-template-columns:1fr}
  .mice_brojevi{border-left-color:transparent;padding-left:0;
    border-top-color:rgba(228,207,163,.32);padding-top:28px}
}

/* ============================================================
   UTISCI — tamna sekcija sa rotirajućim citatom i pratećom fotografijom.
   Citati i slike su naslagani u istoj grid ćeliji (grid-area:1/1) pa se
   samo pretapaju; visina je uvek najduži citat, bez skoka pri promeni.
   ============================================================ */
/* čisto belo (a ne --povrsina) — sekcija bloga ispod je već svetlosiva, pa bi se
   inače stopile u jedan blok; iznad je teget MICE, tako da smena ostaje jasna */
.utisci{background:#fff;color:var(--ink)}
.utisci_glava{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:clamp(18px,3vw,44px);padding-bottom:clamp(20px,2.4vw,32px);
  border-bottom:1px solid var(--linija);
}
.utisci_ocena{display:flex;align-items:baseline;gap:.9rem;margin:0}
.utisci_ocena b{
  font-family:var(--display);font-weight:400;font-size:clamp(2.2rem,3.6vw,3.2rem);
  line-height:1;letter-spacing:.04em;color:var(--akcenat-svetlo);
}
.utisci_ocena span{font-size:.9rem;color:var(--muted);max-width:20ch;line-height:1.5}
.utisci_scena{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:clamp(28px,4.4vw,80px);align-items:center;margin-top:clamp(28px,3.2vw,48px);
}
.utisci_citati{display:grid}
.utisak{
  grid-area:1/1;margin:0;opacity:0;visibility:hidden;
  transform:translateY(16px);transition:opacity .6s var(--ease),transform .8s var(--ease);
}
.utisak.je_aktivan{opacity:1;visibility:visible;transform:none}
/* navodnik kao tihi zlatni znak, ne kao ukras preko teksta */
.utisak::before{
  content:"”";display:block;font-family:var(--display);font-size:3.4rem;line-height:.6;
  color:rgba(116,96,47,.4);margin-bottom:1.2rem;
}
.utisak p{
  font-size:clamp(1.32rem,2.5vw,2.05rem);line-height:1.5;font-weight:400;letter-spacing:-.005em;
}
.utisak_ko{
  margin-top:clamp(20px,2.2vw,32px);padding-top:1.1rem;
  border-top:1px solid var(--linija);
  font-size:.88rem;letter-spacing:.05em;color:var(--muted);
}
.utisak_ko b{display:block;font-weight:400;color:var(--akcenat-svetlo);letter-spacing:.16em;
  text-transform:uppercase;font-size:.74rem;margin-bottom:.5rem}
/* max-height drži sekciju u razumnoj visini — citati su kratki, pa bi puni 4/5
   kadar napravio pola ekrana praznine levo */
.utisci_foto{position:relative;display:grid;aspect-ratio:4/5;max-height:min(56vh,470px);
  overflow:hidden;background:var(--plava)}
.utisci_foto img{
  grid-area:1/1;width:100%;height:100%;object-fit:cover;opacity:0;
  transform:scale(1.07);transition:opacity .8s var(--ease),transform 1.8s var(--ease);
}
.utisci_foto img.je_aktivan{opacity:1;transform:scale(1)}
/* biranje utiska: imena + tanka zlatna traka koja otkucava autoplay */
.utisci_izbor{
  display:flex;flex-wrap:wrap;gap:clamp(10px,1.6vw,26px);
  margin-top:clamp(30px,3.6vw,54px);
}
.utisci_izbor button{
  position:relative;background:none;border:0;padding:1rem 0 .9rem;cursor:pointer;
  font-family:var(--pismo);font-size:.94rem;letter-spacing:.03em;color:var(--muted);
  transition:color .45s var(--ease);flex:1 1 180px;text-align:left;
  /* <button> po UA pravilu centrira sadržaj — kod imena koje prelomi u dva reda
     to bi spustilo tekst u odnosu na susede sa jednim redom */
  display:flex;align-items:flex-start;
}
.utisci_izbor button::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--linija);
}
.utisci_izbor button::after{
  content:"";position:absolute;left:0;top:0;height:1px;width:100%;background:var(--akcenat-svetlo);
  transform:scaleX(0);transform-origin:left center;
}
.utisci_izbor button:hover,.utisci_izbor button:focus-visible{color:var(--ink)}
.utisci_izbor button[aria-selected="true"]{color:var(--ink)}
/* traka je animacija (ne tranzicija) da bi se mogla pauzirati i da bi JS mogao
   da čeka animationend umesto zasebnog tajmera — bar i smena su tako uvek u fazi */
@keyframes utisakOtkucaj{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.utisci_izbor button[aria-selected="true"]::after{animation:utisakOtkucaj 7s linear forwards}
.utisci_izbor.je_pauza button[aria-selected="true"]::after{animation-play-state:paused}
/* bez animacije nema ni animationend → autoplay sam od sebe izostaje */
@media (prefers-reduced-motion:reduce){
  .utisci_izbor button[aria-selected="true"]::after{animation:none;transform:scaleX(1)}
}
@media (max-width:900px){
  .utisci_scena{grid-template-columns:1fr;gap:clamp(24px,4vw,40px)}
  .utisci_foto{grid-row:1;aspect-ratio:3/2}
  .utisci_izbor button{flex:1 1 100%}
}

/* ============================================================
   BLOG
   ============================================================ */
.blog{background:var(--povrsina)}
.blog_mreza{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(20px,3vw,50px)}
.clanak_veliki{position:relative;overflow:hidden;min-height:clamp(340px,42vw,520px);
  display:flex;align-items:flex-end;color:#fff;background:var(--ponoc);
  padding:clamp(24px,2.6vw,44px)}
.clanak_veliki img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.03);transition:transform 1.5s var(--ease)}
.clanak_veliki:hover img{transform:scale(1.09)}
.clanak_veliki::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(7,17,30,.9),rgba(7,17,30,.3) 55%,rgba(7,17,30,.05))}
.clanak_telo{position:relative;z-index:2;max-width:44ch}
.clanak_meta{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sampanj);display:block;margin-bottom:.9rem}
.clanak_veliki h3{font-size:clamp(1.5rem,2.5vw,2.3rem);line-height:1.2;font-weight:400}
.clanak_veliki p{margin-top:.9rem;color:rgba(255,255,255,.78);font-size:1rem}
.clanci_mali{display:flex;flex-direction:column;justify-content:space-between;gap:clamp(16px,2vw,26px)}
.clanak_mali{
  display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);
  align-items:stretch;background:#fff;flex:1;border:1px solid var(--linija);
  transition:transform .6s var(--ease),border-color .6s var(--ease);
}
.clanak_mali:hover{transform:translateX(8px);border-color:var(--akcenat-svetlo)}
.clanak_mali_slika{overflow:hidden;min-height:150px}
.clanak_mali_slika img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s var(--ease)}
.clanak_mali:hover img{transform:scale(1.1)}
.clanak_mali_telo{display:flex;flex-direction:column;justify-content:center;
  padding:clamp(18px,1.7vw,26px)}
.clanak_mali h3{font-size:clamp(1.05rem,1.35vw,1.32rem);line-height:1.34;font-weight:400}
.clanak_mali .clanak_meta{color:var(--akcenat-svetlo);margin-bottom:.6rem}
@media (max-width:860px){.blog_mreza{grid-template-columns:1fr}}

/* ============================================================
   PODNOŽJE
   ============================================================ */
.podnozje{background:var(--ponoc);color:#fff;padding-top:clamp(50px,6vw,96px)}
.podnozje_cta{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,60px);align-items:end;
  padding-bottom:44px;border-bottom:1px solid rgba(228,207,163,.28);
}
@media (min-width:768px){.podnozje_cta{padding-bottom:58px}}
@media (min-width:1280px){.podnozje_cta{padding-bottom:74px}}
.podnozje_cta h2{
  font-family:var(--display);text-transform:uppercase;font-weight:400;
  font-size:clamp(1.9rem,4.6vw,4rem);line-height:.98;letter-spacing:.05em;
}
.podnozje_cta p{margin-top:1.2rem;color:rgba(255,255,255,.74);max-width:52ch}
.podnozje_akcije{display:flex;gap:14px;flex-wrap:wrap}
.podnozje_mreza{
  display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(24px,3vw,50px);
  padding-block:clamp(40px,5vw,72px);
}
.podnozje_logo{height:44px;width:auto;margin-bottom:1.6rem}
.podnozje_brend p{color:rgba(255,255,255,.7);max-width:34ch;font-size:.95rem;line-height:1.85}
.podnozje_licenca{
  display:inline-block;margin-top:1.4rem;padding:.5rem .95rem;border:1px solid rgba(228,207,163,.4);
  font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sampanj);
}
.podnozje_kolona h3{
  font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:.94rem;
  letter-spacing:.16em;color:var(--sampanj);margin-bottom:1.4rem;
}
.podnozje li{margin-bottom:.7rem;font-size:.95rem;color:rgba(255,255,255,.74)}
.podnozje li a{transition:color .4s var(--ease)}
.podnozje li a:hover{color:var(--sampanj)}
.podnozje_dno{
  display:flex;flex-wrap:wrap;gap:1rem 2.4rem;justify-content:space-between;
  padding-top:28px;padding-bottom:28px;border-top:1px solid rgba(255,255,255,.14);
  font-size:.84rem;color:rgba(255,255,255,.72);
}
.podnozje_dno a{color:var(--sampanj)}
@media (max-width:900px){
  .podnozje_cta{grid-template-columns:1fr}
  .podnozje_mreza{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){.podnozje_mreza{grid-template-columns:1fr}}

/* ---- Podnožje na uskom ekranu (≤760px): linkovske kolone u akordeon ----
   Dugmad pravi JS (bez JS-a ostaju obični naslovi sa vidljivim listama).
   Otvorena je uvek tačno jedna kolona (prva); telefon i mejl su i dalje dostupni
   iz CTA bloka iznad, pa sklopljen Kontakt ništa ne skriva trajno. */
@media (max-width:760px){
  .podnozje_mreza{grid-template-columns:1fr;gap:0;padding-block:clamp(30px,6vw,44px)}
  .podnozje_brend{margin-bottom:30px}
  .podnozje_kolona{border-top:1px solid rgba(255,255,255,.14)}
  .podnozje_kolona:last-child{border-bottom:1px solid rgba(255,255,255,.14)}
  .podnozje_kolona h3{margin-bottom:0}
  .podnozje_kolona:not([data-akordeon]) h3{padding:17px 0 1.1rem}
  .podnozje_kolona ul{padding-bottom:18px}
  .podnozje_kolona ul[hidden]{display:none}
  .podnozje_prekidac{
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    width:100%;padding:17px 0;text-align:left;
    /* UA stil dugmeta gasi nasleđeni text-transform i letter-spacing s naslova */
    text-transform:uppercase;letter-spacing:inherit;
  }
  .podnozje_strelica{
    flex:none;width:9px;height:9px;margin-right:3px;
    border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;
    transform:translateY(-2px) rotate(45deg);transition:transform .4s var(--ease);
  }
  .podnozje_prekidac[aria-expanded="true"] .podnozje_strelica{transform:translateY(2px) rotate(-135deg)}
}

/* ============================================================
   OTKRIVANJE PRI SKROLU
   ============================================================ */
[data-otkrij]{opacity:0;transform:translateY(30px);
  transition:opacity 1s var(--ease),transform 1s var(--ease);transition-delay:var(--kasnjenje,0ms)}
[data-otkrij].je_vidljiv{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
    transition-duration:.001ms !important;scroll-behavior:auto !important}
  [data-otkrij]{opacity:1;transform:none}
  .hero_red > span{transform:none}
  .hero_uvod,.hero_lista,.hero_pretraga{opacity:1;transform:none}
  .plocica_cena,.hotel_veza{opacity:1;transform:none}
  .panel_nav a,.panel_nav .panel_naslov{transform:none;opacity:1}
  .indikator.je_aktivan::after{transform:scaleX(1);animation:none}
  .kompas{--k:1;--kv:0}
  .k_del,.k_slova{transform:none;opacity:1}
}

/* ============================================================
   PODSTRANICE I FORME (Bancor)
   Dodato uz postojeći sistem: iste boje, isti ritam, ista tipografija.
   ============================================================ */

/* ---------- Hero podstranice ---------- */
.bs_hero{
  position:relative;background:var(--ponoc);color:#fff;overflow:hidden;
  padding-top:240px;padding-bottom:74px;
}
@media (max-width:1000px){.bs_hero{padding-top:150px;padding-bottom:54px}}
.bs_hero_slika{position:absolute;inset:0;z-index:0}
.bs_hero_slika img{width:100%;height:100%;object-fit:cover;opacity:.5}
.bs_hero::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(to top,rgba(6,15,27,.94) 0%,rgba(6,15,27,.72) 46%,rgba(6,15,27,.5) 100%);
}
.bs_hero_telo{position:relative;z-index:2;max-width:70ch}
.bs_hero .oznaka{color:var(--sampanj)}
.bs_hero h1{margin-top:14px}
.bs_hero p{margin-top:20px;color:rgba(255,255,255,.82);max-width:62ch}
.bs_hero_akcije{margin-top:34px;display:flex;flex-wrap:wrap;gap:14px}

/* Kratke činjenice ispod naslova (datum, mesto, rok) */
.bs_cinjenice{
  position:relative;z-index:2;margin-top:44px;display:grid;gap:1px;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);
}
.bs_cinjenica{background:var(--ponoc);padding:20px 22px}
.bs_cinjenica b{display:block;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.05em;font-size:1.28rem;line-height:1.1}
.bs_cinjenica small{display:block;margin-bottom:8px;font-size:.7rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sampanj)}

/* ---------- Blok sadržaja ---------- */
.bs_blok{padding-top:var(--ritam);padding-bottom:var(--ritam)}
.bs_blok_svetli{background:var(--povrsina)}
.bs_zaglavlje_bloka{max-width:62ch;margin-bottom:46px}
.bs_zaglavlje_bloka h2{margin-top:14px}
.bs_zaglavlje_bloka p{margin-top:18px}

.bs_mreza{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.bs_karta{
  background:#fff;border:1px solid var(--linija);padding:30px 28px;
  transition:border-color .5s var(--ease),transform .5s var(--ease);
}
.bs_karta:hover{border-color:var(--ponoc);transform:translateY(-3px)}
.bs_karta h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.05em;
  font-size:1.3rem;line-height:1.12;margin-bottom:12px}
.bs_karta p{color:var(--muted);font-size:.99rem}
.bs_karta_broj{
  display:block;font-family:var(--display);font-size:1.05rem;letter-spacing:.14em;
  color:var(--akcenat-svetlo);margin-bottom:16px;
}

.bs_lista{display:grid;gap:14px;margin-top:22px}
.bs_lista li{position:relative;padding-left:26px;color:var(--muted)}
.bs_lista li::before{
  content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;
  border:1px solid var(--sampanj);background:var(--sampanj);
}

.bs_dvokolone{display:grid;gap:56px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
@media (max-width:1000px){.bs_dvokolone{grid-template-columns:1fr;gap:38px}}
.bs_proza p + p{margin-top:18px}
.bs_proza p{color:var(--muted)}

/* Dokumenti za preuzimanje (OUP i ostalo) */
.bs_dokumenti{display:grid;gap:14px;margin-top:26px}
.bs_dokument{
  display:flex;align-items:center;gap:18px;padding:20px 22px;
  border:1px solid var(--linija);background:#fff;
  transition:border-color .45s var(--ease),background .45s var(--ease);
}
.bs_dokument:hover{border-color:var(--ponoc);background:var(--povrsina)}
.bs_dokument svg{width:24px;height:24px;flex:none;stroke:var(--akcenat-svetlo);
  stroke-width:1.3;fill:none}
.bs_dokument b{display:block;font-size:1.02rem}
.bs_dokument small{color:var(--muted);font-size:.86rem}
.bs_dokument_nedostupan{opacity:.62}

/* ---------- Forme ---------- */
.bf_forma{background:#fff;border:1px solid var(--linija);padding:38px 34px}
@media (max-width:640px){.bf_forma{padding:28px 20px}}
.bf_forma_tamna{background:var(--ponoc);border-color:rgba(255,255,255,.2);color:#fff}

.bf_grupa{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.bf_grupa + .bf_grupa{margin-top:24px}
.bf_polje_puno{grid-column:1 / -1}

.bf_legenda{
  grid-column:1 / -1;margin-top:14px;padding-bottom:12px;border-bottom:1px solid var(--linija);
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--akcenat-svetlo);
}
.bf_forma_tamna .bf_legenda{border-color:rgba(255,255,255,.2);color:var(--sampanj)}

.bf_polje label,.bf_labela{
  display:block;margin-bottom:9px;font-size:.78rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}
.bf_forma_tamna .bf_polje label{color:rgba(255,255,255,.72)}

.bf_polje input[type=text],.bf_polje input[type=email],.bf_polje input[type=tel],
.bf_polje input[type=date],.bf_polje input[type=number],.bf_polje select,.bf_polje textarea{
  width:100%;padding:.88rem 1rem;border:1px solid var(--linija);border-radius:0;
  background:#fff;color:var(--ink);font-family:var(--pismo);font-size:1rem;font-weight:300;
  transition:border-color .4s var(--ease),box-shadow .4s var(--ease);
}
.bf_polje textarea{min-height:132px;resize:vertical;line-height:1.7}
.bf_polje select{appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4.5 4 4 4-4' fill='none' stroke='%234A5766'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;
  padding-right:2.6rem;
}
.bf_polje input:focus,.bf_polje select:focus,.bf_polje textarea:focus{
  outline:none;border-color:var(--ponoc);box-shadow:0 0 0 3px rgba(228,207,163,.34);
}
.bf_forma_tamna .bf_polje input,.bf_forma_tamna .bf_polje select,.bf_forma_tamna .bf_polje textarea{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff;
}
.bf_forma_tamna .bf_polje input::placeholder,.bf_forma_tamna .bf_polje textarea::placeholder{
  color:rgba(255,255,255,.45);
}

.bf_izbor{display:grid;gap:12px;margin-top:4px}
.bf_izbor_red{display:flex;flex-wrap:wrap;gap:12px}
.bf_izbor label{
  display:inline-flex;align-items:center;gap:.7rem;margin:0;padding:.72rem 1.1rem;
  border:1px solid var(--linija);cursor:pointer;text-transform:none;letter-spacing:0;
  font-size:.97rem;color:var(--ink);transition:border-color .4s var(--ease),background .4s var(--ease);
}
.bf_izbor label:hover{border-color:var(--ponoc)}
.bf_izbor input{accent-color:var(--ponoc);width:16px;height:16px}

.bf_saglasnost{
  grid-column:1 / -1;display:flex;gap:.85rem;align-items:flex-start;margin-top:8px;
  font-size:.93rem;color:var(--muted);line-height:1.65;
}
.bf_saglasnost input{margin-top:.34rem;accent-color:var(--ponoc);width:17px;height:17px;flex:none}
.bf_saglasnost a{text-decoration:underline;text-underline-offset:3px}

.bf_dno{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:30px}
.bf_napomena{font-size:.87rem;color:var(--muted);max-width:46ch}

.bf_greska{display:block;margin-top:7px;font-size:.85rem;color:#A4262C}
/* [type] podiže specifičnost iznad .bf_polje input[type=…] — bez toga crvena ivica nikad ne uhvati */
.bf_polje_greska input[type],.bf_polje_greska select,.bf_polje_greska textarea{border-color:#A4262C}

.bf_poruka{
  display:flex;gap:16px;align-items:flex-start;padding:22px 24px;margin:8px 0 34px;
  border:1px solid var(--sampanj);background:rgba(228,207,163,.14);
}
.bf_poruka svg{width:22px;height:22px;flex:none;stroke:var(--akcenat-svetlo);stroke-width:1.4;fill:none}
.bf_poruka b{display:block;margin-bottom:5px}
.bf_poruka p{color:var(--muted);font-size:.96rem}
.bf_poruka_greska{border-color:#A4262C;background:rgba(164,38,44,.08)}

.bf_med{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Vaučer: pregled iznosa */
.bs_iznosi{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}
.bs_iznos{
  padding:16px 26px;border:1px solid var(--linija);background:#fff;
  font-family:var(--display);text-transform:uppercase;letter-spacing:.07em;font-size:1.22rem;
}

/* Istaknuta veza u gornjoj traci zaglavlja */
.vrh_istaknuto{
  color:var(--sampanj);border:1px solid rgba(228,207,163,.42);padding:.28rem .8rem;
  transition:background .45s var(--ease),color .45s var(--ease);
}
.vrh_istaknuto:hover{background:var(--sampanj);color:var(--ponoc)}

/* ============================================================
   STRANA KONGRESA (Kopaonička škola i svaki naredni skup)
   ============================================================ */

/* Putanja (breadcrumb) */
.bs_putanja{position:relative;z-index:2;margin-bottom:26px;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.6)}
.bs_putanja a:hover{color:var(--sampanj)}
.bs_putanja span{margin:0 .5rem;opacity:.5}

/* Program po danima — otvaranje/zatvaranje bez skripte (details/summary) */
.bs_program{display:grid;gap:14px;margin-top:34px}
.bs_dan{border:1px solid var(--linija);background:#fff}
.bs_dan > summary{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;cursor:pointer;
  padding:22px 26px;list-style:none;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.05em;font-size:1.24rem;line-height:1.15;
}
.bs_dan > summary::-webkit-details-marker{display:none}
.bs_dan > summary::after{
  content:"+";margin-left:auto;font-family:var(--pismo);font-size:1.5rem;line-height:1;
  color:var(--akcenat-svetlo);transition:transform .4s var(--ease);
}
.bs_dan[open] > summary::after{transform:rotate(45deg)}
.bs_dan > summary small{font-family:var(--pismo);text-transform:none;letter-spacing:0;
  font-size:.95rem;color:var(--muted)}
.bs_dan_telo{padding:0 26px 24px}
.bs_stavka{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px 24px;
  padding:16px 0;border-top:1px solid var(--linija)}
@media (max-width:640px){.bs_stavka{grid-template-columns:1fr;gap:4px}}
.bs_stavka b{font-family:var(--display);letter-spacing:.06em;font-size:1rem;color:var(--akcenat-svetlo)}
.bs_stavka p{color:var(--muted);font-size:.99rem}
.bs_stavka em{font-style:normal;display:block;margin-top:4px;font-size:.85rem;
  letter-spacing:.12em;text-transform:uppercase;color:var(--muted);opacity:.75}

/* Kotizacija */
.bs_cenovnik{width:100%;border-collapse:collapse;margin-top:26px;border:1px solid var(--linija);background:#fff}
.bs_cenovnik th,.bs_cenovnik td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--linija)}
.bs_cenovnik th{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--akcenat-svetlo);font-weight:400}
.bs_cenovnik td:last-child{font-family:var(--display);letter-spacing:.05em;font-size:1.2rem;white-space:nowrap}
.bs_cenovnik tr:last-child td{border-bottom:0}

/* Hoteli — pločice */
.bs_hoteli{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));margin-top:26px}
.bs_hotel{display:flex;align-items:baseline;gap:.7rem;padding:18px 20px;border:1px solid var(--linija);background:#fff}
.bs_hotel b{font-size:1rem}
.bs_hotel span{margin-left:auto;font-size:.82rem;letter-spacing:.1em;color:var(--sampanj);
  text-shadow:0 0 1px rgba(116,96,47,.6);white-space:nowrap}

/* Rokovi */
.bs_rokovi{display:grid;gap:0;margin-top:26px;border:1px solid var(--linija);background:#fff}
.bs_rok{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px 24px;padding:18px 22px;
  border-bottom:1px solid var(--linija)}
.bs_rok:last-child{border-bottom:0}
@media (max-width:640px){.bs_rok{grid-template-columns:1fr;gap:4px}}
.bs_rok b{font-family:var(--display);letter-spacing:.06em;font-size:1.06rem;color:var(--akcenat-svetlo)}
.bs_rok p{color:var(--muted)}

/* Učesnik u prijavi — ponovljiva grupa */
.bf_ucesnik{border:1px solid var(--linija);padding:26px 24px;margin-bottom:18px;background:#fff}
/* učesnik: 2x2 umesto 3+1 siroče (prijava za kongres) */
@media (min-width:760px){.bf_ucesnik .bf_grupa{grid-template-columns:repeat(2,1fr)}}
.bf_ucesnik_naslov{display:flex;align-items:baseline;gap:.8rem;margin-bottom:20px}
.bf_ucesnik_broj{font-family:var(--display);font-size:1.5rem;letter-spacing:.06em;color:var(--sampanj);
  text-shadow:0 0 1px rgba(116,96,47,.7)}
.bf_ucesnik_naslov b{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:400}

/* Atribut hidden mora da pobedi klase koje postavljaju display (poruke, grupe polja u formi). */
.bf_poruka[hidden],.bf_grupa[hidden],.bf_ucesnik[hidden],.bs_karta[hidden]{display:none}

/* ============================================================
   STRANA KONGRESA — vizuelni sloj (body.strana_ks)
   Isti jezik kao /hotel/ i /destinacija/: hero sa fotografijom i
   staklenim pločicama, sidrena podnavigacija, kartice sa podizanjem,
   tamne trake u ritmu sekcija. Sve je ograničeno na .strana_ks da
   ostale podstranice (o-nama, kontakt, yuta…) ostanu netaknute.
   ============================================================ */
.strana_ks{--ks-zaglavlje:48px}
@media (min-width:1181px){.strana_ks{--ks-zaglavlje:54px}}

/* ---------- Hero ---------- */
.strana_ks .bs_hero{
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:min(92svh,830px);padding-top:200px;padding-bottom:0;
}
.strana_ks .bs_hero > .okvir{position:relative;z-index:2;padding-bottom:clamp(28px,3.4vw,50px)}
.strana_ks .bs_hero_slika img{
  opacity:1;filter:brightness(1.05) saturate(1.04);
  transform:scale(1.06);animation:ks_polako 12s var(--ease) forwards;
}
@keyframes ks_polako{to{transform:scale(1)}}
/* Veo je bottom-heavy: fotografija diše u gornjem delu, tekst dole ostaje na AA kontrastu. */
.strana_ks .bs_hero::after{
  background:
    linear-gradient(to right,rgba(6,15,27,.62) 0%,rgba(6,15,27,.4) 38%,rgba(6,15,27,.08) 70%,rgba(6,15,27,0) 88%),
    linear-gradient(to top,rgba(6,15,27,.86) 0%,rgba(6,15,27,.56) 26%,rgba(6,15,27,.18) 58%,rgba(6,15,27,.4) 74%,rgba(6,15,27,.82) 100%);
}
.strana_ks .bs_putanja{max-width:none;color:rgba(255,255,255,.9)}
.strana_ks .bs_hero_telo{max-width:none}
.strana_ks .ks_hero_red{display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(20px,3vw,54px);align-items:end}
.strana_ks .ks_hero_red > div:first-child{max-width:74ch}
.strana_ks .ks_znaci{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-bottom:1.1rem}
.strana_ks .ks_znak{
  display:inline-flex;align-items:center;gap:.45rem;padding:.32rem .74rem;
  border:1px solid rgba(228,207,163,.55);background:rgba(6,15,27,.46);backdrop-filter:blur(4px);
  font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sampanj);
}
.strana_ks .ks_tema{
  margin-top:1.05rem;font-family:var(--display);text-transform:uppercase;letter-spacing:.09em;
  font-size:clamp(1rem,1.7vw,1.4rem);color:var(--sampanj);
}
.strana_ks .ks_kutija{
  display:flex;align-items:center;gap:1rem;padding:1.1rem 1.4rem;
  background:rgba(6,15,27,.66);border:1px solid rgba(228,207,163,.4);backdrop-filter:blur(6px);
}
.strana_ks .ks_kutija_broj{font-family:var(--display);font-size:2.3rem;line-height:1;
  letter-spacing:.03em;color:var(--sampanj);white-space:nowrap}
.strana_ks .ks_kutija b{display:block;font-weight:400;font-size:1rem}
.strana_ks .ks_kutija small{display:block;font-size:.82rem;color:rgba(255,255,255,.78)}
.strana_ks .ks_hero_dno{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  margin-top:clamp(24px,3vw,38px);padding-top:clamp(18px,2.2vw,28px);
  border-top:1px solid rgba(255,255,255,.22);
}
.strana_ks .ks_hero_dno .bs_hero_akcije{margin-top:0}
.strana_ks .ks_hero_cena{margin:0 auto 0 0;font-size:.8rem;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.78)}
.strana_ks .ks_hero_cena b{display:block;margin-top:.2rem;font-family:var(--display);
  font-size:1.6rem;letter-spacing:.02em;color:#fff;text-transform:none}
.strana_ks .bs_cinjenice{margin-top:clamp(26px,3vw,40px)}
/* Prijava: kraći hero, bez pune visine */
.strana_ks .ks_hero_kratki{min-height:auto;padding-top:clamp(140px,14vw,200px)}
@media (max-width:900px){
  .strana_ks .bs_hero{min-height:auto;padding-top:132px}
  .strana_ks .ks_hero_red{grid-template-columns:1fr}
  .strana_ks .ks_kutija{align-self:flex-start}
  .strana_ks .bs_hero::after{background:linear-gradient(to top,rgba(6,15,27,.9) 0%,
    rgba(6,15,27,.72) 22%,rgba(6,15,27,.5) 44%,rgba(6,15,27,.54) 68%,rgba(6,15,27,.66) 100%)}
}

/* ---------- Sidrena podnavigacija ---------- */
.strana_ks .ks_podnav{
  position:sticky;top:var(--podnav-top);z-index:60;background:#fff;
  border-bottom:1px solid var(--linija);box-shadow:0 10px 24px -22px rgba(10,26,47,.7);
  transition:top .6s var(--ease);
}
.strana_ks .ks_podnav_traka{display:flex;align-items:center;gap:clamp(.2rem,1.4vw,1.4rem);
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.strana_ks .ks_podnav_traka::-webkit-scrollbar{display:none}
.strana_ks .ks_podnav a{position:relative;flex:none;padding:1.05rem .55rem;font-size:.9rem;
  letter-spacing:.05em;color:var(--muted);white-space:nowrap;transition:color .4s var(--ease)}
.strana_ks .ks_podnav a:not(.ks_podnav_cta)::after{content:"";position:absolute;left:50%;right:50%;
  bottom:0;height:2px;background:var(--akcenat-svetlo);
  transition:left .5s var(--ease),right .5s var(--ease)}
.strana_ks .ks_podnav a:hover,.strana_ks .ks_podnav a.je_aktivan{color:var(--ink)}
.strana_ks .ks_podnav a.je_aktivan:not(.ks_podnav_cta)::after{left:.55rem;right:.55rem}
.strana_ks .ks_podnav_cta{margin-left:auto;padding-left:1rem}
.strana_ks .ks_podnav ~ section[id]{scroll-margin-top:calc(var(--ks-zaglavlje) + 58px)}
@media (max-width:900px){.strana_ks .ks_podnav_cta{display:none}}

/* ---------- Tekst + bočni stub (kao /hotel/) ---------- */
.strana_ks .ks_mreza_stub{display:grid;gap:clamp(30px,4vw,64px);grid-template-columns:minmax(0,1fr)}
@media (min-width:1060px){
  .strana_ks .ks_mreza_stub{grid-template-columns:minmax(0,1.68fr) minmax(320px,.9fr)}
  .strana_ks .ks_stub{position:sticky;align-self:start;top:calc(var(--ks-zaglavlje) + 84px)}
}
.strana_ks .ks_info{border:1px solid var(--linija);background:#fff;
  box-shadow:0 30px 60px -46px rgba(10,26,47,.55)}
.strana_ks .ks_info h3{padding:clamp(16px,1.7vw,20px) clamp(18px,1.9vw,24px);
  border-bottom:1px solid var(--linija);font-family:var(--display);text-transform:uppercase;
  font-size:1rem;letter-spacing:.14em}
.strana_ks .ks_info ul{padding:.4rem clamp(18px,1.9vw,24px) clamp(16px,1.8vw,22px)}
.strana_ks .ks_info li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;
  padding:.72rem 0;border-bottom:1px solid var(--linija);font-size:.94rem;color:var(--muted)}
.strana_ks .ks_info li:last-child{border-bottom:0}
.strana_ks .ks_info li b{font-weight:400;color:var(--ink);text-align:right}
.strana_ks .ks_karta_zov{margin-top:20px;background:var(--ponoc);color:#fff;padding:clamp(22px,2.3vw,30px)}
.strana_ks .ks_karta_zov h3{font-family:var(--display);text-transform:uppercase;font-size:1.15rem;
  letter-spacing:.09em;color:var(--sampanj)}
.strana_ks .ks_karta_zov p{margin-top:.9rem;font-size:.94rem;line-height:1.75;color:rgba(255,255,255,.8)}
.strana_ks .ks_karta_zov .dugme{margin-top:1.4rem;width:100%}
.strana_ks .ks_karta_zov .ks_kontakt{display:grid;gap:.5rem;margin-top:1.5rem;padding-top:1.4rem;
  border-top:1px solid rgba(228,207,163,.28);font-size:.92rem;color:rgba(255,255,255,.82)}
.strana_ks .ks_karta_zov .ks_kontakt a:hover{color:var(--sampanj)}

/* ---------- Katedre ---------- */
/* Šest katedri: tri u redu na širokom ekranu (ne četiri + dve siročadi). */
.strana_ks #katedre .bs_mreza{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}
.strana_ks .ks_katedra{position:relative;overflow:hidden;padding:32px 28px 30px}
.strana_ks .ks_katedra::before{content:"";position:absolute;left:0;top:0;width:0;height:3px;
  background:var(--sampanj);transition:width .6s var(--ease)}
.strana_ks .ks_katedra:hover::before{width:100%}
.strana_ks .ks_katedra:hover{box-shadow:0 34px 60px -48px rgba(10,26,47,.7)}
.strana_ks .ks_rimski{position:absolute;right:16px;top:6px;font-family:var(--display);
  font-size:4.4rem;line-height:1;color:var(--ponoc);opacity:.07;pointer-events:none}
.strana_ks .ks_katedra h3{position:relative}

/* ---------- Foto predah: Kopaonik (između katedri i programa) ---------- */
/* Vizuelni predah u nizu svetlih sekcija — fotografija mesta održavanja. */
.strana_ks .ks_traka{position:relative;overflow:hidden;background:var(--ponoc);color:#fff;
  display:flex;align-items:flex-end;min-height:clamp(300px,32vw,440px);
  padding:clamp(30px,4vw,58px) 0}
.strana_ks .ks_traka > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.95}
/* Scrim samo pod tekstom (dole levo) — desna polovina ostaje svetla i vedra. */
.strana_ks .ks_traka::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(to top,rgba(6,15,27,.9) 0%,rgba(6,15,27,.34) 52%,rgba(6,15,27,0) 100%),
    linear-gradient(to right,rgba(6,15,27,.6) 0%,rgba(6,15,27,.16) 46%,rgba(6,15,27,0) 72%)}
.strana_ks .ks_traka_okvir{position:relative;z-index:2;width:100%}
.strana_ks .ks_traka_telo{max-width:62ch}
.strana_ks .ks_traka .oznaka{color:var(--sampanj)}
.strana_ks .ks_traka_naslov{margin-top:.8rem;font-family:var(--display);text-transform:uppercase;
  font-size:clamp(1.4rem,2.5vw,2.1rem);line-height:1.15}
.strana_ks .ks_traka_tekst{margin-top:.9rem;font-size:.98rem;line-height:1.75;color:rgba(255,255,255,.84)}
@media (max-width:640px){.strana_ks .ks_traka{min-height:340px}}

/* ---------- Program po danima ---------- */
.strana_ks .bs_dan{transition:box-shadow .5s var(--ease),border-color .5s var(--ease)}
.strana_ks .bs_dan[open]{border-color:var(--ponoc);box-shadow:0 34px 60px -50px rgba(10,26,47,.8)}
.strana_ks .bs_dan[open] > summary{background:var(--ponoc);color:#fff}
.strana_ks .bs_dan[open] > summary small{color:rgba(255,255,255,.72)}
.strana_ks .bs_dan[open] > summary::after{color:var(--sampanj)}
.strana_ks .bs_dan > summary:hover{background:var(--povrsina)}
.strana_ks .bs_dan[open] > summary:hover{background:var(--ponoc)}
.strana_ks .bs_dan_telo{padding:4px 26px 22px}
.strana_ks .bs_stavka{position:relative;padding-left:22px}
.strana_ks .bs_stavka::before{content:"";position:absolute;left:0;top:22px;width:9px;height:9px;
  background:var(--sampanj)}
@media (max-width:640px){.strana_ks .bs_stavka::before{top:20px}}

/* ---------- Tamna traka (kotizacija, zov) ---------- */
.strana_ks .ks_blok_tamni{background:var(--ponoc);color:#fff}
.strana_ks .ks_blok_tamni .naslov_sekcije,.strana_ks .ks_blok_tamni h2{color:#fff}
.strana_ks .ks_blok_tamni .oznaka{color:var(--sampanj)}
.strana_ks .ks_blok_tamni .uvod{color:rgba(255,255,255,.78)}
.strana_ks .ks_blok_tamni .bs_lista li{color:rgba(255,255,255,.82)}
.strana_ks .ks_blok_tamni .bf_napomena{color:rgba(255,255,255,.66)}
.strana_ks .ks_cene{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:26px}
.strana_ks .ks_cena{padding:26px 26px 28px;border:1px solid rgba(228,207,163,.32);
  background:rgba(255,255,255,.04)}
.strana_ks .ks_cena small{display:block;font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--sampanj)}
.strana_ks .ks_cena b{display:block;margin-top:12px;font-family:var(--display);
  font-size:clamp(1.8rem,3vw,2.3rem);line-height:1;letter-spacing:.03em}
.strana_ks .ks_cena p{margin-top:12px;font-size:.92rem;line-height:1.7;color:rgba(255,255,255,.74)}
.strana_ks .ks_cena_istaknuta{background:rgba(228,207,163,.12);border-color:var(--sampanj)}

/* ---------- Hoteli ---------- */
.strana_ks .bs_hotel{display:block;padding:24px 22px;
  transition:border-color .5s var(--ease),transform .5s var(--ease),box-shadow .5s var(--ease)}
.strana_ks .bs_hotel:hover{border-color:var(--ponoc);transform:translateY(-3px);
  box-shadow:0 30px 54px -48px rgba(10,26,47,.75)}
.strana_ks .bs_hotel span{display:block;margin:0 0 10px}
.strana_ks .bs_hotel b{display:block;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.05em;font-size:1.16rem;line-height:1.15}
.strana_ks .bs_hotel small{display:block;margin-top:8px;font-size:.86rem;color:var(--muted)}

/* ---------- Rokovi kao vremenska osa ---------- */
.strana_ks .bs_rokovi{position:relative;border:0;background:transparent;padding-left:28px}
.strana_ks .bs_rokovi::before{content:"";position:absolute;left:5px;top:16px;bottom:16px;
  width:1px;background:var(--linija)}
.strana_ks .bs_rok{position:relative;padding:16px 0;border-bottom:0;grid-template-columns:160px minmax(0,1fr)}
.strana_ks .bs_rok::before{content:"";position:absolute;left:-28px;top:20px;width:11px;height:11px;
  border:1px solid var(--sampanj);background:#fff}
.strana_ks .bs_rok:hover::before{background:var(--sampanj)}

/* ---------- Zaključna traka sa fotografijom ---------- */
.strana_ks .ks_zov{position:relative;overflow:hidden;background:var(--ponoc);color:#fff;
  padding-top:var(--ritam);padding-bottom:var(--ritam)}
.strana_ks .ks_zov > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.strana_ks .ks_zov::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(6,15,27,.9) 0%,rgba(6,15,27,.7) 55%,rgba(6,15,27,.58) 100%)}
.strana_ks .ks_zov > .okvir_usko,.strana_ks .ks_zov > .okvir{position:relative;z-index:2}
.strana_ks .ks_zov .naslov_sekcije{color:#fff}
.strana_ks .ks_zov .oznaka{color:var(--sampanj)}
.strana_ks .ks_zov .uvod{color:rgba(255,255,255,.8)}

/* ---------- Prijava (forma) ---------- */
.strana_ks .bf_forma{box-shadow:0 40px 80px -60px rgba(10,26,47,.75);padding:clamp(26px,3vw,42px)}
.strana_ks .bf_legenda{color:var(--akcenat-svetlo)}
.strana_ks .bf_ucesnik{background:var(--povrsina);border-color:var(--linija)}
.strana_ks .bf_ucesnik .bf_polje input{background:#fff}
.strana_ks .bf_izbor label{transition:border-color .4s var(--ease),background .4s var(--ease)}
.strana_ks .bf_izbor label:has(input:checked){border-color:var(--ponoc);background:var(--povrsina)}
.strana_ks .bf_poruka{background:#fff}

/* ============================================================
   STRANA MICE I KONGRESA — vizuelni sloj (body.strana_mice)
   Isti manir kao strana kongresa: sidrena podnavigacija, kartice,
   tamna traka sa fotografijom. Sve je ograničeno na .strana_mice.
   ============================================================ */
.strana_mice{--mice-zaglavlje:48px}
@media (min-width:1181px){.strana_mice{--mice-zaglavlje:54px}}

/* ---------- Hero ---------- */
.strana_mice .bs_hero{
  display:flex;flex-direction:column;justify-content:flex-end;
  min-height:min(88svh,790px);padding-top:200px;padding-bottom:0;
}
.strana_mice .bs_hero > .okvir{position:relative;z-index:2;padding-bottom:clamp(28px,3.4vw,50px)}
.strana_mice .bs_hero_slika img{
  opacity:1;filter:brightness(.94) saturate(1.04);
  transform:scale(1.06);animation:ks_polako 12s var(--ease) forwards;
}
/* Veo je težak levo i dole — fotografija diše desno, tekst ostaje na AA kontrastu. */
.strana_mice .bs_hero::after{
  background:
    linear-gradient(to right,rgba(6,15,27,.76) 0%,rgba(6,15,27,.56) 38%,rgba(6,15,27,.18) 70%,rgba(6,15,27,.05) 88%),
    linear-gradient(to top,rgba(6,15,27,.93) 0%,rgba(6,15,27,.76) 26%,rgba(6,15,27,.46) 58%,rgba(6,15,27,.36) 100%);
}
.strana_mice .bs_putanja{max-width:none;color:rgba(255,255,255,.9)}
.strana_mice .bs_hero_telo{max-width:78ch}
/* Naslov je duža rečenica nego na strani kongresa — manja skala da stane u tri reda. */
.strana_mice .bs_hero h1{max-width:24ch;font-size:clamp(2.2rem,4.6vw,4.2rem)}
@media (max-width:1000px){.strana_mice .bs_hero{padding-top:140px}}

/* ---------- Sidrena podnavigacija ---------- */
.strana_mice .mice_podnav{
  position:sticky;top:var(--podnav-top);z-index:40;
  background:rgba(255,255,255,.96);border-bottom:1px solid var(--linija);
  backdrop-filter:saturate(160%) blur(8px);transition:top .6s var(--ease);
}
.strana_mice .mice_podnav_traka{display:flex;align-items:center;gap:clamp(.2rem,1.4vw,1.4rem);
  overflow-x:auto;scrollbar-width:none}
.strana_mice .mice_podnav_traka::-webkit-scrollbar{display:none}
.strana_mice .mice_podnav a{position:relative;flex:none;padding:1.05rem .55rem;font-size:.9rem;
  letter-spacing:.02em;color:var(--muted);transition:color .4s var(--ease)}
.strana_mice .mice_podnav a:not(.mice_podnav_cta)::after{content:"";position:absolute;left:50%;right:50%;
  bottom:-1px;height:2px;background:var(--sampanj);transition:left .5s var(--ease),right .5s var(--ease)}
.strana_mice .mice_podnav a:hover,.strana_mice .mice_podnav a.je_aktivan{color:var(--ink)}
.strana_mice .mice_podnav a.je_aktivan:not(.mice_podnav_cta)::after{left:.55rem;right:.55rem}
.strana_mice .mice_podnav_cta{margin-left:auto;padding-left:1rem}
.strana_mice .mice_podnav_cta .dugme{padding:.72rem 1.4rem;font-size:.86rem}
.strana_mice .mice_podnav ~ section[id]{scroll-margin-top:calc(var(--mice-zaglavlje) + 58px)}
@media (max-width:900px){.strana_mice .mice_podnav_cta{display:none}}

/* ---------- Kartice usluga i segmenata ---------- */
.strana_mice .mice_usluga,.strana_mice .mice_segment{position:relative;overflow:hidden;padding:32px 28px 30px}
.strana_mice .mice_usluga::before,.strana_mice .mice_segment::before{content:"";position:absolute;
  left:0;top:0;width:0;height:3px;background:var(--sampanj);transition:width .6s var(--ease)}
.strana_mice .mice_usluga:hover::before,.strana_mice .mice_segment:hover::before{width:100%}
.strana_mice .mice_usluga:hover,.strana_mice .mice_segment:hover{box-shadow:0 34px 60px -48px rgba(10,26,47,.7)}
.strana_mice .mice_znak{
  display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:20px;
  border:1px solid var(--linija);background:var(--povrsina);color:var(--akcenat-svetlo);
  font-family:var(--display);font-size:1.55rem;line-height:1;letter-spacing:.06em;
  transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease);
}
.strana_mice .mice_segment:hover .mice_znak{background:var(--ponoc);border-color:var(--ponoc);color:var(--sampanj)}
.strana_mice .mice_sredina{margin-left:auto;margin-right:auto;text-align:center}
.strana_mice .mice_sredina .uvod{margin-left:auto;margin-right:auto}

/* ---------- Studija slučaja (tamna traka sa fotografijom) ---------- */
.strana_mice .mice_slucaj{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  background:var(--ponoc);color:#fff}
.strana_mice .mice_slucaj_slika{position:relative;min-height:420px}
.strana_mice .mice_slucaj_slika img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.strana_mice .mice_slucaj_slika::after{content:"";position:absolute;inset:0;
  background:linear-gradient(to right,rgba(6,15,27,.28) 0%,rgba(6,15,27,.72) 100%)}
.strana_mice .mice_slucaj_tekst{display:flex;align-items:center;
  padding:var(--ritam) clamp(24px,5vw,84px)}
.strana_mice .mice_slucaj_tekst .naslov_sekcije{color:#fff;margin-top:14px}
.strana_mice .mice_slucaj_tekst .oznaka{color:var(--sampanj)}
.strana_mice .mice_slucaj_tekst > div > p{margin-top:22px;max-width:52ch;
  color:rgba(255,255,255,.82);line-height:1.85}
.strana_mice .mice_brojke{display:flex;flex-wrap:wrap;gap:clamp(24px,3.4vw,52px);margin-top:34px}
.strana_mice .mice_brojke b{display:block;font-family:var(--display);letter-spacing:.05em;
  font-size:clamp(1.8rem,2.7vw,2.4rem);line-height:1;color:var(--sampanj)}
.strana_mice .mice_brojke span{display:block;margin-top:10px;font-size:.78rem;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.72)}
@media (max-width:1000px){
  .strana_mice .mice_slucaj{grid-template-columns:1fr}
  .strana_mice .mice_slucaj_slika{min-height:280px}
  .strana_mice .mice_slucaj_tekst{padding:var(--ritam) var(--margina)}
}

/* ---------- Kontakt uz obrazac ---------- */
.strana_mice .mice_kontakt{display:grid;gap:.55rem;margin-top:34px;padding-top:28px;
  border-top:1px solid var(--linija);font-size:.96rem;color:var(--muted)}
.strana_mice .mice_kontakt a{color:var(--ink);transition:color .4s var(--ease)}
.strana_mice .mice_kontakt a:hover{color:var(--akcenat-svetlo)}

/* ---------- Kategorije skupova (tabovi) ----------
   Koristi zajednički sloj tabova (.tab_lista/.tab_dugme/.tab_panel) sa naslovne;
   panel je ovde jednokolonski, pa se mreža sa naslovne poništava. */
.strana_mice .mice_kategorije .tab_lista{margin-bottom:clamp(26px,3vw,44px)}
.strana_mice .mice_kategorije .tab_panel.je_aktivan{display:block}
/* MFred nema kurent — naslovi u display fontu moraju biti verzalni. */
.strana_mice .mice_panel h3{
  font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.05em;
  font-size:clamp(1.3rem,1.9vw,1.72rem);color:var(--ink);
}
.strana_mice .mice_panel p{margin-top:1rem;color:var(--muted);line-height:1.8}

/* Prazan tab — poziv na upit umesto praznog prostora. */
.strana_mice .mice_panel_prazan{
  max-width:62ch;margin:0 auto;text-align:center;
  padding:clamp(30px,4vw,56px) clamp(22px,3vw,46px);
  border:1px solid var(--linija);background:var(--povrsina);
}
.strana_mice .mice_panel_prazan p{margin-left:auto;margin-right:auto}
.strana_mice .mice_panel_prazan .dugme{margin-top:clamp(22px,2.4vw,32px)}

/* Popunjen tab. */
.strana_mice .mice_panel_uvod{max-width:68ch}
.strana_mice .mice_panel_stavke{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:clamp(14px,1.6vw,22px);margin-top:clamp(24px,2.6vw,38px);
}
.strana_mice .mice_stavka{padding:26px 24px}
.strana_mice .mice_stavka h4{
  font-family:var(--display);font-weight:400;text-transform:uppercase;
  letter-spacing:.05em;font-size:1.02rem;color:var(--ink);
}
.strana_mice .mice_stavka p{margin-top:.6rem;font-size:.93rem}
.strana_mice .mice_panel_skupovi{margin-top:clamp(22px,2.4vw,32px);border-top:1px solid var(--linija)}
.strana_mice .mice_panel_skupovi li{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;
  padding:.85rem 0;border-bottom:1px solid var(--linija);
}
.strana_mice .mice_panel_skupovi a{color:var(--ink);transition:color .4s var(--ease)}
.strana_mice .mice_panel_skupovi a:hover{color:var(--akcenat-svetlo)}
.strana_mice .mice_panel_skupovi span{font-size:.84rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.strana_mice .mice_panel_veza{display:inline-block;margin-top:clamp(22px,2.4vw,32px)}

/* ============================================================
   INTERNA STRANA „MAPA PROJEKTA" — vizuelni sloj (body.strana_plan)
   Radni dokument, nije deo javnog vebsajta i nije u navigaciji.
   Isti sistem boja i tipografije kao ostale podstranice; sve je
   ograničeno na .strana_plan da ne dodirne nijednu drugu stranu.
   ============================================================ */
.strana_plan{--plan-zaglavlje:48px}
@media (min-width:1181px){.strana_plan{--plan-zaglavlje:54px}}

/* ---------- Hero ---------- */
.strana_plan .plan_hero{padding-top:210px;padding-bottom:64px}
@media (max-width:1000px){.strana_plan .plan_hero{padding-top:132px;padding-bottom:48px}}
.strana_plan .plan_hero > .okvir{position:relative;z-index:2}
.strana_plan .bs_putanja{max-width:none;color:rgba(255,255,255,.9)}
.strana_plan .bs_hero_telo{max-width:74ch}
.strana_plan .plan_izvori{
  position:relative;z-index:2;margin-top:26px;max-width:96ch;
  font-size:.86rem;line-height:1.8;color:rgba(255,255,255,.62);
}
.strana_plan .plan_izvori i{color:rgba(255,255,255,.82);font-style:normal}

/* ---------- Sidrena podnavigacija ---------- */
.strana_plan .plan_podnav{
  position:sticky;top:var(--podnav-top);z-index:40;
  background:rgba(255,255,255,.96);border-bottom:1px solid var(--linija);
  backdrop-filter:saturate(160%) blur(8px);transition:top .6s var(--ease);
}
.strana_plan .plan_podnav_traka{display:flex;align-items:center;gap:clamp(.2rem,1.4vw,1.3rem);
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.strana_plan .plan_podnav_traka::-webkit-scrollbar{display:none}
.strana_plan .plan_podnav a{position:relative;flex:none;padding:1.02rem .55rem;font-size:.88rem;
  letter-spacing:.03em;color:var(--muted);transition:color .4s var(--ease)}
.strana_plan .plan_podnav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-1px;height:2px;
  background:var(--sampanj);transition:left .45s var(--ease),right .45s var(--ease)}
.strana_plan .plan_podnav a:hover,.strana_plan .plan_podnav a.je_aktivan{color:var(--ink)}
.strana_plan .plan_podnav a.je_aktivan::after{left:.55rem;right:.55rem}
.strana_plan .plan_podnav ~ section[id]{scroll-margin-top:calc(var(--plan-zaglavlje) + 60px)}

/* ---------- Bedževi statusa ---------- */
.strana_plan .plan_znak{
  display:inline-block;vertical-align:middle;margin:2px 6px 2px 0;
  padding:.28rem .62rem;border:1px solid;border-radius:0;white-space:nowrap;
  font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;line-height:1.25;
}
.strana_plan .plan_znak_gotovo{color:#1E5C42;border-color:#9CC7B2;background:#E8F3ED}
.strana_plan .plan_znak_izrada{color:#6E5410;border-color:#E4CFA3;background:#FAF3E3}
.strana_plan .plan_znak_ceka{color:#8A4A12;border-color:#E3BE94;background:#FBF0E6}
.strana_plan .plan_znak_predstoji{color:#3D4A5A;border-color:#C6D0DA;background:#EEF2F6}
.strana_plan .plan_znak_van{color:#7C2F2F;border-color:#DCAFAF;background:#F8EBEB}
.strana_plan .plan_znak_sporno{color:#7C2F2F;border-color:#7C2F2F;background:#F8EBEB}
.strana_plan .plan_legenda{display:flex;flex-wrap:wrap;gap:2px;margin:-16px 0 34px}

/* ---------- Kartice stanja ---------- */
.strana_plan .plan_mreza_stanje{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.strana_plan .plan_stanje{padding:30px 28px 32px}
.strana_plan .plan_stanje h3{margin-top:14px}
.strana_plan .plan_stanje .bs_lista{gap:12px}
.strana_plan .plan_stanje .bs_lista li{font-size:.95rem;line-height:1.7}
.strana_plan .plan_stanje a{color:var(--akcenat-svetlo);border-bottom:1px solid rgba(116,96,47,.4)}
.strana_plan .plan_stanje a:hover{border-bottom-color:var(--akcenat-svetlo)}
.strana_plan .plan_meko{margin-top:14px;font-size:.9rem;line-height:1.75;color:var(--muted)}
.strana_plan .plan_napomena{margin-top:32px;max-width:96ch;padding-left:20px;
  border-left:2px solid var(--sampanj);font-size:.92rem;line-height:1.8;color:var(--muted)}
.strana_plan .plan_podnaslov{font-family:var(--display);text-transform:uppercase;
  letter-spacing:.05em;font-size:1.25rem;line-height:1.12;margin-bottom:8px}

/* ---------- Tabele ---------- */
.strana_plan .plan_tabela_okvir{
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--linija);background:#fff;
}
.strana_plan .plan_tabela{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.65}
.strana_plan .plan_tabela_siroka{min-width:1100px}
/* Široke tabele se skroluju u svom okviru — na uskom ekranu to treba najaviti. */
.strana_plan .plan_savet_skrol{display:none}
@media (max-width:900px){
  .strana_plan .plan_savet_skrol{display:block;margin:-24px 0 20px;
    font-size:.8rem;letter-spacing:.02em;color:var(--akcenat-svetlo)}
  .strana_plan .plan_blok_tamni .plan_savet_skrol{color:var(--sampanj)}
}
.strana_plan .plan_tabela:not(.plan_tabela_siroka){min-width:620px}
.strana_plan .plan_tabela thead th{
  position:sticky;top:0;z-index:1;background:var(--ponoc);color:#fff;text-align:left;
  padding:14px 18px;font-family:var(--display);font-weight:400;text-transform:uppercase;
  font-size:.76rem;letter-spacing:.12em;white-space:nowrap;
}
.strana_plan .plan_tabela td,.strana_plan .plan_tabela tbody th{
  padding:16px 18px;border-top:1px solid var(--linija);vertical-align:top;
  color:var(--muted);text-align:left;font-weight:300;
}
.strana_plan .plan_tabela tbody th{color:var(--ink);font-weight:400;min-width:160px}
.strana_plan .plan_tabela tbody th small{display:block;margin-top:3px;font-size:.76rem;color:var(--muted)}
.strana_plan .plan_tabela tbody tr:nth-child(even) td,
.strana_plan .plan_tabela tbody tr:nth-child(even) th{background:var(--povrsina)}
.strana_plan .plan_tabela tbody tr:hover td,
.strana_plan .plan_tabela tbody tr:hover th{background:#EEF3F8}
.strana_plan .plan_tabela b{color:var(--ink);font-weight:400}
.strana_plan .plan_tabela i{font-style:normal;color:var(--akcenat-svetlo)}
.strana_plan .plan_tabela a{color:var(--akcenat-svetlo);border-bottom:1px solid rgba(116,96,47,.4)}
.strana_plan .plan_tabela a:hover{border-bottom-color:var(--akcenat-svetlo)}
.strana_plan .plan_tabela_brojke td:nth-child(2){white-space:nowrap;color:var(--ink)}
.strana_plan .plan_red_sporno td,.strana_plan .plan_red_sporno th{background:#FBF1F1 !important}
.strana_plan .plan_red_sporno:hover td,.strana_plan .plan_red_sporno:hover th{background:#F7E7E7 !important}
.strana_plan .plan_dvokolone{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
@media (max-width:1000px){.strana_plan .plan_dvokolone{grid-template-columns:1fr}}

/* ---------- Tamni blok (rupe u modelu) ---------- */
.strana_plan .plan_blok_tamni{background:var(--ponoc);color:#fff}
.strana_plan .plan_blok_tamni .naslov_sekcije,.strana_plan .plan_blok_tamni h3{color:#fff}
.strana_plan .plan_blok_tamni .oznaka{color:var(--sampanj)}
.strana_plan .plan_blok_tamni .uvod{color:rgba(255,255,255,.78)}
.strana_plan .plan_blok_tamni .uvod i{font-style:normal;color:var(--sampanj)}
.strana_plan .plan_blok_tamni .bs_lista li{color:rgba(255,255,255,.8)}
.strana_plan .plan_blok_tamni .bs_lista li b{color:#fff;font-weight:400}
.strana_plan .plan_blok_tamni .bs_lista li i{font-style:normal;color:var(--sampanj)}
.strana_plan .plan_blok_tamni .plan_meko{color:rgba(255,255,255,.72)}
.strana_plan .plan_blok_tamni .plan_meko b{color:#fff;font-weight:400}
.strana_plan .plan_tabela_okvir:has(.plan_tabela_tamna){background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.18)}
.strana_plan .plan_tabela_tamna td,.strana_plan .plan_tabela_tamna tbody th{
  border-top-color:rgba(255,255,255,.14);color:rgba(255,255,255,.78)}
.strana_plan .plan_tabela_tamna tbody th{color:#fff}
.strana_plan .plan_tabela_tamna thead th{background:#061019;color:var(--sampanj)}
.strana_plan .plan_tabela_tamna tbody tr:nth-child(even) td,
.strana_plan .plan_tabela_tamna tbody tr:nth-child(even) th{background:rgba(255,255,255,.05)}
.strana_plan .plan_tabela_tamna tbody tr:hover td,
.strana_plan .plan_tabela_tamna tbody tr:hover th{background:rgba(228,207,163,.09)}
.strana_plan .plan_tabela_tamna b{color:#fff}
.strana_plan .plan_tabela_tamna i{color:var(--sampanj)}
.strana_plan .plan_tabela_tamna .plan_meko{margin-top:8px;font-size:.84rem;color:rgba(255,255,255,.55)}
.strana_plan .plan_kod{
  margin:0;padding:22px 20px;overflow-x:auto;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.86);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.78rem;line-height:1.75;white-space:pre;
}

/* ---------- Otvorena pitanja ---------- */
.strana_plan .plan_pitanja{counter-reset:plan_pitanje;display:grid;gap:18px;
  margin:0;padding:0;list-style:none}
.strana_plan .plan_pitanja > li{
  counter-increment:plan_pitanje;position:relative;background:#fff;
  border:1px solid var(--linija);padding:26px 28px 28px 74px;
  transition:border-color .5s var(--ease),transform .5s var(--ease);
}
.strana_plan .plan_pitanja > li::before{
  content:counter(plan_pitanje);position:absolute;left:24px;top:24px;
  font-family:var(--display);font-size:1.5rem;line-height:1;color:var(--akcenat-svetlo);
}
.strana_plan .plan_pitanja > li:hover{border-color:var(--ponoc);transform:translateY(-2px)}
.strana_plan .plan_pitanja h3{font-family:var(--display);text-transform:uppercase;
  letter-spacing:.045em;font-size:1.16rem;line-height:1.15;margin-bottom:12px}
.strana_plan .plan_pitanja p{color:var(--muted);font-size:.97rem}
.strana_plan .plan_pitanja i{font-style:normal;color:var(--akcenat-svetlo)}
.strana_plan .plan_zasto{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--linija);
  font-size:.89rem;line-height:1.8;
}
@media (max-width:640px){
  .strana_plan .plan_pitanja > li{padding:52px 22px 24px}
  .strana_plan .plan_pitanja > li::before{left:22px;top:20px}
}

/* ---------- Okvir „u obimu je" ---------- */
.strana_plan .plan_okvir_obim{
  padding:30px 30px 32px;background:var(--povrsina);
  border:1px solid var(--linija);border-left:3px solid var(--sampanj);
}
.strana_plan .plan_okvir_obim p{margin-top:12px;color:var(--muted);font-size:.95rem;line-height:1.8}
.strana_plan .plan_okvir_obim b{color:var(--ink);font-weight:400}

/* ---------- Odluke od 08.09.2026. uz otvorena pitanja ---------- */
.strana_plan .plan_znak_odluceno{color:#14523A;border-color:#7FB79A;background:#E2F1E9}
.strana_plan .plan_pitanja > li > .plan_znak{margin-bottom:11px}
.strana_plan .plan_pitanja > li.je_odluceno{border-left:3px solid #2E7D5B;background:#FCFEFD}
.strana_plan .plan_pitanja > li.je_otvoreno{border-left:3px solid #C98A4B}
.strana_plan .plan_odluka{
  margin-top:16px;padding:16px 18px 17px;background:#EEF7F2;
  border:1px solid #BFDCCC;border-left:3px solid #2E7D5B;
}
.strana_plan .plan_odluka_ceka{background:#FBF3EA;border-color:#E3C7A4;border-left-color:#C98A4B}
.strana_plan .plan_odluka_naslov{
  display:block;margin-bottom:7px;font-family:var(--display);text-transform:uppercase;
  letter-spacing:.09em;font-size:.74rem;color:#14523A;
}
.strana_plan .plan_odluka_ceka .plan_odluka_naslov{color:#8A4A12}
.strana_plan .plan_odluka p{margin:0;color:var(--ink);font-size:.94rem;line-height:1.8}
.strana_plan .plan_odluka p + p{margin-top:9px}
.strana_plan .plan_odluka b{color:var(--ink);font-weight:400;box-shadow:inset 0 -.42em 0 rgba(46,125,91,.14)}
.strana_plan .plan_odluka_ceka b{box-shadow:inset 0 -.42em 0 rgba(201,138,75,.16)}
.strana_plan .plan_odluka a{color:#14523A;border-bottom:1px solid rgba(20,82,58,.4)}
.strana_plan .plan_odluka a:hover{border-bottom-color:#14523A}
.strana_plan .plan_odluka i{font-style:normal;color:var(--akcenat-svetlo)}

/* ============================================================
   LISTE (hoteli, destinacije, putovanja) — dinamičke strane
   ============================================================ */
.lista_hero{
  background:var(--ponoc);color:#fff;
  padding-top:calc(var(--visina-zaglavlja, 140px) + clamp(28px,4vw,64px));
  padding-bottom:clamp(32px,4vw,64px);
}
.lista_hero .mrvice a{color:rgba(255,255,255,.72)}
.lista_hero .naslov_sekcije{color:#fff}

.lista_mreza{
  display:grid;gap:clamp(16px,2vw,30px);
  grid-template-columns:repeat(auto-fill,minmax(400px,1fr));
}
/* U listama je kartica uspravna (slika 16:10 iznad teksta), ne horizontalna kao u stubu
   naslovne — inače se slika rasteže na visinu teksta i kolone ispadnu preuske. */
.lista_mreza .ponuda_mala{grid-template-columns:minmax(0,1fr)}
.lista_mreza .ponuda_mala .ponuda_slika{aspect-ratio:16/10;height:auto;min-height:0}
.lista_mreza .ponuda_ruta{
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.kartica_lista .kartica_veza{display:grid;grid-template-columns:subgrid;grid-column:1/-1;color:inherit}
.kartica_lista .kartica_veza:hover .ponuda_slika img{transform:scale(1.06)}
.kartica_lista .veza_tekst{white-space:nowrap}

.lista_filter{
  display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;
  margin-top:clamp(20px,2.4vw,32px);
}
.lista_filter .polje{margin:0;min-width:210px;flex:1 1 210px}
.lista_filter .polje input,.lista_filter .polje select{
  width:100%;padding:.8rem 1rem;border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06);color:#fff;font-family:var(--pismo);font-size:.95rem;
}
.lista_filter .polje select option{color:var(--ink)}
.lista_filter .veza_tekst{color:var(--sampanj)}

.lista_stranice{margin-top:clamp(28px,3.4vw,48px)}
.lista_stranice svg{width:1.1rem;height:1.1rem;display:inline-block;vertical-align:middle}
.lista_stranice nav{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:center}
.lista_stranice a,.lista_stranice span{
  display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;height:2.6rem;
  padding:0 .7rem;border:1px solid var(--linija);background:#fff;color:var(--ink);
  font-size:.92rem;transition:background .3s var(--ease),color .3s var(--ease);
}
.lista_stranice a:hover{background:var(--ponoc);color:#fff;border-color:var(--ponoc)}
.lista_stranice [aria-current="page"] span{background:var(--ponoc);color:#fff;border-color:var(--ponoc)}
.lista_stranice p.text-sm,.lista_stranice .hidden{display:none}

.prazno{
  border:1px solid var(--linija);background:#fff;padding:clamp(28px,4vw,56px);text-align:center;
}
.prazno p{color:var(--muted);max-width:56ch;margin:0 auto clamp(18px,2vw,26px)}

@media (max-width:560px){
  .lista_mreza{grid-template-columns:1fr}
}

/* mrvice — ista pravila kao na strani hotela, ali dostupna svim stranama */
.mrvice{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.78rem;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.94);margin-bottom:clamp(18px,2.4vw,34px)}
.mrvice a:hover{color:var(--sampanj)}
.mrvice span{color:var(--sampanj);opacity:.7}

/* liste: sekcija sa karticama ne treba pun vertikalni ritam ispod hero trake */
.lista_hero + .sekcija{padding-top:clamp(28px,3.4vw,52px)}

/* ============================================================
   UPIT — partials/upit.blade.php
   Isti blok postoji u hotel.css i destinacija.css; liste (hoteli,
   destinacije, /krstarenja i ostale grupe ponuda) učitavaju samo
   bancor.css, pa bez ovoga sekcija upita ostaje bez stila
   (ikone bez zadate veličine narastu na punu širinu kolone).
   ============================================================ */
.upit_mreza{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(28px,3.4vw,58px)}
@media (min-width:960px){.upit_mreza{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}}
.upit_kutija{border:1px solid var(--linija);padding:clamp(22px,2.6vw,38px);background:#fff}
.kontakt_lista li{display:flex;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--linija);font-size:.98rem}
.kontakt_lista li:first-child{border-top:1px solid var(--linija)}
.kontakt_lista svg{width:18px;height:18px;flex:none;margin-top:.32rem;stroke:var(--akcenat-svetlo);fill:none;stroke-width:1.5}
.kontakt_lista b{display:block;font-weight:400}
.kontakt_lista small{color:var(--muted);font-size:.88rem}
.upit_izabrano{margin-bottom:1.1rem;font-size:.94rem;color:var(--muted)}

.polje{display:block;margin-bottom:.95rem}
.polje > span{display:block;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.4rem}
.polje .rq{color:#9B2C2C}
.polje input,.polje select,.polje textarea{
  width:100%;background:var(--povrsina);border:0;border-bottom:1.5px solid var(--linija);
  color:var(--ink);font-family:var(--pismo);font-weight:300;font-size:1rem;
  padding:.72rem .8rem;border-radius:0;transition:border-color .3s var(--ease),background-color .3s var(--ease)}
.polje textarea{min-height:120px;resize:vertical}
.polje ::placeholder{color:var(--muted);opacity:1}
.polje select{padding-right:2.4rem;cursor:pointer;-webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5766' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right .8rem center;background-size:16px}
.polje input:hover,.polje select:hover,.polje textarea:hover{border-bottom-color:var(--muted)}
.polje input:focus,.polje select:focus,.polje textarea:focus{
  outline:2px solid var(--akcenat-svetlo);outline-offset:2px;border-bottom-color:var(--akcenat-svetlo);background:#fff}
.polje_par{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
@media (max-width:420px){.polje_par{grid-template-columns:1fr}}
.greska_tekst{display:none;margin-top:.34rem;font-size:.82rem;color:#9B2C2C}
.polje.je_los input,.polje.je_los select,.polje.je_los textarea{border-bottom-color:#9B2C2C;border-bottom-width:2px}
.polje.je_los .greska_tekst{display:block}
.saglasnost{display:flex;align-items:flex-start;gap:.7rem;margin:.6rem 0 1.1rem}
.saglasnost input{width:20px;height:20px;flex:none;margin-top:.25rem;accent-color:#74602F}
.saglasnost span{font-size:.88rem;line-height:1.6;color:var(--muted)}
.saglasnost.je_los span{color:#9B2C2C}
.saglasnost.je_los .greska_tekst{display:block}
.uspeh{display:none;margin:0 0 1.6rem;padding:.9rem 1.1rem;background:#E8F3EE;
  border-left:3px solid #1E6B4F;color:#1E6B4F;font-size:.94rem;line-height:1.6}
.uspeh.je_vidljiv{display:block}

/* ============================================================
   INTERNI OBRAZAC ZA KLIJENTA — otvorena pitanja (body.strana_fk)
   Nije deo javnog vebsajta i nije u navigaciji. Isti sistem boja i
   tipografije kao ostale podstranice; sve je ograničeno na .strana_fk.
   ============================================================ */
.strana_fk .fk_hero{padding-top:210px;padding-bottom:64px}
@media (max-width:1000px){.strana_fk .fk_hero{padding-top:132px;padding-bottom:48px}}
.strana_fk .fk_hero .bs_hero_telo{max-width:78ch}
.strana_fk .fk_hero .bs_hero_telo p + p{margin-top:14px;color:rgba(255,255,255,.66)}

/* ---------- Lepljiva traka sa napretkom ---------- */
.strana_fk .fk_traka{
  position:sticky;top:var(--podnav-top);z-index:40;
  background:rgba(255,255,255,.97);border-bottom:1px solid var(--linija);
  backdrop-filter:saturate(160%) blur(8px);transition:top .6s var(--ease);
}
.strana_fk .fk_traka_red{
  display:flex;align-items:center;gap:clamp(14px,2vw,30px);
  padding-top:12px;padding-bottom:12px;
}
.strana_fk .fk_napredak{flex:none;min-width:186px}
.strana_fk .fk_napredak_tekst{font-size:.8rem;letter-spacing:.06em;color:var(--muted)}
.strana_fk .fk_napredak_tekst b{font-family:var(--display);font-size:1.02rem;letter-spacing:.05em;color:var(--ponoc)}
.strana_fk .fk_sipka{margin-top:7px;height:4px;background:var(--linija);overflow:hidden}
.strana_fk .fk_sipka span{display:block;height:100%;background:var(--sampanj);
  transition:width .55s var(--ease)}
.strana_fk .fk_sidra{flex:1 1 auto;display:flex;align-items:center;gap:clamp(.2rem,1.2vw,1.1rem);
  overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.strana_fk .fk_sidra::-webkit-scrollbar{display:none}
.strana_fk .fk_sidra a{position:relative;flex:none;padding:.55rem .5rem;font-size:.86rem;
  color:var(--muted);transition:color .4s var(--ease);white-space:nowrap}
.strana_fk .fk_sidra a::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;
  background:var(--sampanj);transition:left .45s var(--ease),right .45s var(--ease)}
.strana_fk .fk_sidra a:hover,.strana_fk .fk_sidra a.je_aktivan{color:var(--ink)}
.strana_fk .fk_sidra a.je_aktivan::after{left:.5rem;right:.5rem}
.strana_fk .fk_cuvaj{flex:none;padding-top:.78rem;padding-bottom:.78rem}
@media (max-width:1080px){
  .strana_fk .fk_sidra{display:none}
  .strana_fk .fk_traka_red{justify-content:space-between}
}
@media (max-width:520px){
  .strana_fk .fk_cuvaj{font-size:.7rem;padding-left:1rem;padding-right:1rem}
  .strana_fk .fk_napredak{min-width:0}
}

/* ---------- Grupe ---------- */
.strana_fk .fk_blok{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(48px,6vw,84px)}
.strana_fk section[id]{scroll-margin-top:calc(var(--podnav-top) + 84px)}
.strana_fk .fk_glava{display:flex;gap:clamp(16px,2vw,26px);align-items:flex-start;margin-bottom:34px;
  padding-bottom:22px;border-bottom:1px solid var(--linija)}
.strana_fk .fk_broj_grupe{flex:none;font-family:var(--display);font-size:2.1rem;line-height:1;
  letter-spacing:.04em;color:var(--sampanj)}
.strana_fk .fk_naslov_grupe{font-family:var(--display);text-transform:uppercase;letter-spacing:.045em;
  font-size:clamp(1.42rem,2.6vw,1.92rem);line-height:1.12;color:var(--ponoc)}
.strana_fk .fk_uvod_grupe{margin-top:10px;font-size:.98rem;line-height:1.8;color:var(--muted);max-width:80ch}
.strana_fk .fk_glava_vazno{border-bottom:0;background:#FBF0E6;
  padding:24px 26px;border-left:3px solid #C9772F}
.strana_fk .fk_glava_vazno .fk_broj_grupe{color:#C9772F}
.strana_fk .fk_glava_vazno .fk_uvod_grupe{color:#8A4A12}

/* ---------- Kartica pitanja ---------- */
.strana_fk .fk_pitanje{background:#fff;border:1px solid var(--linija);
  padding:clamp(22px,3vw,32px);margin-bottom:18px}
.strana_fk .bs_blok_svetli .fk_pitanje{box-shadow:0 30px 60px -50px rgba(10,26,47,.5)}
.strana_fk .fk_pitanje_glava{display:flex;gap:14px;align-items:baseline}
.strana_fk .fk_redni{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid var(--linija);font-size:.74rem;color:var(--muted)}
.strana_fk .fk_pitanje_glava h3{font-family:var(--display);text-transform:uppercase;
  letter-spacing:.04em;font-size:1.08rem;line-height:1.3;color:var(--ponoc)}
.strana_fk .fk_zasto{margin:14px 0 0 40px;padding-left:16px;border-left:2px solid var(--sampanj);
  font-size:.92rem;line-height:1.8;color:var(--muted)}
.strana_fk .fk_zasto b{font-weight:400;letter-spacing:.1em;text-transform:uppercase;
  font-size:.68rem;color:var(--akcenat-svetlo)}
.strana_fk .fk_polje{margin:22px 0 0 40px}
@media (max-width:640px){
  .strana_fk .fk_zasto,.strana_fk .fk_polje{margin-left:0}
}
.strana_fk .fk_izbor label{background:#fff}
.strana_fk .fk_izbor label:has(input:checked){border-color:var(--ponoc);background:var(--povrsina)}
.strana_fk .fk_dopuna{margin-top:16px}
.strana_fk .fk_polje textarea{min-height:120px}

/* ---------- Veza ka strani na koju se pitanje odnosi ---------- */
.strana_fk .fk_veza{display:inline-flex;align-items:center;gap:8px;margin:14px 0 0 56px;
  padding:.5rem .9rem;background:var(--povrsina);border:1px solid var(--linija);
  font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ponoc);
  transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}
.strana_fk .fk_veza:hover{background:var(--ponoc);border-color:var(--ponoc);color:#fff}
.strana_fk .fk_veza em{font-style:normal;font-size:.95rem;line-height:1}
@media (max-width:640px){ .strana_fk .fk_veza{margin-left:0} }

/* ---------- Prilog ---------- */
.strana_fk .fk_prilog{margin-top:18px;padding-top:18px;border-top:1px dashed var(--linija)}
.strana_fk .fk_fajl_ulaz{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.strana_fk .fk_prilog_dugme{display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  padding:.7rem 1.1rem;border:1px solid var(--ponoc);color:var(--ponoc);
  font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  transition:background .4s var(--ease),color .4s var(--ease)}
.strana_fk .fk_prilog_dugme:hover{background:var(--ponoc);color:#fff}
.strana_fk .fk_prilog_dugme svg{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.strana_fk .fk_izabrano{margin-left:12px;font-size:.88rem;color:var(--akcenat-svetlo)}
.strana_fk .fk_izabrano:empty{display:none}
.strana_fk .fk_stari_fajl{display:block;margin-top:12px;font-size:.88rem;color:var(--akcenat-svetlo);
  border-bottom:1px solid rgba(116,96,47,.4);width:fit-content}
.strana_fk .fk_granica{display:block;margin-top:10px;font-size:.8rem;color:var(--muted)}

/* ---------- Otvoreni fidbek (tabla za slobodno pisanje) ---------- */
.strana_fk .fk_tabla{background:#FBF0E6;padding-top:clamp(52px,6vw,88px);
  padding-bottom:clamp(52px,6vw,88px);border-top:1px solid rgba(201,119,47,.18)}
.strana_fk .fk_tabla_glava{margin-bottom:26px;max-width:80ch}
.strana_fk .fk_tabla_glava .oznaka{color:#C9772F}
.strana_fk .fk_tabla_glava .fk_naslov_grupe{margin-top:12px;font-size:clamp(1.5rem,2.4vw,2rem)}
.strana_fk .fk_tabla_glava .fk_uvod_grupe{color:#8A4A12}
.strana_fk .fk_tabla_okvir{background:#fff;border:1px solid rgba(201,119,47,.28);
  padding:clamp(20px,2.6vw,30px);box-shadow:0 40px 70px -55px rgba(10,26,47,.6)}
.strana_fk .fk_tabla_labela{display:block;margin-bottom:12px;font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--akcenat-svetlo)}
.strana_fk .fk_tabla_polje{display:block;width:100%;min-height:420px;padding:18px 20px;
  background:repeating-linear-gradient(#fff 0 33px,var(--povrsina) 33px 34px);
  border:1px solid var(--linija);font-family:var(--pismo);font-size:1rem;line-height:34px;
  color:var(--ink);resize:vertical}
.strana_fk .fk_tabla_polje:focus{outline:none;border-color:#C9772F;box-shadow:0 0 0 3px rgba(201,119,47,.14)}
.strana_fk .fk_tabla_polje::placeholder{color:#A9B2BC}
.strana_fk .fk_tabla_dno{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:22px;margin-top:20px}
.strana_fk .fk_tabla_prilog{margin-top:0;padding-top:0;border-top:0}
.strana_fk .fk_tabla_akcija{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-left:auto}
.strana_fk .fk_tabla_stanje{font-size:.82rem;color:var(--muted)}
@media (max-width:640px){
  .strana_fk .fk_tabla_polje{min-height:320px}
  .strana_fk .fk_tabla_akcija{margin-left:0;width:100%}
}

/* ---------- Kraj ---------- */
.strana_fk .fk_kraj{background:var(--ponoc);color:#fff;padding-top:clamp(44px,5vw,72px);
  padding-bottom:clamp(44px,5vw,72px)}
.strana_fk .fk_kraj_red{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px}
.strana_fk .fk_kraj .fk_naslov_grupe{color:#fff}
.strana_fk .fk_kraj .bf_napomena{margin-top:12px;max-width:64ch;color:rgba(255,255,255,.72)}