:root{
  --bg:#faf9f6;
  --bg-soft:#f2f0ea;
  --ink:#14301f;
  --ink-soft:#4a6153;
  --ink-faint:#7d8f83;
  --petrol:#006433;
  --petrol-deep:#00461f;
  --petrol-tint:#e5f0e8;
  --line:#e2e5dc;
  --card:#ffffff;
  --amber:#c8862a;
  --radius-lg:18px;
  --radius-md:12px;
  --radius-sm:8px;
  --shadow:0 1px 2px rgba(20,48,31,.05),0 10px 30px -12px rgba(20,48,31,.12);
  --font-display:"Open Sans",system-ui,sans-serif;
  --font-body:"Open Sans",system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* pos-badge + banner-empty: vidljivo samo urednicima kada banerska zona nema widget */
.pos-badge{position:absolute;top:-11px;left:16px;z-index:5;background:var(--amber);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:99px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.banner-empty{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,var(--bg-soft),var(--bg-soft) 12px,#fff 12px,#fff 24px);color:var(--ink-faint);font-size:13px;font-weight:600;letter-spacing:.06em;min-height:120px;height:100%;border-radius:var(--radius-md);border:1px dashed var(--line)}

/* ===== header ===== */
/* tamna traka na samom vrhu (kao u predlogu) */
.topstrip{background:var(--petrol-deep);color:#dcebe0;font-size:13px;letter-spacing:.02em}
.topstrip .container{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.topstrip strong{color:#fff;font-weight:600}
.topstrip a{color:#dcebe0}
.topstrip a:hover{color:#fff}
.topbar{background:#fff;border-bottom:1px solid var(--line)}
.topbar-in{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:24px}
.logo img,.logo .custom-logo{height:36px !important;width:auto !important;max-height:36px}
.nav{display:flex;gap:26px;font-size:15px;font-weight:500;color:var(--ink-soft);list-style:none;margin:0;padding:0}
.nav li{position:relative;list-style:none}
.nav a:hover{color:var(--petrol)}
.nav .active>a,.nav .current-menu-item>a{color:var(--petrol);font-weight:600}
.search-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:7px 8px 7px 16px;font-size:14px;color:var(--ink-faint);background:var(--bg)}
.search-pill input{border:none;background:none;outline:none;font-family:var(--font-body);font-size:14px;color:var(--ink);width:130px}
.search-pill input::placeholder{color:var(--ink-faint)}
.search-pill button{border:none;background:var(--petrol);color:#fff;border-radius:99px;width:30px;height:30px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}
.search-pill button:hover{background:var(--petrol-deep)}
.search-pill svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round}
/* Ti to možeš — leaderboard */
.banner-frame{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md)}
.banner-frame img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-md) - 1px)}
/* fiksni IAB formati — frame drzi tacne dimenzije, kreativa se kropuje unutra */
.b-728x90{width:728px;aspect-ratio:728/90}
.banner-frame[class*="b-"]{max-width:100%;flex-shrink:0}
/* ad-card: baner koji zivi kao kartica u gridu — isti radius, senka i hover kao clanci */
.ad-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--bg-soft);display:block;transition:transform .25s ease,box-shadow .25s ease}
.ad-card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,48,31,.06),0 18px 44px -14px rgba(20,48,31,.2)}
.ad-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.ad-card.ratio-970{aspect-ratio:970/250;grid-column:1/-1}
.ad-card.ratio-300{aspect-ratio:300/250}
.ad-card.fill{height:100%;min-height:260px}
/* sponzorski razdelnik — baner uklopljen u ritam sekcijskih linija */
.ad-divider{display:flex;align-items:center;gap:26px;padding:10px 0 34px}
.ad-divider::before,.ad-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.banner-tag{position:absolute;bottom:8px;right:10px;background:rgba(255,255,255,.88);backdrop-filter:blur(4px);color:var(--ink-faint);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:5px}

/* ===== section chrome ===== */
section{padding:52px 0}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px}
.sec-title-wrap{display:flex;align-items:center;gap:14px}
.sec-kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:6px}
.sec-title{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.01em;line-height:1.15}
.sec-sub{color:var(--ink-soft);font-size:15px;margin-top:6px;max-width:560px}
.sec-more{flex-shrink:0;font-size:14px;font-weight:600;color:var(--petrol);display:inline-flex;align-items:center;gap:6px;border-bottom:2px solid transparent;transition:border-color .2s}
.sec-more:hover{border-color:var(--petrol)}
.sec-rule{height:1px;background:var(--line);flex:1;margin-left:8px;align-self:center}

