:root{
  --cream:#F7F4EE;
  --cream-2:#F1ECE3;
  --white:#FFFFFF;
  --forest:#193B35;
  --forest-2:#122E29;
  --terra:#D96B45;            /* akcenat: ispune, ivice, grafika */
  --terra-dark:#C25937;
  /* v10.9: terakota na svetlom daje 3,42:1 i pada AA cim nosi tekst. Boja
     marke ostaje ista — uvodi se samo dublja nijansa za SLOVA (5,4:1 na
     kremu) i za ispunu dugmeta (5,0:1 sa belim slovom). */
  --terra-tekst:#A3462A;
  --btn-bg:#B4522F;
  --btn-ink:#FFFFFF;
  --cost-bg:#FBEDE7;          /* pilula sa cenom hack-a */
  --cost-ink:#8F3D22;         /* 5,9:1 na toj podlozi */
  --sand:#E9C46A;
  --line:#E3DDD2;
  --line-2:#D8D0C2;
  --muted:#5F6C67;           /* v10.9: bilo #6F7C77 = 3,96:1 na kremu; sad 4,9:1 */
  --tekst-2:#2A423D;          /* telo teksta, malo mekše od --forest */
  --tamna-podloga:#193B35;    /* futer, traka za kolačiće, pilule — uvek tamna */
  --na-tamnom:#FBF8F2;        /* tekst koji stoji na tamnoj podlozi */
  --more:#CEDCDA;             /* mape: more, kopno, obala */
  --kopno:#EDE6D6;      /* v11.1: bilo #F7F3EA — na kremu #F7F4EE se kopno
                           razlikovalo za jedan procenat svetline */
  --kopno-nase:#F1E8D6;
  --kopno-bio:#DC9E70;
  --obala:#B9B3A2;
  --hladno:#5E8C93;
  --shadow:0 1px 2px rgba(25,59,53,.04), 0 8px 28px -18px rgba(25,59,53,.28);
  --radius:20px;
  --maxw:1140px;
  --staklo:rgba(255,255,255,.9);
  --staklo-jako:rgba(247,244,238,.97);
  color-scheme:light;
}

/* ── tamna tema ────────────────────────────────────────────────────────
   Redefinišu se SAMO promenljive; nijedno pravilo ispod ne zna za temu.
   Zelena ostaje zelena, terakota terakota — menja se ko je podloga a ko
   tekst. Fotografije i beli tekst preko njih ostaju isti u obe teme. */
:root[data-tema="tamna"]{
  --cream:#101E1B;
  --cream-2:#182C28;
  --white:#162925;
  --forest:#EAE4D9;
  --forest-2:#F3EEE4;
  --terra:#E58057;
  --terra-dark:#F0916A;
  /* Na tamnom je obrnuto: slovo mora da bude svetlije od podloge, a dugme
     nosi TAMNO slovo na svetloj terakoti (6,2:1). Bela na #E58057 daje 2,78. */
  --terra-tekst:#EE9270;
  --btn-bg:#E58057;
  --btn-ink:#101E1B;
  --cost-bg:#33201A;
  --cost-ink:#F0A582;         /* 7,1:1 na toj podlozi */
  --sand:#E9C46A;
  --line:#2A413B;
  --line-2:#3A554E;
  --muted:#93A29D;
  --tekst-2:#C3CEC9;
  --tamna-podloga:#0B1614;
  --na-tamnom:#F3EEE4;
  --more:#0C1A18;
  --kopno:#22403A;
  --kopno-nase:#2C4A40;
  --kopno-bio:#8A5A38;
  --obala:#3E6055;
  --hladno:#7FA9B0;
  --shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 30px -18px rgba(0,0,0,.75);
  --staklo:rgba(22,41,37,.9);
  --staklo-jako:rgba(16,30,27,.97);
  color-scheme:dark;
}


*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
[id]{scroll-margin-top:90px;}
body{
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--cream);
  color:var(--forest);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{display:block;max-width:100%;}
picture{display:contents;} /* v7.18: <picture> omotač (WebP) ne sme da pravi svoj box */
a{color:var(--terra-tekst);}
::selection{background:var(--sand);color:var(--forest);}

.shell{max-width:var(--maxw);margin:0 auto;padding-left:28px;padding-right:28px;}
@media (max-width:560px){ .shell{padding-left:20px;padding-right:20px;} }

/* ── serif / sans helpers ─────────────────────────────────────────────── */
.serif{font-family:'Fraunces',Georgia,'Times New Roman',serif;}

/* ── HEADER / NAV ─────────────────────────────────────────────────────── */
.site-head{
  position:sticky;top:0;z-index:50;
  background:var(--staklo-jako);
  backdrop-filter:saturate(150%) blur(12px);
  -webkit-backdrop-filter:saturate(150%) blur(12px);
  border-bottom:1px solid var(--line);
}
.site-head .bar{
  max-width:var(--maxw);margin:0 auto;padding:14px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  position:relative;               /* v10.8: sidro za razvuceno polje pretrage */
}
.brand{display:inline-flex;align-items:center;text-decoration:none;flex:none;}
.brand img{height:26px;width:auto;}
.nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.nav a{
  color:var(--forest);text-decoration:none;
  font-size:14px;font-weight:500;letter-spacing:.1px;
  padding:4px 0;border-bottom:1.5px solid transparent;
  transition:color .18s,border-color .18s;
}
.nav a:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.nav a.is-current{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.nav-item{position:relative;display:inline-flex;align-items:center;}
.dd{
  position:absolute;top:100%;left:50%;transform:translate(-50%,6px);
  margin-top:10px;background:var(--white);border:1px solid var(--line);
  border-radius:14px;box-shadow:var(--shadow);padding:8px;
  min-width:180px;display:flex;flex-direction:column;gap:1px;
  opacity:0;visibility:hidden;transition:opacity .15s,transform .15s,visibility .15s;
  z-index:60;
}
.nav-item:hover .dd,.nav-item:focus-within .dd{
  opacity:1;visibility:visible;transform:translate(-50%,0);
}
.dd a{
  padding:9px 14px;border-radius:9px;font-size:13.5px;font-weight:500;
  color:var(--forest);text-decoration:none;border-bottom:none !important;
}
.dd a:hover{background:var(--cream-2);color:var(--terra-tekst);}
/* v10.3: „Destinacije" imaju drugi nivo — prvo kontinent, pa zemlje pod njim.
   Ravan spisak od 29 zemalja je prerastao ekran. Otvara se na hover i na
   :focus-within, da radi i tastaturom. */
.dd--grupe{min-width:206px;}
/* Most preko procepa: izmedju stavke i panela stoji 10px praznog, i mis koji
   ga predje „izadje" iz menija pa se panel zatvori. Providni pseudo-element
   pokriva taj procep a nista ne crta. */
.dd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;}
.nav-sub{position:relative;}
.nav-sub-t{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 14px;border-radius:9px;
  font-size:13.5px;font-weight:500;color:var(--forest);cursor:default;
}
.nav-sub-t::after{content:"›";font-size:17px;line-height:1;color:var(--muted);}
.nav-sub--prvi .nav-sub-t::after{content:none;}
.nav-sub:hover > .nav-sub-t,.nav-sub:focus-within > .nav-sub-t{
  background:var(--cream-2);color:var(--terra-tekst);
}
.nav-sub:hover > .nav-sub-t::after,.nav-sub:focus-within > .nav-sub-t::after{color:var(--terra-tekst);}
.dd2{
  position:absolute;top:-8px;left:100%;margin-left:7px;
  background:var(--white);border:1px solid var(--line);
  border-radius:14px;box-shadow:var(--shadow);padding:8px;
  min-width:184px;display:flex;flex-direction:column;gap:1px;
  opacity:0;visibility:hidden;transform:translateX(6px);
  transition:opacity .15s,transform .15s,visibility .15s;
  z-index:61;
}
.dd2::before{content:"";position:absolute;top:0;bottom:0;left:-11px;width:11px;}
.nav-sub:hover > .dd2,.nav-sub:focus-within > .dd2{
  opacity:1;visibility:visible;transform:none;
}
.dd2 a{
  padding:9px 14px;border-radius:9px;font-size:13.5px;font-weight:500;
  color:var(--forest);text-decoration:none;border-bottom:none !important;
}
.dd2 a:hover{background:var(--cream-2);color:var(--terra-tekst);}
/* 22. 9. 2026: dug spisak zemalja (Evropa, 20+) u dve kolone, samo na
   sirokom ekranu — u jednoj je izlazio ispod donje ivice. */
@media (min-width:861px){
  .dd2--kol{
    display:grid;grid-auto-flow:column;column-gap:4px;
    grid-template-rows:repeat(var(--redova),auto);min-width:360px;
  }
}
/* ── TEME NA SPISKU PRICA (v10.5) ─────────────────────────────────────── */
/* Stavka teme iz menija vodi na sidro ovde, pa naslov teme mora da stane
   ispod lepljivog zaglavlja — otud scroll-margin. */
.tema-cipovi{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.tema-cipovi a{
  display:inline-flex;align-items:center;gap:7px;padding:7px 13px;
  border:1px solid var(--line);border-radius:999px;text-decoration:none;
  font-size:13px;color:var(--forest);background:var(--staklo);transition:border-color .2s,color .2s;
}
.tema-cipovi a:hover{border-color:var(--line-2);color:var(--terra-tekst);}
.tema-cipovi a span{font-size:11px;color:var(--muted);}
section[id^="tema-"]{scroll-margin-top:86px;}

/* ── PRETRAGA U ZAGLAVLJU (v10.8) ──────────────────────────────────────── */
/* Polje stoji izmedju navigacije i prekidaca teme.
   Osnovno stanje je LUPA — traka je i pre pretrage bila puna do ivice, pa
   otvoreno polje ima smisla samo tamo gde stvarno ima mesta (>1080px).
   Ispod toga lupa na dodir razvuce polje preko trake, pa nista ne odguruje. */
.pretraga{position:relative;display:flex;align-items:center;gap:2px;flex:none;}
.pretraga-lupa{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:36px;height:36px;padding:0;cursor:pointer;color:var(--muted);
  border:1px solid var(--line);background:var(--white);border-radius:99px;
  transition:color .18s,border-color .18s;
}
.pretraga-lupa:hover{color:var(--forest);border-color:var(--line-2);}
.pretraga-lupa svg{width:17px;height:17px;}
.pretraga-polje{
  border:0;background:none;outline:none;font-family:inherit;
  font-size:13.5px;color:var(--forest);width:0;padding:0;opacity:0;
  pointer-events:none;min-width:0;
}
.pretraga-polje::placeholder{color:var(--muted);}
/* v11.4: pregledac je na fokus crtao svoj okvir oko samog polja, pa se preko
   pilule pretrage video jos jedan pravougaonik. */
.pretraga-polje:focus,.pretraga-polje:focus-visible{outline:none;box-shadow:none;border:0;}
.pretraga-polje::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}

/* razvuceno polje preko trake — isto na 900px i na 390px */
.pretraga.je-siroka{
  position:absolute;left:20px;right:20px;top:50%;transform:translateY(-50%);
  z-index:71;background:var(--white);border:1px solid var(--forest);
  border-radius:99px;padding:3px 4px 3px 7px;
  box-shadow:0 0 0 3px rgba(25,59,53,.07);
}
.pretraga.je-siroka .pretraga-lupa{width:26px;height:26px;border:0;background:none;}
.pretraga.je-siroka .pretraga-polje{
  width:auto;flex:1;opacity:1;pointer-events:auto;
  padding:8px 6px 8px 2px;font-size:16px;
}

/* ── siroki ekran: polje je otvoreno i stoji u traci ─────────────────────
   Prag je 1200, ne 1140 (sirina omotaca): na tacno 1140 vertikalni klizac
   pojede jos 15px i „Iznenadi me“ padne u drugi red. Ispod praga stoji lupa,
   koja se na klik razvuce preko trake i nista ne odguruje. */
@media (min-width:1200px){
  .pretraga{
    border:1px solid var(--line);background:var(--white);
    border-radius:99px;padding:3px 4px 3px 7px;
    transition:border-color .18s,box-shadow .18s;
  }
  .pretraga:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px rgba(25,59,53,.07);}
  .pretraga-lupa{width:26px;height:26px;border:0;background:none;}
  .pretraga-lupa svg{width:16px;height:16px;}
  .pretraga-polje{width:150px;padding:4px 6px 4px 2px;opacity:1;pointer-events:auto;}
  /* Polje se pri fokusu NE siri. Traka je puna do ivice: sirenje sa 150 na
     232px gurne „Iznenadi me“ u novi red i zaglavlje poraste sa 62 na 111px
     na svaki klik u pretragu. Sirina od 150px je dovoljna za kucanje, a
     rezultati se ionako prikazuju u panelu od 404px ispod. */
  /* Otvoreno polje na sirokom ekranu vec stoji u traci — `je-siroka` mu
     ovde menja samo boju ivice, isto sto radi i :focus-within. Dva sloja
     senke su se videla kao okvir u okviru. */
  .pretraga.je-siroka{position:static;transform:none;left:auto;right:auto;
    border-color:var(--forest);box-shadow:none;}
  .pretraga.je-siroka .pretraga-polje{font-size:13.5px;padding:4px 6px 4px 2px;width:150px;}
}

/* ── panel sa rezultatima ──────────────────────────────────────────────── */
.pretraga-panel{
  position:absolute;top:calc(100% + 12px);right:-5px;z-index:70;
  width:404px;max-width:calc(100vw - 28px);
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow);padding:6px;
  max-height:min(70vh,470px);overflow:auto;overscroll-behavior:contain;
}
.pretraga-broj{
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  padding:7px 12px 6px;font-weight:600;
}
.pretraga-grupa{
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:var(--tekst-2);padding:11px 12px 5px;border-top:1px solid var(--line);
  margin-top:4px;
}
.pretraga-grupa:first-of-type{border-top:0;margin-top:0;}
.pretraga-red{
  display:flex;align-items:baseline;gap:10px;
  padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--forest);
}
.pretraga-red .pr-ime{font-size:14.5px;font-weight:500;flex:1;min-width:0;}
.pretraga-red .pr-ime b{font-weight:700;color:var(--terra-dark);}
.pretraga-red .pr-kontekst{
  font-size:12px;color:var(--muted);flex:none;max-width:42%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pretraga-red:hover,.pretraga-red.je-izabran{background:var(--cream-2);}
.pretraga-red.je-izabran .pr-ime{font-weight:600;}
.pretraga-red:focus-visible{outline:2px solid var(--forest);outline-offset:-2px;}
.pretraga-prazno{padding:16px 12px 18px;display:flex;flex-direction:column;gap:5px;}
.pretraga-prazno b{font-size:14.5px;font-weight:600;}
.pretraga-prazno span{font-size:13px;color:var(--muted);}
.pretraga-ceka span{opacity:.75;}
.pretraga-jos{
  font-size:12px;color:var(--muted);padding:10px 12px 8px;
  border-top:1px solid var(--line);margin-top:4px;
}

@media (max-width:860px){
  /* Ovde je `.pretraga` stavka mreze sa svojim `grid-area`, pa bi joj
     `position:absolute` racunao `left/right` unutar te male kolone od 38px —
     razvuceno polje je ispadalo siroko 13px. Zato ide `fixed`, prema ekranu.
     Iz istog razloga nema `transform`: transformisani predak postaje sidro i
     za `fixed` decu, pa bi panel nasledio istu gresku. */
  .pretraga.je-siroka{
    position:fixed;left:12px;right:12px;top:11px;bottom:auto;
    transform:none;z-index:80;
  }
  .pretraga-panel{
    position:fixed;left:12px;right:12px;top:66px;width:auto;max-width:none;
    max-height:calc(100vh - 86px);
  }
  .pretraga-red{padding:11px 12px;}
  .pretraga-red .pr-ime{font-size:15px;}
}

/* ── HAMBURGER (samo mobilni) ─────────────────────────────────────────── */
/* CSS-only, bez JavaScripta — radi i kad se skripta ne ucita */
.burger{display:none;}
/* kvaka drugog nivoa radi samo na telefonu — na sirokom ekranu otvara hover */
.dd-kvaka{display:none;}

@media (max-width:860px){
  .burger{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    width:42px;height:42px;padding:10px;margin-right:-6px;
    cursor:pointer;border-radius:10px;flex:none;
  }
  /* v11.9.4: crtice prate `--forest`, koji je u tamnoj temi boja TEKSTA, kao
     i linkovi u meniju pored njih. Do sada su nosile `--tamna-podloga` — a to
     je token za podlogu koja je UVEK tamna, pa je u tamnoj temi bio #0B1614:
     tamne crtice na tamnom zaglavlju. Videle su se tek kad se meni otvori,
     jer otvoren meni menja podlogu zaglavlja. */
  .burger span{
    display:block;height:2px;width:100%;border-radius:2px;
    background:var(--forest);transition:transform .22s,opacity .18s;
  }
  .burger:hover span{background:var(--terra);}
  /* X kad je otvoren */
  .menu-toggle:checked ~ .burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .menu-toggle:checked ~ .burger span:nth-child(2){opacity:0;}
  .menu-toggle:checked ~ .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  .site-head .bar{
    display:grid;
    /* v10.8: lupa dobija svoju kolonu. Bez izricitog mesta grid bi je
       auto-smestio u red ispod, kao sto se vec desilo prekidacu teme. */
    grid-template-columns:1fr auto auto auto;
    /* v10.8: gornji red nosi samo ono sto se koristi u svakoj poseti — brend,
       lupa, lista i meni. Tema i jezik su podesavanja, a jezik se bira jednom
       u zivotu: oba se sele u meni, pa prvi ekran vise ne trosi ceo red na
       njih. Zaglavlje je zbog toga bilo 121px umesto 62px. */
    grid-template-areas:"brand pretraga zelje burger"
                        "nav nav nav nav"
                        "tema lang lang lang";
    align-items:center;gap:0 8px;padding:12px 20px;
    position:relative;
  }
  .brand{grid-area:brand;}
  .pretraga{grid-area:pretraga;}
  .zelje-btn{grid-area:zelje;justify-self:end;}
  .burger{grid-area:burger;}
  .tema-btn{grid-area:tema;justify-self:start;}
  .lang{grid-area:lang;justify-self:start;}
  /* Podesavanja se vide tek kad je meni otvoren — inace bi im red stajao
     otvoren i kad meni nije, sto je isti trosak koji se gore uklanja. */
  .menu-toggle:not(:checked) ~ .tema-btn,
  .menu-toggle:not(:checked) ~ .lang{display:none;}
  .menu-toggle:checked ~ .tema-btn{margin-top:14px;}
  .menu-toggle:checked ~ .lang{margin-top:14px;}

  /* meni: sklopljen dok se ne klikne; display:none -> red se skupi na 0 */
  .nav{
    grid-area:nav;
    display:none;
    width:100%;
    flex-direction:column;align-items:stretch;gap:0;
    margin:10px -20px -12px;padding:6px 20px 14px;
    border-top:1px solid var(--line);
  }
  .menu-toggle:checked ~ .nav{display:flex;}

  /* v11.4: otvoren meni je duzi od ekrana, a stajao je u toku dokumenta —
     prst je zato pomerao stranicu iza njega, pa se dno menija videlo tek kad
     se prodje cela stranica. Sada meni skroluje sam, a stranica ispod stoji. */
  body:has(.menu-toggle:checked){overflow:hidden;}
  .site-head:has(.menu-toggle:checked){
    max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }

  .nav > a,.nav-item > a{
    display:block;width:100%;
    padding:13px 2px;font-size:15.5px;
    border-bottom:1px solid var(--line) !important;
  }
  .nav-item{display:block;width:100%;}
  /* zemlje se prikazuju uvucene, ne kao hover-padajuci meni
     v11.4: i sklopljene dok se ne tapne kvaka. Otvoren spisak kontinenata
     je meni odmah produzavao preko celog ekrana, pa se do „Bloga" stizalo
     tek skrolovanjem. */
  .dd{
    position:static;transform:none;opacity:1;visibility:visible;
    display:none;margin:0;padding:4px 0 8px 14px;
    border:none;box-shadow:none;background:transparent;min-width:0;
  }
  .dd-cb:checked ~ .dd{display:flex;}
  .nav-item{position:relative;}
  .dd-kvaka{
    position:absolute;top:0;right:0;width:46px;height:46px;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
  }
  .dd-kvaka::after{
    content:"";width:8px;height:8px;border-right:2px solid var(--muted);
    border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);
    transition:transform .18s;
  }
  .dd-cb:checked ~ .dd-kvaka::after{transform:rotate(-135deg) translate(-3px,-3px);}
  /* Pravilo za hover sa desktopa je specifičnije od `.dd` iznad, pa je i na
     mobilnom vraćalo `translate(-50%)` čim bi nešto unutra dobilo fokus —
     panel bi odleteo pola širine levo, van ekrana. */
  .nav-item:hover .dd,.nav-item:focus-within .dd{transform:none;}
  .dd a{padding:9px 4px;font-size:14px;color:var(--muted);}
  /* v10.3: na mobilnom nema hovera. Kontinent je red na koji se tapne, a
     zemlje se otvaraju ispod njega — sve otvoreno odjednom bi dalo meni od
     hiljadu i po piksela. Otvara se preko `:focus-within`, jer `nav-sub-t`
     ima `tabindex` pa ga tap fokusira; tap na drugi kontinent zatvara prvi. */
  .nav-sub-t{
    padding:11px 4px;font-size:14.5px;font-weight:500;color:var(--muted);
  }
  .nav-sub-t::after{transform:rotate(90deg);transition:transform .18s;}
  .nav-sub:focus-within > .nav-sub-t{background:none;color:var(--terra-tekst);}
  .nav-sub:focus-within > .nav-sub-t::after{transform:rotate(-90deg);}
  .dd2{
    position:static;transform:none;opacity:1;visibility:visible;display:none;
    margin:0;padding:0 0 6px 14px;
    border:none;box-shadow:none;background:transparent;min-width:0;
  }
  .nav-sub:focus-within > .dd2{display:flex;}
  .dd2 a{padding:8px 4px;font-size:14px;color:var(--muted);}
  /* mostovi za hover ne trebaju bez hovera, a znali bi da pokriju link ispod */
  .dd::before,.dd2::before{display:none;}
}

/* ── TERAKOTA NA TAMNOJ PODLOZI (v10.9) ───────────────────────────────── */
/* `--terra-tekst` je namerno tamna, da prodje na kremu. Unutar tamnih blokova
   to je obrnut problem: #A3462A na sumskoj zelenoj daje 2,0:1. Token se zato
   redefinise lokalno, pa nijedno pravilo ispod ne mora da zna gde stoji. */
.band-inner, .site-foot, .cookie-banner, a.feature, .mtile, .hackbox-bar,
.match-banner, .gpill.is-on, .fchip.is-on, .zelja-btn.is-on{
  --terra-tekst:#F0916A;      /* 5,2:1 na #193B35 */
}
/* v11.5: opcija koja uz trenutne filtere ne bi dala nijedno mesto — ostaje u
   traci (da se vidi da postoji), ali se ne moze kliknuti. */
.fchip.je-prazan{opacity:.55;}
.fchip.je-prazan:hover{opacity:1;border-color:var(--terra);color:var(--terra-tekst);}
/* v11.6: koliko je opcija ispalo iz trake i dugme da se vrate */
.fchip--vise{border-style:dashed;color:var(--muted);opacity:1;cursor:pointer;}
.fchip--vise:hover{border-color:var(--terra);color:var(--terra-tekst);}
.fchip--vise.je-otvoren{border-style:solid;color:var(--terra-tekst);
  border-color:var(--terra);}
.fchip.je-prazan:hover{border-color:var(--line);color:var(--muted);}

/* ── FOKUS (v10.9) ────────────────────────────────────────────────────── */
/* Do v10.9 su fokus imali samo mejl polje, Match select, .ichip i skip-link —
   u 2159 linija stajale su tri `outline` deklaracije, i jedna ga je uklanjala.
   Tastaturom se sajt nije mogao koristiti. Jedno pravilo pokriva sve. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{
  outline:2px solid var(--forest);
  outline-offset:2px;
  border-radius:4px;
}
/* Kartice imaju `overflow:hidden`, pa bi ih spoljni prsten bio odsecen. */
:where(.card, .mhit, .mcard, .place, .hackbox, .pretraga-red):focus-visible{
  outline-offset:-3px;
}
/* Na tamnim podlogama zeleni prsten nestaje. */
:where(.band, .site-foot, .hackbox-bar, .feature, .match-banner) :focus-visible{
  outline-color:var(--sand);
}

/* ── BUTTONS ──────────────────────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:none;cursor:pointer;text-decoration:none;
  padding:15px 30px;border-radius:999px;
  background:var(--btn-bg);color:var(--btn-ink);
  font-family:inherit;font-size:14.5px;font-weight:600;letter-spacing:.1px;
  transition:background .18s,transform .18s,box-shadow .18s;
  box-shadow:0 6px 18px -10px rgba(180,82,47,.75);
}
.btn:hover{background:#993F22;transform:translateY(-1px);}
:root[data-tema="tamna"] .btn:hover{background:#F0916A;}
.btn--ghost{
  background:transparent;color:var(--forest);
  border:1px solid var(--line);box-shadow:none;
}
.btn--ghost:hover{background:var(--cream-2);color:var(--forest);}
.btn--light{background:var(--cream);color:var(--forest);box-shadow:none;}
.btn--light:hover{background:var(--white);color:var(--forest);}

/* ── NASLOVNI BLOK (v11.1) ─────────────────────────────────────────────
   Naslov je do v11.0 stajao PREKO fotografije. Kontrast je tada zavisio od
   toga koliko je slika svetla tacno u pojasu naslova, pa je veo morao da bude
   sve jaci — dok fotografija nije postala podloga koja se jedva vidi. Sada
   tekst stoji na podlozi stranice, a slika je ploca ispod njega. */
.celo{padding:10px 0 0;}
.celo .crumbs{margin:0 auto 16px;}   /* auto, inace putanja izadje iz sirine sadrzaja */
.celo-in{padding-top:2px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--terra-tekst);
}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;}
.celo-in h1{
  font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:clamp(34px,5vw,54px);line-height:1.06;letter-spacing:-.024em;
  text-wrap:balance;color:var(--forest);margin:12px 0 0;max-width:20ch;
}
.celo-in p.dek{
  color:var(--tekst-2);font-weight:400;
  font-size:clamp(16px,1.5vw,19px);line-height:1.55;margin:14px 0 0;max-width:60ch;
}
.celo-in .meta{
  margin-top:14px;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;
  color:var(--muted);font-size:13.5px;font-weight:400;
}
.celo-in .meta .sep{opacity:.45;}

/* Ploca: fotografija bez ijednog slova preko nje, osim potpisa u uglu. */
/* v11.4: podloga ploce je bila sira od same fotografije (shell dodaje 28px
   sa strane), pa je oko slike stajao kremast okvir; potpis je stajao PREKO
   slike kao tamna pilula i cesto delovao krupnije od nje. Sada je slika ceo
   objekat, a potpis sitan red ispod nje. */
.ploca{
  position:relative;margin-top:24px;line-height:0;background:none;
}
.ploca img{
  display:block;width:100%;height:clamp(190px,22vw,300px);object-fit:cover;
  border-radius:var(--radius);transition:opacity .18s ease;
}
/* v11.5: pocetna. Iznad banera stoje naslov, brojke i pilule, pa slika od
   300px gura prvi red mesta ispod prevoja. */
.ploca--niza img{height:clamp(150px,15vw,215px);}
.ploca figcaption{
  display:block;margin-top:7px;padding:0 2px;
  font-size:11px;line-height:1.45;letter-spacing:.01em;
  color:var(--muted);font-weight:400;text-align:left;
}
@media (max-width:640px){
  .celo-in h1{max-width:none;}
  .ploca figcaption{font-size:10.5px;}
}

/* ── ŠTA OBIĆI — JEDAN OBLIK ZA SVE TAČKE (v10.9) ──────────────── */
/* Ranije: tacke sa slikom i one bez nje bile su dve razlicite kartice u istoj
   mrezi, pa je mreza imala rupe i razlicite visine. Sada je red, i kvadrat
   levo uvek postoji — sa slikom ili sa inicijalom. */
.hl-lista{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0;}
.hl-red{
  display:flex;gap:18px;align-items:flex-start;
  padding:16px 0;border-bottom:1px solid var(--line);
}
.hl-red:first-child{border-top:1px solid var(--line);}
.hl-slika{
  flex:none;width:96px;height:96px;border-radius:10px;overflow:hidden;
  background:var(--cream-2);display:block;
}
.hl-slika img{width:100%;height:100%;object-fit:cover;display:block;}
.hl-slova{
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',Georgia,serif;font-size:34px;font-weight:500;
  color:var(--muted);
}
.hl-tekst{min-width:0;}
.hl-tekst h3{
  font-family:'Fraunces',Georgia,serif;font-weight:600;
  font-size:clamp(18px,1.6vw,20px);letter-spacing:-.012em;margin:0 0 5px;
  color:var(--forest);
}
.hl-tekst p{font-size:15px;line-height:1.62;color:var(--tekst-2);margin:0;max-width:62ch;}
/* šablon: red podataka ispod znamenitosti (cena · trajanje · zatvoreno) */
.hl-tekst p.zn-red{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--tekst-2);}
@media (min-width:900px){
  .hl-lista{grid-template-columns:1fr 1fr;column-gap:44px;}
  /* u hub-u kolona teksta je uza za sirinu bocne trake — dve kolone bi
     ostavile ~240px za tekst, pa red ide preko cele sirine */
  .hub-sec .hl-lista{grid-template-columns:minmax(0,1fr);}
  .hl-red:nth-child(2):first-of-type{border-top:1px solid var(--line);}
  .hl-red:nth-child(2){border-top:1px solid var(--line);}
}
@media (max-width:560px){
  .hl-slika{width:76px;height:76px;}
  .hl-slova{font-size:28px;}
  .hl-red{gap:14px;padding:14px 0;}
  .hl-tekst p{font-size:14.5px;}
}

/* ── U BLIZINI (v10.9) ─────────────────────────────────────── */
/* Susedna mesta su do v10.9 stajala kao 23 iste kartice sa slikom — 9.238px
   od 17.769px mobilne stranice. Red nosi isto toliko podataka u 44px. */
.blizu{display:grid;grid-template-columns:1fr 1fr;gap:0 44px;margin:4px 0 30px;}
.blizu-red{
  display:flex;align-items:baseline;gap:12px;padding:11px 2px;
  border-bottom:1px solid var(--line);text-decoration:none;color:var(--forest);
  transition:color .16s;
}
.blizu-red:hover .blizu-ime{color:var(--terra-tekst);}
.blizu-ime{font-weight:600;font-size:15.5px;letter-spacing:-.01em;}
.blizu-tip{font-size:12.5px;color:var(--muted);}
.blizu-km{
  margin-left:auto;font-size:12.5px;color:var(--muted);
  font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;
}
.gde-dalje-zemlje{margin-top:6px;}
@media (max-width:720px){
  .blizu{grid-template-columns:1fr;gap:0;margin-bottom:24px;}
  .blizu-red{padding:13px 2px;}
}

/* polje za pretragu na vrhu stranice destinacija */
.trazi-vrh{padding-top:6px;}
.alat-trazi--veliko{padding:14px 18px;border-radius:12px;}
.alat-trazi--veliko input{font-size:17px;}
.alat-trazi--veliko svg{width:19px;height:19px;}
.trazi-nota{margin:10px 0 0;font-size:13.5px;color:var(--muted);}

/* ── LEPLJIVA TRAKA ZA REZERVACIJU (v10.9) ────────────────────────────── */
/* Bočna traka sa partnerskim linkom na telefonu ne postoji, a panel „Kreni"
   je iza celog teksta — na uređaju sa kog dolazi većina posetilaca link se
   praktično nije video. Traka se pojavi tek posle uvoda, da ne pokrije traku
   činjenica, i skloni se kod podnožja. */
