/*
Theme Name: KRK Made
Theme URI: https://krk.hr/krk-made/
Description: Gastronomski vodic otoka Krka — Taste of the Island
Version: 1.0.3
Author: Koni Design
Author URI: https://koni.design
License: GNU General Public License v2 or later
Text Domain: krk-made
*/
:root{
  --cream:#f7f9fb;--sand:#eef2f6;--sand-dark:#d6dee8;--stone:#8a9eb4;
  --olive:#004b6b;--olive-dark:#003a56;--olive-light:#5a95cf;
  --sea:#004b6b;--sea-mid:#5a95cf;--sea-light:#7ab4e0;
  --terra:#f8991d;--terra-light:#fab548;--terra-warm:#fde4b8;
  --gold:#f8991d;--gold-light:#fab548;--gold-pale:#fde8c4;
  --wine:#003a56;--wine-light:#004b6b;
  --ink:#001e30;--charcoal:#1a3a4f;--warm-gray:#5a7a90;
  --white:#ffffff;
  --ff-display:'Forum','Playfair Display',Georgia,serif;
  --ff-body:'Libre Franklin','Segoe UI',sans-serif;
  --grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.04'/%3E%3C/svg%3E");
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-spark:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--ff-body);color:var(--charcoal);background:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
svg{display:block}
::selection{background:var(--gold);color:var(--ink)}
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:var(--sand)}
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}

.grain{position:fixed;inset:0;pointer-events:none;z-index:9998;background:var(--grain);background-size:140px 140px;opacity:.5;mix-blend-mode:multiply}
.cursor-glow{position:fixed;width:380px;height:380px;border-radius:50%;pointer-events:none;z-index:9997;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(250,181,72,.10),transparent 65%);opacity:0;transition:opacity .5s;will-change:transform}
body.dark-zone .cursor-glow{opacity:1}

/* ===== LOADER ===== */
#loader{position:fixed;inset:0;z-index:9999;background:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .9s var(--ease-out),visibility .9s}
#loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-mark{position:relative;width:88px;height:88px;display:grid;place-items:center}
.loader-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 9s linear infinite}
.loader-olive{width:40px;height:40px;color:var(--gold);animation:olivePulse 2.4s var(--ease-out) infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes olivePulse{0%,100%{opacity:.6;transform:scale(.92)}50%{opacity:1;transform:scale(1.04)}}
#loader h2{font-family:var(--ff-display);color:var(--gold-light);font-size:1.7rem;font-weight:500;letter-spacing:.06em;margin-top:24px}
#loader .subtitle{font-size:.66rem;color:var(--stone);letter-spacing:.32em;text-transform:uppercase;margin-top:10px}

/* ===== NAV ===== */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:22px clamp(20px,4vw,48px);display:flex;align-items:center;justify-content:space-between;transition:padding .5s var(--ease-out),background .5s,box-shadow .5s,backdrop-filter .5s}
nav.scrolled{background:rgba(0,30,48,.92);backdrop-filter:blur(22px) saturate(1.2);padding:13px clamp(20px,4vw,48px);box-shadow:0 8px 40px rgba(0,0,0,.28)}
.logo{font-family:var(--ff-display);font-size:1.45rem;font-weight:600;color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;letter-spacing:.01em}
.logo-em{color:var(--gold-light)}
.logo-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(248,153,29,.22),rgba(248,153,29,.05));border:1px solid rgba(248,153,29,.4);color:var(--gold-light)}
.logo-mark svg{width:18px;height:18px}
.logo-mark.sm{width:28px;height:28px}.logo-mark.sm svg{width:16px;height:16px}
nav ul{list-style:none;display:flex;gap:clamp(20px,2.4vw,38px)}
nav ul li a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.74rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color .3s;position:relative}
nav ul li a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1.5px;background:var(--gold-light);transition:width .35s var(--ease-out)}
nav ul li a:hover{color:#fff}
nav ul li a:hover::after{width:100%}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.nav-toggle span{display:block;width:24px;height:1.5px;background:#fff;margin:5px 0;transition:.3s}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-light));z-index:1001;transition:width .1s linear}

/* ===== HERO ===== */
.hero{position:relative;height:100vh;min-height:760px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--ink)}
.hero-sky{position:absolute;inset:0;background:
  radial-gradient(120% 80% at 50% 120%,rgba(248,153,29,.28),transparent 55%),
  radial-gradient(90% 60% at 78% 88%,rgba(248,153,29,.22),transparent 60%),
  linear-gradient(170deg,#001020 0%,#001828 28%,#002030 50%,#003050 72%,#001525 100%)}
.hero-sky::after{content:'';position:absolute;inset:0;background:var(--grain);background-size:220px;opacity:.45;mix-blend-mode:overlay}
.hero-sun{position:absolute;left:50%;bottom:-7%;transform:translateX(-50%);width:min(70vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(248,153,29,.5),rgba(248,153,29,.18) 42%,transparent 66%);filter:blur(6px);animation:sunBreath 9s var(--ease-out) infinite}
@keyframes sunBreath{0%,100%{opacity:.85;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.06)}}
.hero-sparks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-waves{position:absolute;left:0;right:0;bottom:-2px;width:100%;height:42vh;min-height:240px}
.hero-waves .wv{fill:none}
.wv1{fill:rgba(15,61,92,.5)}
.wv2{fill:rgba(15,61,92,.7)}
.wv3{fill:rgba(10,22,30,.92)}
.hero-branch{position:absolute;width:200px;height:320px;opacity:.16}
.hero-branch.left{bottom:60px;left:30px;transform:rotate(-12deg)}
.hero-branch.right{top:80px;right:48px;transform:rotate(168deg) scaleX(-1)}
.hero-content{position:relative;z-index:3;text-align:center;padding:0 24px;max-width:960px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:14px;margin-bottom:30px;opacity:0;animation:fadeUp .8s .3s var(--ease-out) forwards}
.hero-eyebrow span:not(.line){font-size:.68rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-light)}
.hero-eyebrow .line{width:44px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.hero-eyebrow .line:last-child{background:linear-gradient(90deg,var(--gold),transparent)}
.hero-title{font-family:var(--ff-display);font-size:clamp(3rem,8vw,6.2rem);font-weight:400;color:#fff;line-height:1.05;margin-bottom:24px;letter-spacing:-.01em}
.line-mask{display:block;overflow:hidden;padding-bottom:.04em}
.hero-title .word{display:inline-block;transform:translateY(110%);animation:wordUp 1s var(--ease-spark) forwards}
.hero-title .em{font-style:italic;color:var(--gold-light);font-weight:500}
.line-mask:nth-child(1) .word:nth-child(1){animation-delay:.45s}
.line-mask:nth-child(1) .word:nth-child(2){animation-delay:.55s}
.line-mask:nth-child(2) .word:nth-child(1){animation-delay:.65s}
.line-mask:nth-child(2) .word:nth-child(2){animation-delay:.72s}
.line-mask:nth-child(2) .word:nth-child(3){animation-delay:.82s}
@keyframes wordUp{to{transform:translateY(0)}}
.hero-sub{font-size:clamp(.98rem,1.7vw,1.18rem);color:rgba(255,255,255,.62);font-weight:300;line-height:1.85;max-width:580px;margin:0 auto 46px;opacity:0;animation:fadeUp .9s 1.05s var(--ease-out) forwards}
.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .9s 1.25s var(--ease-out) forwards}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;font-family:var(--ff-body);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:100px;transition:transform .35s var(--ease-out),background .35s,box-shadow .35s,color .35s,border-color .35s;cursor:pointer;border:1px solid transparent}
.btn .bi{width:17px;height:17px;transition:transform .35s var(--ease-out)}
.btn-gold{background:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 14px 36px rgba(248,153,29,.34)}
.btn-gold:hover .bi{transform:rotate(20deg)}
.btn-ghost{border-color:rgba(255,255,255,.28);color:rgba(255,255,255,.85);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:var(--gold-light);color:var(--gold-light);transform:translateY(-3px)}
.btn-ghost:hover .bi{transform:translateX(4px)}
.btn:active{transform:translateY(-1px) scale(.98)}
.hero-scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:fadeUp .7s 1.7s var(--ease-out) forwards;text-decoration:none}
.hero-scroll span:first-child{font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.scroll-rail{width:22px;height:34px;border:1px solid rgba(255,255,255,.28);border-radius:12px;display:flex;justify-content:center;padding-top:6px}
.scroll-dot{width:4px;height:4px;background:var(--gold-light);border-radius:50%;animation:scrollDot 1.8s var(--ease-out) infinite}
@keyframes scrollDot{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}

/* ===== SHARED SECTION ===== */
.sec-wrap{max-width:1240px;margin:0 auto;position:relative;padding:0 clamp(20px,4vw,40px)}
.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--olive);margin-bottom:16px;display:inline-flex;align-items:center;gap:12px}
.eyebrow.center{justify-content:center}
.eyebrow.light{color:var(--gold-light)}
.eb-line{width:30px;height:1px;background:currentColor;opacity:.55}
.eb-line.gold{background:var(--gold)}
.section-title{font-family:var(--ff-display);font-size:clamp(2rem,4.6vw,3.3rem);font-weight:400;color:var(--ink);line-height:1.14;letter-spacing:-.01em}
.section-title em{font-style:italic;color:var(--terra)}
.section-title.light{color:#fff}.section-title.light em{color:var(--gold-light)}
.sec-bg-lines{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 12% 20%,rgba(0,75,107,.05),transparent 30%),radial-gradient(circle at 88% 78%,rgba(248,153,29,.06),transparent 32%)}

