/* KIKA APARTMANI – more (#1e73be), blijedozelena (#a0d6a0), sunce iz loga */
:root{
  --accent:#1b6fb3; --accent2:#3d9ad8; --accent-d:#124e82; --gold:#f5b93c; --gold-d:#e29a1c; --mint:#a0d6a0;
  --bg:#fff; --bg-alt:#f1f7fb; --ink:#17324a; --muted:#5a6d7d; --line:#e1ebf2;
  --dark:#12283b; --shadow:0 24px 50px -24px rgba(18,78,130,.32);
  --head:"DM Serif Display",Georgia,serif; --sans:"Nunito Sans",system-ui,sans-serif; --serif:"DM Serif Display",Georgia,serif;
}
h1,h2,h3{font-weight:400;letter-spacing:-.01em}
h3{font-size:24px}
.eyebrow{color:var(--accent2);font-family:var(--sans)}
.brand img{height:38px;width:auto}
.ftr-logo{background:rgba(255,255,255,.95);padding:10px 14px}
.ftr-logo img{height:34px}
.btn-accent{background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 10px 24px -10px rgba(27,111,179,.6)}
.btn-accent:hover{box-shadow:0 16px 30px -12px rgba(27,111,179,.7)}
.fico{background:linear-gradient(135deg,var(--accent2),var(--accent));box-shadow:0 12px 24px -10px rgba(27,111,179,.55)}
.progress,.loader-bar i,.stat::after,.sec-head h2::after{background:linear-gradient(90deg,var(--accent),var(--mint),var(--gold))}
.curtain{background:linear-gradient(180deg,var(--accent2),var(--accent-d))}
.loader-panel.p1{background:var(--accent)}.loader-panel.p2{background:var(--mint)}
.muted{color:var(--muted)}
.menu>li>a.on{color:var(--accent)}