/* ===== card primitives ===== */
.card{background:var(--card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column}
.card:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,48,31,.06),0 18px 44px -14px rgba(20,48,31,.2)}
.card .thumb{aspect-ratio:3/2;overflow:hidden;background:var(--bg-soft)}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .thumb img{transform:scale(1.04)}
.card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.cat{font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol)}
.card h3{font-family:var(--font-display);font-size:18px;font-weight:600;line-height:1.3;text-wrap:balance}
.card h3 a:hover{color:var(--petrol)}
.meta{margin-top:auto;font-size:12.5px;color:var(--ink-faint);display:flex;gap:10px;align-items:center}
.dot{width:3px;height:3px;border-radius:50%;background:var(--ink-faint)}

/* ===== HERO ===== */
.hero{padding:36px 0 30px}
.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}
.hero-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/2;display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.hero-main img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-main .scrim{position:absolute;inset:0;background:linear-gradient(200deg,rgba(0,52,26,0) 30%,rgba(0,44,22,.55) 62%,rgba(0,36,18,.86) 100%)}
.hero-main-body{position:relative;padding:36px;color:#fff;max-width:560px}
.chip{display:inline-flex;align-items:center;gap:7px;background:var(--petrol);color:#fff;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:99px;margin-bottom:14px}
.chip.light{background:rgba(255,255,255,.16);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.3)}
.hero-main h1{font-family:var(--font-display);font-size:40px;font-weight:800;line-height:1.12;letter-spacing:-.015em;margin-bottom:12px;text-wrap:balance}
.hero-main p{font-size:16px;color:rgba(255,255,255,.86);margin-bottom:18px}
.btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--petrol-deep);font-weight:600;font-size:14.5px;padding:11px 22px;border-radius:99px;transition:transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(0,0,0,.4)}
.btn:active{transform:translateY(0) scale(.98)}
.hero-side{display:flex;flex-direction:column;gap:12px}
.hero-side-label{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:0 4px}
.mini{display:flex;gap:14px;align-items:center;background:var(--card);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow);flex:1;transition:transform .2s,box-shadow .2s}
.mini:hover{transform:translateX(4px);box-shadow:0 2px 4px rgba(20,48,31,.06),0 14px 34px -12px rgba(20,48,31,.18)}
.mini .mthumb{width:96px;height:64px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-soft)}
.mini .mthumb img{width:100%;height:100%;object-fit:cover}
.mini h4{font-family:var(--font-display);font-size:15.5px;font-weight:600;line-height:1.3}
.mini .cat{font-size:10.5px;margin-bottom:3px;display:block}

/* hero variant B */
.hero-b{padding:8px 0 30px}
.hero-b-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.hero-b .duo{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:3/2;display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.hero-b .duo img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-b .duo .scrim{position:absolute;inset:0;background:linear-gradient(200deg,rgba(0,52,26,0) 34%,rgba(0,36,18,.84) 100%)}
.hero-b .duo-body{position:relative;padding:28px;color:#fff}
.hero-b h2{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.18;margin-bottom:8px;text-wrap:balance}
.hero-b .duo p{font-size:14.5px;color:rgba(255,255,255,.85)}

/* ===== Zdravljem oko sveta ===== */
.world{background:linear-gradient(180deg,var(--petrol-tint) 0%,rgba(230,239,236,0) 100%);border-top:1px solid #d3e3d8}
.world .sec-title{display:flex;align-items:center;gap:12px}
.new-flag{font-family:var(--font-display);font-style:italic;color:var(--amber);font-size:19px;font-weight:500}
.world-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}
.world-main{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:420px;display:flex;align-items:flex-end;box-shadow:var(--shadow)}
.world-main img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.world-main .scrim{position:absolute;inset:0;background:linear-gradient(195deg,rgba(0,52,26,.05) 28%,rgba(0,44,22,.6) 64%,rgba(0,36,18,.9) 100%)}
.world-main-body{position:relative;padding:34px;color:#fff;max-width:560px}
.country-chip{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.92);color:var(--ink);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px 6px 8px;border-radius:99px;margin-bottom:14px}
.flag-dot{width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.world-main h2{font-family:var(--font-display);font-size:34px;font-weight:800;line-height:1.14;letter-spacing:-.01em;margin-bottom:10px;text-wrap:balance}
.world-main p{color:rgba(255,255,255,.85);font-size:15.5px;margin-bottom:18px}
.world-side{display:flex;flex-direction:column;gap:14px}
.mini.mini-lg{padding:14px}
.mini.mini-lg .mthumb{width:150px;height:100px}
.mini.mini-lg h4{font-size:16.5px}
.world-side .ad-card{aspect-ratio:340/250}

/* ===== Najnovije ===== */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}

/* ===== Aktuelno (sponzorisano) ===== */
.aktuelno{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sp-note{font-size:12.5px;color:var(--ink-faint);display:inline-flex;align-items:center;gap:7px}
.sp-note::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}
.card .sp-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);background:var(--bg-soft);align-self:flex-start;padding:3px 9px;border-radius:5px;margin-bottom:2px}