.dok{display:none;}
@media (max-width:940px){
  .dok{
    position:fixed;left:0;right:0;bottom:0;z-index:80;
    display:flex;align-items:center;gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));
    background:var(--staklo-jako);border-top:1px solid var(--line);
    backdrop-filter:saturate(150%) blur(12px);
    -webkit-backdrop-filter:saturate(150%) blur(12px);
    box-shadow:0 -6px 24px -18px rgba(25,59,53,.5);
  }
  .dok[hidden]{display:none;}
  .dok-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
  .dok-txt b{font-size:14px;font-weight:600;letter-spacing:-.01em;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .dok-txt small{font-size:11px;color:var(--muted);line-height:1.35;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .dok-btn{flex:none;padding:12px 18px;font-size:14px;box-shadow:none;}
  /* traka pokriva dno stranice, pa podnožje dobija prostora ispod sebe */
  .site-foot{padding-bottom:96px;}
}

/* ── MATCH: ČITLJIVOST (v10.9) ─────────────────────────────── */
/* Prsten sa procentom i otisak stajali su goli preko fotografije: „POKLAPANJE"
   u pesku na svetloj slici se ne vidi, a oznake osa su bile 8px. Oboje sada
   ima svoju tamnu podlogu, pa ne zavise od toga kakva je slika ispod. */
.mx-ocena{
  background:rgba(8,24,21,.72);border-radius:14px;padding:10px 12px 8px;
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.mx-ocena .cap{
  font-size:9.5px;letter-spacing:.16em;color:#F0E2C4;font-weight:600;
}
.mx-otisak{
  background:rgba(8,24,21,.78);backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
.mx-otisak .lbl{font-size:10px;letter-spacing:.14em;color:#D9E2DE;font-weight:600;}
.mx-otisak text{font-size:9.5px;}

/* Do v10.9 nije postojao nacin da se traka filtera ocisti. */
.mx-ocisti{
  font:inherit;font-size:13px;font-weight:600;cursor:pointer;
  display:inline-flex;align-items:center;min-height:40px;padding:0 15px;
  border:1px dashed var(--line-2);background:none;color:var(--terra-tekst);
  border-radius:10px;margin-left:6px;transition:border-color .16s,background .16s;
}
.mx-ocisti:hover{border-color:var(--terra);background:var(--cream-2);}

/* ── LETOVI: NAS SADRŽAJ PRE PARTNERA (v10.9) ─────────────────── */
/* Partnerski vidžet donosi svoj font, svoju zelenu i engleski jezik. Ne može
   se prestilizovati (učitava se sa njihovog servera), ali može da dobije okvir
   i da stoji POSLE onoga što smo sami napisali. */
.let-hakovi{display:grid;gap:0;margin-top:6px;}
.let-hak{
  display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:16px;
  align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;
}
.let-hak:first-child{border-top:1px solid var(--line);}
.let-no{
  font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:600;
  color:var(--muted);font-variant-numeric:tabular-nums;   /* --line-2 je boja linije, ne teksta (1,4:1) */
}
.let-hak:hover .let-no{color:var(--terra-tekst);}
.let-txt b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.35;}
.let-txt span{display:block;font-size:14.5px;line-height:1.6;color:var(--tekst-2);margin-top:5px;}
.let-cost{
  font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted);white-space:nowrap;
}
@media (min-width:900px){ .let-hakovi{grid-template-columns:1fr 1fr;column-gap:44px;} }
@media (max-width:560px){
  .let-hak{grid-template-columns:32px minmax(0,1fr);gap:12px;}
  .let-cost{grid-column:2;margin-top:6px;}
}

.partner-nota{
  margin:0 0 16px;font-size:13px;line-height:1.6;color:var(--muted);max-width:70ch;
}
/* Vidžet u svom okviru — da se vidi gde prestaje sajt a počinje partner. */
.widget-card--partner{
  border:1px solid var(--line);border-radius:14px;padding:6px;
  background:var(--white);
}
.let-saveti{margin-top:22px;}
.let-saveti .card{box-shadow:none;}

/* ── DESTINACIJE KAO ALAT (v10.9) ─────────────────────────────────────── */
/* Bilo je 29 kartica zemalja pa 214 kartica mesta, filter tek posle prvih 29 —
   94.000px na telefonu i nijedan način da se stigne do konkretnog mesta.
   Sada: pločice zemalja, pa pretraga, facete, A–Ž traka i redovi. */

.mos-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}
@media (max-width:1000px){ .mos-grid{grid-template-columns:repeat(4,minmax(0,1fr));} }
@media (max-width:760px){ .mos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;} }
@media (max-width:440px){ .mos-grid{grid-template-columns:repeat(2,minmax(0,1fr));} }

/* ── traka alata ────────────────────────────────────────────────────────── */
.alat{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;
  margin:6px 0 4px;
}
.alat-trazi{
  display:flex;align-items:center;gap:10px;flex:1 1 300px;min-width:0;
  background:var(--white);border:1px solid var(--line);border-radius:10px;
  padding:11px 15px;transition:border-color .18s,box-shadow .18s;
}
.alat-trazi:focus-within{border-color:var(--forest);box-shadow:0 0 0 3px rgba(25,59,53,.07);}
.alat-trazi svg{width:17px;height:17px;color:var(--muted);flex:none;}
.alat-trazi input{
  border:0;background:none;outline:none;font-family:inherit;font-size:15.5px;
  color:var(--forest);width:100%;min-width:0;
}
.alat-trazi input::placeholder{color:var(--muted);}
.alat-trazi input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;}

.facets{display:flex;gap:8px;flex-wrap:wrap;}
.facet{
  font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;
  display:inline-flex;align-items:center;gap:7px;min-height:40px;
  padding:0 15px;border-radius:999px;
  border:1px solid var(--line);background:var(--white);color:var(--forest);
  transition:background .16s,border-color .16s,color .16s;
}
.facet b{font-size:11.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;}
.facet:hover{border-color:var(--line-2);}
.facet.is-on{background:var(--tamna-podloga);border-color:var(--tamna-podloga);color:var(--na-tamnom);}
.facet.is-on b{color:rgba(251,248,242,.7);}
.alat-broj{
  margin:0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;
  flex:none;
}
.alat-prazno{
  margin:26px 0 0;font-size:15.5px;color:var(--muted);
}

/* ── A–Ž traka ──────────────────────────────────────────────────────────── */
.az-traka{
  display:flex;flex-wrap:wrap;gap:2px;margin:20px 0 4px;
  padding-bottom:14px;border-bottom:1px solid var(--line);
}
.az-traka a{
  font-size:13px;font-weight:600;color:var(--tekst-2);text-decoration:none;
  min-width:28px;min-height:28px;display:inline-flex;align-items:center;
  justify-content:center;border-radius:6px;
}
.az-traka a:hover{background:var(--cream-2);color:var(--terra-tekst);}
.az-traka a.je-prazno{color:var(--line-2);pointer-events:none;}

/* ── redovi mesta ───────────────────────────────────────────────────────── */
.mesta{display:grid;gap:0;}
.az-slovo{
  font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:600;
  color:var(--forest);margin:26px 0 0;padding-bottom:6px;
  border-bottom:2px solid var(--forest);scroll-margin-top:96px;
}
.az-slovo:first-child{margin-top:8px;}
.mesto-red{
  display:grid;
  grid-template-columns:48px minmax(0,1.5fr) minmax(0,1fr) 92px 96px;
  align-items:center;gap:14px;
  padding:12px 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:inherit;
}
.mesto-slika{
  width:48px;height:48px;border-radius:8px;overflow:hidden;
  background:var(--cream-2);display:block;
}
.mesto-slika img{width:100%;height:100%;object-fit:cover;display:block;}
.mesto-ime{font-size:16px;font-weight:600;letter-spacing:-.01em;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mesto-red:hover .mesto-ime{color:var(--terra-tekst);}
.mesto-zemlja{font-size:13.5px;color:var(--muted);min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mesto-tip{font-size:12.5px;color:var(--muted);}
.mesto-dana{
  font-size:12.5px;color:var(--muted);text-align:right;
  font-variant-numeric:tabular-nums;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media (max-width:860px){
  /* Na telefonu dva reda: ime i zemlja gore, tip i dana ispod — kolona od
     92px za tip ne staje pored imena, a bez tipa se ne zna šta je mesto. */
  .mesto-red{
    grid-template-columns:48px minmax(0,1fr);
    grid-template-areas:"slika ime" "slika meta";
    row-gap:3px;padding:11px 0;
  }
  .mesto-slika{grid-area:slika;align-self:start;}
  .mesto-ime{grid-area:ime;white-space:normal;}
  .mesto-zemlja,.mesto-tip,.mesto-dana{
    grid-area:meta;font-size:12.5px;text-align:left;white-space:nowrap;
  }
  .mesto-zemlja{justify-self:start;}
  .mesto-tip{justify-self:start;padding-left:0;}
  .mesto-dana{justify-self:start;}
  /* tri meta podatka u jednom redu, razdvojena tačkom */
  .mesto-red{grid-template-columns:48px auto auto auto 1fr;
    grid-template-areas:"slika ime ime ime ime" "slika zemlja tip dana .";}
  .mesto-zemlja{grid-area:zemlja;}
  .mesto-tip{grid-area:tip;}
  .mesto-dana{grid-area:dana;}
  .mesto-tip::before,.mesto-dana::before{content:"·";margin:0 6px;color:var(--line-2);}
  .alat-broj{flex:1 1 100%;}
}

/* ── SPISAK PRIČA (v10.9) ────────────────────────────────── */
/* 67 priča u istim karticama, bez datuma i bez vremena čitanja, bilo je arhiva
   a ne broj magazina — i 34.000px na telefonu. Sada: jedna vodeća gore, ostalo
   redovi sa datumom, vremenom čitanja i zemljom. */
.vodeca{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;
  background:var(--white);border:1px solid var(--line);border-radius:18px;
  overflow:hidden;text-decoration:none;color:inherit;
  transition:border-color .2s,transform .25s cubic-bezier(.2,.8,.2,1);
}
.vodeca:hover{border-color:var(--line-2);transform:translateY(-3px);}
.vodeca-slika{display:block;min-height:230px;background:var(--cream-2);}
.vodeca-slika img{width:100%;height:100%;object-fit:cover;display:block;}
.vodeca-txt{padding:clamp(20px,3vw,32px);align-self:center;}
.vodeca-txt h2{
  font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:clamp(23px,2.6vw,30px);line-height:1.18;letter-spacing:-.02em;
  margin:8px 0 0;text-wrap:balance;
}
.vodeca-txt p{font-size:15.5px;line-height:1.65;color:var(--tekst-2);margin:10px 0 0;}
.vodeca:hover h2{color:var(--terra-tekst);}

.price{display:grid;gap:0;margin-top:4px;}
.prica-red{
  display:flex;gap:16px;align-items:flex-start;padding:14px 0;
  border-bottom:1px solid var(--line);text-decoration:none;color:inherit;
}
.prica-red:first-child{border-top:1px solid var(--line);}
.prica-slika{
  flex:none;width:84px;height:64px;border-radius:9px;overflow:hidden;
  background:var(--cream-2);display:block;
}
.prica-slika img{width:100%;height:100%;object-fit:cover;display:block;}
.prica-txt{min-width:0;}
.prica-txt b{
  display:block;font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:17px;line-height:1.3;letter-spacing:-.012em;color:var(--forest);
}
.prica-red:hover .prica-txt b{color:var(--terra-tekst);}
.prica-uvod{
  display:block;font-size:13.5px;line-height:1.55;color:var(--muted);margin-top:4px;
}
.prica-meta{
  margin-top:6px;font-size:11.5px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);
}
.vodeca .prica-meta{margin-top:12px;}
@media (min-width:900px){
  .price{grid-template-columns:1fr 1fr;column-gap:44px;}
}
@media (max-width:720px){
  .vodeca{grid-template-columns:1fr;}
  .vodeca-slika{min-height:170px;}
  .prica-uvod{display:none;}   /* na telefonu naslov i meta rade posao */
  .prica-slika{width:72px;height:56px;}
}

/* ── TABOVI VODIČA (v10.9) ───────────────────────────────────────────── */
/* Podstranice su najdublji sadržaj na sajtu. Kao svetlosive pilule ispod
   mrvica hleba čitale su se kao još jedan red navigacije; kao tabovi se
   čitaju kao odeljci stranice, što i jesu. */
.vodici-traka{margin-top:18px;}
.vodici{
  display:flex;gap:2px;border-bottom:1px solid var(--line);
  overflow-x:auto;scrollbar-width:none;
}
.vodici::-webkit-scrollbar{display:none;}
.vtab{
  display:flex;flex-direction:column;gap:1px;flex:none;
  padding:9px 16px 11px;text-decoration:none;color:var(--muted);
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:color .16s,border-color .16s;
}
.vtab b{font-size:14.5px;font-weight:500;letter-spacing:-.005em;white-space:nowrap;}
.vtab small{
  font-size:11px;font-weight:500;color:var(--muted);white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.vtab:first-child{padding-left:0;}
.vtab:hover{color:var(--forest);}
.vtab.is-on{color:var(--forest);border-bottom-color:var(--terra);}
.vtab.is-on b{font-weight:600;}
.vtab--home b::before{
  content:"";display:inline-block;width:5px;height:5px;border-radius:50%;
  background:var(--terra);margin-right:7px;vertical-align:2px;
}
@media (max-width:560px){
  /* Poslednji tab dobija desnu marginu, pa se vidi da traka ima još desno. */
  .vodici{padding-right:24px;}
  .vtab{padding:9px 13px 11px;}
}

/* ── TRAKA ČINJENICA (v10.9) ──────────────────────────────────────────── */
/* Odgovori zbog kojih se dolazi — koliko dana, kako se kreće, kada ići —
   stajali su u bočnoj kartici, na telefonu tek oko 1.900px. Ovde su odmah
   ispod heroja. Isti objekat na mestu, zemlji i podstranici: jedan
   prepoznatljiv element kroz ceo sajt. Puna rečenica ostaje u „Ukratko". */
.cinjenice{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  margin:16px 0 0;background:var(--white);
  border:1px solid var(--line);border-radius:14px;overflow:hidden;
}
.cinjenice > div{
  padding:13px 18px;border-right:1px solid var(--line);min-width:0;
}
.cinjenice > div:last-child{border-right:0;}
.cinjenice dt{
  font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--muted);font-weight:600;
}
.cinjenice dd{
  margin:4px 0 0;font-size:15.5px;font-weight:600;letter-spacing:-.01em;
  color:var(--forest);line-height:1.35;
}
/* Budžet u „Najbolje za“ (v11.8). Niz evra je jedan podatak — prelomljen na
   „€€€“ i „€“ u sledećem redu čita se kao druga cifra. */
.cinjenice .eur{white-space:nowrap;}
@media (max-width:720px){
  /* Dve kolone, treća preko cele širine — tri reda bi pojela 150px, a ovako
     traka staje u ~110px i i dalje se čita bez zumiranja. */
  .cinjenice{grid-template-columns:1fr 1fr;}
  .cinjenice > div:nth-child(2n){border-right:0;}
  .cinjenice > div:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .cinjenice > div:last-child:nth-child(odd){grid-column:1 / -1;}
  .cinjenice > div{padding:11px 15px;}
  .cinjenice dd{font-size:15px;}
}

/* ── SECTION ──────────────────────────────────────────────────────────── */
.section{padding-top:clamp(32px,3.6vw,52px);}
.sec-head{margin-bottom:20px;max-width:640px;}
.sec-head h2{
  font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:clamp(23px,3.4vw,32px);line-height:1.18;letter-spacing:-.02em;margin-top:7px;
  text-wrap:balance;
}
.sec-head p{color:var(--muted);font-weight:400;font-size:15.5px;margin-top:9px;}

.soon{
  display:inline-block;margin-top:14px;
  font-size:13px;color:var(--muted);
  padding:7px 13px;border:1px dashed var(--line);border-radius:999px;
}

/* ── STORY CTA (afilijat savet unutar teksta priče, ne baner) ───────────── */
.story-cta{
  display:flex;gap:16px;align-items:flex-start;
  background:var(--cream-2);border:1px solid var(--line);
  border-radius:16px;padding:20px 22px;margin:34px 0;
}
.story-cta-ico{font-size:24px;line-height:1;flex:none;margin-top:2px;}
.story-cta-body{flex:1;min-width:0;}
.story-cta-label{
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:16.5px;
  color:var(--forest);margin-bottom:5px;
}
.story-cta-body p{
  font-size:14.5px;line-height:1.6;font-weight:400;color:var(--muted);
  margin:0 0 13px;
}
.btn--sm{padding:9px 18px;font-size:13px;border-radius:999px;}
.prose a.btn,.prose a.btn:hover{color:var(--btn-ink);text-decoration:none;}
@media (max-width:560px){
  .story-cta{padding:18px;gap:12px;}
}

/* ── BUDGET TABLE (unutar priče) ─────────────────────────────────────── */
.budget-table{margin:30px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.budget-table .row{
  display:flex;justify-content:space-between;gap:12px;
  padding:13px 20px;font-size:15px;font-weight:400;color:var(--tekst-2);
  border-bottom:1px solid var(--line);
}
.budget-table .row:last-child{border-bottom:none;}
/* Vrednost se prelama: u tabeli stoji i cela rečenica, ne samo iznos, a nowrap
   je takvu rečenicu držao u jednom redu i širio stranu (23.9.2026). Iznos
   ostaje u jednom komadu jer ga `.cena` nosi sa svojim nowrap-om. */
.budget-table .row .v{font-weight:600;color:var(--terra-tekst);}
.tbl-napomena{margin:-18px 0 30px;font-size:13.5px;line-height:1.55;color:var(--muted);}
/* 14.9.2026: iznos u evrima u tekstu (build.py, _istakni_cene) — isto kao vrednost
   u tabeli budžeta, da se cena vidi kad se strana preleće. Boja dolazi iz
   --terra-tekst, pa radi i u tamnoj temi (5,4:1 svetla, iznad 4,5:1 tamna). */
.cena{font-weight:600;color:var(--terra-tekst);font-variant-numeric:tabular-nums;white-space:nowrap;}
.budget-table .row.total{
  background:var(--cream-2);
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:17px;color:var(--forest);
}
.budget-table .row.total .v{color:var(--forest);}

/* ── BREADCRUMBS ──────────────────────────────────────────────────────── */
/* .crumbs nosi i klasu .shell — sirinu i levo/desno uvlacenje daje .shell,
   ovde su samo tipografija i vertikalni razmak. Stoji ISPOD hero slike. */
.crumbs{
  padding-top:clamp(22px,3vw,34px);
  font-size:13px;color:var(--muted);
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
}
.crumbs a{color:var(--muted);text-decoration:none;}
.crumbs a:hover{color:var(--terra-tekst);text-decoration:underline;text-underline-offset:3px;}
.crumbs .sep{opacity:.45;}
.crumbs .here{color:var(--forest);font-weight:500;}
/* v10.5: „Gde sam bio" i „Gde dalje" su alat, ne članak — mapa odnosno traka
   sa filterima mora da stane u prvi ekran laptopa, pa putanja iznad njih ide
   na uži razmak. */
.crumbs--zbito{padding-top:clamp(13px,1.5vw,18px);}
/* sekcija odmah posle putanje ne treba pun gornji razmak */
.crumbs + .section{padding-top:clamp(24px,3vw,38px);}
@media (max-width:760px){
  .crumbs{font-size:12.5px;gap:6px;}
}

/* ── PROSE ────────────────────────────────────────────────────────────── */
.prose{max-width:680px;}
.prose p{font-size:17px;line-height:1.85;font-weight:400;color:var(--tekst-2);margin-bottom:22px;}
.prose p.lead{font-size:19.5px;color:var(--forest);line-height:1.75;}
.prose p strong{font-weight:600;color:var(--forest);}
.prose a{color:var(--terra-tekst);text-decoration:underline;text-underline-offset:3px;}
.prose h2{
  font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:clamp(20px,2.3vw,25px);
  color:var(--forest);line-height:1.25;margin:44px 0 16px;text-wrap:balance;
}
.prose h2:first-child{margin-top:0;}
.prose h3{
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(19px,1.6vw,21px);
  color:var(--forest);margin:30px 0 12px;
}
.prose ul{margin:0 0 22px;padding-left:22px;}
.prose li{
  font-size:17px;line-height:1.8;font-weight:400;color:var(--tekst-2);margin-bottom:10px;
}
.prose li strong{font-weight:600;color:var(--forest);}
.prose p.note{
  font-size:14.5px;color:var(--muted);border-top:1px solid var(--line);
  padding-top:18px;margin-top:36px;
}

blockquote{margin:38px 0;padding:4px 0 4px 26px;border-left:3px solid var(--terra);}
blockquote p{
  font-family:'Fraunces',Georgia,serif;font-style:italic;font-weight:400;
  font-size:22px;line-height:1.5;color:var(--forest);margin-bottom:10px;
}
blockquote cite{
  font-style:normal;font-size:11.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);
}

/* ── STORY TL;DR ("Ukratko" kutija na vrhu priče) ─────────────────────── */
/* Poravnato levo, isto kao .prose ispod (obe iste širine 680px) — ranije je
   .story-tldr imao margin:0 auto pa je "visio" na sredini dok je prose ispod
   njega poravnat levo. Ispravljeno 2.9.2026. */
.story-tldr{
  max-width:680px;margin:0 0 8px;padding:20px 24px;
  background:var(--cream-2);border-radius:14px;border-left:3px solid var(--sand);
}
.story-tldr .eyebrow{margin-bottom:8px;}
.story-tldr p{font-size:16px;line-height:1.7;color:var(--forest);font-weight:400;margin:0;}

/* ── FIGURE (veliki vizuelni prekid) ──────────────────────────────────── */
figure.wide{margin:44px 0;}
figure.wide .frame{
  border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(150deg,#41695F,#D99A62);
  height:clamp(240px,42vw,420px);
}
figure.wide .frame img{width:100%;height:100%;object-fit:cover;}
figure.wide figcaption{
  margin-top:11px;font-size:12.5px;color:var(--muted);font-weight:400;
}

/* ── STAT ROW ─────────────────────────────────────────────────────────── */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:40px 0;}
.stat{
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:22px 16px;text-align:center;
}
.stat .num{
  font-family:'Fraunces',Georgia,serif;font-size:26px;font-weight:600;
  color:var(--terra-tekst);display:block;line-height:1.2;
}
.stat .lbl{font-size:11.5px;color:var(--muted);margin-top:6px;display:block;line-height:1.5;}
@media (max-width:600px){ .stats{grid-template-columns:1fr;} }

/* ── CARD GRID (destinacije / priče) ──────────────────────────────────── */
.grid{display:grid;gap:18px;}
.grid--4{grid-template-columns:repeat(4,1fr);}
.grid--3{grid-template-columns:repeat(3,1fr);}
.grid--2{grid-template-columns:repeat(2,1fr);}
@media (max-width:940px){ .grid--4{grid-template-columns:repeat(2,1fr);} .grid--3{grid-template-columns:1fr;} }
@media (max-width:600px){ .grid--4,.grid--2{grid-template-columns:1fr;} }

.card{
  background:var(--white);border:1px solid var(--line);border-radius:18px;
  overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;
}
a.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-2);}
.card .shot{
  position:relative;height:200px;
  background:linear-gradient(150deg,#41695F,#D99A62);overflow:hidden;
}
.card .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
a.card:hover .shot img{transform:scale(1.07);}
.card .body{padding:17px 19px 19px;display:flex;flex-direction:column;gap:6px;flex:1;}
.card .body .row{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.card h3{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:18px;letter-spacing:-.01em;transition:color .2s;}
/* Naslov kartice je 18px, ispod `.prose h3` (19) — do v10.9 je bio 20 i time
   izgledao vazniji od naslova odeljka u kom stoji. */
a.card:hover h3{color:var(--terra-tekst);}
.card p{font-size:13.5px;color:var(--muted);font-weight:400;line-height:1.65;}
.card .arrow{color:var(--terra-tekst);font-size:17px;flex:none;transition:transform .2s;}
a.card:hover .arrow{transform:translateX(4px);}

/* ── HORIZONTALNI SKROL (redovi kartica: destinacije/gradovi/priče) ────── */
.hscroll{
  display:flex;gap:18px;overflow-x:auto;padding:2px 2px 12px;margin:-2px -2px 0;
  scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;
}
.hscroll::-webkit-scrollbar{height:7px;}
.hscroll::-webkit-scrollbar-track{background:transparent;}
.hscroll::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;}
.hscroll::-webkit-scrollbar-thumb:hover{background:var(--terra);}
.hscroll .card{flex:0 0 260px;scroll-snap-align:start;}
@media (max-width:600px){ .hscroll .card{flex-basis:76vw;} }

/* ── ŠIROKA KARTICA (slika levo, tekst desno) ─────────────────────────── */
/* Za slučaj kad postoji samo jedna kartica, pa bi u gridu od 3 kolone
   ostale dve prazne — ovako zauzme celu širinu i deluje namerno. */
.card--wide{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);}
.card--wide .shot{height:100%;min-height:250px;}
.card--wide .body{padding:clamp(22px,3vw,34px);justify-content:center;gap:10px;}
.card--wide h3{font-size:clamp(19px,2.1vw,22px);}
.card--wide p{font-size:14.5px;}
@media (max-width:700px){
  .card--wide{grid-template-columns:1fr;}
  .card--wide .shot{min-height:0;height:200px;}
}

/* ── UVOD: tekst levo, "ukratko" činjenice desno ──────────────────────── */
/* Ranije je uvodni tekst stajao sam u koloni od 680px, pa je desna polovina
   ekrana bila prazna, a praktične informacije su bile zakopane na dnu. */
.intro{
  display:grid;grid-template-columns:minmax(0,1fr) 320px;
  gap:clamp(26px,4vw,54px);align-items:start;
}
.intro .prose p:last-child{margin-bottom:0;}
.intro-facts{
  background:var(--white);border:1px solid var(--line);border-radius:18px;
  padding:18px 20px;position:sticky;top:92px;
}
.intro-facts .qf,.side-box .qf{padding:10px 0;border-bottom:1px solid var(--line);}
.intro-facts .qf:first-of-type,.side-box .qf:first-of-type{padding-top:12px;}
.intro-facts .qf:last-child,.side-box .qf:last-child{border-bottom:none;padding-bottom:0;}
.intro-facts .qf .k,.side-box .qf .k{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);}
.intro-facts .qf .v,.side-box .qf .v{font-size:13.5px;margin-top:3px;line-height:1.5;color:var(--forest);}
@media (max-width:940px){
  .intro{grid-template-columns:1fr;gap:30px;}
  /* Isti razlog kao kod .side-facts: odgovori su gore u traci činjenica. */
  .intro{display:flex;flex-direction:column;}
  .intro-facts{position:static;order:2;}
  .intro .prose{order:1;}
}

/* ── "IZNENADI ME" DUGME (header) ───────────────────────────────────────── */
.nav .btn-surprise{
  display:inline-flex;align-items:center;gap:6px;
  background:transparent;border:1px solid var(--line);border-radius:999px;
  padding:7px 14px;margin-left:2px;font-size:13px;font-weight:600;
  font-family:inherit;color:var(--forest);cursor:pointer;
  transition:background .18s,border-color .18s,color .18s,transform .18s;
}
.nav .btn-surprise:hover{background:var(--btn-bg);border-color:var(--terra);color:var(--btn-ink);transform:translateY(-1px);}
.nav .btn-surprise svg{width:13px;height:13px;flex:none;}
@media (max-width:860px){
  .nav .btn-surprise{
    width:100%;border:none;border-bottom:1px solid var(--line);border-radius:0;
    margin-left:0;justify-content:flex-start;padding:13px 2px;font-size:15.5px;background:none;
  }
  .nav .btn-surprise:hover{background:none;color:var(--terra-tekst);transform:none;}
}
.tag{
  font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);
  border:1px solid var(--line);padding:4px 9px;border-radius:999px;white-space:nowrap;
}

/* ── PLACE BLOCKS (naizmenično slika/tekst) ───────────────────────────── */
.place{
  display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);
  gap:clamp(20px,3vw,38px);
  align-items:center;margin-top:clamp(26px,3.2vw,40px);
}
.place:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,42%);}
.place:nth-child(even) .place-media{order:2;}
.place-media{
  border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(150deg,#41695F,#D99A62);
  height:clamp(190px,20vw,260px);
}
.place-media img{width:100%;height:100%;object-fit:cover;}
.place-copy .kicker{
  font-family:'Fraunces',Georgia,serif;font-size:13px;color:var(--terra-tekst);font-weight:600;
}
.place-copy h3{
  font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:clamp(22px,3vw,29px);letter-spacing:-.02em;margin-top:8px;
}
.place-copy p{color:var(--tekst-2);font-weight:400;font-size:15.5px;line-height:1.8;margin-top:12px;}
@media (max-width:720px){
  /* do v11.1 je i na 390px ostajalo dve kolone — tekst je dobijao 147px i
     lomio se na 16 znakova po redu, pa je pasus imao osamnaest redova */
  .place,.place:nth-child(even){grid-template-columns:minmax(0,1fr);gap:16px;}
  .place:nth-child(even) .place-media{order:0;}
  .place-media{height:200px;}
}
@media (max-width:820px){
  .place{grid-template-columns:1fr;}
  .place:nth-child(even) .place-media{order:0;}
}

/* ── WIDGET (partner embed) ──────────────────────────────────────────── */
.widget-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:clamp(16px,3vw,26px);overflow:hidden;box-shadow:var(--shadow);
}

/* ── FACT TABLE ───────────────────────────────────────────────────────── */
.panel{
  background:var(--white);border:1px solid var(--line);border-radius:22px;
  padding:clamp(26px,4vw,40px);
}
.facts{display:grid;grid-template-columns:repeat(2,1fr);margin-top:24px;border-top:1px solid var(--line);}
.fact{padding:16px 4px;border-bottom:1px solid var(--line);}
.fact:nth-child(odd){padding-right:20px;}
.fact:nth-child(even){padding-left:20px;border-left:1px solid var(--line);}
.fact .k{font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);}
.fact .v{font-size:15px;margin-top:5px;line-height:1.55;color:var(--forest);}
@media (max-width:600px){
  .facts{grid-template-columns:1fr;}
  .fact:nth-child(odd){padding-right:4px;}
  .fact:nth-child(even){padding-left:4px;border-left:none;}
}

.cta-row{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.cta-note{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6;margin-top:14px;}

/* Varijanta bez činjenica: naslov levo, dugmad desno, napomena preko dna. */
.panel--cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  column-gap:34px;row-gap:6px;}
.panel--cta .panel-head{grid-column:1;}
.panel--cta .cta-row{grid-column:2;margin-top:0;}
.panel--cta .cta-note{grid-column:1 / -1;margin-top:10px;}
@media (max-width:820px){
  .panel--cta{grid-template-columns:1fr;}
  .panel--cta .cta-row{grid-column:1;margin-top:22px;}
}

/* ── UPOZORENJE DA SE MAPA ČUVA (v10.8) ───────────────────────────────────
   Peskovita traka, ne crvena: ovo nije greška nego stvar koju treba znati.
   v11.4: stoji ISPOD mape i u jednom redu — iznad nje je gurala samu mapu,
   zbog koje se stranica otvara, ceo ekran niže. */
.bio-cuvaj{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:12px 0 0;padding:8px 8px 8px 14px;border-radius:11px;
  border:1px solid var(--sand);background:rgba(233,196,106,.09);}
.bio-cuvaj[hidden]{display:none;}
.bio-cuvaj p{margin:0;font-size:12.5px;line-height:1.5;font-weight:400;
  color:var(--muted);flex:1;min-width:220px;}
.bio-cuvaj-btn{font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;
  border-radius:999px;padding:6px 13px;border:1px solid var(--line);
  background:var(--white);color:var(--forest);transition:border-color .16s,color .16s;}
.bio-cuvaj-btn:hover{border-color:var(--terra);color:var(--terra-tekst);}
@media (max-width:560px){
  .bio-cuvaj{padding:8px 8px 8px 12px;gap:9px;}
  .bio-cuvaj p{font-size:12px;min-width:0;}
}

/* ── GDE U KOM MESECU (v10.8) ─────────────────────────────────────────────
   Kartica nosi dva broja koja su cela poenta stranice — stepeni i kišni dani.
   Zato stoje u svom redu, u tabelarnim ciframa, a ne utopljeni u rečenicu. */
.msek{margin-bottom:46px;}
.msek h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:22px;
  color:var(--forest);margin:0 0 8px;}
.msek-p{font-size:15px;color:var(--muted);font-weight:400;margin:0 0 18px;max-width:620px;}
.msek h2 + .mmreza{margin-top:18px;}
.mmreza{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.mcard{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;background:var(--white);
  transition:border-color .18s,transform .18s;}
/* display:block iz klase pobedjuje UA pravilo za [hidden]: MESEC_JS je karte van
   kruga sakrivao, a one su i dalje stajale (Vindhuk pod „do 2 h leta“). */
.mcard[hidden]{display:none;}
.mcard:hover{border-color:var(--terra);transform:translateY(-2px);}
.mcard .shot{height:130px;overflow:hidden;background:var(--cream-2);}
.mcard .shot img{width:100%;height:100%;object-fit:cover;display:block;}
.mcard .body{padding:13px 15px 15px;}
.mcard h3{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:16.5px;
  color:var(--forest);margin:0 0 3px;line-height:1.25;}
.mcard-z{font-size:12.5px;color:var(--muted);font-weight:400;margin:0 0 9px;}
.mcard-k{display:flex;align-items:baseline;gap:10px;margin:0;
  font-variant-numeric:tabular-nums;}
.mcard-k b{font-size:15px;font-weight:600;color:var(--terra-tekst);}
.mcard-k span{font-size:12px;color:var(--muted);font-weight:400;}
.mostali{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px;
  margin-top:30px;padding-top:22px;border-top:1px solid var(--line);}
.mostali span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-weight:600;margin-right:4px;}
.mostali a{font-size:14px;color:var(--tekst-2);text-decoration:none;
  border-bottom:1px solid var(--line-2);transition:color .15s,border-color .15s;}
