/* SDP Kakanj v18 – four selectable article layouts; scoped to article only */
.sdp-article-v18{--ar:#e50037;--ink:#0c192c;--muted:#687589;background:#f6f8fb;color:var(--ink);padding:28px 20px 70px;overflow:hidden}
.sdp-article-v18 *{box-sizing:border-box}
.sdp-article-v18 .sdp-article-shell{max-width:1160px;margin:0 auto;min-width:0}
.sdp-article-v18 .sdp-article-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#7a8492;font-size:12px;margin:0 0 25px}
.sdp-article-v18 .sdp-article-breadcrumb a{color:#556073;text-decoration:none}
.sdp-article-v18 .sdp-article-heading{max-width:900px;margin-bottom:24px}
.sdp-article-v18 .sdp-article-label{display:inline-block;background:var(--ar);color:#fff;border-radius:5px;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.05em}
.sdp-article-v18 h1{font-size:clamp(28px,3.4vw,48px);line-height:1.13;letter-spacing:-.035em;margin:14px 0 15px;font-weight:850;color:var(--ink);overflow-wrap:anywhere}
.sdp-article-v18 .sdp-article-date{font-size:13px;color:var(--muted);margin:0}
.sdp-article-v18 .sdp-article-date span{margin:0 8px}
.sdp-article-v18 .sdp-article-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,.68fr);grid-template-areas:'media sidebar' 'copy sidebar';align-items:start;gap:22px 30px}
.sdp-article-v18 .sdp-article-media{grid-area:media;min-width:0}
.sdp-article-v18 .sdp-article-copy{grid-area:copy;min-width:0}
.sdp-article-v18 .sdp-article-sidebar{grid-area:sidebar;min-width:0}
.sdp-article-v18 .sdp-article-cover{display:block;position:relative;overflow:hidden;width:100%;padding:0!important;border:0;border-radius:14px;background:#e5e9ee;cursor:zoom-in;box-shadow:0 8px 28px rgba(17,33,51,.08)}
.sdp-article-v18 .sdp-article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .3s}
.sdp-article-v18 .sdp-article-cover:hover img{transform:scale(1.025)}
.sdp-article-v18 .sdp-article-expand{position:absolute;right:14px;top:14px;background:rgba(5,12,24,.7);color:#fff;border-radius:7px;padding:6px 10px}
.sdp-article-v18 .sdp-article-gallery{margin-top:16px}
.sdp-article-v18 .sdp-gallery-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.sdp-article-v18 .sdp-gallery-top h2{font-size:16px;margin:0;color:var(--ink)}
.sdp-article-v18 .sdp-gallery-top span{font-size:12px;color:var(--muted)}
.sdp-article-v18 .sdp-article-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sdp-article-v18 .sdp-article-thumbs button{border:0;padding:0;background:#e5e9ef;border-radius:9px;overflow:hidden;cursor:zoom-in;min-width:0}
.sdp-article-v18 .sdp-article-thumbs img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .2s}
.sdp-article-v18 .sdp-article-thumbs button:hover img{transform:scale(1.06)}
.sdp-article-v18 .sdp-article-copy{background:#fff;padding:25px 30px;border-radius:14px;box-shadow:0 6px 25px rgba(15,35,55,.05)}
.sdp-article-v18 .sdp-article-lead{font-size:clamp(16px,1.6vw,19px);font-weight:650;line-height:1.65;color:#192438;margin:0 0 20px}
.sdp-article-v18 .sdp-article-body{font-size:16px;line-height:1.85;color:#334054;overflow-wrap:anywhere}
.sdp-article-v18 .sdp-article-body p{margin:0 0 16px}
.sdp-article-v18 .sdp-article-body img{max-width:100%;height:auto}
.sdp-article-v18 .sdp-article-share{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid #e9edf2}
.sdp-article-v18 .sdp-article-share strong{font-size:13px;margin-right:5px}
.sdp-article-v18 .sdp-article-share a,.sdp-article-v18 .sdp-article-share button{background:#fff1f4;color:#c50031;border:0;border-radius:7px;padding:9px 11px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
.sdp-article-v18 .sdp-article-sidebar{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 25px rgba(15,35,55,.06)}
.sdp-article-v18 .sdp-article-sidebar h2{font-size:17px;margin:0 0 15px}
.sdp-article-v18 .sdp-related-card{display:flex;align-items:start;gap:11px;padding:13px 0;border-bottom:1px solid #edf0f4;text-decoration:none;color:var(--ink)}
.sdp-article-v18 .sdp-related-card img{width:90px;min-width:90px;height:68px;object-fit:cover;border-radius:7px}
.sdp-article-v18 .sdp-related-card span{min-width:0}
.sdp-article-v18 .sdp-related-card small{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
.sdp-article-v18 .sdp-related-card strong{font-size:12px;line-height:1.35;display:block}
.sdp-article-v18 .sdp-all-news{display:inline-block;margin-top:17px;color:var(--ar);font-weight:750;font-size:13px;text-decoration:none}
/* 1: full-width editorial hero */
.sdp-article-hero .sdp-article-hero{position:relative;min-height:clamp(300px,42vw,520px);display:flex;align-items:end;background-image:linear-gradient(90deg,rgba(12,20,32,.83),rgba(100,8,30,.55) 50%,rgba(0,0,0,.1)),var(--article-hero);background-size:cover;background-position:center;border-radius:16px;overflow:hidden;margin-bottom:26px;padding:clamp(22px,5vw,58px)}
.sdp-article-hero .sdp-article-hero-content{max-width:780px;position:relative;z-index:1}
.sdp-article-hero .sdp-article-hero h1{color:#fff;font-size:clamp(29px,4vw,55px)}
.sdp-article-hero .sdp-article-hero .sdp-article-date{color:#fff}
.sdp-article-hero .sdp-article-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,.85fr);grid-template-areas:'copy media' 'copy sidebar'}
/* 2: classic modern portal is base */
/* 3: magazine, story left and visual right */
.sdp-article-magazine .sdp-article-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:'copy media' 'sidebar media'}
.sdp-article-magazine .sdp-article-heading{max-width:960px}
.sdp-article-magazine .sdp-article-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sdp-article-magazine .sdp-article-sidebar h2,.sdp-article-magazine .sdp-all-news{grid-column:1/-1}
.sdp-article-magazine .sdp-related-card{display:block;border:0;padding:0}
.sdp-article-magazine .sdp-related-card img{width:100%;height:95px;margin-bottom:8px}
/* 4: elegant visual on left, story on right */
.sdp-article-elegant .sdp-article-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:'media copy' 'sidebar copy'}
.sdp-article-elegant .sdp-article-sidebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sdp-article-elegant .sdp-article-sidebar h2,.sdp-article-elegant .sdp-all-news{grid-column:1/-1}
.sdp-article-elegant .sdp-related-card{display:block;border:0;padding:0}
.sdp-article-elegant .sdp-related-card img{width:100%;height:90px;margin-bottom:8px}
@media(max-width:850px){.sdp-article-v18 .sdp-article-layout,.sdp-article-hero .sdp-article-layout,.sdp-article-magazine .sdp-article-layout,.sdp-article-elegant .sdp-article-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'media' 'copy' 'sidebar';gap:20px}.sdp-article-v18 .sdp-article-sidebar{display:block}.sdp-article-v18 .sdp-related-card{display:flex}.sdp-article-v18 .sdp-related-card img{width:90px;height:68px}.sdp-article-v18 .sdp-article-heading{max-width:100%}}
@media(max-width:540px){.sdp-article-v18{padding:22px 14px 45px}.sdp-article-v18 h1{font-size:clamp(26px,7vw,35px)}.sdp-article-v18 .sdp-article-copy{padding:20px 17px}.sdp-article-v18 .sdp-article-body{font-size:15px}.sdp-article-v18 .sdp-article-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.sdp-article-hero .sdp-article-hero{padding:22px;min-height:340px}.sdp-article-hero .sdp-article-hero h1{font-size:clamp(26px,7vw,36px)}}

/* Tema 1 – zaseban fotografski prikaz; ostale tri teme ostaju nepromijenjene */
body .sdp-article-v18.sdp-article-hero{padding:0 0 76px;background:#f7f9fc;overflow:clip}
body .sdp-article-v18.sdp-article-hero .sdp-article-shell{max-width:none;width:100%}
body .sdp-article-v18.sdp-article-hero .sdp-article-breadcrumb{position:absolute;z-index:3;left:max(28px,calc((100% - 1160px)/2));top:auto;margin-top:22px;color:#fff;text-shadow:0 1px 5px #111;max-width:calc(100% - 48px)}
body .sdp-article-v18.sdp-article-hero .sdp-article-breadcrumb a{color:#fff}
body .sdp-article-v18.sdp-article-hero header.sdp-article-hero{position:relative;display:flex;align-items:flex-end;min-height:clamp(390px,36vw,550px);margin:0;padding:100px max(28px,calc((100% - 1160px)/2)) 44px;border-radius:0;overflow:hidden;background:#162032;isolation:isolate}
body .sdp-article-v18.sdp-article-hero .sdp-article-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;z-index:-2}
body .sdp-article-v18.sdp-article-hero header.sdp-article-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(211,0,47,.93) 0%,rgba(111,0,27,.78) 31%,rgba(10,15,22,.31) 67%,rgba(0,0,0,.08) 100%);z-index:-1}
body .sdp-article-v18.sdp-article-hero .sdp-article-hero-content{width:min(760px,100%);max-width:760px;position:relative;z-index:1}
body .sdp-article-v18.sdp-article-hero .sdp-article-hero-content h1{color:#fff;font-size:clamp(29px,3.9vw,57px);line-height:1.07;letter-spacing:-.035em;margin:16px 0 21px;text-wrap:balance;overflow-wrap:break-word}
body .sdp-article-v18.sdp-article-hero .sdp-article-hero-content .sdp-article-date{color:#fff;font-size:14px}
body .sdp-article-v18.sdp-article-hero .sdp-article-layout{max-width:1160px;margin:26px auto 0;padding:0 18px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);grid-template-areas:'copy sidebar';gap:26px;align-items:start}
body .sdp-article-v18.sdp-article-hero .sdp-article-media{display:none}
body .sdp-article-v18.sdp-article-hero .sdp-article-copy{grid-area:copy;background:transparent;box-shadow:none;padding:15px 10px 20px 12px;border-radius:0}
body .sdp-article-v18.sdp-article-hero .sdp-article-lead{font-size:clamp(18px,1.6vw,21px);font-weight:750;line-height:1.45;margin:0 0 22px}
body .sdp-article-v18.sdp-article-hero .sdp-article-body{font-size:16px;line-height:1.8}
body .sdp-article-v18.sdp-article-hero .sdp-article-sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:18px;padding:0;background:transparent;box-shadow:none}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery,body .sdp-article-v18.sdp-article-hero .sdp-related-news{background:#fff;border:1px solid #e9edf2;box-shadow:0 8px 26px rgba(12,25,44,.06);padding:18px;border-radius:14px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-gallery-top{margin-bottom:14px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-gallery-top h2{font-size:16px;margin:0}
body .sdp-article-v18.sdp-article-hero .sdp-article-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body .sdp-article-v18.sdp-article-hero .sdp-article-thumbs button{position:relative;aspect-ratio:4/3}
body .sdp-article-v18.sdp-article-hero .sdp-article-thumbs img{height:100%;aspect-ratio:auto}
body .sdp-article-v18.sdp-article-hero .sdp-hero-more{position:absolute;inset:0;display:grid;place-items:center;background:#091322ad;color:#fff;font-size:24px;font-weight:800}
body .sdp-article-v18.sdp-article-hero .sdp-gallery-all{display:inline-block;margin-top:13px;color:#d60939;font-weight:750;text-decoration:none;font-size:13px}
body .sdp-article-v18.sdp-article-hero .sdp-related-news h2{margin:0 0 10px;font-size:17px}
body .sdp-article-v18.sdp-article-hero .sdp-related-card img{width:104px;min-width:104px;height:72px}
@media(max-width:800px){body .sdp-article-v18.sdp-article-hero .sdp-article-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'sidebar';padding:0 20px}body .sdp-article-v18.sdp-article-hero header.sdp-article-hero{min-height:410px;padding:100px 25px 35px}body .sdp-article-v18.sdp-article-hero .sdp-article-breadcrumb{left:25px}body .sdp-article-v18.sdp-article-hero .sdp-article-copy{padding:8px 0}body .sdp-article-v18.sdp-article-hero .sdp-article-sidebar{width:100%}}
@media(max-width:520px){body .sdp-article-v18.sdp-article-hero header.sdp-article-hero{min-height:390px;padding:105px 18px 30px}body .sdp-article-v18.sdp-article-hero .sdp-article-breadcrumb{left:18px;font-size:10px;gap:5px}body .sdp-article-v18.sdp-article-hero .sdp-article-hero-content h1{font-size:clamp(27px,8vw,38px)}body .sdp-article-v18.sdp-article-hero .sdp-article-layout{padding:0 14px}body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery,body .sdp-article-v18.sdp-article-hero .sdp-related-news{padding:14px}}

/* v18.3: tema 1 - galerija, povezane vijesti, citati */
body .sdp-article-v18.sdp-article-hero .sdp-article-sidebar{display:flex!important;flex-direction:column;gap:18px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery{display:block!important;background:#fff;border-radius:16px;padding:19px;border:1px solid #edf0f4;box-shadow:0 8px 26px rgba(12,25,44,.08)}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-gallery-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-gallery-top h2{margin:0;font-size:17px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-gallery-top span{font-size:12px;color:#687589}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-article-thumbs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-article-thumbs button{display:block!important;width:100%;min-width:0;aspect-ratio:4/3;overflow:hidden;border-radius:9px;padding:0;border:0;background:#e9edf2;cursor:zoom-in}
body .sdp-article-v18.sdp-article-hero .sdp-hero-gallery .sdp-article-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
body .sdp-article-v18.sdp-article-hero .sdp-gallery-view-all{display:block;width:100%;margin-top:14px;background:#e60039;color:#fff;border:0;border-radius:9px;padding:12px 16px;font-weight:750;cursor:pointer}
body .sdp-article-v18.sdp-article-hero .sdp-related-news{display:block;background:#fff;border-radius:16px;padding:19px;border:1px solid #edf0f4;box-shadow:0 8px 26px rgba(12,25,44,.06)}
body .sdp-article-v18.sdp-article-hero .sdp-related-news h2{font-size:17px;margin:0 0 12px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-pullquote{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(110deg,#fff0f3,#fff);border-left:4px solid #e60039;border-radius:0 12px 12px 0;margin:20px 0 25px;padding:19px 22px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-pullquote-mark{font-family:Georgia,serif;font-size:64px;line-height:.9;color:#e60039}
body .sdp-article-v18.sdp-article-hero .sdp-hero-pullquote small{display:block;font-size:10px;font-weight:850;letter-spacing:.12em;color:#ba173d;margin-bottom:7px}
body .sdp-article-v18.sdp-article-hero .sdp-hero-pullquote p{margin:0;font-size:16px;line-height:1.65;font-weight:650;color:#17233a}
body .sdp-article-v18 .sdp-article-body blockquote{margin:25px 0;padding:16px 20px;border-left:4px solid #e60039;background:#fff0f3;border-radius:0 10px 10px 0;font-size:1.13em;font-style:italic;color:#263147}
@media(max-width:800px){body .sdp-article-v18.sdp-article-hero .sdp-article-layout{grid-template-areas:'copy' 'sidebar'}}