/* ===== Namirnica meseca ===== */
.namirnica-wrap{background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;box-shadow:var(--shadow)}
.namirnica-visual{position:relative;min-height:340px}
.namirnica-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.month-flag{position:absolute;top:20px;left:20px;background:#fff;border-radius:12px;padding:10px 16px;box-shadow:var(--shadow);text-align:center}
.month-flag .m{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.month-flag .f{font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--ink)}
.namirnica-list{padding:34px 36px;display:flex;flex-direction:column}
.namirnica-list .sec-kicker{margin-bottom:4px}
.namirnica-list h2{font-family:var(--font-display);font-size:27px;font-weight:700;margin-bottom:6px}
.namirnica-list>p{color:var(--ink-soft);font-size:14.5px;margin-bottom:22px}
.n-item{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line);align-items:flex-start}
.n-item:hover h4{color:var(--petrol)}
.n-num{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--amber);line-height:1.2;flex-shrink:0}
.n-item h4{font-family:var(--font-display);font-size:17.5px;font-weight:600;line-height:1.3;transition:color .2s}
.n-item span{display:block;font-size:13px;color:var(--ink-faint);margin-top:4px}

/* ===== Veliki vodič ===== */
.vodic{background:var(--petrol-deep);color:#eef5f0}
.vodic .sec-kicker{color:#e9b158}
.vodic .sec-title{color:#fff}
.vodic .sec-sub{color:#b9cfc0}
.vodic .sec-more{color:#e9b158}
.vodic .sec-more:hover{border-color:#e9b158}
.vodic-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 300px;grid-template-rows:auto auto;gap:20px}
.vodic-vert{grid-column:4;grid-row:1/3}
.vodic-vert .ad-card{height:100%}
.vodic-lead{grid-row:1/3;position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:440px;display:flex;align-items:flex-end}
.vodic-lead img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vodic-lead .scrim{position:absolute;inset:0;background:linear-gradient(200deg,rgba(0,36,18,0) 30%,rgba(0,36,18,.9) 100%)}
.vodic-lead .lead-body{position:relative;padding:28px;color:#fff}
.vodic-lead h3{font-family:var(--font-display);font-size:25px;font-weight:700;line-height:1.18;margin-bottom:8px}
.vodic-lead p{font-size:14.5px;color:rgba(255,255,255,.82)}
.vodic .card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none}
.vodic .card:hover{background:rgba(255,255,255,.1)}
.vodic .card h3{color:#fff;font-size:16.5px}
.vodic .card .cat{color:#8fd0a8}
.vodic .card .meta{color:#8ba694}
.vodic .ad-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:none}

/* ===== Longevity ===== */
.longevity .card h3{font-size:18px}

/* ===== Gojaznost ===== */
.gojaznost-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 300px;grid-template-rows:auto auto;gap:20px}
.goj-vert{grid-column:4;grid-row:1/3}
.goj-vert .ad-card{height:100%}
.gojaznost-grid .lead-card{grid-row:1/3}
.gojaznost-grid .lead-card .thumb{aspect-ratio:3/2}
.gojaznost-grid .lead-card h3{font-size:23px}

/* ===== Pod lupom ===== */
.lupa-wrap{position:relative;border-radius:22px;overflow:hidden;min-height:380px;display:flex;align-items:center;box-shadow:var(--shadow)}
.lupa-wrap img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lupa-wrap .scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,36,18,.92) 0%,rgba(0,36,18,.72) 46%,rgba(0,36,18,.14) 100%)}
.lupa-body{position:relative;padding:48px;color:#fff;max-width:600px}
.lupa-body .chip{background:var(--amber)}
.lupa-body h2{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1.15;margin-bottom:12px;text-wrap:balance}
.lupa-body p{color:rgba(255,255,255,.85);font-size:15.5px;margin-bottom:20px}

/* ===== footer ===== */
footer{background:var(--petrol-deep);color:#b9cfc0;margin-top:40px}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:52px 0 40px}
.foot-in h5{color:#fff;font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.foot-in p{font-size:14px;line-height:1.65}
.foot-links{display:flex;flex-direction:column;gap:9px;font-size:14px}
.foot-links a:hover{color:#fff}
.newsletter{display:flex;gap:8px;margin-top:14px}
.newsletter input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:99px;padding:11px 18px;color:#fff;font-family:var(--font-body);font-size:14px;outline:none}
.newsletter input::placeholder{color:#8ba694}
.newsletter input:focus{border-color:#8fd0a8}
.newsletter button{background:#e9b158;color:var(--petrol-deep);border:none;border-radius:99px;padding:11px 22px;font-weight:700;font-size:14px;font-family:var(--font-body);cursor:pointer;transition:transform .2s}
.newsletter button:hover{transform:translateY(-2px)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* ===== responsive ===== */
@media(max-width:980px){
  .hero-grid,.world-grid,.hero-b-grid{grid-template-columns:1fr}
  .world-main{min-height:0;aspect-ratio:3/2}
  .namirnica-visual{aspect-ratio:3/2;min-height:0}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:1fr 1fr}
  .vodic-grid,.gojaznost-grid{grid-template-columns:1fr 1fr}
  .vodic-lead,.gojaznost-grid .lead-card{grid-column:1/3;grid-row:auto}
  .vodic-vert,.goj-vert{grid-column:1/3;grid-row:auto}
  .namirnica-wrap{grid-template-columns:1fr}
  .namirnica-visual{min-height:0}
  .foot-in{grid-template-columns:1fr}
  .nav{display:none}
}
@media(max-width:640px){
  .grid-4,.grid-3,.vodic-grid,.gojaznost-grid{grid-template-columns:1fr}
  .vodic-lead,.gojaznost-grid .lead-card,.vodic-vert,.goj-vert{grid-column:auto}
  .hero-main h1{font-size:30px}
  .world-main h2{font-size:27px}
  .sec-title{font-size:24px}
  .lupa-body{padding:28px}
  .lupa-body h2{font-size:26px}
}

/* ===== social dugmad ===== */
.socials{display:flex;gap:10px;margin-top:16px}
.socials a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.socials a:hover{background:#e9b158;transform:translateY(-2px)}
.socials a:hover svg{fill:var(--petrol-deep)}
.socials svg{width:17px;height:17px;fill:#dcebe0;transition:fill .2s}
.foot-tagline{font-weight:600;color:#fff;font-size:16px;margin-bottom:10px}


/* ============================================================
   HARD RESET — gazi stilove teme/Elementora na ovom template-u.
   Fajl se učitava poslednji, a body.phm-naslovna prefiks + !important
   pobeđuju svaku generičku regulu teme.
   ============================================================ */
body.phm-naslovna{background:var(--bg) !important;font-family:var(--font-body) !important;color:var(--ink) !important;margin:0 !important;padding:0 !important}
body.phm-naslovna a{text-decoration:none !important;box-shadow:none !important}

/* top strip */
body.phm-naslovna .topstrip{background:var(--petrol-deep) !important;color:#dcebe0 !important}
body.phm-naslovna .topstrip .container{display:flex !important;justify-content:space-between !important;align-items:center !important}
body.phm-naslovna .topstrip strong{color:#fff !important}
body.phm-naslovna .topstrip-right{display:flex !important;align-items:center !important;gap:16px !important;flex-wrap:wrap}
body.phm-naslovna .topstrip-date{white-space:nowrap}
/* search u tamnoj traci */
body.phm-naslovna .topstrip .search-pill{background:rgba(255,255,255,.1) !important;border:1px solid rgba(255,255,255,.22) !important;padding:4px 4px 4px 14px !important}
body.phm-naslovna .topstrip .search-pill input[type="search"]{color:#fff !important;width:150px !important}
body.phm-naslovna .topstrip .search-pill input[type="search"]::placeholder{color:#b9cfc0 !important}
body.phm-naslovna .topstrip .search-pill button{background:#e9b158 !important;width:26px !important;height:26px !important}
body.phm-naslovna .topstrip .search-pill button svg{stroke:var(--petrol-deep) !important}
body.phm-naslovna .topstrip .search-pill button:hover{background:#f0c078 !important}

/* logo */
body.phm-naslovna .logo img{height:36px !important;width:auto !important;max-width:none !important}

/* nav: ul>li flex stavke + dropdown podmeniji teme */
body.phm-naslovna ul.nav{display:flex !important;gap:26px !important;align-items:center !important;margin:0 !important;padding:0 !important;list-style:none !important}
body.phm-naslovna .nav>li{position:relative !important;list-style:none !important;margin:0 !important;padding:6px 0 !important;display:block !important}
body.phm-naslovna .nav a{white-space:nowrap !important;font-size:15px !important;font-weight:500 !important;color:var(--ink-soft) !important;padding:0 !important;border:none !important;background:none !important;line-height:1.4 !important;display:inline-block !important}
body.phm-naslovna .nav a:hover{color:var(--petrol) !important}
body.phm-naslovna .nav .current-menu-item>a,body.phm-naslovna .nav .current_page_item>a{color:var(--petrol) !important;font-weight:600 !important}
/* strelica na stavkama sa podmenijem */
body.phm-naslovna .nav .menu-item-has-children>a::after{content:"▾";font-size:10px;margin-left:6px;color:var(--ink-faint)}
/* dropdown */
body.phm-naslovna .nav .sub-menu{position:absolute !important;top:100% !important;left:-14px !important;z-index:50 !important;min-width:230px !important;margin:0 !important;padding:8px !important;list-style:none !important;background:#fff !important;border:1px solid var(--line) !important;border-radius:12px !important;box-shadow:0 14px 40px -12px rgba(20,48,31,.22) !important;display:block !important;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}
body.phm-naslovna .nav li:hover>.sub-menu,body.phm-naslovna .nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
body.phm-naslovna .nav .sub-menu li{display:block !important;padding:0 !important;position:relative !important}
body.phm-naslovna .nav .sub-menu a{display:block !important;padding:8px 12px !important;border-radius:8px !important;white-space:normal !important;font-size:14px !important}
body.phm-naslovna .nav .sub-menu a:hover{background:var(--petrol-tint) !important;color:var(--petrol) !important}
/* treci nivo (ako postoji) otvara se u stranu */
body.phm-naslovna .nav .sub-menu .sub-menu{top:-8px !important;left:100% !important}

/* search pill */
body.phm-naslovna .search-pill{display:flex !important;align-items:center !important;gap:8px !important;border:1px solid var(--line) !important;border-radius:99px !important;padding:7px 8px 7px 16px !important;background:var(--bg) !important;margin:0 !important}
body.phm-naslovna .search-pill input[type="search"]{border:none !important;background:none !important;outline:none !important;box-shadow:none !important;padding:0 !important;margin:0 !important;width:130px !important;font-family:var(--font-body) !important;font-size:14px !important;color:var(--ink) !important;border-radius:0 !important;height:auto !important;line-height:1.4 !important}
body.phm-naslovna .search-pill button{border:none !important;outline:none !important;background:var(--petrol) !important;color:#fff !important;border-radius:99px !important;width:30px !important;height:30px !important;min-height:0 !important;padding:0 !important;margin:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important}
body.phm-naslovna .search-pill button:hover{background:var(--petrol-deep) !important}

/* naslovi i tekst unutar sekcija — bez margina/fontova teme */
body.phm-naslovna h1,body.phm-naslovna h2,body.phm-naslovna h3,body.phm-naslovna h4,body.phm-naslovna h5{font-family:var(--font-body);margin:0}
body.phm-naslovna p{margin:0}
body.phm-naslovna img{max-width:100%;height:auto}

/* futer input/dugme */
body.phm-naslovna .newsletter input{background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.2) !important;border-radius:99px !important;padding:11px 18px !important;color:#fff !important;box-shadow:none !important}
body.phm-naslovna .newsletter button{background:#e9b158 !important;color:var(--petrol-deep) !important;border:none !important;border-radius:99px !important;padding:11px 22px !important;min-height:0 !important;box-shadow:none !important}


/* ============================================================
   RESPONSIVE HEADER
   ============================================================ */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;padding:0;align-items:center}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s}
.topbar.nav-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.topbar.nav-open .nav-toggle span:nth-child(2){opacity:0}
.topbar.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-panel{display:contents}
.mobile-search{display:none}

@media(max-width:980px){
	/* top bar se ne prikazuje na mobilnom */
	body.phm-naslovna .topstrip{display:none !important}

	body.phm-naslovna .topbar{position:relative}
	body.phm-naslovna .topbar-in{display:flex !important;justify-content:space-between !important;align-items:center !important}
	body.phm-naslovna .nav-toggle{display:inline-flex !important}

	/* panel: zatvoren dok se ne otvori hamburgerom */
	body.phm-naslovna .nav-panel{display:none}
	body.phm-naslovna .topbar.nav-open .nav-panel{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 24px 44px -22px rgba(20,48,31,.28);padding:6px 24px 18px;z-index:90}

	/* meni: vertikalna lista */
	body.phm-naslovna .topbar.nav-open ul.nav{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important}
	body.phm-naslovna .topbar.nav-open .nav>li{padding:0 !important;border-top:1px solid var(--bg-soft)}
	body.phm-naslovna .topbar.nav-open .nav>li:first-child{border-top:none}
	body.phm-naslovna .topbar.nav-open .nav a{display:block !important;padding:13px 0 !important;font-size:16px !important;white-space:normal !important}

	/* podmeniji: uvek otvoreni, uvuceni — bez hovera na touch ekranu */
	body.phm-naslovna .topbar.nav-open .nav .sub-menu{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:none !important;border-radius:0 !important;background:none !important;padding:0 0 8px 18px !important;min-width:0 !important}
	body.phm-naslovna .topbar.nav-open .nav .sub-menu a{padding:9px 0 !important;font-size:14.5px !important;color:var(--ink-soft) !important}
	body.phm-naslovna .nav .menu-item-has-children>a::after{content:"" !important;margin:0 !important}

	/* pretraga u panelu (top bar je sakriven) */
	body.phm-naslovna .topbar.nav-open .mobile-search{display:flex !important;margin-top:12px !important;background:var(--bg) !important;border:1px solid var(--line) !important}
	body.phm-naslovna .topbar.nav-open .mobile-search input[type="search"]{width:100% !important;flex:1 !important;color:var(--ink) !important}
	body.phm-naslovna .topbar.nav-open .mobile-search button{background:var(--petrol) !important;width:32px !important;height:32px !important}
	body.phm-naslovna .topbar.nav-open .mobile-search button svg{stroke:#fff !important}
}


/* ============================================================
   HAMBURGER MENI NA SVIM ŠIRINAMA
   (poslednji blok u fajlu — gazi horizontalni desktop meni)
   ============================================================ */
body.phm-naslovna .nav-toggle{display:inline-flex !important}
body.phm-naslovna .topbar{position:relative}
body.phm-naslovna .nav-panel{display:none !important}
body.phm-naslovna .topbar.nav-open .nav-panel{display:block !important;position:absolute;top:100%;right:24px;left:auto;width:360px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--line);border-top:none;border-radius:0 0 16px 16px;box-shadow:0 28px 50px -22px rgba(20,48,31,.3);padding:6px 24px 18px;z-index:90}

/* vertikalna lista — važi i za desktop panel */
body.phm-naslovna .topbar.nav-open ul.nav{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important}
body.phm-naslovna .topbar.nav-open .nav>li{padding:0 !important;border-top:1px solid var(--bg-soft);position:static !important}
body.phm-naslovna .topbar.nav-open .nav>li:first-child{border-top:none}
body.phm-naslovna .topbar.nav-open .nav a{display:block !important;padding:13px 0 !important;font-size:16px !important;white-space:normal !important}
body.phm-naslovna .topbar.nav-open .nav .sub-menu{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;box-shadow:none !important;border:none !important;border-radius:0 !important;background:none !important;padding:0 0 8px 18px !important;min-width:0 !important}
body.phm-naslovna .topbar.nav-open .nav .sub-menu a{padding:9px 0 !important;font-size:14.5px !important;color:var(--ink-soft) !important}
body.phm-naslovna .nav .menu-item-has-children>a::after{content:"" !important;margin:0 !important}

/* na mobilnom panel preko cele širine */
@media(max-width:980px){
	body.phm-naslovna .topbar.nav-open .nav-panel{right:0;left:0;width:auto;max-width:none;border-radius:0;border-left:none;border-right:none}
}


/* ============================================================
   COVER KARTICE — čitljivost teksta preko slika
   (jači overlay svuda + mobilna pravila: kartica raste sa tekstom)
   ============================================================ */

/* jači scrim na svim cover blokovima */
body.phm-naslovna .hero-main .scrim{background:linear-gradient(200deg,rgba(0,36,18,.10) 16%,rgba(0,44,22,.62) 52%,rgba(0,36,18,.93) 100%) !important}
body.phm-naslovna .duo .scrim{background:linear-gradient(200deg,rgba(0,36,18,.14) 18%,rgba(0,44,22,.66) 55%,rgba(0,36,18,.93) 100%) !important}
body.phm-naslovna .world-main .scrim{background:linear-gradient(195deg,rgba(0,36,18,.12) 16%,rgba(0,44,22,.64) 52%,rgba(0,36,18,.94) 100%) !important}
body.phm-naslovna .vodic-lead .scrim{background:linear-gradient(200deg,rgba(0,26,13,.16) 16%,rgba(0,26,13,.94) 100%) !important}
body.phm-naslovna .lupa-wrap .scrim{background:linear-gradient(90deg,rgba(0,36,18,.95) 0%,rgba(0,36,18,.8) 46%,rgba(0,36,18,.3) 100%) !important}

/* blaga senka na naslovima preko slika — čitljivo i na svetlim fotografijama */
body.phm-naslovna .hero-main h1,
body.phm-naslovna .duo h2,
body.phm-naslovna .world-main h2,
body.phm-naslovna .vodic-lead h3,
body.phm-naslovna .lupa-body h2{text-shadow:0 2px 16px rgba(0,25,12,.5)}
body.phm-naslovna .hero-main-body p,
body.phm-naslovna .duo-body p,
body.phm-naslovna .world-main-body p,
body.phm-naslovna .lupa-body p{text-shadow:0 1px 10px rgba(0,25,12,.55)}

@media(max-width:980px){
	/* kartica raste sa sadržajem — nema više odsecanja naslova na vrhu */
	body.phm-naslovna .hero-main{aspect-ratio:auto !important;min-height:440px !important}
	body.phm-naslovna .hero-b .duo{aspect-ratio:auto !important;min-height:360px !important}
	body.phm-naslovna .world-main{aspect-ratio:auto !important;min-height:400px !important}

	/* manja tipografija na coverima */
	body.phm-naslovna .hero-main-body{padding:22px !important;max-width:none !important}
	body.phm-naslovna .hero-main h1{font-size:25px !important;line-height:1.2 !important}
	body.phm-naslovna .duo-body{padding:20px !important}
	body.phm-naslovna .hero-b h2,body.phm-naslovna .duo h2{font-size:20px !important;line-height:1.25 !important}
	body.phm-naslovna .world-main-body{padding:22px !important;max-width:none !important}
	body.phm-naslovna .world-main h2{font-size:23px !important;line-height:1.22 !important}
	body.phm-naslovna .vodic-lead .lead-body{padding:20px !important}
	body.phm-naslovna .vodic-lead h3{font-size:20px !important}
	body.phm-naslovna .lupa-body{padding:24px !important;max-width:none !important}
	body.phm-naslovna .lupa-body h2{font-size:23px !important}

	/* excerpt: najviše 3 reda na mobilnom */
	body.phm-naslovna .hero-main-body p,
	body.phm-naslovna .duo-body p,
	body.phm-naslovna .world-main-body p,
	body.phm-naslovna .lupa-body p{font-size:14px !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

	/* jači, ravnomerniji overlay na malom ekranu gde tekst pokriva veći deo slike */
	body.phm-naslovna .hero-main .scrim,
	body.phm-naslovna .duo .scrim,
	body.phm-naslovna .world-main .scrim{background:linear-gradient(180deg,rgba(0,36,18,.32) 0%,rgba(0,44,22,.62) 45%,rgba(0,30,15,.92) 100%) !important}
	body.phm-naslovna .lupa-wrap .scrim{background:linear-gradient(180deg,rgba(0,36,18,.45) 0%,rgba(0,36,18,.9) 100%) !important}
}


/* ============================================================
   RESPONSIVE BANERI
   Na mobilnom horizontalne kreative (728×90, 970×250) prikazujemo
   u prirodnoj proporciji preko cele širine — bez kropovanja i
   mikroskopske visine. Vertikale ostaju 300×600, centrirane.
   ============================================================ */
@media(max-width:980px){
	/* Ti to možeš — bez bočnih linija, baner na punu širinu */
	body.phm-naslovna .ad-divider{padding:4px 0 26px}
	body.phm-naslovna .ad-divider::before,
	body.phm-naslovna .ad-divider::after{display:none}
	body.phm-naslovna .banner-frame.b-728x90{width:100% !important;aspect-ratio:auto !important}
	body.phm-naslovna .banner-frame.b-728x90 img{position:static !important;width:100% !important;height:auto !important;object-fit:contain !important}

	/* Pozicija 2 (970×250) u gridu Najnovije — prirodna visina kreative */
	body.phm-naslovna .ad-card.ratio-970{aspect-ratio:auto !important;min-height:0 !important}
	body.phm-naslovna .ad-card.ratio-970 img{position:static !important;width:100% !important;height:auto !important;object-fit:contain !important}

	/* Pozicije 3 i 4 (300×250) — prirodna visina kada kartice stoje jedna ispod druge */
	body.phm-naslovna .ad-card.fill{min-height:0 !important;height:auto !important}
	body.phm-naslovna .ad-card.fill img{position:static !important;width:100% !important;height:auto !important;object-fit:contain !important}

	/* vertikale (300×600): centrirane, ne razvlače se na punu širinu */
	body.phm-naslovna .vodic-vert,body.phm-naslovna .goj-vert{display:flex;justify-content:center}
	body.phm-naslovna .vodic-vert .ad-card,body.phm-naslovna .goj-vert .ad-card{width:300px !important;max-width:100% !important;aspect-ratio:300/600 !important;height:auto !important}
	body.phm-naslovna .vodic-vert .ad-card img,body.phm-naslovna .goj-vert .ad-card img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;object-fit:cover !important}

	/* widget markup (Image widget): bez margina, slika prati okvir */
	body.phm-naslovna .ad-card figure,body.phm-naslovna .banner-frame figure{margin:0 !important;height:auto !important}
}


/* ============================================================
   DESKTOP: HORIZONTALNI MENI (hamburger samo tablet/mobilni)
   + lakši hero overlay na desktopu
   ============================================================ */
@media(min-width:981px){
	/* vrati horizontalni meni */
	body.phm-naslovna .nav-toggle{display:none !important}
	body.phm-naslovna .nav-panel{display:contents !important}
	body.phm-naslovna ul.nav{display:flex !important;flex-direction:row !important;gap:26px !important;align-items:center !important}
	body.phm-naslovna .nav>li{position:relative !important;padding:6px 0 !important;border:none !important;display:block !important}
	body.phm-naslovna .nav>li>a{display:inline-block !important;padding:0 !important;font-size:15px !important;white-space:nowrap !important}
	body.phm-naslovna .nav .menu-item-has-children>a::after{content:"▾" !important;font-size:10px !important;margin-left:6px !important;color:var(--ink-faint) !important}
	body.phm-naslovna .mobile-search{display:none !important}

	/* Tema dana (hero): blaži overlay — slika dolazi do izražaja, dno ostaje čitko */
	body.phm-naslovna .hero-main .scrim{background:linear-gradient(200deg,rgba(0,36,18,0) 34%,rgba(0,44,22,.42) 64%,rgba(0,36,18,.8) 100%) !important}
}

/* ============================================================
   KLIKABILNI BANERI — link iz Image/HTML widgeta pokriva ceo baner
   ============================================================ */
body.phm-naslovna .ad-card a,
body.phm-naslovna .banner-frame a{position:absolute;inset:0;display:block;z-index:2}
body.phm-naslovna .ad-card a img,
body.phm-naslovna .banner-frame a img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:980px){
	/* na mobilnom horizontalne kreative idu u prirodnoj visini pa link prati sliku */
	body.phm-naslovna .ad-card.ratio-970 a,
	body.phm-naslovna .ad-card.fill a,
	body.phm-naslovna .banner-frame.b-728x90 a{position:static !important}
	body.phm-naslovna .ad-card.ratio-970 a img,
	body.phm-naslovna .ad-card.fill a img,
	body.phm-naslovna .banner-frame.b-728x90 a img{position:static !important;height:auto !important;object-fit:contain !important}
}