/* ===== PILLARS ===== */
.pillars{position:relative;background:var(--white);overflow:hidden;padding:clamp(72px,9vw,116px) clamp(20px,4vw,40px)}
.pillars-header{text-align:center;margin-bottom:60px;position:relative}
.pillars-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:1200px;margin:0 auto;position:relative}
.pillar{text-align:center;padding:40px 22px 36px;border-radius:18px;transition:transform .5s var(--ease-out),box-shadow .5s,background .5s;cursor:default;position:relative;background:linear-gradient(180deg,var(--cream),transparent);border:1px solid transparent}
.pillar:hover{transform:translateY(-10px);box-shadow:0 24px 60px rgba(0,40,60,.10);background:var(--white);border-color:var(--sand)}
.pillar-icon{width:78px;height:78px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;position:relative;transition:transform .5s var(--ease-spark)}
.pillar-icon svg{width:38px;height:38px;stroke-width:1.6}
.pillar:hover .pillar-icon{transform:scale(1.08) rotate(-4deg)}
.pillar-icon::after{content:'';position:absolute;inset:0;border-radius:50%;border:1px dashed currentColor;opacity:.3;transform:scale(1.18);transition:transform .6s var(--ease-out),opacity .6s}
.pillar:hover .pillar-icon::after{transform:scale(1.05) rotate(40deg);opacity:.55}
.pillar[data-c=olive] .pillar-icon{background:rgba(0,75,107,.1);color:var(--olive)}
.pillar[data-c=terra] .pillar-icon{background:rgba(248,153,29,.1);color:var(--terra)}
.pillar[data-c=gold] .pillar-icon{background:rgba(248,153,29,.12);color:var(--gold)}
.pillar[data-c=sea] .pillar-icon{background:rgba(15,61,92,.1);color:var(--sea-mid)}
.pillar[data-c=wine] .pillar-icon{background:rgba(101,37,109,.1);color:var(--wine-light)}
.pillar h3{font-family:var(--ff-display);font-size:1.3rem;font-weight:600;color:var(--ink);margin-bottom:10px}
.pillar p{font-size:.84rem;color:var(--warm-gray);line-height:1.65;font-weight:300}

/* ===== MANIFESTO ===== */
.manifesto{position:relative;overflow:hidden;padding:clamp(80px,10vw,130px) clamp(20px,4vw,48px)}
.manifesto-bg{position:absolute;inset:0;background:linear-gradient(135deg,#001e30 0%,#001528 42%,#001a2e 100%)}
.manifesto-bg::after{content:'';position:absolute;inset:0;background:var(--grain);background-size:220px;opacity:.4}
.manifesto-orbits{position:absolute;right:-120px;top:50%;transform:translateY(-50%);width:520px;height:520px}
.manifesto-orbits span{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(248,153,29,.08)}
.manifesto-orbits span:nth-child(1){width:520px;height:520px;animation:spin 40s linear infinite}
.manifesto-orbits span:nth-child(2){width:360px;height:360px;border-color:rgba(255,255,255,.05);animation:spin 30s linear infinite reverse}
.manifesto-orbits span:nth-child(3){width:200px;height:200px;border-color:rgba(90,149,207,.12)}
.manifesto-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center;position:relative;z-index:1}
.m-eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-light);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.manifesto-left h2{font-family:var(--ff-display);font-size:clamp(2rem,4.2vw,3.1rem);font-weight:400;color:#fff;line-height:1.2;margin-bottom:30px;letter-spacing:-.01em}
.manifesto-left h2 em{font-style:italic;color:var(--gold-light)}
.m-quote{font-family:var(--ff-display);font-size:1.18rem;color:rgba(255,255,255,.5);font-style:italic;line-height:1.7;border-left:2px solid var(--gold);padding-left:22px}
.manifesto-right p{font-size:1rem;line-height:1.95;color:rgba(255,255,255,.6);font-weight:300;margin-bottom:20px}
.manifesto-right p:first-child::first-letter{font-family:var(--ff-display);font-size:4.2rem;float:left;line-height:.78;margin-right:14px;margin-top:8px;color:var(--gold-light);font-weight:700}
.manifesto-tags{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.manifesto-tags span{font-size:.68rem;font-weight:500;letter-spacing:.12em;color:var(--gold-light);border:1px solid rgba(248,153,29,.3);padding:7px 16px;border-radius:100px;transition:background .3s,color .3s}
.manifesto-tags span:hover{background:var(--gold);color:var(--ink)}

/* ===== STATS ===== */
.stats{position:relative;background:var(--sand);padding:clamp(48px,6vw,68px) clamp(20px,4vw,40px);overflow:hidden}
.stats::before{content:'';position:absolute;inset:0;background:var(--grain);background-size:220px;opacity:.5}
.stats-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:34px;text-align:center;position:relative}
.stat{position:relative}
.stat:not(:last-child)::after{content:'';position:absolute;right:-17px;top:14%;height:72%;width:1px;background:var(--sand-dark)}
.stat .num{font-family:var(--ff-display);font-size:clamp(2.6rem,5vw,3.4rem);font-weight:700;color:var(--ink);line-height:1;font-feature-settings:"tnum"}
.stat .num .sfx{color:var(--gold)}
.stat .label{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);margin-top:10px;font-weight:500}
.stat-line{width:26px;height:2px;background:var(--gold);margin:14px auto 0;border-radius:1px}