.mostali a:hover{color:var(--terra-tekst);border-color:var(--terra);}
@media (max-width:940px){ .mmreza{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:760px){ .mmreza{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:440px){ .mmreza{grid-template-columns:1fr;} }
@media (prefers-reduced-motion:reduce){ .mcard:hover{transform:none;} }

/* ── STRANICA HAKOVA (v10.8) ──────────────────────────────────────────────
   Hak je kratak — dve rečenice. Zato kartica, ne red u spisku: u dve kolone
   se pročita ceo skup, a nijedan ne izgleda kao stranica koja fali. */
.fchips--hak{margin:26px 0 34px;}
.hak-grupa{margin-bottom:44px;}
.hak-grupa[hidden]{display:none;}
.hak-kat{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:20px;
  color:var(--forest);margin:0 0 18px;display:flex;align-items:baseline;gap:10px;}
.hak-kat span{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;
  color:var(--muted);font-variant-numeric:tabular-nums;}
.hak-mreza{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.hak{border:1px solid var(--line);border-radius:14px;padding:20px 22px;
  background:var(--white);scroll-margin-top:90px;}
.hak:target{border-color:var(--terra);box-shadow:0 0 0 3px var(--chip-bg,rgba(217,107,69,.12));}
.hak-vrh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  margin-bottom:9px;}
.hak-no{font-size:11.5px;letter-spacing:.1em;color:var(--muted);font-weight:600;
  font-variant-numeric:tabular-nums;}
.hak-link{color:var(--muted);text-decoration:none;font-size:15px;line-height:1;
  transition:color .15s;}
.hak-link:hover{color:var(--terra-tekst);}
.hak h3{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:17px;
  color:var(--forest);margin:0 0 9px;line-height:1.3;}
.hak p{font-size:14.5px;line-height:1.7;font-weight:400;color:var(--tekst-2);margin:0;}
.hak-cost{margin-top:12px;font-size:12px;letter-spacing:.06em;color:var(--muted);
  font-weight:500;}
.hack-svi{font-size:12px;color:var(--muted);text-decoration:none;
  border-bottom:1px solid var(--line-2);transition:color .15s,border-color .15s;}
.hack-svi:hover{color:var(--terra-tekst);border-color:var(--terra);}
@media (max-width:760px){
  .hak-mreza{grid-template-columns:1fr;}
  .hak{padding:17px 18px;}
}

/* ── FILTERI NA „SVA MESTA“ (v10.8) ───────────────────────────────────────
   Red po osi filtriranja, sa natpisom levo — da se vidi ŠTA se sužava, a ne
   samo gomila pilula bez zaglavlja. */
.filteri{display:flex;flex-direction:column;gap:12px;margin:26px 0 22px;
  padding:20px 22px;border:1px solid var(--line);border-radius:16px;
  background:var(--cream-2);}
.fred{display:grid;grid-template-columns:112px 1fr;gap:6px 16px;align-items:start;}
.flabel{font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);font-weight:600;padding-top:7px;}
.fchips{display:flex;flex-wrap:wrap;gap:6px;}
.fchip{padding:6px 12px;border-radius:999px;cursor:pointer;font:inherit;
  font-size:13px;font-weight:400;line-height:1.35;
  border:1px solid var(--line-2);background:var(--white);color:var(--tekst-2);
  transition:border-color .15s,background .15s,color .15s;}
.fchip:hover{border-color:var(--terra);color:var(--terra-tekst);}
/* `--forest` u tamnoj temi postaje boja TEKSTA, ne podloge — pilula na njemu
   ispada svetla na svetlom. Par koji radi u obe teme je „uvek tamna podloga“
   plus „tekst na tamnom“, isti koji koriste futer i traka za kolačiće. */
.fchip.is-on{background:var(--tamna-podloga);border-color:var(--tamna-podloga);
  color:var(--na-tamnom);font-weight:500;}
.fchip[hidden]{display:none;}
.fvrh{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin-bottom:18px;}
.sva-nista{font-size:16px;color:var(--muted);font-weight:400;padding:28px 0;}
@media (max-width:640px){
  .filteri{padding:16px 16px;gap:14px;}
  .fred{grid-template-columns:1fr;gap:5px;}
  .flabel{padding-top:0;}
}



/* ── LISTA ŽELJA (v10.8) ──────────────────────────────────────────────────
   Pandan pinovanju na mapi. Dugme je „ghost“ dok mesto nije sačuvano, pa
   puno kad jeste — stanje se vidi bez čitanja teksta. */
/* v11.5: dugme stoji odmah ispod naslova, na svakoj stranici koja se moze
   sacuvati — do sada je bilo samo u panelu na dnu stranice mesta. */
.celo-zelja{margin-top:16px;}
/* Potvrda posle čuvanja (v11.8). Miran red uz dugme, ne plutajući oblačić:
   pogled je već tu, pa poruka ne mora da se nameće preko sadržaja. */
.zelja-potvrda{
  display:inline-block;margin-left:12px;font-size:13.5px;color:var(--text-3, var(--muted));
}
/* 11. 9. 2026: `display` iznad je pregazio atribut `hidden`, pa je „Sačuvano.
   Otvori listu“ stajalo na svakoj stranici i kad ništa nije sačuvano. */
.zelja-potvrda[hidden]{display:none;}
.zelja-potvrda a{color:var(--terra);font-weight:600;text-decoration:none;}
.zelja-potvrda a:hover{text-decoration:underline;}
@media (max-width:520px){
  /* Na telefonu ide u svoj red — uz dugme bi ga gurnula van ekrana. */
  .zelja-potvrda{display:block;margin:8px 0 0;}
}
.celo-zelja .zelja-btn{padding:8px 15px;font-size:13.5px;}
.zelja-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  font:inherit;}
.zelja-btn svg{width:15px;height:15px;flex:none;transition:transform .18s ease;}
/* isti razlog kao kod .fchip.is-on — `--forest` u tamnoj temi nije podloga */
.zelja-btn.is-on{background:var(--tamna-podloga);border-color:var(--tamna-podloga);
  color:var(--na-tamnom);}
.zelja-btn.is-on svg{fill:var(--sand);stroke:var(--sand);transform:translateY(-1px);}
.zelja-btn.is-on:hover{opacity:.88;}

/* brojač u zaglavlju — pojavljuje se tek kad ima šta da broji */
.zelje-btn{display:inline-flex;align-items:center;gap:6px;flex:none;
  padding:7px 11px;border:1px solid var(--line-2);border-radius:999px;
  color:var(--forest);text-decoration:none;font-size:13px;font-weight:500;
  line-height:1;transition:border-color .18s,color .18s;}
/* `display` iz klase pobedjuje UA pravilo za [hidden], pa prazan brojac mora
   da se sakrije izricito — inace bi na svakoj stranici stajala nula. */
.zelje-btn[hidden]{display:none;}
.zelje-btn:hover{border-color:var(--terra);color:var(--terra-tekst);}
.zelje-btn svg{width:15px;height:15px;fill:var(--sand);stroke:var(--sand);}
.zelje-broj{font-variant-numeric:tabular-nums;}

/* stranica „Moja lista“ */
.zelje-prazno{max-width:520px;padding:34px 0 8px;}
.zelje-prazno h2{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:22px;
  color:var(--forest);margin:0 0 10px;}
.zelje-prazno p{font-size:16px;color:var(--tekst-2);font-weight:400;line-height:1.75;
  margin:0 0 22px;}
.zelje-vrh{display:flex;align-items:center;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin-bottom:20px;}
.zelje-zbir{font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums;}
.zelja-kart{position:relative;}
.zelja-veza{display:block;color:inherit;text-decoration:none;}
.zelja-x{position:absolute;top:10px;right:10px;width:30px;height:30px;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  border:none;border-radius:50%;background:var(--staklo-jako);color:var(--forest);
  font-size:19px;line-height:1;box-shadow:var(--shadow);transition:color .18s;}
.zelja-x:hover{color:var(--terra-tekst);}

/* ── PROVERENO NA IZVORU (v10.8) ──────────────────────────────────────────
   Sitan otisak, namerno: ovo je dokaz koji se traži kad se posumnja, ne
   reklama. Stoji uz partnersku napomenu jer je isti registar — ono što
   čitalac ima pravo da zna o stranici. */
.cinj{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);}
.panel--cta .cinj{grid-column:1 / -1;}
.cinj-head{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;margin-bottom:10px;}
.cinj-head b{font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:600;color:var(--forest);}
.cinj-head span{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6;}
.cinj-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.cinj-lista li{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:12.5px;
  color:var(--muted);font-weight:400;line-height:1.55;}
.cinj-sta{color:var(--tekst-2);}
.cinj-kad{font-variant-numeric:tabular-nums;}
.cinj-kad::before{content:"— ";opacity:.5;}
.cinj-lista a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;}
.cinj-lista a:hover{color:var(--terra-tekst);}
@media (max-width:560px){
  .cinj-lista li{gap:1px 6px;}
}

/* ── SIGNUP ───────────────────────────────────────────────────────────── */
.signup{display:flex;gap:10px;flex-wrap:wrap;max-width:470px;}
.signup input[type=email]{
  flex:1;min-width:205px;padding:15px 22px;border-radius:999px;
  border:1px solid rgba(251,248,242,.28);background:rgba(251,248,242,.1);
  color:var(--na-tamnom);font-family:inherit;font-size:14.5px;outline:none;
  transition:border-color .18s,background .18s;
}
.signup input[type=email]::placeholder{color:rgba(251,248,242,.55);}
.signup input[type=email]:focus{border-color:var(--sand);background:rgba(251,248,242,.16);}
.signup .fine{width:100%;font-size:12px;color:rgba(251,248,242,.6);}

/* ── BAND ─────────────────────────────────────────────────────────────── */
.band{margin-top:clamp(60px,8vw,100px);}
.band-inner{
  position:relative;overflow:hidden;
  background:var(--tamna-podloga);border-radius:var(--radius);
  padding:clamp(38px,6vw,62px) clamp(26px,5vw,56px);text-align:center;
}
.band-inner::before{
  content:"";position:absolute;inset:0;
  background-image:var(--band-img);background-size:cover;background-position:center;
}
.band-inner::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(10,28,25,.93) 0%,rgba(15,40,35,.86) 55%,rgba(30,60,50,.8) 100%);
}
.band-inner > *{position:relative;z-index:1;}
.band-inner h2{
  font-family:'Fraunces',Georgia,serif;font-weight:500;color:var(--na-tamnom);
  font-size:clamp(24px,3.6vw,34px);line-height:1.25;letter-spacing:-.02em;
}
.band-inner p{
  color:rgba(251,248,242,.72);font-weight:400;font-size:15.5px;margin-top:13px;
  max-width:450px;margin-left:auto;margin-right:auto;
}
.band .signup{margin:26px auto 0;justify-content:center;}

/* ── FOOTER ───────────────────────────────────────────────────────────── */
.site-foot{background:var(--tamna-podloga);margin-top:clamp(60px,8vw,100px);padding:52px 0 38px;}
/* v10.9: kolona destinacija nosi svih 29 zemalja po kontinentima — do sada
   ih je podnozje nudilo cetiri. Na sajtu od 1106 stranica ovo je jedino
   mesto koje na svakoj stranici moze da nosi celu mapu sajta. */
.foot-col--dest{flex:1 1 520px;}
.foot-grupe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 18px;}
.foot-grupa h5{
  font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:600;
  color:rgba(251,248,242,.66);margin:0 0 6px;   /* .5 je davalo 4,13:1 */
}
.foot-grupa a{font-size:12.5px;padding:2.5px 0;}
.foot-sve{margin-top:14px;display:inline-block;font-weight:600;}
@media (max-width:900px){
  /* Na telefonu grupe ne stoje jedna pored druge nego teku kroz dve kolone —
     inace red visok koliko Evropa (14 zemalja) ostavlja praznu polovinu
     pored Azije (4). Ovako je podnozje krace za oko 400px na svakoj strani. */
  .foot-col--dest{flex:1 1 100%;}
  .foot-grupe{display:block;columns:2;column-gap:18px;}
  .foot-grupa{break-inside:avoid;margin-bottom:12px;}
  .foot-grupa a{padding:1.5px 0;line-height:1.5;}
  .site-foot{padding:34px 0 26px;}
  .foot-top{gap:22px;}
}

.foot-top{
  max-width:var(--maxw);margin:0 auto;padding:0 28px;
  display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.foot-top .who img{height:28px;width:auto;}
.foot-top .who p{
  color:rgba(251,248,242,.6);font-size:13.5px;font-weight:400;
  margin-top:12px;max-width:290px;line-height:1.7;
}
.foot-col h4{
  font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;
  color:rgba(251,248,242,.66);font-weight:600;margin-bottom:12px;  /* bilo .45 */
}
.foot-col a{display:block;color:rgba(251,248,242,.75);text-decoration:none;font-size:13.5px;margin-bottom:8px;}
.foot-col a:hover{color:var(--sand);}
.foot-base{
  max-width:var(--maxw);margin:36px auto 0;padding:22px 28px 0;
  border-top:1px solid rgba(251,248,242,.13);
  color:rgba(251,248,242,.72);font-size:12.5px;   /* bilo .42 = 3,37:1 */
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
@media (max-width:600px){ .foot-top{flex-direction:column;gap:26px;} }

/* ── PREKIDAČ JEZIKA ──────────────────────────────────────────────────── */
.lang{display:flex;align-items:center;gap:6px;flex:none;}
.lang-btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 11px;border-radius:999px;
  border:1px solid var(--line);background:transparent;
  color:var(--muted);text-decoration:none;
  font-size:11.5px;font-weight:600;letter-spacing:.8px;
  transition:border-color .18s,color .18s,background .18s;
}
.lang-btn:hover{color:var(--forest);border-color:var(--line-2);}
.lang-btn.is-on{
  color:var(--forest);border-color:var(--forest);
  background:rgba(25,59,53,.05);
}
/* v11.1: zastavica ne kaze nista sto „SR"/„EN" ne kazu, a dve su nosile
   46px u traci kojoj je nedostajalo 40 da stane u jedan red. */
.lang-btn .flag{display:none;}
.lang-btn{padding:6px 10px;}

/* (stari mobilni raspored menija uklonjen — zamenio ga je hamburger gore) */

/* ── sitni dodaci ─────────────────────────────────────────────────────── */
.panel-title{
  font-weight:500;font-size:clamp(23px,3.4vw,30px);
  letter-spacing:-.02em;margin-top:11px;
}
.pill-n{
  font-family:'Fraunces',Georgia,serif;font-size:13px;
  color:var(--terra-tekst);font-weight:600;margin-bottom:2px;
}
.card .body h3{line-height:1.3;}

/* ── COOKIE CONSENT BANER (GA4 se učitava tek posle klika na Prihvatam) ── */
.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:999;
  background:var(--tamna-podloga);border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -8px 28px -12px rgba(25,59,53,.4);
}
.cookie-inner{
  max-width:var(--maxw);margin:0 auto;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  padding:16px 24px;
}
.cookie-inner p{
  flex:1 1 320px;margin:0;font-size:13px;line-height:1.6;font-weight:400;
  color:rgba(251,248,242,.82);
}
.cookie-inner p a{color:var(--sand);text-decoration:underline;}
.cookie-actions{display:flex;gap:10px;flex:none;}
.cookie-banner .btn--ghost{
  border:1px solid rgba(255,255,255,.28);color:rgba(251,248,242,.9);background:transparent;
}
.cookie-banner .btn--ghost:hover{background:rgba(255,255,255,.08);color:#fff;}
/* vidljiviji baner (24. 9. 2026): pesak linija gore, naslov, veći tekst i dugmad,
   ulazi odozdo. „Odbijam“ ostaje iste veličine kao „Prihvatam“ — samo drugačije boje. */
.cookie-banner{border-top:3px solid var(--sand);animation:cookie-ulaz .45s ease-out both;}
@keyframes cookie-ulaz{from{transform:translateY(100%);}to{transform:none;}}
@media (prefers-reduced-motion:reduce){.cookie-banner{animation:none;}}
.cookie-inner p{font-size:14px;color:rgba(251,248,242,.9);}
.cookie-naslov{
  display:block;margin-bottom:4px;
  font-family:'Fraunces',Georgia,serif;font-size:18px;font-weight:600;color:#fff;
}
.cookie-actions .btn{padding:12px 22px;font-size:14px;min-width:120px;}
@media (max-width:640px){
  .cookie-inner{padding:16px 18px 18px;gap:14px;}
  .cookie-actions{width:100%;}
  .cookie-actions .btn{flex:1;}
}

/* ── NOMADINHO MATCH (kalkulator destinacije) ─────────────────────────── */
.match{display:grid;grid-template-columns:320px minmax(0,1fr);gap:32px;align-items:start;}
@media (max-width:900px){ .match{grid-template-columns:1fr;} }

.mpanel{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 20px;position:sticky;top:76px;
  max-height:calc(100vh - 96px);overflow-y:auto;
}
/* desna kolona pocinje na istoj visini kao panel levo */
.mcol{display:block;}
@media (max-width:900px){ .mpanel{position:static;} }
.mfield{padding:11px 0;border-bottom:1px solid var(--line);}
.mfield:first-of-type{padding-top:4px;}
.mfield:last-of-type{border-bottom:none;padding-bottom:2px;}
/* Samo NASLOV polja ide velikim slovima. Bez ">" ovo je hvatalo i <label>
   redove unutar padajućeg menija, pa su opcije bile ispisane verzalom. */
.mfield > label,.mfield > .mlbl{
  display:block;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--muted);margin-bottom:7px;
}
/* Jednostruki izbor je i dalje <select>, ali izgleda isto kao i ostali
   padajuci meniji — ista strelica, isti razmak. */
.mfield select{
  width:100%;font-family:inherit;font-size:13.5px;color:var(--forest);
  background:var(--cream);border:1px solid var(--line);border-radius:10px;
  padding:9px 12px;cursor:pointer;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;
  padding-right:30px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5'%3E%3Cpath d='M0 0h9L4.5 5z' fill='%238C8474'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
  transition:border-color .16s;
}
.mfield select:hover{border-color:var(--line-2);}
.mfield select:focus-visible{border-color:var(--terra);}
.mfield input[type=range]{width:100%;accent-color:var(--terra);cursor:pointer;}
.mscale{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--muted);margin-top:5px;}
.mscale b{color:var(--terra-tekst);font-weight:600;text-align:center;}
.mchips{display:flex;flex-wrap:wrap;gap:7px;}
.mchip{
  font-family:inherit;font-size:12.5px;font-weight:500;cursor:pointer;
  background:var(--cream);color:var(--forest);border:1px solid var(--line);
  border-radius:999px;padding:7px 13px;
  transition:background .15s,border-color .15s,color .15s;
}
.mchip[aria-pressed="true"]{background:var(--btn-bg);border-color:var(--terra);color:var(--btn-ink);}

.mres-head{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  min-height:42px;margin-bottom:14px;
}
.mres-head h3{
  font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:21px;
  letter-spacing:-.02em;margin-left:auto;
}
.mtoggle{display:inline-flex;background:var(--cream-2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;}
.mtab{
  font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;
  background:transparent;border:none;color:var(--muted);
  padding:6px 15px;border-radius:999px;transition:background .16s,color .16s;
}
.mtab.is-on{background:var(--white);color:var(--forest);box-shadow:0 1px 2px rgba(25,59,53,.08);}
.mtab:hover{color:var(--forest);}

.mhit{
  display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  padding:16px 18px;margin-bottom:11px;
  text-decoration:none;color:inherit;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.mhit:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2);}
.mhit:hover h4{color:var(--terra-tekst);}
.mhit:hover .arrow{transform:translateX(4px);}
.mshot{position:relative;width:96px;height:96px;display:block;}
.mshot-img{
  position:absolute;inset:0;border-radius:13px;overflow:hidden;
  background:linear-gradient(150deg,#41695F,#D99A62);
}
.mshot-img img{width:100%;height:100%;object-fit:cover;display:block;}
/* prsten sa procentom — gore desno, preklapa ugao slike */
.mring{
  position:absolute;top:-9px;right:-11px;width:46px;height:46px;
  background:var(--white);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 8px -2px rgba(25,59,53,.3);
}
.mring svg{position:absolute;inset:0;transform:rotate(-90deg);}
.mring-n{
  position:relative;font-family:'Fraunces',Georgia,serif;
  font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--forest);
  letter-spacing:-.02em;
}
.mring-n i{font-style:normal;font-size:8.5px;margin-left:.5px;opacity:.7;}
.mbody{display:block;min-width:0;}
.mhit .arrow{color:var(--terra-tekst);font-size:17px;margin-left:auto;transition:transform .2s;}
.mmore{margin-top:2px;}
.mhit-top{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.mhit-top h4{margin:0;}
.mhit-top .in{font-size:12.5px;color:var(--muted);}
.mhit-top h4{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:19px;letter-spacing:-.01em;}
.mhit-top span{font-size:12.5px;color:var(--muted);}
.mwhy{display:block;font-size:13.5px;color:var(--muted);font-weight:400;margin:6px 0 12px;line-height:1.65;}
.mbars{display:grid;grid-template-columns:repeat(auto-fit,minmax(186px,1fr));gap:7px 20px;margin-bottom:13px;}
.mbar{display:grid;grid-template-columns:78px minmax(40px,1fr) 24px;align-items:center;gap:9px;font-size:11.5px;}
.mbar .k{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mbar .t{height:5px;border-radius:99px;background:var(--cream-2);overflow:hidden;}
.mbar .t i{display:block;height:100%;border-radius:99px;background:var(--terra);}
.mbar .v{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;}
/* Kriterijum koji jos nije izabran: stoji tu, blago osencen, bez ocene —
   da se vidi sta jos moze da se ukljuci. */
.mbar.is-off{opacity:.42;}
.mbar.is-off .t{background:var(--cream-2);}
.mbar.is-off .v{font-weight:400;}
.btn--sm{padding:9px 18px;font-size:13px;box-shadow:none;}

.mtable{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.mgroup{border-bottom:1px solid var(--line);}
.mgroup:last-child{border-bottom:none;}
.mrow{
  display:grid;grid-template-columns:58px minmax(0,1fr) 16px;gap:14px;align-items:center;
  width:100%;padding:12px 18px;font-size:14px;text-align:left;
  background:none;border:0;font-family:inherit;color:inherit;
}
button.mrow{cursor:pointer;transition:background .15s ease;}
button.mrow:hover{background:var(--cream-2);}
.mrow.h{
  font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);
  background:var(--cream-2);border-bottom:1px solid var(--line);padding:9px 18px;
}
.mrow.h .avg{color:var(--muted);font-size:10.5px;letter-spacing:1.3px;font-weight:400;}
/* Prosek je prva i najupadljivija kolona — po njemu se i sortira. */
.mrow .avg{
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:21px;
  color:var(--terra-tekst);font-variant-numeric:tabular-nums;letter-spacing:-.02em;
}
.mrow small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:1px;}
.mrow .chev{
  width:8px;height:8px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);
  transform:rotate(45deg);margin-top:-3px;justify-self:end;transition:transform .2s ease;
}
button.mrow[aria-expanded="true"] .chev{transform:rotate(-135deg);margin-top:2px;}
.msub{background:var(--cream);border-top:1px solid var(--line);}
.msub a{
  display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:9px 18px;font-size:13.5px;color:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--line);
}
.msub a:last-child{border-bottom:none;}
.msub a:hover{background:var(--cream-2);}
.msub a b{
  font-weight:600;font-variant-numeric:tabular-nums;font-size:14px;color:var(--terra-tekst);
}
.msub a .go{color:var(--muted);font-size:12px;}
.mnote{font-size:12.5px;color:var(--muted);font-weight:400;margin-top:14px;line-height:1.7;}

/* Match: uvod stranice je zbijeniji da se levo (izbor) i desno (rezultati)
   vide zajedno, bez skrolovanja gore-dole. */
.match-intro{margin-bottom:22px;max-width:640px;}
.match-intro h2{margin-top:10px;}
.match-intro p{margin-top:9px;}
.section.match-sec{padding-top:clamp(26px,3vw,38px);}

@media (max-width:560px){
  .mhit{grid-template-columns:1fr;}
  .mshot{width:100%;height:150px;}
  .mring{top:10px;right:10px;}
}

/* ── POZIV NA MATCH (na svakoj stranici, iznad futera) ────────────────── */
.match-cta{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 24px;text-decoration:none;color:inherit;
  transition:transform .2s,box-shadow .2s,border-color .2s;
}
.match-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-2);}
.match-cta-copy{display:block;min-width:220px;flex:1;}
.match-cta-copy strong{
  display:block;font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:20px;letter-spacing:-.01em;
}
.match-cta-copy span{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:3px;}
.match-cta-btn{
  display:inline-flex;align-items:center;gap:8px;flex:none;
  background:var(--btn-bg);color:var(--btn-ink);font-size:14px;font-weight:600;
  padding:13px 24px;border-radius:999px;transition:background .18s;
}
.match-cta:hover .match-cta-btn{background:#993F22;}

/* ── MATCH: uski baner na vrhu stranice ───────────────────────────────── */
.match-banner{padding-top:14px;margin-bottom:6px;}
.match-banner-frame{
  position:relative;border-radius:var(--radius);overflow:hidden;
  background:linear-gradient(150deg,#2E5A50 0%,#4E7A63 45%,#D99A62 100%);
  display:flex;align-items:flex-end;min-height:clamp(150px,17vh,210px);
}
.match-banner-frame > img,.match-banner-frame > picture > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.match-banner-frame .veil{
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(10,28,25,.88) 0%,rgba(10,28,25,.45) 55%,rgba(10,28,25,.1) 100%);
}
.match-banner-copy{position:relative;padding:clamp(20px,3vw,32px);max-width:660px;}
.match-banner-copy .eyebrow{color:var(--sand);}
.match-banner-copy h1{
  font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:clamp(26px,4vw,40px);line-height:1.15;letter-spacing:-.02em;
  color:var(--na-tamnom);margin-top:10px;
}
.match-banner-copy p{
  color:rgba(251,248,242,.86);font-weight:400;font-size:14.5px;
  margin-top:9px;max-width:560px;line-height:1.6;
}
.mhint{
  font-size:13px;color:var(--muted);font-weight:400;line-height:1.6;
  background:var(--cream-2);border:1px solid var(--line);border-left:3px solid var(--sand);
  border-radius:10px;padding:11px 14px;margin-bottom:13px;
}

/* ── PADAJUĆI MENI SA ŠTIKLIRANJEM ────────────────────────────────────── */
.msel{position:relative;}
.msel-btn{
  width:100%;display:flex;align-items:center;gap:8px;cursor:pointer;
  font-family:inherit;font-size:13.5px;color:var(--forest);text-align:left;
  background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:9px 12px;
  transition:border-color .16s;
}
.msel-btn:hover{border-color:var(--line-2);}
.msel-btn[aria-expanded="true"]{border-color:var(--terra);}
.msel-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.msel-val.is-any{color:var(--muted);}
.msel-caret{
  flex:none;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;
  border-top:5px solid var(--muted);
}
.msel-menu{
  position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:40;
  background:var(--white);border:1px solid var(--line);border-radius:12px;
  box-shadow:var(--shadow);padding:5px;max-height:262px;overflow-y:auto;
}
.msel-row{
  display:flex;align-items:center;gap:10px;cursor:pointer;
  padding:8px 10px;border-radius:8px;
  font-size:13.5px;letter-spacing:normal;text-transform:none;
  color:var(--forest);margin:0;
}
.msel-row span{flex:1;min-width:0;}
.msel-row:hover{background:var(--cream-2);}
.msel-row input{accent-color:var(--terra);width:15px;height:15px;cursor:pointer;flex:none;}

/* ── MATCH KUTIJA NA STRANICI DESTINACIJE ─────────────────────────────── */
.mtease{
  display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:20px;align-items:center;
  background:var(--white);border:1px solid var(--line);border-left:4px solid var(--terra);
  border-radius:16px;padding:18px 22px;
}
.mtease.is-empty{border-left-color:var(--sand);}
.mtease-ring{position:relative;width:64px;height:64px;display:block;flex:none;}
.mtease-ring svg{transform:rotate(-90deg);display:block;}
.mtease-n{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',Georgia,serif;font-size:17px;font-weight:600;
  font-variant-numeric:tabular-nums;color:var(--forest);letter-spacing:-.02em;
}
.mtease.is-empty .mtease-n{color:var(--muted);}
.mtease-n i{font-style:normal;font-size:10px;margin-left:1px;opacity:.7;}
.mtease-copy{display:block;min-width:0;}
.mtease-copy strong{
  display:block;font-family:'Fraunces',Georgia,serif;font-weight:500;
  font-size:18.5px;letter-spacing:-.01em;
}
.mtease-copy span{display:block;font-size:13.5px;color:var(--muted);font-weight:400;margin-top:4px;}
.mtease-btn{flex:none;white-space:nowrap;padding:13px 24px;font-size:14px;}
@media (max-width:700px){
  .mtease{grid-template-columns:64px minmax(0,1fr);gap:16px;}
  .mtease-btn{grid-column:1 / -1;justify-content:center;}
}

/* ── Destinacije: filter po tipu mesta (grad / izlet / regija / ostrvo) ── */
/* .card ima svoj display, pa [hidden] mora eksplicitno da ga nadjača. */
.dfilter{flex-wrap:wrap;margin-bottom:18px;}
#d-grid [hidden]{display:none!important;}

/* ══════════════════════════════════════════════════════════════════════
   HACK DANA + red u kom stoji (panel za poklapanje levo, hack desno)
   ══════════════════════════════════════════════════════════════════ */
/* Red je uži odozgo nego obična sekcija, a sekcija posle njega dobija manji
   razmak — inače se dva puta zaredom broji padding i ostane prazna traka. */
/* v12.12: dve klase, ne jedna — `.section{padding-top:clamp(56px,7vw,104px)}`
   niže u fajlu ima istu težinu i stoji kasnije, pa je ovo pravilo bilo mrtvo
   i oko bloka „match" je ostajalo 56–104 px praznog (Vlada, 21.9.2026). */
.section.urow-wrap{padding-top:clamp(14px,1.6vw,20px);}
.section.urow-wrap + .section{padding-top:clamp(16px,2vw,24px);}
.urow-wrap > * + .hackbox{margin-top:16px;}

.hackbox{
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;box-shadow:0 1px 2px rgba(25,59,53,.04);
}
.hackbox-bar{
  background:var(--tamna-podloga);color:var(--na-tamnom);padding:10px 15px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.hackbox-bar b{font-size:10.5px;font-weight:700;letter-spacing:1.4px;color:var(--sand);}
.hackbox-bar span{font-size:11px;color:rgba(251,248,242,.55);font-variant-numeric:tabular-nums;}
.hackbox-body{
  padding:16px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;
  column-gap:26px;align-items:center;
}
.hackbox-main{min-width:0;}
.hackbox-body h3{
  font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:16.5px;
  line-height:1.32;color:var(--forest);
}
.hackbox-body p{font-size:13.5px;line-height:1.65;color:var(--tekst-2);margin-top:8px;}
.hackbox-cost{
  display:inline-flex;align-items:center;margin-top:12px;
  font-size:11.5px;font-weight:600;color:var(--cost-ink);
  background:var(--cost-bg);padding:5px 11px;border-radius:999px;
}
.hackbox-foot{
  display:flex;flex-direction:column;align-items:flex-start;gap:9px;
  padding-left:24px;border-left:1px solid var(--line);
}
@media (max-width:700px){
  .hackbox-body{grid-template-columns:minmax(0,1fr);row-gap:14px;}
  .hackbox-foot{
    flex-direction:row;align-items:center;justify-content:space-between;
    width:100%;gap:10px;padding:12px 0 0;
    border-left:0;border-top:1px solid var(--line);
  }
}
.hack-date{font-size:11.5px;color:var(--muted);}
.hack-nav{display:inline-flex;gap:6px;}
.hack-btn{
  width:32px;height:32px;border-radius:50%;border:1px solid var(--line);
  background:var(--white);color:var(--forest);cursor:pointer;font-size:14px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  transition:background .15s,color .15s,border-color .15s;
}
/* Strelica nazad je narandžasta da se vidi da tu ima šta da se klikne;
   na prelaz prelazi u zelenu. */
.hack-btn--back{background:var(--btn-bg);border-color:var(--terra);color:var(--btn-ink);}
.hack-btn--back:hover{background:var(--tamna-podloga);border-color:var(--tamna-podloga);}
.hack-btn:not(.hack-btn--back):hover{background:var(--cream-2);}
.hack-btn[disabled]{opacity:.35;cursor:default;}
.hack-btn--back[disabled]{background:var(--white);border-color:var(--line);color:var(--forest);}
.hack-btn[disabled]:hover{background:var(--white);color:var(--forest);border-color:var(--line);}

/* ══════════════════════════════════════════════════════════════════
   FAQ (pitanja pre puta) — <details>/<summary>, radi bez JS-a
   ══════════════════════════════════════════════════════════════════ */
.faq{max-width:760px;border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{
  padding:18px 4px;cursor:pointer;list-style:none;
  font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:17px;
  color:var(--forest);display:flex;align-items:center;justify-content:space-between;
  gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"+";flex:none;width:22px;height:22px;border-radius:50%;
  border:1px solid var(--line);color:var(--forest);font-size:15px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  transition:transform .15s,background .15s;
}
.faq-item[open] summary::after{content:"–";background:var(--cream-2);}
.faq-item p{padding:0 4px 18px;color:var(--tekst-2);font-size:14.5px;line-height:1.65;max-width:660px;}

/* ── PODSTRANICE GRADA (v7.18): traka vodiča, tekstualne kartice, plan po danima ── */
.guide-nav{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  padding-top:16px;
}
.gpill{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 14px;border-radius:999px;border:1px solid var(--line);
  background:var(--white);color:var(--forest);font-size:13.5px;font-weight:500;
  text-decoration:none;transition:border-color .2s,color .2s,background .2s;
}
.gpill:hover{border-color:var(--terra);color:var(--terra-tekst);}
.gpill.is-on{background:var(--tamna-podloga);border-color:var(--tamna-podloga);color:#fff;}
.gpill--home{background:var(--cream-2);}
.gpill--home::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--terra);}
.card--guide .body{gap:8px;}
.card--guide .kicker{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--terra-tekst);
}
.card--guide h3{font-size:19px;}
.prose .day{
  margin:34px 0;padding:6px 0 6px 22px;border-left:2px solid var(--line);
}
.prose .day-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;}
.prose .day .dnum{
  display:inline-block;padding:4px 10px;border-radius:999px;background:var(--tamna-podloga);color:#fff;
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;flex:none;
}
.prose .day h3{margin:0;}
.prose .dstep{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:baseline;}
.prose .dstep .dtime{font-size:13px;font-weight:600;color:var(--terra-tekst);font-variant-numeric:tabular-nums;}
.prose .dstep p{margin-bottom:12px;}
@media (max-width:640px){
  .prose .dstep{grid-template-columns:52px 1fr;gap:8px;}
  .prose .day{padding-left:14px;}
}

