/* Ekologija.hr v2.4.2: approved editorial column promotion. Original portrait unchanged. */
.mh-preview-note{display:flex;justify-content:center;align-items:center;gap:24px;min-height:30px;padding:5px 16px;background:#eef2e6;border-bottom:1px solid #d7decf;color:#496345;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.03em}
.mh-preview-note a{color:#19462f;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#kolumne .mh-promo{--mh-ink:#0c362d;--mh-accent:#708e50;position:relative;isolation:isolate;display:block;overflow:hidden;min-height:320px;margin:15px 0 16px;background:#f8f7ef;border:1px solid #dce4d3;border-radius:12px;color:var(--mh-ink);text-decoration:none;box-shadow:0 5px 22px #173e2810;scroll-margin-top:125px;transition:border-color .18s ease,box-shadow .18s ease}
#kolumne .mh-promo *{box-sizing:border-box}
#kolumne .mh-promo-copy{position:relative;z-index:2;width:58%;padding:26px 26px 25px 30px}
#kolumne .mh-promo-kicker{display:flex;align-items:center;gap:14px;color:#718752;font:750 10px/1.3 var(--font-ui,Arial,sans-serif);letter-spacing:.2em}
#kolumne .mh-promo-kicker i{height:1px;width:62px;background:#a5b591;opacity:.9}
#kolumne .mh-promo-author{display:block;margin-top:11px;font:700 18px/1.2 var(--font-ui,Arial,sans-serif);letter-spacing:-.025em;color:#173d35}
#kolumne .mh-promo h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,2.9vw,41px);font-weight:700;line-height:1.06;letter-spacing:-.045em;color:#103a30;margin:16px 0 14px;text-wrap:balance;max-width:14ch}
#kolumne .mh-promo h3 em{color:#708a4d;font-weight:500}
#kolumne .mh-promo-copy p{font:400 14px/1.5 var(--font-ui,Arial,sans-serif);color:#52655a;margin:0 0 18px;max-width:34ch;text-wrap:pretty}
#kolumne .mh-promo-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:42px;padding:10px 16px;background:#113e30;color:#fff;border-radius:7px;font:700 13px/1.3 var(--font-ui,Arial,sans-serif);box-shadow:0 2px 5px #0c2d2010}
#kolumne .mh-promo-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
#kolumne .mh-promo-photo{position:absolute;inset:0 0 0 auto;width:56%;overflow:hidden;z-index:0}
#kolumne .mh-promo-photo img{position:absolute;height:100%;width:146%;max-width:none;right:-7%;object-fit:cover;object-position:79% 31%;border-radius:0;display:block}
#kolumne .mh-promo-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8f7ef 0%,#f8f7eff0 5%,#f8f7ef88 20%,transparent 40%);pointer-events:none}
#kolumne .mh-promo-leaf{position:absolute;right:42%;bottom:-55px;width:133px;height:200px;z-index:1;fill:#9eb287;opacity:.22;pointer-events:none;transform:rotate(8deg)}
#kolumne .mh-promo-leaf .mh-leaf-vein{fill:none;stroke:#f8f7ef;stroke-width:8;stroke-linecap:round}
#kolumne .mh-promo:hover{border-color:#91ad6d;box-shadow:0 8px 24px #173e2820}
#kolumne .mh-promo:hover .mh-promo-cta{background:#1c583d}
#kolumne .mh-promo:focus-visible{outline:3px solid #719b37;outline-offset:4px}
#kolumne .mh-author-avatar{object-position:50% 42%;object-fit:cover}
@media(min-width:1600px){#kolumne .mh-promo h3{font-size:43px}}
@media(min-width:1024px) and (max-width:1199px){#kolumne .mh-promo h3{font-size:32px}#kolumne .mh-promo-copy{width:61%;padding:23px}#kolumne .mh-promo-copy p{font-size:13px}.mh-copy-break{display:none}#kolumne .mh-promo-photo{width:53%}}
@media(min-width:600px) and (max-width:1023px){#kolumne .mh-promo h3{font-size:38px}#kolumne .mh-promo-copy{width:58%}}
@media(max-width:599px){.mh-preview-note{font-size:9px;gap:10px;justify-content:space-between}.mh-preview-note>span{max-width:210px}
#kolumne .mh-promo{min-height:276px;margin:13px 0;border-radius:10px}
#kolumne .mh-promo-copy{width:63%;padding:21px 10px 21px 18px}
#kolumne .mh-promo-kicker{font-size:8px;gap:9px;letter-spacing:.14em}
#kolumne .mh-promo-kicker i{width:32px}
#kolumne .mh-promo-author{font-size:15px;margin-top:10px}
#kolumne .mh-promo h3{font-size:27px;line-height:1.04;margin:14px 0 13px;max-width:13ch}
#kolumne .mh-promo-copy p{font-size:12px;line-height:1.45;margin-bottom:15px;max-width:25ch}.mh-copy-break{display:none}
#kolumne .mh-promo-cta{font-size:11px;min-height:41px;gap:9px;padding:10px 12px;white-space:nowrap}
#kolumne .mh-promo-cta svg{width:16px;height:16px}
#kolumne .mh-promo-photo{width:52%}
#kolumne .mh-promo-photo img{width:155%;right:-12%;object-position:77% 28%}
#kolumne .mh-promo-photo::after{background:linear-gradient(90deg,#f8f7ef 0%,#f8f7efdc 4%,#f8f7ef44 18%,transparent 30%)}
#kolumne .mh-promo-leaf{right:32%;width:85px;bottom:-70px}
}
@media(max-width:374px){#kolumne .mh-promo h3{font-size:25px}#kolumne .mh-promo-copy{width:65%;padding-left:16px}#kolumne .mh-promo-photo{width:48%}}
@media(prefers-reduced-motion:reduce){#kolumne .mh-promo{transition:none}}

#kolumne .home-columns-grid #sanela-autorica{scroll-margin-top:125px}
#kolumne .home-columns-grid #sanela-autorica>img{object-position:center 26%}