/* jezici */
.langs{display:flex;gap:2px;margin-left:8px;padding-left:10px;border-left:1px solid var(--line)}
.lang{font:800 12px var(--sans);letter-spacing:.06em;padding:6px 8px;border-radius:8px;color:var(--muted);transition:all .2s}
.lang:hover{background:var(--bg-alt);color:var(--ink)}
.lang.on{background:var(--accent);color:#fff}
.ftr-langs{display:flex;gap:12px}.ftr-langs a:hover{color:#fff}

/* loader: izlazak sunca nad valovima */
.sunrise{position:relative;width:220px;height:110px;overflow:hidden}
.sunball{position:absolute;left:50%;bottom:-40px;width:70px;height:70px;margin-left:-35px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#ffe28a,var(--gold) 60%,var(--gold-d));box-shadow:0 0 40px 10px rgba(245,185,60,.45);animation:rise-sun 1.4s var(--ease) forwards}
@keyframes rise-sun{to{transform:translateY(-70px)}}
.rays{position:absolute;left:50%;bottom:-5px;width:180px;height:180px;margin-left:-90px;border-radius:50%;background:repeating-conic-gradient(rgba(245,185,60,.35) 0 6deg,transparent 6deg 18deg);mask-image:radial-gradient(circle,transparent 45px,#000 46px,transparent 90px);opacity:0;animation:rays 8s linear infinite,fadeIn .6s 1s forwards}
@keyframes rays{to{transform:rotate(360deg)}}
@keyframes fadeIn{to{opacity:1}}
.lwaves{position:absolute;left:0;right:0;bottom:0;height:46px}
.lwaves svg{width:200%;height:100%;animation:wave 3s linear infinite}
.loader-logo img{height:40px;width:auto}

/* valovi */
.waves{position:absolute;left:0;right:0;bottom:-1px;height:90px;z-index:3;pointer-events:none;overflow:hidden}
.waves svg,.fwaves svg{width:200%;height:100%;display:block}
.waves .w1,.lwaves .w1{fill:rgba(255,255,255,.35);animation:wave 14s linear infinite}
.waves .w2,.lwaves .w2{fill:rgba(255,255,255,.6);animation:wave 10s linear infinite reverse}
.waves .w3,.lwaves .w3{fill:#fff;animation:wave 18s linear infinite}
.lwaves .w1{fill:rgba(61,154,216,.35)}.lwaves .w2{fill:rgba(61,154,216,.6)}.lwaves .w3{fill:var(--accent)}
@keyframes wave{to{transform:translateX(-50%)}}
.fwaves{position:absolute;left:0;right:0;top:-89px;height:90px;overflow:hidden;pointer-events:none}
.fwaves path{fill:var(--dark)}.fwaves .w1{opacity:.35;animation:wave 16s linear infinite}.fwaves .w2{opacity:.6;animation:wave 11s linear infinite reverse}.fwaves .w3{animation:wave 20s linear infinite}
.ftr{position:relative;background:var(--dark);margin-top:90px}
.cta+.ftr{margin-top:170px}

/* hero full */
.hero-full{min-height:100vh;min-height:100svh;padding:140px 0 160px;color:#fff;text-align:center;justify-content:center;background:#0e2a44}
.hero-full .slides{position:absolute;inset:0}
.hero-full .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease}
.hero-full .slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);transition:transform 8s linear}
.hero-full .slide.active{opacity:1}.hero-full .slide.active img{transform:scale(1)}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,30,50,.55),rgba(10,30,50,.25) 45%,rgba(10,30,50,.55))}
.hero-full::after{display:none}
.hero-full .hero-in{grid-template-columns:1fr;justify-items:center;z-index:4}
.hero-full h1{font-size:clamp(46px,7.5vw,104px);max-width:14ch;text-shadow:0 10px 40px rgba(0,0,0,.35)}
.hero-full h1 em{font-style:italic}
.hero-full h1 em .w>span{background-image:linear-gradient(90deg,#ffe28a,var(--gold),#fff3c4,var(--gold))}
.hero-full p{color:#eaf3fa;max-width:60ch;margin-inline:auto}
.hero-full .pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}
.hero-full .btn-ghost{background:rgba(255,255,255,.12)}
.hero-full .dots{position:absolute;left:50%;bottom:110px;transform:translateX(-50%);display:flex;gap:8px;z-index:4}
.sun{position:absolute;z-index:2;right:8%;top:16%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#fff6d0,rgba(245,185,60,.55) 45%,transparent 70%);filter:blur(2px);animation:pulse-sun 5s ease-in-out infinite alternate;pointer-events:none}
@keyframes pulse-sun{to{transform:scale(1.25);opacity:.75}}

/* page hero s valovima */
.phero{padding:190px 0 150px;background:#0e2a44;color:#fff}
.phero-bg img{opacity:.55;filter:none}
.phero::after{background:linear-gradient(180deg,rgba(10,30,50,.55),rgba(10,30,50,.35))}
.phero h1{color:#fff}.phero p{color:#eaf3fa}
.phero .crumbs,.phero .crumbs a{color:#cfe2f1}
.phero-in{z-index:4}

/* činjenice */
.facts{position:relative;z-index:5;margin-top:-40px}
.facts-in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fact{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow);display:grid;gap:4px;justify-items:start;border:1px solid var(--line)}
.fact .fico{width:46px;height:46px;border-radius:14px;margin-bottom:8px;color:#fff}
.fact .fico svg{width:24px;height:24px}
.fact b{font:400 40px/1 var(--head);color:var(--accent)}
.fact small{color:var(--muted);font-size:14px;font-weight:600}

/* dobrodošli */
.welcome{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.welcome p{color:var(--muted);font-size:17px}
.stack{position:relative;height:460px}
.stack-img{position:absolute;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:6px solid #fff;transition:transform .6s var(--ease)}
.stack-img img{width:100%;height:100%;object-fit:cover}
.stack-img.s0{left:0;top:0;width:62%;height:62%;transform:rotate(-3deg)}
.stack-img.s1{right:0;top:18%;width:52%;height:52%;transform:rotate(4deg)}
.stack-img.s2{left:18%;bottom:0;width:52%;height:46%;transform:rotate(-1deg)}
.stack:hover .s0{transform:rotate(-5deg) translate(-10px,-6px)}.stack:hover .s1{transform:rotate(6deg) translate(10px,-4px)}.stack:hover .s2{transform:rotate(1deg) translateY(8px)}

/* apartmani kartice */
.price-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 22px;font-weight:700;color:var(--muted)}
.price-pill b{font:400 28px var(--head);color:var(--accent)}
.apts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.apts .apt:nth-child(4),.apts .apt:nth-child(5){grid-column:span 1}
.apt{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:box-shadow .5s,opacity .9s var(--ease),transform .9s var(--ease)}
.apt:hover{box-shadow:var(--shadow)}
.apt-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-alt)}
.apt-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.apt:hover .apt-img img{transform:scale(1.08)}
.apt-n{position:absolute;left:16px;top:16px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);font:400 24px var(--head);color:var(--accent)}
.apt-body{padding:22px 24px 24px;flex:1;display:flex;flex-direction:column}
.apt-body p{color:var(--muted);font-size:15px}
.more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--accent);font-size:14.5px}

/* stranica apartmana */
.apt-tabs{position:sticky;top:84px;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.apt-tabs .wrap{display:flex;gap:6px;overflow-x:auto;padding:10px 0}
.apt-tabs a{white-space:nowrap;padding:9px 16px;border-radius:999px;font-weight:700;font-size:14px;color:var(--muted);transition:all .2s}
.apt-tabs a:hover{background:var(--bg-alt);color:var(--accent)}
.apt-sec{padding:clamp(60px,8vw,100px) 0;scroll-margin-top:140px}
.apt-sec:nth-of-type(even){background:var(--bg-alt)}
.apt-row{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:start}
.apt-info{position:sticky;top:160px}
.apt-big{display:block;font:400 110px/1 var(--head);color:transparent;-webkit-text-stroke:1.5px var(--accent2);opacity:.6}
.apt-gal{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:140px;gap:10px}
.apt-gal>.g-item{margin:0;border-radius:14px}
.apt-gal>.g-item:first-child{grid-column:span 2;grid-row:span 2}
.apt-gal>.g-item img{width:100%;height:100%;object-fit:cover}
.apt-more{display:none}
.apt-more.open{display:contents}
.apt-more .g-item{margin:0;border-radius:14px}
.apt-more .g-item img{width:100%;height:100%;object-fit:cover}
.show-more{grid-column:1/-1;justify-self:start;margin-top:4px}
.side .apt-more.open{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.side .apt-more.open .g-item{aspect-ratio:1}
.side .show-more{margin-top:12px}
.note{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}
.note svg{color:var(--accent);margin-top:4px}

/* o nama */
.polaroids{position:relative;display:grid;gap:18px}
.pol{background:#fff;padding:10px 10px 36px;border-radius:6px;box-shadow:var(--shadow);transform:rotate(var(--r));transition:transform .5s var(--ease),opacity .9s var(--ease)}
.pol:hover{transform:rotate(0) scale(1.03)}
.pol img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.reveal.pol{transform:translateY(36px) rotate(var(--r))}.reveal.pol.in{transform:rotate(var(--r))}

/* galerije */
.gallery{columns:4 240px;column-gap:14px}
.gallery-2{columns:unset;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gallery-2 .g-item{margin:0;aspect-ratio:1}
.gallery-2 .g-item img{height:100%;object-fit:cover}

/* izleti */
.cities{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.city{background:#fff;border-radius:22px;overflow:hidden;border:1px solid var(--line);transition:box-shadow .5s,opacity .9s var(--ease),transform .9s var(--ease)}
.city:hover{box-shadow:var(--shadow)}
.city-imgs{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;height:240px}
.city-imgs .g-item{margin:0;border-radius:0}
.city-imgs .g-item:first-child{grid-row:span 2}
.city-imgs .g-item img{width:100%;height:100%;object-fit:cover}
.city-body{padding:22px 26px 26px}
.city-body p{color:var(--muted);font-size:15px;margin:0}

/* cjenik */
.price-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:start}
.price-card{background:linear-gradient(160deg,#fff,#f3f9fd);border:1px solid var(--line);border-radius:26px;padding:clamp(26px,4vw,44px);box-shadow:var(--shadow)}
.prows{display:grid;gap:10px;margin-top:20px}
.prow{display:grid;grid-template-columns:150px 1fr 70px;gap:16px;align-items:center;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:700}
.prow.head{background:none;border:0;padding:0 18px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.prow b{font:400 30px/1 var(--head);color:var(--accent);text-align:right}
.pbar{height:8px;border-radius:8px;background:var(--bg-alt);overflow:hidden}
.pbar i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,var(--mint),var(--accent2));transition:width 1.4s var(--ease) .4s}
.prow.in .pbar i{width:var(--w)}
.per{text-align:right;color:var(--muted);margin:10px 4px 0;font-weight:700}
.incl{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(26px,3.5vw,40px)}
.incl .checks svg{background:rgba(160,214,160,.35);color:#2f8a3a}

/* kontakt */
.host{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}
.host h3{margin-bottom:6px}
.c-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line);transition:padding .3s var(--ease),color .2s}
.c-row:hover{padding-left:6px;color:var(--accent)}
.c-row .fico{width:42px;height:42px;margin:0;border-radius:12px;color:#fff}
.c-row .fico svg{width:20px;height:20px}
.c-row small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.c-row span:last-child{font-weight:800;font-size:17px}
.contact-map{border-radius:26px;overflow:hidden;box-shadow:var(--shadow);min-height:460px;height:100%}
.contact-map iframe{width:100%;height:100%;min-height:460px;border:0;display:block}
.band span{font-family:var(--head);font-weight:400}
.band span.o{-webkit-text-stroke:1.5px var(--accent2)}
.band i{background:var(--gold);border-radius:50%}
.cta-in{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-d) 100%)}
.cta-in::before{background:var(--gold);opacity:.35}
.cta .btn-accent{background:#fff;color:var(--accent-d)}
.cta .grad{background:linear-gradient(90deg,#ffe28a,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cta h2{font-weight:400}
.cta-in.in{transform:translateY(80px)}

@media (max-width:1100px){.langs{margin:8px 0 0;padding:8px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media (max-width:1024px){
  .welcome,.apt-row,.price-wrap,.cities{grid-template-columns:1fr}
  .apts{grid-template-columns:1fr 1fr}
  .facts-in{grid-template-columns:1fr 1fr}
  .apt-info{position:static}
  .stack{height:380px}
}
@media (max-width:900px){.apt-tabs{top:76px}}
@media (max-width:640px){
  .apts{grid-template-columns:1fr}
  .apt-gal{grid-template-columns:repeat(3,1fr);grid-auto-rows:100px}
  .prow{grid-template-columns:1fr 60px}.prow .pbar{display:none}.prow.head span:nth-child(2){display:none}
  .gallery{columns:2 140px;column-gap:8px}
  .city-imgs{height:200px}
  .sun{width:80px;height:80px}
}
.menu>li.langs>a.lang{padding:6px 8px;border-radius:8px;font-size:12px}
.menu>li.langs>a.lang.on{background:var(--accent);color:#fff}
.menu>li.langs>a.lang::after{display:none}
.hero-full .hero-in{gap:0}
.hero-full .hero-btns{margin-top:26px}