/* ── U TEKSTU (v7.20): kontekstualni link sa sličicom i izvučeni "short" ── */
a.inlink{
  display:flex;align-items:center;gap:16px;
  margin:30px 0;padding:12px 18px 12px 12px;
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  text-decoration:none;color:inherit;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;
}
a.inlink:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--line-2);}
.inlink-shot{
  flex:none;width:78px;height:78px;border-radius:12px;overflow:hidden;position:relative;
  background:linear-gradient(150deg,#41695F,#D99A62);
}
.inlink-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
a.inlink:hover .inlink-shot img{transform:scale(1.07);}
.inlink-body{display:flex;flex-direction:column;gap:3px;min-width:0;}
.inlink-kicker{
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--terra-tekst);
}
.inlink-hook{font-size:15px;line-height:1.5;font-weight:400;color:var(--muted);}
.inlink-title{
  font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:17.5px;color:var(--forest);
  letter-spacing:-.01em;transition:color .2s;
}
a.inlink:hover .inlink-title{color:var(--terra-tekst);}
.inlink-arrow{color:var(--terra-tekst);font-size:16px;display:inline-block;transition:transform .2s;}
a.inlink:hover .inlink-arrow{transform:translateX(4px);}

.prose .short{
  margin:28px 0;padding:14px 18px 15px 20px;
  background:var(--cream-2);border-left:3px solid var(--terra);border-radius:0 12px 12px 0;
}
.short-label{
  display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:600;color:var(--terra-tekst);margin-bottom:5px;
}
.prose .short p{
  margin:0;font-size:16.5px;line-height:1.65;color:var(--forest);font-weight:400;
}
.prose .short p strong{font-weight:600;}

@media (max-width:640px){
  a.inlink{gap:12px;padding:10px 14px 10px 10px;margin:24px 0;}
  .inlink-shot{width:62px;height:62px;border-radius:10px;}
  .inlink-hook{font-size:14px;}
  .inlink-title{font-size:16px;}
  .prose .short{padding:12px 14px 13px 16px;}
  .prose .short p{font-size:15.5px;}
}


/* ── TELO PODSTRANICE / HUB GRADA (v7.23): tekst + lepljiva traka ──────── */
/* Desno stoje tri kartice (Ukratko, Hack dana, Kreni). Svaka je sticky sa
   top-om većim za 52px od prethodne (--i), pa se dok se skroluje zaključa
   prvo Ukratko, pa preko njega nalegne Hack (Ukratko ostaje da viri kao
   traka), pa preko Hacka CTA. Razmaci .side-gap se rastežu po visini
   članka, da kartice ne stignu sve odjednom. */
.sub-body{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;
  gap:clamp(26px,4vw,54px);align-items:start;
}
.sub-body .prose{grid-column:1;grid-row:1;}
.sub-body .hub-main{grid-column:1;grid-row:1;min-width:0;}
.hub-main .prose{max-width:none;}
.hub-main .prose p{max-width:680px;}
.hub-sec{margin-top:clamp(40px,4.5vw,58px);}
.hub-sec .sec-head{margin-bottom:20px;}
.hub-sec .card--wide{margin-bottom:18px;}
.hub-sec .card--wide .shot{min-height:230px;}
.card--hl .body{gap:8px;}
.card--hl h3{font-size:19px;}
.card--hl .shot{height:180px;}
.card--text .body{justify-content:center;padding:24px 22px;}
.hub-hooks{margin-top:8px;}
.hub-hooks a.inlink{margin:18px 0 0;}

.sub-side{
  grid-column:2;grid-row:1;align-self:stretch;min-width:0;
  display:flex;flex-direction:column;
}
.side-gap{flex:1 1 0;min-height:18px;}
.side-card{
  position:sticky;top:calc(92px + var(--i,0) * 52px);z-index:calc(1 + var(--i,0));
  box-shadow:0 -8px 22px -14px rgba(25,59,53,.35);
}
/* skupljena kartica ispod sledeće: vidi se samo traka sa naslovom (52px).
   Sečenje je clip-path + visibility — raspored (visina) se NE menja, pa
   susedne kartice ne skaču i ekran ne treperi dok se skroluje. */
.side-card{transition:clip-path .25s ease;}
.side-card.is-under{clip-path:inset(0 0 calc(100% - 52px) 0 round 18px);box-shadow:none;}
.side-facts.is-under .qf-list{visibility:hidden;}
.hackbox--side.is-under .hackbox-body{visibility:hidden;}
.side-box{
  background:var(--white);border:1px solid var(--line);border-radius:18px;
  padding:18px 20px;
}
.side-box > .eyebrow{margin-bottom:4px;}
/* Hack dana u traci: tamna kartica, jedna kolona, datum i link u dnu.
   Do v11.1 je bila svetla kutija sa tamnom kapom — izgledala je kao vidzet
   zalepljen sa strane, a nosi nas sadrzaj. Tamna je zato sto je jedina
   kartica u traci koja nesto TVRDI, a ne sto je ukras. */
.hackbox--side{
  border-radius:18px;display:flex;flex-direction:column;
  background:var(--tamna-podloga);border-color:var(--line-2);
  --terra-tekst:#F0916A;
}
.hackbox--side .hackbox-bar{border-bottom:1px solid rgba(247,244,238,.14);}
.hackbox--side .hackbox-body h3{color:var(--na-tamnom);}
.hackbox--side .hackbox-body p{color:rgba(247,244,238,.78);}
.hackbox--side .hack-date{color:rgba(247,244,238,.6);}
.hackbox--side .hack-svi{color:#F0916A;}
.hackbox--side .hackbox-foot{border-top-color:rgba(247,244,238,.16);}
.hackbox--side .hackbox-cost{background:rgba(240,145,106,.16);color:#F5B79C;}
.hackbox--side .hackbox-body{flex:1;display:flex;flex-direction:column;}
.hackbox--side .hackbox-main{flex:1;}
.hackbox--side .hackbox-body{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:16px 18px 16px;}
.hackbox--side .hackbox-body h3{font-size:16px;}
.hackbox--side .hackbox-body p{font-size:13px;line-height:1.6;}
.hackbox--side .hackbox-cost{margin-top:10px;}
.hackbox--side .hackbox-foot{
  flex-direction:row;align-items:center;justify-content:space-between;
  width:100%;gap:10px;padding:12px 0 0;border-left:0;border-top:1px solid var(--line);
}
/* Kreni: slika grada + dugme-naslov */
a.side-cta{
  display:flex;flex-direction:column;padding:0;overflow:hidden;
  text-decoration:none;color:inherit;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s;
}
a.side-cta:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-2);}
.side-cta-shot{
  display:block;position:relative;flex:1 1 150px;min-height:150px;
  background:linear-gradient(150deg,#41695F,#D99A62);overflow:hidden;
}
.side-cta-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
a.side-cta:hover .side-cta-shot img{transform:scale(1.06);}
.side-cta-body{display:flex;flex-direction:column;gap:6px;padding:16px 20px 18px;}
.side-cta-title{
  font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:18px;line-height:1.3;
  color:var(--forest);transition:color .2s;
}
a.side-cta:hover .side-cta-title{color:var(--terra-tekst);}
.side-cta-note{font-size:11.5px;line-height:1.5;color:var(--muted);}

@media (max-width:940px){
  /* minmax(0,1fr), ne 1fr: 1fr je minmax(AUTO,1fr), pa kolona ne može ispod
     min-content najšireg deteta — jedna duga rečenica u tabeli razvuče celu
     stranu preko ekrana telefona i pregledač je odzumira (23.9.2026). */
  .sub-body{grid-template-columns:minmax(0,1fr);gap:0;}
  .sub-body .prose,.sub-body .hub-main{grid-column:1;grid-row:2;}
  /* v10.9: „Ukratko" je do sada išlo PRE teksta, jer su odgovori bili jedino
     tu. Sada ih traka činjenica nosi odmah ispod heroja, pa kartica ide POSLE
     teksta, kao detalj — prva rečenica o mestu dolazi oko 500px ranije. */
  .sub-side{display:contents;}
  .side-gap{display:none;}
  .side-card{position:static;top:auto;box-shadow:none;grid-column:1;}
  .side-facts{grid-row:3;margin-top:34px;}
  .hackbox--side{grid-row:4;margin-top:26px;}
  a.side-cta{display:none;}   /* na mobilnom odmah ispod ide panel "Kreni" */
}

/* ── MREŽA MESTA na stranici zemlje (v8.2) ────────────────────────────── */
/* Ranije je ovde bio .hscroll: na 1140px staju četiri kartice, pa je pet od
   devet mesta postojalo samo ako neko povuče u stranu. Sad se vide sva
   odjednom — slika sa imenom preko nje, bez opisa. */
.mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.mtile{
  position:relative;display:flex;align-items:flex-end;min-height:124px;
  border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;
  background:var(--tamna-podloga);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;
}
.mtile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;}
/* veo samo pri dnu, da ime ima na čemu da stoji a slika ostane slika */
.mtile::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(18,46,41,.74),rgba(18,46,41,.10) 58%,rgba(18,46,41,0) 100%);
}
.mtile span{
  position:relative;z-index:1;padding:10px 13px;
  font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:17px;line-height:1.2;
  text-shadow:0 1px 6px rgba(0,0,0,.4);
}
.mtile:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.mtile:hover img{transform:scale(1.06);}
.mtile--big{grid-column:span 2;grid-row:span 2;min-height:260px;}
.mtile--big span{font-size:25px;padding:14px 17px;}
@media (max-width:940px){
  .mosaic{grid-template-columns:repeat(3,minmax(0,1fr));}
  .mtile--big{min-height:auto;}
}
@media (max-width:600px){
  .mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .mtile{min-height:104px;}
  .mtile span{font-size:15px;padding:9px 11px;}
  /* na telefonu velika pločica ne sme da pojede ceo ekran */
  .mtile--big{grid-column:span 2;grid-row:auto;min-height:150px;}
  .mtile--big span{font-size:20px;}
}

/* ── SADRŽAJ PRIČE u traci (v8.2) ─────────────────────────────────────── */
/* Pravi se iz međunaslova koji već postoje u tekstu — ništa se ne dopisuje. */
.side-toc .toc{display:flex;flex-direction:column;margin-top:6px;}
.toc-item{
  display:block;padding:6px 0 6px 11px;border-left:1.5px solid var(--line);
  font-size:13px;line-height:1.45;color:var(--muted);text-decoration:none;
  transition:color .18s,border-color .18s;
}
.toc-item:hover{color:var(--forest);border-left-color:var(--terra);}
.side-toc.is-under .toc{visibility:hidden;}

/* ── PILULE NAMERA U BANERU (v8.2) ────────────────────────────────────── */
/* Pravougaone sa 10px — isti jezik kao kartice (18px) i pločice mesta, a ne
   999px kao dugmad; oblik dugmeta je preko slike izgledao kao kontrola koja
   lebdi. Prva pilula je godišnje doba i nosi peščanu ivicu. */
.ipick{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
/* Do v11.1 je ovde stajalo `max-width:960px` za blok sa pilulama. Otkad
   naslov stoji na podlozi (a ne na fotografiji), taj blok ima punu sirinu
   sadrzaja — suzavanje ga je centriralo i pomeralo 90px udesno od ploce i
   svih sekcija ispod. Pilule staju i u 1140px. */
.ichip{
  font:inherit;font-size:13.5px;line-height:1.2;cursor:pointer;
  padding:8px 14px;border-radius:10px;
  color:var(--forest);background:var(--white);
  border:1px solid var(--line);
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.ichip:hover{border-color:var(--terra);transform:translateY(-1px);}
/* Izabrana pilula uzima ispunu dugmeta, jer je to jedini par boja koji se
   OKRECE sa temom: u svetloj tamna terakota + belo slovo, u tamnoj svetla
   terakota + tamno slovo. `--tamna-podloga` je u tamnoj temi #0B1614, sto je
   tamnije od same stranice — izabrana pilula je izgledala neizabrano. */
.ichip.is-on{background:var(--btn-bg);border-color:var(--btn-bg);
  color:var(--btn-ink);}
.ichip-n{
  margin-left:8px;font-size:11.5px;font-weight:600;letter-spacing:.02em;
  opacity:.62;font-variant-numeric:tabular-nums;
}
.ichip.is-on .ichip-n{opacity:.78;}
.ipick-glava{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;margin-top:26px;
}
.ipick-lab{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--muted);
}
/* v11.8: kalkulator je jedina stvar koju sajt ima a konkurencija nema, a stajao
   je kao sivkast tekstualni link pored pilula. Isti tekst, težina dugmeta —
   nosi ga postojeće `.btn .btn--sm`, koje već ima ispravan kontrast u obe
   teme (`--btn-bg` / `--btn-ink`). Ovde ostaje samo mera. */
.ipick-sve{padding:8px 16px;font-size:12.5px;}
.ipick{margin-top:10px;}
/* Traka brojki na pocetnoj: isti objekat kao traka cinjenica na mestu, samo
   bez granice od tri polja — ovde su cetiri i sva cetiri su podatak. */
.cinjenice--pocetna{margin-top:24px;}
@media (max-width:720px){.cinjenice--pocetna{grid-template-columns:1fr 1fr;}}
.ichip:focus-visible{outline:2px solid var(--forest);outline-offset:2px;}
@media (max-width:560px){
  .ipick{gap:6px;margin-top:14px;}
  .ichip{font-size:12.5px;padding:7px 11px;}
}

/* link „sve priče“ ispod reda kartica */
.sec-more{margin-top:20px;}
a.inlink-more{
  color:var(--forest);text-decoration:none;font-size:14.5px;font-weight:500;
  display:inline-flex;align-items:center;gap:8px;
  border-bottom:1.5px solid var(--line);padding-bottom:3px;transition:color .2s,border-color .2s;
}
a.inlink-more:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}

/* ── IZBOR MESECA na početnoj (v8.2) ──────────────────────────────────── */
/* Jedno mesto, veliko, sa razlogom zašto baš sad — umesto reda od trinaest
   jednakih kartica u kojem ništa nije važnije od ostalog. */
a.feature{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  background:var(--tamna-podloga);color:#EFE9DC;border-radius:var(--radius);
  overflow:hidden;text-decoration:none;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;
}
a.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.feature-shot{position:relative;min-height:280px;overflow:hidden;}
.feature-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s;}
a.feature:hover .feature-shot img{transform:scale(1.05);}
.feature-body{
  padding:clamp(24px,3.4vw,40px);display:flex;flex-direction:column;
  gap:12px;justify-content:center;
}
.feature-body .eyebrow{color:var(--sand);}
.feature-title{font-size:clamp(26px,3.4vw,36px);line-height:1.1;font-weight:500;}
.feature-text{font-size:15.5px;line-height:1.7;font-weight:400;color:rgba(239,233,220,.86);}
.feature-go{
  margin-top:6px;font-size:14.5px;font-weight:500;color:var(--sand);
  display:inline-flex;align-items:center;gap:8px;
}
a.feature:hover .feature-go .inlink-arrow{transform:translateX(4px);}
@media (max-width:820px){
  a.feature{grid-template-columns:1fr;}
  .feature-shot{min-height:200px;}
}

/* ── „ŠTA SAD" — tri koraka na kraju priče (v9.1) ─────────────────────── */
.koraci{list-style:none;counter-reset:k;margin:0 0 26px;padding:0;max-width:720px;}
.koraci li{
  counter-increment:k;position:relative;padding:11px 0 11px 42px;
  border-bottom:1px solid var(--line);font-size:16px;line-height:1.6;color:var(--tekst-2);
}
.koraci li:last-child{border-bottom:none;}
.koraci li::before{
  content:counter(k,decimal-leading-zero);position:absolute;left:0;top:12px;
  font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;
  color:var(--terra-tekst);letter-spacing:.08em;
}
@media (max-width:560px){ .koraci li{font-size:15px;padding-left:34px;} }

/* ── TRAKA BEZ ŠPILA (v9.2) ───────────────────────────────────────────── */
/* Na priči je prva kartica sadržaj priče. Špil je skupljao baš nju čim Hack
   dana stigne do nje, pa je klik na stavku sadržaja izgledao kao da su se
   kartice preklopile — i navigacija je nestajala tačno kad se koristi. */
.sub-side--prosto{display:flex;flex-direction:column;gap:22px;}
/* v12.2: z-index:auto — kartice su flex elementi, pa im je z-index iz špila
   (2, 3, 4) pravio sopstveni sloj i kad nisu lepljive: „Kenija na sajtu",
   savet i „Kreni" su prelazili PREKO lepljivog sadržaja priče. */
.sub-side--prosto .side-card{position:static;box-shadow:none;clip-path:none;z-index:auto;}
.sub-side--prosto > .side-card:first-child{position:sticky;top:92px;}
.toc-item.is-here{color:var(--forest);border-left-color:var(--terra);font-weight:500;}
@media (max-width:940px){
  .sub-side--prosto{display:contents;}
  .sub-side--prosto .side-toc{grid-row:1;margin-bottom:28px;}
}

/* ── POČETNA: zbijenije sekcije i znak da se pilule smenjuju (v9.2) ────── */
/* Sekcije na početnoj su bile na istom razmaku kao na dugačkim tekstualnim
   stranicama, pa je između blokova ostajalo previše belog. */
.section--zbito{padding-top:clamp(34px,4vw,52px);}
.ichip{position:relative;}
/* tanka peščana linija ispod AKTIVNE pilule — puni se 20 s, koliko traje smena;
   traka preko cele širine je bila previše, ovo je jedva primetno a dovoljno */
.ichip.is-on::after{
  content:"";position:absolute;left:10px;right:10px;bottom:-6px;height:2px;
  background:var(--sand);border-radius:2px;transform:scaleX(0);transform-origin:left;
}
.ichip.is-on.tece::after{animation:ipick-tece 10s linear forwards;}
@keyframes ipick-tece{ to{transform:scaleX(1);} }
.ipick-fade{transition:opacity .2s ease;}
@media (prefers-reduced-motion:reduce){
  .ichip.is-on.tece::after{animation:none;}
  .ipick-fade{transition:none;}
}
/* predlozi na početnoj: tri kartice u redu traže i višu sliku */
#ipick-grid .card .shot{height:250px;}
@media (max-width:940px){ #ipick-grid .card .shot{height:210px;} }


/* ══════════════════════════════════════════════════════════════════════
   MAPE (v9.4) — traka ka mapi u sadržaju i stranica „Pinuj posećeno“
   ══════════════════════════════════════════════════════════════════════ */

/* ── traka u sadržaju: mesto, zemlja, priča ───────────────────────── */
.mapblok{
  display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:18px;align-items:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:15px 28px;margin:30px auto;
}
@media (max-width:700px){
  .mapblok{grid-template-columns:96px minmax(0,1fr);row-gap:12px;}
  .mapblok-akcije{grid-column:1 / -1;}
}
@media (max-width:560px){ .mapblok{padding-left:20px;padding-right:20px;} }
.mapblok-mini{position:relative;display:block;border-radius:10px;overflow:hidden;
  border:1px solid var(--line);background:var(--more);line-height:0;}
.mapblok-mini img{width:100%;height:auto;display:block;}
.mapblok-tacke{position:absolute;inset:0;width:100%;height:100%;}
.mapblok-tacke circle{fill:var(--terra);}
.mapblok-txt{min-width:0;}
.mapblok-k{font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);}
.mapblok-txt h3{font-size:16.5px;font-weight:500;letter-spacing:-.015em;margin:4px 0 3px;}
.mapblok-txt p{font-size:13px;color:var(--muted);font-weight:400;margin:0;line-height:1.5;}
.mapblok-txt a{color:inherit;text-decoration:none;border-bottom:1.5px solid var(--line-2, var(--line-2));
  transition:color .15s,border-color .15s;}
