/* anitafalamic.com: zajednički stil statičnih stranica i WordPress dela.
   Boje i razmaci su preuzeti 1:1 sa Sitejet sajta (18.09.2026).
   Verzija u adresi se menja sama (vreme izmene fajla). */

/* ---------- Fontovi (lokalno, bez Google servera) ---------- */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/fonts/playfair-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/fonts/playfair-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url(/static/fonts/playfair-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400 900;font-display:swap;src:url(/static/fonts/playfair-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(/static/fonts/poppins-300-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(/static/fonts/poppins-300-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/poppins-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(/static/fonts/poppins-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600 700;font-display:swap;src:url(/static/fonts/poppins-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600 700;font-display:swap;src:url(/static/fonts/poppins-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ---------- Boje ---------- */
:root{
  --petrol:#143C3C;
  --petrol-hover:#1F5454;
  --krem:#F5F2EE;
  --bez:#EBE5E0;
  --linija:#D6CFC8;
  --tekst:#212121;
  --siva:#7A7169;
  --bijela:#FFFFFF;
  --visina-zaglavlja:84px;
}

/* ---------- Osnova ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--visina-zaglavlja) + 16px);scroll-behavior:smooth}
body{margin:0;font-family:'Poppins',sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:var(--tekst);background:var(--bijela)}
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:700;color:var(--petrol);letter-spacing:1px;margin:0}
p{margin:0}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
a{color:var(--tekst);text-decoration:none;transition:all .3s ease-in-out}
a:hover{color:var(--petrol)}
figure{margin:0}
.preskoci{position:absolute;left:-9999px;top:8px;z-index:1000;background:var(--petrol);color:#fff;padding:10px 20px;border-radius:6px;font-weight:600}
.preskoci:focus{left:16px;color:#fff}
.boks{max-width:1200px;margin:0 auto;padding:0 16px}
.boks + .boks{margin-top:17px}
main{padding-top:var(--visina-zaglavlja)}
main.bez-menija{padding-top:0}

/* ---------- Zaglavlje ---------- */
.af-zaglavlje{position:fixed;top:0;left:0;right:0;z-index:900;background:var(--bez);height:var(--visina-zaglavlja)}
.af-zaglavlje-unutra{max-width:1200px;height:100%;margin:0 auto;display:flex;align-items:center}
.af-logo{display:block;flex:0 0 auto;padding:5px}
.af-logo img{display:block;width:190px;height:auto}
.af-meni{flex:1 1 auto;display:flex;justify-content:center;gap:32px}
.af-meni a{font-family:'Playfair Display',serif;font-size:24px;font-weight:400;letter-spacing:2px;line-height:56px;color:var(--tekst);text-decoration:none;position:relative;white-space:nowrap}
.af-meni a::after{content:"";position:absolute;left:0;right:2px;bottom:12px;height:1px;background:var(--tekst);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.af-meni a:hover{color:var(--tekst)}
.af-meni a:hover::after,.af-meni a[aria-current="page"]::after{transform:scaleX(1)}
.af-nalog{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 4px 8px 12px;font-size:14px;font-weight:500;color:var(--tekst);text-decoration:none;white-space:nowrap}
.af-nalog:hover{color:var(--petrol)}
.af-nalog svg{flex:0 0 auto}
@media (max-width:1180px){.af-nalog span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.af-meni-dugme{display:none;margin-left:auto;width:48px;height:48px;border:0;background:transparent;cursor:pointer;padding:12px;color:var(--tekst)}
.af-meni-dugme span{display:block;height:2px;background:currentColor;margin:6px 0;transition:transform .3s ease,opacity .3s ease}
@media (max-width:1180px){.af-meni{gap:20px}.af-meni a{font-size:21px;letter-spacing:1.5px}}
@media (max-width:975px){
  :root{--visina-zaglavlja:68px}
  .af-zaglavlje-unutra{padding:0 12px 0 8px}
  .af-logo img{width:150px}
  .af-meni-dugme{display:block;margin-left:0}
  .af-nalog{margin-left:auto;padding:12px}
  .af-meni{position:fixed;top:var(--visina-zaglavlja);left:0;right:0;flex-direction:column;align-items:center;gap:0;background:var(--bez);padding:8px 0 24px;border-top:1px solid var(--linija);box-shadow:0 12px 24px rgba(0,0,0,.08);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s}
  .af-meni a{font-size:22px;line-height:52px}
  .af-meni a::after{bottom:10px}
  body.meni-otvoren .af-meni{opacity:1;visibility:visible;transform:none}
  body.meni-otvoren .af-meni-dugme span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.meni-otvoren .af-meni-dugme span:nth-child(2){opacity:0}
  body.meni-otvoren .af-meni-dugme span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* ---------- Dugmad ---------- */
.dugme,.hero2-cta,.omeni-cta,.yt-cta{display:inline-block;background:var(--petrol);color:#fff;font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;line-height:24px;padding:14px 36px;border-radius:6px;text-decoration:none;transition:background .3s ease;align-self:flex-start}
.dugme:hover,.hero2-cta:hover,.omeni-cta:hover,.yt-cta:hover{background:var(--petrol-hover);color:#fff}

/* ---------- Hero ---------- */
.hero2{background:#fff;min-height:80vh;display:flex;align-items:center;padding:20px 40px;width:100%}
.hero2-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;width:100%;max-width:1100px;margin:0 auto}
.hero2-tekst{display:flex;flex-direction:column;gap:24px}
.hero2-nadnaslov{font-size:.75rem;font-weight:600;color:var(--siva);letter-spacing:3px;text-transform:uppercase}
.hero2-naslov{font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;color:var(--tekst);line-height:1.2}
.hero2-naslov em{font-style:italic;color:var(--petrol)}
.hero2-podnaslov{font-size:1rem;font-weight:300;color:var(--siva);line-height:1.7;max-width:460px}
.hero2-foto{background:var(--krem);border-radius:12px;aspect-ratio:3/4;max-height:470px}
.hero2-foto img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:12px;display:block}
@media (max-width:768px){.hero2{padding:60px 20px;min-height:auto}.hero2-wrap{grid-template-columns:1fr;gap:40px}.hero2-foto{aspect-ratio:4/3;order:-1;max-height:none}.hero2-cta{align-self:stretch;text-align:center}}

/* ---------- Tri kartice (Radite sa mnom) ---------- */
.kartice-section{background:var(--krem);padding:80px 40px;width:100%}
.kartice-inner{max-width:1100px;margin:0 auto}
.kartice-uvod{text-align:center;margin-bottom:48px}
.kartice-uvod-naslov{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--tekst);margin-bottom:12px;line-height:1.2}
.kartice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.kartica{background:#fff;border-radius:12px;padding:36px 32px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 16px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}
.kartica:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.10)}
.kartica.primarna{background:var(--petrol);transform:translateY(-8px);box-shadow:0 8px 32px rgba(20,60,60,.25)}
.kartica.primarna:hover{transform:translateY(-12px)}
.kartica-nadnaslov{font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--siva);line-height:1.6}
.kartica.primarna .kartica-nadnaslov{color:rgba(255,255,255,.6)}
.kartica-naslov{font-size:1.5rem;font-weight:700;color:var(--petrol);line-height:1.2}
.kartica.primarna .kartica-naslov{color:#fff}
.kartica-linija{width:40px;height:2px;background:var(--bez)}
.kartica.primarna .kartica-linija{background:rgba(255,255,255,.3)}
.kartica-opis{font-size:.9rem;line-height:1.7;color:var(--siva);flex-grow:1}
.kartica.primarna .kartica-opis{color:rgba(255,255,255,.75)}
.kartica-za-koga{font-size:.85rem;line-height:1.6;color:var(--tekst);font-style:italic}
.kartica.primarna .kartica-za-koga{color:rgba(255,255,255,.9)}
.kartica-cta{display:inline-block;margin-top:8px;padding:12px 28px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s ease;background:var(--krem);color:var(--petrol)}
.kartica.primarna .kartica-cta{background:#fff;color:var(--petrol)}
.kartica-cta:hover{background:var(--petrol);color:#fff}
.kartica.primarna .kartica-cta:hover{background:rgba(255,255,255,.85);color:var(--petrol)}
@media (max-width:768px){.kartice-section{padding:60px 20px}.kartice-grid{grid-template-columns:1fr}.kartica.primarna{transform:none}}

/* ---------- Besplatni materijal sa GetResponse formom (lm1, lm2) ---------- */
.lm-section{padding:60px 40px;width:100%}
.lm-section.krem{background:var(--krem)}
.lm-section.bijela{background:#fff}
.lm-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:220px 1fr 1fr;gap:40px;align-items:center}
.lm-slika img{width:100%;border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.12);display:block}
.lm-tekst{padding-right:28px;border-right:1px solid var(--linija);display:flex;flex-direction:column;gap:10px;align-self:center}
.lm-nadnaslov{font-size:.72rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--petrol)}
.lm-naslov{font-size:clamp(1.3rem,2vw,1.7rem);font-weight:700;color:var(--tekst);line-height:1.25}
.lm-opis{font-size:.88rem;font-weight:300;color:var(--siva);line-height:1.7}
.lm-forma-wrap{width:100%;align-self:center;padding-left:8px}
.lm-forma-wrap getresponse-form{display:block!important;width:100%!important}
.lm-forma-wrap *{box-sizing:border-box!important}
.lm-forma-wrap input[type="text"],.lm-forma-wrap input[type="email"]{font-family:'Poppins',sans-serif!important;font-size:.85rem!important;border:1px solid var(--bez)!important;border-radius:6px!important;padding:8px 12px!important;width:100%!important;background:#fff!important;color:var(--tekst)!important;margin-bottom:8px!important;height:auto!important}
.lm-forma-wrap input[type="submit"],.lm-forma-wrap button[type="submit"]{font-family:'Poppins',sans-serif!important;font-size:14px!important;font-weight:600!important;background:var(--petrol)!important;color:#fff!important;border:none!important;border-radius:6px!important;padding:11px 24px!important;cursor:pointer!important;width:100%!important;margin-top:4px!important;height:auto!important}
.lm-forma-wrap input[type="submit"]:hover,.lm-forma-wrap button[type="submit"]:hover{background:var(--petrol-hover)!important}
.lm-forma-wrap label{font-family:'Poppins',sans-serif!important;font-size:.78rem!important;color:var(--siva)!important;margin-bottom:3px!important;display:block!important}
.lm-forma-wrap [class*="gdpr"],.lm-forma-wrap [class*="consent"],.lm-forma-wrap [class*="checkbox"],.lm-forma-wrap [class*="agreements"]{font-family:'Poppins',sans-serif!important;font-size:.72rem!important;color:var(--siva)!important;line-height:1.4!important;margin:6px 0!important}
.lm-forma-wrap [class*="wrapper"],.lm-forma-wrap [class*="container"],.lm-forma-wrap [class*="inner"]{padding:0!important;margin:0!important;background:transparent!important;border:none!important;box-shadow:none!important}
@media (max-width:900px){.lm-inner{grid-template-columns:1fr 1fr;gap:30px}.lm-slika{grid-column:1/-1;max-width:220px;margin:0 auto}.lm-tekst{border-right:none;padding-right:0}}
@media (max-width:600px){.lm-section{padding:50px 20px}.lm-inner{grid-template-columns:1fr}.lm-slika{grid-column:auto}.lm-forma-wrap{padding-left:0}}

/* ---------- O meni (kratko) ---------- */
.omeni-section{background:#fff;padding:80px 40px;width:100%}
.omeni-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.omeni-slika img{width:100%;max-width:420px;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.12);display:block;margin:0 auto;object-fit:cover}
.omeni-tekst{display:flex;flex-direction:column;gap:20px}
.omeni-naslov{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--tekst);line-height:1.2}
.omeni-tekst p{font-size:.95rem;font-weight:300;color:var(--siva);line-height:1.8}
.omeni-tekst p.naglasak{font-family:'Playfair Display',serif;font-style:italic;font-size:1.1rem;color:var(--petrol)}
.omeni-linija{width:40px;height:2px;background:var(--bez)}
@media (max-width:768px){.omeni-section{padding:60px 20px}.omeni-inner{grid-template-columns:1fr;gap:40px}.omeni-slika{order:-1}.omeni-cta{align-self:stretch;text-align:center}}

/* ---------- Iskustva ---------- */
.testi-section{background:var(--krem);padding:80px 40px;width:100%}
.testi-inner{max-width:1100px;margin:0 auto}
.testi-naslov{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;color:var(--tekst);margin-bottom:48px;line-height:1.2}
.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.testi-kartica{background:#fff;border-radius:12px;padding:40px 36px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 16px rgba(0,0,0,.06)}
.testi-zvjezdice{display:flex;gap:4px}
.testi-zvjezdica{width:16px;height:16px;background:var(--petrol);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.testi-pull-quote{font-family:'Playfair Display',serif;font-size:1.1rem;font-style:italic;color:var(--tekst);line-height:1.7;border-left:3px solid var(--petrol);padding-left:16px}
.testi-tekst{font-size:.88rem;font-weight:300;color:var(--siva);line-height:1.7}
.testi-osoba{display:flex;align-items:center;gap:14px;margin-top:8px;padding-top:20px;border-top:1px solid var(--bez)}
.testi-foto{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--bez)}
.testi-ime{font-size:.9rem;font-weight:600;color:var(--tekst)}
@media (max-width:768px){.testi-section{padding:60px 20px}.testi-grid{grid-template-columns:1fr}}

/* ---------- YouTube ---------- */
.yt-section{background:var(--krem);padding:80px 40px;width:100%}
.yt-inner{max-width:1100px;margin:0 auto}
.yt-header{text-align:center;margin-bottom:48px}
.yt-naslov{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--tekst);margin:0 0 12px;line-height:1.2}
.yt-podnaslov{font-size:1rem;font-weight:300;color:var(--siva)}
.yt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.yt-video{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);aspect-ratio:16/9;background:#000;position:relative}
.yt-video iframe,.yt-video button{width:100%;height:100%;border:0;display:block}
.yt-video button{padding:0;cursor:pointer;background:#000;position:relative}
.yt-video button img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92;transition:opacity .3s}
.yt-video button:hover img{opacity:1}
.yt-video button::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/28px no-repeat}
.yt-cta-wrap{text-align:center}
@media (max-width:768px){.yt-section{padding:60px 20px}.yt-grid{grid-template-columns:1fr}}

/* ---------- Podnožje ---------- */
.footer-section{background:var(--petrol);padding:30px 40px 40px}
.footer-inner{max-width:1100px;margin:0 auto}
/* .footer-section ispred: WooCommerce na svojim stranicama ima ".woocommerce-page img{height:auto;max-width:100%}" jače od same klase */
.footer-section .footer-logo{height:80px;width:auto;max-width:280px;object-fit:contain;margin-bottom:24px;display:block}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:60px;margin-bottom:20px}
.footer-opis{max-width:360px}
.footer-ikone{display:flex;gap:10px;margin-top:6px}
.footer-ikone a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.8);transition:all .25s ease}
.footer-ikone a:hover{background:#fff;border-color:#fff;color:var(--petrol)}
.footer-ikone svg{width:18px;height:18px}
.footer-opis{display:flex;flex-direction:column;gap:16px}
.footer-tekst{font-size:.9rem;font-weight:300;color:rgba(255,255,255,.7);line-height:1.7}
.footer-kontakt-naslov,.footer-col-naslov{font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.5)}
.footer-kontakt-naslov{margin:8px 0 4px}
.footer-col-naslov{margin:0 0 20px}
.footer-kontakt-link{display:flex;align-items:center;gap:8px;font-size:.9rem;color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:8px}
.footer-kontakt-link:hover{color:#fff}
.footer-nav,.footer-socijalne{display:flex;flex-direction:column;gap:12px}
.footer-nav a,.footer-socijalne a{font-size:.9rem;color:rgba(255,255,255,.7);text-decoration:none}
.footer-nav a:hover,.footer-socijalne a:hover{color:#fff}
.footer-linija{width:100%;height:1px;background:rgba(255,255,255,.1);margin-bottom:16px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.8rem;color:rgba(255,255,255,.4)}
.footer-privacy a{font-size:.8rem;color:rgba(255,255,255,.4);text-decoration:none}
.footer-privacy a:hover{color:rgba(255,255,255,.7)}
.footer-privacy span{color:rgba(255,255,255,.2);margin:0 10px}
@media (max-width:768px){.footer-section{padding:60px 20px 32px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-bottom{flex-direction:column;align-items:flex-start}}

/* ---------- Kolačići ---------- */
#cookie-banner{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;width:100%;background:var(--petrol);padding:16px 40px;display:none;align-items:center;justify-content:space-between;gap:24px;z-index:99999;flex-wrap:wrap}
#cookie-banner.vidljiv{display:flex}
#cookie-banner-title{font-size:13px;font-weight:500;color:rgba(255,255,255,.9);margin-bottom:4px}
#cookie-banner-text{font-size:12px;color:rgba(255,255,255,.6);line-height:1.6}
#cookie-banner-text a{color:rgba(255,255,255,.85);text-decoration:underline}
#cookie-banner-buttons{display:flex;gap:10px;flex-shrink:0}
.cookie-btn{font-family:'Poppins',sans-serif;font-size:13px;padding:9px 20px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:opacity .2s ease}
.cookie-btn:hover{opacity:.85}
.cookie-btn-primary{background:#fff;border:1px solid #fff;color:var(--petrol);font-weight:500}
.cookie-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.7)}
@media (max-width:768px){#cookie-banner{padding:14px 20px;flex-direction:column;align-items:flex-start}#cookie-banner-title{font-size:12px}#cookie-banner-text{font-size:11px}#cookie-banner-buttons{flex-direction:column;width:100%;gap:6px}.cookie-btn{font-size:11px;padding:7px;text-align:center;width:100%}}

/* ---------- Blog: naslovna ---------- */
.tocka{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45;margin:0 10px;vertical-align:middle}
.blog-glava{background:var(--krem);text-align:center;padding:72px 20px 44px}
.blog-glava h1{font-size:clamp(2.2rem,4vw,3.2rem);color:var(--tekst);line-height:1.2;margin:12px 0 14px}
.blog-glava-podnaslov{font-size:1rem;font-weight:300;color:var(--siva)}
.blog-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px}
.blog-filter button{font-family:'Poppins',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--petrol);background:#fff;border:1px solid var(--bez);border-radius:40px;padding:10px 20px;cursor:pointer;transition:all .25s ease}
.blog-filter button:hover{border-color:var(--petrol)}
.blog-filter button[aria-pressed="true"]{background:var(--petrol);border-color:var(--petrol);color:#fff}
.blog-lista{background:var(--krem);padding:8px 40px 88px}
.blog-unutra{max-width:1100px;margin:0 auto}
.blog-kat{display:block;font-size:.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--petrol)}
.blog-meta{display:block;font-size:.8rem;color:var(--siva);margin-top:auto;padding-top:14px}
.blog-kartica-uvod{display:block;font-size:.9rem;font-weight:300;line-height:1.7;color:var(--siva)}
.blog-istaknuti{display:grid;grid-template-columns:1.15fr 1fr;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.06);margin-bottom:32px;text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}
.blog-istaknuti:hover,.blog-kartica:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.10);color:inherit}
.blog-istaknuti-slika{display:block;overflow:hidden}
.blog-istaknuti-slika img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/10;transition:transform .6s ease}
.blog-istaknuti-tekst{display:flex;flex-direction:column;gap:16px;padding:44px 44px 40px}
.blog-istaknuti-naslov{font-family:'Playfair Display',serif;font-weight:700;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.25;letter-spacing:.5px;color:var(--tekst)}
.blog-procitaj{font-size:14px;font-weight:600;color:var(--petrol)}
.blog-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.blog-kartica{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.06);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}
.blog-kartica-slika{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bez)}
.blog-kartica-slika img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.blog-kartica:hover .blog-kartica-slika img,.blog-istaknuti:hover .blog-istaknuti-slika img{transform:scale(1.03)}
.blog-kartica-tekst{display:flex;flex-direction:column;gap:10px;padding:24px 26px;flex:1}
.blog-kartica-naslov{font-family:'Playfair Display',serif;font-weight:700;font-size:1.2rem;line-height:1.3;letter-spacing:.3px;color:var(--tekst)}
.blog-kartica .blog-kartica-uvod{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-prazno{text-align:center;color:var(--siva);padding:40px 0}
.blog-lista [hidden]{display:none!important}
@media (max-width:1000px){.blog-mreza{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.blog-glava{padding:52px 20px 32px}.blog-lista{padding:0 20px 60px}.blog-istaknuti{grid-template-columns:1fr}.blog-istaknuti-tekst{padding:26px 24px 28px}.blog-mreza{grid-template-columns:1fr;gap:22px}}

/* ---------- Blog: tekst ---------- */
.clanak-glava{background:var(--krem);text-align:center;padding:64px 24px 150px}
.clanak-glava h1{max-width:820px;margin:18px auto 22px;font-size:clamp(2rem,4vw,2.9rem);line-height:1.2;color:var(--tekst)}
.clanak-kat{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--petrol);background:#fff;border:1px solid var(--bez);border-radius:40px;padding:7px 16px;text-decoration:none}
.clanak-kat:hover{background:var(--petrol);color:#fff}
.clanak-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.85rem;color:var(--siva)}
.clanak-meta img{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-right:10px;border:2px solid #fff}
.clanak-slika{max-width:1000px;margin:-110px auto 0;padding:0 24px}
.clanak-slika img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.12)}
.clanak-tekst{max-width:720px;margin:0 auto;padding:56px 24px 16px;font-size:1.0625rem;font-weight:300;line-height:1.9;color:#3A352F}
.clanak-tekst p{margin:0 0 1.35em}
.clanak-tekst > p:first-child{font-size:1.18rem;line-height:1.8;color:var(--tekst)}
.clanak-tekst h2{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:clamp(1.45rem,2.4vw,1.8rem);line-height:1.35;letter-spacing:0;color:var(--petrol);margin:1.9em 0 .75em}
.clanak-tekst h3{font-family:'Poppins',sans-serif;font-weight:600;font-size:1.1rem;line-height:1.5;letter-spacing:0;color:var(--tekst);margin:1.8em 0 .6em}
.clanak-tekst > h2:first-child,.clanak-tekst > h3:first-child{margin-top:0}
.clanak-tekst strong{font-weight:600;color:var(--tekst)}
.clanak-tekst .istaknuto{font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:1.3em;line-height:1.5;color:var(--petrol)}
.clanak-tekst a{color:var(--petrol);text-decoration:underline;text-underline-offset:3px;font-weight:400}
.clanak-tekst a:hover{color:var(--petrol-hover)}
.clanak-tekst ul,.clanak-tekst ol{margin:0 0 1.4em;padding:0;list-style:none}
.clanak-tekst li{position:relative;padding-left:24px;margin-bottom:.9em}
.clanak-tekst ul li::before{content:"";position:absolute;left:2px;top:.72em;width:7px;height:7px;background:var(--petrol-hover)}
.clanak-tekst hr{border:0;width:48px;height:2px;background:var(--linija);margin:2.4em auto}
.clanak-video{border-radius:12px;margin:2em 0 1.4em}
.autorica{max-width:720px;margin:24px auto 72px;padding:0 24px;display:grid;grid-template-columns:96px 1fr;gap:28px;align-items:center}
.autorica::before{content:"";grid-column:1/-1;height:1px;background:var(--bez);margin-bottom:12px}
.autorica img{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--bez)}
.autorica-ime{font-family:'Playfair Display',serif;font-weight:700;font-size:1.3rem;color:var(--tekst);margin:4px 0 6px}
.autorica-tekst{font-size:.92rem;font-weight:300;line-height:1.7;color:var(--siva);margin-bottom:10px}
.autorica-link{font-size:14px;font-weight:600;color:var(--petrol)}
.blog-jos{background:#fff;padding:80px 40px}
.blog-jos-naslov{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--tekst);margin-bottom:40px}
.blog-jos .blog-kartica{box-shadow:0 2px 20px rgba(0,0,0,.08)}
.blog-jos-sve{text-align:center;margin-top:44px}
@media (max-width:768px){.clanak-glava{padding:44px 20px 110px}.clanak-slika{margin-top:-80px;padding:0 16px}.clanak-tekst{padding:40px 20px 8px;font-size:1rem}.clanak-tekst > p:first-child{font-size:1.08rem}.autorica{grid-template-columns:72px 1fr;gap:18px;margin-bottom:48px}.autorica img{width:72px;height:72px}.blog-jos{padding:60px 20px}}

/* ---------- Kontakt i česta pitanja ---------- */
.kontakt-uvod{max-width:560px;margin:14px auto 0;font-size:1rem;font-weight:300;line-height:1.7;color:var(--siva)}
.kontakt-sekcija{max-width:1100px;margin:0 auto;padding:56px 24px 24px}
.kontakt-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kontakt-kartica{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--bez);border-radius:12px;padding:30px 28px;box-shadow:0 2px 16px rgba(0,0,0,.05);text-decoration:none;color:var(--tekst);transition:transform .3s ease,box-shadow .3s ease}
a.kontakt-kartica:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.10);color:var(--tekst)}
.kontakt-ikona{width:48px;height:48px;border-radius:50%;background:var(--krem);color:var(--petrol);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.kontakt-naslov{font-family:'Playfair Display',serif;font-weight:700;font-size:1.25rem}
.kontakt-vrijednost{font-size:.95rem;color:var(--siva);word-break:break-word}
.kontakt-akcija{margin-top:auto;padding-top:10px;font-size:14px;font-weight:600;color:var(--petrol)}
.kontakt-mreze{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:4px}
.kontakt-mreze a{font-size:.92rem;font-weight:500;color:var(--petrol);text-decoration:none;border-bottom:1px solid var(--bez)}
.kontakt-mreze a:hover{border-color:var(--petrol)}
.kontakt-suradnja{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--petrol);color:#fff;border-radius:12px;padding:36px 40px;margin-top:32px}
.kontakt-suradnja .lm-nadnaslov{color:rgba(255,255,255,.6)}
.kontakt-suradnja-naslov{font-family:'Playfair Display',serif;font-weight:700;font-size:1.6rem;margin:8px 0 10px}
.kontakt-suradnja-tekst{font-size:.95rem;font-weight:300;line-height:1.7;color:rgba(255,255,255,.8);max-width:620px}
.kontakt-suradnja .dugme{background:#fff;color:var(--petrol);flex:0 0 auto}
.kontakt-suradnja .dugme:hover{background:rgba(255,255,255,.85);color:var(--petrol)}
.faq-sekcija{background:var(--krem);padding:72px 24px 88px;margin-top:56px}
.faq-unutra{max-width:820px;margin:0 auto}
.faq-unutra > .lm-nadnaslov{text-align:center}
.faq-naslov{text-align:center;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--tekst);margin:10px 0 36px}
.faq-lista{display:flex;flex-direction:column;gap:12px}
.faq-stavka{background:#fff;border:1px solid var(--bez);border-radius:12px;overflow:hidden}
.faq-stavka summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;font-weight:600;font-size:1rem;color:var(--tekst)}
.faq-stavka summary::-webkit-details-marker{display:none}
.faq-stavka summary::after{content:"";flex:0 0 12px;width:12px;height:12px;border-right:2px solid var(--petrol);border-bottom:2px solid var(--petrol);transform:rotate(45deg) translate(-3px,-3px);transition:transform .25s ease}
.faq-stavka[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq-stavka[open] summary{color:var(--petrol)}
.faq-odgovor{padding:0 24px 22px;font-size:.98rem;font-weight:300;line-height:1.8;color:#3A352F}
.faq-odgovor a,.faq-jos a{color:var(--petrol);text-decoration:underline;text-underline-offset:3px;font-weight:500}
.faq-jos{text-align:center;margin-top:32px;font-size:.95rem;color:var(--siva)}
@media (max-width:900px){.kontakt-mreza{grid-template-columns:1fr}.kontakt-suradnja{flex-direction:column;align-items:flex-start;padding:30px 26px}}
@media (max-width:600px){.kontakt-sekcija{padding:40px 20px 16px}.faq-sekcija{padding:56px 20px 64px;margin-top:40px}.faq-stavka summary{padding:18px 20px}.faq-odgovor{padding:0 20px 20px}}

/* ---------- Upitnik za suradnju ---------- */
.upitnik-naslov{max-width:760px;margin-left:auto;margin-right:auto;font-size:clamp(1.7rem,3.4vw,2.5rem)!important;line-height:1.25}
.upitnik-sekcija{max-width:1100px;margin:0 auto;padding:56px 24px 88px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:56px;align-items:start}
.upitnik-strana{position:sticky;top:calc(var(--visina-zaglavlja) + 24px);display:flex;flex-direction:column;gap:16px;font-size:.95rem;font-weight:300;line-height:1.7;color:#3A352F}
.upitnik-strana img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px rgba(0,0,0,.12)}
.upitnik-napomena{font-size:.85rem;color:var(--siva);border-left:3px solid var(--bez);padding-left:12px}
.upitnik-kartica{background:#fff;border:1px solid var(--bez);border-radius:12px;padding:36px 36px 40px;box-shadow:0 2px 16px rgba(0,0,0,.05)}
.upitnik-forma{display:flex;flex-direction:column;gap:26px}
.upitnik-forma .polje{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}
.upitnik-forma label[for],.upitnik-forma legend{font-weight:600;font-size:.98rem;color:var(--tekst);line-height:1.5;padding:0}
.upitnik-forma legend{margin-bottom:10px}
.upitnik-forma label span[aria-hidden],.upitnik-forma legend span[aria-hidden]{color:#9C3A2A}
.upitnik-forma input[type=text],.upitnik-forma input[type=tel],.upitnik-forma input[type=email],.upitnik-forma textarea{width:100%;font-family:'Poppins',sans-serif;font-size:1rem;font-weight:400;color:var(--tekst);background:#fff;border:1px solid var(--linija);border-radius:8px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}
.upitnik-forma textarea{resize:vertical;min-height:84px}
.upitnik-forma input:focus,.upitnik-forma textarea:focus{outline:0;border-color:var(--petrol);box-shadow:0 0 0 3px rgba(20,60,60,.12)}
.izbori{display:flex;flex-wrap:wrap;gap:10px}
.izbori label{cursor:pointer;position:relative}
.izbori input{position:absolute;opacity:0;pointer-events:none}
.izbori label span{display:inline-block;padding:10px 18px;border:1px solid var(--linija);border-radius:40px;font-size:.93rem;color:var(--tekst);background:#fff;transition:all .2s ease}
.izbori label:hover span{border-color:var(--petrol)}
.izbori input:checked + span{background:var(--petrol);border-color:var(--petrol);color:#fff}
.izbori input:focus-visible + span{box-shadow:0 0 0 3px rgba(20,60,60,.2)}
.izbori.kvadratici label span{border-radius:8px}
.izbori.kvadratici input:checked + span::before{content:"✓ "}
.polje.greska input[type=text],.polje.greska input[type=tel],.polje.greska input[type=email],.polje.greska select,.polje.greska textarea,.polje.greska .izbori label span{border-color:#B5503C}
.polje-greska{font-size:.85rem;color:#9C3A2A;margin:0}
.upitnik-greske{background:#FBF3F1;border:1px solid #EBC9C0;color:#7A2E20;border-radius:8px;padding:12px 16px;font-size:.92rem}
.upitnik-skriveno{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.upitnik-posalji{align-self:flex-start;border:0;cursor:pointer;font-size:16px;padding:16px 44px}
.upitnik-posalji:disabled{opacity:.6;cursor:default}
.upitnik-hvala{display:flex;flex-direction:column;gap:16px;align-items:flex-start;font-size:1rem;font-weight:300;line-height:1.8;color:#3A352F}
.upitnik-hvala[hidden],.upitnik-forma[hidden],.polje[hidden],.upitnik-greske[hidden]{display:none!important}
.upitnik-hvala-naslov{font-family:'Playfair Display',serif;font-weight:700;font-size:2rem;color:var(--petrol)}
.upitnik-hvala strong{color:var(--tekst);font-weight:600}
@media (max-width:900px){.upitnik-sekcija{grid-template-columns:1fr;gap:32px}.upitnik-strana{position:static;max-width:520px}}
@media (max-width:600px){.upitnik-sekcija{padding:32px 16px 64px}.upitnik-kartica{padding:24px 18px 28px}.upitnik-posalji{width:100%}}

/* ---------- Pravne stranice ---------- */
.pravna-glava{background:var(--krem);text-align:center;padding:64px 20px 56px}
.pravna-glava h1{font-size:clamp(2rem,4vw,2.8rem);color:var(--tekst);margin-top:12px}
.pravna-tekst{padding-bottom:80px}
.pravna-tekst h2{font-style:normal;font-weight:700;font-size:1.35rem;color:var(--tekst)}
.pravna-tekst h3{font-size:1.02rem}
.pravna-tekst p{margin-bottom:.9em}
.pravna-tekst > p:first-child{font-size:inherit;color:var(--siva)}

/* ---------- Prijava za mentorstvo (dodatno uz upitnik) ---------- */
.prijava-sekcija{margin:34px 0 -6px;font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--siva)}
.prijava-sekcija:first-of-type{margin-top:8px}
.polje-drugi{margin-top:12px}
.polje-pomoc{margin-top:8px;font-size:.82rem;line-height:1.5;color:var(--siva)}
.pm-opciono{font-weight:400;font-size:.86em;color:var(--siva)}
.polje-broj{margin-top:6px;text-align:right;font-size:.78rem;color:var(--siva);font-variant-numeric:tabular-nums}
.polje select{width:100%;padding:12px 14px;border:1px solid var(--linija);border-radius:8px;background:#fff;font:inherit;color:var(--tekst)}
.polje-pristanak{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.5}
.polje-pristanak input{margin-top:3px}
.prijava-upozorenje{margin-top:12px;padding:12px 14px;border-radius:8px;background:#FBF3F1;color:#8A3524;font-size:.88rem;line-height:1.5}
.upitnik-strana img{border-radius:12px}

/* ---------- Kraj članka: pitanje, dijeljenje, autorica, WhatsApp kanal ---------- */
.clanak-kraj{max-width:720px;margin:0 auto;padding:0 24px 72px}
.clanak-pitanje{padding:28px 0;border-top:1px solid var(--bez);font-size:1rem;line-height:1.7;color:var(--tekst)}
.clanak-pitanje a{font-weight:600;color:var(--petrol);border-bottom:1px solid var(--petrol)}
.podijeli{padding:24px 0 32px;border-top:1px solid var(--bez)}
.podijeli-dugmad{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.podijeli-dugme{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border:0;border-radius:10px;background:var(--krem);color:var(--tekst);font-family:"Poppins",sans-serif;font-size:.86rem;font-weight:500;cursor:pointer;transition:background .25s ease,transform .25s ease}
.podijeli-dugme:hover{background:var(--bez);color:var(--tekst);transform:translateY(-2px)}
.podijeli-dugme svg{width:18px;height:18px;flex:0 0 auto}
.podijeli-poruka{margin-top:12px;font-size:.88rem;color:var(--petrol)}
.podijeli-poruka[hidden]{display:none}
.autorica-okvir{border:1px solid var(--bez);border-radius:14px;overflow:hidden}
.autorica-okvir .autorica{max-width:none;margin:0;padding:28px 30px;background:var(--krem);gap:24px;align-items:start}
.autorica-okvir .autorica::before{display:none}
.autorica-okvir .autorica-ime{font-style:italic;margin-top:0}
.autorica-mreze{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:.88rem}
.autorica-mreze a{color:var(--petrol);border-bottom:1px solid var(--linija)}
.autorica-mreze a:hover{border-color:var(--petrol)}
.kanal{padding:28px 30px 32px;background:#fff}
.kanal-naslov{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:700;color:var(--petrol);margin:6px 0 8px}
.kanal-tekst{font-size:.95rem;font-weight:300;line-height:1.7;color:var(--siva);margin-bottom:18px}
.kanal-dugme{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:8px;background:var(--petrol);color:#fff;font-size:.95rem;font-weight:600;transition:background .25s ease}
.kanal-dugme:hover{background:var(--petrol-hover);color:#fff}
.kanal-dugme svg{width:20px;height:20px}
@media (max-width:768px){
  .clanak-kraj{padding:0 20px 56px}
  .autorica-okvir .autorica{padding:22px 20px;grid-template-columns:64px 1fr;gap:16px}
  .autorica-okvir .autorica img{width:64px;height:64px}
  .kanal{padding:22px 20px 26px}
  .podijeli-dugme span{font-size:.88rem}
}
@media (min-width:769px){.podijeli-dugmad{flex-wrap:nowrap}.podijeli-dugme{white-space:nowrap;flex:0 1 auto}}
.pm-kartice{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.pm-kartica{cursor:pointer;display:flex}
.pm-kartica input{position:absolute;opacity:0;pointer-events:none}
.pm-kartica-okvir{position:relative;flex:1;display:flex;flex-direction:column;gap:4px;padding:20px 52px 20px 22px;border:1px solid var(--linija);border-radius:12px;background:#fff;transition:border-color .25s ease,box-shadow .25s ease}
.pm-kartica:hover .pm-kartica-okvir{border-color:var(--petrol)}
.pm-kartica input:checked + .pm-kartica-okvir{border-color:var(--petrol);box-shadow:0 0 0 2px rgba(20,60,60,.18)}
.pm-kartica-naziv{font-weight:600;font-size:1rem;color:var(--tekst)}
.pm-kartica-cijena{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:700;color:var(--petrol)}
.pm-kartica-rsd{font-size:.82rem;color:var(--siva)}
.pm-kartica-opis{margin-top:6px;font-size:.88rem;line-height:1.6;color:var(--siva)}
.pm-mentorstvo{display:flex;flex-direction:column;gap:22px;padding:22px 22px 24px;border:1px solid var(--linija);border-radius:12px;background:var(--krem)}
.pm-mentorstvo[hidden]{display:none}
.af-nalog span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Pojedinačni tekst: glavni dio i desni side bar ---------- */
.clanak-raspored{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.clanak-glavni{min-width:0}
.clanak-glavni .clanak-tekst,.clanak-glavni .clanak-kraj{max-width:none;margin:0;padding-left:0;padding-right:0}
.clanak-strana{position:sticky;top:calc(var(--visina-zaglavlja) + 24px);display:grid;gap:20px;margin-top:56px}
.vidget{background:var(--krem);border:1px solid var(--bez);border-radius:14px;padding:22px 22px 24px}
.vidget-slika{width:100%;height:auto;border-radius:10px;margin-bottom:16px;display:block}
.vidget-naslov{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:700;line-height:1.3;color:var(--petrol);margin:6px 0 8px}
.vidget-tekst{font-size:.9rem;font-weight:300;line-height:1.7;color:var(--siva)}
.vidget-forma{margin-top:14px}
.vidget-forma:empty{display:none}
.vidget-dugme{display:inline-block;margin-top:16px;padding:12px 20px;border-radius:8px;background:var(--petrol);color:#fff;font-size:.9rem;font-weight:600;text-align:center}
.vidget-dugme:hover{background:var(--petrol-hover);color:#fff}
@media (max-width:1023px){
  .clanak-raspored{grid-template-columns:1fr;gap:40px;max-width:760px;padding:0 20px}
  .clanak-strana{position:static;margin-top:0;max-width:520px;width:100%}
}
.pm-kartica-okvir::after{content:"";position:absolute;top:20px;right:20px;width:22px;height:22px;border-radius:50%;border:1px solid var(--linija);background:#fff;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.pm-kartica input:checked + .pm-kartica-okvir{border-color:var(--petrol);box-shadow:0 0 0 2px var(--petrol);background:#fff}
.pm-kartica input:checked + .pm-kartica-okvir::after{background:var(--petrol);border-color:var(--petrol);box-shadow:inset 0 0 0 3px #fff}
.pm-kartica input:focus-visible + .pm-kartica-okvir{outline:3px solid rgba(20,60,60,.28);outline-offset:3px}

/* ---------- "Pročitajte još": traka koja se pomera levo i desno ---------- */
.blog-jos-glava{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.blog-jos-glava .blog-jos-naslov{margin:0}
.blog-strelice{display:flex;gap:10px}
.blog-strelica{width:44px;height:44px;border:1px solid var(--linija);border-radius:50%;background:#fff;color:var(--petrol);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s ease,border-color .25s ease,opacity .25s ease}
.blog-strelica svg{width:20px;height:20px}
.blog-strelica:hover{background:var(--petrol);border-color:var(--petrol);color:#fff}
.blog-strelica[disabled]{opacity:.35;cursor:default}
.blog-strelica[disabled]:hover{background:#fff;border-color:var(--linija);color:var(--petrol)}
.blog-traka{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 16px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:var(--linija) transparent}
.blog-traka::-webkit-scrollbar{height:6px}
.blog-traka::-webkit-scrollbar-thumb{background:var(--linija);border-radius:3px}
.blog-traka > a{flex:0 0 320px;max-width:320px;scroll-snap-align:start}
@media (max-width:600px){.blog-traka > a{flex-basis:78vw;max-width:78vw}.blog-strelice{display:none}}