.post-hero{position:relative;padding:158px 0 70px;background:#14100b;color:#fff;overflow:hidden}
.post-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(20,16,11,.95),rgba(20,16,11,.72)),url('/assets/web/topo-pattern.png') center/560px repeat}
.post-hero .wrap{position:relative;z-index:1}
.post-hero :is(h1,h2){font-size:clamp(32px,4.4vw,56px);line-height:1.06;margin-top:16px;max-width:900px}
.crumbs{display:flex;gap:10px;align-items:center;font-size:14px;color:rgba(255,255,255,.6);flex-wrap:wrap}
.pmeta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:22px;font-size:14.5px;color:rgba(255,255,255,.75)}
.pmeta i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.35)}
.featured{margin:-46px auto 0;max-width:1000px;padding:0 5vw;position:relative;z-index:2}
.featured .fx{border-radius:22px;overflow:hidden;box-shadow:0 34px 70px -34px rgba(20,22,24,.5);background:var(--soft);aspect-ratio:16/9}
.featured img{width:100%;height:100%;object-fit:cover;display:block}
.layout{max-width:1000px;margin:0 auto;padding:56px 5vw 0;display:grid;grid-template-columns:1fr 280px;gap:56px;align-items:start}
.prose p{font-size:18.5px;line-height:1.78;color:#3b3e44;margin:0 0 20px}
.prose h2{font-size:clamp(24px,2.6vw,32px);line-height:1.18;margin:38px 0 14px}
.prose ul{margin:0 0 22px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.prose li{display:flex;gap:12px;color:#3b3e44;font-size:17.5px;line-height:1.6}
.prose li svg{flex:0 0 auto;color:var(--orange);margin-top:4px}
.prose blockquote{margin:32px 0;padding:28px 30px;background:var(--soft);border-radius:18px;font-size:20px;line-height:1.6;font-weight:650;color:var(--ink);position:relative}
.prose blockquote:before{content:"„";position:absolute;left:16px;top:-6px;font-size:64px;color:var(--orange);opacity:.35;font-family:Georgia,serif}
.side{position:sticky;top:112px;display:flex;flex-direction:column;gap:18px}
.sbox{border:1px solid var(--line);border-radius:18px;padding:24px}
.sbox h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:14px}
.sbox a{display:block;padding:9px 0;font-size:15.5px;font-weight:600;border-bottom:1px solid var(--line)}
.sbox a:last-child{border-bottom:0}
.sbox.wa{background:linear-gradient(150deg,#f4933c,#d96808);border:0;color:#fff}
.sbox.wa h3{color:rgba(255,255,255,.85)}
.sbox.wa p{margin:0 0 16px;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.92)}
.sbox.wa a{display:inline-flex;background:#fff;color:var(--orange-d);border:0;border-radius:11px;padding:13px 20px;font-weight:800;font-size:15px}
.svc-cta{margin:46px 0 0;border:1px solid var(--line);border-radius:20px;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--soft)}
.svc-cta strong{display:block;font-size:20px;margin-bottom:4px}
.svc-cta span{color:var(--muted);font-size:15.5px}
.svc-cta a{flex:0 0 auto;background:var(--orange);color:#fff;border-radius:12px;padding:15px 24px;font-weight:750;font-size:16px;transition:.18s}
.svc-cta a:hover{background:var(--orange-d);color:#fff;transform:translateY(-2px)}
.nav-posts{max-width:1000px;margin:56px auto 0;padding:0 5vw;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.np{border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:8px;transition:.2s}
.np:hover{border-color:var(--orange);transform:translateY(-3px)}
.np span{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--orange-d)}
.np strong{font-size:18px;line-height:1.35}
.related{margin-top:80px;background:var(--soft);padding:76px 0}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.rcard{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.22s}
.rcard:hover{transform:translateY(-4px);box-shadow:0 20px 44px -26px rgba(20,22,24,.35)}
.rcard .rt{aspect-ratio:16/10;background:var(--soft)}
.rcard .rt img{width:100%;height:100%;object-fit:cover}
.rcard .rb{padding:20px;display:flex;flex-direction:column;gap:8px}
.rcard .rc{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--orange-d)}
.rcard strong{font-size:17px;line-height:1.35}
@media(max-width:1080px){.layout{grid-template-columns:1fr;gap:40px}.side{position:static}.rgrid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.post-hero{padding:126px 0 56px}.nav-posts,.rgrid{grid-template-columns:1fr}.svc-cta{flex-direction:column;align-items:flex-start}}

/* Slika unutar teksta clanka. */
.prose-img{margin:30px 0}
.prose-img img{width:100%;height:auto;border-radius:16px;display:block}
.prose-img figcaption{margin-top:10px;font-size:14.5px;color:var(--muted);text-align:center}