.mapblok-txt a:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.mapblok-txt p a{border-bottom-color:var(--line);}
.mapblok-akcije{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.mapblok-dugme{
  font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;
  background:none;border:1px solid var(--line);border-radius:999px;padding:7px 14px;
  color:var(--forest);text-decoration:none;display:inline-flex;align-items:center;gap:6px;
  transition:border-color .16s,color .16s,background .16s;
}
.mapblok-dugme:hover{border-color:var(--terra);color:var(--terra-tekst);}
.mapblok-dugme.puno{background:var(--btn-bg);border-color:var(--terra);color:var(--btn-ink);}
.mapblok-dugme.puno:hover{background:var(--terra-dark);color:#fff;}
.mapblok-dugme .kvaka{display:none;}
.mapblok-dugme.pinovano{background:var(--cream-2);border-color:var(--terra);color:var(--terra-tekst);}
.mapblok-dugme.pinovano .kvaka{display:inline;}

/* ── stranica „Pinuj posećeno“ ────────────────────────────────────── */
/* v10.5: naslov, dek i brojke su zbijeni da mapa uđe u prvi ekran. Pre toga
   je iznad nje stajalo 460 px naslova i kartica, pa se od mape na laptopu
   videla samo gornja ivica. */
.bio-uvod{padding-top:clamp(12px,1.4vw,18px);padding-bottom:0;}
.bio-uvod h1{margin:4px 0 0;font-size:clamp(27px,3.2vw,38px);}
.bio-uvod .dek{margin:6px 0 0;max-width:80ch;font-size:14.5px;color:var(--muted);font-weight:400;}

.bio-brojke{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:13px;}
@media (max-width:1050px){ .bio-brojke{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:620px){ .bio-brojke{grid-template-columns:repeat(2,minmax(0,1fr));} }
.bio-brojke .bk{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:9px 12px 10px;}
.bio-brojke .k{font-size:9.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);}
.bio-brojke .v{font-family:'Fraunces',Georgia,serif;font-size:23px;font-weight:500;letter-spacing:-.03em;
  line-height:1.05;margin-top:3px;font-variant-numeric:tabular-nums;}
.bio-brojke .v small{font-size:12px;color:var(--muted);font-weight:400;margin-left:2px;}
.bio-brojke .d{font-size:11px;color:var(--muted);font-weight:400;margin-top:3px;line-height:1.35;}
.bio-brojke .traka{height:4px;border-radius:99px;background:var(--cream-2);margin-top:7px;overflow:hidden;}
.bio-brojke .traka i{display:block;height:100%;background:var(--terra);border-radius:99px;transition:width .5s ease;}

.bio-split{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:15px;margin-top:12px;
  align-items:start;}
@media (max-width:1000px){ .bio-split{grid-template-columns:1fr;} }
/* Mapa drži svoj odnos stranica (Equal Earth je 1000x487), pa panel pored nje
   može da se rastegne na istu visinu bez da se njih dvoje uzajamno guraju. */
.bio-mapa{position:relative;background:var(--more);border:1px solid var(--line);border-radius:18px;
  overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1000/487;}
.bio-mapa svg{display:block;width:100%;height:100%;}
.bio-mapa .more{fill:var(--more);}
.bio-mapa .z{fill:var(--kopno);stroke:var(--obala);stroke-width:.5;vector-effect:non-scaling-stroke;
  transition:fill .3s;cursor:pointer;}
.bio-mapa .z:hover{fill:var(--kopno-nase);}
.bio-mapa .z.nase{fill:var(--kopno-nase);}
.bio-mapa .z.bio{fill:var(--kopno-bio);}
/* v11.5: beo prsten oko svake tacke je na snimljenoj slici izgledao kao
   prazan kruzic sa narandzastim obodom. Obod ostaje, ali providan — on je
   meta za prst, ne ukras. */
.bio-mapa circle{stroke:rgba(0,0,0,0);stroke-width:2.5;vector-effect:non-scaling-stroke;
  pointer-events:none;}
/* v10.5: tačke se klikću — grad se pinuje sa mape, ne samo iz spiska desno.
   `all` umesto podrazumevanog: pogađa se i beli obod, ne samo ispuna. */
.bio-mapa circle[data-g],.bio-mapa circle[data-m]{pointer-events:all;cursor:pointer;}
.bio-mapa .t-nase{fill:var(--terra);opacity:.5;}
.bio-mapa .t-nase.bio{opacity:1;}
.bio-mapa .t-grad{fill:var(--hladno);}
/* Gradovi sveta se pojave tek na zumu i tiši su od naših mesta, da mapa i
   dalje prvo pokazuje ono o čemu pišemo. Providan obod od 5px nije ukras nego
   meta za miš: tačka je široka šest piksela, a `pointer-events:all` hvata i
   obod, pa se u nju pogađa i sa pet piksela promašaja. */
.bio-mapa .t-svet{fill:var(--hladno);opacity:.42;stroke:rgba(0,0,0,0);stroke-width:5;}
.bio-mapa .t-svet:hover{opacity:.95;}
.bio-kolona{display:flex;flex-direction:column;min-width:0;}
/* v10.8: uputstvo je izaslo iz mape — stajalo je preko obojene zemlje. */
/* 10. 9. 2026: u traci su i dugmad za deljenje (levo), uputstvo desno. */
.bio-ui{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:8px 16px;}
.bio-zum{position:absolute;right:12px;top:12px;z-index:3;display:flex;gap:6px;}
.bio-zum button{width:32px;height:32px;font-family:inherit;font-size:16px;line-height:1;cursor:pointer;
  background:var(--staklo);border:1px solid var(--line);border-radius:9px;color:var(--forest);}
.bio-zum button:hover{border-color:var(--line-2);color:var(--terra-tekst);}
.bio-mapa svg{cursor:grab;}
.bio-mapa svg.vuce{cursor:grabbing;}
.bio-mapa svg.vuce .z{cursor:grabbing;}
.bio-mapa.zum svg{touch-action:none;}
.bio-info{font-size:11px;color:var(--muted);letter-spacing:.01em;}
.bio-info i{font-style:normal;color:var(--terra-tekst);margin-right:3px;}
.bio-legenda{position:absolute;right:12px;bottom:12px;display:flex;gap:12px;
  background:var(--staklo);border:1px solid var(--line);border-radius:12px;
  padding:7px 12px;font-size:11px;color:var(--forest);}
.bio-legenda span{display:inline-flex;align-items:center;gap:6px;}
.bio-legenda i{width:10px;height:10px;border-radius:3px;display:inline-block;}
.bio-legenda .l-bio{background:var(--kopno-bio);}
.bio-legenda .l-nase{background:var(--terra);}
.bio-legenda .l-grad{background:var(--hladno);}
.bio-tip{position:absolute;z-index:12;pointer-events:none;opacity:0;transition:opacity .15s;
  background:var(--white);border:1px solid var(--line);border-radius:11px;padding:7px 11px;
  font-size:12.5px;box-shadow:var(--shadow);white-space:nowrap;}
.bio-tip.on{opacity:1;}
.bio-tip small{display:block;color:var(--muted);font-size:11px;font-weight:400;}
.bio-tip .tip-vise{margin-top:3px;color:var(--terra-tekst);font-weight:500;}

/* Panel je otprilike visine mape (mapa je 1000x487, u ovoj koloni ~360 px), a
   spisak skroluje unutar njega. Bez ovog ograničenja spisak od 211 zemalja bi
   razvukao red i stranica bi imala metar praznog hoda. */
.bio-panel{background:var(--white);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:var(--shadow);display:grid;grid-template-rows:auto auto minmax(0,1fr);
  min-height:0;max-height:min(62vh,400px);}
.bio-tabovi{display:flex;border-bottom:1px solid var(--line);}
.bio-tabovi button{flex:1;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;
  background:none;border:0;padding:11px 4px;color:var(--muted);border-bottom:2px solid transparent;
  white-space:nowrap;}
.bio-tabovi button.on{color:var(--forest);border-bottom-color:var(--terra);}
.bio-tabovi .br{display:inline-block;min-width:16px;margin-left:4px;padding:1px 4px;border-radius:999px;
  font-size:10px;font-weight:600;background:var(--cream-2);color:var(--muted);font-variant-numeric:tabular-nums;}
.bio-tabovi button.on .br{background:var(--btn-bg);color:var(--btn-ink);}
.bio-trazi{padding:11px 13px;border-bottom:1px solid var(--line);}
.bio-trazi input{width:100%;font-family:inherit;font-size:13.5px;color:var(--forest);
  background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:9px 12px;}
.bio-spisak{overflow-y:auto;}
.bio-stavka{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center;
  width:100%;text-align:left;font-family:inherit;background:none;border:0;cursor:pointer;
  padding:8px 13px;border-bottom:1px solid var(--line);color:inherit;font-size:13.5px;transition:background .14s;}
.bio-stavka:hover{background:var(--cream);}
.bio-stavka .box{width:17px;height:17px;border:1.5px solid var(--line-2);border-radius:5px;
  display:grid;place-items:center;transition:background .16s,border-color .16s;}
.bio-stavka.bio .box{background:var(--terra);border-color:var(--terra);}
.bio-stavka .box svg{width:11px;height:11px;opacity:0;}
.bio-stavka.bio .box svg{opacity:1;}
.bio-stavka .ime{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bio-stavka.bio .ime{font-weight:600;}
.bio-stavka .ime small{display:block;color:var(--muted);font-size:11px;font-weight:400;}
/* v12.2: ikonica strane („ima svoju stranicu“) umesto zvezdice */
.bio-stavka .zvez{color:var(--terra-tekst);display:inline-flex;align-items:center;}
.bio-stavka .zvez svg{width:14px;height:14px;display:block;}
.bio-prazno{padding:22px 15px;text-align:center;color:var(--muted);font-size:12.5px;font-weight:400;}

.bio-dole{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:15px;margin-top:15px;}
.bio-kutija{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:15px 17px 17px;}
.bio-kutija h2{font-size:17px;font-weight:500;margin:0 0 3px;letter-spacing:-.015em;}
.bio-kutija .pod{font-size:12.5px;color:var(--muted);font-weight:400;margin:0 0 13px;}
.bio-redovi{display:flex;flex-direction:column;gap:8px;}
.bio-redovi .rd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:baseline;
  font-size:13.5px;padding-bottom:8px;border-bottom:1px solid var(--line);}
.bio-redovi .rd:last-child{border-bottom:0;padding-bottom:0;}
.bio-redovi .l{color:var(--muted);font-weight:400;}
.bio-redovi .l b{color:var(--forest);font-weight:600;}
.bio-redovi .r{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.bio-znacke{display:flex;flex-wrap:wrap;gap:7px;}
.bio-znacke .zn{display:inline-flex;align-items:center;gap:7px;background:var(--cream);
  border:1px solid var(--line);border-radius:11px;padding:7px 12px;font-size:12.5px;color:var(--terra-tekst);}
.bio-znacke .zn b{color:var(--forest);font-weight:600;}
.bio-znacke .zn svg{width:17px;height:17px;flex:none;}
.bio-znacke .zn.zakljucana{opacity:.4;color:var(--muted);}

.bio-deli{background:var(--white);border:1px solid var(--line);border-radius:18px;
  padding:16px 18px 18px;margin-top:15px;}
.bio-deli h2{font-size:15px;font-weight:500;margin:0 0 10px;}
.bio-dugmad{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
/* v11.4: ikona umesto ispisanog imena — sedam reci je zauzimalo dva reda i
   pola telefonskog ekrana; ime radnje živi u title/aria-label. */
.bio-soc{display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;padding:0;font-family:inherit;text-decoration:none;
  cursor:pointer;border-radius:50%;border:1px solid var(--line);
  background:var(--cream);color:var(--forest);
  transition:transform .16s,border-color .16s,color .16s;}
.bio-soc svg{width:19px;height:19px;display:block;}
.bio-soc:hover{transform:translateY(-1px);border-color:var(--terra);color:var(--terra-tekst);}
.bio-soc--tiho{color:var(--muted);}
/* v11.5: brend boje — ikonica se prepoznaje pre nego sto se procita. */
.bio-soc--wa{color:#25D366;}
.bio-soc--vb{color:#7360F2;}
.bio-soc--fb{color:#1877F2;}
.bio-soc--x{color:#0F1419;}
:root[data-tema="tamna"] .bio-soc--x{color:#E7E9EA;}
.bio-soc--wa:hover,.bio-soc--vb:hover,.bio-soc--fb:hover,.bio-soc--x:hover{color:inherit;}
.bio-soc--wa:hover{color:#1FB855;} .bio-soc--vb:hover{color:#5B49D6;}
.bio-soc--fb:hover{color:#0C63D4;}

/* Traka za deljenje ispod mape (10. 9. 2026). Do tada je stajala u donjem
   levom uglu mape, a redizajn v12 je tu premestio legendu, pa ju je pokrivala;
   na telefonu je stajala gore levo, preko Evrope. */
/* Mapa iz tuđeg linka (11. 9. 2026): traka iznad svega, dok posetilac ne
   izabere „Napravi svoju“ ili „Ovo je moja“. Klik na mapu je tada ne menja
   nego je trgne, da se vidi šta treba izabrati. */
.bio-deljena{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:12px 20px;margin-top:clamp(18px,2.4vw,28px);padding:14px 18px;
  background:var(--cream-2);border:1px solid var(--line-2);}
/* display:flex iz klase pobedjuje UA pravilo za [hidden] — u v12.7.2 je traka
   zato stajala na svakoj poseti, prazna, i kad niko nije poslao link. */
.bio-deljena[hidden]{display:none;}
.bd-tekst{margin:0;font-size:14px;color:var(--muted);line-height:1.45;}
.bd-tekst b{color:var(--forest);font-weight:600;margin-right:4px;}
.bd-dugmad{display:flex;flex-wrap:wrap;gap:8px;}
.bio-deljena.trese{animation:bd-trese .45s ease;}
@keyframes bd-trese{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){ .bio-deljena.trese{animation:none;outline:2px solid var(--terra);} }
/* „Jesi li bio ovde?“ ispod mape, dok je pinova manje od deset */
.bio-predlozi{margin-top:14px;}
.bp-nasl{margin:0 0 8px;font-size:13px;color:var(--muted);}
.bp-nasl b{color:var(--forest);font-weight:600;margin-right:4px;}
.bp-cipovi{display:flex;flex-wrap:wrap;gap:6px;}
.bp-cip{display:inline-flex;align-items:baseline;gap:6px;font-family:inherit;font-size:13px;
  color:var(--forest);background:var(--cream);border:1px solid var(--line-2);border-radius:999px;
  padding:6px 12px;cursor:pointer;transition:border-color .15s,color .15s;}
.bp-cip::before{content:"+";color:var(--terra-tekst);font-weight:600;}
.bp-cip small{font-size:11px;color:var(--muted);}
.bp-cip:hover{border-color:var(--terra);color:var(--terra-tekst);}
.bio-deli-red .bio-dugmad{gap:6px;}
.bio-deli-red .bio-soc{width:32px;height:32px;}
.bio-deli-red .bio-soc svg{width:16px;height:16px;}
/* v12.2: sistemsko „podeli“ — jedino dugme koje salje i sliku; ide prvo, u boji
   dugmeta sajta (stoji posle .bio-deli-red .bio-soc, inace ga ono pregazi) */
.bio-deli-red .bio-soc--podeli{background:var(--forest);color:var(--cream);border-color:var(--forest);}
.bio-deli-red .bio-soc--podeli:hover{color:var(--cream);border-color:var(--forest);}
.bio-soc.ura{border-color:var(--terra);color:var(--terra-tekst);}
.bio-soc.radi{opacity:.45;pointer-events:none;}
.bio-link{font-size:11.5px;color:var(--muted);font-weight:400;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--cream);
  border:1px solid var(--line);border-radius:9px;padding:8px 11px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:190px;}
.bio-izvori{font-size:11.5px;color:var(--muted);font-weight:400;line-height:1.6;
  margin:18px 0 0;max-width:80ch;}
.bio-izvori a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;}
.bio-izvori a:hover{color:var(--terra-tekst);}

/* ── mape: mobilni (odatle dolazi većina posetilaca) ───────────────── */
@media (max-width:1000px){
  .bio-panel{max-height:60vh;}
  .bio-spisak{-webkit-overflow-scrolling:touch;}
}
@media (max-width:700px){
  /* Zum dugmad na uskom ekranu stoje jedno ispod drugog, a natpis levo od njih
     dobija granicu — bez toga su se preklapali i natpis se nije video. */
  .bio-zum{flex-direction:column;}
  .bio-zum button{width:34px;height:34px;}
  .bio-ui{text-align:left;}
  .bio-info{display:inline-block;line-height:1.35;}
  /* Mapa ide od ivice do ivice — na 390px svaki piksel širine vredi, jer joj
     visina ide iz širine. Spisak dobija svoju visinu i skroluje unutra, da ne
     bude tri puta viši od mape kao u prvoj verziji. */
  .bio-mapa{margin-left:-18px;margin-right:-18px;border-radius:0;border-left:0;border-right:0;}
  .bio-split{gap:12px;}
  /* Na telefonu prvo ide alat (mapa i pretraga), pa tek onda brojke — inače
     posetilac skroluje kroz pet praznih kartica pre nego što išta pinuje. */
  .bio-stranica{display:flex;flex-direction:column;}
  .bio-split{order:1;}
  /* v11.5: upozorenje ide odmah ispod mape. Bez svog `order` je padalo na
     nulu, pa je na telefonu stajalo iznad svega — a pisano je za trenutak
     kad covek vidi da je nesto pinovao. */
  .bio-cuvaj{order:2;}
  .bio-brojke{order:3;}
  .bio-dole{order:4;}
  .bio-izvori{order:5;}
  .bio-deli-red .bio-soc{width:36px;height:36px;}        /* veća meta za prst */
  .bio-brojke{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;}
  .bio-brojke .bk{padding:10px 12px 11px;}
  .bio-brojke .v{font-size:23px;margin-top:3px;}
  .bio-brojke .d{font-size:10.5px;line-height:1.35;}
  .bio-brojke .traka{margin-top:7px;}
  .bio-legenda{right:8px;bottom:8px;gap:9px;padding:6px 9px;font-size:10.5px;}
  .bio-info{font-size:11px;padding:5px 11px;}
  .bio-tabovi button{padding:13px 4px;font-size:12px;}     /* veća meta za prst */
  .bio-stavka{padding:11px 13px;}                           /* isto */
  .bio-stavka .box{width:19px;height:19px;}
  .bio-panel{max-height:none;}
  .bio-spisak{max-height:38vh;overflow-y:auto;}
  .bio-dole{gap:11px;}
  .bio-dugmad{gap:7px;}
  .bio-soc{width:36px;height:36px;}
  .bio-link{order:9;flex-basis:100%;}
  .bio-uvod .dek{font-size:14.5px;}
}
@media (max-width:560px){
  .bio-brojke{grid-template-columns:1fr 1fr;}
  .mapblok{grid-template-columns:74px minmax(0,1fr);gap:12px;}
  .mapblok-txt h3{font-size:15px;}
  .mapblok-dugme{padding:9px 15px;}
}


/* ── mapa na stranici „Pronađi destinaciju" (v9.4.1) ───────────────── */
.mm-poziv{
  display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);margin-top:18px;
  background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  cursor:pointer;text-align:left;font-family:inherit;color:inherit;width:100%;padding:0;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.mm-poziv:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px);}
.mm-poziv:hover .mm-dugme{background:var(--btn-bg);color:var(--btn-ink);border-color:var(--terra);}
@media (max-width:700px){ .mm-poziv{grid-template-columns:1fr;} }
.mm-mini{position:relative;background:var(--more);border-right:1px solid var(--line);line-height:0;}
@media (max-width:700px){ .mm-mini{border-right:0;border-bottom:1px solid var(--line);height:150px;} }
.mm-mini svg{display:block;width:100%;height:100%;}
.mm-txt{padding:14px 17px 15px;display:flex;flex-direction:column;gap:6px;justify-content:center;}
.mm-k{font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);}
.mm-h{font-size:17px;font-weight:500;letter-spacing:-.015em;}
.mm-p{font-size:13px;color:var(--muted);font-weight:400;line-height:1.5;max-width:52ch;}
.mm-p b{color:var(--forest);font-weight:600;}
.mm-dugme{align-self:flex-start;margin-top:3px;font-size:12.5px;font-weight:600;padding:7px 15px;
  border:1px solid var(--line);border-radius:999px;background:var(--cream);color:var(--forest);
  transition:background .18s,color .18s,border-color .18s;}

.mm-prekidac{
  display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-size:13px;cursor:pointer;
  background:var(--white);border:1px solid var(--line);border-radius:999px;padding:7px 15px 7px 9px;
  color:var(--muted);margin:0 0 12px;transition:border-color .16s,color .16s;
}
.mm-prekidac:hover{border-color:var(--line-2);color:var(--forest);}
.mm-prekidac .sklop{width:32px;height:18px;border-radius:99px;background:var(--cream-2);position:relative;
  transition:background .2s;flex:none;}
.mm-prekidac .sklop i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;
  background:var(--white);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s;}
.mm-prekidac.on{border-color:var(--terra);color:var(--forest);}
.mm-prekidac.on .sklop{background:var(--terra);}
.mm-prekidac.on .sklop i{transform:translateX(14px);}

.mm-modal{position:fixed;inset:0;z-index:100;display:none;}
.mm-modal.on{display:block;}
.mm-zavesa{position:absolute;inset:0;background:rgba(9,20,18,.62);}
.mm-okvir{position:absolute;inset:clamp(8px,2.2vw,26px);background:var(--cream);
  border:1px solid var(--line);border-radius:20px;overflow:hidden;display:grid;
  grid-template-rows:auto minmax(0,1fr);box-shadow:0 40px 90px -30px rgba(0,0,0,.6);}
.mm-glava{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);
  background:var(--white);flex-wrap:wrap;}
.mm-glava h2{font-size:18px;font-weight:500;margin:0;}
.mm-rez{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
.mm-zatvori{margin-left:auto;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;
  background:var(--cream-2);border:1px solid var(--line);border-radius:999px;padding:8px 16px;color:var(--forest);}
.mm-zatvori:hover{background:var(--btn-bg);border-color:var(--terra);color:var(--btn-ink);}
.mm-telo{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:0;}
@media (max-width:900px){ .mm-telo{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;} }
.mm-platno{position:relative;background:var(--more);overflow:hidden;}
.mm-svg{display:block;width:100%;height:100%;touch-action:none;cursor:grab;}
.mm-svg.vuce{cursor:grabbing;}
.mm-svg .kopno{fill:var(--kopno);stroke:var(--obala);stroke-width:.6;vector-effect:non-scaling-stroke;}
.mm-svg .kopno.nase{fill:var(--kopno-nase);}
.mm-tacka{cursor:pointer;}
.mm-tacka circle.halo{fill:var(--terra);opacity:0;}
.mm-tacka.top circle.halo{opacity:.24;}
.mm-tacka circle.jezgro{stroke:#fff;stroke-width:1.2;vector-effect:non-scaling-stroke;}
.mm-tacka.bio circle.jezgro{stroke-dasharray:2 2;}
.mm-tacka text.br{font-family:'Fraunces',Georgia,serif;fill:#fff;text-anchor:middle;
  dominant-baseline:central;pointer-events:none;font-weight:600;
  paint-order:stroke;stroke:rgba(90,35,18,.5);stroke-width:2px;}
.mm-tacka text.ime{font-family:'Inter',sans-serif;fill:var(--forest);text-anchor:middle;
  pointer-events:none;font-weight:600;paint-order:stroke;stroke:var(--kopno);stroke-width:2.6px;}
.mm-klaster{cursor:pointer;}
.mm-klaster circle.k1{fill:var(--terra);opacity:.18;}
.mm-klaster circle.k2{fill:var(--terra);stroke:#fff;stroke-width:1.4;vector-effect:non-scaling-stroke;}
.mm-klaster text{font-family:'Fraunces',Georgia,serif;fill:#fff;text-anchor:middle;
  dominant-baseline:central;pointer-events:none;font-weight:600;}
.mm-veza{fill:none;stroke:var(--terra);stroke-width:1.4;stroke-dasharray:4 4;opacity:.55;
  vector-effect:non-scaling-stroke;}
.mm-ui{position:absolute;left:13px;top:13px;display:flex;flex-direction:column;gap:8px;z-index:3;}
.mm-legenda{background:var(--staklo);border:1px solid var(--line);border-radius:12px;
  padding:9px 12px 10px;font-size:11px;color:var(--forest);}
.mm-lk{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:6px;}
.mm-skala{display:flex;align-items:center;gap:7px;}
.mm-skala i{font-style:normal;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;}
.mm-traka{width:100px;height:7px;border-radius:99px;display:inline-block;
  background:linear-gradient(90deg,#C9C4B6,#E0A481,var(--terra));}
.mm-zum{display:flex;gap:6px;}
.mm-zum button{width:32px;height:32px;font-family:inherit;font-size:16px;line-height:1;cursor:pointer;
  background:var(--staklo);border:1px solid var(--line);border-radius:9px;color:var(--forest);}
.mm-zum button.sirok{width:auto;padding:0 11px;font-size:11px;}
.mm-zum button:hover{border-color:var(--line-2);color:var(--terra-tekst);}
.mm-trazi{position:absolute;left:50%;top:13px;transform:translateX(-50%);z-index:4;font-family:inherit;
  font-size:13px;font-weight:600;cursor:pointer;padding:10px 18px;background:var(--white);
  border:1px solid var(--line-2);border-radius:999px;color:var(--forest);
  box-shadow:0 8px 24px -12px rgba(25,59,53,.5);display:none;}
.mm-trazi.on{display:inline-flex;}
.mm-trazi:hover{background:var(--btn-bg);border-color:var(--terra);color:var(--btn-ink);}
.mm-podrucje{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);z-index:4;display:none;
  align-items:center;gap:9px;font-size:12.5px;background:var(--staklo);
  border:1px solid var(--line);border-radius:999px;padding:6px 8px 6px 15px;color:var(--forest);}
.mm-podrucje.on{display:inline-flex;}
.mm-podrucje button{font-family:inherit;cursor:pointer;border:0;border-radius:50%;width:20px;height:20px;
  font-size:13px;line-height:1;background:var(--cream-2);color:var(--muted);}
.mm-podrucje button:hover{background:var(--btn-bg);color:var(--btn-ink);}
.mm-tip{position:absolute;z-index:12;pointer-events:none;opacity:0;transform:translateY(4px);
  transition:opacity .16s,transform .16s;width:206px;background:var(--white);border:1px solid var(--line);
  border-radius:13px;overflow:hidden;box-shadow:0 18px 44px -20px rgba(25,59,53,.45);}
.mm-tip.on{opacity:1;transform:none;}
.mm-tip img{width:100%;height:92px;object-fit:cover;display:block;}
.mm-tip .txt{padding:9px 12px 11px;}
.mm-tip h4{font-size:15.5px;font-weight:500;margin:0;}
.mm-tip .m{display:flex;align-items:baseline;gap:7px;font-size:11.5px;color:var(--muted);margin-top:2px;}
.mm-tip .m b{color:var(--terra-tekst);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;}
.mm-tip .red{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);}
.mm-strana{border-left:1px solid var(--line);background:var(--white);display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;min-height:0;}
@media (max-width:900px){ .mm-strana{border-left:0;border-top:1px solid var(--line);max-height:40vh;} }
.mm-strana-glava{padding:11px 15px 10px;border-bottom:1px solid var(--line);}
.mm-strana-glava h3{font-size:15px;font-weight:500;margin:0;}
.mm-broj{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;}
.mm-lista{overflow-y:auto;min-height:0;}
.mm-red{display:grid;grid-template-columns:20px 46px minmax(0,1fr) 40px;gap:9px;align-items:center;
  padding:8px 13px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;
  transition:background .15s;}
.mm-red:hover{background:var(--cream);}
.mm-red .rang{font-family:'Fraunces',Georgia,serif;font-size:12.5px;color:var(--muted);
  font-variant-numeric:tabular-nums;}
.mm-red img{width:46px;height:34px;object-fit:cover;border-radius:6px;display:block;}
.mm-red b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:13.5px;display:block;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mm-red small{font-size:10.5px;color:var(--muted);}
.mm-red .pct{font-size:12.5px;font-weight:600;color:var(--terra-tekst);text-align:right;
  font-variant-numeric:tabular-nums;}
.mm-nalaz{padding:11px 15px 13px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);
  font-weight:400;line-height:1.55;background:var(--cream);}
.mm-nalaz b{color:var(--forest);font-weight:600;}

@media (max-width:700px){
  .mm-txt{padding:13px 15px 14px;}
  .mm-h{font-size:16px;}
  .mm-zum button{width:36px;height:36px;}          /* meta za prst */
  .mm-trazi{font-size:12.5px;padding:11px 16px;}
  .mm-red{padding:11px 13px;}
  .mm-okvir{inset:6px;border-radius:16px;}
}


/* ══════════════════════════════════════════════════════════════════════
   „Pronađi destinaciju" — nov raspored (v9.5)
   Traka umesto panela sa strane, fotografija umesto sličice, otisak umesto
   šest barova, kalendar sa pravim vremenom.
   ══════════════════════════════════════════════════════════════════════ */
.mx-uvod{padding-top:clamp(20px,2.4vw,30px);}
.mx-traka-omot{position:relative;}
.mx-traka{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));background:var(--white);
  border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;}
@media (max-width:900px){ .mx-traka{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:560px){ .mx-traka{grid-template-columns:repeat(2,minmax(0,1fr));} }
.mx-seg{position:relative;text-align:left;font-family:inherit;cursor:pointer;background:none;border:0;
  border-right:1px solid var(--line);padding:11px 16px 12px;color:inherit;transition:background .16s;min-width:0;}
.mx-seg:last-child{border-right:0;}
@media (max-width:900px){
  .mx-seg:nth-child(3n){border-right:0;}
  .mx-seg:nth-child(-n+3){border-bottom:1px solid var(--line);}
}
@media (max-width:560px){
  .mx-seg{border-right:1px solid var(--line);}
  .mx-seg:nth-child(2n){border-right:0;}
  .mx-seg:nth-child(-n+4){border-bottom:1px solid var(--line);}
}
.mx-seg:hover,.mx-seg.otvoren{background:var(--cream);}
.mx-seg .k{display:block;font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);}
.mx-seg .v{display:block;font-size:14px;font-weight:500;margin-top:3px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;}
.mx-seg .v.prazno{color:var(--muted);font-weight:400;}
.mx-seg.ima .v{color:var(--terra-tekst);}
.mx-seg .strelica{position:absolute;right:13px;top:50%;width:8px;height:5px;margin-top:-2px;
  background:var(--muted);clip-path:polygon(0 0,100% 0,50% 100%);transition:transform .2s;}
.mx-seg.otvoren .strelica{transform:rotate(180deg);}
.mx-pop{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 8px);background:var(--white);
  border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 44px -20px rgba(25,59,53,.42);
  padding:16px 18px 18px;}
.mx-pop h3{font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);
  margin:0 0 11px;font-weight:600;}
.mx-opcije{display:flex;flex-wrap:wrap;gap:8px;}
.mx-opcija{font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;background:var(--cream);
  color:var(--ink-2,#41615A);border:1px solid var(--line);border-radius:999px;padding:8px 15px;
  transition:background .15s,color .15s,border-color .15s,transform .15s;}
.mx-opcija:hover{border-color:var(--line-2);color:var(--forest);transform:translateY(-1px);}
.mx-opcija[aria-pressed="true"]{background:var(--btn-bg);border-color:var(--terra);color:var(--btn-ink);}
.mx-rng{display:flex;align-items:center;gap:14px;}
.mx-rng input{flex:1;accent-color:var(--terra);cursor:pointer;}
.mx-rng b{font-size:13.5px;color:var(--terra-tekst);min-width:96px;}

.mx-red-veza{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:10px;}
.mx-prekidac{display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-size:13px;
  cursor:pointer;background:var(--white);border:1px solid var(--line);border-radius:999px;
  padding:7px 15px 7px 9px;color:var(--muted);transition:border-color .16s,color .16s;}
.mx-prekidac:hover{border-color:var(--line-2);color:var(--forest);}
.mx-prekidac .sklop{width:32px;height:18px;border-radius:99px;background:var(--cream-2);
  position:relative;transition:background .2s;flex:none;}
.mx-prekidac .sklop i{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;
  background:var(--white);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .2s;}
.mx-prekidac.on{border-color:var(--terra);color:var(--forest);}
.mx-prekidac.on .sklop{background:var(--terra);}
.mx-prekidac.on .sklop i{transform:translateX(14px);}
.mx-iz-druge{font-size:11.5px;color:var(--muted);font-weight:400;}

.mx-hero{position:relative;display:block;border-radius:22px;overflow:hidden;margin-top:12px;
  text-decoration:none;color:#fff;background:var(--cream-2);box-shadow:var(--shadow);
  transition:transform .25s,box-shadow .25s;}
.mx-hero:hover{transform:translateY(-3px);box-shadow:0 22px 44px -26px rgba(25,59,53,.5);}
/* v10.5: 350 px banera je značilo da se „ostali predlozi" ispod njega vide
   tek kad se skroluje. 270 je i dalje slika preko cele širine. */
.mx-hero img{display:block;width:100%;height:clamp(210px,24vw,270px);object-fit:cover;}
.mx-bez-slike{display:block;width:100%;height:clamp(210px,24vw,270px);
  background:linear-gradient(150deg,#41695F,#D99A62);}
.mx-veo{position:absolute;inset:0;background:linear-gradient(75deg,rgba(12,28,25,.9) 0%,
  rgba(12,28,25,.62) 38%,rgba(12,28,25,.1) 72%,rgba(12,28,25,.3) 100%);}
.mx-kopija{position:absolute;left:0;bottom:0;padding:clamp(15px,2.2vw,22px);max-width:min(560px,70%);}
.mx-kopija .kicker{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;color:var(--sand);}
.mx-kopija h2{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:clamp(26px,3.4vw,38px);
  letter-spacing:-.03em;line-height:1.04;margin:8px 0 0;color:#fff;}
.mx-kopija .gde{font-size:13.5px;color:rgba(255,255,255,.78);margin-top:6px;}
.mx-kopija .mx-tag{font-size:15px;font-weight:400;line-height:1.5;color:rgba(255,255,255,.9);
  margin:11px 0 0;max-width:44ch;text-transform:none;letter-spacing:0;border:0;padding:0;
  background:none;display:block;}
.mx-ocena{position:absolute;top:clamp(14px,2.4vw,22px);right:clamp(14px,2.4vw,22px);}
.mx-prsten{position:relative;width:66px;height:66px;display:grid;place-items:center;}
.mx-prsten svg{position:absolute;inset:0;transform:rotate(-90deg);}
.mx-prsten b{font-family:'Fraunces',Georgia,serif;font-size:20px;font-weight:500;letter-spacing:-.03em;
  color:#fff;font-variant-numeric:tabular-nums;line-height:1;}
.mx-prsten b i{font-style:normal;font-size:11px;opacity:.75;}
.mx-prsten .cap{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:9px;
  letter-spacing:1.3px;text-transform:uppercase;color:rgba(255,255,255,.65);white-space:nowrap;}
.mx-otisak{position:absolute;right:clamp(14px,2.4vw,22px);bottom:clamp(12px,2vw,18px);width:132px;
  padding:7px 7px 4px;border-radius:13px;background:rgba(10,24,21,.42);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.14);}
.mx-otisak .lbl{font-size:8.5px;letter-spacing:1.3px;text-transform:uppercase;
  color:rgba(255,255,255,.6);text-align:center;margin-bottom:2px;}
@media (max-width:820px){ .mx-otisak{display:none;} .mx-kopija{max-width:100%;} }

/* ── NAJBOLJE POKLAPANJE (v11.1) ───────────────────────────────────────────
   Fotografija levo, ocene desno na svojoj podlozi. Do v11.1 su i prsten i
   radar stajali PREKO slike, pa je slika morala da bude tamna da bi se brojevi
   videli, a brojevi sitni da bi se videla slika. */
/* Slika ide preko cele sirine, pa dva kvadrata ispod nje: levo grad i ocene,
   desno vreme i meseci. */
/* v11.4: baner preko cele sirine, nizi — dva kvadrata idu ISPOD njega.
   Do v11.4 je slika delila red sa kvadratima, pa su kvadrati bili stisnuti
   na trecinu sirine, a prsten s procentom je vario na uskoj fotografiji. */
.mx-hero img{display:block;width:100%;height:clamp(170px,18vw,215px);min-height:0;}
.mx-zasto{
  display:flex;flex-direction:column;gap:9px;
  margin-top:16px;padding-top:14px;border-top:1px solid var(--line);
}
.mx-zasto .lbl{
  font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--muted);font-weight:600;margin-bottom:2px;
}
.mx-traka-red{display:grid;grid-template-columns:1fr 76px 26px;align-items:center;gap:10px;}
/* osa koju covek nije trazio: i dalje se vidi, ali ne tvrdi nista */
.mx-traka-red.je-mimo{opacity:.55;}
.mx-traka-red.je-mimo .mx-traka-s i{background:var(--line-2);}
.mx-traka-k{font-size:13px;color:var(--tekst-2);min-width:0;}
.mx-traka-s{display:block;height:6px;border-radius:999px;background:var(--cream-2);overflow:hidden;}
.mx-traka-s i{display:block;height:100%;border-radius:999px;background:var(--terra);}
.mx-traka-v{
  font-size:12.5px;font-weight:600;color:var(--forest);text-align:right;
  font-variant-numeric:tabular-nums;
}
.mx-kopija .mx-ime{
  display:block;font-family:'Fraunces',Georgia,serif;font-weight:400;
  font-size:clamp(26px,3.4vw,38px);line-height:1.1;color:var(--na-tamnom);margin-top:4px;
}
.mx-kopija .gde,.mx-kopija .mx-tag,.mx-kopija .kicker{display:block;}
/* Prsten dobija punu tamnu podlogu — „POKLAPANJE" je do sada bio pesak na
   fotografiji, pa se na svetlim kadrovima nije video.

   v11.9.6: natpis ispod prstena je apsolutno postavljen na `bottom:-15px`,
   dakle petnaest piksela IZVAN prstena. Sa donjim odstojanjem od 8px ispadao
   je iz pločice i visio nad fotografijom. Odstojanje mora da pokrije natpis:
   petnaest piksela pomeraja plus njegova visina reda. */
.mx-ocena{
  background:rgba(12,28,25,.9);border-radius:14px;padding:10px 14px 20px;
}
.mx-broj{
  font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;
  align-self:center;margin-left:2px;
}

/* v11.1: slika grada preko cele sirine, pa dva kvadrata ispod nje —
   levo grad i ocene, desno vreme i meseci. Do v11.1 je slika delila red
   sa kvadratima, pa je bila uska i visoka, a kvadrati stisnuti. */
.mx-najbolji{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
.mx-najbolji .mx-strip{margin-top:0;}
.mx-najbolji .mx-hero{margin-top:0;}
@media (max-width:640px){ .mx-hero img{height:auto;min-height:165px;} }

.mx-strip{display:grid;grid-template-columns:1fr 1fr;margin-top:11px;background:var(--white);
  border:1px solid var(--line);border-radius:16px;overflow:hidden;}
@media (max-width:760px){ .mx-strip{grid-template-columns:1fr;} }
.mx-strip .pola{padding:13px 17px 14px;min-width:0;display:flex;flex-direction:column;}
.mx-strip .pola + .pola{border-left:1px solid var(--line);}
@media (max-width:760px){ .mx-strip .pola + .pola{border-left:0;border-top:1px solid var(--line);} }
.mx-strip .hd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px;}
.mx-strip .k{font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);}
.mx-strip .sub{font-size:11.5px;color:var(--muted);font-weight:400;text-align:right;}
.mx-meseci{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:auto;}
/* v11.9.2: mesec je grafikon, ne dugme — kursor to više ne sme da obećava.
   Prelaz mišem i dalje menja vreme u panelu iznad, pa hover ostaje. */
.mx-mesec{cursor:default;background:none;border:0;padding:0;font-family:inherit;}
.mx-mesec .stub{display:flex;align-items:flex-end;height:54px;border-radius:5px;
  background:var(--cream-2);overflow:hidden;}
.mx-mesec .stub i{display:block;width:100%;border-radius:5px;background:var(--terra);
  transition:height .35s ease,opacity .35s ease;}
.mx-mesec span:last-child{display:block;font-size:9.5px;color:var(--muted);margin-top:5px;text-align:center;}
.mx-mesec.naj .stub{box-shadow:inset 0 0 0 1.5px var(--terra);}
.mx-mesec.izabran .stub{box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--forest);}
.mx-mesec:hover .stub{filter:brightness(1.06);}
.mx-sada{display:flex;align-items:center;gap:14px;margin-top:auto;}
.mx-sada .t{font-family:'Fraunces',Georgia,serif;font-size:31px;font-weight:500;letter-spacing:-.03em;
  line-height:1;font-variant-numeric:tabular-nums;}
.mx-sada .t i{font-style:normal;font-size:15px;color:var(--muted);}
.mx-sada .opis{font-size:12.5px;color:var(--muted);margin-top:3px;}
.mx-klima{display:flex;gap:20px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);}
.mx-klima .kv{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;}
.mx-klima .kv small{font-size:11px;font-weight:400;color:var(--muted);margin-left:3px;}
.mx-klima .kv.hladno{color:#3F6970;}   /* --hladno je boja mape (3,72:1); tekst trazi dublju */
:root[data-tema="tamna"] .mx-klima .kv.hladno{color:#8FBEC5;}
.mx-klima .kk{font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-bottom:2px;}
.mx-nema{font-size:12.5px;color:var(--muted);font-weight:400;margin:6px 0 0;}
/* v11.8: „U prvih sedam ušlo… · ispalo…“ više se ne vidi. Red je bio korisniku
   šum — ponavljao je ono što se na pločicama ionako upravo promenilo. Ali
   `#mx-live` je `aria-live` region: čitaču ekrana je to jedini način da sazna
   da se spisak promenio posle pomeranja filtera, jer se pločice menjaju bez
   pomeranja fokusa. Zato se sklanja sa ekrana, a ne iz koda. */
.mx-live{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;
}

.mx-slicno-sek{padding-top:clamp(18px,2vw,26px);padding-bottom:0;}
.mx-slicno-glava{display:flex;align-items:baseline;gap:10px;margin-bottom:11px;flex-wrap:wrap;}
.mx-slicno-glava h2{font-size:17px;font-weight:500;letter-spacing:-.02em;margin:0;}
.mx-slicno-glava span{font-size:12px;color:var(--muted);font-weight:400;}
.mx-slicno{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
@media (max-width:640px){ .mx-slicno{grid-template-columns:1fr;} }
.mx-mini{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;
  background:var(--white);border:1px solid var(--line);border-radius:13px;padding:9px 13px 9px 9px;
  text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s;}
.mx-mini:hover{transform:translateY(-2px);border-color:var(--line-2);box-shadow:var(--shadow);}
.mx-mini img{width:64px;height:52px;object-fit:cover;border-radius:9px;display:block;}
.mx-mini b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:15.5px;
  letter-spacing:-.01em;display:block;}
.mx-mini small{font-size:11.5px;color:var(--muted);}
.mx-mini small i{font-style:normal;color:var(--terra-tekst);font-weight:600;font-variant-numeric:tabular-nums;}

.mx-glava{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-bottom:14px;}
.mx-glava h2{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:0 auto 0 0;order:2;}
.mx-glava .mtoggle{order:1;}
.mx-broj{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;order:3;}
/* ── panel „Gde dalje" (v10.8) ─────────────────────────────────────────
   Levo vreme pa traka meseci ispod njega, desno tri para iz „Ukratko".
   Ranije je levo stajala samo traka, a desno sama temperatura. */
.mx-kada{display:flex;align-items:baseline;gap:8px;margin:14px 0 6px;}
.mx-kada .k{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);}
.mx-kada .sub{font-size:12px;color:var(--muted);margin-left:auto;}
.mx-cinj{display:flex;flex-direction:column;gap:12px;margin-top:10px;}
.mx-cinj-red{display:grid;grid-template-columns:minmax(0,96px) minmax(0,1fr);gap:12px;
  align-items:baseline;}
.mx-cinj-red .kk{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--muted);}
.mx-cinj-v{font-size:13.5px;line-height:1.5;color:var(--tekst-2);min-width:0;}
@media (max-width:700px){
  .mx-cinj-red{grid-template-columns:1fr;gap:2px;}
}

.mx-mreza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;}
/* v10.7: .mx-mreza i .mtable imaju svoj display, pa [hidden] mora
   eksplicitno da ga nadjača — inače „By country“ upali dugme a mreža
   gradova ostane na ekranu ispod spiska država. */
.mx-mreza[hidden],.mtable[hidden]{display:none!important;}
@media (max-width:860px){ .mx-mreza{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:520px){ .mx-mreza{grid-template-columns:1fr;} }
.mx-plocica{position:relative;display:block;border-radius:16px;overflow:hidden;text-decoration:none;
  color:#fff;background:var(--cream-2);box-shadow:var(--shadow);
  transition:transform .22s,box-shadow .22s;animation:mxUleti .34s cubic-bezier(.2,.7,.3,1) both;}
.mx-plocica:hover{transform:translateY(-4px);box-shadow:0 22px 44px -26px rgba(25,59,53,.5);}
.mx-plocica img{display:block;width:100%;height:165px;object-fit:cover;}
.mx-plocica .mx-bez-slike{height:165px;}
.mx-plocica .veo{position:absolute;inset:0;background:linear-gradient(to top,rgba(12,28,25,.86) 0%,
  rgba(12,28,25,.3) 46%,rgba(12,28,25,.02) 74%);}
.mx-plocica .kopija{position:absolute;left:0;bottom:0;padding:12px 14px;width:100%;}
.mx-plocica .kopija b{font-family:'Fraunces',Georgia,serif;font-weight:500;font-size:18px;
  display:block;color:#fff;}
.mx-plocica .kopija small{font-size:11.5px;color:rgba(255,255,255,.72);}
/* Red „zašto“ na pločici (v11.8). Pločica stoji na fotografiji, pa boja ide
   kao vrednost bele — ne kroz tokene teme, koji su za podlogu stranice.
   Sand ga odvaja od imena zemlje iznad, a da ne viče kao terra. */
.mx-plocica .kopija .mx-zasto-red{
  display:block;margin-top:3px;font-style:normal;font-size:11px;font-weight:600;
  letter-spacing:.02em;color:var(--sand);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.mx-plocica .pct{position:absolute;top:10px;right:10px;font-family:'Fraunces',Georgia,serif;
  font-size:13px;font-weight:600;color:#fff;background:rgba(10,24,21,.5);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px 9px;
  font-variant-numeric:tabular-nums;}
.mx-vreme{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;
  font-size:11.5px;font-weight:500;color:#fff;background:rgba(10,24,21,.5);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:3px 9px 3px 6px;
  font-variant-numeric:tabular-nums;}
.mx-plocica .otisak{position:absolute;right:10px;bottom:12px;width:54px;height:54px;}
@keyframes mxUleti{from{opacity:0;transform:translateY(9px) scale(.985);}to{opacity:1;transform:none;}}
@media (prefers-reduced-motion: reduce){ .mx-plocica{animation:none;} }

@media (max-width:700px){
  .mx-seg{padding:10px 13px 11px;}
  .mx-opcija{padding:10px 15px;}          /* meta za prst */
  .mx-mesec .stub{height:46px;}
  .mx-glava h2{order:1;width:100%;margin:0 0 4px;}
  .mx-glava .mtoggle{order:2;}
  .mx-broj{order:3;}
}

/* --- izvori fotografija (v9.5) --------------------------------------------
   Wikimedia licence traze navodjenje autora i licence. Blok stoji sklopljen,
   sitnim slovima, iznad podnozja — vidljiv na istoj stranici na kojoj je i
   slika, a ne odvlaci paznju sa sadrzaja. */
.foto-izvori{margin:28px auto 0;font-size:12px;color:var(--muted);
  border-top:1px solid var(--line);padding-top:12px}
.foto-izvori summary{cursor:pointer;list-style:none;padding:4px 0;
  letter-spacing:.04em;text-transform:uppercase;font-size:11px}
.foto-izvori summary::-webkit-details-marker{display:none}
.foto-izvori summary::before{content:"+ ";opacity:.7}
.foto-izvori[open] summary::before{content:"\2212 "}
.foto-izvori ul{margin:8px 0 0;padding:0 0 0 16px;line-height:1.6}
.foto-izvori li{margin:0 0 2px}
.foto-izvori a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.foto-izvori a:hover{color:var(--forest)}
.foto-izvori-nota{margin:10px 0 0;opacity:.85}

/* ── prekidač teme ─────────────────────────────────────────────────── */
.tema-btn{
  flex:none;display:inline-grid;place-items:center;width:34px;height:34px;
  background:none;border:1px solid var(--line);border-radius:999px;cursor:pointer;
  color:var(--muted);transition:color .18s,border-color .18s,background .18s;
  margin-left:auto;
}
.tema-btn:hover{color:var(--terra-tekst);border-color:var(--terra);}
.tema-btn svg{width:17px;height:17px;grid-area:1/1;transition:opacity .2s,transform .3s;}
.tema-btn .i-mesec{opacity:0;transform:rotate(-40deg) scale(.7);}
:root[data-tema="tamna"] .tema-btn .i-sunce{opacity:0;transform:rotate(40deg) scale(.7);}
:root[data-tema="tamna"] .tema-btn .i-mesec{opacity:1;transform:none;}
@media (max-width:860px){ .tema-btn{margin-left:0;} }

/* v10.5: isto kao na „Gde sam bio" — zaglavlje je zbijeno, jer se ovde radi
   sa trakom filtera i predlozima, a ne čita naslov. */
.mx-zaglavlje{padding-top:clamp(12px,1.4vw,18px);padding-bottom:0;}
.mx-zaglavlje h1{margin:4px 0 0;font-size:clamp(27px,3.2vw,38px);}
.mx-zaglavlje .dek{margin:6px 0 0;max-width:80ch;font-size:14.5px;color:var(--muted);font-weight:400;}
.mx-uvod{padding-top:12px;}

/* ── „novo" uz Mape u meniju ───────────────────────────────────────── */
.nav-novo{
  display:inline-block;font-size:9px;letter-spacing:.9px;text-transform:uppercase;
  font-weight:700;background:var(--btn-bg);color:var(--btn-ink);border-radius:999px;
  padding:1px 6px;margin-left:6px;vertical-align:2px;line-height:1.5;
}

/* ── veza između dve mape ──────────────────────────────────────────── */
.unakrsno{
  display:grid;grid-template-columns:132px minmax(0,1fr) auto;gap:18px;align-items:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:15px 28px;margin:34px auto 0;
}
@media (max-width:700px){
  .unakrsno{grid-template-columns:96px minmax(0,1fr);row-gap:12px;padding-left:20px;padding-right:20px;}
  .unakrsno-cta{grid-column:1 / -1;justify-self:start;}
}
.unakrsno .mapblok-mini{position:relative;display:block;border-radius:10px;overflow:hidden;
  border:1px solid var(--line);background:var(--more);line-height:0;}
.unakrsno-txt{min-width:0;}
.unakrsno-k{font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);}
.unakrsno-txt h3{font-size:16.5px;font-weight:500;letter-spacing:-.015em;margin:4px 0 3px;}
.unakrsno-txt p{font-size:13px;color:var(--muted);font-weight:400;margin:0;line-height:1.5;max-width:58ch;}
.unakrsno-cta{font-family:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;
  text-decoration:none;background:var(--btn-bg);border:1px solid var(--btn-bg);border-radius:999px;
  padding:9px 17px;color:var(--btn-ink);transition:background .18s,transform .18s;}
.unakrsno-cta:hover{background:#993F22;transform:translateY(-1px);color:var(--btn-ink);}

/* logo prati temu — na tamnoj podlozi ide svetla varijanta */
.brand .logo-za-tamnu{display:none;}
:root[data-tema="tamna"] .brand .logo-za-svetlu{display:none;}
:root[data-tema="tamna"] .brand .logo-za-tamnu{display:block;}


/* ── skip-link (v10.6) ──────────────────────────────────────────────────
   Prva stavka u dokumentu, ali se vidi tek kad na nju dodje fokus. Bez nje
   se sa tastature kroz ceo meni tabovalo do sadrzaja, na svakoj stranici.
   Ne `display:none` — sakriven element ne moze da primi fokus. */
.preskoci{
  position:absolute;left:12px;top:-60px;z-index:200;
  background:var(--btn-bg);color:var(--btn-ink);text-decoration:none;
  padding:10px 18px;border-radius:0 0 12px 12px;font-weight:600;font-size:14px;
  transition:top .15s ease-in;
}
.preskoci:focus{top:0 !important;color:var(--btn-ink);}

/* ── stranica 404 (v10.6) ───────────────────────────────────────────────
   Hero bez slike: 404 treba da se ucita brzo i da izlaz bude odmah vidljiv,
   a fotografija preko celog ekrana bi ponudjene destinacije gurnula ispod
   pregiba. Blok sa trazenom adresom stoji `hidden` dok ga JS ne popuni. */
.hero--404{padding-top:56px;padding-bottom:8px;text-align:center;}
.hero--404 .eyebrow{
  display:inline-block;font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--terra-tekst);
}
.hero--404 h1{
  margin:14px 0 0;font-family:Fraunces,Georgia,serif;font-weight:600;
  font-size:clamp(30px,5vw,46px);line-height:1.12;color:var(--forest);
  text-wrap:balance;
}
.hero--404 .dek{
  max-width:52ch;margin:14px auto 0;color:var(--tekst-2);
  font-size:17px;line-height:1.6;
}
.blok-404{padding:28px 0 8px;}
.nadjeno{
  max-width:660px;margin:0 auto;padding:20px 24px;
  background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);
}
.nadjeno .oznaka{
  font-size:11px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);
}
.nadjeno .adresa{
  display:block;margin:8px 0 0;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.5;
  color:var(--muted);text-decoration:line-through;word-break:break-all;
}
@media (max-width:640px){
  .hero--404{padding-top:36px;padding-bottom:4px;}
  .nadjeno{padding:16px 18px;}
}


/* ── METE ZA DODIR NA TELEFONU (v10.9) ───────────────────────── */
/* Dugmad su bila 26–32px visoka. Izgled se ne menja — raste samo površina
   koja hvata dodir, kroz unutrašnju marginu ili min-height. */
@media (max-width:860px){
  .brand{padding:7px 0;}                       /* logo je slika od 26px */
  .ichip{min-height:40px;display:inline-flex;align-items:center;}
  .hack-btn{width:40px;height:40px;}
  .pretraga-lupa{width:40px;height:40px;}
  .foot-sve{padding:8px 0;}
  .foot-col a{padding:3px 0;margin-bottom:5px;}
  .lang-btn{min-height:40px;display:inline-flex;align-items:center;}
  .tema-btn{width:38px;height:38px;}
}


/* ── STRANICA PRIČE (v11.1) ────────────────────────────────────────────────
   Kicker iznad međunaslova (umesto emodžija), zaglavlje i tamno „Ukupno" u
   tabeli, i — najvažnije — unutrašnji link i partnerski blok koji se više ne
   mešaju. Do v11.1 su imali isti okvir, isti radijus i istu sličicu. */
.blok-glava{margin-top:34px;}
.blok-glava .eyebrow{margin-bottom:8px;}
.blok-glava h3{margin-top:0;}

.budget-table .row--head{
  border-bottom:1px solid var(--line-2);
  font-size:10.5px;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--muted);font-weight:600;
}
.budget-table .row--head .v{color:var(--muted);}
.budget-table .row.total{
  background:var(--tamna-podloga);color:var(--na-tamnom);
  border-radius:10px;border-bottom:0;margin-top:6px;padding-left:12px;padding-right:12px;
}
.budget-table .row.total .v{color:var(--na-tamnom);}