/* ===== MAP ===== */
.map-section{position:relative;background:var(--white);padding:clamp(72px,9vw,112px) 0 clamp(56px,7vw,90px);overflow:hidden}
.map-header{text-align:center;margin-bottom:40px}
.map-header p{font-size:.95rem;color:var(--warm-gray);font-weight:300;margin-top:14px;max-width:540px;margin-left:auto;margin-right:auto}
.map-layout{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:stretch}
.map-aside{display:flex;flex-direction:column;gap:14px;min-height:0}
.map-filters{display:flex;flex-wrap:wrap;gap:8px}
.mf{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--sand-dark);background:var(--white);font-family:var(--ff-body);font-size:.72rem;letter-spacing:.04em;color:var(--charcoal);cursor:pointer;border-radius:100px;transition:all .3s var(--ease-out);font-weight:500}
.mf svg{width:15px;height:15px;stroke-width:1.7}
.mf:hover{border-color:var(--olive);color:var(--olive)}
.mf.active{background:var(--olive);color:#fff;border-color:var(--olive);box-shadow:0 6px 16px rgba(0,75,107,.24)}
.map-list{flex:1;overflow-y:auto;border:1px solid var(--sand);border-radius:14px;padding:6px;max-height:548px;background:var(--cream)}
.map-list::-webkit-scrollbar{width:5px}
.ml-item{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;cursor:pointer;transition:background .25s,transform .25s;border:1px solid transparent}
.ml-item:hover,.ml-item.active{background:var(--white);border-color:var(--sand-dark);transform:translateX(3px)}
.ml-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.ml-info h4{font-family:var(--ff-display);font-size:.96rem;font-weight:600;color:var(--ink);line-height:1.15}
.ml-info .ml-meta{font-size:.68rem;color:var(--warm-gray);margin-top:1px;display:flex;gap:6px;align-items:center}
.ml-info .ml-type{font-weight:600;text-transform:uppercase;letter-spacing:.05em}
#map{width:100%;min-height:548px;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.09);border:1px solid var(--sand-dark);position:relative;z-index:1}
/* OSM pločice su prešarene za tamnoplave i narančaste pinove — smirujemo ih
   filtrom da podloga ostane blijeda, a oznake čitljive. */
.krk-tiles{filter:saturate(.35) brightness(1.06) contrast(.94)}
.map-pin{display:grid;place-items:center;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.3);transition:transform .2s var(--ease-out)}
.map-pin svg{transform:rotate(45deg);width:55%;height:55%;color:#fff;stroke-width:2}
.map-pin:hover,.map-pin.active{transform:rotate(-45deg) scale(1.28)}

/* ===== DISHES ===== */
.dishes-section{position:relative;padding:clamp(72px,9vw,112px) 0;overflow:hidden;background:var(--ink)}
.dishes-section::before{content:'';position:absolute;inset:0;background:var(--grain);background-size:220px;opacity:.35}
.dishes-section::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 25% 40%,rgba(0,75,107,.14),transparent 55%),radial-gradient(ellipse at 78% 60%,rgba(248,153,29,.1),transparent 52%)}
.dishes-header{text-align:center;margin-bottom:48px;padding:0 24px;position:relative;z-index:1}
.dishes-header .section-title{margin-top:14px}
.dishes-track{display:flex;gap:20px;padding:8px clamp(20px,5vw,56px);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative;z-index:1;cursor:grab}
.dishes-track.dragging{cursor:grabbing;scroll-snap-type:none}
.dishes-track::-webkit-scrollbar{display:none}
.dish-card{flex:0 0 300px;scroll-snap-align:center;background:linear-gradient(165deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px 26px;transition:transform .4s var(--ease-out),border-color .4s,background .4s;backdrop-filter:blur(6px);position:relative;overflow:hidden}
.dish-card::before{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(248,153,29,.16),transparent 70%);opacity:0;transition:opacity .4s}
.dish-card:hover{transform:translateY(-6px);background:linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border-color:rgba(248,153,29,.4)}
.dish-card:hover::before{opacity:1}
.dish-card .dish-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(248,153,29,.14);color:var(--gold-light);margin-bottom:18px}
.dish-card .dish-icon svg{width:26px;height:26px;stroke-width:1.6}
.dish-card .dish-from{font-size:.62rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.dish-card .dish-name{font-family:var(--ff-display);font-size:1.28rem;font-weight:600;color:#fff;margin-bottom:9px;line-height:1.2}
.dish-card .dish-desc{font-size:.84rem;color:rgba(255,255,255,.52);line-height:1.65;font-weight:300}
.dishes-hint{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px;font-size:.7rem;color:rgba(255,255,255,.35);letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:1}
.dishes-hint svg{width:16px;height:16px}
.dishes-hint .flip{transform:rotate(180deg)}

/* ===== QUOTE ===== */
.quote-section{position:relative;padding:clamp(80px,10vw,120px) clamp(20px,5vw,40px);text-align:center;overflow:hidden}
.quote-section.green{background:linear-gradient(135deg,var(--olive-dark),#003050)}
.quote-section.blue{background:linear-gradient(135deg,var(--sea),#003050)}
.quote-section::before{content:'';position:absolute;inset:0;background:var(--grain);background-size:220px;opacity:.32}
.q-deco{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(60vw,440px);height:min(60vw,440px);opacity:.05;color:#fff}
.q-deco svg{width:100%;height:100%}
.q-mark{font-family:var(--ff-display);font-size:9rem;color:rgba(255,255,255,.1);line-height:.6;margin-bottom:6px;position:relative}
.quote-section blockquote{font-family:var(--ff-display);font-size:clamp(1.35rem,2.9vw,2.05rem);font-weight:400;color:rgba(255,255,255,.94);line-height:1.55;max-width:760px;margin:0 auto;font-style:italic;position:relative}
.q-attr{margin-top:24px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);font-family:var(--ff-body);font-style:normal;position:relative}

/* ===== REGIONS + CARDS ===== */
.region{position:relative;padding:clamp(72px,9vw,108px) clamp(20px,4vw,40px);overflow:hidden}
.region.alt{background:var(--sand)}
.region-inner{max-width:1240px;margin:0 auto;position:relative}
.region-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:50px;padding-bottom:22px;border-bottom:1px solid var(--sand-dark);gap:20px}
.region.alt .region-header{border-bottom-color:var(--stone)}
.rh-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--olive);margin-bottom:12px;display:flex;align-items:center;gap:10px}
.region-header h2{font-family:var(--ff-display);font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:400;color:var(--ink);line-height:1.1}
.region-header h2 span{color:var(--olive);font-style:italic}
.region-header .rh-right{text-align:right;flex-shrink:0}
.region-header .count{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:700}
.region-header .rh-desc{font-size:.82rem;color:var(--warm-gray);font-weight:300;margin-top:4px;max-width:240px}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(348px,1fr));gap:26px}

.card{background:var(--white);border-radius:18px;overflow:hidden;box-shadow:0 3px 18px rgba(0,40,60,.05);transition:transform .55s var(--ease-out),box-shadow .55s,border-color .55s;border:1px solid rgba(0,40,60,.05);position:relative;scroll-margin-top:90px}
.card:hover{transform:translateY(-9px);box-shadow:0 28px 70px rgba(0,40,60,.13);border-color:var(--gold-pale)}
.card-visual{height:208px;position:relative;overflow:hidden}
.card-visual .card-bg{position:absolute;inset:0;transition:transform .7s var(--ease-out)}
.card:hover .card-bg{transform:scale(1.07)}
.card-visual svg.card-art{position:absolute;inset:0;width:100%;height:100%}
.card-motif{position:absolute;right:-14px;bottom:-18px;width:140px;height:140px;color:rgba(255,255,255,.16);transition:transform .7s var(--ease-out),color .5s}
.card:hover .card-motif{transform:rotate(-8deg) scale(1.06);color:rgba(255,255,255,.24)}
.card-motif svg{width:100%;height:100%;stroke-width:1.2}
.card-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,30,48,.62) 0%,rgba(0,30,48,.06) 55%,transparent 100%)}
.card-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 13px;border-radius:100px;backdrop-filter:blur(8px);color:#fff;background:rgba(0,30,48,.42);border:1px solid rgba(255,255,255,.22)}
.card-badge svg{width:13px;height:13px;stroke-width:2}
.card-location{position:absolute;bottom:14px;left:16px;z-index:2;color:rgba(255,255,255,.95);font-size:.74rem;font-weight:500;letter-spacing:.03em;display:flex;align-items:center;gap:6px}
.card-location svg{width:13px;height:13px;color:var(--gold-light);stroke-width:2}
.card-body{padding:24px 26px 26px}
.card-body h3{font-family:var(--ff-display);font-size:1.42rem;font-weight:600;color:var(--ink);margin-bottom:5px;line-height:1.15}
.card-body .tagline{font-size:.82rem;color:var(--olive);font-style:italic;margin-bottom:15px;font-weight:400}
.card-body .desc{font-size:.87rem;line-height:1.72;color:var(--warm-gray);font-weight:300;margin-bottom:16px}
.card-dish{background:var(--cream);padding:15px 17px;border-radius:11px;border-left:3px solid var(--gold);margin-bottom:16px}
.card-dish .dl{font-size:.58rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.card-dish .dn{font-family:var(--ff-display);font-size:1.06rem;font-weight:600;color:var(--ink)}
.card-dish .dd{font-size:.78rem;color:var(--warm-gray);margin-top:4px;font-weight:300;line-height:1.55}
.card-addr{font-size:.77rem;color:var(--stone);margin-bottom:13px;display:flex;align-items:flex-start;gap:7px}
.card-addr svg{width:13px;height:13px;flex-shrink:0;margin-top:2px;color:var(--stone);stroke-width:2}
.card-links{display:flex;flex-wrap:wrap;gap:7px}
.card-links a{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;color:var(--sea-mid);text-decoration:none;padding:6px 13px;border:1px solid rgba(26,107,138,.18);border-radius:100px;transition:all .3s var(--ease-out);font-weight:500}
.card-links a svg{width:13px;height:13px;stroke-width:1.8}
.card-links a:hover{background:var(--sea);color:#fff;border-color:var(--sea);transform:translateY(-1px)}

/* ===== PRODUCERS (dark) ===== */
.producers{position:relative;padding:clamp(72px,9vw,112px) clamp(20px,4vw,40px);background:linear-gradient(170deg,#001420 0%,#001a2a 44%,#001e30 100%);overflow:hidden}
.producers::before{content:'';position:absolute;inset:0;background:var(--grain);background-size:220px;opacity:.3}
.producers::after{content:'';position:absolute;top:0;right:0;width:55%;height:100%;background:radial-gradient(ellipse at 80% 26%,rgba(248,153,29,.08),transparent 60%)}
.producers .region-header{border-bottom-color:rgba(255,255,255,.1)}
.producers .rh-eyebrow{color:var(--gold-light)}
.producers .region-header h2{color:#fff}
.producers .region-header h2 span{color:var(--gold-light)}
.producers .count{color:var(--gold-light)}
.producers .rh-desc{color:rgba(255,255,255,.42)}
.producers .card{background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border-color:rgba(255,255,255,.08)}
.producers .card:hover{background:linear-gradient(165deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border-color:rgba(248,153,29,.32)}
.producers .card-body h3{color:#fff}
.producers .card-body .tagline{color:var(--gold-light)}
.producers .card-body .desc{color:rgba(255,255,255,.5)}
.producers .card-dish{background:rgba(255,255,255,.05);border-left-color:var(--olive-light)}
.producers .card-dish .dl{color:var(--gold-light)}
.producers .card-dish .dn{color:#fff}
.producers .card-dish .dd{color:rgba(255,255,255,.45)}
.producers .card-addr{color:rgba(255,255,255,.32)}
.producers .card-links a{color:var(--gold-light);border-color:rgba(248,153,29,.24)}
.producers .card-links a:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}

/* ===== FOOTER ===== */
footer{background:var(--ink);padding:clamp(60px,8vw,86px) clamp(20px,4vw,48px) 34px;color:rgba(255,255,255,.46);position:relative}
footer::before{content:'';position:absolute;inset:0;background:var(--grain);background-size:220px;opacity:.2}
.footer-inner{max-width:1240px;margin:0 auto;position:relative}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:54px;margin-bottom:56px}
.footer-brand h3{font-family:var(--ff-display);font-size:1.55rem;color:#fff;font-weight:500;margin-bottom:16px;display:flex;align-items:center;gap:11px}
.footer-brand h3 span:not(.logo-mark){color:var(--gold-light)}
.footer-brand p{font-size:.88rem;line-height:1.75;font-weight:300;max-width:360px;margin-bottom:20px}
.footer-tags{display:flex;gap:10px;flex-wrap:wrap}
.footer-tags span{font-size:.68rem;font-weight:600;letter-spacing:.06em;color:var(--gold-light);border:1px solid rgba(248,153,29,.26);padding:5px 13px;border-radius:100px}
.footer-col h4{font-size:.66rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:18px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:11px}
.footer-col ul li a{color:rgba(255,255,255,.46);text-decoration:none;font-size:.84rem;font-weight:300;transition:color .3s,padding-left .3s}
.footer-col ul li a:hover{color:var(--gold-light);padding-left:5px}
.footer-bottom{padding-top:28px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;font-size:.72rem;flex-wrap:wrap;gap:12px}
.footer-made{font-style:italic;font-family:var(--ff-display);color:var(--gold-light)}

/* ===== REVEAL ===== */
.reveal{opacity:0;transform:translateY(38px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.reveal.vis{opacity:1;transform:translateY(0)}
.rd1{transition-delay:.08s}.rd2{transition-delay:.16s}.rd3{transition-delay:.24s}.rd4{transition-delay:.32s}

/* ===== LEAFLET POPUP ===== */
.leaflet-popup-content-wrapper{border-radius:12px!important;box-shadow:0 16px 48px rgba(0,0,0,.16)!important;border:1px solid var(--sand)!important;padding:4px!important}
.leaflet-popup-content{font-family:var(--ff-body)!important;margin:14px 18px!important;min-width:200px}
.leaflet-popup-tip{box-shadow:0 16px 48px rgba(0,0,0,.16)!important}
.popup-type{display:inline-flex;align-items:center;gap:5px;font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 11px;border-radius:100px;margin-bottom:9px;color:#fff}
.popup-type svg{width:12px;height:12px;stroke-width:2}
.popup-name{font-family:var(--ff-display);font-size:1.12rem;font-weight:600;color:var(--ink);margin-bottom:3px;line-height:1.15}
.popup-tag{font-size:.78rem;color:var(--olive);font-style:italic;margin-bottom:7px}
.popup-addr{font-size:.74rem;color:var(--warm-gray);line-height:1.4;display:flex;gap:5px;align-items:flex-start}
.popup-addr svg{width:12px;height:12px;flex-shrink:0;margin-top:2px}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
  .manifesto-inner{grid-template-columns:1fr;gap:48px}
  .pillars-grid{grid-template-columns:repeat(3,1fr)}
  .pillar:nth-child(4),.pillar:nth-child(5){grid-column:span 1}
  .stats-inner{grid-template-columns:repeat(2,1fr);gap:40px 24px}
  .stat:nth-child(2)::after{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .map-layout{grid-template-columns:1fr}
  .map-list{max-height:300px}
  #map{min-height:440px}
}
@media(max-width:768px){
  nav ul{position:fixed;inset:0;background:rgba(0,30,48,.97);backdrop-filter:blur(12px);flex-direction:column;align-items:center;justify-content:center;gap:30px;display:none;z-index:999}
  nav ul.open{display:flex}
  nav ul li a{font-size:1rem}
  .nav-toggle{display:block;z-index:1000}
  .pillars-grid{grid-template-columns:repeat(2,1fr)}
  .pillar:last-child{grid-column:1/-1;max-width:50%;margin:0 auto}
  .cards-grid{grid-template-columns:1fr}
  .stat::after{display:none!important}
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;text-align:center}
  .region-header{flex-direction:column;align-items:flex-start;gap:10px}
  .region-header .rh-right{text-align:left}
  .hero-branch{display:none}
}
@media(max-width:480px){
  .pillars-grid{grid-template-columns:1fr 1fr}
  .pillar:last-child{max-width:100%}
  .cards-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.1ms!important}
  .hero-title .word{transform:none}
  .reveal{opacity:1;transform:none}
}

/* ============================================================
   KRK MADE BRAND BOOK — ADDITIONAL STYLES
   ============================================================ */

/* --- Logo: KRK MADE text treatment --- */
.logo{gap:8px;flex-direction:row;align-items:center}
.logo-krkm{font-family:var(--ff-display);font-size:1.5rem;font-weight:700;letter-spacing:.12em;color:#fff;line-height:1}
.logo-krkm .logo-em{color:var(--gold-light);font-weight:700}
.logo-taste{font-size:.52rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.55);font-family:var(--ff-body);font-weight:500;margin-left:2px;align-self:center;border-left:1px solid rgba(255,255,255,.2);padding-left:10px;line-height:1.3}

/* --- Loader stamp --- */
.loader-stamp{font-family:var(--ff-display);font-size:1.5rem;font-weight:700;color:var(--gold);letter-spacing:.16em;text-align:center;line-height:1.15;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:2px solid var(--gold);border-radius:50%;animation:olivePulse 2.4s var(--ease-out) infinite}

/* --- Footer logo text --- */
.footer-logo-text{font-family:var(--ff-display);font-weight:700;letter-spacing:.1em;color:#fff}
.footer-brand h3 span:last-child{color:var(--gold-light)}

/* --- Card frame enhancements (graficki element inspired) --- */
.card{border-radius:16px;border:2px solid rgba(0,75,107,.12);transition:transform .55s var(--ease-out),box-shadow .55s,border-color .55s}
.card:hover{border-color:rgba(0,75,107,.3);box-shadow:0 28px 70px rgba(0,40,60,.13)}
.card-visual{border-radius:12px 12px 0 0;margin:4px 4px 0;overflow:hidden;height:204px}
.card-body{padding:20px 22px 24px}

/* Producer cards dark variant */
.producers .card{border-color:rgba(90,149,207,.12)}
.producers .card:hover{border-color:rgba(248,153,29,.32)}

/* Dish cards frame */
.dish-card{border-radius:16px;border:2px solid rgba(90,149,207,.15)}
.dish-card:hover{border-color:rgba(248,153,29,.4)}

/* Pillar cards frame */
.pillar{border-radius:16px;border:2px solid rgba(0,75,107,.08)}
.pillar:hover{border-color:rgba(0,75,107,.2);box-shadow:0 24px 60px rgba(0,40,60,.10)}

/* Map filter active state */
.mf.active{background:var(--olive);color:#fff;border-color:var(--olive);box-shadow:0 6px 16px rgba(0,75,107,.24)}
.mf:hover{border-color:var(--olive);color:var(--olive)}

/* Quote section green -> blue rebrand */
.quote-section.green{background:linear-gradient(135deg,#003a56,#002040)}

/* Manifesto background -> dark blue */
.manifesto-bg{background:linear-gradient(135deg,#001e30 0%,#001528 42%,#001a2e 100%)}

/* Producers background -> dark blue */
.producers{background:linear-gradient(170deg,#001420 0%,#001a2a 44%,#001e30 100%)}

/* Nav scrolled -> dark blue */
nav.scrolled{background:rgba(0,30,48,.94)}

/* Selection color update */
::selection{background:var(--gold);color:#fff}

/* Button gold hover glow with orange */
.btn-gold:hover{box-shadow:0 14px 36px rgba(248,153,29,.34)}

/* Link hover on cards */
.card-links a{border-color:rgba(0,75,107,.18)}
.card-links a:hover{background:var(--sea);color:#fff;border-color:var(--sea)}

/* Hero sky -> cooler dark blue atmosphere */
.hero-sky{background:
  radial-gradient(120% 80% at 50% 120%,rgba(248,153,29,.18),transparent 55%),
  radial-gradient(90% 60% at 78% 88%,rgba(248,153,29,.14),transparent 60%),
  linear-gradient(170deg,#001020 0%,#001828 28%,#002030 50%,#003050 72%,#001525 100%)}

/* Hero sun -> orange glow */
.hero-sun{background:radial-gradient(circle,rgba(248,153,29,.4),rgba(248,153,29,.12) 42%,transparent 66%)}

/* Sec bg lines updated */
.sec-bg-lines{background-image:radial-gradient(circle at 12% 20%,rgba(0,75,107,.05),transparent 30%),radial-gradient(circle at 88% 78%,rgba(248,153,29,.06),transparent 32%)}

/* Dishes section glow */
.dishes-section::after{background:radial-gradient(ellipse at 25% 40%,rgba(0,75,107,.14),transparent 55%),radial-gradient(ellipse at 78% 60%,rgba(248,153,29,.1),transparent 52%)}

/* Producers glow */
.producers::after{background:radial-gradient(ellipse at 80% 26%,rgba(248,153,29,.08),transparent 60%)}

/* Manifesto orbit borders */
.manifesto-orbits span:nth-child(1){border-color:rgba(248,153,29,.08)}
.manifesto-orbits span:nth-child(2){border-color:rgba(255,255,255,.05)}
.manifesto-orbits span:nth-child(3){border-color:rgba(90,149,207,.12)}

/* Manifesto tags */
.manifesto-tags span{color:var(--gold-light);border-color:rgba(248,153,29,.3)}
.manifesto-tags span:hover{background:var(--gold);color:#001e30}

/* Footer tags */
.footer-tags span{color:var(--gold-light);border-color:rgba(248,153,29,.26)}

/* Cursor glow -> orange tint */
.cursor-glow{background:radial-gradient(circle,rgba(250,181,72,.10),transparent 65%)}

/* Dish card icon bg */
.dish-card .dish-icon{background:rgba(248,153,29,.14);color:var(--gold-light)}

/* Dish card hover glow */
.dish-card::before{background:radial-gradient(circle,rgba(248,153,29,.16),transparent 70%)}
.dish-card:hover{border-color:rgba(248,153,29,.4)}

/* Producer card links */
.producers .card-links a{color:var(--gold-light);border-color:rgba(248,153,29,.24)}
.producers .card-links a:hover{background:var(--gold);color:#001e30;border-color:var(--gold)}

/* Scrollbar */
::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
::-webkit-scrollbar-track{background:var(--sand)}

/* Logo mark fallback (if still used anywhere) */
.logo-mark{background:linear-gradient(135deg,rgba(248,153,29,.22),rgba(248,153,29,.05));border:1px solid rgba(248,153,29,.4);color:var(--gold-light)}


/* ===== BRAND LOGOS ===== */
.logo-img{height:48px;width:auto;transition:opacity .3s}
nav.scrolled .logo-img{height:38px}
.loader-logo{width:120px;height:auto;animation:logoPulse 2.4s ease-in-out infinite}
@keyframes logoPulse{0%,100%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}}
.footer-logo{height:80px;width:auto;margin-bottom:1.2rem;display:block}
.quote-logo-color{position:absolute;top:2rem;right:3rem;height:60px;width:auto;opacity:.15}
@media(max-width:768px){
  .logo-img{height:36px}
  nav.scrolled .logo-img{height:30px}
  .loader-logo{width:90px}
  .footer-logo{height:60px}
  .quote-logo-color{height:40px;top:1rem;right:1.5rem}
}

/* ===== WP OVERRIDES ===== */
.nav-lang{display:flex;gap:6px;align-items:center;margin-left:12px}
.nav-lang a{color:rgba(255,255,255,.5);text-decoration:none;font-size:.68rem;font-weight:600;letter-spacing:.08em;transition:color .3s}
.nav-lang a.active,.nav-lang a:hover{color:#fff}
.logo-img{height:48px;width:auto;transition:all .3s}
nav.scrolled .logo-img{height:36px}
.loader-logo{width:120px;height:auto;animation:logoPulse 2.4s ease-in-out infinite}
@keyframes logoPulse{0%,100%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.02)}}
.footer-logo{height:80px;width:auto;margin-bottom:1.2rem;display:block}
.quote-logo-color{position:absolute;top:2rem;right:3rem;height:60px;width:auto;opacity:.15}
@media(max-width:768px){.logo-img{height:36px}nav.scrolled .logo-img{height:28px}.loader-logo{width:90px}.footer-logo{height:60px}.quote-logo-color{height:40px;top:1rem;right:1.5rem}}
/* Card Saznaj vi�e link */
.card-more{color:var(--terra)!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;display:inline-flex;align-items:center;gap:6px;margin-left:auto}
.card-more svg{width:14px;height:14px;transition:transform .3s}
.card-more:hover svg{transform:translateX(4px)}
.card-visual-link{position:relative;display:block}

/* Real photo on cards */
.card-photo{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:0;transition:transform .5s var(--ease-out)}
.card:hover .card-photo{transform:scale(1.06)}
.card-visual{position:relative;overflow:hidden;aspect-ratio:400/208}

/* KRK MADE Badge Explainer Section */
.krkmade-badge-section{padding:clamp(60px,8vw,100px) 24px;background:var(--cream)}
.badge-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:clamp(40px,5vw,80px);align-items:center}
.badge-visual{text-align:center}
.badge-logo-img{width:200px;height:auto;filter:drop-shadow(0 8px 24px rgba(0,75,107,.18));animation:badgeFloat 4s ease-in-out infinite}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.badge-eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--terra);margin-bottom:12px;display:flex;align-items:center;gap:12px}
.badge-content h2{font-family:var(--ff-display);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;color:var(--ink);margin-bottom:16px;line-height:1.25}
.badge-content h2 em{font-style:italic;color:var(--olive)}
.badge-content p{font-size:1rem;line-height:1.8;color:var(--warm-gray);margin-bottom:24px;font-weight:300}
.badge-features{display:flex;gap:24px;flex-wrap:wrap}
.badge-feat{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:500;color:var(--olive)}
.badge-feat svg{width:20px;height:20px;color:var(--terra)}
@media(max-width:768px){.badge-inner{grid-template-columns:1fr;text-align:center}.badge-features{justify-content:center}.badge-logo-img{width:140px}}

/* Fix manifesto heading � drastically smaller */
.manifesto-left h2{font-size:clamp(1.3rem,2.2vw,1.8rem)!important;line-height:1.4!important;font-weight:400!important}
.manifesto-left .m-quote{font-size:0.95rem!important;line-height:1.6!important}

/* ===== KRK MADE BADGE FIXES ===== */
/* Kompaktnija badge sekcija */
.krkmade-badge-section{padding:clamp(30px,5vw,50px) 24px!important}
.badge-logo-img{width:140px!important}
.badge-content h2{font-size:clamp(1.2rem,2.2vw,1.6rem)!important}
.badge-content p{font-size:.88rem!important;margin-bottom:16px!important}

/* KRK MADE stamp na svakoj kartici */
.card .card-krkmade-stamp{position:absolute;bottom:8px;right:8px;width:36px;height:36px;opacity:.7;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:opacity .3s}
.card:hover .card-krkmade-stamp{opacity:1}

/* KRK MADE floating badge na region headers */
.region-header .krkmade-region-badge{width:48px;height:48px;opacity:.25;position:absolute;right:0;top:50%;transform:translateY(-50%)}

/* KRK MADE watermark u hero */
.hero .hero-krkmade-watermark{position:absolute;bottom:80px;right:40px;width:100px;opacity:.08;z-index:1}

/* Footer KRK MADE seal */
.footer-krkmade-seal{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}
.footer-krkmade-seal img{width:40px;height:40px}
.footer-krkmade-seal span{font-size:.72rem;color:rgba(255,255,255,.45);letter-spacing:.06em}

/* Stats section KRK MADE */
.stats .stats-krkmade{text-align:center;margin-top:24px;opacity:.3}
.stats .stats-krkmade img{width:60px;height:auto;margin:0 auto}

/* ===== PILLAR CARDS � Brand Book Grafi�ki Element frame ===== */
.pillar{border:none!important;background:transparent!important;box-shadow:none!important;position:relative;padding:2.5rem 1.5rem 2rem!important;text-align:center}
.pillar::before{content:'';position:absolute;inset:0;border:2px solid rgba(0,75,107,.15);border-radius:20px;pointer-events:none}
/* Bracket notches top */
.pillar::after{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:60%;height:22px;background:var(--cream,#f7f9fb);border-left:2px solid rgba(0,75,107,.15);border-right:2px solid rgba(0,75,107,.15);border-bottom:2px solid rgba(0,75,107,.15);border-radius:0 0 14px 14px}
/* Bottom bracket */
.pillar .pillar-bracket-bottom{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:40%;height:16px;background:var(--cream,#f7f9fb);border-left:2px solid rgba(0,75,107,.15);border-right:2px solid rgba(0,75,107,.15);border-top:2px solid rgba(0,75,107,.15);border-radius:14px 14px 0 0}
.pillar-icon{width:72px!important;height:72px!important;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem}
.pillar[data-c=olive] .pillar-icon{background:rgba(0,75,107,.08);color:#004b6b}
.pillar[data-c=terra] .pillar-icon{background:rgba(248,153,29,.1);color:#f8991d}
.pillar[data-c=gold] .pillar-icon{background:rgba(248,153,29,.08);color:#e88b1e}
.pillar[data-c=sea] .pillar-icon{background:rgba(0,75,107,.06);color:#5a95cf}
.pillar[data-c=wine] .pillar-icon{background:rgba(45,164,74,.08);color:#2da44a}
.pillar-icon svg{width:32px!important;height:32px!important}
.pillar h3{font-family:var(--ff-display)!important;font-size:1.15rem!important;font-weight:600!important;color:var(--ink)!important;margin-bottom:.5rem!important}
.pillar p{font-size:.82rem!important;line-height:1.6!important;color:var(--warm-gray)!important;font-weight:300!important}
.pillars-grid{gap:20px!important}

/* ===== OVERRIDE: Pillar cards with TRUE brand book bracket frame ===== */
.pillar::before,.pillar::after,.pillar .pillar-bracket-bottom{display:none!important}
.pillar{border:none!important;padding:0!important;background:transparent!important}
.pillar-frame{position:relative;padding:2.5rem 1.5rem 2rem;text-align:center}
.pillar-frame svg.bracket-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pillar-frame svg.bracket-frame path{fill:none;stroke:rgba(0,75,107,.18);stroke-width:1.8}

/* ===== OVERRIDE: Header � center logo, menu left+right ===== */
nav#nav{flex-wrap:wrap;justify-content:center!important;position:fixed;top:0;left:0;right:0;z-index:1000}
.nav-left,.nav-right{display:flex;gap:clamp(14px,2vw,30px);list-style:none;padding:0;margin:0}
.nav-left li a,.nav-right li a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.74rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color .3s;position:relative}
.nav-left li a::after,.nav-right li a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1.5px;background:var(--gold-light,#fab548);transition:width .35s}
.nav-left li a:hover,.nav-right li a:hover{color:#fff}
.nav-left li a:hover::after,.nav-right li a:hover::after{width:100%}
nav#nav .logo{order:0;position:relative;margin:0 clamp(16px,3vw,40px)}
nav#nav .logo .logo-img{height:64px!important;margin-top:8px;transition:all .4s}
nav.scrolled .logo .logo-img{height:44px!important;margin-top:0}
nav#nav ul#navMenu{display:none!important}
.nav-lang{position:absolute;right:clamp(12px,2vw,24px);top:50%;transform:translateY(-50%)}
@media(max-width:900px){
    .nav-left,.nav-right{display:none!important}
    nav#nav .logo .logo-img{height:48px!important}
    nav#nav .nav-toggle{display:block!important}
    .nav-actions{display:none!important}
    nav#nav ul#navMenu{display:none!important}
    nav#nav ul#navMenu.open{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:rgba(0,30,48,.96);padding:20px;gap:12px}
    nav#nav ul#navMenu.open li a{color:#fff;font-size:.9rem}
}

/* ===== FIX HEADER � tamna pozadina, nikad bijela ===== */
nav#nav{background:rgba(0,30,48,.85)!important;backdrop-filter:blur(16px)!important;padding:12px clamp(20px,4vw,48px)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;flex-wrap:nowrap!important}
nav.scrolled#nav{background:rgba(0,30,48,.95)!important;padding:8px clamp(20px,4vw,48px)!important}
nav#nav .logo{order:0!important;margin:0 clamp(20px,3vw,40px)!important}
nav#nav .logo .logo-img{height:56px!important;margin-top:12px!important;filter:brightness(10)!important}
nav.scrolled .logo .logo-img{height:40px!important;margin-top:4px!important}

/* FIX bracket frame � notch prema gore, manji, unutar kartice */
.pillar-frame{padding:2rem 1.2rem 1.5rem!important;min-height:260px}
.bracket-frame{opacity:.35!important}
.bracket-frame path{stroke:rgba(0,75,107,.22)!important;stroke-width:2.2!important}
/* Pillar icon position fix */
.pillar-frame .pillar-icon{margin-top:1rem!important}

/* FIX bracket � notch potpuno unutar kartice, nema virenja van */
.bracket-frame{display:none!important}
.pillar-frame{border:2px solid rgba(0,75,107,.14)!important;border-radius:18px!important;position:relative!important}
.pillar-frame::before{content:'';position:absolute;top:50%;left:-8px;transform:translateY(-50%);width:8px;height:28px;background:var(--cream,#f7f9fb);border-right:2px solid rgba(0,75,107,.14);border-top:2px solid rgba(0,75,107,.14);border-bottom:2px solid rgba(0,75,107,.14);border-radius:0 8px 8px 0}
.pillar-frame::after{content:'';position:absolute;top:50%;right:-8px;transform:translateY(-50%);width:8px;height:28px;background:var(--cream,#f7f9fb);border-left:2px solid rgba(0,75,107,.14);border-top:2px solid rgba(0,75,107,.14);border-bottom:2px solid rgba(0,75,107,.14);border-radius:8px 0 0 8px}

/* FIX � bracket notch GORE na 30% umjesto 50% */
.pillar-frame::before{top:30%!important}
.pillar-frame::after{top:30%!important}

/* TEGLICA OKVIR � pravi brand book oblik s bo�nim udubljenjima */
.pillar-frame::before,.pillar-frame::after{display:none!important}
.pillar-frame{border:none!important;border-radius:0!important;background:transparent!important;clip-path:polygon(
  8% 0%, 92% 0%,
  100% 4%, 100% 38%,
  96% 42%, 96% 58%,
  100% 62%, 100% 96%,
  92% 100%, 8% 100%,
  0% 96%, 0% 62%,
  4% 58%, 4% 42%,
  0% 38%, 0% 4%
)!important;outline:2px solid rgba(0,75,107,.14)!important;outline-offset:-2px!important}
.pillar{background:#fff!important;border-radius:0!important;clip-path:polygon(
  8% 0%, 92% 0%,
  100% 4%, 100% 38%,
  96% 42%, 96% 58%,
  100% 62%, 100% 96%,
  92% 100%, 8% 100%,
  0% 96%, 0% 62%,
  4% 58%, 4% 42%,
  0% 38%, 0% 4%
)!important;border:2px solid rgba(0,75,107,.14)!important;padding:0!important}

/* RESET pillar � �ist oblik, NEMA clip-path, koristi SVG frame */
.pillar,.pillar-frame{clip-path:none!important;border:none!important;outline:none!important;background:transparent!important}
.pillar-frame{border:2px solid rgba(0,75,107,.15)!important;border-radius:20px!important;background:#fff!important}
.pillar-frame::before,.pillar-frame::after{display:block!important}
.pillar-frame::before{content:'';position:absolute;left:-2px;top:28%;width:6px;height:20px;background:var(--cream,#f7f9fb);border:2px solid rgba(0,75,107,.15);border-left:none;border-radius:0 10px 10px 0}
.pillar-frame::after{content:'';position:absolute;right:-2px;top:28%;width:6px;height:20px;background:var(--cream,#f7f9fb);border:2px solid rgba(0,75,107,.15);border-right:none;border-radius:10px 0 0 10px}

/* Nav na single venue � isti layout kao naslovnica */
.venue-nav-left,.venue-nav-right{display:flex!important;gap:clamp(14px,2vw,30px);list-style:none;padding:0;margin:0}
.venue-nav-left li a,.venue-nav-right li a{color:rgba(255,255,255,.72)!important;text-decoration:none;font-size:.74rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;transition:color .3s}
.venue-nav-left li a:hover,.venue-nav-right li a:hover{color:#fff!important}
@media(max-width:900px){.venue-nav-left,.venue-nav-right{display:none!important}}

/* Mobile ponuda cards � slika lijevo 1/3, info desno */
@media(max-width:768px){
  .ponuda-card{display:flex!important;flex-direction:row!important;border-radius:12px!important;overflow:hidden}
  .ponuda-card .ponuda-card-img-link{width:33%!important;min-width:33%!important;max-width:33%!important;flex-shrink:0}
  .ponuda-card .ponuda-card-img-link img{width:100%!important;height:100%!important;min-height:140px!important;object-fit:cover!important;border-radius:0!important}
  .ponuda-card .ponuda-card-img-link .ponuda-card-noimg{width:100%!important;height:100%!important;min-height:140px!important}
  .ponuda-card .ponuda-card-body{width:67%!important;padding:12px!important;display:flex;flex-direction:column;justify-content:center}
  .ponuda-card .ponuda-card-body h3{font-size:1rem!important;margin-bottom:4px!important}
  .ponuda-card .ponuda-card-body .ponuda-card-slogan{font-size:.78rem!important;margin-bottom:4px!important}
  .ponuda-card .ponuda-card-body .ponuda-card-dish{font-size:.72rem!important;padding:4px 8px!important;margin-bottom:6px!important}
  .ponuda-card .ponuda-card-body .ponuda-card-links{gap:8px!important}
  .ponuda-card .ponuda-card-body .ponuda-card-links svg{width:16px!important;height:16px!important}
  .ponuda-card .ponuda-card-badge{font-size:.6rem!important;padding:3px 8px!important;top:6px!important;left:6px!important}
  .ponuda-card .ponuda-card-badge svg{width:10px!important;height:10px!important}
  .ponuda-card .ponuda-card-location{bottom:6px!important;left:6px!important;font-size:.6rem!important;padding:2px 6px!important}
  .ponuda-card .ponuda-card-location svg{width:10px!important;height:10px!important}
  .ponuda-grid{grid-template-columns:1fr!important;gap:12px!important}
}

.stats-krkmade{display:none!important}

/* ===== HERO SLIDER ===== */
.hero-slider{position:absolute;inset:0;z-index:0}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out}
.hero-slide.active{opacity:.50}
.hero-sky{z-index:1!important}

/* ===== PILLAR CARDS FINAL � brand book bracket shape ===== */
.pillar,.pillar-frame{clip-path:none!important;background:transparent!important;border:none!important;box-shadow:none!important}
.pillar-frame{position:relative!important;padding:2.5rem 1.5rem 2rem!important;text-align:center!important;background:transparent!important;border:none!important}
.pillar-frame::before,.pillar-frame::after{display:none!important}
svg.bracket-frame{position:absolute!important;inset:-1px!important;width:calc(100% + 2px)!important;height:calc(100% + 2px)!important;pointer-events:none!important;display:block!important}
svg.bracket-frame path{fill:none!important;stroke:rgba(0,75,107,.2)!important;stroke-width:2!important}
.pillar:hover svg.bracket-frame path{stroke:rgba(0,75,107,.4)!important}

/* FIX hero slider visibility */
.hero-slider{z-index:0!important;position:absolute!important;inset:0!important}
.hero-slide{opacity:0!important;transition:opacity 2s ease-in-out!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.hero-slide.active{opacity:.4!important}
.hero-sky{background:linear-gradient(170deg,rgba(10,20,28,.425) 0%,rgba(13,29,34,.35) 28%,rgba(16,36,42,.25) 50%,rgba(18,48,64,.3) 72%,rgba(10,25,34,.4) 100%)!important}

/* FIX card height consistency */
.card{display:flex!important;flex-direction:column!important}
.card-body{flex:1!important;display:flex!important;flex-direction:column!important}
.card-body .desc{flex:1!important}
.card-visual{height:220px!important;min-height:220px!important;max-height:220px!important;overflow:hidden!important}
.card-photo{height:100%!important;width:100%!important;object-fit:cover!important}

/* KRK MADE stamp on every card */
.card .card-krkmade-stamp{position:absolute!important;bottom:8px!important;right:8px!important;width:32px!important;height:32px!important;opacity:.6!important;z-index:2!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))!important;display:block!important}
.card:hover .card-krkmade-stamp{opacity:1!important}

/* KRK MADE watermark in hero */
.hero-krkmade{position:absolute;right:40px;bottom:100px;width:100px;height:auto;opacity:.08;z-index:2}

/* KRK MADE region divider */
.krkmade-divider{text-align:center;padding:16px 0;opacity:.15}
.krkmade-divider img{width:50px;height:auto;margin:0 auto}

/* Footer KRK MADE larger */
.footer-brand .footer-logo{width:auto!important;height:90px!important}

/* ===== PLACES SECTION (Istra�ite po mjestima) ===== */
.places-section{padding:clamp(60px,8vw,100px) 24px;background:var(--cream,#f7f9fb)}
.places-header{text-align:center;margin-bottom:3rem}
.places-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.place-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 16px rgba(0,40,60,.06);border:1.5px solid rgba(0,75,107,.08);transition:transform .3s,box-shadow .3s}
.place-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(0,40,60,.12)}
.place-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:2px solid rgba(0,75,107,.08)}
.place-card-header h3{font-family:var(--ff-display);font-size:1.2rem;margin:0}
.place-card-header h3 a{color:var(--ink);text-decoration:none;transition:color .2s}
.place-card-header h3 a:hover{color:var(--olive)}
.place-count{font-size:.72rem;font-weight:600;color:var(--terra,#f8991d);letter-spacing:.04em;white-space:nowrap}
.place-venues{list-style:none;padding:0;margin:0}
.place-venues li{padding:6px 0;border-bottom:1px solid rgba(0,75,107,.04)}
.place-venues li:last-child{border-bottom:none}
.place-venues li a{color:var(--charcoal);text-decoration:none;font-size:.88rem;transition:color .2s;display:flex;align-items:center;gap:6px}
.place-venues li a::before{content:'�';color:var(--olive);font-size:.7rem;opacity:.4;transition:opacity .2s}
.place-venues li a:hover{color:var(--olive)}
.place-venues li a:hover::before{opacity:1}
@media(max-width:640px){.places-grid{grid-template-columns:1fr}}

/* FIX: Place venues arrow icon */
.place-venues li a::before{content:'�';color:var(--olive,#004b6b);font-size:.7rem;opacity:.4;transition:opacity .2s}

/* FIX v2: Place venues arrow � CSS unicode escape */
.place-venues li a::before{content:'\2192'!important;color:var(--olive,#004b6b)!important;font-size:.7rem!important;opacity:.4!important;transition:opacity .2s!important}

/* Nav actions container */
.nav-actions{display:flex;align-items:center;gap:12px;position:absolute;right:clamp(12px,2vw,24px);top:50%;transform:translateY(-50%)}

/* Language switcher � pill style, visible */
.nav-lang-switcher{display:flex;background:rgba(255,255,255,.1);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}
.nav-lang-switcher a{padding:5px 10px;font-size:.7rem;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.55);text-decoration:none;transition:all .2s}
.nav-lang-switcher a.active{background:rgba(255,255,255,.2);color:#fff}
.nav-lang-switcher a:hover{color:#fff;background:rgba(255,255,255,.12)}

/* App button */
.nav-app-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--terra,#f8991d);color:#fff!important;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-radius:20px;transition:all .2s;white-space:nowrap}
.nav-app-btn:hover{background:#e07c10;transform:translateY(-1px);color:#fff}

/* Hide old nav-lang */
.nav-lang{display:none!important}

@media(max-width:900px){
    .nav-actions{position:static;transform:none;margin-top:8px}
    .nav-app-btn{display:none}
}

/* PWA button as button element */
button.nav-app-btn{border:none;cursor:pointer;font-family:inherit}

/* ===== MOBILE NAV FIX ===== */
@media(max-width:900px){
  /* Header layout */
  nav#nav{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:12px 16px!important;flex-wrap:nowrap!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;background:rgba(0,30,48,.92)!important;backdrop-filter:blur(16px)!important}
  nav#nav .logo{order:0!important;margin:0!important}
  nav#nav .logo .logo-img{height:40px!important;margin:0!important}

  /* Hide desktop menus */
  nav#nav .nav-left,nav#nav .nav-right,nav#nav .venue-nav-left,nav#nav .venue-nav-right{display:none!important}

  /* Lang switcher + app in header */
  nav#nav .nav-actions{position:static!important;transform:none!important;display:flex!important;align-items:center!important;gap:8px!important;order:1!important}
  nav#nav .nav-lang-switcher{display:flex!important}
  nav#nav .nav-lang-switcher a{padding:4px 8px!important;font-size:.65rem!important}
  nav#nav .nav-app-btn{display:none!important}

  /* Hamburger */
  nav#nav .nav-toggle{display:flex!important;flex-direction:column!important;gap:5px!important;background:none!important;border:none!important;cursor:pointer!important;padding:8px!important;order:2!important;z-index:1001!important}
  nav#nav .nav-toggle span{display:block!important;width:22px!important;height:2px!important;background:#fff!important;transition:.3s!important;margin:0!important}

  /* Mobile menu dropdown */
  nav#nav ul#navMenu{display:none!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:rgba(0,30,48,.97)!important;backdrop-filter:blur(16px)!important;z-index:1000!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;padding:80px 24px 40px!important;list-style:none!important;margin:0!important}
  nav#nav ul#navMenu.open{display:flex!important}
  nav#nav ul#navMenu li{width:100%!important;text-align:center!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  nav#nav ul#navMenu li a{display:block!important;padding:18px 16px!important;color:#fff!important;font-family:'Forum','Playfair Display',serif!important;font-size:1.3rem!important;font-weight:400!important;letter-spacing:.08em!important;text-transform:none!important;text-decoration:none!important;transition:color .2s,background .2s!important}
  nav#nav ul#navMenu li a:hover,nav#nav ul#navMenu li a:active{color:#f8991d!important;background:rgba(255,255,255,.04)!important}

  /* App button inside mobile menu */
  nav#nav ul#navMenu::after{content:'Aplikacija';display:block!important;margin-top:24px!important;padding:14px 36px!important;background:#f8991d!important;color:#fff!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;border-radius:50px!important;text-align:center!important;cursor:pointer!important}
}

/* FIX: Mobile menu fullscreen overlay */
nav#nav ul#navMenu.open{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;height:100vh!important;height:100dvh!important;overflow-y:auto!important;background:rgba(0,27,43,.98)!important}

/* Aplikacija pseudo-button removed � real button added in HTML */
nav#nav ul#navMenu::after{display:none!important}

/* Close button X in menu */
nav#nav ul#navMenu.open~.nav-toggle span:nth-child(1){transform:rotate(45deg) translate(5px,5px)!important}
nav#nav ul#navMenu.open~.nav-toggle span:nth-child(2){opacity:0!important}
nav#nav ul#navMenu.open~.nav-toggle span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)!important}

/* Hamburger above menu */
nav#nav .nav-toggle{z-index:1002!important;position:relative!important}

/* Mobile app button in menu */
.nav-mobile-app{border-bottom:none!important;padding-top:16px!important}
.nav-app-btn-mobile{display:inline-block!important;padding:14px 40px!important;background:#f8991d!important;color:#fff!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;border-radius:50px!important;border:none!important;cursor:pointer!important;font-family:inherit!important;transition:background .2s!important}
.nav-app-btn-mobile:hover{background:#e07c10!important}
@media(min-width:901px){.nav-mobile-app{display:none!important}}

/* Hero split layout � text left, video right */
.hero-split{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;max-width:1280px;margin:0 auto;padding:0 clamp(20px,4vw,48px);width:100%}
.hero-text{text-align:left}
.hero-text .hero-eyebrow{justify-content:flex-start}
.hero-text .hero-title{text-align:left}
.hero-video-reel{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.4);aspect-ratio:12/16;max-height:70vh}
.hero-video-reel video{width:100%;height:100%;object-fit:cover;display:block}
.hero-content{display:none!important}
@media(max-width:900px){
  .hero-split{grid-template-columns:1fr!important;text-align:center}
  .hero-text{text-align:center!important}
  .hero-text .hero-eyebrow{justify-content:center!important}
  .hero-text .hero-title{text-align:center!important}
  .hero-video-reel{max-height:50vh;margin:0 auto;max-width:280px}
}

/* Video showcase section */
.video-showcase{padding:clamp(60px,8vw,100px) 24px;background:var(--ink,#001e30)}
.video-showcase-header{text-align:center;margin-bottom:2.5rem}
.video-showcase .sec-title{color:#fff}
.video-showcase .sec-title em{color:var(--terra,#f8991d)}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}
.video-card{background:rgba(255,255,255,.06);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s}
.video-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.3)}
.video-card video{width:100%;aspect-ratio:12/16;object-fit:cover;display:block;background:#000}
.video-card-info{padding:1.2rem}
.video-card-info h3{font-family:var(--ff-display);font-size:1.15rem;color:#fff;margin-bottom:.4rem}
.video-card-info p{font-size:.85rem;color:rgba(255,255,255,.6);line-height:1.5}
@media(max-width:900px){.video-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}

/* Mobile hero video � smaller, centered */
@media(max-width:900px){
  .hero-video-reel{max-width:300px!important;max-height:55vh!important;border-radius:16px!important;margin:1rem auto 0!important}
  .hero-split{gap:16px!important;padding:0 16px!important}
  .hero-text .hero-title{font-size:clamp(2rem,6vw,3rem)!important}
  .hero-text .hero-ctas .btn{padding:12px 24px!important;font-size:.72rem!important}
}
@media(max-width:480px){
  .hero-video-reel{max-width:260px!important;max-height:50vh!important}
}

/* Video showcase mobile */
@media(max-width:768px){
  .video-showcase{padding:40px 16px!important}
  .video-card video{aspect-ratio:12/16!important;max-height:60vh!important}
  .video-card-info{padding:.8rem!important}
  .video-card-info h3{font-size:1rem!important}
}

/* Reel controls � arrows + numbered dots */
.reel-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}
.reel-arrow{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}
.reel-arrow:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}
.reel-dots{display:flex;gap:6px}
.reel-dot{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:rgba(255,255,255,.6);font-size:.72rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;font-family:inherit}
.reel-dot.active{background:#f8991d;border-color:#f8991d;color:#fff;transform:scale(1.1)}
.reel-dot:hover{border-color:#f8991d;color:#fff}

/* FIX: Reel controls visibility */
.hero-video-reel{position:relative!important;z-index:5!important}
.reel-controls{position:relative!important;z-index:10!important;margin-top:14px!important;display:flex!important;visibility:visible!important;opacity:1!important}
.reel-arrow,.reel-dot{position:relative!important;z-index:10!important;opacity:1!important;visibility:visible!important}

/* FIX: overflow clip cuts controls */
.hero-video-reel{overflow:visible!important;border-radius:0!important}
.hero-video-reel video{border-radius:20px!important}



#krkmade_signature_dish_hr,#krkmade_signature_dish_en,#krkmade_signature_dish_de,
#krkmade_signature_dish_desc_hr,#krkmade_signature_dish_desc_en,#krkmade_signature_dish_desc_de,
#krkmade_quote_hr,#krkmade_quote_en,#krkmade_quote_de,
label[for=krkmade_signature_dish_hr],label[for=krkmade_signature_dish_en],label[for=krkmade_signature_dish_de],
label[for=krkmade_signature_dish_desc_hr],label[for=krkmade_signature_dish_desc_en],label[for=krkmade_signature_dish_desc_de],
label[for=krkmade_quote_hr],label[for=krkmade_quote_en],label[for=krkmade_quote_de]{display:none!important}

/* Hide PWA install button on Apple devices (iOS/macOS) */
@supports (-webkit-touch-callout: none) {
    .nav-app-btn, .nav-app-btn-mobile, .nav-mobile-app { display: none !important; }
}


/* MOBILE NAV FINAL FIX — hamburger always visible */
@media(max-width:900px){
  nav#nav{justify-content:space-between!important;flex-wrap:nowrap!important;padding:10px 16px!important}
  nav#nav .nav-left,nav#nav .nav-right{display:none!important}
  nav#nav .logo{order:0!important;flex-shrink:0!important}
  nav#nav .logo .logo-img{height:38px!important;margin:0!important}
  nav#nav .nav-actions{order:1!important;flex-shrink:0!important;margin-left:auto!important}
  nav#nav .nav-toggle{display:flex!important;order:2!important;flex-shrink:0!important;margin-left:8px!important}
}
/* Mobile venue cards — slika lijevo, tekst desno */
@media(max-width:768px){
  .people-card{display:flex!important;flex-direction:row!important;align-items:stretch!important;height:210px!important;border-radius:14px!important;overflow:hidden!important}
  .people-card-img{width:60%!important;min-width:60%!important;max-width:60%!important;height:100%!important;flex-shrink:0!important;border-radius:14px 0 0 14px!important;object-fit:cover!important;object-position:top!important}
  .people-card-body{flex:1!important;padding:14px 16px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;overflow:hidden!important}
  .people-card-body h3{font-size:.95rem!important;margin-bottom:4px!important;line-height:1.3!important}
  .people-card-body .people-card-tag{font-size:.8rem!important;line-height:1.4!important;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
  .people-card-body .people-card-cta{font-size:.75rem!important;margin-top:6px!important}
  .people-grid{grid-template-columns:1fr!important;gap:12px!important}
}
/* FIX: Prevent horizontal scroll on mobile */
html,body{max-width:100vw;overflow-x:hidden}
@media(max-width:900px){
  nav#nav{max-width:100vw!important;box-sizing:border-box!important;overflow:visible!important}
  .hero,.hero-slider,.hero-slide,.manifesto,.map-section,.dishes-section,.people-section,.video-showcase,.places-section,.quote-section,.krkmade-badge-section,.stories-section,section{max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}
  .hero-branch{display:none!important}
  .hero-split{max-width:100%!important;overflow:hidden!important}
}

/* FIX: Aggressive mobile overflow prevention */
@media(max-width:900px){
  .manifesto-orbits{display:none!important}
  .hero-branch{display:none!important}
  .hero-waves{max-width:100%!important}
  .sec-bg-lines{display:none!important}
  
}
html{overflow-x:hidden!important}
body{overflow-x:hidden!important;position:relative!important;width:100%!important}

/* FIX: Ensure videos visible on mobile */
@media(max-width:900px){
  .video-showcase{overflow:visible!important;max-width:100%!important}
  .video-grid{max-width:100%!important;padding:0 16px!important}
  .video-card{max-width:100%!important}
  .video-card video{max-width:100%!important;width:100%!important}
}