/* ObrenovacInfo – stilovi izvučeni iz dizajna (Naslovna) */
body{margin:0;font-family:'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a;background:#eef1f6}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0f172a;outline-offset:2px}
h1,h2,h3,p{margin:0}
.vesti{--c:#1565C0}.hronika{--c:#C62828}.obrenovac{--c:#0D2B52}.sport{--c:#2E7D32}.kultura{--c:#6A1B9A}.zdravlje{--c:#00838F}.zabava{--c:#C24E00}.servis{--c:#F5B700;--t:#0f172a}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.tag{display:inline-block;background:var(--c);color:var(--t,#fff);font-weight:800;font-size:12px;line-height:1;padding:6px 10px;border-radius:99px}
.ph{background:linear-gradient(160deg,var(--c),#0b1220);border-radius:16px;overflow:hidden}
.lift{transition:transform .25s,box-shadow .25s}
.lift:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0f172a26}
.lift:hover .ph,.lift:hover .ov{filter:brightness(1.15)}
.lift:hover h3,.lift:hover h2{color:var(--c)}
.lift.ovc:hover h2,.lift.ovc:hover h3{color:#fff}
.nav{display:flex;gap:8px;overflow-x:auto;padding:10px 20px}
.nav a{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;background:#fff;font-weight:800;font-size:14px;box-shadow:inset 0 0 0 2px #e2e8f0;transition:background .2s,color .2s,box-shadow .2s}
.nav a:before{content:'';width:10px;height:10px;border-radius:50%;background:var(--c)}
.nav a:hover{background:var(--c);color:var(--t,#fff);box-shadow:none}
.nav a:hover:before{background:var(--t,#fff)}
.ad{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:12px;background:repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0 10px,#eef1f6 10px,#eef1f6 20px);color:#475569;font-weight:600;font-size:13px;text-align:center;max-width:100%;margin:0 auto}
.ad b{font-size:11px;letter-spacing:.5px}
.sec{display:flex;align-items:center;gap:12px;margin:36px 0 16px}
.sec h2{font-size:24px;font-weight:800}
.sec:before{content:'';width:8px;height:30px;border-radius:4px;background:var(--c)}
.sec a{margin-left:auto;font-weight:800;font-size:14px;color:var(--c);padding:8px 14px;border-radius:99px;background:#fff;transition:background .2s,color .2s}
.sec a:hover{background:var(--c);color:var(--t,#fff)}
.hero{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px;gap:16px;margin-top:8px}
.ov{position:relative;display:flex;align-items:flex-end;border-radius:20px;overflow:hidden;color:#fff;background:linear-gradient(160deg,var(--c),#0b1220);transition:filter .25s}
.ov>div{padding:22px 22px 66px;width:100%;box-sizing:border-box;background:linear-gradient(0deg,#0b1220d9,#0b122000)}
.ov h2{font-size:18px;line-height:1.25;margin-top:10px}
.big{grid-row:span 2}.big h2{font-size:32px;line-height:1.15}
.grid{display:grid;grid-template-columns:1fr 320px;gap:28px;margin-top:8px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.card{display:block;background:#fff;border-radius:18px;padding:10px 10px 16px}
.card .ph{aspect-ratio:16/10}
.card h3{font-size:16px;line-height:1.3;margin:12px 8px 6px;font-weight:800}
.card .tag,.card small{margin-left:8px}
small,.meta{color:#475569;font-size:13px}
.item{display:flex;gap:14px;align-items:center;background:#fff;border-radius:16px;padding:10px;margin-bottom:10px}
.item .ph{flex:0 0 110px;height:80px;border-radius:12px}
.item h3{font-size:16px;line-height:1.3;font-weight:800;margin:6px 0 4px}
.box{background:#fff;border-radius:20px;padding:18px;margin-bottom:20px}
.box h2{font-size:18px;font-weight:800;margin-bottom:12px}
.li{display:flex;gap:12px;align-items:center;padding:10px;margin:0 -10px;border-radius:12px;font-weight:600;font-size:15px;line-height:1.3;transition:background .2s}
.li:hover{background:#eef1f6}
.li i{flex:0 0 30px;height:30px;border-radius:50%;background:var(--c);color:var(--t,#fff);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:14px}
.zod{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.zod a{display:block;text-align:center;padding:10px 4px;border-radius:12px;background:#f1f5f9;font-weight:800;font-size:14px;transition:background .2s,color .2s,transform .2s}
.zod a small{display:block;font-weight:400;font-size:11px;color:inherit;opacity:.75;margin-top:2px}
.zod a:hover{background:#6A1B9A;color:#fff;transform:scale(1.05)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips a{padding:8px 12px;border-radius:99px;background:#f1f5f9;font-weight:600;font-size:13px;transition:background .2s,color .2s}
.chips a:hover{background:#0f172a;color:#fff}
.soc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.soc a{padding:12px;border-radius:12px;background:#0f172a;color:#fff;font-weight:800;font-size:18px;transition:background .2s}
.soc a:hover{background:#6A1B9A}
.soc small{display:block;color:#cbd5e1;font-weight:400;font-size:12px}
.kurs{width:100%;border-collapse:collapse;font-size:14px}.kurs td,.kurs th{padding:8px 4px;text-align:right;border-top:1px solid #e2e8f0}.kurs th:first-child,.kurs td:first-child{text-align:left}
.btn{padding:12px 18px;border-radius:99px;font-weight:800;font-size:14px;background:#0f172a;color:#fff;transition:background .2s}
.btn:hover{background:#C62828}
.btn.o{background:#fff;color:#0f172a;box-shadow:inset 0 0 0 2px #0f172a}.btn.o:hover{background:#0f172a;color:#fff}
.fcol a{display:block;padding:4px 0;color:#cbd5e1;transition:color .2s}.fcol a:hover{color:#fff}
.nav a.on{background:var(--c);color:var(--t,#fff);box-shadow:none}.nav a.on:before{background:var(--t,#fff)}
.strip{background:var(--c);color:var(--t,#fff)}
.subs{display:flex;gap:6px;overflow-x:auto;padding:10px 20px;max-width:1240px;margin:0 auto}
.subs a{flex:0 0 auto;padding:8px 14px;border-radius:99px;font-weight:600;font-size:14px;background:color-mix(in srgb,currentColor 16%,transparent);transition:background .2s,color .2s}
.subs a.all{font-weight:800;background:none;box-shadow:inset 0 0 0 2px currentColor}
.subs a:hover{background:#fff;color:var(--t,var(--c))}
.tick{display:flex;align-items:center;gap:12px;background:#fff6d6;border-radius:14px;padding:0 8px 0 16px;margin:20px 0;height:48px}
.tw{flex:1;min-width:0;height:48px;overflow:hidden}
.track{transition:transform .6s cubic-bezier(.6,0,.2,1)}
.ti{display:flex;align-items:center;gap:12px;height:48px;font-weight:800;white-space:nowrap;overflow:hidden;transition:color .2s}
.ti span{overflow:hidden;text-overflow:ellipsis;min-width:0}
.ti:hover{color:#C62828}
.cnt{font-weight:600;font-size:13px;color:#475569;white-space:nowrap}
.ar{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:#0f172a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.ar:hover{background:#0f172a;color:#fff}
.li .tx{display:block;min-width:0}
.li .mt{display:flex;gap:8px;align-items:center;margin-bottom:5px}
.li .mt small{font-weight:600}
.opt{display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:12px;background:#f1f5f9;font-weight:600;font-size:14px;line-height:1.3;margin-bottom:8px;cursor:pointer;transition:background .2s,color .2s}
.opt:hover{background:#e2e8f0}
.opt:has(input:checked){background:#0D2B52;color:#fff}
.opt input{accent-color:#F5B700;width:18px;height:18px;flex:0 0 18px;margin:0}
.more{display:block;text-align:center;margin-top:14px;font-weight:800;font-size:14px;color:#0D2B52;padding:10px;border-radius:12px;transition:background .2s,color .2s}
.more:hover{background:#0D2B52;color:#fff}
.li .tag{background:none;padding:0;border-radius:0;color:var(--c);font-size:12px}
.li .tag.servis{color:#8A6500}
.votes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.vote{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 8px;border-radius:12px;background:#f1f5f9;font-weight:800;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.vote:hover{background:#e2e8f0}
.vote input{position:absolute;opacity:0;width:0;height:0}
.vote:has(input:checked){background:#C24E00;color:#fff}
.vote:has(input:focus-visible){outline:3px solid #0f172a;outline-offset:2px}
.soc a{position:relative;overflow:hidden;padding:14px 12px;min-height:58px;box-sizing:border-box;transition:filter .2s,transform .2s}
.soc a b,.soc a small{position:relative;z-index:1}
.soc a small{color:#fff;opacity:.92;font-size:13px}
.soc a svg{position:absolute;right:-6px;bottom:-10px;width:68px;height:68px;fill:#fff;opacity:.25}
.soc a:hover{filter:brightness(1.12);transform:translateY(-2px)}
.soc a.fb{background:#1877F2}.soc a.ig{background:#C13584}.soc a.yt{background:#D00000}.soc a.vb{background:#7360F2}.soc a.tg{background:#1B7FB5;grid-column:span 2}
.soc a.fb:hover{background:#1877F2}.soc a.ig:hover{background:#C13584}.soc a.yt:hover{background:#D00000}.soc a.vb:hover{background:#7360F2}.soc a.tg:hover{background:#1B7FB5}
.act{display:flex;align-items:center;gap:2px;margin:12px 4px 0;padding-top:10px;border-top:1px solid #e2e8f0}
.ab{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:99px;font:600 13px 'Plus Jakarta Sans',Arial,sans-serif;color:#475569;cursor:pointer;background:none;border:0;transition:background .2s,color .2s}
.ab:hover{background:#eef1f6;color:#0f172a}
.ab input{position:absolute;opacity:0;width:0;height:0}
.ab:has(input:checked){background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c)}
.ab:has(input:focus-visible),.ab:focus-visible{outline:3px solid #0f172a;outline-offset:2px}
.sh{position:relative;margin-left:auto}
.tip{position:absolute;right:-4px;bottom:calc(100% + 10px);background:#0f172a;border-radius:14px;padding:8px;display:flex;gap:5px;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s,transform .2s,visibility .2s;z-index:6}
.tip:before{content:'';position:absolute;left:0;right:0;top:100%;height:12px}
.tip:after{content:'';position:absolute;right:18px;top:100%;border:6px solid transparent;border-top-color:#0f172a}
.sh:hover .tip,.sh:focus-within .tip{opacity:1;visibility:visible;transform:none}
.tip a{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px;transition:transform .2s}
.tip a:hover{transform:scale(1.12)}
.sl{position:absolute;inset:0;z-index:1}
.ov>div{position:relative;z-index:2;pointer-events:none}
.ov .act,.ov .act *{pointer-events:auto}
.ov .act{position:absolute;right:14px;bottom:14px;margin:0;padding:2px 4px;border-top:0;gap:0;border-radius:99px;background:#0b1220b8;backdrop-filter:blur(6px)}
.ov .ab{color:#fff}
.ov .ab:hover{background:#ffffff26;color:#fff}
.ov .ab:has(input:checked){background:#fff;color:#0f172a}
.item .act{margin:4px 0 0 -8px;padding-top:0;border-top:0}
.item .ab{padding:5px 8px}
.cards.servis .lift:hover h3{color:#8A6500}
.price{display:block;margin:6px 8px 0;font-weight:800;font-size:17px}
.cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#0f172a;color:#fff;border-radius:18px;padding:18px 22px;margin-top:16px}
.cta .btn{background:#F5B700;color:#0f172a}.cta .btn:hover{background:#fff}
.sos{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:14px 18px;font-weight:600}
.sos b{font-size:32px;font-weight:800;color:var(--c)}
.dir{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:18px;padding:16px;font-weight:800;font-size:15px}
.di{width:44px;height:44px;border-radius:12px;background:#F5B700;color:#0f172a;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.dir:hover .di{transform:rotate(-6deg) scale(1.08)}
@media(prefers-reduced-motion:reduce){.track{transition:none}.lift{transition:none}}
@media(max-width:1000px){.grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr 1fr;grid-template-rows:auto}.big{grid-column:span 2;grid-row:auto;min-height:340px}.ov{min-height:200px}.big h2{font-size:24px}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.big{grid-column:auto}.hide{display:none}}

/* ===== MOBILE ===== */
body{overflow-x:clip}
@media(hover:none){.lift:hover{transform:none;box-shadow:none}.ab{padding:9px 11px}.item .ab{padding:8px 9px}}
@media(max-width:768px){
.nav,.subs,.topbar{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.nav::-webkit-scrollbar,.subs::-webkit-scrollbar,.topbar::-webkit-scrollbar{display:none;width:0;height:0}
.nav{padding:8px 16px;gap:6px}
.nav a{padding:9px 14px;font-size:14px}
.subs{padding:8px 16px;gap:6px}
.subs a{padding:8px 13px}
.topbar{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap;font-size:12px}
.topbar span{flex:0 0 auto}
}
@media(max-width:600px){
.wrap{padding:0 16px}
header .wrap{padding-top:12px!important;padding-bottom:12px!important;gap:10px!important}
header a[href="#"]:first-child{font-size:26px!important;letter-spacing:-1px!important}
header form{flex:1 1 100%!important;max-width:none!important;min-width:0!important;order:3}
#q{font-size:16px!important;padding:11px 16px!important}
.ad{width:100%!important}
.ad[style*="height:600px"]{height:250px!important}
.tick{margin:14px 0;padding:0 6px 0 12px;gap:8px}
.ar{flex:0 0 34px;width:34px;height:34px}
.ti{font-size:14px}
.hero{gap:12px}
.big{min-height:280px}
.big h2{font-size:22px}
.ov{min-height:190px}
.ov>div{padding:18px 16px 62px}
.ov h2{font-size:17px}
.ov .act{right:10px;bottom:10px}
.sec{margin:28px 0 12px;gap:10px}
.sec h2{font-size:20px}
.sec:before{height:24px;width:6px}
.sec a{font-size:13px;padding:7px 12px;white-space:nowrap}
.item{gap:12px;padding:8px}
.item .ph,.item>a:first-child{flex-basis:92px!important}
.item .ph{height:72px}
.item h3{font-size:15px}
.act{flex-wrap:wrap}
.card h3{font-size:15px}
.box{padding:16px;border-radius:18px}
.cta{padding:16px;gap:12px}
.cta>span{flex:1 1 100%}
.cta .btn{flex:1 1 100%;text-align:center;box-sizing:border-box;padding:14px 18px}
.sos{padding:12px 14px}
.sos b{font-size:28px}
.grid{gap:20px}
.fcol{min-width:0}
}
@media(max-width:380px){.hero .ov h2{font-size:16px}.nav a{font-size:13px;padding:8px 12px}.soc a{font-size:16px}}

/* ===== MOBILE HEADER BUTTONS + TAB BAR ===== */
.tabs{display:none}
@media(max-width:768px){
header .hbtn.hide{display:flex!important;flex:1 1 100%;order:4;gap:8px}
.hbtn .btn{flex:1 1 0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:38px;padding:0 8px;font-size:13px;white-space:nowrap}
#najnovije{scroll-margin-top:130px}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
.tabs{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;filter:drop-shadow(0 -3px 10px #0f172a26);pointer-events:none}
.tb{position:relative;display:grid;grid-template-columns:1fr 72px 1fr;align-items:end;background:#fff;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);pointer-events:auto}
.tb:before{content:'';position:absolute;left:50%;top:-12px;width:68px;height:30px;margin-left:-34px;background:#fff;border-radius:34px 34px 0 0}
.tl{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:62px;color:#475569;font-weight:800;font-size:12px}
.tl:active{color:#C62828}
.tc{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:62px;padding-bottom:0;color:#475569;font-weight:800;font-size:12px}
.tc i svg{width:22px;height:22px}
.tc i{position:absolute;left:50%;top:-16px;width:46px;height:46px;margin-left:-23px;border-radius:50%;background:#C62828;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #fff,0 4px 10px #c6282844}
.tc span{position:relative;color:#C62828}
.tl:focus-visible,.tc:focus-visible{outline:3px solid #0f172a;outline-offset:-3px}
}
@media(min-width:769px){.tabs{display:none!important}}

/* ===== HEADER BUTTONS (final) ===== */
.hbtn .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;height:44px}
.hbtn .ib{width:44px;padding:0}
.hbtn .ib .bl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hbtn .sv svg{display:none}
.hbtn .sv{padding:0 20px}
@media(max-width:768px){
header .hbtn.hide{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hbtn .btn,.hbtn .ib,.hbtn .sv{width:auto;min-width:0;height:40px;padding:0 6px;gap:6px;font-size:13px}
.hbtn .ib .bl{position:static;width:auto;height:auto;overflow:visible;clip:auto}
.hbtn .sv svg{display:block}
.hbtn svg{flex:0 0 16px;width:16px;height:16px}
}

/* ===== FINAL: header buttons equal text + slim wave tab bar ===== */
@media(max-width:768px){
.hbtn .btn,.hbtn .btn span{font-family:'Plus Jakarta Sans',Arial,sans-serif!important;font-size:12px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important}
.hbtn .btn{padding:0 4px!important;gap:5px!important;overflow:hidden}
.hbtn svg{flex:0 0 15px!important;width:15px!important;height:15px!important}
.tb{height:calc(52px + env(safe-area-inset-bottom));grid-template-columns:1fr 92px 1fr}
.tb:before{top:-9px;width:104px;height:30px;margin-left:-52px;border-radius:52px 52px 0 0/30px 30px 0 0}
.tl,.tc{height:52px;font-size:11px;gap:2px}
.tl svg{width:22px;height:22px}
.tc i{top:-14px;width:40px;height:40px;margin-left:-20px;box-shadow:0 0 0 3px #fff,0 3px 8px #c6282840}
.tc i svg{width:20px;height:20px}
body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}

/* wave bump */
@media(max-width:768px){
.tb:before{display:none!important}
.wv{position:absolute;left:50%;top:-20px;width:140px;height:21px;margin-left:-70px;fill:#fff;pointer-events:none}
}

/* back to top */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.totop{position:fixed;right:20px;bottom:24px;z-index:19;width:52px;height:52px;border-radius:50%;background:#0f172a;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 8px 20px #0f172a40;font-weight:800;font-size:9px;line-height:1;transition:background .2s,transform .25s,opacity .25s,visibility .25s}
.totop:hover{background:#C62828}
.totop:focus-visible{outline:3px solid #F5B700;outline-offset:3px}
.totop{opacity:0;visibility:hidden;transform:translateY(12px)}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop.show:hover{transform:translateY(-3px)}
@media(max-width:768px){
.totop{right:14px;bottom:calc(74px + env(safe-area-inset-bottom));width:44px;height:44px;font-size:0;gap:0}
.totop span{display:none}
.totop svg{width:20px;height:20px}
}

/* poslednji komentari */
.cm{display:flex;gap:12px;align-items:flex-start;padding:10px;margin:0 -10px;border-radius:12px;transition:background .2s}
.cm:hover{background:#eef1f6}
.cm+.cm{border-top:1px solid #eef1f6;border-top-left-radius:0;border-top-right-radius:0}
.cm .av{flex:0 0 36px;width:36px;height:36px;border-radius:50%;background:var(--c);color:var(--t,#fff);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;letter-spacing:.3px}
.cm .tx{display:block;min-width:0}
.cm .mt{display:flex;gap:8px;align-items:baseline;margin-bottom:3px}
.cm .mt b{font-size:14px;font-weight:800}
.cm .mt small{font-size:12px;font-weight:600}
.cm .ct{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.4;font-weight:600;color:#1e293b}
.cm .on{display:block;margin-top:5px;font-size:12px;line-height:1.35;color:#475569;font-weight:600}
.cm .on u{text-decoration:none;color:var(--c);font-weight:800}
.cm.servis .on u{color:#8A6500}

/* video */
.video{--c:#D00000}
.vbox{background:#0f172a;border-radius:22px;padding:16px}
.vgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px}
.vt{position:relative;display:block;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,var(--c),#0b1220);transition:filter .25s}
.vt em{position:absolute;right:8px;bottom:8px;background:#000000b3;color:#fff;font-style:normal;font-weight:800;font-size:12px;line-height:1;padding:5px 7px;border-radius:6px}
.vp{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;background:#D00000;color:#fff;box-shadow:0 0 0 5px #ffffff40;transition:transform .25s}
.vbig{position:relative;display:block;border-radius:18px;overflow:hidden;color:#fff;background:linear-gradient(160deg,var(--c),#0b1220);min-height:300px}
.vbig .vt{position:absolute;inset:0;border-radius:0;background:none}
.vbig .vp{width:76px;height:76px;padding-left:4px;box-sizing:border-box}
.vbig .vx{position:absolute;left:0;right:0;bottom:0;display:block;padding:44px 20px 18px;background:linear-gradient(0deg,#0b1220e6,#0b122000)}
.vbig .vx b{display:block;font-size:22px;line-height:1.25;font-weight:800;margin-top:10px}
.vbig .vx small{display:block;color:#cbd5e1;margin-top:6px}
.vbig:hover .vp,.vs:hover .vp{transform:translate(-50%,-50%) scale(1.1)}
.vbig:hover,.vs:hover .vt{filter:brightness(1.12)}
.vlist{display:flex;flex-direction:column;gap:10px}
.vs{display:flex;gap:12px;align-items:center;flex:1;color:#fff;border-radius:14px;padding:6px;margin:-6px;transition:background .2s}
.vs:hover{background:#ffffff14}
.vs .vt{flex:0 0 38%;aspect-ratio:16/10;border-radius:12px}
.vs .vp{width:34px;height:34px;padding-left:2px;box-sizing:border-box;box-shadow:0 0 0 3px #ffffff40}
.vs .vp svg{width:16px;height:16px}
.vs .vt em{right:5px;bottom:5px;font-size:11px;padding:3px 5px}
.vs .vx{display:block;min-width:0}
.vs .tag{font-size:11px;padding:4px 8px}
.vs b{display:block;font-size:14px;line-height:1.3;font-weight:800;margin:6px 0 3px}
.vs small{color:#94a3b8;font-size:12px}
.vbig .tag{background:#D00000;color:#fff}
.vbig .vt em{top:14px;right:14px;bottom:auto;font-size:13px;padding:6px 8px}
@media(max-width:900px){.vgrid{grid-template-columns:1fr}.vbig{min-height:240px}.vs{flex:none}}
@media(max-width:600px){.vbox{padding:12px;border-radius:18px}.vbig{min-height:210px}.vbig .vx b{font-size:18px}.vbig .vp{width:60px;height:60px}.vs .vt{flex-basis:42%}}

/* tab bar: uža sredina (isto kao na stranici vesti) */
@media(max-width:768px){
.tabs:not(.five) .tb{grid-template-columns:1fr 84px 1fr}
.tabs:not(.five) .wv{width:124px;margin-left:-62px}
}
.nwh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 10px}
.nwh h3{font-size:18px;font-weight:800;margin:0}
.nwh a{font-size:13px;font-weight:800;color:#8A6500;padding:7px 12px;border-radius:99px;background:#fff;white-space:nowrap}
.nwh a:hover{background:#F5B700;color:#0f172a}
.nws{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.nw{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:12px 16px;border-left:5px solid var(--c)}
.nwi{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center}
.nw.y .nwi{color:#0f172a}
.nwt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.nwc{font-size:12px;font-weight:800;color:var(--c)}
.nw.y .nwc{color:#8A6500}
.nwt b{font-size:15px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nwt small{font-size:13px;font-weight:600;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nwd{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:0 0 auto}
.nwn{background:#fff3c4;color:#6B4E00;font-size:11px;font-weight:800;padding:4px 9px;border-radius:99px}
.nwd em{font-style:normal;font-size:12px;font-weight:700;color:#64748b}
@media(max-width:600px){.nw{padding:10px 12px;gap:10px}.nwi{flex-basis:38px;width:38px;height:38px}.nwt b{font-size:14px}.nwt small{font-size:12px}}

/* ===== PHP verzija: slike, reklame, anketa, skrivanje ===== */
.ph{position:relative}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ov .bgi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.vt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.vt .vp{z-index:1}
.strip[hidden]{display:none}
.ad.real{background:none;display:block;overflow:hidden;line-height:0}
.ad.real img{max-width:100%;height:auto;display:block;margin:0 auto}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
.ab .n:empty{display:none}
.res{display:block;position:relative;border-radius:12px;background:#f1f5f9;padding:11px 12px;margin-bottom:8px;font-weight:600;overflow:hidden}
.res i{position:absolute;left:0;top:0;bottom:0;background:#F5B70055;z-index:0;font-style:normal}
.res span{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px}
.res.mine{box-shadow:inset 0 0 0 2px #0D2B52}
.anketa-ukupno{font-size:13px;color:#64748b;font-weight:600;margin:4px 0 8px}
.flash{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 16px;border-radius:99px;font-weight:600;font-size:14px;z-index:60}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* ===== Vest.dc.html (samo pravila koja nisu u Naslovnoj) ===== */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 6px;font-size:13px;font-weight:600;color:#475569}
.crumbs a{color:#0D2B52;font-weight:800}
.crumbs a:hover{text-decoration:underline}
.crumbs span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.art{background:#fff;border-radius:24px;padding:28px 32px 28px;margin-top:8px}
.atags{display:flex;gap:8px;flex-wrap:wrap}
.tag.sub{background:#e8edf5;color:#0D2B52}
a.tag:hover{filter:brightness(1.15)}
.art h1{font-size:40px;line-height:1.14;font-weight:800;letter-spacing:-.8px;margin:14px 0 12px}
.lede{font-size:19px;line-height:1.55;color:#334155;font-weight:600}
.ameta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:18px 0 14px;padding:14px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.auth{display:flex;align-items:center;gap:10px}
.auth b{display:block;font-size:14px}
.auth small{display:block;font-size:12px}
.av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.av.big{flex-basis:64px;width:64px;height:64px;font-size:20px}
.mi{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}
a.mi:hover{color:#0D2B52}
.shr{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.shl{font-weight:800;font-size:13px;color:#475569;margin-right:2px}
.shr a{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-radius:99px;color:#fff;font-weight:800;font-size:13px;transition:filter .2s,transform .2s}
.shr a:hover{filter:brightness(1.12);transform:translateY(-2px)}
.shr a b{font-size:15px}
.shr .fb{background:#1877F2}
.shr .xx{background:#000}
.shr .vb{background:#7360F2}
.shr .wa{background:#1B8F4A}
.shr .cp{background:#475569}

.afig{margin:22px -32px 0}
.afig.inl{margin:26px 0}
.aimg,.aimg2{aspect-ratio:16/9;border-radius:0;--c:#0D2B52}
.afig.inl .aimg2{border-radius:18px;--c:#1565C0}
.afig:not(.inl) .aimg{border-radius:0}
figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:10px 32px 0;font-size:13px;line-height:1.4;color:#334155;font-weight:600}
.afig.inl figcaption{padding:10px 4px 0}
figcaption small{color:#64748b}
.abody{max-width:720px;margin:26px auto 0}
.abody p{font-size:18px;line-height:1.75;color:#1e293b;margin:0 0 20px}
.abody h2{font-size:26px;line-height:1.25;font-weight:800;margin:34px 0 14px;letter-spacing:-.3px}
.pq{margin:30px 0;padding:6px 0 6px 24px;border-left:5px solid #0D2B52;font-size:24px;line-height:1.4;font-weight:800;color:#0D2B52}
.atg{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:720px;margin:22px auto 0;font-weight:800;font-size:14px}
.abar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;max-width:720px;margin:24px auto 0;padding:16px 18px;background:#f1f5f9;border-radius:18px}
.abl{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.abq{font-weight:800;font-size:14px;margin-right:6px}
.rb{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:99px;background:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 2px #e2e8f0;transition:background .2s,color .2s,box-shadow .2s}
.rb:hover{box-shadow:inset 0 0 0 2px #0D2B52}
.rb input{position:absolute;opacity:0;width:0;height:0}
.rb:has(input:checked){background:#0D2B52;color:#fff;box-shadow:none}
.rb:has(input:focus-visible){outline:3px solid #0f172a;outline-offset:2px}
.rb b{font-weight:800;opacity:.8}
.aut{display:flex;gap:16px;align-items:flex-start;margin-top:20px;padding:20px 24px}
.aut b{font-size:17px}
.aut .meta{margin-top:4px;line-height:1.5}
.cn{display:inline-block;margin-left:6px;padding:3px 10px;border-radius:99px;background:#0D2B52;color:#fff;font-size:14px;vertical-align:middle}
.cf{padding:22px 24px}
.cf h3{font-size:18px;font-weight:800;margin-bottom:12px}
.cf label{display:block;font-weight:800;font-size:13px;margin:12px 0 6px}
.cf label small{font-weight:600;color:#64748b}
.cfr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cf input,.cf textarea{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:14px;border:2px solid #e2e8f0;background:#f8fafc;font:600 15px 'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a;resize:vertical}
.cf input{height:48px}
.cf input:focus,.cf textarea:focus{border-color:#0D2B52;outline:none;background:#fff}
.cff{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.cff small{flex:1 1 240px;color:#475569}
.cf .btn{border:0;cursor:pointer;height:46px;padding:0 24px;font:800 14px 'Plus Jakarta Sans',Arial,sans-serif;background:#0D2B52}
.cf .btn:hover{background:#C62828}
.cbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px;font-weight:800;font-size:14px;color:#475569}
.srt{display:flex;gap:6px}
.srt a{padding:8px 14px;border-radius:99px;background:#fff;font-size:13px;font-weight:800;transition:background .2s,color .2s}
.srt a:hover,.srt a.on{background:#0D2B52;color:#fff}
.cmt{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:18px;padding:16px 18px;margin-bottom:10px}
.cmt.rep{margin-left:48px;background:#eef3fb}
.cmt .av{flex-basis:40px}
.cb{min-width:0;flex:1}
.ch{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.ch b{font-size:15px}
.ch small{font-size:12px}
.cmt p{font-size:15px;line-height:1.6;margin:4px 0 6px;color:#1e293b;overflow-wrap:anywhere}
.ca{display:flex;flex-wrap:wrap;gap:2px;margin-left:-9px}
.ca .ab{min-height:36px;font-size:13px;font-weight:800}
.cs .more{background:#fff;border-radius:99px;margin-top:6px;padding:14px}
@media(max-width:1000px){.art{padding:24px 24px}.afig{margin-left:-24px;margin-right:-24px}figcaption{padding-left:24px;padding-right:24px}.art h1{font-size:34px}}
@media(max-width:600px){
.crumbs{margin-top:12px}
.art{padding:18px 16px 18px;border-radius:20px}
.afig{margin-left:-16px;margin-right:-16px}
figcaption{padding-left:16px;padding-right:16px}
.art h1{font-size:27px;letter-spacing:-.5px}
.lede{font-size:17px}
.abody p{font-size:17px;line-height:1.7}
.abody h2{font-size:22px}
.pq{font-size:19px;padding-left:16px}
.shl{flex:1 1 100%}
.shr a span{display:none}
.shr a{width:44px;height:44px;padding:0;justify-content:center}
.shr .cp span{display:none}
.abar{padding:14px}
.rb{flex:1 1 calc(50% - 4px);justify-content:center;padding:0 8px;font-size:13px}
.aut{flex-direction:column;padding:18px 16px}
.cfr{grid-template-columns:1fr}
.cf{padding:18px 16px}
.cf .btn{width:100%}
.cmt{padding:14px;gap:10px}.cmt .av{flex-basis:34px;width:34px;height:34px;font-size:12px}
.cmt.rep{margin-left:20px}
}
.aut{align-items:center}
.autx{flex:1;min-width:0}
.aut>.btn{flex:0 0 auto;margin-left:auto}
.gal{margin:32px 0 0}
.galh{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.galh h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0}
.galh h2 small{font-size:14px;font-weight:600;color:#64748b}
.gg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.gi{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,var(--c),#0b1220);transition:filter .25s,transform .25s}
.gi:first-child{grid-column:1/3;grid-row:1/3;aspect-ratio:auto}
.gi:hover{filter:brightness(1.15);transform:scale(.99)}
.gi:focus-visible{outline:3px solid #0f172a;outline-offset:2px}
.more-n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0b1220b3;color:#fff}
.more-n b{font-size:26px;line-height:1}
.more-n small{font-size:12px;font-weight:600}
.lb{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0b1220f5;padding:56px 72px 24px;box-sizing:border-box}
.lb:target{display:flex}
.lbi{width:min(100%,1000px);aspect-ratio:3/2;max-height:68vh;border-radius:16px;background:linear-gradient(160deg,var(--c),#0b1220);box-shadow:0 20px 60px #000000a0}
.lbc{color:#e2e8f0;font-size:14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.lbc b{font-size:15px;color:#fff}
.lbx,.lbn{position:absolute;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffff1f;color:#fff;transition:background .2s}
.lbx:hover,.lbn:hover{background:#ffffff40}
.lbx:focus-visible,.lbn:focus-visible{outline:3px solid #F5B700}
.lbx{top:14px;right:14px}
.lbn{top:50%;margin-top:-24px}
.lbn.pv{left:14px}
.lbn.nx{right:14px}
.cap{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;border:2px solid #e2e8f0;border-radius:14px;background:#f8fafc;max-width:420px}
.cf .tk{display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;font-weight:800;font-size:14px;min-height:44px;flex:1}
.cf .tk input{position:absolute;opacity:0;width:0;height:0}
.bx{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:8px;border:2px solid #94a3b8;background:#fff;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,box-shadow .2s;color:#fff}
.tk:hover .bx{border-color:#0D2B52}
.tk:has(input:focus-visible) .bx{outline:3px solid #0f172a;outline-offset:2px}
.bx svg{position:absolute;opacity:0}
.sp{position:absolute;inset:3px;border-radius:50%;border:3px solid #0D2B52;border-top-color:transparent;opacity:0}
.tt{position:relative;display:block;height:20px;min-width:190px}
.tt span{position:absolute;left:0;top:0;white-space:nowrap;line-height:20px}
.t2,.t3{opacity:0}
.tk:has(input:checked) .bx{border-color:#2E7D32;background:#2E7D32;animation:bxok .01s .9s forwards;border-color:#0D2B52;background:#fff}
.tk:has(input:checked) .sp{animation:spn .9s linear 1,hid .01s .9s forwards}
.tk:has(input:checked) .bx svg{animation:show .2s .9s forwards}
.tk:has(input:checked) .t1{opacity:0}
.tk:has(input:checked) .t2{animation:show .01s 0s forwards,hid .01s .9s forwards}
.tk:has(input:checked) .t3{animation:show .2s .9s forwards;color:#2E7D32}
@keyframes spn{from{opacity:1;transform:rotate(0)}to{opacity:1;transform:rotate(720deg)}}
@keyframes hid{to{opacity:0}}
@keyframes show{to{opacity:1}}
@keyframes bxok{to{background:#2E7D32;border-color:#2E7D32}}
.cb2{display:flex;flex-direction:column;align-items:center;gap:2px;color:#64748b}
.cb2 small{font-size:10px;font-weight:700;letter-spacing:.2px}
.mth{margin-top:10px;font-size:13px}
.mth summary{cursor:pointer;font-weight:700;color:#0D2B52;min-height:32px;display:flex;align-items:center}
.mq{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}
.cf .mq label{margin:0;font-size:14px}
.cf .mq input{width:110px;height:44px}
@media(max-width:600px){
.gg{grid-template-columns:1fr 1fr}
.gi:first-child{grid-column:1/3;grid-row:auto;aspect-ratio:16/10}
.galh h2{font-size:19px}.galh h2 small{display:none}
.galh .btn{padding:10px 14px;font-size:13px}
.lb{padding:64px 12px 24px}
.lbn{top:auto;bottom:18px;margin:0}.lbn.pv{left:calc(50% - 120px)}.lbn.nx{right:calc(50% - 120px)}
.lbc{margin-bottom:56px}
.lbi{max-height:56vh}
.aut{align-items:stretch}
.aut>.btn{margin-left:0;width:100%;box-sizing:border-box;text-align:center;padding:14px 18px}
.cap{max-width:none}
.tt{min-width:0}
}
@media(max-width:768px){
.tabs.five .tb{grid-template-columns:1fr 1fr 84px 1fr 1fr}
.tabs.five .tl{padding:0 2px;gap:2px;font-size:10px;line-height:1.1;text-align:center}
.tabs.five .tl svg{width:20px;height:20px}
.tabs.five .tl span{display:block}
.tabs.five .tc{font-size:10px}
.tabs.five .wv{width:124px;margin-left:-62px}
}
/* ===== Stranica vesti / lista: dopune za PHP ===== */
.abody img,.abody video{max-width:100%;height:auto;border-radius:14px}
.abody iframe{max-width:100%;border:0}
.abody a{color:#1565C0;font-weight:600;text-decoration:underline}
.abody ul,.abody ol{font-size:18px;line-height:1.7;margin:0 0 20px;padding-left:24px}
.abody table{max-width:100%;display:block;overflow-x:auto}
.aimg img,.gi img,.lbi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.lbi{position:relative}.lbi img{object-fit:contain;border-radius:16px}
.gi .more-n{z-index:1}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fl{padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px;margin:0 0 12px}
.fl.ok{background:#e7f5ec;color:#14532d}.fl.err{background:#fde8e8;color:#7f1d1d}
.fl a{margin-left:8px;text-decoration:underline}
.pg{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0 8px}
.pg a,.pg span{min-width:42px;height:42px;padding:0 14px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:99px;background:#fff;font-weight:800;font-size:14px}
.pg a:hover{background:#0f172a;color:#fff}.pg a.on{background:#0D2B52;color:#fff}
.sec h1{line-height:1.2}
#komentari,#komentar-forma,[id^="komentar-"]{scroll-margin-top:96px}

/* ---- Oglasi (iz dizajna) ---- */
.vh{position:absolute;left:-9999px}
.ahero{background:linear-gradient(135deg,#F5B700,#FFD34D);border-radius:24px;padding:30px 32px 22px;margin-top:8px;color:#0f172a}
.aht h1{font-size:38px;line-height:1.1;font-weight:800;letter-spacing:-.8px}
.aht p{margin-top:10px;font-size:17px;line-height:1.5;font-weight:600;max-width:640px}
.asr{display:flex;gap:8px;margin-top:22px;background:#fff;border-radius:99px;padding:6px;box-shadow:0 8px 24px #0f172a22}
.asi{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding-left:16px;color:#64748b}
.asi input{flex:1;min-width:0;height:44px;border:0;background:none;font:600 16px 'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a}
.asi input:focus{outline:none}
.asr:focus-within{box-shadow:0 8px 24px #0f172a22,0 0 0 3px #0f172a}
.ass{border-left:2px solid #e2e8f0;display:flex;align-items:center}
.ass select{height:44px;border:0;background:none;padding:0 12px;font:800 14px 'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a;max-width:200px;cursor:pointer}
.asr .btn{border:0;cursor:pointer;height:44px;padding:0 26px;font:800 15px 'Plus Jakarta Sans',Arial,sans-serif}
.astat{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:16px;font-size:13px;font-weight:600}
.astat b{font-weight:800;font-size:15px}
.emg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sos2{position:relative;display:flex;flex-direction:column;gap:2px;background:var(--c);color:#fff;border-radius:18px;padding:16px 18px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.sos2:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f172a30}
.sos2 b{font-size:34px;line-height:1;font-weight:800;letter-spacing:-1px}
.sos2 span{font-size:14px;font-weight:700}
.sos2 svg{position:absolute;right:14px;top:14px;opacity:.55}
.fr{position:absolute;opacity:0;width:0;height:0}
.fchips{display:flex;flex-wrap:wrap;gap:8px}
.fchips label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:99px;background:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 2px #e2e8f0;transition:background .2s,color .2s,box-shadow .2s}
.fchips label small{font-weight:700;color:#64748b;font-size:12px}
.fchips label:hover{box-shadow:inset 0 0 0 2px #0f172a}
.fr:focus-visible~.fchips label{outline:none}
.dirx:has(#f-all:checked) label.all{background:#0f172a;color:#fff}
.dirx:has(#f-all:checked) label.all small{color:#cbd5e1}
.dirx:has(#f-dr:checked) .entry:not(.dr){display:none}
.dirx:has(#f-dr:checked) label[for=f-dr]{background:#0f172a;color:#fff}
.dirx:has(#f-dr:checked) label[for=f-dr] small{color:#cbd5e1}
.dirx:has(#f-zd:checked) .entry:not(.zd){display:none}
.dirx:has(#f-zd:checked) label[for=f-zd]{background:#0f172a;color:#fff}
.dirx:has(#f-zd:checked) label[for=f-zd] small{color:#cbd5e1}
.dirx:has(#f-ap:checked) .entry:not(.ap){display:none}
.dirx:has(#f-ap:checked) label[for=f-ap]{background:#0f172a;color:#fff}
.dirx:has(#f-ap:checked) label[for=f-ap] small{color:#cbd5e1}
.dirx:has(#f-sk:checked) .entry:not(.sk){display:none}
.dirx:has(#f-sk:checked) label[for=f-sk]{background:#0f172a;color:#fff}
.dirx:has(#f-sk:checked) label[for=f-sk] small{color:#cbd5e1}
.dirx:has(#f-tx:checked) .entry:not(.tx){display:none}
.dirx:has(#f-tx:checked) label[for=f-tx]{background:#0f172a;color:#fff}
.dirx:has(#f-tx:checked) label[for=f-tx] small{color:#cbd5e1}
.dirx:has(#f-rs:checked) .entry:not(.rs){display:none}
.dirx:has(#f-rs:checked) label[for=f-rs]{background:#0f172a;color:#fff}
.dirx:has(#f-rs:checked) label[for=f-rs] small{color:#cbd5e1}
.dirx:has(#f-sz:checked) .entry:not(.sz){display:none}
.dirx:has(#f-sz:checked) label[for=f-sz]{background:#0f172a;color:#fff}
.dirx:has(#f-sz:checked) label[for=f-sz] small{color:#cbd5e1}
.dirx:has(#f-ad:checked) .entry:not(.av){display:none}
.dirx:has(#f-ad:checked) label[for=f-ad]{background:#0f172a;color:#fff}
.dirx:has(#f-ad:checked) label[for=f-ad] small{color:#cbd5e1}
.rbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;font-weight:800;font-size:15px}
.srt2{font-size:13px;font-weight:600;color:#475569}
.hits{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.entry{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:20px;padding:18px;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s,transform .25s}
.entry:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1f}
.entry.fe{box-shadow:inset 0 0 0 2px #F5B700}
.eh{display:flex;gap:12px;align-items:flex-start}
.ei{flex:0 0 44px;width:44px;height:44px;border-radius:12px;background:#F5B700;color:#0f172a;display:flex;align-items:center;justify-content:center}
.et{flex:1;min-width:0}
.ec{display:block;font-size:12px;font-weight:800;color:#8A6500}
.et h3{font-size:17px;line-height:1.25;font-weight:800;margin-top:2px}
.et h3 a:hover{text-decoration:underline}
.feat{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;background:#fff3c4;color:#6B4E00;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}
.ed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#334155}
.ed li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ed li svg{flex:0 0 16px;color:#64748b}
.ed a{color:#0D2B52;font-weight:800}
.ed a:hover{text-decoration:underline}
.st{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px}
.st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.st.on{background:#e3f4e6;color:#1B6B2C}
.st.off{background:#fde7e7;color:#A31E1E}
.ea{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}
.ea .btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;box-sizing:border-box}
.ea .pz{background:#F5B700;color:#0f172a}
.ea .pz:hover{background:#0f172a;color:#fff}
.ib2{margin-left:auto;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#475569;transition:background .2s}
.ib2:hover{background:#e2e8f0;color:#0f172a}
.addb{background:#F5B700;position:relative}
.addb h2{font-size:20px;margin-bottom:8px}
.addb .meta{color:#3a2d00}
.ai{width:48px;height:48px;border-radius:14px;background:#0f172a;color:#F5B700;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.addb .btn{display:inline-block}
@media(max-width:1000px){.emg{grid-template-columns:repeat(2,1fr)}.hits{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hits{grid-template-columns:1fr}.ahero{padding:22px 18px 18px;border-radius:20px}.aht h1{font-size:28px}.aht p{font-size:15px}
.asr{flex-wrap:wrap;border-radius:20px;padding:8px}.asi{flex:1 1 100%;padding-left:10px}.ass{flex:1 1 0;border-left:0;border-top:2px solid #e2e8f0}.ass select{width:100%;max-width:none}.asr .btn{flex:1 1 0}}
@media(max-width:600px){.sos2 b{font-size:28px}.fchips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}.fchips::-webkit-scrollbar{display:none}.fchips label{flex:0 0 auto}.entry{padding:16px}.crumbs{margin-top:12px}}
.rr{display:flex;align-items:center;gap:16px}
.vtg{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#475569}
.vbt{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#475569;cursor:pointer;box-shadow:inset 0 0 0 2px #e2e8f0;transition:background .2s,color .2s,box-shadow .2s}
.vbt:hover{box-shadow:inset 0 0 0 2px #0f172a}
.vbt input{position:absolute;opacity:0;width:0;height:0}
.vbt:has(input:checked){background:#0f172a;color:#fff;box-shadow:none}
.vbt:has(input:focus-visible){outline:3px solid #0f172a;outline-offset:2px}
.ib2{border:0;cursor:pointer}
.ea .sh{margin-left:auto}
.entry:hover,.entry:focus-within{position:relative;z-index:5}
.dirx:has(#v-list:checked) .hits{grid-template-columns:1fr;gap:10px}
.dirx:has(#v-list:checked) .entry{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.3fr) auto;align-items:center;gap:8px 20px;padding:14px 18px}
.dirx:has(#v-list:checked) .entry .ea{margin:0;padding:0}
.dirx:has(#v-list:checked) .entry .ed{gap:5px}
@media(max-width:700px){
.rr{gap:8px}.srt2{display:none}
.dirx:has(#v-list:checked) .entry{grid-template-columns:minmax(0,1fr) auto;padding:12px 14px}
.dirx:has(#v-list:checked) .entry .ed{grid-column:1/3;order:3}
.dirx:has(#v-list:checked) .entry .ed li:nth-child(n+3){display:none}
.dirx:has(#v-list:checked) .entry .ea .btn.o{display:none}
}
.entry.fe{background:#0f172a;color:#fff;box-shadow:0 10px 26px #0f172a40}
.entry.fe:hover{box-shadow:0 16px 34px #0f172a60}
.entry.fe .ec{color:#FFD34D}
.entry.fe .et h3 a{color:#fff}
.entry.fe .ed{color:#cbd5e1}
.entry.fe .ed li svg{color:#94a3b8}
.entry.fe .ed a{color:#FFD34D}
.entry.fe .ei{background:#F5B700}
.entry.fe .feat{background:#F5B700;color:#0f172a;padding:6px 11px;font-size:12px;box-shadow:0 2px 8px #f5b70055}
.entry.fe .ib2{background:#1e293b;color:#cbd5e1}
.entry.fe .ib2:hover{background:#334155;color:#fff}
.entry.fe .st.on{background:#14532d;color:#bbf7d0}
.entry.fe .st.off{background:#5b1a1a;color:#fecaca}
.dirx:has(#v-list:checked) .entry.fe .feat{order:0}
.rnote{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#6B4E00;background:#fff3c4;border-radius:99px;padding:4px 10px}
.mapx{background:#fff;border-radius:22px;padding:14px;margin-bottom:6px}
.mapx .fr{position:absolute;opacity:0;width:0;height:0}
.mchips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}
.mchips::-webkit-scrollbar{display:none}
.mchips label{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 8px;border-radius:99px;background:#f1f5f9;font-weight:800;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.mchips label.all{padding:0 16px}
.mchips label:hover{background:#e2e8f0}
.md{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%}
.mapx:has(#m-all:checked) label.all{background:#0f172a;color:#fff}
.mapx:has(#m-dr:checked) .pn:not(.dr){display:none}
.mapx:has(#m-dr:checked) label[for=m-dr]{background:#0f172a;color:#fff}
.mapx:has(#m-zd:checked) .pn:not(.zd){display:none}
.mapx:has(#m-zd:checked) label[for=m-zd]{background:#0f172a;color:#fff}
.mapx:has(#m-ap:checked) .pn:not(.ap){display:none}
.mapx:has(#m-ap:checked) label[for=m-ap]{background:#0f172a;color:#fff}
.mapx:has(#m-sk:checked) .pn:not(.sk){display:none}
.mapx:has(#m-sk:checked) label[for=m-sk]{background:#0f172a;color:#fff}
.mapx:has(#m-tx:checked) .pn:not(.tx){display:none}
.mapx:has(#m-tx:checked) label[for=m-tx]{background:#0f172a;color:#fff}
.mapx:has(#m-rs:checked) .pn:not(.rs){display:none}
.mapx:has(#m-rs:checked) label[for=m-rs]{background:#0f172a;color:#fff}
.mapx:has(#m-sz:checked) .pn:not(.sz){display:none}
.mapx:has(#m-sz:checked) label[for=m-sz]{background:#0f172a;color:#fff}
.mapx:has(#m-ad:checked) .pn:not(.av){display:none}
.mapx:has(#m-ad:checked) label[for=m-ad]{background:#0f172a;color:#fff}
.mst{position:relative;height:300px;transition:height .3s;border-radius:16px;background:#e9eef1;overflow:hidden;isolation:isolate}
.mbg{position:absolute;inset:0;width:100%;height:100%}
.ml{position:absolute;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#7a8791;letter-spacing:.4px;white-space:nowrap;pointer-events:none;text-shadow:0 0 3px #e9eef1,0 0 3px #e9eef1}
.ml.big{font-size:15px;font-weight:800;letter-spacing:3px;color:#5b6872}
.ml.riv{font-style:italic;color:#4f95c3;text-shadow:none;font-size:12px}
.pn{position:absolute;transform:translate(-50%,-100%);z-index:2}
.pn:hover,.pn:focus-within{z-index:20}
.pb{position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--pc);color:#fff;border:3px solid #fff;box-shadow:0 4px 10px #0f172a40;transition:transform .2s}
.pb:after{content:'';position:absolute;left:50%;bottom:-9px;width:10px;height:10px;margin-left:-5px;background:var(--pc);transform:rotate(45deg);z-index:-1;border-radius:0 0 3px 0}
.pn:hover .pb,.pn:focus-within .pb{transform:scale(1.15) translateY(-2px)}
.pb:focus-visible{outline:3px solid #0f172a;outline-offset:3px}
.pn.dr{--pc:#0D2B52}
.pn.zd{--pc:#00838F}
.pn.ap{--pc:#2E7D32}
.pn.sk{--pc:#6A1B9A}
.pn.tx{--pc:#F5B700}
.pn.rs{--pc:#C24E00}
.pn.sz{--pc:#475569}
.pn.av{--pc:#1565C0}
.pn.tx .pb{color:#0f172a}
.pp{position:absolute;left:50%;bottom:calc(100% + 14px);transform:translateX(-50%) translateY(6px);width:230px;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 12px 30px #0f172a40;display:flex;flex-direction:column;gap:3px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;font-size:13px;font-weight:600;color:#334155}
.pp:before{content:'';position:absolute;left:0;right:0;top:100%;height:16px}
.pn.dn .pp{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-6px)}
.pn.dn .pp:before{top:auto;bottom:100%}
.pn:hover .pp,.pn:focus-within .pp{opacity:1;visibility:visible;transform:translateX(-50%)}
.pc{font-size:11px;font-weight:800;color:var(--pc)}
.pn.tx .pc{color:#8A6500}
.pp b{font-size:14px;color:#0f172a;line-height:1.3}
.pl{display:flex;align-items:center;gap:6px}
.pp .pg{margin-top:6px;font-weight:800;color:#0D2B52}
.pp .pg:hover{text-decoration:underline}
.mgo{position:absolute;right:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:99px;background:#fff;box-shadow:0 4px 12px #0f172a30;font-size:13px;font-weight:800;transition:background .2s}
.mgo:hover{background:#F5B700}
.mzm{position:absolute;right:12px;bottom:12px;z-index:3;display:flex;flex-direction:column;gap:6px}
.mzm button{width:40px;height:40px;border-radius:10px;border:0;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0f172a30;cursor:pointer;transition:background .2s}
.mzm button:hover{background:#eef1f6}
.mnote{margin:10px 4px 2px;font-size:12px;color:#64748b;font-weight:600}
@media(max-width:700px){
.mapx{padding:10px;border-radius:18px}
.mst{height:300px}
.pb{width:34px;height:34px}
.pp{width:200px}
.mgo{left:10px;right:auto;top:10px;height:36px;padding:0 12px}
.ml.big{font-size:12px}
}
@media(max-width:700px){
.pn.lf .pp{left:-12px;transform:translateY(6px)}
.pn.rt .pp{left:auto;right:-12px;transform:translateY(6px)}
.pn.lf.dn .pp{transform:translateY(-6px)}.pn.rt.dn .pp{transform:translateY(-6px)}
.pn.lf:hover .pp,.pn.lf:focus-within .pp,.pn.rt:hover .pp,.pn.rt:focus-within .pp{transform:none}
}
.mtop{margin:20px 0 12px}
.sec .mex{margin-left:auto;display:inline-flex;align-items:center;font-weight:800;font-size:14px;padding:8px 14px;border-radius:99px;background:#fff;cursor:pointer;transition:background .2s,color .2s;color:#8A6500}
.sec .mex:hover{background:#F5B700;color:#0f172a}
.sec.mtop .mall{margin-left:0}
.mex .e2{display:none}
main:has(#mexp:checked) .mex .e1{display:none}
main:has(#mexp:checked) .mex .e2{display:inline}
main:has(#mexp:checked) .mst{height:520px}
main:has(#mexp:focus-visible) .mex{outline:3px solid #0f172a;outline-offset:2px}
@media(max-width:700px){main:has(#mexp:checked) .mst{height:480px}.mtop{margin-top:14px}}
#lista{scroll-margin-top:130px}
@media(max-width:768px){
.tabs.yel .tb{background:#F5B700}
.tabs.yel .wv{fill:#F5B700}
.tabs.yel .tl,.tabs.yel .tc,.tabs.yel .tc span{color:#0f172a}
.tabs.yel .tl{font-size:11px;line-height:1.1;text-align:center;padding:0 6px}
.tabs.yel .tl:active{color:#0f172a;background:#0f172a14}
.tabs.yel .tc i{background:#0f172a;color:#F5B700;box-shadow:0 0 0 3px #F5B700,0 3px 10px #0f172a50}
.tabs.yel .tl:focus-visible,.tabs.yel .tc:focus-visible{outline-color:#0f172a}
.tabs.yel{filter:drop-shadow(0 -3px 10px #0f172a30)}
}
@media(max-width:600px){
.ahero{padding:20px 16px 16px;margin-top:6px}
.aht h1{font-size:26px;letter-spacing:-.5px}
.aht p{font-size:14px;margin-top:8px}
.asr{margin-top:16px}
.asi input{font-size:16px}
.ass select{font-size:14px}
.astat{gap:4px 14px;margin-top:12px;font-size:12px}
.astat span:last-child{display:none}
.emg{grid-template-columns:1fr 1fr;gap:8px}
.sos2{padding:12px 14px;border-radius:16px}
.sos2 b{font-size:26px}.sos2 span{font-size:13px}
.sos2 svg{right:10px;top:10px;width:16px;height:16px}
.sec{margin-top:24px}
.rbar{margin:16px 0 10px}
.vbt{width:42px;height:42px}
.hits{gap:10px}
.entry{padding:14px;gap:10px;border-radius:18px}
.eh{gap:10px}.ei{flex-basis:40px;width:40px;height:40px;border-radius:11px}
.et h3{font-size:16px}
.ed{font-size:13px;gap:7px}
.ea .btn{flex:1 1 0;justify-content:center;padding:0 10px}
.ea .ib2{flex:0 0 42px}
.entry.fe .feat{padding:5px 9px;font-size:11px}
.addb{padding:16px}
.mapx{padding:8px}
.mchips label{min-height:38px}
.mnote{font-size:11px}
.mgo{width:38px;padding:0;justify-content:center;font-size:0;gap:0}
}
.grid>*{min-width:0}
@media(max-width:1000px){.grid{grid-template-columns:minmax(0,1fr)}}
.entry,.hits>*{min-width:0}
.ed li>span:not(.st),.ed a{min-width:0;overflow-wrap:anywhere}
.rbar{flex-wrap:wrap;gap:8px}
.rbar>span:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-width:0}
@media(max-width:700px){
.hits,.dirx:has(#v-list:checked) .hits{grid-template-columns:minmax(0,1fr)}
.rnote{white-space:normal}
}
@media(max-width:700px){
.asr{display:grid;grid-template-columns:1fr;gap:8px;border-radius:20px;padding:8px}
.asi{padding-left:10px;min-width:0}
.ass{border:0;border-top:2px solid #e2e8f0;padding-top:4px}
.ass select{width:100%;max-width:none;height:46px;padding:0 6px}
.asr .btn{width:100%;height:48px}
.mtop{flex-wrap:nowrap}
.mtop h2{white-space:nowrap}
.sec .mex{white-space:nowrap;padding:8px 12px;font-size:13px}
.mtop .mall{display:none}
}
.oht{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.obtn{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;height:48px;padding:0 22px;box-sizing:border-box;font-size:15px}
.ochips{display:flex;flex-wrap:wrap;gap:8px}
.ochips label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 8px;border-radius:99px;background:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:inset 0 0 0 2px #e2e8f0;transition:background .2s,color .2s,box-shadow .2s}
.ochips label.all{padding:0 16px}
.ochips label:hover{box-shadow:inset 0 0 0 2px #0f172a}
.ochips label small{font-weight:700;color:#64748b;font-size:12px}
.od{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#fff}
.oglx:has(#oc-all:checked) label.all{background:#0f172a;color:#fff}
.oglx:has(#oc-all:checked) label.all small{color:#cbd5e1}
.oglx:has(#oc-ne:checked) .og:not(.ne){display:none}
.oglx:has(#oc-ne:checked) label[for=oc-ne]{background:#0f172a;color:#fff}
.oglx:has(#oc-ne:checked) label[for=oc-ne] small{color:#cbd5e1}
.oglx:has(#oc-au:checked) .og:not(.au){display:none}
.oglx:has(#oc-au:checked) label[for=oc-au]{background:#0f172a;color:#fff}
.oglx:has(#oc-au:checked) label[for=oc-au] small{color:#cbd5e1}
.oglx:has(#oc-po:checked) .og:not(.po){display:none}
.oglx:has(#oc-po:checked) label[for=oc-po]{background:#0f172a;color:#fff}
.oglx:has(#oc-po:checked) label[for=oc-po] small{color:#cbd5e1}
.oglx:has(#oc-us:checked) .og:not(.us){display:none}
.oglx:has(#oc-us:checked) label[for=oc-us]{background:#0f172a;color:#fff}
.oglx:has(#oc-us:checked) label[for=oc-us] small{color:#cbd5e1}
.oglx:has(#oc-el:checked) .og:not(.el){display:none}
.oglx:has(#oc-el:checked) label[for=oc-el]{background:#0f172a;color:#fff}
.oglx:has(#oc-el:checked) label[for=oc-el] small{color:#cbd5e1}
.oglx:has(#oc-ku:checked) .og:not(.ku){display:none}
.oglx:has(#oc-ku:checked) label[for=oc-ku]{background:#0f172a;color:#fff}
.oglx:has(#oc-ku:checked) label[for=oc-ku] small{color:#cbd5e1}
.fwrap{margin-top:16px;background:#fff;border-radius:18px;padding:14px 16px}
.fwrap .fr{position:absolute;opacity:0;width:0;height:0}
.fbtn{display:none;align-items:center;gap:8px;min-height:44px;font-weight:800;font-size:15px;cursor:pointer}
.fcnt{font-style:normal;background:#0f172a;color:#fff;border-radius:99px;font-size:11px;padding:2px 8px}
.fb{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px 12px;align-items:end}
.ff label,.chk{font-size:12px;font-weight:800;color:#475569}
.ff label{display:block;margin-bottom:5px}
.ff select,.ff input{width:100%;box-sizing:border-box;height:44px;padding:0 12px;border-radius:12px;border:2px solid #e2e8f0;background:#f8fafc;font:600 14px 'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a}
.ff select:focus,.ff input:focus{outline:none;border-color:#0f172a;background:#fff}
.chk{grid-column:1/5;display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer;font-size:14px;color:#0f172a}
.chk input{width:20px;height:20px;accent-color:#F5B700}
.fb .btn{border:0;cursor:pointer;height:44px;padding:0 24px;font:800 14px 'Plus Jakarta Sans',Arial,sans-serif;grid-column:5;grid-row:1}
.so select{height:44px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;padding:0 10px;font:800 13px 'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a;cursor:pointer}
.ogs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.og{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 2px transparent;transition:transform .25s,box-shadow .25s}
.og:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0f172a1f}
.og.fe{box-shadow:inset 0 0 0 2px #F5B700}
.og.fe:hover{box-shadow:inset 0 0 0 2px #F5B700,0 14px 28px #0f172a1f}
.ogi{position:relative;display:block;aspect-ratio:4/3;background:linear-gradient(160deg,var(--c),#0b1220);transition:filter .25s}
.og:hover .ogi{filter:brightness(1.12)}
.ogp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffff59}
.bds{position:absolute;left:10px;top:10px;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 64px)}
.bd{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;line-height:1;padding:6px 9px;border-radius:99px}
.bd.fe2{background:#F5B700;color:#0f172a}
.bd.hit{background:#C62828;color:#fff}
.bd.pc{position:absolute;left:10px;bottom:10px;background:#0b1220b3;color:#fff}
.fav{position:absolute;right:10px;top:10px;z-index:2;width:40px;height:40px;border-radius:50%;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0f172a30;transition:color .2s,transform .2s}
.fav:hover{transform:scale(1.08);color:#C62828}
.fav input{position:absolute;opacity:0;width:0;height:0}
.fav:has(input:checked){color:#C62828}
.fav:has(input:checked) svg{fill:#C62828}
.fav:has(input:focus-visible){outline:3px solid #0f172a;outline-offset:2px}
.ogb{display:flex;flex-direction:column;gap:3px;padding:12px 14px 16px;min-width:0}
.oct{font-size:12px;font-weight:800;color:var(--c)}
.opr{font-size:20px;font-weight:800;letter-spacing:-.3px}
.ogb h3{font-size:15px;line-height:1.3;font-weight:700;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ogb h3 a:hover{text-decoration:underline}
.ome{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:4px 0 0;font-size:12px;font-weight:600;color:#64748b}
.ome svg{flex:0 0 13px}
.ogad{grid-column:1/-1;margin:2px 0}
.pgn{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:22px}
.pgn a,.pgn span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:12px;background:#fff;font-weight:800;font-size:15px;transition:background .2s,color .2s}
.pgn span{background:none;min-width:24px}
.pgn a:hover{background:#0f172a;color:#fff}
.pgn a.on{background:#F5B700;color:#0f172a}
.pgn a.dis{opacity:.4;pointer-events:none}
.tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.tips li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;font-weight:600}
.tips li svg{flex:0 0 22px;width:22px;height:22px;padding:4px;box-sizing:border-box;border-radius:50%;background:#e3f4e6;color:#1B6B2C;margin-top:1px}
.oglx:has(#ov-list:checked) .ogs{grid-template-columns:minmax(0,1fr);gap:10px}
.oglx:has(#ov-list:checked) .og{flex-direction:row;align-items:stretch}
.oglx:has(#ov-list:checked) .ogi{flex:0 0 240px;aspect-ratio:auto;min-height:150px}
.oglx:has(#ov-list:checked) .ogb{flex:1;justify-content:center;padding:14px 56px 14px 18px}
.oglx:has(#ov-list:checked) .ogb h3{font-size:17px}
.oglx:has(#ov-list:checked) .fav{top:12px;right:12px;left:auto}
@media(max-width:1000px){.ogs{grid-template-columns:repeat(2,minmax(0,1fr))}.fb{grid-template-columns:repeat(2,1fr)}.chk{grid-column:1/-1}.fb .btn{grid-column:1/-1;grid-row:auto}}
@media(max-width:700px){
.oht{flex-direction:column;gap:14px}
.obtn{width:100%;justify-content:center}
.ochips{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
.ochips::-webkit-scrollbar{display:none}
.ochips label{flex:0 0 auto}
.fwrap{padding:6px 14px}
.fbtn{display:flex}
.fb{display:none;padding:8px 0 10px}
.fwrap:has(#fo:checked) .fb{display:grid}
.fwrap:has(#fo:focus-visible) .fbtn{outline:3px solid #0f172a;outline-offset:2px;border-radius:8px}
.rbar .so{display:none}
.rr{gap:8px}
.ogs{gap:10px}
.opr{font-size:17px}.ogb{padding:10px 12px 14px}.ogb h3{font-size:14px}
.fav{width:36px;height:36px;right:8px;top:8px}
.bds{left:8px;top:8px;max-width:calc(100% - 52px)}
.bd{font-size:10px;padding:5px 8px}
.bd.pc{left:8px;bottom:8px}
.ogp svg{width:44px;height:44px}
.oglx:has(#ov-list:checked) .og{flex-direction:row}
.oglx:has(#ov-list:checked) .ogi{flex-basis:128px;min-height:120px}
.oglx:has(#ov-list:checked) .ogb{padding:10px 48px 10px 12px}
.oglx:has(#ov-list:checked) .ogb h3{font-size:14px}
.oglx:has(#ov-list:checked) .bds{display:none}
.pgn a{min-width:40px;height:40px}
}
.sm2{display:none}
@media(max-width:700px){.sm2{display:block;grid-column:1/-1}.asi input::placeholder{font-size:15px}}
.og{overflow:visible}
.ogi{border-radius:20px 20px 0 0}
.og:hover,.og:focus-within{z-index:5}
.osh{position:absolute;right:8px;bottom:8px;margin:0;z-index:3}
.osh .ib2{width:38px;height:38px}
.og .ome{padding-right:46px}
.oglx:has(#ov-list:checked) .ogi{border-radius:20px 0 0 20px}
.oglx:has(#ov-list:checked) .ogb{padding-bottom:14px}
.osh .tip{right:-2px}
@media(max-width:700px){.osh{right:6px;bottom:6px}.og .ome{padding-right:42px}.osh .ib2{width:36px;height:36px}.oglx:has(#ov-list:checked) .ogi{border-radius:18px 0 0 18px}.ogi{border-radius:18px 18px 0 0}}
/* ---- Oglas (iz dizajna) ---- */
.obh{background:#fff;border-radius:24px;overflow:visible;margin-top:8px}
.obc{height:200px;border-radius:24px 24px 0 0;background:linear-gradient(135deg,#F5B700,#FFD34D 40%,#0f172a)}
.obb{display:flex;gap:18px;align-items:flex-end;padding:0 28px;margin-top:-44px}
.obl{flex:0 0 96px;width:96px;height:96px;border-radius:24px;background:#fff;color:#2E7D32;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f172a30,inset 0 0 0 3px #F5B700}
.obt{min-width:0;padding-bottom:4px;padding-top:50px}
.obg{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.obk{font-size:13px;font-weight:800;color:#8A6500;background:#fff3c4;border-radius:99px;padding:5px 12px}
.obk:hover{background:#F5B700;color:#0f172a}
.obt h1{font-size:34px;line-height:1.12;font-weight:800;letter-spacing:-.7px;margin:8px 0 8px}
.obs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;font-weight:600;color:#334155}
.obd{display:inline-flex;align-items:center;gap:6px}
.oba{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:18px 28px 24px}
.oba .btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;box-sizing:border-box}
.oba .pz{background:#F5B700;color:#0f172a}
.oba .pz:hover{background:#0f172a;color:#fff}
.oba .sh{margin-left:auto}
.oba .tip{right:0}
.obx{margin-top:20px}
.obx p{font-size:16px;line-height:1.7;color:#1e293b;margin:0 0 16px}
.ots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.ots li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}
.ots li svg{flex:0 0 22px;width:22px;height:22px;padding:4px;box-sizing:border-box;border-radius:50%;background:#e3f4e6;color:#1B6B2C}
.obg2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.obg2 .box{margin-bottom:0}
.obi{margin-top:0}
.ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ol li{display:flex;gap:12px;align-items:flex-start}
.ol li>svg{flex:0 0 40px;width:40px;height:40px;padding:10px;box-sizing:border-box;border-radius:12px;background:#F5B700;color:#0f172a}
.ol div{min-width:0}
.ol small{display:block;font-size:12px;font-weight:700;color:#64748b}
.ol b,.ol a{display:block;font-size:15px;font-weight:800;color:#0f172a;overflow-wrap:anywhere}
.ol a{color:#0D2B52}
.ol a:hover{text-decoration:underline}
.soc2{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #e2e8f0}
.soc2 a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#0f172a;transition:background .2s,color .2s}
.soc2 a svg{width:18px;height:18px;fill:currentColor}
.soc2 a:hover{background:#0f172a;color:#fff}.soc2 a:hover svg{fill:#fff}
.obn{display:flex;align-items:center;gap:8px;margin:-4px 0 10px;font-size:14px;font-weight:700}
.hrs{list-style:none;margin:0;padding:0}
.hrs li{display:flex;justify-content:space-between;gap:10px;padding:9px 10px;border-radius:10px;font-size:14px;font-weight:600}
.hrs li+li{margin-top:2px}
.hrs li.td{background:#fff3c4}
.hrs li b{font-weight:800}
.hrs li b.cl{color:#A31E1E}
.hrs em{font-style:normal;font-size:11px;font-weight:800;background:#0f172a;color:#fff;border-radius:99px;padding:2px 8px;margin-left:6px}
#mapa{margin-top:20px}
.om{height:300px;border-radius:16px}
.pb.big2{width:48px;height:48px;border-radius:50%;background:var(--pc);color:#fff;border:3px solid #fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px #0f172a50;position:relative}
.pb.big2:after{content:'';position:absolute;left:50%;bottom:-9px;width:12px;height:12px;margin-left:-6px;background:var(--pc);transform:rotate(45deg);z-index:-1}
.ptag{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%);background:#0f172a;color:#fff;font-size:12px;font-weight:800;padding:6px 10px;border-radius:10px;white-space:nowrap}
.obn2{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:14px;font-weight:700}
.more-l{margin-left:auto;color:#0D2B52;font-weight:800}
.more-l:hover{text-decoration:underline}
.gal.box{margin-top:20px;padding:20px}
.galh h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;margin:0}
.galh .btn.o{padding:10px 16px}
.sms{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sm{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:18px;padding:16px;transition:transform .25s,box-shadow .25s}
.sm:hover{transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1f}
.sm .ei{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#F5B700;color:#0f172a;display:flex;align-items:center;justify-content:center}
.smt{display:block;min-width:0}
.smt b{display:block;font-size:16px;line-height:1.25;font-weight:800;margin:2px 0 4px}
.smt small{display:block;font-size:13px;color:#475569}
.sm .st{align-self:flex-start}
.own{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:28px;background:#0f172a;color:#fff;border-radius:20px;padding:20px 24px}
.own .oi{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#F5B700;color:#0f172a;display:flex;align-items:center;justify-content:center}
.own div{flex:1 1 240px;min-width:0}
.own b{font-size:17px}
.own p{margin:4px 0 0;font-size:14px;line-height:1.5;color:#cbd5e1}
.own .btn{background:#F5B700;color:#0f172a}
.own .btn:hover{background:#fff}
.rep{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:14px 4px 0;font-size:13px;font-weight:600;color:#64748b}
.rep a{display:inline-flex;align-items:center;gap:6px;color:#0D2B52;font-weight:800}
.rep a:hover{text-decoration:underline}
.box.sk{position:sticky;top:132px;z-index:4}
.sk{position:sticky;top:96px}
.sk .btn{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;box-sizing:border-box;margin-bottom:8px}
.pz2{background:#F5B700;color:#0f172a}
.pz2:hover{background:#0f172a;color:#fff}
.o2{background:#fff;color:#0f172a;box-shadow:inset 0 0 0 2px #0f172a}
.o2:hover{background:#0f172a;color:#fff}
.sk .meta{display:flex;align-items:center;gap:8px}
@media(max-width:1000px){.sk{position:static}.sms{grid-template-columns:1fr 1fr}.obg2{grid-template-columns:1fr}}
@media(max-width:700px){
.obc{height:130px;border-radius:20px 20px 0 0}
.obh{border-radius:20px}
.obb{padding:0 16px;gap:12px;flex-direction:column;align-items:flex-start;margin-top:-40px}
.obl{flex-basis:80px;width:80px;height:80px;border-radius:20px}
.obt{padding-top:0}
.obt h1{font-size:25px}
.oba{padding:14px 16px 18px}
.oba .btn{flex:1 1 calc(50% - 4px);justify-content:center;padding:0 12px}
.oba .pz{flex-basis:100%}
.oba .sh{margin-left:0}.oba .ib2{width:46px;height:46px}
.ots{grid-template-columns:1fr}
.sms{grid-template-columns:1fr}
.sm{flex-direction:row;align-items:center}.sm .st{margin-left:auto;align-self:center}
.gg{grid-template-columns:1fr 1fr}
.gi:first-child{grid-column:1/3;grid-row:auto;aspect-ratio:16/10}
.galh h2 small{display:none}
.gal.box{padding:16px}
.om{height:260px}
.mgo{width:38px;padding:0;justify-content:center;font-size:0;gap:0}
.lb{padding:64px 12px 24px}
.lbn{top:auto;bottom:18px;margin:0}.lbn.pv{left:calc(50% - 120px)}.lbn.nx{right:calc(50% - 120px)}
.lbc{margin-bottom:56px}
.own{padding:16px}.own .btn{width:100%;box-sizing:border-box;text-align:center}
.crumbs span:last-child{max-width:100%}
.tabs.yel .tl,.tabs.yel .tc{font-size:11px}
}
@media(max-width:1000px){.sk{display:none}}
.agal{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.am{position:relative;display:block;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:linear-gradient(160deg,var(--c),#0b1220);transition:filter .25s}
.am:hover{filter:brightness(1.1)}
.am:focus-visible,.at:focus-visible{outline:3px solid #0f172a;outline-offset:2px}
.am .bds{left:14px;top:14px;max-width:calc(100% - 28px)}
.am .bd.pc{left:14px;bottom:14px;font-size:12px;padding:8px 11px}
.am .ogp svg{width:72px;height:72px}
.zm{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:#0f172a;font-weight:800;font-size:12px;padding:8px 12px;border-radius:99px;box-shadow:0 4px 12px #0f172a40}
.ats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.at{position:relative;display:block;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,var(--c),#0b1220);transition:filter .25s}
.at:hover{filter:brightness(1.15)}
.ats .at:first-child{box-shadow:0 0 0 3px #F5B700 inset}
.oh{margin-top:14px;padding:20px 22px}
.ohg{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}
.obk{display:inline-block;background:#fde7e7;color:#C62828;font-weight:800;font-size:12px;padding:5px 11px;border-radius:99px}
.oid{margin-left:auto;font-size:12px;font-weight:700;color:#64748b}
.oh h1{font-size:28px;line-height:1.2;font-weight:800;letter-spacing:-.5px;margin:0}
.ohp{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:10px 0 0;font-size:34px;font-weight:800;letter-spacing:-.8px}
.ohp small{font-size:13px;font-weight:700;letter-spacing:0;color:#1B6B2C;background:#e3f4e6;padding:4px 10px;border-radius:99px}
.ohm{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0 0;font-size:13px;font-weight:600;color:#64748b}
.ohm span{display:inline-flex;align-items:center;gap:6px}
.oha{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #eef2f6}
.ab2{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:0;border-radius:99px;background:#f1f5f9;color:#334155;font:800 14px 'Plus Jakarta Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.ab2:hover{background:#e2e8f0;color:#0f172a}
.ab2:focus-visible,.fv:has(input:focus-visible){outline:3px solid #0f172a;outline-offset:2px}
.fv{position:relative}
.fv input{position:absolute;opacity:0;width:0;height:0}
.fv .s2{display:none}
.fv:has(input:checked){background:#fde7e7;color:#C62828}
.fv:has(input:checked) svg{fill:#C62828}
.fv:has(input:checked) .s1{display:none}
.fv:has(input:checked) .s2{display:inline}
.ash{margin-left:0}
.ash .tip{right:auto;left:-4px}
.ash .tip:after{right:auto;left:30px}
.rp{margin-left:auto}
.sellm{display:none}
.av2{flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#0D2B52;color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center}
.dsc{margin:0 0 10px;font-size:16px;line-height:1.65;color:#1e293b}
.dsc:last-child{margin:0}
.spc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.spc>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f6;font-size:14px}
.spc dt{font-weight:600;color:#64748b}
.spc dd{margin:0;font-weight:800;text-align:right}
.oh3{font-size:15px;font-weight:800;margin:18px 0 10px}
.apx{display:block;width:100%;font-weight:600;color:#64748b;font-size:13px}
.ots{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ots li{display:inline-flex;align-items:center;gap:6px;background:#f1f5f9;border-radius:99px;padding:7px 12px;font-size:13px;font-weight:700}
.ots li svg{color:#1B6B2C}
.sim{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sim .ogb{padding:10px 12px 14px}
.sim .opr{font-size:17px}
.sim .ogb h3{font-size:14px}
.sim .bds,.sim .bd.pc{display:none}
.sim .osh .tip{right:-2px}
.sim .og:nth-child(1) .osh .tip,.sim .og:nth-child(3) .osh .tip{right:-2px}
.sel{position:sticky;top:132px;z-index:4;display:flex;flex-direction:column;gap:10px;border-top:6px solid #F5B700}
.slh{display:flex;gap:12px;align-items:center}
.slh b{display:block;font-size:17px}
.slh small{display:block;font-size:12px;font-weight:600;color:#64748b;margin-top:2px}
.vf{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;font-weight:800;color:#1B6B2C;background:#e3f4e6;border-radius:99px;padding:3px 8px}
.rv{position:absolute;opacity:0;width:0;height:0}
.rvb{cursor:pointer;justify-content:center;gap:8px;text-align:center}
.rvb em{font-style:normal;opacity:.65;margin-left:4px;letter-spacing:1px}
.pnum{display:none;color:inherit}
.sel:has(.rv:checked) .pm{display:none}
.sel:has(.rv:checked) .pnum{display:inline;font-size:17px}
.sel:has(.rv:focus-visible) .rvb{outline:3px solid #0f172a;outline-offset:2px}
.qm{display:flex;flex-direction:column;gap:6px}
.qm small{font-size:12px;font-weight:800;color:#64748b}
.qm a{display:block;font-size:13px;font-weight:700;background:#f1f5f9;border-radius:12px;padding:9px 12px;transition:background .2s}
.qm a:hover{background:#fff3c4}
.all2{display:block;text-align:center;font-weight:800;font-size:14px;color:#0D2B52;padding:8px;border-radius:12px}
.all2:hover{background:#0D2B52;color:#fff}
.sel .btn{justify-content:center;display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%}
@media(max-width:1000px){.sel{position:static}.sim{grid-template-columns:repeat(2,minmax(0,1fr))}.sellm{display:flex}}
@media(max-width:700px){
.am,.at{border-radius:14px}.am{border-radius:16px}
.am .ogp svg{width:56px;height:56px}
.ats{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.zm{display:none}
.oh{padding:16px}
.oh h1{font-size:21px}
.ohp{font-size:28px}
.oha{gap:6px}
.ab2{height:40px;padding:0 12px;font-size:13px}
.ab2 svg{width:17px;height:17px}
.spc{grid-template-columns:minmax(0,1fr)}
.sim{gap:10px}
.sim .og .ome{padding-right:42px}
.sellm{display:flex;align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 14px;margin-top:14px;margin-bottom:14px}
.sellm .av2{flex-basis:44px;width:44px;height:44px;font-size:14px}
.sellm b{display:block;font-size:15px}.sellm small{display:block;font-size:12px;font-weight:600;color:#64748b}
.sellm .chev{margin-left:auto;color:#64748b}
}
.sellm{align-items:center;gap:12px;background:#fff;border-radius:18px;padding:12px 14px;margin-top:14px}
.sellm .av2{flex-basis:44px;width:44px;height:44px;font-size:14px}
.sellm b{display:block;font-size:15px}
.sellm small{display:block;font-size:12px;font-weight:600;color:#64748b}
.sellm .chev{margin-left:auto;color:#64748b}
.sim .og.hide2{display:none}
@media(max-width:700px){.ogb{padding:10px 12px 14px}.ogb h3{font-size:14px}.opr{font-size:17px}.fav{width:36px;height:36px;right:8px;top:8px}.bds{left:8px;top:8px;max-width:calc(100% - 52px)}.bd{font-size:10px;padding:5px 8px}.bd.pc{left:8px;bottom:8px}.ogp svg{width:44px;height:44px}}
.am{aspect-ratio:3/2;max-height:560px}
.am .bds{max-width:calc(100% - 28px)}
.am .bd{font-size:12px;padding:7px 11px}
.am .bd.pc{position:absolute}
@media(max-width:700px){.osh{right:6px;bottom:6px}.og .ome{padding-right:42px}.osh .ib2{width:36px;height:36px}}
.sec.servis a{color:#8A6500}
.sec.servis a:hover{color:#0f172a}
@media(max-width:700px){.ats .more-n small{display:none}.ats .more-n b{font-size:18px}.ats .more-n svg{display:none}}
.am{aspect-ratio:16/10;max-height:none;width:100%;height:auto}
.sellm{margin:14px 0 20px!important;width:auto;box-sizing:border-box}
.sellm+.box{margin-top:0}
@media(max-width:700px){.am{aspect-ratio:4/3}.sellm{margin:12px 0 16px!important}}
/* ---- DodajOglas (iz dizajna) ---- */
.dh{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:26px 28px}
.dh h1{font-size:34px;font-weight:800;letter-spacing:-1px;margin:0}
.dh p{margin:6px 0 0;font-weight:600;color:#3a2d00}
.stp{display:flex;gap:8px;list-style:none;margin:0;padding:0}
.stp li{display:flex;align-items:center;gap:8px;background:#ffffff80;border-radius:99px;padding:6px 14px 6px 6px;font-size:13px;font-weight:800}
.stp b{width:26px;height:26px;border-radius:50%;background:#0f172a;color:#F5B700;display:flex;align-items:center;justify-content:center;font-size:13px}
.dfm{min-width:0}
.fs{padding:22px;scroll-margin-top:90px}
.fs h2{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:16px}
.fs h2 small{font-size:13px;font-weight:600;color:#64748b}
.fs h2 .n{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#F5B700;color:#0f172a;display:flex;align-items:center;justify-content:center;font-size:14px}
.fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.fl{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
.fl.w2{grid-column:1/-1}
.fl>span{font-size:13px;font-weight:800;color:#334155}
.fl i,.chk2 i{color:#C62828;font-style:normal}
.fl input,.fl select,.fl textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:2px solid #e2e8f0;border-radius:14px;background:#f8fafc;font:600 15px 'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a;transition:border-color .2s,background .2s}
.fl textarea{resize:vertical;min-height:130px;line-height:1.5}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:0;border-color:#F5B700;background:#fff;box-shadow:0 0 0 4px #F5B70033}
.fl small,.hint{font-size:12px;font-weight:600;color:#64748b;margin:0}
.hint{margin-top:12px}
.fs>.fl{margin-top:14px}
.inp{display:flex;gap:8px}
.inp input{flex:1;min-width:0}
.inp select{flex:0 0 84px;width:84px}
.rcs{display:flex;flex-wrap:wrap;gap:8px}
.rc{position:relative;cursor:pointer}
.rc input{position:absolute;opacity:0;width:0;height:0}
.rc span{display:inline-block;padding:10px 16px;border-radius:99px;background:#f1f5f9;border:2px solid transparent;font-size:14px;font-weight:800;color:#334155;transition:background .2s,color .2s}
.rc:hover span{background:#e2e8f0}
.rc:has(input:checked) span{background:var(--c);color:#fff}
.rc:has(input:focus-visible) span{outline:3px solid #0f172a;outline-offset:2px}
.drop{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 16px;border:2px dashed #cbd5e1;border-radius:18px;background:#f8fafc;color:#475569;cursor:pointer;transition:border-color .2s,background .2s}
.drop:hover,.drop:has(input:focus-visible){border-color:#F5B700;background:#fffbea}
.drop input{position:absolute;opacity:0;width:0;height:0}
.drop b{font-size:16px;color:#0f172a}
.drop span{font-size:13px;font-weight:600}
.ups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}
.up{aspect-ratio:1;border:2px dashed #e2e8f0;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#cbd5e1}
.up:first-child{border-color:#F5B700;color:#F5B700}
.chk2{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;font-weight:600;cursor:pointer}
.chk2 input{flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:#0f172a}
.chk2 a{color:#0D2B52;font-weight:800;text-decoration:underline}
.pms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pm2{position:relative;display:flex;flex-direction:column;gap:6px;padding:14px;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}
.pm2 input{position:absolute;opacity:0;width:0;height:0}
.pm2 .pt{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.pm2 b{font-size:15px}
.pm2 em{font-style:normal;font-weight:800;font-size:13px;color:#8A6500}
.pm2 small{font-size:12px;font-weight:600;color:#64748b;line-height:1.4}
.pm2:has(input:checked){border-color:#F5B700;background:#fffbea}
.pm2:has(input:focus-visible){outline:3px solid #0f172a;outline-offset:2px}
.cap{display:inline-flex;margin-top:16px;border:2px solid #e2e8f0;border-radius:14px;padding:12px 16px;background:#f8fafc}
.cap input{position:absolute;opacity:0;width:0;height:0}
.cap label{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;cursor:pointer}
.cap .cb{width:24px;height:24px;border:2px solid #94a3b8;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center}
.cap input:checked+label .cb{background:#1B6B2C;border-color:#1B6B2C}
.cap input:checked+label .cb:after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg) translate(-1px,-1px)}
.sbm{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.sbm .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;font-family:inherit}
.sbm .btn.o2{border:2px solid #0f172a;background:#fff;color:#0f172a}
.pvw{position:sticky;top:132px;z-index:4}
.pvc .og{pointer-events:none;box-shadow:0 8px 24px #0f172a1a}
.pvc .og:hover{transform:none}
@media(max-width:1000px){.pvw{position:static}}
@media(max-width:700px){
.dh{padding:20px 16px}.dh h1{font-size:26px}
.stp{width:100%;overflow-x:auto;scrollbar-width:none}.stp::-webkit-scrollbar{display:none}.stp li{flex:0 0 auto;font-size:12px}
.fs{padding:16px}
.fg{grid-template-columns:minmax(0,1fr)}
.pms{grid-template-columns:minmax(0,1fr)}
.ups{grid-template-columns:repeat(3,minmax(0,1fr))}
.sbm .btn{width:100%}
.rc span{padding:9px 13px;font-size:13px}
}
/* ---- DodajObjekat (iz dizajna) ---- */
.tgs{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border:2px solid #e2e8f0;border-radius:14px;background:#f8fafc}
.tgs input{flex:1 1 160px;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:6px 8px!important;width:auto}
.tg{display:inline-flex;align-items:center;gap:6px;background:#fff3c4;color:#6B4E00;border-radius:99px;padding:6px 8px 6px 12px;font-size:13px;font-weight:800}
.tg button{border:0;background:#0f172a14;color:inherit;width:20px;height:20px;border-radius:50%;cursor:pointer;line-height:1;font-size:14px;padding:0}
.hrf{display:flex;flex-direction:column}
.dr{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #eef2f6}
.dr b{font-size:14px}
.tm{display:flex;align-items:center;gap:8px}
.tm select{padding:9px 10px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font:700 14px 'Plus Jakarta Sans',Arial,sans-serif;min-width:0}
.zt{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;cursor:pointer}
.zt input{width:18px;height:18px;accent-color:#C62828}
.dr:has(.zt input:checked) .tm{opacity:.35;pointer-events:none}
.pm-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fs .mst{height:280px}
@media(max-width:700px){.dr{grid-template-columns:1fr auto;gap:6px 10px}.dr b{grid-column:1/-1}.pm-2{grid-template-columns:minmax(0,1fr)}.fs .mst{height:240px}}
/* ---- Oglasi/adresar: stvarne slike, linkovi umesto radio dugmadi ---- */
.ogi img,.am img,.at img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lbi img{width:100%;height:100%;object-fit:contain}
.ochips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 8px;border-radius:99px;background:#fff;font-weight:800;font-size:14px;box-shadow:inset 0 0 0 2px #e2e8f0;transition:background .2s,color .2s,box-shadow .2s}
.ochips a.all{padding:0 16px}
.ochips a:hover{box-shadow:inset 0 0 0 2px #0f172a}
.ochips a small{font-weight:700;color:#64748b;font-size:12px}
.ochips a.on{background:#0f172a;color:#fff}.ochips a.on small{color:#cbd5e1}
@media(max-width:700px){.ochips a{flex:0 0 auto}}
.fl.err input,.fl.err select,.fl.err textarea{border-color:#C62828}
.fl .em{color:#C62828;font-size:13px;font-weight:700;margin-top:4px;display:block}
.fmsg{border-radius:14px;padding:14px 18px;font-weight:700;margin:12px 0}
.fmsg.ok{background:#e3f4e6;color:#1B6B2C}.fmsg.bad{background:#fde8e8;color:#9b1c1c}
.katpolje[hidden],[data-cena][hidden],img[hidden]{display:none!important}
.fchips a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:99px;background:#fff;font-weight:800;font-size:14px;box-shadow:inset 0 0 0 2px #e2e8f0;transition:background .2s,color .2s,box-shadow .2s}
.fchips a small{font-weight:700;color:#64748b;font-size:12px}
.fchips a:hover{box-shadow:inset 0 0 0 2px #0f172a}
.fchips a.on{background:#0f172a;color:#fff}.fchips a.on small{color:#cbd5e1}
@media(max-width:600px){.fchips a{flex:0 0 auto}}
/* Avatar autora: u koloni (mobilni) ne sme da se razvuče */
.aut>.av{flex:0 0 auto;align-self:flex-start;width:64px;height:64px;min-width:64px;min-height:0}
/* RSS stranica */
.rssb{margin-top:20px;padding:28px}
.rssb h1{font-size:34px;letter-spacing:-1px;margin:0 0 14px}
.rssb p{line-height:1.65;color:#334155;margin:0 0 12px;max-width:820px}
.rssl{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px}
.rssf{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:12px 14px;border-radius:14px;background:#f8fafc}
.rssf.sub{margin-left:24px;background:#fff;box-shadow:inset 0 0 0 1px #e2e8f0}
.rssf b{font-size:15px}
.rssf a{font-size:14px;color:#1565C0;overflow-wrap:anywhere}
.rcp{font:800 13px 'Plus Jakarta Sans',Arial,sans-serif;border:0;border-radius:99px;padding:8px 14px;background:#0f172a;color:#fff;cursor:pointer}
@media(max-width:700px){.rssb{padding:18px 16px}.rssb h1{font-size:28px}.rssf{grid-template-columns:minmax(0,1fr) auto}.rssf a{grid-column:1/-1;grid-row:2}.rssf.sub{margin-left:12px}}
/* Vest: lajk i deljenje u odvojenim trakama; sakrivena poruka o odgovoru */
.abar.shb{margin-top:12px}
.fl[hidden]{display:none!important}
.abar.shb .shr{background:none;padding:0;box-shadow:none;border-radius:0;width:100%}.abar.shb .shr a{height:38px;padding:0 12px}
@media(max-width:600px){.abar.shb .shr a{width:44px;height:44px;padding:0}}
/* Izbor pisma (gornja traka) */
.pismo{display:inline-flex;gap:2px;vertical-align:middle;background:#1e293b;border-radius:99px;padding:2px}
.pismo a{padding:2px 10px;border-radius:99px;font-weight:800;font-size:12px;color:#cbd5e1}
.pismo a.on{background:#F5B700;color:#0f172a}
.pismo a:not(.on):hover{color:#fff}

/* ---- Ankete (/ankete) ---- */
.aklist{align-items:start;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 8px}
.akc{background:#fff;border-radius:20px;padding:20px 20px 16px;box-shadow:0 2px 10px #0f172a14;border-top:5px solid #cbd5e1;display:flex;flex-direction:column;scroll-margin-top:90px}
.akc.on{border-top-color:#F5B700}
.akc header{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-size:13px;font-weight:600;color:#64748b}
.akst{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-weight:800;font-size:12px;letter-spacing:.2px}
.akst::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.akst.a{background:#dcfce7;color:#166534}
.akst.z{background:#e2e8f0;color:#475569}
.akc h2{font-size:18px;line-height:1.3;font-weight:800;margin:0 0 14px}
.ak-telo{margin-top:2px}
.ak-telo .anketa-ukupno{margin:10px 0 0}
.ak-telo .btn{border:0;cursor:pointer;font-family:inherit;padding:11px 22px}
.akhint{font-size:12px;color:#64748b;font-weight:600;margin-left:6px}
.res.lead i{background:#F5B700aa}
.res.lead span b{color:#0D2B52}
.anketa-ukupno{font-size:13px;font-weight:700;color:#64748b}
@media(max-width:760px){.aklist{grid-template-columns:1fr}.akc{padding:16px 14px 14px}}

/* ---- Marketing box (naslovna), marketing, kontakt, impresum, statične stranice ---- */
.mkt{background:linear-gradient(145deg,#0D2B52,#17406f);color:#fff;border-radius:20px;padding:20px;position:relative;overflow:hidden}
.mkt::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:#F5B70033}
.mkt h2{color:#fff;font-size:20px;margin:10px 0 8px}
.mkt p{font-size:14px;line-height:1.55;font-weight:500;color:#dbe6f3;margin:0 0 14px}
.mki{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:#F5B700;color:#0f172a}
.mkm{display:block;font-weight:800;font-size:15px;color:#F5B700;margin:0 0 14px;word-break:break-all}
.mkm:hover{text-decoration:underline}
.mkt .btn{background:#F5B700;color:#0f172a;display:block;text-align:center}
.mkt .btn:hover{background:#ffcb2e}
.mkb{display:inline-flex;align-items:center;gap:8px;background:#0f172a;color:#fff}
.mkg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0 8px}
@media(max-width:900px){.mkg{grid-template-columns:1fr 1fr}}@media(max-width:560px){.mkg{grid-template-columns:1fr}}
.mkg .mkf{margin:0;padding:20px}
.mkf h3{font-size:17px;font-weight:800;margin:12px 0 6px}
.mkf p{margin:0;font-size:14px;line-height:1.55;color:#475569;font-weight:500}
.mkg .mkf .mki{background:#fff4cc;color:#8a6500}
.mkg3 .mkf h3{margin-top:0}
.kinfo h2{margin-bottom:10px}
.kr{display:flex;gap:12px;align-items:center;padding:11px 0;border-top:1px solid #e2e8f0;font-weight:600;font-size:14px;word-break:break-word}
.kr:first-of-type{border-top:0}
.kr svg{flex:0 0 20px;color:#0D2B52}
.kr b{display:block;font-size:12px;color:#64748b;font-weight:700}
.kr:hover span{text-decoration:underline}
.kmr{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.kmr a{background:#f1f5f9;border-radius:99px;padding:7px 14px;font-weight:800;font-size:13px}
.kmr a:hover{background:#e2e8f0}
.imp dl{margin:0;display:grid;gap:0}
.imp dl>div{display:grid;grid-template-columns:220px 1fr;gap:14px;padding:13px 0;border-top:1px solid #e2e8f0}
.imp dl>div:first-child{border-top:0}
.imp dt{font-weight:800;color:#64748b;font-size:14px}
.imp dd{margin:0;font-weight:600}
.imp dd a{color:#0D2B52;text-decoration:underline}
.stx{margin-top:20px;padding:26px 28px}
.stx h1{font-size:32px;font-weight:800;letter-spacing:-.8px;margin:0 0 16px}
.txt{line-height:1.7;font-size:16px}
.txt p{margin:0 0 14px}.txt h2,.txt h3{margin:22px 0 8px;font-weight:800}.txt ul,.txt ol{padding-left:22px;margin:0 0 14px}.txt a{color:#0D2B52;text-decoration:underline}
.fbot{border-top:1px solid #334155;margin-top:24px;padding-top:18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:14px}
.flinks{display:flex;flex-wrap:wrap;gap:6px 18px}
.flinks a:hover,.fizrada a:hover{color:#fff}
.fizrada{flex-basis:100%;font-size:13px;color:#94a3b8}
.fizrada a{font-weight:800;color:#F5B700}
@media(max-width:700px){.imp dl>div{grid-template-columns:1fr;gap:2px}.stx{padding:20px 16px}.stx h1{font-size:26px}}

/* ---- Vremenska prognoza (/vreme) ---- */
.vhero{background:linear-gradient(135deg,#0b5ea8,#2AA7B3);color:#fff;border-radius:24px;padding:28px 30px;margin-top:8px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end;justify-content:space-between}
.vhero .aht h1{font-size:34px}
.vhero .aht p{color:#e6f5f7}
.vsel{display:flex;gap:8px;background:#fff;border-radius:99px;padding:6px;box-shadow:0 8px 24px #0f172a33}
.vsi{display:flex;align-items:center;gap:8px;padding-left:14px;color:#0b5ea8}
.vsi select{height:44px;border:0;background:none;font:800 16px 'Plus Jakarta Sans',Arial,sans-serif;color:#0f172a;min-width:170px;cursor:pointer}
.vsi select:focus{outline:none}
.vsel .btn{border:0;cursor:pointer;height:44px;padding:0 22px;font:800 15px 'Plus Jakarta Sans',Arial,sans-serif}
.vnow{margin-top:20px;padding:22px}
.vn1{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.vdt{font-size:13px;font-weight:700;color:#64748b}
.vtemp{font-size:76px;font-weight:800;line-height:1;letter-spacing:-3px;margin:4px 0}
.vtemp small{font-size:28px;font-weight:700;letter-spacing:0;vertical-align:top;margin-left:2px;color:#64748b}
.vop{font-size:20px;font-weight:800}
.vos{font-size:14px;font-weight:600;color:#475569;margin-top:4px}
.vic img{display:block;width:112px;height:112px}
.vst{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px}
.vs1{display:flex;gap:10px;align-items:center;background:#f1f5f9;border-radius:14px;padding:10px 12px}
.vs1 svg{flex:0 0 20px;color:#0b5ea8}
.vs1 small{display:block;font-size:11px;font-weight:700;color:#64748b}
.vs1 b{font-size:15px;font-weight:800}
.vh2{margin-top:20px}
.vh2 h2{font-size:16px;font-weight:800;margin:0 0 10px}
.vsat{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.vsat>div{flex:0 0 66px;display:flex;flex-direction:column;align-items:center;gap:2px;background:#f1f5f9;border-radius:14px;padding:8px 4px;font-size:13px}
.vsat small{font-weight:700;color:#64748b}
.vsat b{font-size:16px;font-weight:800}
.vsat em{font-style:normal;font-size:11px;font-weight:700;color:#0b5ea8}
.vdani{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:14px 0 6px}
.vday{margin:0;text-align:center;padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}
.vday>b{font-size:16px;font-weight:800}
.vday>small{color:#64748b;font-weight:700}
.vmm{display:flex;gap:10px;align-items:baseline;font-size:22px}
.vmm span{font-weight:700;color:#64748b;font-size:18px}
.vday p{margin:4px 0 0;font-weight:700;font-size:13px;line-height:1.3}
.vday em{font-style:normal;font-size:12px;font-weight:700;color:#0b5ea8;margin-top:2px}
.vmap{padding:14px;margin-bottom:0}
.vmw{position:relative;width:100%;max-width:620px;margin:0 auto}
.vmw svg{position:absolute;inset:0;width:100%;height:100%}
.vmw path{fill:#dbeafe;stroke:#0b5ea8;stroke-width:1.4;stroke-linejoin:round}
.pin{position:absolute;transform:translate(calc(-50% + var(--dx,0px)),calc(-50% + var(--dy,0px)));display:flex;align-items:center;gap:1px;background:#fff;border-radius:99px;padding:2px 8px 2px 3px;box-shadow:0 2px 8px #0f172a40;font-size:12px;line-height:1;white-space:nowrap;transition:transform .15s,box-shadow .15s;z-index:1}
.pin img{width:24px;height:24px;display:block}
.pin b{font-weight:800;font-size:13px;color:#0f172a}
.pin span{display:none;font-weight:700;font-size:11px;color:#475569;margin-left:5px}
.pin:hover,.pin:focus-visible{z-index:5;box-shadow:0 4px 14px #0f172a66;background:#fff4cc;outline:none}
.pin:hover span,.pin:focus-visible span{display:inline}
.pin.on{background:#0D2B52;z-index:4}.pin.on b,.pin.on span{color:#fff}
.pin.on span{display:inline}
.vgr{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.vgr .box{margin:0;padding:10px 14px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;transition:box-shadow .15s}
.vgr .box span{flex:1;min-width:0}
.vgr .box b{font-weight:800;font-size:16px}
.vgr .box:hover{box-shadow:0 4px 14px #0f172a22}
.vgr .box.on{background:#0D2B52;color:#fff}
.vgr .box em{font-style:normal;color:#94a3b8}
@media(max-width:700px){.vhero{padding:22px 18px}.vhero .aht h1{font-size:26px}.vsel{width:100%}.vsi{flex:1}.vsi select{min-width:0;width:100%}.vtemp{font-size:60px}.vdani{grid-template-columns:1fr}.vday{flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left}.vday p{flex-basis:100%;margin:0}.pin img{display:none}.pin{padding:3px 7px}.pin b{font-size:12px}.vmap{padding:8px}}

/* ---- Gornja traka: datum levo, temperatura i pismo desno, sve u istoj ravni ---- */
.topbar{align-items:center}
.tbd,.tbr{display:inline-flex;align-items:center;line-height:1}
.tbr{gap:12px}
.tbt{display:inline-flex;align-items:center;gap:5px;color:#e2e8f0}
.tbt:hover{color:#fff}
.tbt b{font-weight:800}
.tbs{width:1px;height:14px;background:#475569;display:block}
.pismo{vertical-align:baseline}

/* ---- Slika dana ---- */
.sdbox{background:#fff;border-radius:20px;overflow:visible;margin-bottom:8px;box-shadow:0 2px 10px #0f172a14}
.sdbp{display:block;position:relative;border-radius:20px 20px 0 0;overflow:hidden;background:#e2e8f0;aspect-ratio:16/10}
.sdbp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.sdbp:hover img{transform:scale(1.03)}
.sdbd{position:absolute;left:14px;top:14px;background:#0f172acc;color:#fff;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:800;backdrop-filter:blur(4px)}
.sdbb{padding:16px 18px 18px}
.sdbb>p{margin:0 0 12px;font-size:16px;line-height:1.5;font-weight:600}
.sdm{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sdm>span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#64748b}
.sda{display:flex;align-items:center;gap:8px}
.sda .sh{margin-left:0}
.sdl{display:inline-flex;align-items:center;gap:6px;border:0;background:#f1f5f9;color:#0f172a;border-radius:99px;padding:8px 14px;font:800 14px 'Plus Jakarta Sans',Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}
.sdl:hover{background:#e2e8f0}
.sdl.on{background:#fde8e8;color:#C62828}
.sdl.on svg{fill:#C62828}
.sdl b{font-weight:800;min-width:1ch}
.sdsend{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;width:100%;box-sizing:border-box;border:0;cursor:pointer;background:#F5B700;color:#0f172a;font-family:inherit;padding:13px 18px}
.sdsend:hover{background:#ffcb2e}
.sdprazno{text-align:center;padding:26px 20px}
.sdprazno .mki{margin-bottom:10px}
.sdd{border:0;border-radius:22px;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);box-shadow:0 24px 64px #0f172a66;color:#0f172a}
.sdd::backdrop{background:#0f172acc}
.sdd .dfm{padding:0 22px 22px}
.sddh{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 6px;position:sticky;top:0;background:#fff;z-index:2}
.sddh h2{margin:0;font-size:22px;font-weight:800}
.sdx{border:0;background:#f1f5f9;width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:#0f172a}
.sdx:hover{background:#e2e8f0}
.sdf .fg{margin-top:12px}
.sdf .ups{margin-top:10px}
.sdh .btn.sdpb{display:inline-flex;align-items:center;gap:8px;background:#0f172a;color:#fff}
.sdday{margin-top:24px}
.sdday>h2{font-size:20px;font-weight:800;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.sdday>h2::before{content:"";width:6px;height:24px;border-radius:3px;background:#F5B700}
.sdg{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.sdc{background:#fff;border-radius:18px;box-shadow:0 2px 10px #0f172a14;display:flex;flex-direction:column}
.sdp{display:block;border-radius:18px 18px 0 0;overflow:hidden;aspect-ratio:4/3;background:#e2e8f0}
.sdp img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.sdp:hover img{transform:scale(1.04)}
.sdb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.sdb p{margin:0;font-size:14px;line-height:1.5;font-weight:600}
.sdb .sdm{margin-top:auto}
.sdpos{margin-top:28px}
.sdpos h2{margin:0 0 6px}
.sdj{padding:0;overflow:visible}
.sdjp{border-radius:20px 20px 0 0;overflow:hidden;background:#0f172a}
.sdjp img{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain;margin:0 auto}
.sdjb{padding:18px 22px 22px}
.sdjd{margin:0 0 6px;font-size:13px;font-weight:800;color:#64748b}
.sdjb h1{font-size:22px;line-height:1.35;font-weight:800;margin:0 0 14px}
.sdn{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0}
.sdn .btn{display:inline-flex;align-items:center;gap:6px}
@media(max-width:700px){.sdg{grid-template-columns:1fr}.sdd .dfm{padding:0 14px 16px}.sddh{padding:14px 14px 4px}.sdjb{padding:14px 14px 18px}.sdjb h1{font-size:19px}}
.sda .ash .tip{left:auto;right:-4px}
.sda .ash .tip:after{left:auto;right:22px}
.sdside{padding:16px 16px 14px}
.sdside .sdbp{border-radius:14px;aspect-ratio:4/3;margin-bottom:12px}
.sdside .sdt{font-size:17px;line-height:1.3;font-weight:800;margin:0 0 6px}
.sdside .sdo{margin:0 0 10px;font-size:13.5px;line-height:1.5;font-weight:500;color:#475569}
.sdside .sdsend{margin-top:12px}
.sdside .more{display:block;text-align:center;margin-top:10px}
.sdb h3{margin:0;font-size:16px;line-height:1.3;font-weight:800}
.sdjo{margin:0 0 14px;line-height:1.65;font-size:16px;font-weight:500;color:#334155}

/* izvor vesti (Izvor: Tanjug) */
.aizvor{margin:18px 0 0;padding-top:12px;border-top:1px solid #e5e9f0;font-size:14px;color:#475569}
.aizvor b,.aizvor a{font-weight:700;color:#0D2B52}
.aizvor a{text-decoration:underline;text-underline-offset:3px}

/* Donja traka (mobilni): aktivna stavka */
@media(max-width:768px){.tl.on{color:#C62828}}

/* Embed-ovi u tekstu vesti (Instagram, TikTok, Facebook, YouTube) */
.abody figure:has(iframe){margin:24px auto;max-width:100%;text-align:center}
.abody iframe{display:block;margin:0 auto}
.abody iframe[src*="youtube"],.abody iframe[src*="vimeo.com"]{width:100%;aspect-ratio:16/9;height:auto;border-radius:14px}
.abody iframe[src*="instagram.com"]{width:100%;max-width:540px;height:720px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}
.abody iframe[src*="tiktok.com"]{width:100%;max-width:340px;height:740px;border-radius:14px;background:#fff}
.abody iframe[src*="facebook.com"]{width:100%;max-width:560px;border-radius:14px;background:#fff}

/* Video player u tekstu vesti + reklama pre klipa */
.abody figure:has(video){margin:24px auto;max-width:100%}
.vplayer{position:relative;max-width:100%;margin:0 auto;border-radius:14px;overflow:hidden;background:#000;line-height:0}
.vplayer>video{width:100%;height:auto;max-height:80vh;display:block;background:#000}
.abody video:not(.vplayer>video){width:100%;height:auto;border-radius:14px;background:#000}
.vpl-ad{position:absolute;inset:0;background:#000;z-index:2}
.vpl-ad video{width:100%;height:100%;object-fit:contain;border-radius:0;cursor:pointer}
.vpl-lab{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.62);color:#fff;font:700 12px/1 'Plus Jakarta Sans',Arial,sans-serif;padding:6px 9px;border-radius:6px;letter-spacing:.03em;text-transform:uppercase}
.vpl-skip{position:absolute;right:10px;bottom:14px;background:rgba(0,0,0,.72);color:#fff;border:1px solid rgba(255,255,255,.45);font:700 14px/1 'Plus Jakarta Sans',Arial,sans-serif;padding:11px 16px;border-radius:8px;cursor:pointer}
.vpl-skip:disabled{opacity:.75;cursor:default}
.vpl-skip:not(:disabled):hover{background:#fff;color:#000}
.vpl-vise{position:absolute;left:10px;bottom:14px;background:#C62828;color:#fff!important;font:800 14px/1 'Plus Jakarta Sans',Arial,sans-serif;padding:11px 16px;border-radius:8px;text-decoration:none!important}

/* ---- Horoskop ---- */
.hznaci{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:22px 0 20px}
.hint-dan{margin:6px 0 0;font-size:16px;color:#475569}
.hznaci a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:14px;background:#fff;font-weight:800;font-size:13px;transition:background .2s,color .2s,transform .2s}
.hznaci a i{font-style:normal;font-size:22px;line-height:1;color:#6A1B9A;transition:color .2s}
.hznaci a:hover,.hznaci a.on{background:#6A1B9A;color:#fff}
.hznaci a:hover i,.hznaci a.on i{color:#fff}
.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hk{display:flex;flex-direction:column;gap:10px;padding:20px;border-top:6px solid #6A1B9A}
.hk .hh{display:flex;align-items:center;gap:12px}
.hk .hh i{font-style:normal;font-size:34px;line-height:1;color:#6A1B9A}
.hk .hh b{display:block;font-size:19px}.hk .hh small{color:#64748b;font-size:13px}
.hk p{margin:0;font-size:15px;line-height:1.6;color:#334155}
.hvise{margin-top:auto;font-weight:800;font-size:14px;color:#6A1B9A}
.hdet{display:flex;flex-direction:column;gap:14px}
.hhero{display:flex;align-items:center;gap:18px;padding:22px 26px;border-radius:18px;background:linear-gradient(135deg,#4a148c,#6A1B9A 60%,#8e24aa);color:#fff}
.hhero i{font-style:normal;font-size:56px;line-height:1}
.hhero h2{margin:0;font-size:30px;color:#fff}.hhero small{color:#fff;opacity:.85;font-size:14px}
.hsek{padding:20px 24px;border-left:6px solid #6A1B9A}
.hsek h3{margin:0 0 8px;font-size:17px;color:#6A1B9A}
.hsek p{margin:0;font-size:17px;line-height:1.75}
.hsek.ljubav{border-left-color:#C62828}.hsek.ljubav h3{color:#C62828}
.hsek.posao{border-left-color:#1565C0}.hsek.posao h3{color:#1565C0}
.hsek.zdravlje{border-left-color:#2E7D32}.hsek.zdravlje h3{color:#2E7D32}
@media(max-width:700px){.hznaci{grid-template-columns:repeat(4,1fr)}.hgrid{grid-template-columns:1fr}.hhero{padding:18px}.hhero i{font-size:44px}}

.hnebo{margin-top:20px;padding:20px 24px;border-top:6px solid #6A1B9A}
.hnebo h2{margin:0 0 10px;font-size:18px}
.hnebo ul{margin:0 0 10px;padding-left:20px;line-height:1.8;font-size:15px}
.hnebo small{color:#64748b;font-size:13px;line-height:1.5;display:block}