/* Unutrašnji link: bez okvira, dve tanke linije. Vodi na naš sadržaj, pa se
   ponaša kao deo teksta — ne kao ponuda. */
a.inlink{
  border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  border-radius:0;background:none;box-shadow:none;padding:14px 0;
}
a.inlink:hover{background:none;border-color:var(--terra);box-shadow:none;}
a.inlink .inlink-shot{width:54px;height:54px;border-radius:8px;}

/* Partnerski blok: puna kartica sa terakota trakom levo i oznakom šta je.
   Razlika mora da se vidi pre nego što se pročita ijedna reč. */
.story-cta{
  border-left:4px solid var(--terra);
}
.story-cta .eyebrow{margin-bottom:6px;}

/* „<Zemlja> na sajtu" u bočnoj traci priče */
.uzemlji-red{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding:10px 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:var(--forest);font-size:14px;font-weight:500;
}
.uzemlji-red:last-child{border-bottom:0;padding-bottom:0;}
.uzemlji-red:hover span:first-child{color:var(--terra-tekst);}
.uzemlji-n{
  flex:none;font-size:11.5px;font-weight:500;color:var(--muted);
  font-variant-numeric:tabular-nums;
}


/* ── PARTNERSKI VIDŽET IZA DUGMETA (v11.1) ────────────────────────────────
   Vidžet ima svoj font, svoju zelenu i svoj engleski. Ne uklapa se, pa ne
   stoji zalepljen u sredini stranice — otvara ga čitalac kad hoće da traži. */
.partner-otvor{margin-top:22px;}
.partner-otvor > summary{
  list-style:none;cursor:pointer;display:inline-block;
}
.partner-otvor > summary::-webkit-details-marker{display:none;}
.partner-otvor > summary .btn::after{content:" ▾";font-size:11px;opacity:.7;}
.partner-otvor[open] > summary .btn::after{content:" ▴";}
.partner-otvor .partner-nota{margin-top:16px;}
.partner-otvor .widget-card{margin-top:12px;}

.bio-prazno{
  grid-column:1/-1;padding:18px 20px;border:1px dashed var(--line-2);border-radius:14px;
  color:var(--muted);font-size:14px;line-height:1.6;
}
.nf-trazi{margin-top:18px;}

/* Pločica sa inicijalom umesto ponovljene slike (v11.1) */
.shot--slova,.inlink-shot--slova{
  display:flex;align-items:center;justify-content:center;
  background:var(--cream-2);color:var(--muted);
  font-family:'Fraunces',Georgia,serif;font-weight:500;
}
.shot--slova{font-size:44px;}
.inlink-shot--slova{font-size:24px;}

/* Veza izmedju dve licne stranice (mapa posecenog / spisak zeljenog) */
a.licna{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  padding:16px 20px;border:1px solid var(--line);border-radius:14px;
  background:var(--white);text-decoration:none;color:var(--forest);
  transition:border-color .18s ease;
}
a.licna:hover{border-color:var(--terra);}
.licna-ime{font-weight:600;font-size:16px;}
.licna-opis{color:var(--muted);font-size:13.5px;flex:1 1 auto;min-width:0;}


/* ── IKONA HACKA (v11.3) ──────────────────────────────────────────────────
   57 kartica je izgledalo isto: broj, naslov, pasus, cena u minutima. Ikona
   kaze o cemu je savet pre nego sto se procita naslov. Crta se u boji teksta,
   pa ne trazi nista posebno za tamnu temu. */
.hak-znak{
  display:inline-flex;align-items:center;justify-content:center;flex:none;
  width:34px;height:34px;border-radius:9px;
  background:var(--cost-bg);color:var(--cost-ink);
}
.hak-ikona{width:19px;height:19px;display:block;}
.hak-vrh{gap:10px;}
.hak-no{margin-right:auto;}
/* U kapi vidzeta podloga je tamna, pa znak uzima njenu boju slova */
.hackbox-bar .hak-znak{
  width:26px;height:26px;border-radius:7px;
  background:rgba(247,244,238,.14);color:inherit;
}
.hackbox-bar .hak-ikona{width:15px;height:15px;}
@media (max-width:560px){
  .hak-znak{width:30px;height:30px;}
  .hak-ikona{width:17px;height:17px;}
}

.foot-jos{
  display:block;margin-top:6px;font-size:12.5px;color:rgba(247,244,238,.55);
}

/* ══════════════════════════════════════════════════════════════════════
   ŽIVA TEMPERATURA (v11.9) — met.no, puni je `vreme.py` posle učitavanja.

   Sve ispod je `hidden` u HTML-u i JS skida `hidden` tek kad broj stigne.
   Zato ovde nema nijednog pravila za „prazno stanje": praznog stanja nema,
   element se do tada uopšte ne crta. Ako cron padne, stranica izgleda
   tačno kao pre nego što je živa temperatura postojala.
   ══════════════════════════════════════════════════════════════════════ */

/* Broj u traci činjenica, uz „Koliko dana" i „Kada ići". Ti podaci stoje
   godinama, a ovaj je od jutros — zato nosi tačku koja diše, jedini pokret
   u traci. */
.cinjenice .vreme{
  display:inline-flex;align-items:center;gap:7px;
}
.cinjenice .vreme::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--terra);
  flex:0 0 auto;animation:vreme-disi 2.4s ease-in-out infinite;
}
@keyframes vreme-disi{
  0%,100%{opacity:1;}
  50%{opacity:.35;}
}
@media (prefers-reduced-motion:reduce){
  .cinjenice .vreme::before{animation:none;}
}

/* v11.9.1: živa temperatura u Match-u stoji uz prosek za izabrani mesec, ne
   preko fotografije. Prosek je veliki broj levo, ovo je manji desno od njega,
   odvojen crtom — dva broja iste vrste, jedan iz merenja, jedan od jutros.
   Zato ovde nema tačke koja diše kao u traci činjenica: tamo je živ broj bio
   jedini pokret među zamrznutim podacima, a ovde ga prosek pored njega već
   objašnjava. */
/* `display` iz klase pobeđuje UA pravilo za [hidden] — bez ovoga bi natpis
   „Sada“ visio nad praznim mestom kod svakog kome JSON ne stigne. */
.mx-sada-zivo[hidden]{display:none;}
.mx-sada-zivo{
  margin-left:auto;padding-left:14px;border-left:1px solid var(--line);
  text-align:center;align-self:stretch;
  display:flex;flex-direction:column;justify-content:center;gap:2px;
}
.mx-sada-zivo .vreme{
  font-family:'Fraunces',Georgia,serif;font-size:22px;font-weight:500;
  letter-spacing:-.03em;line-height:1;color:var(--terra-tekst);
  font-variant-numeric:tabular-nums;
}
.mx-sada-zivo .cap{
  font-size:9px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--muted);font-weight:600;white-space:nowrap;
}

/* ══════════════════════════════════════════════════════════════════════
   DA LI SI ZNAO (v11.9.3) — dve do četiri zanimljivosti, ispod teksta.

   Isti par „natpis pa rečenica" koji „Ukratko" (`.qf-list`) koristi na vrhu
   stranice: stranica se otvara praktičnim podacima i zatvara neočekivanim, u
   istom obliku. Zato ovde nema kartica, ikona ni okvira — oni bi napravili
   treći oblik za istu vrstu sadržaja, a sajt ih već ima dva.

   Jedina razlika prema „Ukratko" je što ovde natpis nosi boju: „Ukratko" je
   uvek isti spisak polja i natpis mu je sivilo, a ovde natpis kaže KAKVO
   iznenađenje sledi — geografija ili film — i to je podatak, ne etiketa.
   ══════════════════════════════════════════════════════════════════════ */
.znas{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 44px;border-top:1px solid var(--line);
}
@media (max-width:760px){ .znas{grid-template-columns:1fr;gap:0;} }
.znas-red{
  padding:17px 0 18px;border-bottom:1px solid var(--line);
}
.znas-vrsta{
  font-size:9.5px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--terra-tekst);font-weight:600;margin-bottom:7px;
}
.znas-tekst{
  font-size:15px;line-height:1.62;color:var(--tekst-2);font-weight:400;margin:0;
  max-width:52ch;
}

/* ══════════════════════════════════════════════════════════════════════
   TRAKA KA CELOM SPISKU (v11.9.1) — dno stranica mesta i zemlje.

   Namerno bez slike i bez ikone: iste te stranice pri dnu već nose traku ka
   mapi, koja mini mapu ima, pa bi dve ilustrovane trake jedna ispod druge
   nadjačale tekst zbog kog se dotle i stiglo. Ovde je jedini vizuelni potez
   to što su pilule iste one koje stoje na stranici na koju vode — pa se, kad
   se stigne, prepozna gde se stiglo.
   ══════════════════════════════════════════════════════════════════════ */
.sva-veza{
  display:flex;align-items:center;justify-content:space-between;
  gap:18px;flex-wrap:wrap;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:15px 28px;margin:34px auto 0;
}
.sva-veza-txt{min-width:0;}
.sva-veza-k{
  font-size:9.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);
}
.sva-veza-txt p{
  font-size:13px;color:var(--muted);font-weight:400;margin:4px 0 0;
  line-height:1.5;max-width:58ch;
}
.sva-veza-pilule{display:flex;flex-wrap:wrap;gap:6px;}
/* `.fchip` je do sada uvek bio <button>; ovde je link, pa mu treba i ovo */
a.fchip{text-decoration:none;display:inline-block;}
@media (max-width:700px){
  .sva-veza{padding-left:20px;padding-right:20px;gap:13px;}
}

/* Potpis izvora — uslov licence CC BY 4.0, ne ukras. Izlazi zajedno sa
   prvim brojem; ako broja nema, nema ni potpisa. */
.vreme-potpis{
  margin:10px auto 0;text-align:right;
}
.vreme-izvor{
  font-size:11.5px;color:var(--muted);text-decoration:none;
  border-bottom:1px solid var(--line-2);
}
.vreme-izvor:hover{color:var(--terra-tekst);}


/* ══════════════════════════════════════════════════════════════════════
   SKIN „EDITORIAL" (v12.0, 10.9.2026) — Redizajn 3.0, pravac 1
   ══════════════════════════════════════════════════════════════════════
   Sloj preko svega iznad: isti HTML, isti JS, iste klase i id-ovi — menja se
   samo kako izgleda. Načelo iz mockupa (Export\redizajn-3): premium dolazi iz
   tipografije, fotografije, proporcija i praznog prostora, ne iz kutija,
   senki, ivica i akcenta na sve strane. Zato ovde: radijus 0, senka nikakva,
   Fraunces u laganoj težini (300) i krupno, jedna terakota tačka umesto
   narandžastih dugmadi, hairline linija umesto okvira. Sve boje idu kroz
   promenljive, pa tamna tema radi bez ijednog posebnog pravila.

   Ako nešto zatreba da se vrati na staro, ovaj blok se briše ceo — ništa
   iznad njega nije dirano. */

:root{
  --radius:0;
  --shadow:none;
  --btn-bg:var(--forest);        /* jedno pravo dugme po strani, u boji mastila */
  --btn-ink:var(--cream);
}
:root[data-tema="tamna"]{
  --shadow:none;
  --btn-bg:var(--forest);        /* u tamnoj temi --forest je svetlo, --cream tamno: dugme se okrene samo */
  --btn-ink:var(--cream);
}
.btn:hover,.match-cta:hover .match-cta-btn{background:var(--forest-2);transform:none;}
:root[data-tema="tamna"] .btn:hover{background:var(--forest-2);}
.btn{border-radius:2px;box-shadow:none;font-weight:500;letter-spacing:.03em;padding:15px 26px;}
.btn--sm{border-radius:2px;padding:9px 16px;}
.btn--ghost{border-radius:2px;}
.btn--light{border-radius:2px;}
a.btn,.prose a.btn{color:var(--btn-ink);}
/* v12.2: sporedno dugme (btn--ghost, btn--light) je nasledjivalo krem tekst
   od a.btn i tamnu podlogu od .btn:hover — „Nazad u Keniju" se na svetloj
   temi nije videlo. Tekst u boji mastila, hover samo linija. */
a.btn--ghost,.prose a.btn--ghost,a.btn--light,.prose a.btn--light{color:var(--forest);}
.btn--ghost:hover,a.btn--ghost:hover,.prose a.btn--ghost:hover{background:transparent;color:var(--forest);border-color:var(--forest);}

/* ── tipografija: krupno, lagano, sa prostorom ─────────────────────────── */
.celo{padding-top:clamp(22px,3.5vw,48px);}
.celo-in h1{
  font-weight:300;font-variation-settings:"opsz" 144;
  font-size:clamp(40px,6.4vw,84px);line-height:.98;letter-spacing:-.025em;
  max-width:16ch;margin-top:14px;
}
.celo-in p.dek{font-size:clamp(17px,1.55vw,20px);line-height:1.55;margin-top:20px;max-width:52ch;}
.eyebrow{color:var(--muted);font-weight:500;letter-spacing:.18em;font-size:11.5px;}
.eyebrow::before{display:none;}
.eyebrow:empty{display:none;}
.sec-head{max-width:760px;margin-bottom:clamp(24px,3vw,36px);}
.sec-head h2{font-weight:300;font-variation-settings:"opsz" 96;font-size:clamp(30px,3.8vw,48px);line-height:1.04;margin-top:10px;}
.sec-head p{font-size:16.5px;line-height:1.6;margin-top:12px;max-width:60ch;}
.section{padding-top:clamp(56px,7vw,104px);}
.section--zbito{padding-top:clamp(48px,6vw,88px);}
.prose h2{font-weight:300;font-size:clamp(26px,2.8vw,34px);}
.prose h3{font-weight:400;}
.prose p.lead{font-family:'Fraunces',Georgia,serif;font-weight:300;font-variation-settings:"opsz" 36;font-size:clamp(21px,2vw,25px);line-height:1.45;letter-spacing:-.008em;}
blockquote{border-left:0;padding-left:0;}
blockquote p{font-weight:300;font-size:26px;}

/* ── zaglavlje: jedan sistem — tekst, hairline, ništa u piluli ─────────── */
.site-head{background:var(--staklo-jako);}
.site-head .bar{padding:18px 28px;}
.brand img{height:24px;}
.nav{gap:26px;}
/* v12.7.1: tri grupe — logotip, meni, alati (pretraga, lista, tema, jezik).
   Razmak IZMEĐU grupa mora biti jasno veći od razmaka UNUTAR grupe (26px
   među stavkama), inače se logotip čita kao prva stavka menija. Do sada je
   logotip od „Destinacija“ delilo 16px, a pretragu od „Bloga“ isto toliko,
   dok je praznina od ~230px stajala između pretrage i teme. Praznina se
   sad seli između menija i alata, a logotip dobija svoj razmak. */
@media (min-width:861px){
  .brand{margin-right:clamp(20px,3vw,44px);}
  .site-head .pretraga{margin-left:auto;}
  .tema-btn{margin-left:0;}
}
.nav a{font-size:14.5px;border-bottom-color:transparent;}
.nav a:hover,.nav a.is-current{color:var(--forest);border-bottom-color:var(--forest);}
.dd,.dd2{border-radius:2px;box-shadow:none;padding:6px 0;}
.dd a,.dd2 a,.nav-sub-t{border-radius:0;}
.nav .btn-surprise{border:0;background:none;padding:4px 0;margin-left:2px;font-weight:500;color:var(--muted);font-size:14.5px;}
.nav .btn-surprise:hover{background:none;color:var(--forest);transform:none;}
.nav .btn-surprise svg{display:none;}
.pretraga-lupa{border:0;background:none;width:34px;height:34px;color:var(--forest);}
.pretraga-lupa:hover{color:var(--terra-tekst);}
.pretraga-panel{border-radius:2px;}
.zelje-btn{border:0;padding:6px 2px;font-weight:500;color:var(--forest);}
.zelje-btn svg{fill:none;stroke:var(--terra);}
.tema-btn{border:0;color:var(--muted);}
.tema-btn:hover{color:var(--forest);border-color:transparent;}
.lang{gap:2px;}
.lang-btn{border:0;padding:6px 6px;border-radius:0;letter-spacing:.08em;color:var(--muted);}
.lang-btn:hover{color:var(--forest);}
.lang-btn.is-on{background:none;border:0;color:var(--forest);box-shadow:inset 0 -1px 0 var(--forest);}

/* ── ploča (fotografija): preko cele širine, bez uglova ─────────────────── */
.ploca{margin-top:clamp(26px,4vw,52px);}
.ploca.shell{max-width:none;padding-left:0;padding-right:0;}
.ploca img{border-radius:0;height:clamp(280px,48vh,600px);object-position:center 55%;}
.ploca--niza img{height:clamp(320px,58vh,700px);}
.ploca figcaption{max-width:var(--maxw);margin:12px auto 0;padding:0 28px;font-size:12px;}
@media (max-width:560px){ .ploca figcaption{padding:0 20px;} }

/* ── traka činjenica: red sa hairline linijama, bez kutije ─────────────── */
.cinjenice{
  background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  border-radius:0;margin-top:22px;
}
.cinjenice > div{padding:16px 22px 18px 0;border-right:1px solid var(--line);margin-right:22px;}
.cinjenice > div:last-child{margin-right:0;}
.cinjenice dt{font-size:10.5px;letter-spacing:.16em;font-weight:500;}
.cinjenice dd{font-family:'Fraunces',Georgia,serif;font-weight:400;font-variation-settings:"opsz" 36;font-size:18px;line-height:1.3;}
@media (max-width:720px){
  .cinjenice > div{padding:13px 14px 14px 0;margin-right:14px;}
  .cinjenice > div:nth-child(2n){margin-right:0;}
  .cinjenice dd{font-size:16px;}
}

/* ── početna: kolofon umesto kutije sa brojkama, indeks tema umesto pilula ── */
.cinjenice--pocetna{
  display:flex;flex-wrap:wrap;gap:6px 26px;align-items:baseline;
  border-top:1px solid var(--line);border-bottom:0;padding:16px 0 0;margin-top:26px;
}
.cinjenice--pocetna > div{display:flex;gap:7px;align-items:baseline;padding:0;border:0;margin:0;}
.cinjenice--pocetna dt{font-size:10.5px;}
.cinjenice--pocetna dd{font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:500;margin:0;}
@media (max-width:720px){ .cinjenice--pocetna{grid-template-columns:none;} }
.ipick-glava{margin-top:clamp(36px,5vw,64px);align-items:flex-end;}
.ipick-lab{font-family:'Fraunces',Georgia,serif;font-weight:300;font-variation-settings:"opsz" 96;
  text-transform:none;letter-spacing:-.02em;font-size:clamp(30px,3.8vw,48px);line-height:1.04;color:var(--forest);}
.ipick-sve{padding:11px 18px;font-size:13.5px;}
.ipick{gap:0 28px;margin-top:18px;border-bottom:1px solid var(--line);}
.ichip{
  background:none;border:0;border-radius:0;padding:12px 0 14px;
  font-family:'Fraunces',Georgia,serif;font-weight:300;font-variation-settings:"opsz" 72;
  font-size:clamp(19px,2vw,24px);letter-spacing:-.015em;color:var(--muted);
}
.ichip:hover{border-color:transparent;transform:none;color:var(--forest);}
.ichip.is-on{background:none;border-color:transparent;color:var(--forest);}
.ichip-n{font-family:'Inter',system-ui,sans-serif;font-size:11px;letter-spacing:.08em;opacity:.6;vertical-align:middle;margin-left:8px;}
.ichip.is-on .ichip-n{opacity:.7;}
.ichip.is-on::after{left:0;right:0;bottom:-1px;height:2px;background:var(--terra);border-radius:0;}
.ichip:focus-visible{outline-offset:-2px;}
@media (max-width:560px){
  .ipick{gap:0 18px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:0 20px;}
  .ipick::-webkit-scrollbar{display:none;}
  .ichip{font-size:18px;padding:10px 0 12px;white-space:nowrap;flex:none;}
}
#ipick-grid .card .shot{height:300px;}
@media (max-width:940px){ #ipick-grid .card .shot{height:230px;} }

/* ── kartice: fotografija, naslov, jedna linija — bez okvira i strelice ── */
.grid{gap:28px 28px;}
@media (max-width:940px){ .grid{gap:32px 24px;} }
.card{background:none;border:0;border-radius:0;box-shadow:none;}
a.card:hover{transform:none;box-shadow:none;border-color:transparent;}
.card .shot{border-radius:0;height:220px;}
.card .shot img{transition:opacity .25s;}
a.card:hover .shot img{transform:none;opacity:.92;}
.card .body{padding:16px 0 0;gap:6px;}
.card h3{font-weight:400;font-variation-settings:"opsz" 48;font-size:22px;line-height:1.18;}
.card p{font-size:14px;color:var(--muted);}
.card .arrow{display:none;}
.card--wide{gap:28px;}
.card--wide .body{padding:0;}
.hscroll .card{flex-basis:280px;}
.shot--slova{border-radius:0;}

/* ── izbor meseca: fotografija levo, tekst desno, bez tamne ploče ───────── */
a.feature{
  background:none;color:var(--forest);border-radius:0;box-shadow:none;
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);column-gap:clamp(24px,4vw,56px);
}
a.feature:hover{transform:none;box-shadow:none;}
.feature-shot{min-height:clamp(260px,34vw,440px);}
a.feature:hover .feature-shot img{transform:none;opacity:.92;}
.feature-body{padding:0;gap:16px;}
.feature-body .eyebrow{color:var(--muted);}
.feature-title{font-weight:300;font-variation-settings:"opsz" 144;font-size:clamp(38px,4.8vw,68px);line-height:.98;letter-spacing:-.025em;color:var(--forest);}
.feature-text{color:var(--tekst-2);font-size:16.5px;max-width:40ch;}
.feature-go{color:var(--forest);border-bottom:1px solid var(--line-2);align-self:flex-start;padding-bottom:3px;margin-top:8px;font-weight:500;}
a.feature:hover .feature-go{color:var(--terra-tekst);border-bottom-color:var(--terra);}
@media (max-width:820px){ .feature-body{padding-top:20px;} }

/* ── pločice zemalja: bez uglova, tiši veo ───────────────────────────────── */
.mosaic{gap:16px;}
.mtile{border-radius:0;}
.mtile:hover{transform:none;box-shadow:none;}
.mtile:hover img{transform:scale(1.03);}
.mtile span{font-weight:400;font-size:20px;}
.mtile--big span{font-size:30px;}

/* ── Savet dana: svetla kutija sa hairline linijom umesto tamne trake ───── */
.hackbox{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;}
.hackbox-bar{background:none;color:var(--muted);padding:14px 0 0;}
.hackbox-bar b{color:var(--muted);font-weight:500;letter-spacing:.16em;}
.hackbox-bar span{color:var(--muted);}
.hackbox-body{padding:8px 0 18px;}
.hackbox-body h3{font-weight:400;font-variation-settings:"opsz" 48;font-size:22px;}
.hackbox-cost{background:none;padding:0;color:var(--muted);font-weight:400;font-size:12.5px;border-radius:0;}
.hackbox-cost::before{content:"·";margin-right:8px;opacity:.6;}
.hack-btn{border-radius:0;background:none;}
/* v12.2: savet u bocnoj traci. Pravilo iznad mu je skinulo tamnu podlogu, a
   tekst je ostao u bojama za tamno (krem, 78 %), pa je na svetloj temi bio
   skoro nevidljiv. Sad nosi iste tokene kao ostatak strane, u obe teme. */
.hackbox--side{background:none;border-radius:0;--terra-tekst:inherit;}
.hackbox--side .hackbox-bar{border-bottom:0;}
.hackbox--side .hackbox-body{padding:8px 0 16px;}
.hackbox--side .hackbox-body h3{color:var(--forest);font-size:18px;}
.hackbox--side .hackbox-body p{color:var(--tekst-2);}
.hackbox--side .hack-date{color:var(--muted);}
.hackbox--side .hack-svi{color:var(--terra-tekst);}
.hackbox--side .hackbox-foot{border-top-color:var(--line);}
.hackbox--side .hackbox-cost{background:none;color:var(--muted);}

/* ── poziv na Match: red sa linijama, jedno dugme ───────────────────────── */
.match-cta{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:28px 0;}
.match-cta:hover{transform:none;box-shadow:none;}
.match-cta-copy strong{font-weight:300;font-variation-settings:"opsz" 96;font-size:clamp(26px,3vw,36px);letter-spacing:-.02em;}
.match-cta-copy span{font-size:15px;margin-top:6px;}
.match-cta-btn{border-radius:2px;font-weight:500;letter-spacing:.03em;padding:14px 22px;}

/* ── pismo: ravna tamna ploča, tekst levo ───────────────────────────────── */
.band{margin-top:clamp(64px,8vw,120px);}
.band-inner{border-radius:0;text-align:left;padding:clamp(48px,6vw,84px) clamp(28px,5vw,64px);}
.band-inner::before{display:none;}
.band-inner::after{display:none;}
.band-inner h2{font-weight:300;font-variation-settings:"opsz" 96;font-size:clamp(30px,3.8vw,46px);line-height:1.04;letter-spacing:-.02em;}
.band-inner p{margin-left:0;margin-right:0;font-size:16px;}
.band .signup{margin:26px 0 0;justify-content:flex-start;max-width:520px;}
.signup input[type=email]{border-radius:2px;padding:14px 18px;}
.signup .btn{border-radius:2px;}
.band .btn--light{background:var(--na-tamnom);color:var(--tamna-podloga);}
.site-foot{margin-top:clamp(40px,5vw,72px);}
.band + .site-foot{margin-top:0;border-top:1px solid rgba(251,248,242,.12);}

/* ── podnožje ──────────────────────────────────────────────────────────── */
.site-foot{padding:64px 0 40px;}
.foot-col h4,.foot-grupa h5{font-weight:500;letter-spacing:.16em;}

