:root{--ink:#17132b;--muted:#6e6980;--indigo:#46348f;--violet:#7662d0;--gold:#e6c889;--cream:#fbf8f2;--white:#fff;--night:#100b28;--line:rgba(38,28,83,.12);--shadow:0 20px 60px rgba(25,15,73,.14);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--cream);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.section{padding:110px 0}.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;padding:0 max(20px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:35px;color:white;transition:.35s;background:linear-gradient(to bottom,rgba(8,5,23,.72),transparent)}.topbar.scrolled{height:68px;background:rgba(15,10,39,.93);backdrop-filter:blur(18px);box-shadow:0 8px 40px rgba(0,0,0,.18)}.brand{font-family:"Cormorant Garamond",serif;font-size:27px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand-star{color:var(--gold)}.desktop-nav{display:flex;gap:26px;margin-left:auto}.desktop-nav a{font-size:14px;font-weight:600;opacity:.88}.desktop-nav a:hover{opacity:1;color:#f1d996}.top-actions{display:flex;gap:9px;align-items:center}.round-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.11);color:white;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);transition:.2s}.round-btn:hover{transform:translateY(-2px);background:rgba(255,255,255,.22)}.round-btn.language{width:auto;padding:0 13px;border-radius:22px;display:flex;gap:6px}.whatsapp{background:#25d366;border-color:#25d366;font-weight:700}.mobile-menu-btn{display:none}.lang-menu{position:fixed;z-index:60;right:84px;top:70px;width:270px;max-height:410px;overflow:auto;padding:10px;background:white;color:var(--ink);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:4px}.lang-menu button{border:0;background:transparent;text-align:left;padding:9px;border-radius:10px;cursor:pointer}.lang-menu button:hover{background:#f0edfb}.hero{height:100svh;min-height:680px;position:relative;display:grid;place-items:center;overflow:hidden;background:#0b071d}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,3,18,.72),rgba(10,5,35,.18) 58%,rgba(5,3,18,.28)),linear-gradient(to top,rgba(8,5,24,.7),transparent 40%)}.hero-content{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:auto;color:white}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.22em;font-weight:700;color:var(--gold);margin:0 0 15px}.hero h1{font-family:"Cormorant Garamond",serif;font-size:clamp(58px,8vw,108px);line-height:.78;margin:0 0 28px;max-width:850px;text-shadow:0 10px 40px rgba(0,0,0,.3)}.hero-tagline{font-size:clamp(18px,2vw,25px);max-width:560px;line-height:1.55;margin-bottom:34px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:700;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#6e58c8,#42317f);color:white;box-shadow:0 12px 32px rgba(65,48,130,.35)}.btn-glass{color:white;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55);backdrop-filter:blur(10px)}.btn-outline{border-color:#574493;color:#574493}.scroll-cue{position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);color:white;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.scroll-cue span{width:1px;height:45px;background:linear-gradient(white,transparent);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.35;transform:scaleY(.75)}}.welcome{text-align:center;padding:100px 0}.welcome h2,.section-heading h2,.why h2,.contact h2{font-family:"Cormorant Garamond",serif;font-size:clamp(44px,6vw,72px);line-height:1;margin:0 0 25px}.lead{font-size:19px;line-height:1.8;color:var(--muted);max-width:820px;margin:0 auto 55px}.quick-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-facts div{padding:26px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.quick-facts div:last-child{border-right:0}.quick-facts strong{font-family:"Cormorant Garamond",serif;font-size:37px;color:var(--indigo)}.quick-facts span{font-size:13px;color:var(--muted)}.apartment{background:white}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:45px}.section-heading p:last-child{color:var(--muted);line-height:1.8;margin:0 0 8px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-item{padding:0;border:0;border-radius:20px;overflow:hidden;cursor:pointer;position:relative;background:#ddd;aspect-ratio:4/3;min-height:0}.gallery-item::after{content:"↗";position:absolute;right:15px;top:15px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:white;background:rgba(10,6,30,.55);opacity:0;transition:.25s}.gallery-item:hover::after{opacity:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.gallery-item:hover img{transform:scale(1.045)}.amenities{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:24px}.amenity{background:#f7f4fb;border:1px solid var(--line);border-radius:16px;padding:18px 10px;text-align:center}.amenity b{display:block;font-size:23px;margin-bottom:8px}.amenity span{font-size:12px;color:var(--muted)}.destinations{background:#f6f2eb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 40px rgba(35,22,72,.07);transition:.28s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.card-image{height:210px;position:relative;display:flex;align-items:flex-end;padding:18px;background-size:cover;background-position:center}.card-image::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,7,28,.72),transparent 70%)}.distance{position:relative;color:white;background:rgba(20,11,55,.55);backdrop-filter:blur(9px);font-size:12px;padding:7px 10px;border-radius:20px}.card-body{padding:24px}.card h3{font-family:"Cormorant Garamond",serif;font-size:30px;margin:0 0 10px}.card p{color:var(--muted);line-height:1.65;font-size:14px;min-height:68px}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.card-actions a{font-size:13px;font-weight:700;color:var(--indigo)}.food-section{background:radial-gradient(circle at 10% 10%,#3a276f,#140d34 68%);color:white}.section-heading.light p:last-child{color:rgba(255,255,255,.68)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{padding:10px 16px;border-radius:25px;border:1px solid rgba(255,255,255,.2);background:transparent;color:white;cursor:pointer}.filter.active,.filter:hover{background:white;color:#281a55}.food-cards .card p{min-height:45px}.useful-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.useful-card{background:white;border:1px solid var(--line);border-radius:20px;padding:23px;display:flex;gap:15px;align-items:center;transition:.25s}.useful-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.useful-icon{font-size:25px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eee9fb}.useful-card h3{margin:0 0 5px;font-size:15px}.useful-card p{margin:0;color:var(--muted);font-size:12px}.why{background:white}.why-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.why-copy p:not(.section-kicker){color:var(--muted);line-height:1.8}.text-link{display:inline-block;margin-top:20px;font-weight:700;color:var(--indigo)}.why-list{display:grid;gap:12px}.why-item{border:1px solid var(--line);padding:22px;border-radius:18px;display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:center}.why-item b:first-child{font-size:24px}.why-item h3{margin:0 0 5px}.why-item p{margin:0;color:var(--muted);font-size:13px}.contact{background:url('assets/images/indigo-wide.png') center/cover no-repeat;position:relative;color:white}.contact::before{content:"";position:absolute;inset:0;background:rgba(10,6,30,.72)}.contact-layout{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.contact-copy>p:not(.section-kicker){color:rgba(255,255,255,.78);line-height:1.8;max-width:600px}.contact-actions{display:flex;gap:12px;margin-top:30px}.contact .btn-outline{color:white;border-color:rgba(255,255,255,.6)}.contact-card{background:rgba(255,255,255,.93);color:var(--ink);border-radius:28px;padding:28px;backdrop-filter:blur(15px)}.contact-row{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.contact-row>span{font-size:26px}.contact-row div{display:flex;flex-direction:column;gap:4px}.contact-row small{color:var(--muted)}.contact-row a,.contact-row strong{font-size:17px}.map-link{display:block;text-align:center;margin-top:20px;color:var(--indigo);font-weight:700}.lightbox{position:fixed;z-index:100;inset:0;background:rgba(5,3,15,.92);display:grid;place-items:center;padding:30px}.lightbox img{max-width:94vw;max-height:88vh;border-radius:18px}.lightbox button{position:absolute;right:24px;top:18px;background:none;border:0;color:white;font-size:44px;cursor:pointer}.lightbox[hidden]{display:none}.sparkles{pointer-events:none;position:fixed;z-index:3;inset:0;background-image:radial-gradient(circle,rgba(255,245,190,.8) 0 1px,transparent 1.5px);background-size:110px 110px;opacity:.2;animation:drift 18s linear infinite}@keyframes drift{to{background-position:110px 220px}}footer{background:#0e0924;color:white;padding:60px 0 25px}.footer-content{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:start}.footer-brand{font-size:31px}.footer-content p{color:rgba(255,255,255,.55)}.footer-links{display:flex;gap:22px;font-size:13px}.copyright{grid-column:1/3;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin-top:20px!important;font-size:12px}
@media(max-width:900px){.desktop-nav{display:none}.mobile-menu-btn{display:grid}.topbar.menu-open .desktop-nav{display:flex;position:absolute;left:20px;right:20px;top:72px;background:rgba(20,12,52,.98);padding:20px;border-radius:18px;flex-direction:column}.section{padding:80px 0}.section-heading,.why-layout,.contact-layout{grid-template-columns:1fr;gap:25px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 190px 190px}.gallery-main{grid-column:1/3;grid-row:auto}.amenities{grid-template-columns:repeat(4,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.useful-grid{grid-template-columns:repeat(2,1fr)}.quick-facts{grid-template-columns:repeat(2,1fr)}.quick-facts div:nth-child(2){border-right:0}.quick-facts div:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:600px){.shell{width:min(100% - 26px,1180px)}.topbar{padding:0 13px;gap:8px}.brand{font-size:23px}.calendar,.music-btn{display:none}.round-btn{width:39px;height:39px}.hero{min-height:650px}.hero-content{padding-top:130px}.hero h1{font-size:68px;line-height:.86}.hero-tagline{font-size:17px}.hero-buttons .btn{width:100%}.welcome{padding:75px 0}.quick-facts strong{font-size:30px}.section-heading h2,.welcome h2,.why h2,.contact h2{font-size:46px}.gallery-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.gallery-item,.gallery-main{min-width:88%;height:330px;scroll-snap-align:center}.amenities{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.useful-grid{grid-template-columns:1fr}.contact-actions{flex-direction:column}.contact-actions .btn{width:100%}.footer-content{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:1}.lang-menu{right:14px;left:14px;width:auto}.sparkles{opacity:.12}}

/* Hero corrections: avoid duplicate title and keep the woman visible */
.hero-video{object-position:left center;}
.hero-content{padding-top:260px;}
.hero-content .eyebrow{margin-bottom:10px;}
.hero-tagline{max-width:420px;text-shadow:0 2px 18px rgba(0,0,0,.75);}
@media(max-width:900px){.hero-video{object-position:28% center;}.hero-content{padding-top:250px;}}
@media(max-width:600px){.hero-video{object-position:25% center;}.hero-content{padding-top:360px;}.hero-tagline{max-width:290px;}}

/* Final hero refinement: show the complete Kling scene and feature music control */
.hero::before{content:"";position:absolute;inset:-30px;background:url('assets/images/indigo-title.png') center/cover no-repeat;filter:blur(24px) brightness(.52) saturate(1.25);transform:scale(1.08);z-index:0}
.hero-video{z-index:1;object-fit:contain!important;object-position:center center;transform:scale(.91);filter:drop-shadow(0 18px 45px rgba(0,0,0,.45))}
.hero-shade{z-index:1;background:linear-gradient(to top,rgba(8,5,24,.68),transparent 44%),linear-gradient(90deg,rgba(5,3,18,.32),transparent 45%,rgba(5,3,18,.22))}
.hero-content{z-index:2;padding-top:280px!important}
.topbar .desktop-nav{margin-left:auto}
.hero-music{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.55);background:rgba(16,10,43,.36);color:white;border-radius:999px;padding:9px 18px 9px 9px;margin:0 0 15px;position:absolute;top:20px;left:20px;cursor:pointer;backdrop-filter:blur(12px);box-shadow:0 10px 35px rgba(10,5,35,.28);transition:.25s;text-align:left}
.hero-music:hover{transform:translateY(-2px);background:rgba(35,22,82,.56)}
.hero-music.playing{box-shadow:0 0 0 5px rgba(139,108,235,.18),0 0 34px rgba(174,139,255,.62)}
.hero-music-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:25px;background:linear-gradient(135deg,#8b6ceb,#513b9d);box-shadow:0 8px 24px rgba(90,61,175,.48);animation:musicPulse 2.2s ease-in-out infinite}
.hero-music strong,.hero-music small{display:block}.hero-music strong{font-size:15px}.hero-music small{font-size:11px;opacity:.75;margin-top:2px}
@keyframes musicPulse{50%{transform:scale(1.07);box-shadow:0 8px 28px rgba(142,104,235,.72)}}
@media(max-width:900px){.hero-video{transform:scale(.96)}.hero-content{padding-top:310px!important}}
@media(max-width:600px){.hero::before{filter:blur(18px) brightness(.48)}.hero-video{transform:scale(.98);object-fit:contain!important}.hero-content{padding-top:350px!important}.hero-music{width:100%;max-width:330px}.hero-music-icon{width:46px;height:46px;flex:0 0 46px}}

/* Local flag images: visible on Windows, no emoji dependency */
.lang-menu button{display:flex;align-items:center;gap:10px;font-size:15px}.flag-icon{width:28px;height:19px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.14);flex:0 0 auto}

/* Language selector reliability fixes */
.lang-menu[hidden]{display:none!important}.lang-menu button{display:flex;align-items:center;gap:10px;font-size:15px}.flag-emoji{font-size:24px;line-height:1;width:30px;display:inline-flex;justify-content:center}.round-btn.language #langFlag{font-size:20px}.lang-menu{overscroll-behavior:contain}.lang-menu button[aria-current="true"]{background:#eee9fb;font-weight:700}

/* V6 final hero: full woman, visible Klek, corrected HTML title */
.hero-video{object-fit:contain!important;object-position:center center;transform:scale(.96)!important}
.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-end;height:100%;padding:0 20px 72px!important;pointer-events:none}
.hero-content>*{pointer-events:auto}
.hero-content .eyebrow{display:none}
.hero-music{margin:0 0 14px!important}
.hero-title{font-family:"Cormorant Garamond",serif!important;font-size:clamp(58px,8vw,112px)!important;line-height:.84!important;margin:0 0 8px!important;color:#fff;text-shadow:0 4px 26px rgba(0,0,0,.8),0 0 30px rgba(142,104,238,.45);letter-spacing:-.025em}
.hero-tagline{margin:0 0 20px!important;max-width:620px!important;text-shadow:0 3px 18px rgba(0,0,0,.9)!important}
.hero-buttons{justify-content:center}
@media(max-width:760px){.hero-video{transform:scale(.98)!important;object-position:center 42%!important}.hero-content{padding-bottom:54px!important}.hero-title{font-size:56px!important}.hero-music{transform:scale(.92);margin-bottom:8px!important}.hero-tagline{font-size:15px!important;margin-bottom:14px!important}}

/* INDIGO DREAMS PRO 2026 */
.lang-menu[hidden],.contact-modal[hidden],.lightbox[hidden]{display:none!important}
.topbar{justify-content:flex-end}.desktop-nav{margin-left:auto}.top-actions{margin-left:0}.round-btn{width:46px;height:46px;font-size:21px}.round-btn#langBtn{padding:0;border-radius:50%;display:grid}
.lang-menu{right:24px;top:72px;width:310px;grid-template-columns:1fr 1fr}.lang-menu button{display:flex;align-items:center;gap:9px;font-size:14px}.lang-menu button span{font-size:22px}
.hero{min-height:700px}.hero::before{background-image:url('assets/images/indigo-title.png')}.hero-video{transform:scale(.94)!important;object-fit:contain!important;object-position:center center!important}.hero-shade{background:linear-gradient(to top,rgba(7,4,23,.76),transparent 48%),linear-gradient(90deg,rgba(5,3,18,.18),transparent 42%,rgba(5,3,18,.2))}
.hero-content{padding-bottom:62px!important}.hero h1{font-size:clamp(62px,8.4vw,118px)!important;margin-bottom:6px!important}.hero-tagline{margin-bottom:17px!important}
.side-actions{position:absolute;z-index:6;right:max(24px,calc((100vw - 1280px)/2));top:22%;transform:none;display:flex;flex-direction:column;gap:12px}.side-btn{width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(19,12,51,.42);color:#fff;display:grid;place-items:center;font-size:22px;cursor:pointer;backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.25);transition:.2s}.side-btn:hover{transform:translateX(-3px) scale(1.04);background:rgba(70,52,143,.75)}.side-btn.whatsapp{background:#25d366;border-color:#58e58c}
.contact-modal{position:fixed;z-index:120;inset:0;background:rgba(7,4,20,.72);display:grid;place-items:center;padding:20px;backdrop-filter:blur(10px)}.contact-modal-card{position:relative;width:min(430px,100%);background:rgba(255,255,255,.97);border-radius:28px;padding:32px;box-shadow:0 28px 90px rgba(0,0,0,.35)}.contact-modal-card h2{font-family:"Cormorant Garamond",serif;font-size:38px;margin:0 0 18px}.contact-modal-card>a{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:17px;padding:15px;margin:10px 0}.contact-modal-card>a>span{font-size:28px}.contact-modal-card a div{display:flex;flex-direction:column;gap:3px}.contact-modal-card small{color:var(--muted)}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:34px;cursor:pointer;color:#534b66}
.food-icon{background:linear-gradient(135deg,#654da8,#211348)!important;height:165px!important;display:grid!important;place-items:center!important;font-size:58px!important}
.admin-link{padding:10px 18px;border:1px solid rgba(255,255,255,.25);border-radius:999px}
@media(max-width:900px){.side-actions{right:16px}.side-btn{width:48px;height:48px}.hero-video{transform:scale(.97)!important}.hero-content{padding-bottom:50px!important}}
@media(max-width:600px){.desktop-nav{display:none}.topbar{justify-content:flex-end}.lang-menu{left:12px;right:12px;width:auto;top:64px}.side-actions{right:10px;top:45%;gap:9px}.side-btn{width:43px;height:43px;font-size:18px}.hero{min-height:690px}.hero-video{transform:scale(.99)!important;object-position:center 43%!important}.hero-content{padding:0 60px 40px 14px!important;align-items:flex-start!important;text-align:left!important}.hero h1{font-size:52px!important}.hero-buttons{justify-content:flex-start}.hero-buttons .btn{width:auto;min-width:145px}.hero-music{max-width:285px}.hero-tagline{max-width:280px!important}.contact-modal-card{padding:28px 20px}}
/* V7 refinements */
.side-actions{right:22px;gap:10px}.side-pill{width:154px;min-height:48px;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:rgba(20,12,45,.55);backdrop-filter:blur(12px);color:#fff;display:flex;align-items:center;gap:10px;padding:9px 14px;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.22);transition:.2s}.side-pill:hover{transform:translateX(-5px);background:rgba(68,43,124,.78)}.side-pill span{font-size:20px}.side-pill b{font-size:13px;letter-spacing:.02em}.side-pill.whatsapp{background:rgba(22,105,72,.7)}
.audio-panel{width:min(520px,92vw);margin:10px auto 18px;padding:12px 16px;border-radius:18px;background:rgba(17,10,39,.52);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);display:none}.audio-panel.open{display:block}.audio-row{display:flex;align-items:center;gap:12px}.audio-row+ .audio-row{margin-top:8px}.audio-row button{width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#39236f;font-weight:800}.audio-row input[type=range]{flex:1;accent-color:#a98af4}.audio-row span{font-size:12px;color:#fff;min-width:82px}.volume-row{max-width:260px;margin-inline:auto}.volume-row #speakerIcon{min-width:auto;font-size:18px}.volume-row input{max-width:190px}
.distance{font-weight:700}.card-distance-line{font-size:13px;color:#756b84;margin-top:8px}.admin-add-note{font-size:12px;color:#6f6680}
@media(max-width:760px){.side-actions{right:10px;top:auto;bottom:16px;flex-direction:row;left:10px;justify-content:center}.side-pill{width:auto;min-width:50px;border-radius:999px;padding:10px 12px}.side-pill b{display:none}.hero-content{padding-bottom:100px}}

/* V8: stvarne SVG zastavice i uredan izbornik jezika */
.lang-menu button img.flag-icon{width:26px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.16);flex:0 0 26px}
.lang-menu button span{font-size:14px;line-height:1.2}
.lang-menu button[aria-current="true"]{background:#eee9fb;font-weight:700}

/* V11: jednake galerijske fotografije i ručno namještanje kadra */
@media(max-width:820px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.gallery-grid{grid-template-columns:1fr}.gallery-item{aspect-ratio:4/3}}
.photo-position-preview{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#eee;cursor:grab;touch-action:none}
.photo-position-preview.dragging{cursor:grabbing}
.photo-position-preview img{width:100%;height:100%;object-fit:cover;border-radius:0;pointer-events:none;user-select:none}
.position-controls{display:grid;gap:8px;margin-top:10px;padding:10px;border-radius:12px;background:#f4f0fb}
.position-control{display:grid;grid-template-columns:74px 1fr 42px;align-items:center;gap:8px;font-size:12px;color:#594a7d}
.position-control input{width:100%;padding:0}
.position-tip{font-size:12px;color:#6b5b86;line-height:1.4;margin:8px 0 0}
@media(max-width:820px){.gallery-grid{display:grid;overflow:visible;scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.gallery-item,.gallery-main{min-width:0;width:100%;height:auto;aspect-ratio:4/3;scroll-snap-align:none;grid-column:auto;grid-row:auto}}
@media(max-width:520px){.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none}.gallery-item,.gallery-main{min-width:0;width:100%;height:auto;aspect-ratio:4/3}}

/* V12 HOTFIX: sve fotografije galerije imaju potpuno isti okvir */
#galleryGrid.gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-rows:250px!important;
  gap:14px!important;
  overflow:visible!important;
}
#galleryGrid .gallery-item,
#galleryGrid .gallery-main{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:250px!important;
  min-height:250px!important;
  max-height:250px!important;
  aspect-ratio:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  overflow:hidden!important;
  border-radius:20px!important;
  padding:0!important;
}
#galleryGrid .gallery-item img,
#galleryGrid .gallery-main img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
}
@media(max-width:820px){
  #galleryGrid.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:220px!important}
  #galleryGrid .gallery-item,#galleryGrid .gallery-main{height:220px!important;min-height:220px!important;max-height:220px!important}
}
@media(max-width:520px){
  #galleryGrid.gallery-grid{grid-template-columns:1fr!important;grid-auto-rows:260px!important}
  #galleryGrid .gallery-item,#galleryGrid .gallery-main{height:260px!important;min-height:260px!important;max-height:260px!important}
}
\n\n/* V17: diskretan glazbeni upravljač i zoom destinacija */
.audio-panel{
  width:min(390px,88vw)!important;
  margin:6px auto 12px!important;
  padding:8px 11px!important;
  border-radius:14px!important;
}
.audio-row{gap:8px!important}
.audio-row + .audio-row{margin-top:5px!important}
.audio-row button{width:30px!important;height:30px!important;font-size:12px!important}
.audio-row span{font-size:11px!important;min-width:72px!important}
.volume-row{max-width:205px!important}
.volume-row #speakerIcon{font-size:15px!important;cursor:pointer;min-width:18px!important}
.volume-row input{max-width:145px!important}
.hero-music[aria-expanded="true"] .hero-music-icon{transform:rotate(8deg) scale(1.08)}
.hero-music-icon{transition:transform .2s ease}
.destination-gallery-open{overflow:hidden!important;border:0!important;width:100%!important;cursor:pointer!important}
.destination-cover{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;transition:transform .55s cubic-bezier(.2,.7,.2,1);transform:scale(1.001)}
.destination-gallery-open:hover .destination-cover,.destination-gallery-open:focus-visible .destination-cover{transform:scale(1.10)}
.destination-gallery-open .distance,.destination-gallery-open .destination-photo-hint{z-index:2}
@media (hover:none){.destination-gallery-open:active .destination-cover{transform:scale(1.06)}}
@media(max-width:600px){
  .audio-panel{width:min(320px,82vw)!important;margin-left:0!important}
  .audio-row span{min-width:64px!important;font-size:10px!important}
  .volume-row{max-width:180px!important}
}

/* V19 — do 10 prilagodljivih kartica u jednom redu na velikom ekranu */
.quick-facts{display:grid;grid-template-columns:repeat(var(--quick-columns,4),minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quick-fact{min-width:0;padding:clamp(9px,calc(30px - (var(--quick-count,4) * 1.5px)),18px) clamp(3px,calc(16px - var(--quick-count,4) * .8px),10px)!important;border-right:1px solid var(--line);display:flex!important;align-items:center;justify-content:flex-start;flex-direction:column;gap:clamp(2px,calc(9px - var(--quick-count,4) * .45px),5px);text-align:center;color:inherit;text-decoration:none;transition:transform .2s ease,background .2s ease}
.quick-fact:nth-child(10n){border-right:0}
.quick-fact:last-child{border-right:0}
.quick-fact[href]{cursor:pointer}
.quick-fact[href]:hover,.quick-fact[href]:focus-visible{transform:translateY(-4px);background:#f8f5ff;outline:none}
.quick-fact-icon{width:clamp(30px,calc(66px - (var(--quick-count,4) * 3.2px)),48px);height:clamp(30px,calc(66px - (var(--quick-count,4) * 3.2px)),48px);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:clamp(15px,calc(31px - (var(--quick-count,4) * 1.3px)),23px);box-shadow:0 8px 22px rgba(52,34,91,.18);margin-bottom:2px;flex:0 0 auto}
.quick-fact strong{font-family:"Cormorant Garamond",serif;font-size:clamp(15px,calc(35px - (var(--quick-count,4) * 1.45px)),25px)!important;line-height:1.05;color:var(--indigo);overflow-wrap:anywhere}
.quick-fact span{font-size:clamp(8px,calc(14px - (var(--quick-count,4) * .35px)),11px)!important;line-height:1.25;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:900px){.quick-facts{grid-template-columns:repeat(min(var(--quick-columns,4),5),minmax(0,1fr))}}
@media(max-width:720px){.quick-facts{grid-template-columns:repeat(2,1fr)}.quick-fact{border-bottom:1px solid var(--line)}.quick-fact:nth-child(2n){border-right:0}.quick-fact:last-child{grid-column:auto}.quick-fact strong{font-size:22px!important}.quick-fact-icon{width:44px;height:44px;font-size:21px}}

/* V20 — samo klikabilni kružići: prozirna sredina, tanki zlatni obrub */
.quick-fact-action .quick-fact-icon{
  background:transparent!important;
  border:1.5px solid var(--fact-color,#c8a85b);
  color:var(--fact-color,#c8a85b);
  box-shadow:0 7px 18px rgba(157,122,45,.13);
}
.quick-fact-action:hover .quick-fact-icon,
.quick-fact-action:focus-visible .quick-fact-icon{
  transform:scale(1.08);
  box-shadow:0 9px 24px rgba(157,122,45,.22);
}
.quick-fact-icon{transition:transform .2s ease,box-shadow .2s ease}


/* V21 — kontaktni prozor: SVG zastavice, zlatni Indigo dizajn i obiteljsko drvo */
.contact-modal{
  background:linear-gradient(rgba(5,8,28,.72),rgba(5,8,28,.82)),url('assets/images/indigo-wide.png') center/cover no-repeat fixed!important;
  backdrop-filter:blur(7px)!important;
  overflow:auto;
}
.contact-modal-wrap{width:min(610px,96vw);display:flex;flex-direction:column;align-items:center;padding:18px 0}
.contact-modal-card{
  width:100%!important;background:linear-gradient(145deg,rgba(8,13,39,.97),rgba(4,8,27,.98))!important;
  color:#d6ad4c!important;border:1.5px solid #d6ad4c;border-radius:24px!important;
  padding:25px 30px 22px!important;box-shadow:0 30px 90px rgba(0,0,0,.55),inset 0 0 35px rgba(65,53,140,.12)!important
}
.contact-modal-card h2{color:#e0b852!important;font-size:42px!important;margin:0 0 14px!important;line-height:1}
.modal-close{color:#d6ad4c!important;right:18px!important;top:10px!important;font-size:34px!important}
.contact-modal-card>a.contact-option{display:grid!important;grid-template-columns:58px 1fr;align-items:center;gap:14px;border:1px solid rgba(214,173,76,.82)!important;border-radius:15px!important;padding:10px 16px!important;margin:8px 0!important;color:#d6ad4c!important;background:rgba(4,8,28,.36)!important;min-height:73px;transition:.2s}
.contact-modal-card>a.contact-option:hover{transform:translateY(-2px);background:rgba(214,173,76,.07)!important;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.contact-option-tall{min-height:103px!important}
.contact-option-icon{height:100%;display:grid;place-items:center;border-right:1px solid rgba(214,173,76,.55);padding-right:14px}
.contact-option-icon svg{width:35px;height:35px;fill:none;stroke:#d6ad4c;stroke-width:1.8}
.contact-option-icon.whatsapp-icon svg{width:40px;height:40px;stroke:#38c55a;stroke-width:2;fill:none}
.contact-option-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.contact-option-copy small,.language-line small{color:#d6ad4c!important;font-family:"Cormorant Garamond",serif;font-size:20px;line-height:1.05}
.contact-option-copy strong{color:#d6ad4c!important;font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:600;line-height:1.08;overflow-wrap:anywhere}
.language-line{display:flex;align-items:center;gap:10px;min-height:26px}
.contact-flag{width:31px;height:21px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:0 0 auto}
.contact-flags{display:flex;flex-direction:column;gap:3px}
.contact-family-logo{width:min(390px,76vw);height:auto;margin-top:10px;filter:drop-shadow(0 5px 16px rgba(0,0,0,.35))}
.contact-card .contact-flag{width:30px;height:20px}
@media(max-width:600px){
 .contact-modal-wrap{width:min(94vw,520px);padding:8px 0}
 .contact-modal-card{padding:21px 16px 17px!important;border-radius:20px!important}
 .contact-modal-card h2{font-size:34px!important;padding-right:35px}
 .contact-modal-card>a.contact-option{grid-template-columns:48px 1fr;padding:9px 12px!important;min-height:67px;margin:7px 0!important}
 .contact-option-tall{min-height:96px!important}
 .contact-option-icon{padding-right:10px}.contact-option-icon svg{width:30px;height:30px}.contact-option-icon.whatsapp-icon svg{width:35px;height:35px}
 .contact-option-copy small,.language-line small{font-size:18px}.contact-option-copy strong{font-size:21px}
 .contact-flag{width:28px;height:19px}.contact-family-logo{width:min(330px,80vw);margin-top:7px}
}

/* V22 — presijavajući zlatni detalji, prilagodljivi logo i čitljivi kontakt podaci */
@keyframes indigoGoldShimmer{
  0%{background-position:180% 0,0 0}
  100%{background-position:-180% 0,0 0}
}
.contact-modal-card.shimmer-border{
  border:1.5px solid transparent!important;
  background:
    linear-gradient(145deg,rgba(8,13,39,.97),rgba(4,8,27,.98)) padding-box,
    linear-gradient(110deg,#8b6720 0%,#d4a743 22%,#fff1b2 39%,#b8872b 53%,#f7d87a 70%,#8b6720 100%) border-box!important;
  background-size:100% 100%,300% 100%!important;
  animation:indigoGoldShimmer 7s linear infinite;
  box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 25px rgba(215,174,77,.14),inset 0 0 35px rgba(65,53,140,.12)!important;
}
.contact-modal-card>a.contact-option.shimmer-border{
  border:1px solid transparent!important;
  background:
    linear-gradient(rgba(4,8,28,.86),rgba(4,8,28,.86)) padding-box,
    linear-gradient(105deg,rgba(138,101,30,.82),#e4bb5c,#fff0ae,#b3822a,#e4bb5c,rgba(138,101,30,.82)) border-box!important;
  background-size:100% 100%,280% 100%!important;
  animation:indigoGoldShimmer 8.5s linear infinite;
}
.contact-modal-card>a.contact-option.shimmer-border:hover{
  background:
    linear-gradient(rgba(26,25,54,.93),rgba(12,15,39,.93)) padding-box,
    linear-gradient(105deg,#a77a25,#ffe394,#fff8cf,#c79838,#ffe394,#a77a25) border-box!important;
  background-size:100% 100%,280% 100%!important;
}
.contact-option-copy strong{
  font-family:"Inter",Arial,sans-serif!important;
  font-variant-numeric:tabular-nums;
  letter-spacing:.015em;
  font-weight:600!important;
}
.contact-brand-lockup{display:flex;flex-direction:column;align-items:center;margin-top:14px;color:#dfb957;text-align:center;filter:drop-shadow(0 4px 14px rgba(0,0,0,.42))}
.contact-logo-emblem{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1.5px solid transparent;background:linear-gradient(#070b24,#070b24) padding-box,linear-gradient(110deg,#966c20,#f3ce70,#fff2b1,#bd8b2e,#f3ce70,#966c20) border-box;background-size:100% 100%,280% 100%;animation:indigoGoldShimmer 7.5s linear infinite;box-shadow:0 0 22px rgba(220,179,80,.17),inset 0 0 18px rgba(219,174,73,.08)}
.contact-logo-emblem img{width:88%;height:88%;object-fit:contain;display:block}
.contact-brand-name{font-family:"Cormorant Garamond",serif;font-size:26px;line-height:1;letter-spacing:.14em;font-weight:700;margin-top:8px;text-shadow:0 0 14px rgba(226,187,88,.18)}
.contact-ogulin-row{width:min(430px,82vw);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:13px;margin-top:6px}
.contact-ogulin{font-family:"Cormorant Garamond",serif;font-size:17px;line-height:1;letter-spacing:.34em;padding-left:.34em;font-weight:700}
.ogulin-line{height:7px;position:relative;overflow:hidden;background:linear-gradient(90deg,#a77925,#ffe99d,#bd8c30,#f8d879,#a77925);background-size:300% 100%;animation:indigoGoldShimmer 7s linear infinite}
.ogulin-line-left{clip-path:polygon(0 43%,100% 0,100% 100%,0 57%)}
.ogulin-line-right{clip-path:polygon(0 0,100% 43%,100% 57%,0 100%)}
@media(max-width:600px){
 .contact-logo-emblem{width:90px;height:90px}.contact-brand-name{font-size:22px}.contact-ogulin-row{gap:9px;width:min(350px,84vw)}.contact-ogulin{font-size:15px}.ogulin-line{height:6px}
}
@media(prefers-reduced-motion:reduce){.contact-modal-card.shimmer-border,.contact-option.shimmer-border,.contact-logo-emblem,.ogulin-line{animation:none!important}}

.hero h1{color:#e6c889;text-shadow:0 0 18px rgba(230,200,137,.35),0 10px 40px rgba(0,0,0,.45)}


/* ===== V25: full hero image + luxury animated gold frame ===== */
.hero{
  background:#05091a!important;
  isolation:isolate;
}
.hero::before{display:none!important}
.hero-video{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  object-fit:cover!important;
  object-position:center center;
}
.hero-shade{
  background:
    linear-gradient(to top,rgba(3,6,18,.70),transparent 46%),
    linear-gradient(90deg,rgba(2,5,16,.26),transparent 34%,transparent 70%,rgba(2,5,16,.30))!important;
}
.hero-content{
  width:min(980px,calc(100% - 80px))!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:100%!important;
  padding:0 0 7vh!important;
}
.hero h1{
  color:#e8c46a!important;
  font-size:clamp(48px,6.2vw,88px)!important;
  line-height:.92!important;
  white-space:nowrap!important;
  max-width:none!important;
  margin:0 0 8px!important;
  letter-spacing:.015em;
  text-shadow:0 0 18px rgba(238,199,103,.28),0 8px 30px rgba(0,0,0,.58)!important;
}
.hero-tagline{margin:0 0 20px!important;color:#fff7dc!important;text-shadow:0 3px 14px rgba(0,0,0,.72)}
.hero-buttons{justify-content:center!important}
.hero-music{
  position:absolute!important;
  top:34px!important;
  left:34px!important;
  width:190px!important;
  height:190px!important;
  max-width:none!important;
  border-radius:50%!important;
  padding:24px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  gap:8px!important;
  text-align:center!important;
  color:#e8c46a!important;
  border:1.5px solid #d9a83e!important;
  background:rgba(3,9,25,.72)!important;
  box-shadow:0 0 20px rgba(232,196,106,.28),inset 0 0 20px rgba(232,196,106,.08)!important;
  backdrop-filter:blur(9px)!important;
}
.hero-music::after{
  content:"";position:absolute;inset:-4px;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 0deg,transparent 0 72%,#fff0a8 78%,#d89e2f 83%,transparent 89%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:2px;
  animation:v25CircleShine 5.8s linear infinite;
}
.hero-music-icon{font-size:38px!important;color:#e8c46a!important;line-height:1}
.hero-music strong{font-family:"Cormorant Garamond",serif;font-size:25px!important;line-height:1.05;color:#e8c46a!important}
.hero-music small{display:none!important}
.audio-panel{position:absolute!important;top:232px!important;left:34px!important;width:260px!important;margin:0!important;z-index:8}
.side-actions{
  top:18%!important;
  right:38px!important;
  gap:12px!important;
}
.side-pill{
  width:188px!important;
  min-height:58px!important;
  border-radius:26px!important;
  border:1.4px solid rgba(225,176,71,.95)!important;
  background:rgba(3,9,25,.66)!important;
  color:#efd37f!important;
  box-shadow:0 0 14px rgba(224,174,69,.10)!important;
}
.side-pill b{font-family:"Cormorant Garamond",serif;font-size:18px!important}
.side-pill.whatsapp{background:rgba(3,9,25,.66)!important;color:#72e78c!important}

.gold-frame{position:absolute;inset:18px;z-index:7;pointer-events:none}
.gold-frame i{position:absolute;display:block;background:linear-gradient(90deg,#8c641d,#e8bd58,#fff0a0,#bd8426,#e8bd58,#8c641d);background-size:260% 100%;box-shadow:0 0 9px rgba(255,218,119,.55);animation:v25GoldFlow 7s linear infinite}
.gold-frame .gf-top,.gold-frame .gf-bottom{left:0;right:0;height:1.5px}
.gold-frame .gf-top{top:0}.gold-frame .gf-bottom{bottom:0;animation-direction:reverse}
.gold-frame .gf-left,.gold-frame .gf-right{top:0;bottom:0;width:1.5px;background:linear-gradient(180deg,#8c641d,#e8bd58,#fff0a0,#bd8426,#e8bd58,#8c641d);background-size:100% 260%}
.gold-frame .gf-left{left:0;animation-direction:reverse}.gold-frame .gf-right{right:0}
.gf-corner{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fffbd1 0 6%,#ffd66c 20%,rgba(255,195,60,.28) 45%,transparent 72%);filter:drop-shadow(0 0 8px #ffd264);animation:v25CornerPulse 3.1s ease-in-out infinite}
.gf-corner.c1{left:-8px;top:-8px}.gf-corner.c2{right:-8px;top:-8px;animation-delay:.8s}.gf-corner.c3{right:-8px;bottom:-8px;animation-delay:1.6s}.gf-corner.c4{left:-8px;bottom:-8px;animation-delay:2.4s}
@keyframes v25GoldFlow{to{background-position:260% 0}}
@keyframes v25CircleShine{to{transform:rotate(360deg)}}
@keyframes v25CornerPulse{0%,100%{opacity:.55;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}

@media(max-width:900px){
 .gold-frame{inset:10px}
 .hero-music{width:145px!important;height:145px!important;top:78px!important;left:20px!important;padding:18px!important}
 .hero-music strong{font-size:20px!important}.hero-music-icon{font-size:30px!important}
 .side-actions{top:22%!important;right:18px!important}.side-pill{width:158px!important;min-height:50px!important}
 .hero-content{padding-bottom:8vh!important}
}
@media(max-width:600px){
 .gold-frame{inset:7px}
 .hero-video{object-position:center center!important}
 .hero-content{width:calc(100% - 28px)!important;padding:0 12px 102px!important;text-align:center!important;align-items:center!important}
 .hero h1{font-size:clamp(39px,12vw,55px)!important;white-space:normal!important;line-height:.9!important}
 .hero-music{width:112px!important;height:112px!important;top:68px!important;left:16px!important;padding:12px!important}
 .hero-music strong{font-size:16px!important}.hero-music-icon{font-size:24px!important}
 .audio-panel{top:188px!important;left:14px!important;width:230px!important}
 .side-actions{top:auto!important;bottom:20px!important;left:12px!important;right:12px!important;flex-direction:row!important}
 .side-pill{width:auto!important;min-width:54px!important;min-height:48px!important;padding:8px 12px!important}.side-pill b{display:none!important}
}
@media(prefers-reduced-motion:reduce){.gold-frame i,.gf-corner,.hero-music::after{animation:none!important}}


/* V26 — naslovna fotografija pomična + profinjen naslov i manji gumb priče */
.hero-video{object-position:50% 36%}
.hero-content{padding-bottom:7.5vh!important}
.hero h1{
  font-family:"Cormorant Garamond",serif!important;
  font-size:clamp(48px,5.6vw,82px)!important;
  font-weight:600!important;
  letter-spacing:.045em!important;
  line-height:.92!important;
  color:#e9c76e!important;
  white-space:nowrap!important;
  margin:0 0 8px!important;
  text-shadow:0 0 12px rgba(255,221,126,.26),0 4px 18px rgba(0,0,0,.62)!important;
}
.hero-music{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:210px!important;
  max-width:300px!important;
  border-radius:999px!important;
  padding:8px 16px!important;
  margin:0 0 10px!important;
  flex-direction:row!important;
  gap:9px!important;
  background:rgba(3,9,25,.64)!important;
}
.hero-music::after{inset:-3px!important;border-radius:999px!important}
.hero-music-icon{font-size:23px!important;width:34px;height:34px;display:grid;place-items:center}
.hero-music strong{font-size:18px!important;white-space:nowrap}
.audio-panel{top:auto!important;left:50%!important;bottom:17.5vh!important;transform:translateX(-50%);width:min(270px,calc(100vw - 32px))!important}
.hero-position-preview{height:280px;border-radius:18px;overflow:hidden;background:#0b071d;border:1px solid rgba(255,255,255,.12)}
.hero-position-preview .hero-photo-preview{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.hero-position-controls{margin-top:14px}
@media(max-width:900px){
  .hero-content{padding-bottom:8vh!important}
  .hero-music{min-width:190px!important;padding:7px 14px!important}
  .hero-music strong{font-size:17px!important}
  .audio-panel{bottom:18vh!important}
}
@media(max-width:600px){
  .hero-content{padding:0 12px 102px!important}
  .hero h1{font-size:clamp(38px,10.8vw,52px)!important;white-space:nowrap!important;letter-spacing:.02em!important}
  .hero-music{min-width:0!important;max-width:245px!important;padding:7px 12px!important;margin-bottom:8px!important}
  .hero-music strong{font-size:15px!important}
  .hero-music-icon{font-size:20px!important;width:30px;height:30px}
  .audio-panel{bottom:190px!important}
}

/* ===== V27: ispravci naslovnog kadra, zlatnih gumba, okvira i glazbenog klizača ===== */
/* Važno: bez !important na object-position kako bi Admin klizači stvarno upravljali kadrom. */
.hero-video{
  object-position:50% 36%;
}

/* Zlatni gumbi kao na odabranom prikazu */
.hero-buttons .btn-primary,
.hero-buttons .btn-glass{
  color:#fff7d6!important;
  border:1.4px solid rgba(233,190,91,.98)!important;
  background:linear-gradient(135deg,rgba(211,157,48,.96),rgba(119,76,12,.94))!important;
  box-shadow:0 0 16px rgba(237,193,89,.24),0 10px 28px rgba(0,0,0,.30)!important;
}
.hero-buttons .btn-glass{
  background:rgba(7,12,31,.72)!important;
  color:#efd17a!important;
  backdrop-filter:blur(10px);
}
.hero-buttons .btn-primary:hover,
.hero-buttons .btn-glass:hover{
  filter:brightness(1.12);
  box-shadow:0 0 22px rgba(255,216,112,.38),0 12px 30px rgba(0,0,0,.34)!important;
}

/* Klizač glazbe ostaje u toku sadržaja, između gumba priče i naslova. */
.audio-panel,
.audio-panel.open{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(330px,calc(100vw - 34px))!important;
  margin:0 0 12px!important;
  z-index:8!important;
}
.audio-panel.open{display:block!important}

/* Mirna osnovna zlatna linija + jedna sjajna nit koja putuje i blijedi prema sredini. */
.gold-frame i{
  overflow:visible;
  background:rgba(205,156,53,.72)!important;
  box-shadow:0 0 5px rgba(255,211,99,.35)!important;
  animation:none!important;
}
.gold-frame i::after{
  content:"";
  position:absolute;
  pointer-events:none;
  filter:drop-shadow(0 0 7px rgba(255,229,143,.95));
}
.gold-frame .gf-top::after,
.gold-frame .gf-bottom::after{
  top:-1px;
  width:34%;
  height:3px;
  background:linear-gradient(90deg,transparent 0%,rgba(228,179,71,.28) 18%,#fff6bd 50%,rgba(228,179,71,.28) 82%,transparent 100%);
  animation:v27ThreadHorizontal 6.8s ease-in-out infinite;
}
.gold-frame .gf-top::after{left:-34%}
.gold-frame .gf-bottom::after{right:-34%;animation-name:v27ThreadHorizontalReverse;animation-delay:3.4s}
.gold-frame .gf-left::after,
.gold-frame .gf-right::after{
  left:-1px;
  width:3px;
  height:34%;
  background:linear-gradient(180deg,transparent 0%,rgba(228,179,71,.28) 18%,#fff6bd 50%,rgba(228,179,71,.28) 82%,transparent 100%);
  animation:v27ThreadVertical 6.8s ease-in-out infinite;
}
.gold-frame .gf-right::after{top:-34%;animation-delay:1.7s}
.gold-frame .gf-left::after{bottom:-34%;animation-name:v27ThreadVerticalReverse;animation-delay:5.1s}
@keyframes v27ThreadHorizontal{
  0%{left:-34%;opacity:0}
  10%{opacity:1}
  50%{opacity:.28}
  90%{opacity:1}
  100%{left:100%;opacity:0}
}
@keyframes v27ThreadHorizontalReverse{
  0%{right:-34%;opacity:0}
  10%{opacity:1}
  50%{opacity:.28}
  90%{opacity:1}
  100%{right:100%;opacity:0}
}
@keyframes v27ThreadVertical{
  0%{top:-34%;opacity:0}
  10%{opacity:1}
  50%{opacity:.28}
  90%{opacity:1}
  100%{top:100%;opacity:0}
}
@keyframes v27ThreadVerticalReverse{
  0%{bottom:-34%;opacity:0}
  10%{opacity:1}
  50%{opacity:.28}
  90%{opacity:1}
  100%{bottom:100%;opacity:0}
}

@media(max-width:600px){
  .audio-panel,.audio-panel.open{width:min(292px,calc(100vw - 26px))!important;margin-bottom:9px!important;padding:9px 11px!important}
  .hero-buttons{gap:10px!important}
  .hero-buttons .btn{min-height:46px!important;padding:0 18px!important}
}
@media(prefers-reduced-motion:reduce){
  .gold-frame i::after{animation:none!important;opacity:.65}
}

/* ===== V28: stvarno pomicanje naslovnog kadra + jedna putujuća zlatna nit ===== */
/* Inline vrijednost iz Admina ima prednost na svim širinama ekrana. */
.hero-video{object-position:50% 0%;}
@media(max-width:600px){.hero-video{object-position:50% 0%;}}

/* Ukloni stare četiri odvojene niti; ostaje miran tanki okvir. */
.gold-frame i::after{display:none!important;animation:none!important;content:none!important}
.gold-frame i{background:rgba(201,151,48,.76)!important;box-shadow:0 0 5px rgba(255,210,96,.28)!important}

/* Jedna nit kruži neprekinuto oko cijelog okvira. */
.gf-runner{
  position:absolute;
  left:0;top:0;
  width:76px;height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(244,203,95,.38) 20%,#fffbd0 52%,rgba(244,203,95,.42) 80%,transparent 100%);
  filter:drop-shadow(0 0 7px #ffe18a) drop-shadow(0 0 13px rgba(255,190,52,.75));
  offset-path:inset(0 round 1px);
  offset-rotate:auto;
  animation:v28PerimeterRun 8s linear infinite;
  z-index:3;
}
@keyframes v28PerimeterRun{
  0%{offset-distance:0%;opacity:.15}
  3%{opacity:1}
  48%{opacity:.82}
  97%{opacity:1}
  100%{offset-distance:100%;opacity:.15}
}

/* Bljesak točno na sredini svake stranice kada nit dođe do njega. */
.gf-mid{position:absolute;width:22px;height:22px;border-radius:50%;opacity:0;z-index:4;background:radial-gradient(circle,#fffde1 0 8%,#ffe37f 20%,rgba(255,190,44,.42) 42%,transparent 72%);filter:drop-shadow(0 0 8px #ffe07a) drop-shadow(0 0 18px rgba(255,180,30,.9));pointer-events:none}
.gf-mid-top{left:50%;top:-10px;transform:translateX(-50%);animation:v28FlashTop 8s linear infinite}
.gf-mid-right{right:-10px;top:50%;transform:translateY(-50%);animation:v28FlashRight 8s linear infinite}
.gf-mid-bottom{left:50%;bottom:-10px;transform:translateX(-50%);animation:v28FlashBottom 8s linear infinite}
.gf-mid-left{left:-10px;top:50%;transform:translateY(-50%);animation:v28FlashLeft 8s linear infinite}
@keyframes v28FlashTop{0%,9%,16%,100%{opacity:0;scale:.45}11.5%,13.5%{opacity:1;scale:1.35}}
@keyframes v28FlashRight{0%,34%,41%,100%{opacity:0;scale:.45}36.5%,38.5%{opacity:1;scale:1.35}}
@keyframes v28FlashBottom{0%,59%,66%,100%{opacity:0;scale:.45}61.5%,63.5%{opacity:1;scale:1.35}}
@keyframes v28FlashLeft{0%,84%,91%,100%{opacity:0;scale:.45}86.5%,88.5%{opacity:1;scale:1.35}}

@media(prefers-reduced-motion:reduce){.gf-runner,.gf-mid{animation:none!important}.gf-runner{opacity:.75}}

/* =========================================================
   V29 — zlatna nit na galeriji, pogodnostima i vodiču
   ========================================================= */
@property --card-thread-angle{
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}

@keyframes v29GoldThread{
  to{--card-thread-angle:360deg}
}

/* Zajednički mirni zlatni rub. */
#galleryGrid .gallery-item,
#amenities .amenity,
#destinationCards .card,
#foodCards .card{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(205,159,58,.58)!important;
  box-shadow:0 0 0 1px rgba(255,225,145,.08),0 10px 30px rgba(48,29,8,.08);
}

/* Putujuća zlatna nit oko svake fotografije apartmana. */
#galleryGrid .gallery-item::before,
#amenities .amenity::before,
#destinationCards .card::before,
#foodCards .card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:8;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  background:conic-gradient(
    from var(--card-thread-angle),
    transparent 0deg 270deg,
    rgba(211,158,43,.12) 278deg,
    rgba(247,205,95,.72) 294deg,
    #fff8c9 306deg,
    #e3aa37 318deg,
    rgba(221,166,48,.18) 336deg,
    transparent 350deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 4px rgba(255,207,91,.78));
  animation:v29GoldThread 10s linear infinite;
}

/* Različit početak animacije da sve kartice ne bljeskaju istodobno. */
#galleryGrid .gallery-item:nth-child(2n)::before,
#amenities .amenity:nth-child(2n)::before,
#destinationCards .card:nth-child(2n)::before,
#foodCards .card:nth-child(2n)::before{animation-delay:-2.5s}
#galleryGrid .gallery-item:nth-child(3n)::before,
#amenities .amenity:nth-child(3n)::before,
#destinationCards .card:nth-child(3n)::before,
#foodCards .card:nth-child(3n)::before{animation-delay:-5s}
#galleryGrid .gallery-item:nth-child(4n)::before,
#amenities .amenity:nth-child(4n)::before,
#destinationCards .card:nth-child(4n)::before,
#foodCards .card:nth-child(4n)::before{animation-delay:-7.5s}

/* Fotografije unutar kartica destinacija i lokalnog vodiča također imaju nit. */
#destinationCards .card-image,
#foodCards .card-image{
  position:relative;
  isolation:isolate;
  border-bottom:1px solid rgba(210,165,64,.58);
}
#destinationCards .card-image::after,
#foodCards .card-image::after{
  content:"";
  position:absolute;
  inset:5px;
  z-index:5;
  border-radius:calc(var(--radius) - 7px);
  padding:1.5px;
  pointer-events:none;
  background:conic-gradient(
    from var(--card-thread-angle),
    transparent 0deg 276deg,
    rgba(229,177,59,.18) 284deg,
    #f7d276 301deg,
    #fffbd8 310deg,
    #dda638 323deg,
    transparent 345deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 4px rgba(255,213,112,.72));
  animation:v29GoldThread 12s linear infinite;
}

/* Naslovi destinacija u elegantnoj zlatnoj boji. */
#destinationCards .card h3{
  color:#b98524;
  text-shadow:0 1px 0 rgba(255,244,198,.72),0 0 14px rgba(203,150,42,.10);
}

/* Naslovi kartica Gdje jesti i kupovati — zlatni na tamnoj podlozi. */
#foodCards .card h3{
  color:#ddb758;
  text-shadow:0 0 13px rgba(222,181,81,.20);
}

/* Pogodnosti Wi‑Fi, klima itd. — malo luksuzniji izgled. */
#amenities .amenity{
  background:linear-gradient(145deg,#fbf9ff,#f3edf8);
  overflow:hidden;
}
#amenities .amenity b{color:#b78328;text-shadow:0 0 10px rgba(208,157,56,.15)}

/* Spriječi da dekoracija prekrije klikove i sadržaj. */
#galleryGrid .gallery-item > *,
#amenities .amenity > *,
#destinationCards .card > *,
#foodCards .card > *{position:relative;z-index:2}
#destinationCards .destination-cover{z-index:0!important}
#destinationCards .card-image::before{z-index:1}
#destinationCards .card-image .distance,
#destinationCards .card-image .destination-photo-hint{z-index:6!important}

@media(max-width:600px){
  #galleryGrid .gallery-item::before,
  #amenities .amenity::before,
  #destinationCards .card::before,
  #foodCards .card::before{animation-duration:12s;padding:1.5px}
  #destinationCards .card-image::after,
  #foodCards .card-image::after{animation-duration:14s}
}

@media(prefers-reduced-motion:reduce){
  #galleryGrid .gallery-item::before,
  #amenities .amenity::before,
  #destinationCards .card::before,
  #foodCards .card::before,
  #destinationCards .card-image::after,
  #foodCards .card-image::after{animation:none!important;--card-thread-angle:315deg}
}

/* =========================================================
   V30 — isti luksuzni zlatni stil za Korisne informacije
   i završnu kontakt/rezervacijsku karticu
   ========================================================= */

/* Korisne informacije — tamna indigo pozadina i zlatni naslovi. */
.useful{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 14% 12%,rgba(102,72,166,.34),transparent 34%),
    radial-gradient(circle at 88% 86%,rgba(46,90,151,.20),transparent 38%),
    linear-gradient(145deg,#171038,#09071d 72%);
}
.useful::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.35;
  background-image:
    radial-gradient(circle at 17% 26%,rgba(255,236,177,.75) 0 1px,transparent 1.8px),
    radial-gradient(circle at 73% 18%,rgba(255,236,177,.55) 0 1px,transparent 1.8px),
    radial-gradient(circle at 43% 72%,rgba(255,236,177,.45) 0 1px,transparent 1.8px),
    radial-gradient(circle at 88% 67%,rgba(255,236,177,.50) 0 1px,transparent 1.8px);
  background-size:190px 170px,230px 210px,260px 220px,210px 250px;
}
.useful .shell{position:relative;z-index:1}
.useful .section-heading h2,
.useful .useful-card h3{
  color:#ddb758;
  text-shadow:0 0 14px rgba(225,184,82,.18);
}
.useful .section-heading p:last-child{color:rgba(255,255,255,.72)}

/* Svaka kartica dobiva isti spori zlatni trag koji kruži rubom. */
#usefulGrid .useful-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#f7edcf;
  border:1px solid rgba(214,171,70,.58)!important;
  background:linear-gradient(145deg,rgba(28,21,61,.96),rgba(8,9,31,.96));
  box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 0 22px rgba(225,180,73,.035);
}
#usefulGrid .useful-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:8;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  background:conic-gradient(
    from var(--card-thread-angle),
    transparent 0deg 272deg,
    rgba(215,161,43,.12) 281deg,
    rgba(247,205,95,.72) 296deg,
    #fff8c9 308deg,
    #e3aa37 321deg,
    rgba(221,166,48,.18) 339deg,
    transparent 352deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(255,207,91,.72));
  animation:v29GoldThread 11s linear infinite;
}
#usefulGrid .useful-card:nth-child(2n)::before{animation-delay:-2.75s}
#usefulGrid .useful-card:nth-child(3n)::before{animation-delay:-5.5s}
#usefulGrid .useful-card:nth-child(4n)::before{animation-delay:-8.25s}
#usefulGrid .useful-card > *{position:relative;z-index:2}
#usefulGrid .useful-icon{
  color:#e5bd61;
  border:1px solid rgba(219,174,73,.46);
  background:rgba(221,181,85,.08);
  box-shadow:inset 0 0 14px rgba(230,187,83,.08),0 0 12px rgba(220,177,77,.08);
}
#usefulGrid .useful-card p{color:rgba(255,255,255,.68)}

/* Završna sekcija: isti boutique stil kao Podrška gostima. */
.contact{
  background-position:center;
  background-size:cover;
}
.contact::before{
  background:linear-gradient(105deg,rgba(5,7,27,.91),rgba(9,7,31,.72) 55%,rgba(6,7,25,.89));
}
.contact h2{
  color:#e0b852;
  text-shadow:0 0 18px rgba(224,184,82,.17);
}
.contact-layout{
  padding:34px;
  border-radius:30px;
  border:1px solid rgba(214,173,76,.55);
  background:linear-gradient(145deg,rgba(8,10,34,.73),rgba(5,8,27,.58));
  box-shadow:0 26px 70px rgba(0,0,0,.28),inset 0 0 35px rgba(213,169,68,.035);
  backdrop-filter:blur(7px);
  isolation:isolate;
}
.contact-layout::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:8;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  background:conic-gradient(
    from var(--card-thread-angle),
    transparent 0deg 278deg,
    rgba(219,165,50,.12) 286deg,
    rgba(248,207,99,.76) 301deg,
    #fffbd3 311deg,
    #dda335 324deg,
    rgba(225,173,53,.15) 341deg,
    transparent 353deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 6px rgba(255,211,101,.78));
  animation:v29GoldThread 13s linear infinite;
}
.contact-layout > *{position:relative;z-index:2}
.contact-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:#e4bd62;
  border:1px solid rgba(214,173,76,.70);
  background:linear-gradient(150deg,rgba(7,10,34,.96),rgba(3,8,26,.94));
  box-shadow:0 20px 48px rgba(0,0,0,.30),inset 0 0 30px rgba(216,171,69,.045);
}
.contact-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:8;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  background:conic-gradient(
    from var(--card-thread-angle),
    transparent 0deg 274deg,
    rgba(219,165,50,.12) 284deg,
    #f3c966 300deg,
    #fffbd7 311deg,
    #d79c2f 325deg,
    transparent 348deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(255,211,101,.72));
  animation:v29GoldThread 10.5s linear infinite reverse;
}
.contact-card > *{position:relative;z-index:2}
.contact-row{border-bottom-color:rgba(214,173,76,.34)}
.contact-row small{color:#d8b35d}
.contact-row a,.contact-row strong{color:#efd184}
.contact .btn-primary{
  color:#171027;
  background:linear-gradient(135deg,#b78328,#f0d17a 48%,#b47b22);
  box-shadow:0 10px 28px rgba(218,170,61,.22);
}
.contact .btn-outline{
  color:#e7c66f;
  border-color:rgba(225,184,82,.76);
  background:rgba(216,173,69,.06);
}

@media(max-width:760px){
  .contact-layout{padding:22px 16px;border-radius:23px}
  #usefulGrid .useful-card::before{animation-duration:13s;padding:1.5px}
  .contact-layout::before{animation-duration:15s;padding:1.5px}
  .contact-card::before{animation-duration:12s;padding:1.5px}
}

@media(prefers-reduced-motion:reduce){
  #usefulGrid .useful-card::before,
  .contact-layout::before,
  .contact-card::before{animation:none!important;--card-thread-angle:315deg}
}

/* ===== V31: gold shimmer buttons, destination titles and welcome fact cards ===== */
@property --v31-thread-angle{
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}
@property --v31-title-shift{
  syntax:'<percentage>';
  inherits:false;
  initial-value:0%;
}
@keyframes v31ThreadTravel{to{--v31-thread-angle:360deg}}
@keyframes v31ButtonShine{0%,58%{transform:translateX(-170%) skewX(-22deg);opacity:0}64%{opacity:.95}82%{transform:translateX(260%) skewX(-22deg);opacity:.15}100%{transform:translateX(260%) skewX(-22deg);opacity:0}}
@keyframes v31GoldTitle{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* Otkrij apartman: isti luksuzni zlatni sjaj kao WhatsApp gumb. */
.hero-buttons .btn-primary{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#171027!important;
  border:1px solid rgba(255,225,137,.94)!important;
  background:linear-gradient(120deg,#a96f17 0%,#edbd45 27%,#fff0a7 49%,#d89c28 72%,#9b6114 100%)!important;
  background-size:180% 100%!important;
  box-shadow:0 0 0 1px rgba(255,219,116,.18),0 9px 26px rgba(218,160,44,.33),inset 0 1px 0 rgba(255,255,255,.58)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.34);
}
.hero-buttons .btn-primary::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-35%;bottom:-35%;left:-38%;
  width:34%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
  filter:blur(1px);
  animation:v31ButtonShine 4.8s ease-in-out infinite;
}
.hero-buttons .btn-primary > *{position:relative;z-index:2}
.hero-buttons .btn-primary:hover{filter:brightness(1.08);box-shadow:0 0 22px rgba(255,209,91,.42),0 12px 30px rgba(218,160,44,.38)!important}

/* Naslovi destinacija: elegantno, sporo zlatno prelijevanje. */
#destinationCards .card h3{
  color:#ddb14d;
  background:linear-gradient(100deg,#9e671c 0%,#d9a63b 24%,#fff0a6 46%,#e2b24d 66%,#9f681d 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:v31GoldTitle 8.5s ease-in-out infinite;
  text-shadow:0 0 14px rgba(224,176,65,.08);
}
#destinationCards .card:nth-child(2n) h3{animation-delay:-2.2s}
#destinationCards .card:nth-child(3n) h3{animation-delay:-4.4s}

/* Kartice ispod Dobro došli: spora zlatna nit oko svake zasebne kartice. */
.quick-facts{
  border:0!important;
  gap:12px;
  background:transparent;
  overflow:visible;
}
.quick-facts .quick-fact,
.quick-facts > div,
.quick-facts > a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(198,155,55,.34)!important;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(250,246,235,.86));
  box-shadow:0 12px 28px rgba(40,24,73,.06),inset 0 0 18px rgba(207,163,59,.025);
}
.quick-facts .quick-fact::before,
.quick-facts > div::before,
.quick-facts > a::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:5;
  border-radius:inherit;
  padding:2px;
  pointer-events:none;
  background:conic-gradient(
    from var(--v31-thread-angle),
    transparent 0deg 274deg,
    rgba(209,154,35,.10) 283deg,
    rgba(238,190,72,.64) 297deg,
    #fff7bd 308deg,
    #dc9d27 321deg,
    rgba(213,157,40,.14) 339deg,
    transparent 352deg 360deg
  );
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(255,203,74,.62));
  animation:v31ThreadTravel 12s linear infinite;
}
.quick-facts > :nth-child(2)::before{animation-delay:-2.4s}
.quick-facts > :nth-child(3)::before{animation-delay:-4.8s}
.quick-facts > :nth-child(4)::before{animation-delay:-7.2s}
.quick-facts > :nth-child(5)::before{animation-delay:-9.6s}
.quick-facts .quick-fact > *,
.quick-facts > div > *,
.quick-facts > a > *{position:relative;z-index:2}
.quick-facts .quick-fact:hover,
.quick-facts > a:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(48,28,82,.10),0 0 17px rgba(220,172,57,.11)}

@media(max-width:900px){
  .quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .quick-facts{grid-template-columns:1fr!important;gap:10px}
  .quick-facts .quick-fact::before,.quick-facts > div::before,.quick-facts > a::before{animation-duration:14s;padding:1.5px}
}
@media(prefers-reduced-motion:reduce){
  .hero-buttons .btn-primary::after,
  #destinationCards .card h3,
  .quick-facts .quick-fact::before,
  .quick-facts > div::before,
  .quick-facts > a::before{animation:none!important}
}

/* ===== V32: unified gold shimmer navigation, booking and guide cards ===== */
@keyframes v32GoldTextFlow{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
@keyframes v32Sweep{
  0%,58%{transform:translateX(-180%) skewX(-22deg);opacity:0}
  64%{opacity:.9}
  82%{transform:translateX(280%) skewX(-22deg);opacity:.12}
  100%{transform:translateX(280%) skewX(-22deg);opacity:0}
}

/* Rezerviraj: isti zlatni izgled kao Otkrij apartman. */
.hero-buttons .btn-glass{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  color:#171027!important;
  border:1px solid rgba(255,225,137,.94)!important;
  background:linear-gradient(120deg,#a96f17 0%,#edbd45 27%,#fff0a7 49%,#d89c28 72%,#9b6114 100%)!important;
  background-size:180% 100%!important;
  box-shadow:0 0 0 1px rgba(255,219,116,.18),0 9px 26px rgba(218,160,44,.33),inset 0 1px 0 rgba(255,255,255,.58)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.34);
  backdrop-filter:none!important;
}
.hero-buttons .btn-glass::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-35%;bottom:-35%;left:-38%;
  width:34%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);
  filter:blur(1px);
  animation:v32Sweep 5.2s ease-in-out infinite .55s;
}
.hero-buttons .btn-glass:hover{
  filter:brightness(1.08);
  box-shadow:0 0 22px rgba(255,209,91,.42),0 12px 30px rgba(218,160,44,.38)!important;
}

/* Gornji izbornik: svaki naziv u zasebnom zlatnom zaobljenom okviru. */
.topbar .desktop-nav{
  gap:10px!important;
  align-items:center;
}
.topbar .desktop-nav a{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(229,184,73,.78);
  color:#f3cf72!important;
  background:linear-gradient(145deg,rgba(7,10,32,.64),rgba(29,18,61,.72));
  box-shadow:inset 0 0 12px rgba(255,213,97,.05),0 0 10px rgba(215,165,46,.08);
  font-weight:700;
  opacity:1!important;
  text-shadow:0 0 8px rgba(255,214,105,.18);
}
.topbar .desktop-nav a::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-40%;bottom:-40%;left:-42%;
  width:32%;
  background:linear-gradient(90deg,transparent,rgba(255,242,177,.72),transparent);
  animation:v32Sweep 6.4s ease-in-out infinite;
}
.topbar .desktop-nav a:nth-child(2)::after{animation-delay:-1.25s}
.topbar .desktop-nav a:nth-child(3)::after{animation-delay:-2.5s}
.topbar .desktop-nav a:nth-child(4)::after{animation-delay:-3.75s}
.topbar .desktop-nav a:nth-child(5)::after{animation-delay:-5s}
.topbar .desktop-nav a:hover{
  color:#fff1ad!important;
  border-color:#ffe58e;
  transform:translateY(-2px);
  box-shadow:0 0 18px rgba(239,190,66,.24),inset 0 0 15px rgba(255,231,146,.08);
}

/* Naslov Gdje jesti i kupovati: zlatna slova s blagim prelijevanjem. */
#food .section-heading h2{
  color:#ddb14d;
  background:linear-gradient(100deg,#9e671c 0%,#d9a63b 24%,#fff0a6 46%,#e2b24d 66%,#9f681d 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:v32GoldTextFlow 8.5s ease-in-out infinite;
  text-shadow:0 0 14px rgba(224,176,65,.08);
}

/* Nazivi kartica, Karta i Saznajte više: zlatna slova s prelijevanjem. */
#foodCards .card h3,
#foodCards .card-actions a,
#destinationCards .card-actions a{
  color:#ddb14d!important;
  background:linear-gradient(100deg,#a26a1c 0%,#d8a53a 25%,#fff0a6 48%,#dfae48 68%,#9e671c 100%);
  background-size:240% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:v32GoldTextFlow 8s ease-in-out infinite;
  text-shadow:0 0 10px rgba(232,184,69,.08);
}
#foodCards .card:nth-child(2n) h3,
#foodCards .card:nth-child(2n) .card-actions a{animation-delay:-2.2s}
#foodCards .card:nth-child(3n) h3,
#foodCards .card:nth-child(3n) .card-actions a{animation-delay:-4.4s}

/* Dodatno naglasi akcije bez mijenjanja postojeće putujuće niti kartica. */
#foodCards .card-actions a,
#destinationCards .card-actions a{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  font-weight:800!important;
  letter-spacing:.01em;
}
#foodCards .card-actions a:hover,
#destinationCards .card-actions a:hover{filter:brightness(1.22)}

@media(max-width:1100px){
  .topbar .desktop-nav a{padding:0 11px;font-size:12px}
  .topbar .desktop-nav{gap:7px!important}
}
@media(max-width:900px){
  .topbar .desktop-nav{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-buttons .btn-glass::after,
  .topbar .desktop-nav a::after,
  #food .section-heading h2,
  #foodCards .card h3,
  #foodCards .card-actions a,
  #destinationCards .card-actions a{animation:none!important}
}


/* ===== V33: kalendar raspoloživosti i klikabilna lokacija ===== */
.contact-card{gap:0!important}
.contact-card .contact-row{position:relative}
.contact-card a.contact-row{color:inherit;text-decoration:none}
.contact-link-row{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:13px!important;
  min-height:82px;
  padding:15px 16px!important;
  margin:0 0 11px;
  border:1px solid rgba(225,181,70,.56)!important;
  border-radius:18px;
  overflow:hidden;
  isolation:isolate;
  background:linear-gradient(145deg,rgba(4,9,31,.90),rgba(25,17,61,.84));
  box-shadow:0 10px 25px rgba(0,0,0,.18),inset 0 0 18px rgba(235,188,68,.035);
  transition:transform .22s ease,box-shadow .22s ease;
}
.contact-link-row::before{
  content:"";position:absolute;inset:-1px;z-index:4;border-radius:inherit;padding:2px;pointer-events:none;
  background:conic-gradient(from var(--v33-link-angle),transparent 0deg 276deg,rgba(221,164,39,.12) 286deg,rgba(244,198,73,.72) 301deg,#fff5af 311deg,#d89b25 324deg,rgba(214,157,36,.12) 342deg,transparent 353deg 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  filter:drop-shadow(0 0 5px rgba(255,202,69,.62));animation:v33ContactThread 10s linear infinite;
}
@property --v33-link-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes v33ContactThread{to{--v33-link-angle:360deg}}
.contact-location-row::before{animation-delay:-5s}
.contact-link-row>*{position:relative;z-index:5}
.contact-link-row:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 18px rgba(229,176,52,.15)}
.contact-row-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:25px;color:#e9bd54;background:rgba(219,169,49,.08);border:1px solid rgba(232,188,76,.42)}
.contact-link-row small{font-family:"Cormorant Garamond",serif!important;color:#d8b35d!important;font-size:19px!important;line-height:1.05}
.contact-link-row strong{display:block;color:#f0d184!important;font-family:"Cormorant Garamond",serif;font-size:21px;line-height:1.15;margin-top:3px}
.contact-row-arrow{color:#eec65e;font-size:31px;line-height:1;text-align:right}
.availability-pill{border-color:rgba(235,192,82,.72)!important;color:#f1cf74!important;background:linear-gradient(145deg,rgba(5,9,28,.78),rgba(32,20,67,.78))!important}
.availability-pill::after{content:"";position:absolute;inset:-45% auto -45% -45%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,241,166,.72),transparent);animation:v32Sweep 6s ease-in-out infinite;pointer-events:none}
@media(max-width:700px){.contact-link-row{grid-template-columns:42px minmax(0,1fr) 18px!important;min-height:72px;padding:12px!important}.contact-row-icon{width:38px;height:38px;font-size:22px}.contact-link-row small{font-size:17px!important}.contact-link-row strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.contact-link-row::before,.availability-pill::after{animation:none!important}}

/* ===== V34: završno podnožje kao na odobrenom prikazu ===== */
.contact{
  min-height:100svh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-bottom:42px!important;
}
.contact > .shell.contact-layout{
  width:min(1180px,calc(100% - 40px));
  margin-top:auto;
  margin-bottom:34px;
}
.contact-footer-lockup{
  position:relative;
  z-index:3;
  width:min(720px,calc(100% - 36px));
  margin:auto auto 0;
  text-align:center;
  color:#e4bd62;
  filter:drop-shadow(0 5px 20px rgba(0,0,0,.46));
}
.contact-footer-script{
  font-family:"Cormorant Garamond",serif;
  font-size:clamp(34px,4.2vw,58px);
  font-weight:600;
  font-style:italic;
  line-height:1;
  color:#ddb455;
  background:linear-gradient(100deg,#9c651c 0%,#d8a63d 27%,#fff0aa 48%,#dfb14b 68%,#9b641b 100%);
  background-size:230% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:v32GoldTextFlow 9s ease-in-out infinite;
  text-shadow:0 0 15px rgba(230,184,74,.12);
}
.contact-footer-ornament{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  width:min(430px,78vw);
  margin:12px auto 10px;
}
.contact-footer-ornament span{
  height:1px;
  background:linear-gradient(90deg,transparent,#b98129 35%,#f0c966 75%,#fff1a7);
  box-shadow:0 0 7px rgba(234,185,72,.28);
}
.contact-footer-ornament span:last-child{transform:scaleX(-1)}
.contact-footer-ornament b{font-size:13px;color:#e7bd58;text-shadow:0 0 10px rgba(255,211,95,.68)}
.contact-footer-tagline{
  color:rgba(255,255,255,.82);
  font-size:clamp(10px,1.1vw,14px);
  letter-spacing:.11em;
  font-weight:500;
}
.site-footer-minimal{
  position:absolute;
  z-index:7;
  right:18px;
  bottom:12px;
  padding:0;
  background:transparent!important;
  border:0!important;
  color:rgba(255,255,255,.5);
  font-size:11px;
}
.site-footer-minimal .copyright{display:none}
.site-footer-minimal .admin-link{
  display:inline-flex;
  min-height:32px;
  padding:0 14px;
  align-items:center;
  border-radius:999px;
  border:1px solid rgba(231,190,91,.55);
  color:#e6c36e;
  background:rgba(5,8,27,.55);
  backdrop-filter:blur(8px);
}
/* Kontaktni redovi su odvojene premium kartice kao na referenci. */
.contact-card{
  display:grid;
  gap:10px!important;
  padding:16px!important;
}
.contact-card .contact-row:not(.contact-link-row){
  border:1px solid rgba(214,173,76,.48)!important;
  border-radius:18px;
  padding:14px 16px!important;
  background:linear-gradient(145deg,rgba(5,9,30,.80),rgba(25,17,61,.72));
}
.contact-card .contact-row:last-child{border-bottom:1px solid rgba(214,173,76,.48)!important}
.contact-card .contact-row small{font-family:"Cormorant Garamond",serif;font-size:18px!important}
.contact-card .contact-row a{font-family:"Cormorant Garamond",serif;font-size:21px;font-weight:700}
@media(max-width:760px){
  .contact{min-height:auto;padding-top:92px!important;padding-bottom:34px!important}
  .contact > .shell.contact-layout{margin-bottom:28px}
  .contact-footer-script{font-size:38px}
  .contact-footer-tagline{font-size:9px;letter-spacing:.08em}
  .site-footer-minimal{position:fixed;right:10px;bottom:8px}
}
@media(prefers-reduced-motion:reduce){.contact-footer-script{animation:none!important}}


/* ===== V35: luxury live availability calendar ===== */
.availability-section{position:relative;background:radial-gradient(circle at 50% 0,rgba(75,48,132,.22),transparent 52%),linear-gradient(180deg,#080b24,#040719);color:#fff;padding-block:92px;overflow:hidden}
.availability-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,224,135,.28) 0 1px,transparent 1.4px);background-size:52px 52px;opacity:.12}
.availability-heading{position:relative;z-index:1}.availability-heading h2{color:#e9c76e}.availability-heading>p{color:#d8d2e7}
.availability-card{position:relative;z-index:1;max-width:900px;margin:30px auto 0;padding:clamp(18px,4vw,38px);border-radius:28px;border:1.5px solid transparent;background:linear-gradient(rgba(7,10,31,.96),rgba(7,10,31,.96)) padding-box,linear-gradient(110deg,#8e651d,#e5bb58,#fff0ad,#b17c27,#e5bb58,#8e651d) border-box;background-size:100% 100%,280% 100%;animation:indigoGoldShimmer 9s linear infinite;box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 0 36px rgba(222,178,69,.05)}
.calendar-toolbar{display:grid;grid-template-columns:54px 1fr 54px;align-items:center;gap:16px;margin-bottom:24px}.calendar-nav,.calendar-refresh{appearance:none;border:1px solid rgba(224,181,78,.7);background:rgba(222,180,73,.07);color:#f3d477;cursor:pointer}.calendar-nav{width:54px;height:54px;border-radius:50%;font:38px/1 "Cormorant Garamond",serif}.calendar-nav:hover,.calendar-refresh:hover{background:rgba(222,180,73,.16);box-shadow:0 0 18px rgba(229,190,91,.14)}
.calendar-month-title{text-align:center;text-transform:capitalize;font:700 clamp(26px,4vw,42px)/1 "Cormorant Garamond",serif;color:#f0cf75;letter-spacing:.035em;text-shadow:0 0 16px rgba(236,197,96,.16)}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(5px,1.2vw,12px)}.calendar-weekdays{margin-bottom:10px}.calendar-weekdays span{text-align:center;color:#bdb5d2;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}
.calendar-day{aspect-ratio:1;min-width:0;border-radius:50%;display:grid;place-items:center;position:relative;color:#eee8f5;border:1px solid transparent}.calendar-day b{font:600 clamp(14px,2vw,19px)/1 Inter,sans-serif;position:relative;z-index:2}.calendar-day.is-free{background:rgba(255,255,255,.025)}.calendar-day.is-free:hover{border-color:rgba(226,188,92,.3)}.calendar-day.is-busy{color:#120e22;background:radial-gradient(circle at 38% 30%,#fff3b7 0,#f0cb69 38%,#b77d24 78%,#754914 100%);box-shadow:0 0 18px rgba(228,184,78,.27),inset 0 1px 2px rgba(255,255,255,.7)}.calendar-day.is-busy:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(235,197,100,.34);border-radius:50%}.calendar-day.is-today{outline:1px solid #fff0ae;outline-offset:3px}.calendar-empty{visibility:hidden}
.calendar-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:22px;border-top:1px solid rgba(222,181,78,.18)}.calendar-legend{display:flex;gap:18px;flex-wrap:wrap}.calendar-legend span{display:flex;align-items:center;gap:8px;color:#ddd7e9;font-size:13px}.calendar-legend i{width:17px;height:17px;border-radius:50%;display:block}.legend-free{border:1px solid rgba(231,203,131,.48);background:rgba(255,255,255,.04)}.legend-busy{background:linear-gradient(135deg,#fff0ae,#b77d24);box-shadow:0 0 8px rgba(226,185,86,.25)}.calendar-status{margin-left:auto;color:#bfb7d0;font-size:13px}.calendar-status.ready{color:#bde3c4}.calendar-status.error{color:#ffc6c6}.calendar-refresh{border-radius:999px;padding:9px 14px;font-weight:700}.calendar-booking-row{text-align:center;margin-top:25px}
@media(max-width:600px){.availability-section{padding-block:68px}.availability-card{border-radius:22px;padding:18px 12px}.calendar-toolbar{grid-template-columns:44px 1fr 44px;gap:7px}.calendar-nav{width:44px;height:44px}.calendar-weekdays,.calendar-grid{gap:4px}.calendar-day b{font-size:13px}.calendar-footer{gap:12px}.calendar-status{order:3;width:100%;margin-left:0;text-align:center}.calendar-legend{margin:auto}.calendar-refresh{margin:auto}.calendar-booking-row .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.availability-card{animation:none!important}}