/* ── sitnice koje su nosile „kutiju": kolačići, tabovi, FAQ, bočne kartice ── */
.cookie-banner{box-shadow:none;}
.story-tldr{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;}
.story-cta{border-radius:0;background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;}
.budget-table{border-radius:0;border-left:0;border-right:0;}
.stat{border-radius:0;background:none;border:0;border-top:1px solid var(--line);text-align:left;padding:18px 0 0;}
.stat .num{font-weight:300;font-size:40px;color:var(--forest);}
figure.wide .frame{border-radius:0;}
.tema-cipovi a{border-radius:0;background:none;}
.soon{border-radius:0;}
.pretraga-red,.dd a,.dd2 a{border-radius:0;}

/* ── fokus: prsten u boji mastila, ne terakoti ──────────────────────────── */
.btn:focus-visible,.ichip:focus-visible,a.card:focus-visible{outline:2px solid var(--forest);outline-offset:3px;}

/* ── telefon: isti jezik, manje slovo ───────────────────────────────────── */
@media (max-width:640px){
  .celo-in h1{font-size:clamp(38px,11vw,48px);max-width:none;}
  .celo-in p.dek{font-size:17px;}
  .sec-head h2{font-size:30px;}
  .section{padding-top:56px;}
  .section--zbito{padding-top:48px;}
  .ploca img{height:56vh;object-position:center 60%;}
  .ploca--niza img{height:58vh;}
  .card .shot{height:210px;}
  .card h3{font-size:20px;}
  .feature-title{font-size:38px;}
  .band-inner{padding:48px 20px;}
  .match-cta{padding:22px 0;}
  .match-cta-copy strong{font-size:26px;}
  .ipick-lab{font-size:30px;}
  .cinjenice--pocetna{gap:4px 18px;}
  .cinjenice--pocetna > div{width:100%;}
}

/* ── naslovni blok kao u mockupu: naslov levo, dek desno, ostalo preko cele širine ── */
@media (min-width:900px){
  .celo-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:40px;align-items:end;}
  .celo-in > *{grid-column:1 / -1;}
  .celo-in .eyebrow{grid-column:1 / -1;}
  .celo-in h1{grid-column:1;grid-row:2;}
  .celo-in p.dek{grid-column:2;grid-row:2;margin:0 0 8px;max-width:34ch;}
  .celo-in .eyebrow:empty + h1{grid-row:1;}
  .celo-in .eyebrow:empty + h1 + p.dek{grid-row:1;}
}

/* ── „Moja putovanja" traka na početnoj (v12.0) ─────────────────────────── */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.trio a{
  display:flex;flex-direction:column;gap:10px;padding:32px 32px 32px 0;margin-right:32px;
  border-right:1px solid var(--line);text-decoration:none;color:inherit;
}
.trio a:last-child{border-right:0;margin-right:0;}
.trio-num{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:56px;line-height:1;letter-spacing:-.03em;color:var(--forest);}
.trio-num[hidden]{display:none;}
.trio-h{font-size:22px;font-weight:400;font-variation-settings:"opsz" 48;letter-spacing:-.012em;line-height:1.2;color:var(--forest);margin-top:4px;}
.trio p{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:32ch;}
.trio .inlink-more{margin-top:6px;align-self:flex-start;}
.trio a:hover .trio-h{color:var(--terra-tekst);}
@media (max-width:900px){
  .trio{grid-template-columns:1fr;}
  .trio a{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:24px 0;}
  .trio a:last-child{border-bottom:0;}
}

/* ── ostatak kutija (v12.0): pretraga, bočne kartice, Match najava, vodiči, hakovi, mapa, Match ── */
.pretraga.je-siroka{background:none;border:0;border-bottom:1px solid var(--line-2);border-radius:0;box-shadow:none;padding:2px 0;}
.pretraga.je-siroka .pretraga-polje{font-size:14.5px;}
/* 14.9.2026: ispod 1200px razvučeno polje leži PREKO trake, a v12.0 mu je
   skinuo pozadinu — kroz „Traži…“ se video natpis nomadinho (Vlada, telefon).
   Pozadina zaglavlja i visina trake prekrivaju logo; linija ispod ostaje. */
@media (max-width:1199px){
  .pretraga.je-siroka{background:var(--cream);min-height:44px;padding:4px 2px;}
}
.side-card{border-radius:0;box-shadow:none;border-left:0;border-right:0;border-bottom:0;border-top:1px solid var(--line);}
.mtease{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:20px 0;box-shadow:none;}
.mtease.is-empty{border-left:0;}
.gpill{border-radius:0;border:0;border-bottom:1px solid transparent;padding:8px 0;background:none;}
.gpill.is-on,.gpill:hover{border-bottom-color:var(--forest);background:none;}
.guide-nav{gap:22px;border-bottom:1px solid var(--line);}
.inlink-shot{border-radius:0;}
.hak{border-radius:0;border-left:0;border-right:0;border-bottom:0;background:none;padding:20px 0;}
.hak:target{box-shadow:none;border-top-color:var(--terra);}
.alat-trazi{border-radius:0;background:none;border:0;border-bottom:1px solid var(--line-2);}
.bio-kutija,.bio-panel{border-radius:0;box-shadow:none;}
.mx-hero,.mx-plocica{border-radius:0;box-shadow:none;}
.mx-hero:hover,.mx-plocica:hover{transform:none;box-shadow:none;}
.mapblok-mini{border-radius:0;}
.story-toc,.side-toc{border-radius:0;}
.tabela,.mtable{border-radius:0;}
.cookie-inner .btn{border-radius:2px;}
/* pilule tema na spisku priča i filteri: tekst sa linijom umesto kapsule */
.tema-cipovi a{border:0;border-bottom:1px solid var(--line);padding:6px 0;gap:8px;}
.tema-cipovi a:hover{border-bottom-color:var(--forest);}
/* kartice sa slovom (bez fotografije) ostaju, samo bez uglova */
.card .shot--slova{border-radius:0;}

/* v12.0.1: polje pretrage na sirokom ekranu bez pilule — linija ispod, kao ostatak zaglavlja */
@media (min-width:1200px){
  .pretraga{border:0;border-bottom:1px solid var(--line-2);background:none;border-radius:0;padding:2px 0;}
  .pretraga:focus-within,.pretraga.je-siroka{border-color:var(--forest);box-shadow:none;}
}

/* ═══════════════════════════════════════════════════════════════════════
   SKIN „EDITORIAL" — podstranice (v12.1)
   Mockup Export\redizajn-3\e-*.html prenet na prave klase: početna (planer,
   dugme u naslovu), „Sačuvaj" kao tihi link, mesto (numerisan „Šta obići",
   tipografski „na dohvat", tri kolone „nisi znao", lepljiva bočna kolona),
   priča (standfirst, sadržaj sa tačkom), hakovi (indeks levo, redovi desno),
   mapa (jednobojna, pasoš kao velike brojke), lista (redovi po zemljama),
   Match (pitanja kao redovi, rezultat kao vodeća priča, rang kao redovi).
   ═══════════════════════════════════════════════════════════════════════ */

/* ── početna: dugme u naslovnom bloku, planer ispod fotografije ─────────── */
.celo-in .hero-cta{grid-column:1 / -1;justify-self:start;margin:22px 0 4px;}
@media (min-width:900px){
  .celo-in .hero-cta{grid-column:2;grid-row:2;margin:0 0 8px;align-self:start;}
  .celo-in .eyebrow:empty ~ .hero-cta{grid-row:2;}
}
.planer{display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 clamp(28px,4vw,44px);}
.planer .pf{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;padding:18px 24px 18px 0;border-right:1px solid var(--line);margin-right:24px;cursor:pointer;}
.planer .pf .k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;}
.planer select{
  appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;
  font-family:'Fraunces',Georgia,serif;font-weight:400;font-variation-settings:"opsz" 48;
  font-size:26px;line-height:1.2;letter-spacing:-.01em;color:var(--forest);
  padding:0 28px 0 0;cursor:pointer;width:100%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A9690' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right center;background-size:18px;
}
.planer select option{font-family:'Inter',sans-serif;font-size:15px;color:var(--forest);background:var(--cream);}
.planer select:focus{outline:none;}
.planer select:focus-visible{outline:2px solid var(--terra);outline-offset:4px;}
.planer .btn{align-self:center;flex:none;}
.ipick{display:none;}
.sec-head--rez{margin-top:0;}
#predlozi .sec-head + .planer{margin-top:0;}
@media (max-width:680px){
  .planer{flex-direction:column;}
  .planer .pf{border-right:0;margin-right:0;border-bottom:1px solid var(--line);padding:16px 0;}
  .planer select{font-size:22px;}
  .planer .btn{align-self:stretch;justify-content:center;margin:16px 0;}
}

/* ── „Sačuvaj — idem tamo" kao tihi link u naslovnom bloku ─────────────── */
.celo-zelja{margin-top:18px;}
.celo-zelja .zelja-btn{
  background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 3px;
  font-size:13.5px;font-weight:500;color:var(--tekst-2);
  border-bottom:1px solid var(--line-2);
}
.celo-zelja .zelja-btn:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);background:none;}
.celo-zelja .zelja-btn.is-on{background:none;color:var(--forest);border-bottom-color:var(--forest);opacity:1;}
/* 11. 9. 2026: `:root[data-tema="tamna"] .btn:hover` je jači od pravila iznad i
   tihom linku davao svetlu pozadinu — „On your list“ se na hover nije čitalo. */
:root[data-tema="tamna"] .celo-zelja .zelja-btn:hover{background:none;}
.celo-zelja .zelja-btn.is-on svg{fill:var(--terra);stroke:var(--terra);}
/* 28. 9. 2026: datum poslednje izmene teksta (isti kao lastmod u sitemapu) */
.celo-azurirano{margin-top:10px;font-size:12.5px;letter-spacing:.02em;color:var(--muted);}
@media (min-width:900px){
  .celo-in .celo-zelja{grid-column:2;grid-row:3;margin-top:0;align-self:start;}
  .celo-in .eyebrow:empty ~ .celo-zelja{grid-row:2;}
}

/* ── mesto: „Šta obići" kao numerisan spisak ───────────────────────────── */
.hl-lista{counter-reset:hl;border-top:1px solid var(--line);margin-top:0;}
@media (min-width:1000px){.hl-lista{grid-template-columns:1fr 1fr;column-gap:64px;}}
.hl-red{
  counter-increment:hl;display:grid;grid-template-columns:44px minmax(0,1fr) 96px;
  gap:20px;padding:26px 0;border-top:0;border-bottom:1px solid var(--line);align-items:start;
}
.hl-red:first-child{border-top:0;}
.hl-red::before{
  content:counter(hl,decimal-leading-zero);font-family:'Fraunces',Georgia,serif;font-weight:300;
  font-size:26px;line-height:1;color:var(--muted);padding-top:4px;
}
.hl-red .hl-tekst{order:2;}
.hl-red .hl-slika{order:3;border-radius:0;}
.hl-tekst h3{font-weight:400;font-variation-settings:"opsz" 48;font-size:22px;letter-spacing:-.012em;margin-bottom:8px;}
.hl-tekst p{font-size:15.5px;}
@media (max-width:680px){
  .hl-red{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px 0;}
  .hl-red .hl-slika{display:none;}
  .hl-tekst h3{font-size:19px;}
}

/* ── mesto: „na dohvat" kao tipografska lista ──────────────────────────── */
.blizu{gap:0 64px;}
.blizu-red{padding:12px 0;gap:16px;}
.blizu-ime{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:21px;letter-spacing:-.01em;}
.blizu-tip,.blizu-km{font-size:13px;color:var(--muted);letter-spacing:.02em;}
.blizu-red:hover{color:var(--terra-tekst);}
@media (max-width:680px){.blizu-ime{font-size:19px;}}

/* ── mesto: „nisi znao" u tri kolone, „Kreni" kao red, bočna kolona lepljiva ── */
@media (min-width:1000px){
  .znas{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;}
}
.znas-vrsta{color:var(--muted);letter-spacing:.14em;font-size:11px;font-weight:500;}
.znas-red{padding:20px 0 22px;}
.panel-title{font-weight:300;font-variation-settings:"opsz" 96;font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;}
.cta-row{margin-top:18px;}
.vodici{gap:32px;}
.vtab{padding:14px 0;font-weight:500;}
.vtab.is-on{border-bottom-color:var(--forest);}

/* ── priča: standfirst umesto kutije, sadržaj sa tačkom ────────────────── */
.story-tldr{
  background:none;border:0;border-radius:0;padding:0;margin:0 0 32px;max-width:680px;
}
.story-tldr .eyebrow{margin-bottom:10px;}
.story-tldr p{
  font-family:'Fraunces',Georgia,serif;font-weight:300;font-style:italic;
  font-variation-settings:"opsz" 36;font-size:24px;line-height:1.42;letter-spacing:-.008em;
}
.toc-item{border-left:0;padding:6px 0;font-size:14.5px;color:var(--tekst-2);position:relative;}
.toc-item:hover{color:var(--forest);}
.toc-item.is-here{border-left:0;padding-left:14px;color:var(--forest);font-weight:500;}
.toc-item.is-here::before{content:"";position:absolute;left:0;top:14px;width:6px;height:6px;border-radius:50%;background:var(--terra);}

/* ── hakovi: indeks levo, numerisani redovi desno ──────────────────────── */
.hak-omot{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:80px;align-items:start;margin-top:26px;}
.hak-indeks{position:sticky;top:96px;}
.fchips--hak{margin:0;display:flex;flex-direction:column;gap:0;}
.fchips--hak .fchip{
  display:flex;justify-content:space-between;width:100%;text-align:left;
  padding:10px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;
  background:none;font-size:15px;font-weight:500;color:var(--muted);
}
.fchips--hak .fchip:hover,.fchips--hak .fchip.is-on{color:var(--forest);background:none;border-color:var(--line);}
.hak-grupa{margin-bottom:56px;}
.hak-kat{font-weight:300;font-variation-settings:"opsz" 96;font-size:30px;letter-spacing:-.02em;margin:0 0 8px;display:flex;gap:16px;align-items:baseline;}
.hak-kat span{font-size:13px;letter-spacing:.1em;color:var(--muted);font-weight:400;}
.hak-mreza{display:block;}
.hak{
  display:grid;grid-template-columns:56px minmax(0,1fr) 120px;column-gap:24px;row-gap:0;
  padding:24px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;
}
.hak-vrh{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;}
.hak-znak{display:none;}
.hak-no{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:24px;letter-spacing:-.01em;color:var(--muted);padding-top:2px;}
.hak h3{grid-column:2;grid-row:1;font-weight:400;font-variation-settings:"opsz" 48;font-size:22px;letter-spacing:-.012em;margin:0 0 8px;}
.hak p{grid-column:2;grid-row:2;font-size:16px;}
.hak-cost{grid-column:3;grid-row:1;margin:0;text-align:right;padding-top:6px;}
.hak:target{border-top:0;border-bottom-color:var(--terra);box-shadow:none;}
@media (max-width:1000px){
  .hak-omot{grid-template-columns:1fr;}
  .hak-indeks{position:static;margin-bottom:32px;}
  .fchips--hak{flex-direction:row;flex-wrap:wrap;gap:0 24px;}
  .fchips--hak .fchip{width:auto;border-bottom:0;padding:8px 0;font-size:14px;}
}
@media (max-width:680px){
  .hak{grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding:20px 0;}
  .hak-cost{grid-column:2;grid-row:3;text-align:left;padding-top:8px;}
  .hak h3{font-size:19px;}
  .hak-no{font-size:20px;}
  .hak-kat{font-size:26px;}
}

/* ── mapa: jednobojna, pinovano u boji mastila, pasoš kao velike brojke ─── */
:root{
  --more:var(--cream);--kopno:#E6DFD1;--kopno-nase:#CFC5B0;
  --kopno-bio:var(--forest);--obala:var(--cream);
}
:root[data-tema="tamna"]{--kopno:#22403A;--kopno-nase:#3B5A50;}
.bio-mapa{border-radius:0;}
.bio-mapa .z:hover{fill:var(--terra);}
.bio-legenda{background:none;border:0;border-radius:0;padding:0;font-size:12px;color:var(--muted);letter-spacing:.02em;left:18px;right:auto;}
.bio-legenda i{border-radius:0;}
.bio-legenda .l-bio{background:var(--kopno-bio);}
.bio-legenda .l-nase{background:var(--terra);}
.bio-brojke{gap:0;margin-top:clamp(20px,3vw,32px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.bio-brojke .bk{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:24px 24px 24px 0;margin-right:24px;}
.bio-brojke .bk:last-child{border-right:0;margin-right:0;}
.bio-brojke .k{font-size:10.5px;letter-spacing:.14em;color:var(--muted);}
.bio-brojke .v{font-weight:300;font-size:clamp(40px,4.4vw,56px);line-height:1;letter-spacing:-.03em;margin-top:8px;}
.bio-brojke .v small{font-size:13px;letter-spacing:.02em;margin-left:6px;}
.bio-brojke .d{margin-top:8px;}
.bio-brojke .traka{display:none;}
.bio-prazno{padding:24px 0;font-size:15px;color:var(--muted);}
.bio-split{gap:56px;margin-top:clamp(28px,3vw,44px);}
.bio-zum button{border-radius:0;background:var(--cream);border:1px solid var(--line);}
.bio-soc{border-radius:50%;background:var(--cream);}
.bio-panel{border:0;background:none;border-radius:0;padding:0;box-shadow:none;}
.bio-tabovi{gap:22px;}
.bio-tabovi button{flex:none;font-size:14px;font-weight:500;padding:10px 0;border-bottom:1px solid transparent;}
.bio-tabovi button.on{border-bottom-color:var(--forest);color:var(--forest);}
.bio-tabovi button .br{background:none;border:0;padding:0;margin-left:6px;color:var(--muted);font-weight:400;}
/* 11. 9. 2026: „Obriši mapu“ desno u redu sa tabovima, isti oblik kao
   „Clear the list“ na listi želja (.zelje-vrh .btn--ghost). */
.bio-tabovi button.bio-ocisti{margin-left:auto;align-self:center;padding:10px 0;border:0;
  font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.bio-tabovi button.bio-ocisti:hover{color:var(--terra-tekst);}
.bio-tabovi button.bio-ocisti[hidden]{display:none;}
.bio-trazi{padding:0;}
.bio-trazi input{border:0;border-bottom:1px solid var(--line-2);border-radius:0;background:none;padding:10px 0;font-size:15px;}
.bio-trazi input:focus{outline:none;border-bottom-color:var(--forest);}
.bio-stavka{padding:10px 0;font-size:15px;grid-template-columns:auto minmax(0,1fr) auto;}
.bio-stavka:hover{background:none;color:var(--terra-tekst);}
.bio-dole{gap:0 64px;margin-top:clamp(40px,5vw,64px);}
.bio-kutija{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0 0;}
.bio-kutija h2{font-weight:300;font-variation-settings:"opsz" 96;font-size:28px;letter-spacing:-.02em;}
.bio-kutija .pod{font-size:14px;}
.bio-redovi{gap:0;}
.bio-redovi .rd{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;}
.bio-redovi .rd:last-child{border-bottom:1px solid var(--line);padding-bottom:12px;}
.bio-redovi .l b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:18px;letter-spacing:-.01em;color:var(--forest);}
.bio-znacke{display:flex;flex-direction:column;gap:0;}
.bio-znacke .zn{
  display:flex;align-items:baseline;gap:16px;background:none;border:0;border-bottom:1px solid var(--line);
  border-radius:0;padding:14px 0;font-size:13.5px;color:var(--muted);
}
.bio-znacke .zn b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:20px;letter-spacing:-.01em;}
.bio-znacke .zn svg{align-self:center;color:var(--terra);}
.bio-znacke .zn.zakljucana{opacity:.45;}
.bio-znacke .zn.zakljucana svg{color:var(--muted);}
/* v12.2b: znacke kao ploce u mrezi — ikonica i ime, opis u title; osvojene
   odmah, zakljucane iza dugmeta. Redovi sa opisom su bili tri ekrana skrola. */
.bio-znacke{display:block;}
.zn-mreza{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));column-gap:18px;}
.zn-mreza--zakl{margin-top:4px;}
.bio-znacke .zn{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);
  font-size:13px;color:var(--muted);cursor:default;min-width:0;}
.bio-znacke .zn svg{width:22px;height:22px;flex:none;}
.bio-znacke .zn b{font-size:16px;line-height:1.25;min-width:0;}
.bio-znacke .zn.zakljucana{opacity:.62;}
.bio-znacke .zn.zakljucana b{color:var(--muted);}
.bio-znacke .zn-n{font-style:normal;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;flex:none;}
.zn-vise{margin-top:16px;padding:6px 0;background:none;border:0;border-bottom:1px solid var(--line-2);
  font:inherit;font-size:13.5px;color:var(--tekst-2);cursor:pointer;}
.zn-vise:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.zn-prazno{font-size:14px;color:var(--muted);margin:0;}
/* v12.2b: red u spisku mape je div — kvacica (dugme) i ikonica strane (link) su braca */
.bio-stavka{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;}
.bio-pin{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;width:100%;
  background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:left;cursor:pointer;}
.bio-stavka a.zvez{padding:8px 4px 8px 10px;text-decoration:none;}
.bio-stavka a.zvez:hover{color:var(--forest);}
.bio-pin:focus-visible,.bio-stavka a.zvez:focus-visible{outline:2px solid var(--terra);outline-offset:2px;}
.zn-br{font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:400;color:var(--muted);
  letter-spacing:0;margin-left:6px;font-variant-numeric:tabular-nums;}
@media (max-width:900px){
  .bio-brojke{grid-template-columns:1fr 1fr;}
  .bio-brojke .bk:nth-child(even){border-right:0;margin-right:0;}
  .bio-brojke .bk{padding:18px 16px 18px 0;margin-right:16px;border-bottom:1px solid var(--line);}
  .bio-brojke .v{font-size:40px;}
}
@media (max-width:680px){
  .bio-legenda{position:static;padding:10px 12px;flex-wrap:wrap;gap:10px 16px;}
  /* 10. 9. 2026: legenda ispod mape se nije videla — okvir je imao fiksan
     odnos 1000/487 i overflow:hidden, pa je seckao sve ispod karte. Sad odnos
     drži sama karta, a okvir raste za legendu. */
  .bio-mapa{aspect-ratio:auto;}
  .bio-mapa svg{height:auto;aspect-ratio:1000/487;}
}

/* ── lista: sačuvana mesta kao redovi po zemljama ──────────────────────── */
.zelje-vrh{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:0;}
.zelje-vrh .btn--ghost{border:0;padding:0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:none;}
.zelje-vrh .btn--ghost:hover{color:var(--terra-tekst);background:none;}
.zelje-zemlja{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:48px;padding:32px 0;border-bottom:1px solid var(--line);}
.zelje-z{font-weight:400;font-variation-settings:"opsz" 48;font-size:24px;letter-spacing:-.012em;margin:0;}
.zelja-kart{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:14px 0;position:static;}
.zelja-kart + .zelja-kart{border-top:1px solid var(--line);}
.zelja-veza{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:center;text-decoration:none;color:inherit;}
.zelja-veza img{width:88px;height:88px;object-fit:cover;display:block;}
.zelja-veza .n{font-weight:400;font-size:22px;letter-spacing:-.01em;}
.zelja-veza:hover .n{color:var(--terra-tekst);}
.zelja-x{
  position:static;width:auto;height:auto;border:0;background:none;border-radius:0;box-shadow:none;
  font:inherit;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;padding:6px 0;
}
.zelja-x:hover{color:var(--terra-tekst);background:none;}
.zelje-prazno h2{font-weight:300;font-variation-settings:"opsz" 96;font-size:30px;}
@media (max-width:900px){.zelje-zemlja{grid-template-columns:1fr;gap:12px;}}
@media (max-width:680px){
  .zelja-veza{grid-template-columns:64px minmax(0,1fr);gap:14px;}
  .zelja-veza img{width:64px;height:64px;}
  .zelja-veza .n{font-size:19px;}
  .zelja-x{font-size:11px;}
}

/* ── Match: pitanja kao redovi, rezultat kao vodeća priča, rang kao redovi ── */
.mx-uvod{padding-top:clamp(8px,1.5vw,16px);}
.mx-traka{display:block;background:none;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;padding:0;}
.mx-pop{display:none;}
.mx-red{display:grid;grid-template-columns:220px minmax(0,1fr);column-gap:48px;padding:26px 0;border-bottom:1px solid var(--line);align-items:baseline;}
.mx-red-k{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:22px;letter-spacing:-.01em;display:flex;gap:14px;align-items:baseline;color:var(--forest);}
.mx-red-k small{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.14em;color:var(--muted);}
.mx-red-k i{display:block;font-family:'Inter',sans-serif;font-style:normal;font-size:12.5px;color:var(--muted);letter-spacing:0;margin-top:4px;}
.mx-red-k span{display:flex;flex-direction:column;}
.mx-opcije{gap:6px 28px;}
.mx-opcija{
  background:none;border:0;border-radius:0;padding:4px 0;font-size:15.5px;font-weight:400;color:var(--muted);
  display:inline-flex;align-items:center;gap:10px;transform:none;box-shadow:none;
}
.mx-opcija:hover{color:var(--forest);transform:none;border:0;}
.mx-opcija[aria-pressed="true"]{background:none;border:0;color:var(--forest);font-weight:500;}
.mx-opcija[aria-pressed="true"]::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--terra);flex:none;}
.mx-rng{max-width:420px;}
.mx-rng b{font-size:15px;color:var(--forest);font-weight:500;}
.mx-red--dno{grid-template-columns:1fr auto;padding:16px 0;}
.mx-broj{font-size:13px;}
.mx-ocisti{border:0;padding:0;min-height:0;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:500;}
.mx-ocisti:hover{color:var(--terra-tekst);background:none;}
.mx-red-veza{margin-top:22px;}
.mx-prekidac{border:0;padding:0;background:none;font-size:14px;color:var(--tekst-2);}
.mx-prekidac .sklop{border:1px solid var(--line-2);background:none;}
.mx-prekidac .sklop i{background:var(--forest);}
.mx-prekidac.on .sklop{background:var(--forest);border-color:var(--forest);}
.mx-prekidac.on .sklop i{background:var(--cream);}
/* rezultat: fotografija levo, broj i ime desno */
.mx-najbolji{margin-top:clamp(40px,5vw,64px);}
.mx-hero{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:48px;align-items:center;
  background:none;color:var(--forest);border-radius:0;box-shadow:none;overflow:visible;margin-top:0;
}
.mx-hero:hover{transform:none;box-shadow:none;}
.mx-hero img,.mx-hero .mx-bez-slike{grid-column:1;grid-row:1 / 3;height:auto;aspect-ratio:3 / 2;width:100%;}
.mx-hero .mx-veo{display:none;}
.mx-ocena{position:static;grid-column:2;grid-row:1;align-self:end;}
.mx-prsten{width:auto;height:auto;display:block;}
.mx-prsten svg{display:none;}
.mx-prsten b{
  font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:clamp(72px,8vw,120px);line-height:.9;
  letter-spacing:-.04em;color:var(--forest);display:block;
}
.mx-prsten b i{font-style:normal;font-size:.38em;opacity:1;color:var(--muted);margin-left:2px;}
.mx-prsten .cap{position:static;transform:none;display:block;margin-top:14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.mx-kopija{position:static;padding:0;max-width:none;grid-column:2;grid-row:2;align-self:start;margin-top:14px;}
.mx-kopija .kicker{color:var(--muted);font-weight:500;letter-spacing:.14em;font-size:11px;}
.mx-kopija .mx-ime{color:var(--forest);font-weight:300;font-variation-settings:"opsz" 96;font-size:clamp(34px,3.4vw,48px);letter-spacing:-.02em;line-height:1.05;margin-top:8px;}
.mx-kopija .gde{color:var(--muted);font-size:14px;margin-top:8px;}
.mx-kopija .mx-tag{color:var(--tekst-2);font-size:16px;margin-top:12px;}
.mx-strip{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;margin-top:clamp(28px,3vw,40px);}
.mx-strip .pola{padding:20px 24px 20px 0;}
.mx-strip .pola + .pola{border-left:1px solid var(--line);padding-left:24px;}
.mx-traka-s{border-radius:0;background:var(--cream-2);}
.mx-traka-s i{border-radius:0;background:var(--forest);}
.mx-live{font-size:13px;color:var(--muted);}
.mx-slicno-sek{padding-top:clamp(28px,3vw,44px);}
.mx-slicno-glava h2{font-weight:300;font-variation-settings:"opsz" 96;font-size:30px;}
.mx-slicno{gap:0 48px;}
.mx-mini{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0;}
.mx-mini img{border-radius:0;}
/* tabovi kao tekst sa linijom */
.mtoggle{background:none;border:0;border-radius:0;padding:0;gap:22px;border-bottom:1px solid var(--line);}
.mtab{background:none;border:0;border-radius:0;box-shadow:none;padding:10px 0;font-size:14px;font-weight:500;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px;}
.mtab.is-on{background:none;box-shadow:none;color:var(--forest);border-bottom-color:var(--forest);}
.mx-glava h2{font-family:'Fraunces',Georgia,serif;font-weight:300;font-variation-settings:"opsz" 96;font-size:30px;}
/* rang: redovi sa procentom, sličicom i imenom */
.mx-mreza{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;gap:0 64px;border-top:1px solid var(--line);}
.mx-plocica{
  display:grid;grid-template-columns:72px 88px minmax(0,1fr);column-gap:20px;align-items:center;
  padding:16px 0;border-bottom:1px solid var(--line);background:none;color:var(--forest);
  border-radius:0;box-shadow:none;overflow:visible;animation:none;
}
.mx-plocica:hover{transform:none;box-shadow:none;}
.mx-plocica .pct{
  position:static;order:1;font-weight:300;font-size:32px;letter-spacing:-.02em;color:var(--forest);
  background:none;border:0;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;
}
.mx-plocica img,.mx-plocica .mx-bez-slike{order:2;width:88px;height:88px;display:block;}
.mx-plocica .kopija{position:static;order:3;padding:0;width:auto;}
.mx-plocica .kopija b{color:var(--forest);font-weight:400;font-size:22px;letter-spacing:-.01em;}
.mx-plocica .kopija small{display:block;color:var(--muted);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:4px;}
.mx-plocica .mx-zasto-red{display:block;font-style:normal;color:var(--tekst-2);font-size:13.5px;margin-top:4px;}
.mx-plocica .veo,.mx-plocica .otisak,.mx-plocica .mx-vreme{display:none;}
.mnote{margin-top:22px;}
@media (max-width:1000px){
  .mx-red{grid-template-columns:1fr;gap:10px;}
  .mx-hero{grid-template-columns:1fr;column-gap:0;}
  .mx-hero img,.mx-hero .mx-bez-slike{grid-column:1;grid-row:1;}
  .mx-ocena{grid-column:1;grid-row:2;margin-top:24px;}
  .mx-kopija{grid-column:1;grid-row:3;}
  .mx-mreza{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .mx-red{padding:20px 0;}
  .mx-red-k{font-size:20px;}
  .mx-opcije{gap:4px 20px;}
  .mx-opcija{font-size:15px;min-height:32px;}
  .mx-prsten b{font-size:72px;}
  .mx-plocica{grid-template-columns:52px 64px minmax(0,1fr);column-gap:14px;}
  .mx-plocica img,.mx-plocica .mx-bez-slike{width:64px;height:64px;}
  .mx-plocica .pct{font-size:26px;}
  .mx-plocica .kopija b{font-size:19px;}
  .mx-strip{grid-template-columns:1fr;}
  .mx-strip .pola + .pola{border-left:0;padding-left:0;border-top:1px solid var(--line);}
}

/* ── v12.1, drugi krug posle snimaka ───────────────────────────────────── */
.mx-ocena{background:none;padding:0;border-radius:0;}
.side-box,.side-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 0 0;box-shadow:none;}
.side-toc{background:none;}
.panel,.panel--cta{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:28px 0 0;box-shadow:none;}
.zelja-bez{display:block;width:88px;height:88px;background:var(--cream-2);}
.sec-head--rez h2{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin:0 0 6px;}
.sec-head--rez p{margin-top:0;}
@media (max-width:1000px){.mx-red--dno{grid-template-columns:1fr auto;align-items:center;}}
@media (max-width:680px){.zelja-bez{width:64px;height:64px;}}

/* ── v12.1, treći krug ─────────────────────────────────────────────────── */
.zelja-veza .n{grid-column:2;}
/* sadržaj priče je lepljiv i ide preko kartica ispod — treba mu podloga */
.sub-side--prosto > .side-card:first-child{background:var(--cream);z-index:2;padding-bottom:16px;}

/* ── v12.4, Features 3.0 ───────────────────────────────────────────────── */
/* „Iznenadi me" u futeru, izgleda kao ostali linkovi kolone */
.foot-col .foot-iznenadi{display:block;background:none;border:0;padding:0;margin:0 0 8px;font:inherit;font-size:13.5px;
  color:rgba(251,248,242,.75);cursor:pointer;text-align:left;}
.foot-col .foot-iznenadi:hover{color:var(--sand);}
@media (max-width:680px){.foot-col .foot-iznenadi{padding:3px 0;margin-bottom:5px;}}
/* planer u heroju pocetne: ulaz u Match, preko cele sirine ispod naslova */
.celo-in .planer--hero{grid-column:1 / -1;margin:26px 0 8px;}
.celo-in .hero-ili{grid-column:1 / -1;justify-self:start;font-size:14px;color:var(--tekst-2);text-decoration:none;
  border-bottom:1px solid var(--line-2);padding-bottom:1px;margin-bottom:6px;}
.celo-in .hero-ili:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.planer--hero button.btn{cursor:pointer;border:0;}
/* odlučni red na strani mesta (tačka 3): stubići klime, sitni opis ispod broja */
.cinjenice--odluka dd small{display:block;font-family:'Inter',system-ui,sans-serif;font-size:11.5px;
  color:var(--muted);font-weight:400;margin-top:3px;line-height:1.35;}
.cinjenice--odluka dd a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line-2);}
.cinjenice--odluka dd a:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.cinjenice--odluka dd i{font-style:normal;font-size:.7em;margin-left:1px;}
.od-graf{display:block;margin:4px 0 5px;overflow:visible;}
.od-stub{fill:var(--line-2);}
.od-stub.sad{fill:var(--terra);}
.od-mesec{display:block;font-family:'Inter',system-ui,sans-serif;font-size:12.5px;color:var(--tekst-2);line-height:1.35;}
/* jedno pitanje na vodiču (tačka 7) */
.pitanje{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:28px auto 8px;padding:16px 0 18px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.pitanje-q{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:22px;letter-spacing:-.01em;color:var(--forest);}
.pitanje select{appearance:none;-webkit-appearance:none;border:0;border-bottom:1px solid var(--forest);border-radius:0;
  background:transparent;font-family:'Fraunces',Georgia,serif;font-size:22px;color:var(--forest);padding:0 22px 0 0;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A9690' stroke-width='1.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right center;background-size:16px;}
.pitanje select:focus-visible{outline:2px solid var(--terra);outline-offset:4px;}
/* Otvorena lista je prozor sistema: bez ovoga nasledi Fraunces 22px i svetlo
   slovo teme, a podlogu crta bela — na tamnoj temi slova se nisu videla (25.9). */
select option{font-family:'Inter',system-ui,sans-serif;font-size:15px;color:var(--forest);background:var(--white);}
select option:checked{background:var(--cream-2);color:var(--forest);}
.pitanje-odg{flex-basis:100%;margin:4px 0 0;font-size:15px;color:var(--tekst-2);max-width:70ch;}
.pitanje .inlink-more{font-size:14px;}

/* ── Match: polazna tačka (v12.4) — odvojena od šest pitanja, ne ulazi u procenat ── */
.pl-sek{padding-top:clamp(6px,1vw,12px);padding-bottom:0;}
.pl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 48px;align-items:center;
  background:var(--cream-2);border-radius:var(--radius);padding:18px 24px;}
.pl-od,.pl-do{display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap;min-width:0;}
.pl-k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;}
.pl-polje{position:relative;flex:1 1 190px;min-width:0;max-width:300px;}
.pl-polje input{width:100%;font:inherit;font-size:15.5px;color:var(--forest);background:var(--white);
  border:1px solid var(--line-2);border-radius:var(--radius);padding:8px 12px;}
.pl-polje input:focus{outline:2px solid var(--terra);outline-offset:1px;}
.pl-predlozi{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px;list-style:none;
  background:var(--white);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 12px 30px rgba(0,0,0,.14);
  max-height:290px;overflow:auto;}
.pl-predlozi li{padding:8px 10px;border-radius:7px;cursor:pointer;font-size:14.5px;color:var(--forest);
  display:flex;justify-content:space-between;gap:10px;}
.pl-predlozi li small{color:var(--muted);font-size:12.5px;}
.pl-predlozi li[aria-selected="true"],.pl-predlozi li:hover{background:var(--cream-2);}
.pl-predlozi li.pl-nema{cursor:default;color:var(--muted);}
.pl-gps{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;font:inherit;
  font-size:14px;color:var(--terra-tekst);cursor:pointer;}
.pl-gps svg{width:16px;height:16px;flex:none;}
.pl-gps:hover span{text-decoration:underline;}
.pl-gps:disabled{opacity:.55;cursor:progress;}
.pl-opcije{display:flex;flex-wrap:wrap;}
.pl-nap{grid-column:1 / -1;margin:0;font-size:13px;line-height:1.5;color:var(--muted);}
.pl-nap b{color:var(--terra-tekst);font-weight:500;}
.pl-nap b:empty{display:none;}
@media (max-width:760px){.pl{grid-template-columns:1fr;gap:12px;padding:16px;}}

/* ── Match v12.5: rezultat prvi (skica B), prikazi Uporedi (C) i Na karti (D) ──
   Nacrt: Export\Match-redizajn-skice.html. Klase su nove (mxb-, mxc-), da se
   ne sudare sa četiri sloja starih pravila za .mx-hero i .mx-plocica. */
.mxb{padding-top:clamp(6px,1vw,14px);padding-bottom:0;}
.mxb-hero{position:relative;display:block;border-radius:var(--radius);overflow:hidden;
  height:clamp(360px,38vw,480px);color:#FBF8F2;background:#193B35;text-decoration:none;isolation:isolate;}
.mxb-hero img,.mxb-hero .mx-bez-slike{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.mxb-veo{position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(10,24,21,.86) 0%,rgba(10,24,21,.55) 42%,rgba(10,24,21,.06) 78%);}
.mxb-tekst{position:absolute;left:clamp(22px,4vw,52px);top:clamp(26px,4vw,48px);bottom:clamp(64px,6.5vw,80px);
  max-width:min(560px,60%);display:flex;flex-direction:column;align-items:flex-start;}
.mxb-kick{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,248,242,.78);font-weight:500;}
.mxb-ime{font-weight:400;font-size:clamp(46px,7vw,92px);line-height:.95;letter-spacing:-.025em;margin:12px 0 10px;}
.mxb-gde{font-size:15px;color:rgba(251,248,242,.92);}
.mxb-gde span{border-bottom:1px dotted rgba(251,248,242,.5);}
.mxb-tag{font-style:italic;font-size:clamp(17px,1.6vw,20px);line-height:1.35;margin-top:12px;max-width:32ch;color:rgba(251,248,242,.92);}
.mxb-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#FBF8F2;font-weight:500;font-size:15px;
  padding-bottom:3px;border-bottom:1px solid rgba(251,248,242,.55);}
.mxb-cta::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--terra);}
.mxb-hero:hover .mxb-cta{border-bottom-color:#FBF8F2;}
.mxb-hero:focus-visible{outline:3px solid var(--terra);outline-offset:3px;}
.mxb-ocena{position:absolute;right:clamp(22px,4vw,52px);top:clamp(26px,4vw,48px);width:150px;height:150px;
  display:grid;place-items:center;}
.mxb-ocena svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);}
.mxb-ocena b{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:46px;line-height:1;margin-top:-10px;
  font-variant-numeric:tabular-nums;color:#FBF8F2;}
.mxb-ocena b i{font-style:normal;font-size:.5em;opacity:.8;}
.mxb-ocena .cap{position:absolute;bottom:42px;left:0;right:0;text-align:center;font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(251,248,242,.75);}

/* traka sa odgovorima, preko donje ivice fotografije */
.mxb-odg{position:relative;z-index:2;margin:-34px clamp(12px,2.4vw,28px) 0;background:var(--white);
  border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.mxb-odg.pretpostavka{border-color:var(--terra);}
.mxb-k{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-right:2px;}
.mxb-odg.pretpostavka .mxb-k{color:var(--terra-tekst);}
.mxb-cipovi{display:flex;flex-wrap:wrap;gap:6px;}
.mxb-cip{font:inherit;font-size:14px;line-height:1.3;border:1px solid var(--line-2);border-radius:var(--radius);padding:6px 12px;
  color:var(--forest);background:var(--cream);cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.mxb-cip:hover{border-color:var(--terra);}
.mxb-crta{width:1px;align-self:stretch;background:var(--line-2);margin:0 4px;}
.mxb-odakle{background:none;border-style:dashed;}
.pl-pin{width:14px;height:14px;color:var(--terra-tekst);flex:none;}
.mxb-promeni{margin-left:auto;font:inherit;font-size:14px;font-weight:500;background:var(--btn-bg);color:var(--btn-ink);
  border:1px solid var(--btn-bg);border-radius:var(--radius);padding:10px 18px;cursor:pointer;}
.mxb-promeni[aria-expanded="true"]{background:none;color:var(--forest);border-color:var(--line-2);}
.mxb.u-koloni .mxb-promeni{display:none;}
.mxb-fioka{margin-top:18px;}
.mxb-fioka .pl{margin-bottom:4px;}
.mxb-stanje{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;
  margin-top:20px;padding:0 4px;}
.mxb-nap{margin:0;font-size:13px;color:var(--muted);}
.mxb-prikazi{display:flex;gap:22px;border-bottom:1px solid var(--line);}
.mxb-prikazi button{font:inherit;font-size:14px;font-weight:500;border:0;border-bottom:1px solid transparent;
  margin-bottom:-1px;background:none;color:var(--muted);padding:10px 0;cursor:pointer;}
.mxb-prikazi button:hover{color:var(--forest);}
.mxb-prikazi button[aria-pressed="true"]{color:var(--forest);border-bottom-color:var(--forest);}

/* Pregled: detalji prvog mesta, pa „Odmah iza“ kao fotografije */
.mxb-detalj{padding-top:clamp(18px,2.4vw,28px);padding-bottom:0;}
.mxb-mreza{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.mxb-plocica{position:relative;display:block;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 3;
  background:var(--cream-2);color:#FBF8F2;text-decoration:none;isolation:isolate;}
.mxb-plocica img,.mxb-plocica .mx-bez-slike{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  z-index:-2;transition:transform .5s ease;}
.mxb-plocica::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(12,28,25,0) 36%,rgba(12,28,25,.82));}
.mxb-plocica:hover img{transform:scale(1.03);}
.mxb-plocica:focus-visible{outline:3px solid var(--terra);outline-offset:3px;}
.mxb-pct{position:absolute;top:10px;right:14px;font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:34px;
  line-height:1;font-variant-numeric:tabular-nums;text-shadow:0 1px 12px rgba(0,0,0,.45);}
.mxb-vreme{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:4px;
  font-size:13px;font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.5);}
.mxb-kap{position:absolute;left:16px;right:16px;bottom:14px;display:grid;gap:2px;}
.mxb-kap b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:22px;line-height:1.1;}
.mxb-kap small{font-size:13px;opacity:.9;}
.mxb-kap i{font-style:normal;font-size:12.5px;color:#F2C89F;}

/* Uporedi: pitanja u koloni levo, rang-lista desno */
.mxc{display:grid;grid-template-columns:340px minmax(0,1fr);gap:36px;align-items:start;padding-top:clamp(18px,2.4vw,28px);}
.mxc-panel{position:sticky;top:92px;max-height:calc(100vh - 108px);overflow:auto;overscroll-behavior:contain;
  border-top:1px solid var(--forest);padding:16px 4px 20px 0;}
.mxc-panel > h2{font-size:28px;font-weight:400;margin:0;}
.mxc-panel > p{margin:4px 0 14px;font-size:13.5px;color:var(--muted);}
.mxc-panel .pl{grid-template-columns:1fr;gap:10px;padding:14px;background:var(--white);}
.mxc-panel .pl-polje{max-width:none;}
.mxc-panel .mx-traka{border-top:0;}
.mxc-panel .mx-red{grid-template-columns:1fr;gap:8px;padding:14px 0;}
.mxc-panel .mx-red-k{font-size:17px;}
.mxc-panel .mx-red-k small{display:none;}
.mxc-panel .mx-opcije{gap:4px 14px;}
.mxc-panel .mx-opcija{font-size:14px;}
.mxc-panel .mx-rng{max-width:none;}
.mxc-uzivo{margin:0 0 10px;color:var(--tekst-2);padding:0 0 10px;font-size:14px;}
.mxc-uzivo::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--terra);margin-right:8px;vertical-align:1px;}
.mxc-uzivo:empty{display:none;}
.mxc-uzivo b{color:var(--terra-tekst);}
.mxc-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);}
.mxc-red a{display:grid;grid-template-columns:32px 120px minmax(0,1fr) 150px 84px;gap:18px;align-items:center;
  padding:14px 0;border-bottom:1px solid var(--line);color:var(--forest);text-decoration:none;}
.mxc-rb{font-family:'Fraunces',Georgia,serif;font-size:22px;color:var(--muted);font-variant-numeric:tabular-nums;}
.mxc-red img,.mxc-red .mx-bez-slike{width:120px;height:80px;object-fit:cover;border-radius:var(--radius);display:block;}
.mxc-ime{min-width:0;}
.mxc-ime b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:22px;display:block;line-height:1.1;}
.mxc-ime small{font-size:13px;color:var(--muted);}
.mxc-ime em{display:block;font-style:normal;font-size:12.5px;color:var(--terra-tekst);margin-top:3px;}
.mxc-temp b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:22px;display:block;font-variant-numeric:tabular-nums;}
.mxc-temp small{font-size:11.5px;color:var(--muted);}
.mxc-pct{font-family:'Fraunces',Georgia,serif;font-weight:300;font-size:36px;text-align:right;font-variant-numeric:tabular-nums;}
.mxc-red.prvi a{grid-template-columns:32px 180px minmax(0,1fr) 150px 84px;padding:18px 0;}
.mxc-red.prvi img,.mxc-red.prvi .mx-bez-slike{width:180px;height:116px;}
.mxc-red.prvi .mxc-rb{color:var(--terra);}
.mxc-red.nov .mxc-rb{color:var(--terra-tekst);}
.mxc-red.nov .mxc-rb::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--terra);margin-left:5px;vertical-align:4px;}
.mxc-red a:hover .mxc-ime b{color:var(--terra-tekst);}

/* Na karti: karta poklapanja u strani, sa krugovima leta */
.mxd{padding-top:clamp(18px,2.4vw,28px);}
.mxd .mm-modal.mm-u-strani{position:relative;inset:auto;z-index:auto;display:none;}
.mxd .mm-modal.mm-u-strani.on{display:block;}
.mxd .mm-u-strani .mm-zavesa,.mxd .mm-u-strani .mm-zatvori{display:none;}
.mxd .mm-u-strani .mm-okvir{position:relative;inset:auto;height:clamp(480px,74vh,760px);box-shadow:var(--shadow);
  border-radius:var(--radius);border-color:var(--line-2);}
#mm-krugovi{pointer-events:none;}
.mm-krug{fill:rgba(217,107,69,.06);stroke:var(--terra);stroke-width:1.4;stroke-dasharray:6 5;vector-effect:non-scaling-stroke;}
.mm-krug.izabran{fill:rgba(217,107,69,.1);stroke-dasharray:none;stroke-width:1.8;}
.mm-krug-t{fill:#A3462A;font-family:'Inter',sans-serif;font-weight:600;letter-spacing:.04em;
  paint-order:stroke;stroke:#EDE6D6;stroke-linejoin:round;}
.mm-start{fill:#193B35;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke;}

@media (max-width:1000px){
  .mxb-mreza{grid-template-columns:1fr 1fr;}
}
@media (max-width:899px){
  .mxc{grid-template-columns:1fr;}
  .mxc-panel{display:none;}
  .mxd .mm-u-strani .mm-okvir{height:auto;}
  .mxd .mm-u-strani .mm-telo{grid-template-rows:60vh auto;}
}
@media (max-width:760px){
  .mxb-hero{height:460px;}
  .mxb-veo{background:linear-gradient(180deg,rgba(10,24,21,.08) 18%,rgba(10,24,21,.9) 100%);}
  .mxb-tekst{left:18px;right:18px;top:auto;bottom:50px;max-width:none;}
  .mxb-ime{font-size:44px;margin:8px 0;}
  .mxb-tag{display:none;}
  .mxb-cta{margin-top:14px;}
  .mxb-ocena{right:14px;top:14px;width:96px;height:96px;}
  .mxb-ocena b{font-size:30px;margin-top:0;}
  .mxb-ocena .cap{display:none;}
  .mxb-odg{margin:-26px 8px 0;padding:12px;}
  .mxb-cipovi{flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;}
  .mxb-cipovi::-webkit-scrollbar{display:none;}
  .mxb-cip{white-space:nowrap;}
  .mxb-crta{display:none;}
  .mxb-promeni{flex:1 1 auto;}
  .mxb-stanje{flex-direction:column;align-items:flex-start;}
  .mxb-prikazi{align-self:stretch;}
  .mxb-prikazi button{flex:1;padding:8px 6px;}
  .mxb-kap b{font-size:18px;}
  .mxc-red a,.mxc-red.prvi a{grid-template-columns:24px 72px minmax(0,1fr) auto;gap:10px;}
  .mxc-red img,.mxc-red .mx-bez-slike,.mxc-red.prvi img{width:72px;height:54px;}
  .mxc-temp{display:none;}
  .mxc-ime b{font-size:18px;}
  .mxc-pct{font-size:26px;}
}
@media (max-width:480px){
  .mxb-mreza{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  .mxb-plocica img{transition:none;}
}

/* v12.4.1: „Najbliži aerodrom" — svaki aerodrom u svom redu, bez tačke između.
   Prelom je padao ispred tačke pa je drugi red počinjao njome. Ćelija aerodroma
   je jedina u traci sa `title`; font-size:0 sklanja razdvojnik „ · ", koji je u
   HTML-u goli tekst između dva span-a (aerodrom_celija u build.py). */
.cinjenice > div[title] dd{display:flex;flex-direction:column;gap:3px;font-size:0;}
.cinjenice > div[title] dd > span{font-size:18px;line-height:1.3;}
@media (max-width:720px){ .cinjenice > div[title] dd > span{font-size:16px;} }
/* v12.5.1: link na mapu „Gde sam bio" uz dugme „Pinuj", dok je mesto pinovano */
.mapblok-akcije .pin-potvrda{font-size:13.5px;font-weight:600;color:var(--terra-tekst);text-decoration:none;
  border-bottom:1px solid transparent;padding:2px 0;margin:0 6px 0 2px;white-space:nowrap;}
.mapblok-akcije .pin-potvrda:hover{border-bottom-color:var(--terra);}
.mapblok-akcije .pin-potvrda:focus-visible{outline:2px solid var(--terra);outline-offset:3px;}
/* v12.6: polazište na strani „Gde ići u …" — isti izbor kao u Matchu */
.mpl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:4px 0 28px;padding:14px 0;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14.5px;}
.mpl-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;}
.mpl b{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:19px;color:var(--forest);margin-right:6px;}
.mpl-opcije{display:inline-flex;flex-wrap:wrap;gap:6px;}
.mpl-promeni{font-size:13.5px;color:var(--tekst-2);border-bottom:1px solid var(--line-2);text-decoration:none;margin-left:auto;}
.mpl-promeni:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.mpl-nap{flex-basis:100%;margin:2px 0 0;font-size:13.5px;color:var(--muted);}
.mpl-nap:empty{display:none;}
.mcard-dalj{color:var(--muted);}
@media (max-width:680px){ .mpl-promeni{margin-left:0;} }
/* v12.6: tab „Po zemljama" u Matchu nije sakrivao mesta — spisak mesta je u
   redizajnu (v12.5) dobio klasu .mxb-mreza sa display:grid, a pravilo za
   [hidden] je postojalo samo za staru .mx-mreza. Zemlje su se zato crtale
   tek ispod celog spiska mesta, pa je izgledalo kao da tab ne radi. */
.mxb-mreza[hidden]{display:none!important;}

/* v12.6: hub „Da li si znao" — zemlja, pa njena mesta; filter po temi i kontinentu */
.znh-filteri{display:flex;flex-direction:column;gap:10px;margin:6px 0 30px;}
.znh-kont{margin-top:34px;}
.znh-kont[hidden],.znh-zemlja[hidden],.znh-mesto[hidden],.znas-red[hidden]{display:none!important;}
/* v12.7: zemlja je traka (ime levo, njene zanimljivosti desno), mesta ispod
   nje kolone po tri. Mesto sa jednom zanimljivošću — a pod filterom teme
   skoro svako ima jednu — samo je niža kolona, pa desna strana ne ostaje prazna. */
.znh-zemlja{padding:26px 0 10px;border-top:1px solid var(--line-2);}
/* traka ima iste tri kolone kao mesta ispod nje: ime u prvoj, zanimljivosti
   zemlje u druge dve — pa stoje tačno iznad kolona mesta */
.znh-traka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;align-items:start;}
.znh-drzava{grid-column:span 2;}
.znh-drzava .znas-red:nth-last-child(-n+2){border-bottom:0;}
.znh-zem-ime{font-family:'Fraunces',Georgia,serif;font-weight:300;font-variation-settings:"opsz" 96;font-size:30px;letter-spacing:-.02em;line-height:1.15;margin:8px 0 14px;}
.znh-zem-ime a{color:var(--forest);text-decoration:none;}
.znh-zem-ime a:hover{color:var(--terra-tekst);}
.znh-mesto{scroll-margin-top:96px;}
.znh-drzava .znas.znas--hub{border-top:0;}
.znh-mesta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 48px;margin-top:22px;}
.znh-kartica{border-top:1px solid var(--line);padding-top:14px;}
.znh-kartica h4{font-family:'Fraunces',Georgia,serif;font-weight:400;font-size:21px;letter-spacing:-.01em;margin:0 0 2px;}
.znh-kartica h4 a{color:var(--forest);text-decoration:none;border-bottom:1px solid var(--line-2);}
.znh-kartica h4 a:hover{color:var(--terra-tekst);border-bottom-color:var(--terra);}
.znh-kartica .znas.znas--hub{grid-template-columns:1fr;gap:0;border-top:0;}
.znh-kartica .znas-red:last-child{border-bottom:0;}
.znh-kartica .znas-tekst{max-width:none;}
.znh-mesto.znh-cilj{background:var(--cream-2);padding-left:14px;padding-right:14px;}
.znas--hub .znas-red{padding:12px 0 14px;}
.znas-izvor{font-size:12px;color:var(--muted);text-decoration:none;border-bottom:1px solid var(--line);}
.znas-izvor:hover{color:var(--terra-tekst);}
/* traka zemlje: dve do četiri zanimljivosti, pa dve kolone, ne tri sa praznom */
.znas.znas--hub{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;}
@media (max-width:1000px){
  .znh-mesta{grid-template-columns:repeat(2,minmax(0,1fr));}
  .znh-traka{grid-template-columns:1fr;}
  .znh-drzava{grid-column:auto;}
}
@media (max-width:760px){
  .znh-traka,.znh-mesta,.znas.znas--hub{grid-template-columns:1fr;gap:0;}
  .znh-zem-ime{font-size:26px;margin-bottom:6px;}
  .znh-drzava .znas-red:nth-last-child(2){border-bottom:1px solid var(--line);}
  .znh-mesta{margin-top:8px;}
}

/* ── ZAGLAVLJE: „Moja putovanja" u alatima, „Pogledaj turu" skroz desno ────
   11. 9. 2026 (meni-predlog.html + Vladina odluka). Na širokom ekranu stavka
   „Moja putovanja" izlazi iz glavnog menija i staje desno od pretrage, spojena
   sa brojačem liste (srce sa brojem i stavka su vodili na iste dve strane).
   Tura je ikonica ▶ u terakota krugu i jedna reč, bez okvira — kao ostali
   alati u traci (Vlada: pun natpis zauzima previše mesta). Na telefonu se
   gornji red ne dira: tura je prva stavka iza burgera, „Moja putovanja"
   ostaju u meniju. */
.moja,.tura-btn{display:none;}
@media (min-width:861px){
  .nav-item--moja,.nav a.nav-tura{display:none;}
  .site-head .zelje-btn{display:none;}
  .moja{display:inline-flex;align-items:center;position:relative;flex:none;}
  .moja-a{display:inline-flex;align-items:center;gap:7px;padding:6px 2px;
    color:var(--forest);text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap;
    transition:color .18s;}
  .moja-a svg{width:16px;height:16px;flex:none;stroke:var(--terra);}
  .moja-a:hover{color:var(--terra-tekst);}
  .moja-broj{font-size:12.5px;font-weight:600;color:var(--terra-tekst);font-variant-numeric:tabular-nums;}
  .moja-broj[hidden]{display:none;}
  .moja-dd{min-width:190px;}
  .tura-btn{display:inline-flex;align-items:center;gap:8px;flex:none;margin-left:6px;padding:6px 2px;
    color:var(--forest);text-decoration:none;font-size:14.5px;font-weight:500;white-space:nowrap;
    transition:color .18s;}
  .tura-btn i{display:grid;place-items:center;width:22px;height:22px;flex:none;
    border-radius:50%;background:var(--terra);transition:transform .18s;}
  .tura-btn i svg{width:8px;height:9px;margin-left:2px;fill:var(--cream);}
  .tura-btn:hover{color:var(--terra-tekst);}
  .tura-btn:hover i{transform:scale(1.08);}
  .tura-btn:focus-visible,.moja-a:focus-visible{outline:2px solid var(--forest);outline-offset:3px;}
}
/* Ispod 1140 u traci ostaju samo ikonice: ▶ za turu i beležnica sa brojem za
   „Moja putovanja" (ime nosi `aria-label`, a tura i `title` sa punim natpisom). */
@media (min-width:861px) and (max-width:1139px){
  .tura-btn span,.moja-t{display:none;}
}
@media (max-width:860px){
  .nav a.nav-tura{color:var(--terra-tekst);font-weight:600;}
  .nav a.nav-tura::before{content:"";display:inline-block;margin-right:11px;vertical-align:0;
    border-left:9px solid var(--terra);border-top:5.5px solid transparent;border-bottom:5.5px solid transparent;}
}

/* ── TURA (/tura, /en/tour, 11. 9. 2026) ────────────────────────────────── */
.tura-plejer{margin-top:28px;}
.tura-plejer video{display:block;width:100%;aspect-ratio:16/9;background:#0B1614;border-radius:2px;}
.tura-sad{margin-top:12px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;
  font-size:13.5px;color:var(--muted);}
.tura-sad span:first-child{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.tura-sad b{font-weight:500;color:var(--forest);}
.tura-h2{margin:56px 0 20px;font-weight:400;font-size:clamp(26px,3vw,34px);color:var(--forest);}
.tura-mreza{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px;}
@media (max-width:1000px){ .tura-mreza{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:560px){ .tura-mreza{grid-template-columns:1fr;} }
.tura-k h3{margin:12px 0 4px;font-size:18px;font-weight:500;color:var(--forest);}
.tura-k p{margin:0 0 6px;font-size:14px;line-height:1.5;color:var(--tekst-2);}
.tura-k-b{all:unset;display:block;position:relative;width:100%;cursor:pointer;}
.tura-k-b img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:2px;
  transition:box-shadow .18s;}
.tura-k-b:focus-visible{outline:2px solid var(--forest);outline-offset:3px;}
.tura-k-tr{position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:2px;
  background:rgba(11,22,20,.8);color:#F3EEE4;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;}
.tura-k-play{position:absolute;left:10px;bottom:8px;display:grid;place-items:center;
  width:30px;height:30px;border-radius:50%;background:var(--terra);transition:transform .18s;}
.tura-k-play svg{width:10px;height:12px;margin-left:2px;fill:#fff;}
.tura-k-b:hover .tura-k-play{transform:scale(1.08);}
.tura-k.is-on .tura-k-b img{box-shadow:0 0 0 2px var(--terra);}
/* 21.9.2026: izvori — na strani jedan red i link, spisak na /izvori (od 22.9. jedna strana) */
.cinj--kratko .cinj-head{margin-bottom:0;}
.cinj--kratko .cinj-head a{font-size:12px;}
.izvori-odeljak{scroll-margin-top:90px;}
.izvori-odeljak .cinj-head b a{color:inherit;text-decoration:none;}
.izvori-odeljak:target{background:var(--bg-2, transparent);}
.izvori-dek{color:var(--muted);max-width:70ch;margin:0 0 12px;}
.izvori-zemlje{line-height:1.9;margin:0 0 8px;}
.izvori-zemlja{margin:40px 0 12px;scroll-margin-top:90px;}
.izvori-gore{font-size:12.5px;color:var(--muted);margin:6px 0 0;}

/* 24. 9. 2026 (mapa-pasos): naslov-pasoš. Brojke su iz reda pločica prešle u
   sam naslov („22 zemlje, 2 kontinenta, 13 gradova“) — pločice su bile visoke
   ~190 px i na laptopu gurale mapu ispod prvog ekrana. Stranica je alat, pa
   ide šire od ostatka sajta (1400 umesto 1140), a panel se suzio na 300 px:
   mapa je oko trećine šira i skoro dvaput veća po površini. */
.bio-uvod,.bio-stranica{max-width:1400px;}
.bio-uvod .eyebrow.pasos{color:var(--terra-tekst);}
.bio-uvod .dek{max-width:95ch;}
.bio-split{margin-top:clamp(16px,2vw,24px);}
@media (min-width:1001px){ .bio-split{grid-template-columns:minmax(0,1fr) 300px;gap:36px;} }

/* ── „Koliko košta" (24. 9. 2026, koliko_kosta.py) ─────────────────────────
   Tabela poređenja gore, pretraga proverenih podataka dole. Klik na red bira
   mesto i filtrira pretragu; izabran red nosi terakota ivicu levo. */
.kk .kk-zemlje{margin:22px 0 14px;}
.kk-tabela-okvir{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--white);}
.kk-tabela{border-collapse:collapse;width:100%;min-width:720px;font-size:14px;font-variant-numeric:tabular-nums;}
.kk-tabela th,.kk-tabela td{padding:11px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);}
.kk-tabela thead th{background:var(--cream-2);font-size:11.5px;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap;}
.kk-tabela tbody tr:last-child>*{border-bottom:0;}
.kk-tabela tbody tr{cursor:pointer;}
.kk-tabela tbody tr:hover>*{background:var(--cream);}
.kk-tabela tbody tr.je-izabran>*{background:var(--cost-bg);}
.kk-tabela tbody tr.je-izabran>th{box-shadow:inset 3px 0 0 var(--terra);}
.kk-tabela th[scope="row"]{position:sticky;left:0;background:var(--white);min-width:150px;}
.kk-tabela td small,.kk-tabela th small{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--muted);line-height:1.4;}
.kk-tabela td.kk-nema{color:var(--muted);}
.kk-sort{all:unset;cursor:pointer;}
.kk-sort::after{content:" \2195";opacity:.4;}
.kk-sort[data-smer="gore"]::after{content:" \2191";opacity:1;color:var(--terra-tekst);}
.kk-sort[data-smer="dole"]::after{content:" \2193";opacity:1;color:var(--terra-tekst);}
.kk-sort:focus-visible,.kk-mesto:focus-visible{outline:2px solid var(--terra);outline-offset:2px;}
.kk-mesto{all:unset;cursor:pointer;font-weight:600;color:var(--forest);}
.kk-legenda{margin:10px 0 0;font-size:13px;line-height:1.55;color:var(--muted);max-width:760px;}
.kk-pretraga{margin-top:44px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:90px;}
.kk-pret-glava{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 18px;}
.kk-pret-glava h2{margin:0;}
.kk-vodic{font-weight:600;color:var(--terra-tekst);text-decoration:none;}
.kk-vodic:hover{text-decoration:underline;}
.kk-polja{display:grid;grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:10px;}
.kk-izbor select,.kk-trazi{width:100%;font:inherit;font-size:15px;color:var(--forest);background:var(--white);
  border:1px solid var(--line-2);border-radius:8px;}
.kk-izbor select{padding:10px 12px;}
.kk-trazi{display:flex;align-items:center;gap:8px;padding:0 12px;}
.kk-trazi input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--forest);padding:10px 0;}
.kk-trazi input:focus{outline:none;}
.kk-trazi:focus-within,.kk-izbor select:focus-visible{outline:2px solid var(--terra);outline-offset:2px;}
.kk-n{font-size:12.5px;color:var(--muted);white-space:nowrap;}
.kk-vrste .fchip span{opacity:.6;margin-left:2px;}
.kk-rez{background:var(--white);border:1px solid var(--line);border-radius:10px;}
.kk-red{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 18px;padding:12px 16px;border-bottom:1px solid var(--line);}
.kk-red:last-child{border-bottom:0;}
.kk-opis{font-size:14.5px;line-height:1.5;color:var(--tekst-2);}
.kk-opis a{font-weight:600;color:var(--forest);text-decoration:none;}
.kk-opis a:hover{color:var(--terra-tekst);}
.kk-vr{font-weight:600;color:var(--terra-tekst);text-align:right;max-width:26ch;font-variant-numeric:tabular-nums;}
.kk-meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);}
.kk-meta a{color:var(--muted);text-decoration:underline;text-underline-offset:2px;}
.kk-meta a:hover{color:var(--terra-tekst);}
.kk-rez mark{background:rgba(233,196,106,.38);color:inherit;border-radius:2px;padding:0 1px;}
.kk-jos{all:unset;display:block;width:100%;box-sizing:border-box;text-align:center;padding:13px;
  font-weight:600;font-size:14px;color:var(--terra-tekst);cursor:pointer;}
.kk-jos:focus-visible{outline:2px solid var(--terra);outline-offset:-2px;}
.kk-prazno{margin:0;padding:16px;color:var(--muted);font-size:14px;}
.kk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.kk-veza-ukratko{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:600;
  color:var(--terra-tekst);text-decoration:none;}
.kk-veza-ukratko:hover{text-decoration:underline;}
.kk-traka p{margin:0;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--cream-2);
  font-size:14.5px;color:var(--tekst-2);}
.kk-traka a{font-weight:600;color:var(--terra-tekst);text-decoration:none;white-space:nowrap;}
@media (max-width:640px){
  .kk-polja{grid-template-columns:1fr;}
  .kk-tabela th[scope="row"]{min-width:118px;}
  .kk-red{grid-template-columns:1fr;}
  .kk-vr{text-align:left;}
}
/* 24.9.2026 pilot „nov ram" (Plovdiv): ostali vodiči kao kratka lista umesto kartica */
.ostali-vodici{margin-top:40px;padding-top:18px;border-top:1px solid var(--line, rgba(127,127,127,.25));}
.ostali-vodici ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;}
.ostali-vodici a{text-decoration:none;border-bottom:1px solid currentColor;}