/* Galaksija v20 — modern visual layer over legacy Bootstrap 2 */
:root{--g-bg:#f4f7fa;--g-surface:#fff;--g-ink:#14202b;--g-muted:#687783;--g-line:#dfe7ec;--g-navy:#071b2b;--g-navy2:#0c2a40;--g-accent:#0aa6c2;--g-accent-dark:#087f96;--g-radius:12px;--g-shadow:0 14px 40px rgba(13,38,54,.08);--g-max:1280px}
html{background:var(--g-bg)}
body{margin:0!important;background:var(--g-bg)!important;color:var(--g-ink);font-family:"Inter",Arial,sans-serif!important;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
*,*:before,*:after{box-sizing:border-box}
a{color:var(--g-accent-dark);transition:.18s ease}a:hover,a:focus{color:var(--g-accent);text-decoration:none}
img{max-width:100%;height:auto}
#page,.centar{width:min(var(--g-max),calc(100% - 48px))!important;max-width:var(--g-max)!important;margin-left:auto!important;margin-right:auto!important}
#page{margin-top:18px!important;margin-bottom:40px!important;background:#fff;box-shadow:var(--g-shadow)}
.centar{min-height:36px;padding:7px 4px 6px;text-align:right;color:#8293a0;font-size:13px}
.centar>a,.centar #login a{color:#526875;font-weight:600}.centar>a:hover,.centar #login a:hover{color:var(--g-accent-dark)}
.centar input#login{width:auto;height:auto;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#526875;font:inherit;font-weight:600}

/* header */
#header.container{position:relative;width:min(var(--g-max),calc(100% - 48px))!important;max-width:var(--g-max)!important;margin:0 auto!important;padding:0!important;background:var(--g-navy)!important;box-shadow:0 10px 30px rgba(3,23,36,.12)}
#mast-head{float:none!important;width:100%!important;max-width:none!important;padding:25px 34px 21px;border-bottom:1px solid rgba(255,255,255,.09)}
#logo{padding:0!important}#logo a{display:inline-flex;align-items:center}#logo img{display:block;width:auto;height:35px;max-width:220px}
#header .navbar{min-height:58px;margin:0!important;padding:0 20px;border:0!important;border-radius:0!important;background:var(--g-navy)!important;background-image:none!important;box-shadow:none!important}
#header .navbar .nav{display:flex;align-items:stretch;float:none;margin:0}
#header .navbar .nav>li{position:relative;float:none}
#header .navbar .nav>li>a{display:flex;align-items:center;min-height:58px;padding:0 13px!important;border:0!important;background:transparent!important;color:#dbe8ee!important;font-size:13px;font-weight:600;line-height:1.25;text-shadow:none!important;white-space:nowrap}
#header .navbar .nav>li>a:hover,#header .navbar .nav>li>a:focus{background:rgba(255,255,255,.055)!important;color:#fff!important}
#header .navbar .nav>li>a:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;background:var(--g-accent);transform:scaleX(0);transition:transform .18s ease}
#header .navbar .nav>li:hover>a:after,#header .navbar .nav>li>a:focus:after{transform:scaleX(1)}
#header .home-link img{width:17px;height:17px;opacity:.88}
#header ul.nav li>ul.sub-menu{position:absolute;z-index:9999;top:100%;left:0;display:none;width:250px;margin:0;padding:8px 0;list-style:none;border:1px solid rgba(255,255,255,.06);border-top:3px solid var(--g-accent);border-radius:0 0 9px 9px;background:var(--g-navy2);box-shadow:0 18px 35px rgba(0,0,0,.22)}
#header ul.nav li:hover>ul.sub-menu{display:block}
#header ul.sub-menu li{display:block;width:100%;margin:0}
#header ul.sub-menu li a{display:block;padding:10px 17px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:#d7e5eb!important;background:transparent!important;font-size:13px;line-height:1.35}
#header ul.sub-menu li a:hover{color:#fff!important;background:rgba(255,255,255,.07)!important}

/* top stories */
#headline{padding:30px 34px!important;background:#eef3f6!important}
#headline .row-fluid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#headline .row-fluid [class*="span"]{float:none!important;width:auto!important;min-height:0!important;margin:0!important}
#headline .post{height:100%;min-height:112px;margin:0!important;padding:12px!important;border:1px solid #e2e9ed;border-radius:9px;background:#fff!important;box-shadow:0 5px 16px rgba(13,38,54,.035)}
#headline .post img{width:43%;height:88px;margin:0 12px 0 0!important;object-fit:cover;border-radius:6px}
#headline .post h3{color:var(--g-ink);font-family:"Inter",Arial,sans-serif;font-size:13px!important;font-weight:700!important;line-height:1.35!important}
#headline .post a{color:var(--g-ink)!important}#headline .post a:hover{color:var(--g-accent-dark)!important}

/* breaking/search */
#intr{height:auto!important;min-height:48px;padding:0 34px!important;border-top:1px solid var(--g-line)!important;border-bottom:1px solid var(--g-line)!important;background:#fff!important}
.brnews{min-height:47px;padding:11px 0!important}.brnews h3{width:auto!important;margin-right:18px!important;padding:7px 12px!important;border-radius:5px;background:var(--g-navy)!important;background-image:none!important;font-family:"Inter",Arial,sans-serif;font-size:10px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase}.brnews a{color:#465a67!important}
#intr .search form{border-left:1px solid var(--g-line)!important;background:#fff!important}#intr .search input[type=text]{height:47px!important;padding:0 14px;font-size:13px}#intr input#searchsubmit{height:47px!important;background-color:var(--g-navy)!important}

/* content */
#content{padding:40px 34px 60px!important;background:#fff!important}
h1,h2,h3,h4,h5,h6,h1.entry-title,h3.title{font-family:"Space Grotesk","Inter",Arial,sans-serif!important}
h3.title,h1.entry-title{border-bottom-color:var(--g-line)!important}.title span,h1.entry-title span,.title a{background:var(--g-navy)!important;border-color:var(--g-navy)!important}
h4.post-title,h4.post-title a{color:var(--g-ink)!important}h4.post-title a:hover{color:var(--g-accent-dark)!important}.moretag a{border-radius:5px;background:var(--g-navy)!important}.moretag a:hover{background:var(--g-accent-dark)!important}
a#responsive-menu-button{margin-top:10px!important;border:1px solid rgba(255,255,255,.15)!important;background:rgba(255,255,255,.07)!important;background-image:none!important;box-shadow:none!important}

@media(max-width:1180px){#header .navbar{padding-left:12px;padding-right:12px}#header .navbar .nav>li>a{padding-left:9px!important;padding-right:9px!important;font-size:12px}#headline .row-fluid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:979px){#page,.centar,#header.container{width:calc(100% - 28px)!important}#mast-head{padding:19px 20px}#header .navbar{min-height:52px}#headline{padding:22px 20px!important}#intr{padding-left:20px!important;padding-right:20px!important}#content{padding:30px 20px 45px!important}}
@media(max-width:767px){body{padding-left:0!important;padding-right:0!important}#page,.centar,#header.container{width:calc(100% - 20px)!important}.centar{font-size:12px}#mast-head{padding:17px 16px}#logo img{height:30px}#headline{padding:16px!important}#headline .row-fluid{grid-template-columns:1fr;gap:12px}#headline .post{min-height:100px}#headline .post img{width:38%;height:76px}#intr{padding:0 16px!important}#content{padding:24px 16px 38px!important}}
@media(max-width:480px){#page,.centar,#header.container{width:100%!important}#page{margin-top:0!important;box-shadow:none}#headline .post img{width:112px}}


/* G20 EDITORIAL HERO — independent from legacy theme */
.g20-hero{width:min(var(--g-max),calc(100% - 48px));max-width:var(--g-max);margin:0 auto;padding:32px 34px 36px;background:#fff}
.g20-hero__inner{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr);grid-template-rows:auto auto;gap:20px}
.g20-hero a{color:inherit;text-decoration:none}.g20-hero img{display:block;width:100%;height:100%;object-fit:cover}
.g20-hero__main{position:relative;grid-row:1/span 2;min-height:520px;overflow:hidden;border-radius:14px;background:#071b2b}
.g20-hero__main-media{position:absolute;inset:0}.g20-hero__main-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,17,27,.02) 30%,rgba(4,17,27,.9) 100%)}
.g20-hero__main-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:38px 40px;color:#fff}
.g20-kicker{margin-bottom:8px;color:#18bdd8;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.g20-hero__title{max-width:850px;margin:0;color:#fff!important;font-family:"Space Grotesk","Inter",sans-serif!important;font-size:clamp(32px,3.3vw,52px)!important;font-weight:700!important;line-height:1.04!important;letter-spacing:-.035em}
.g20-hero__title a{color:#fff!important}.g20-hero__summary{max-width:720px;margin:15px 0 0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.55}
.g20-hero__feature{display:grid;grid-template-columns:46% 1fr;min-height:230px;overflow:hidden;border:1px solid var(--g-line);border-radius:12px;background:#f7fafb}
.g20-hero__feature-media{min-height:230px;overflow:hidden}.g20-hero__feature-content{display:flex;flex-direction:column;justify-content:center;padding:22px}
.g20-hero__feature h2{margin:0;color:var(--g-ink)!important;font-size:22px!important;line-height:1.15!important;letter-spacing:-.02em}
.g20-hero__small-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.g20-story-card{overflow:hidden;border:1px solid var(--g-line);border-radius:11px;background:#fff}.g20-story-card__media{display:block;height:115px;overflow:hidden}.g20-story-card__content{padding:13px 14px 15px}
.g20-story-card .g20-kicker{margin-bottom:5px;font-size:9px}.g20-story-card h3{margin:0;color:var(--g-ink)!important;font-size:15px!important;line-height:1.25!important}
.g20-hero__main img,.g20-hero__feature img,.g20-story-card img{transition:transform .45s ease}.g20-hero__main:hover img,.g20-hero__feature:hover img,.g20-story-card:hover img{transform:scale(1.025)}
@media(max-width:979px){.g20-hero{width:calc(100% - 28px);padding:24px 20px 28px}.g20-hero__inner{grid-template-columns:1fr;grid-template-rows:auto}.g20-hero__main{grid-row:auto;min-height:480px}.g20-hero__feature{grid-template-columns:40% 1fr}}
@media(max-width:767px){.g20-hero{width:calc(100% - 20px);padding:16px}.g20-hero__main{min-height:430px}.g20-hero__main-content{padding:25px 22px}.g20-hero__title{font-size:34px!important}.g20-hero__feature{grid-template-columns:1fr}.g20-hero__feature-media{height:210px;min-height:0}}
@media(max-width:520px){.g20-hero{width:100%}.g20-hero__main{min-height:390px;border-radius:9px}.g20-hero__title{font-size:29px!important}.g20-hero__summary{display:none}.g20-hero__small-grid{grid-template-columns:1fr}.g20-story-card{display:grid;grid-template-columns:120px 1fr}.g20-story-card__media{height:100%}}

/* =========================================================
   G20 LATEST + SEARCH
   Independent from legacy #intr / .brnews / #scroller styles.
   ========================================================= */
.g20-latest{
  width:min(var(--g-max),calc(100% - 48px));
  max-width:var(--g-max);
  margin:0 auto;
  padding:0 34px 28px;
  background:#fff;
}
.g20-latest__inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 260px;
  align-items:center;
  min-height:62px;
  border-top:1px solid var(--g-line);
  border-bottom:1px solid var(--g-line);
}
.g20-latest__label{
  display:flex;
  align-items:center;
  gap:8px;
  padding-right:20px;
  color:var(--g-navy);
  font-size:11px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}
.g20-latest__dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--g-accent);
  box-shadow:0 0 0 4px rgba(10,166,194,.11);
}
.g20-latest__stories{
  display:flex;
  min-width:0;
  overflow:hidden;
  border-left:1px solid var(--g-line);
}
.g20-latest__story{
  position:relative;
  flex:0 0 auto;
  max-width:380px;
  padding:0 22px;
  color:#344956!important;
  font-size:13px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.g20-latest__story + .g20-latest__story:before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:1px;
  background:var(--g-line);
}
.g20-latest__kicker{
  margin-right:5px;
  color:var(--g-accent-dark);
  font-size:9px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.g20-latest__story:hover .g20-latest__title{
  color:var(--g-accent-dark);
}
.g20-search{
  display:flex;
  align-items:center;
  height:40px;
  margin:0 0 0 18px;
  overflow:hidden;
  border:1px solid var(--g-line);
  border-radius:8px;
  background:#f7fafb;
}
.g20-search__label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.g20-search__input{
  flex:1;
  width:100%;
  height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--g-ink)!important;
  font-family:"Inter",Arial,sans-serif!important;
  font-size:12px!important;
}
.g20-search__input:focus{
  outline:none;
  box-shadow:none!important;
}
.g20-search__button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:40px;
  margin:-1px -1px -1px 0;
  padding:0;
  border:0;
  background:var(--g-navy);
  color:#fff;
  font-size:20px;
  cursor:pointer;
}
.g20-search__button:hover{
  background:var(--g-accent-dark);
}
@media(max-width:1050px){
  .g20-latest__inner{grid-template-columns:auto minmax(0,1fr)}
  .g20-search{display:none}
}
@media(max-width:767px){
  .g20-latest{width:calc(100% - 20px);padding:0 16px 20px}
  .g20-latest__inner{grid-template-columns:1fr;gap:0;padding:12px 0}
  .g20-latest__label{padding:0 0 9px}
  .g20-latest__stories{border-left:0;overflow-x:auto;padding-bottom:3px}
  .g20-latest__story{max-width:280px;padding:0 16px 0 0;margin-right:16px}
  .g20-latest__story + .g20-latest__story:before{display:none}
}
@media(max-width:520px){
  .g20-latest{width:100%}
}



   G20 EDITORIAL / IZDVAJAMO
   Replacement for legacy FlexSlider #slider / #slide-left.
   ========================================================= */
.g20-editorial{
  width:min(var(--g-max),calc(100% - 48px));
  max-width:var(--g-max);
  margin:0 auto;
  padding:18px 34px 48px;
  background:#fff;
}
.g20-editorial__heading{
  display:flex;
  align-items:flex-end;
  gap:22px;
  margin-bottom:22px;
}
.g20-section-eyebrow{
  display:block;
  margin-bottom:3px;
  color:var(--g-accent-dark);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.g20-editorial__heading h2{
  margin:0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:30px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.03em;
}
.g20-editorial__rule{
  flex:1;
  height:1px;
  margin-bottom:4px;
  background:var(--g-line);
}
.g20-editorial__grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,.75fr));
  gap:18px;
}
.g20-editorial-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--g-line);
  border-radius:12px;
  background:#fff;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.g20-editorial-card:hover{
  transform:translateY(-2px);
  border-color:#cad8df;
  box-shadow:0 12px 28px rgba(13,38,54,.08);
}
.g20-editorial-card__media{
  display:block;
  height:175px;
  overflow:hidden;
  background:#eaf0f3;
}
.g20-editorial-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.g20-editorial-card:hover .g20-editorial-card__media img{transform:scale(1.025)}
.g20-editorial-card__body{padding:17px 17px 18px}
.g20-editorial-card__meta{
  min-height:15px;
  margin-bottom:7px;
  color:var(--g-accent-dark);
  font-size:9px;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.g20-editorial-card__title{
  margin:0!important;
  color:var(--g-ink)!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.18!important;
  letter-spacing:-.02em;
}
.g20-editorial-card__title a{color:inherit!important;text-decoration:none}
.g20-editorial-card__title a:hover{color:var(--g-accent-dark)!important}
.g20-editorial-card__summary{
  margin:12px 0 0;
  color:var(--g-muted);
  font-size:13px;
  line-height:1.55;
}
.g20-editorial-card__more{
  display:inline-flex;
  gap:7px;
  align-items:center;
  margin-top:15px;
  color:var(--g-navy)!important;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.g20-editorial-card__more:hover{color:var(--g-accent-dark)!important}
.g20-editorial-card--lead .g20-editorial-card__media{height:250px}
.g20-editorial-card--lead .g20-editorial-card__body{padding:21px 22px 22px}
.g20-editorial-card--lead .g20-editorial-card__title{font-size:26px!important;line-height:1.12!important}

@media(max-width:1100px){
  .g20-editorial__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .g20-editorial-card--lead{grid-column:span 2}
  .g20-editorial-card--lead{display:grid;grid-template-columns:1.15fr .85fr}
  .g20-editorial-card--lead .g20-editorial-card__media{height:100%;min-height:280px}
}
@media(max-width:767px){
  .g20-editorial{width:calc(100% - 20px);padding:14px 16px 36px}
  .g20-editorial__heading h2{font-size:26px!important}
  .g20-editorial__grid{grid-template-columns:1fr}
  .g20-editorial-card--lead{grid-column:auto;display:block}
  .g20-editorial-card--lead .g20-editorial-card__media{height:240px;min-height:0}
  .g20-editorial-card__media{height:210px}
}
@media(max-width:520px){
  .g20-editorial{width:100%}
  .g20-editorial-card--lead .g20-editorial-card__title{font-size:23px!important}
}

/* =========================================================
   G20 NAJNOVIJE VIJESTI
   Replacement for legacy #home-top / .bxslider.
   ========================================================= */
.g20-fresh{
  margin:0 0 34px;
  padding:0;
}
.g20-fresh__heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.g20-fresh__heading h2{
  margin:0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:27px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:-.03em;
}
.g20-fresh__controls{
  display:flex;
  gap:7px;
}
.g20-fresh__arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  margin:0;
  padding:0;
  border:1px solid var(--g-line);
  border-radius:50%;
  background:#fff;
  color:var(--g-navy);
  font-size:17px;
  line-height:1;
  cursor:pointer;
  transition:.18s ease;
}
.g20-fresh__arrow:hover{
  border-color:var(--g-navy);
  background:var(--g-navy);
  color:#fff;
}
.g20-fresh__viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}
.g20-fresh__viewport::-webkit-scrollbar{display:none}
.g20-fresh__track{
  display:flex;
  gap:18px;
  width:max-content;
}
.g20-fresh-card{
  flex:0 0 230px;
  width:230px;
  overflow:hidden;
  scroll-snap-align:start;
  border:1px solid var(--g-line);
  border-radius:11px;
  background:#fff;
  transition:transform .2s ease,box-shadow .2s ease;
}
.g20-fresh-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(13,38,54,.08);
}
.g20-fresh-card__media{
  display:block;
  height:138px;
  overflow:hidden;
  background:#eaf0f3;
}
.g20-fresh-card__media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.g20-fresh-card:hover img{transform:scale(1.035)}
.g20-fresh-card__body{padding:13px 14px 16px}
.g20-fresh-card__date{
  display:block;
  margin-bottom:6px;
  color:var(--g-accent-dark);
  font-size:9px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.g20-fresh-card__title{
  margin:0!important;
  color:var(--g-ink)!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:-.015em;
}
.g20-fresh-card__title a{color:inherit!important;text-decoration:none}
.g20-fresh-card__title a:hover{color:var(--g-accent-dark)!important}

@media(max-width:767px){
  .g20-fresh{margin-bottom:28px}
  .g20-fresh__heading h2{font-size:24px!important}
  .g20-fresh-card{flex-basis:210px;width:210px}
  .g20-fresh-card__media{height:128px}
}

/* G20 TOPIC SECTIONS — left-column modules */
.g20-topic-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:0 0 38px}
.g20-topic-single{margin:0 0 38px}
.g20-topic{min-width:0}
.g20-topic__heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid var(--g-line)}
.g20-topic__heading h2{margin:0!important;font-family:"Space Grotesk","Inter",sans-serif!important;font-size:22px!important;line-height:1!important;letter-spacing:-.025em}
.g20-topic__heading h2 a{color:var(--g-navy)!important}
.g20-topic__all{color:var(--g-accent-dark)!important;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.g20-topic__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.g20-topic-card{min-width:0}
.g20-topic-card--lead{grid-row:span 2}
.g20-topic-card__media{display:block;overflow:hidden;border-radius:9px;background:#eaf0f3}
.g20-topic-card--lead .g20-topic-card__media{height:205px}.g20-topic-card--small .g20-topic-card__media{height:100px}
.g20-topic-card__media img,.g20-wide-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.g20-topic-card:hover img,.g20-wide-lead:hover img,.g20-wide-small:hover img{transform:scale(1.025)}
.g20-topic-card__body{padding-top:10px}.g20-topic-card__kicker{margin-bottom:5px;color:var(--g-accent-dark);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.g20-topic-card h3,.g20-wide-grid h3{margin:0!important;font-family:"Space Grotesk","Inter",sans-serif!important;font-weight:700!important;letter-spacing:-.015em}
.g20-topic-card--lead h3{font-size:20px!important;line-height:1.18!important}.g20-topic-card--small h3{font-size:14px!important;line-height:1.25!important}
.g20-topic-card h3 a,.g20-wide-grid h3 a{color:var(--g-ink)!important}.g20-topic-card h3 a:hover,.g20-wide-grid h3 a:hover{color:var(--g-accent-dark)!important}
.g20-topic-card p,.g20-wide-lead p{margin:9px 0 0;color:var(--g-muted);font-size:12px;line-height:1.5}
.g20-wide-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.g20-wide-lead{grid-row:span 2}.g20-wide-lead .g20-wide-card__media{height:235px}.g20-wide-small{display:grid;grid-template-columns:105px 1fr;gap:12px;padding-bottom:13px;border-bottom:1px solid var(--g-line)}
.g20-wide-small .g20-wide-card__media{height:78px;border-radius:8px;overflow:hidden}.g20-wide-card__body{padding-top:9px}.g20-wide-small .g20-wide-card__body{padding-top:0}
.g20-wide-lead h3{font-size:22px!important;line-height:1.16!important}.g20-wide-small h3{font-size:14px!important;line-height:1.25!important}
@media(max-width:1050px){.g20-topic-pair{grid-template-columns:1fr}.g20-wide-grid{grid-template-columns:1fr 1fr}.g20-wide-lead{grid-column:span 2;grid-row:auto}}
@media(max-width:650px){.g20-topic__grid,.g20-wide-grid{grid-template-columns:1fr}.g20-topic-card--lead,.g20-wide-lead{grid-column:auto;grid-row:auto}.g20-topic-card--small{display:grid;grid-template-columns:120px 1fr;gap:12px}.g20-topic-card--small .g20-topic-card__media{height:90px}.g20-wide-small{grid-template-columns:110px 1fr}}

/* =========================================================
   G20 MAIN PAGE GRID
   Replaces Bootstrap 2 row-fluid / span8 / span4 on homepage.
   ========================================================= */
#content.g20-content-shell{
  width:min(var(--g-max),calc(100% - 48px))!important;
  max-width:var(--g-max)!important;
  margin:0 auto!important;
  padding:36px 34px 55px!important;
  background:#fff!important;
}
.g20-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:34px;
  align-items:start;
}
.g20-main-content,
.g20-sidebar{
  min-width:0;
  width:auto!important;
  float:none!important;
  margin:0!important;
}
.g20-main-content{
  display:block;
}
.g20-sidebar{
  position:relative;
}
.g20-full-width{
  grid-column:1 / -1;
  min-width:0;
  margin-top:8px;
}

/* Modules inside main content must use the column width, not page width */
.g20-main-content > .g20-editorial{
  width:100%!important;
  max-width:none!important;
  margin:0 0 34px!important;
  padding:0!important;
}
.g20-main-content > .g20-fresh{
  width:100%!important;
  max-width:none!important;
}
.g20-main-content .g20-topic-pair,
.g20-main-content .g20-topic-single{
  width:100%;
  max-width:none;
}

/* Editorial cards need a layout suited to the real content-column width */
.g20-main-content .g20-editorial__grid{
  grid-template-columns:minmax(0,1.15fr) repeat(2,minmax(0,.75fr));
}
.g20-main-content .g20-editorial-card:nth-child(4){
  grid-column:2 / 4;
  display:grid;
  grid-template-columns:180px 1fr;
}
.g20-main-content .g20-editorial-card:nth-child(4) .g20-editorial-card__media{
  height:100%;
  min-height:145px;
}

/* Sidebar remains functional while its individual modules are modernized later */
.g20-sidebar > *{
  max-width:100%;
}
.g20-sidebar img,
.g20-sidebar iframe{
  max-width:100%;
}

/* Topic pairs: enough room for two sections without crushing cards */
.g20-main-content .g20-topic-pair{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px;
}
.g20-main-content .g20-topic__grid{
  grid-template-columns:1fr;
}
.g20-main-content .g20-topic-card--lead{
  grid-row:auto;
}
.g20-main-content .g20-topic-card--small{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:12px;
  padding-top:13px;
  border-top:1px solid var(--g-line);
}
.g20-main-content .g20-topic-card--small .g20-topic-card__media{
  height:82px;
}
.g20-main-content .g20-topic-card--small .g20-topic-card__body{
  padding-top:0;
}
.g20-main-content .g20-topic-card--lead .g20-topic-card__media{
  height:220px;
}

/* Wide single-topic section */
.g20-main-content .g20-wide-grid{
  grid-template-columns:1.15fr 1fr;
}
.g20-main-content .g20-wide-lead{
  grid-row:span 2;
}
.g20-main-content .g20-wide-small{
  grid-template-columns:105px minmax(0,1fr);
}

/* Kill legacy float side effects inside the new grid only */
.g20-main-grid:before,
.g20-main-grid:after,
.g20-main-content:before,
.g20-main-content:after{
  display:none!important;
  content:none!important;
}

@media(max-width:1050px){
  .g20-main-grid{
    grid-template-columns:minmax(0,1fr) 270px;
    gap:26px;
  }
  .g20-main-content .g20-topic-pair{
    grid-template-columns:1fr;
  }
  .g20-main-content .g20-editorial__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .g20-main-content .g20-editorial-card--lead{
    grid-column:1 / -1;
  }
  .g20-main-content .g20-editorial-card:nth-child(4){
    grid-column:auto;
    display:block;
  }
}

@media(max-width:850px){
  #content.g20-content-shell{
    width:calc(100% - 28px)!important;
    padding:28px 20px 45px!important;
  }
  .g20-main-grid{
    grid-template-columns:1fr;
  }
  .g20-sidebar{
    margin-top:18px!important;
  }
  .g20-full-width{
    grid-column:1;
  }
}

@media(max-width:600px){
  #content.g20-content-shell{
    width:calc(100% - 20px)!important;
    padding:24px 16px 38px!important;
  }
  .g20-main-content .g20-editorial__grid{
    grid-template-columns:1fr;
  }
  .g20-main-content .g20-editorial-card--lead{
    grid-column:auto;
  }
  .g20-main-content .g20-wide-grid{
    grid-template-columns:1fr;
  }
  .g20-main-content .g20-wide-lead{
    grid-row:auto;
  }
}

/* =========================================================
   G20 WIDE TOPIC FIX
   Lead story + independent four-story list.
   Add AFTER previous g20 topic/main-grid CSS.
   ========================================================= */
.g20-main-content .g20-wide-layout{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);
  gap:22px;
  align-items:start;
}

.g20-main-content .g20-wide-lead{
  display:block;
  min-width:0;
  grid-row:auto!important;
}

.g20-main-content .g20-wide-lead .g20-wide-card__media{
  display:block;
  width:100%;
  height:300px;
  overflow:hidden;
  border-radius:10px;
  background:#eaf0f3;
}

.g20-main-content .g20-wide-lead .g20-wide-card__body{
  position:static!important;
  display:block;
  width:100%;
  padding:14px 0 0!important;
  clear:both;
}

.g20-main-content .g20-wide-lead h3{
  margin:0!important;
  font-size:24px!important;
  line-height:1.12!important;
}

.g20-main-content .g20-wide-lead p{
  margin:10px 0 0!important;
  color:var(--g-muted);
  font-size:12px;
  line-height:1.55;
}

.g20-main-content .g20-wide-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  min-width:0;
}

.g20-main-content .g20-wide-small{
  display:grid!important;
  grid-template-columns:105px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start;
  min-height:95px;
  padding:0 0 14px!important;
  margin:0 0 14px!important;
  border-bottom:1px solid var(--g-line);
}

.g20-main-content .g20-wide-small:last-child{
  margin-bottom:0!important;
}

.g20-main-content .g20-wide-small .g20-wide-card__media{
  display:block;
  width:105px;
  height:78px!important;
  min-height:78px!important;
  overflow:hidden;
  border-radius:8px;
}

.g20-main-content .g20-wide-small .g20-wide-card__body{
  position:static!important;
  min-width:0;
  padding:0!important;
}

.g20-main-content .g20-wide-small h3{
  margin:0!important;
  font-size:14px!important;
  line-height:1.25!important;
}

@media(max-width:1050px){
  .g20-main-content .g20-wide-layout{
    grid-template-columns:minmax(0,1fr) minmax(270px,.85fr);
  }
  .g20-main-content .g20-wide-lead .g20-wide-card__media{
    height:270px;
  }
}

@media(max-width:700px){
  .g20-main-content .g20-wide-layout{
    grid-template-columns:1fr;
  }
  .g20-main-content .g20-wide-lead .g20-wide-card__media{
    height:240px;
  }
  .g20-main-content .g20-wide-list{
    margin-top:4px;
  }
}
/* =========================================================
   G20 FOOTER
   Complete replacement for legacy #footer / span* footer.
   ========================================================= */
.g20-footer{
  position:relative;
  width:100%;
  margin:0;
  background:var(--g-navy);
  color:#b9c8d1;
  font-family:"Inter",Arial,sans-serif;
}
.g20-footer:before{
  content:"";
  display:block;
  height:3px;
  background:var(--g-accent);
}
.g20-footer__inner{
  display:grid;
  grid-template-columns:1.35fr .8fr 1.2fr .9fr;
  gap:46px;
  width:min(var(--g-max),calc(100% - 48px));
  max-width:var(--g-max);
  margin:0 auto;
  padding:52px 34px 46px;
}
.g20-footer__brand{padding-right:18px}
.g20-footer__logo{
  display:block;
  width:190px;
  max-width:100%;
  height:auto;
  margin:0 0 20px;
}
.g20-footer__brand p{
  max-width:390px;
  margin:0;
  color:#9fb1bc;
  font-size:13px;
  line-height:1.7;
}
.g20-footer__column h3{
  position:relative;
  margin:3px 0 20px!important;
  padding-bottom:11px;
  color:#fff!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
  letter-spacing:-.01em;
}
.g20-footer__column h3:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:28px;
  height:2px;
  background:var(--g-accent);
}
.g20-footer__column ul{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.g20-footer__column li{
  margin:0!important;
  padding:0 0 9px!important;
  border:0!important;
  line-height:1.35;
}
.g20-footer a{
  color:#c7d3da!important;
  text-decoration:none!important;
  transition:color .18s ease;
}
.g20-footer a:hover{color:#fff!important}
.g20-footer__column li a{font-size:12px}
.g20-footer__tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.g20-footer__tags a{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:6px;
  background:rgba(255,255,255,.035);
  font-size:10px;
  line-height:1.2;
}
.g20-footer__tags a:hover{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.07);
}
.g20-footer__bottom{
  border-top:1px solid rgba(255,255,255,.09);
  background:rgba(0,0,0,.12);
}
.g20-footer__bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  width:min(var(--g-max),calc(100% - 48px));
  max-width:var(--g-max);
  margin:0 auto;
  padding:18px 34px;
}
.g20-footer__bottom p{
  margin:0!important;
  color:#8297a3;
  font-size:10px;
  line-height:1.4;
}
.g20-footer__credit{text-align:right}

@media(max-width:1050px){
  .g20-footer__inner{
    grid-template-columns:1.3fr 1fr 1fr;
    gap:34px;
  }
  .g20-footer__brand{grid-column:1 / -1}
  .g20-footer__brand p{max-width:620px}
}
@media(max-width:700px){
  .g20-footer__inner{
    grid-template-columns:1fr 1fr;
    width:calc(100% - 20px);
    padding:40px 18px 36px;
  }
  .g20-footer__brand{grid-column:1 / -1}
  .g20-footer__bottom-inner{
    width:calc(100% - 20px);
    padding:16px 18px;
  }
}
@media(max-width:500px){
  .g20-footer__inner{grid-template-columns:1fr;gap:30px}
  .g20-footer__brand{grid-column:auto}
  .g20-footer__bottom-inner{display:block}
  .g20-footer__credit{margin-top:6px!important;text-align:left}
}

,/* G20 SIDEBAR */
.g20-side-stack,.g20-side-section{margin:0 0 28px}
.g20-side-social{overflow:hidden;margin-bottom:18px;border:1px solid var(--g-line);border-radius:10px;background:#fff}
.g20-side-ad{margin:0 0 24px}.g20-side-label,.g20-side-kicker{display:block;margin-bottom:8px;color:var(--g-accent-dark);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.g20-side-ad img{display:block;width:100%;height:auto;border-radius:9px}
.g20-side-tabs{overflow:hidden;border:1px solid var(--g-line);border-radius:10px;background:#fff}
.g20-side-tabs__nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--g-line)}
.g20-side-tabs__nav button{padding:12px 4px;border:0;border-right:1px solid var(--g-line);background:#f5f8f9;color:var(--g-muted);font-size:10px;font-weight:800;cursor:pointer}
.g20-side-tabs__nav button:last-child{border-right:0}.g20-side-tabs__nav button.is-active{background:var(--g-navy);color:#fff}
.g20-side-tabs__panel{display:none;padding:0 13px}.g20-side-tabs__panel.is-active{display:block}
.g20-side-story{display:grid;grid-template-columns:88px minmax(0,1fr);gap:11px;align-items:start;padding:13px 0;border-bottom:1px solid var(--g-line)}
.g20-side-story:last-child{border-bottom:0}.g20-side-story__img{display:block;width:88px;height:65px;overflow:hidden;border-radius:7px;background:#eaf0f3}
.g20-side-story__img img,.g20-side-feature__img img{display:block;width:100%;height:100%;object-fit:cover}
.g20-sidebar h4{margin:0!important;font-family:"Space Grotesk","Inter",sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.25!important}
.g20-sidebar h4 a{color:var(--g-ink)!important}.g20-sidebar h4 a:hover{color:var(--g-accent-dark)!important}
.g20-side-story small{display:block;margin-top:5px;color:var(--g-muted);font-size:9px}
.g20-side-section{padding-top:2px}
.g20-side-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;padding-bottom:9px;border-bottom:1px solid var(--g-line)}
.g20-side-heading h3{margin:0!important;color:var(--g-navy)!important;font-family:"Space Grotesk","Inter",sans-serif!important;font-size:18px!important;font-weight:700!important}
.g20-side-heading>a{color:var(--g-accent-dark)!important;font-size:9px;font-weight:800;text-transform:uppercase}
.g20-side-feature{margin-bottom:3px;padding-bottom:14px;border-bottom:1px solid var(--g-line)}
.g20-side-feature__img{display:block;height:155px;margin-bottom:11px;overflow:hidden;border-radius:9px;background:#eaf0f3}
.g20-side-feature h4{font-size:17px!important;line-height:1.2!important}
.g20-side-section .g20-side-story{grid-template-columns:92px minmax(0,1fr)}
.g20-side-section .g20-side-story__img{width:92px;height:68px}
@media(max-width:850px){.g20-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.g20-side-stack,.g20-side-section{margin:0}.g20-side-social{grid-column:1/-1}}
@media(max-width:560px){.g20-sidebar{display:block}.g20-side-stack,.g20-side-section{margin-bottom:26px}}

/* =========================================================
   G20 MULTIMEDIJA — VIDEO + FOTO
   Full-width section immediately above footer
   ========================================================= */
.g20-media{
  width:100%;
  margin:18px 0 0;
  padding:34px;
  border-radius:12px;
  background:var(--g-navy);
  color:#fff;
  box-sizing:border-box;
}
.g20-media__heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.g20-media__eyebrow{
  display:block;
  margin-bottom:4px;
  color:var(--g-accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.g20-media__heading h2{
  margin:0!important;
  color:#fff!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:29px!important;
  line-height:1!important;
  font-weight:700!important;
}
.g20-media__heading-links{
  display:flex;
  gap:17px;
}
.g20-media__heading-links a{
  color:#a9bdc9!important;
  font-size:10px;
  font-weight:700;
  text-decoration:none!important;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.g20-media__heading-links a:hover{color:#fff!important}

.g20-media__featured{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);
  gap:24px;
  align-items:start;
}
.g20-media__video,
.g20-media__photo{
  min-width:0;
}
.g20-media__video-frame{
  position:relative;
  width:100%;
  padding-top:56.25%;
  overflow:hidden;
  border-radius:10px;
  background:#000;
}
.g20-media__video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.g20-media__photo-image{
  position:relative;
  display:block;
  height:0;
  padding-top:75%;
  overflow:hidden;
  border-radius:10px;
  background:#102c40;
}
.g20-media__photo-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.g20-media__photo-icon{
  position:absolute;
  right:13px;
  bottom:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:35px;
  height:35px;
  border-radius:50%;
  background:rgba(7,27,43,.85);
  color:#fff;
  font-size:16px;
}
.g20-media__featured-body{
  padding-top:12px;
}
.g20-media__type{
  display:block;
  margin-bottom:5px;
  color:var(--g-accent);
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.g20-media__featured-body h3{
  margin:0!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.g20-media__featured-body h3 a{
  color:#fff!important;
  text-decoration:none!important;
}
.g20-media__featured-body h3 a:hover{color:#cfeaf0!important}

.g20-media__rail{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin-top:27px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
}
.g20-media-card{
  min-width:0;
  margin:0;
}
.g20-media-card__image{
  position:relative;
  display:block;
  height:110px;
  overflow:hidden;
  border-radius:8px;
  background:#102c40;
}
.g20-media-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.g20-media-card__image:hover img{transform:scale(1.035)}
.g20-media-card__badge{
  position:absolute;
  left:8px;
  bottom:8px;
  padding:4px 7px;
  border-radius:5px;
  background:rgba(7,27,43,.88);
  color:#fff;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
.g20-media-card h4{
  margin:8px 0 0!important;
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.g20-media-card h4 a{
  color:#dbe6eb!important;
  text-decoration:none!important;
}
.g20-media-card h4 a:hover{color:#fff!important}

@media(max-width:950px){
  .g20-media__featured{grid-template-columns:1.2fr .8fr}
  .g20-media__rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .g20-media{padding:25px 20px}
  .g20-media__heading{align-items:flex-start}
  .g20-media__featured{grid-template-columns:1fr}
  .g20-media__photo-image{padding-top:58%}
  .g20-media__rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:480px){
  .g20-media__heading{display:block}
  .g20-media__heading-links{margin-top:12px}
  .g20-media__rail{grid-template-columns:1fr 1fr;gap:12px}
  .g20-media-card__image{height:92px}
}

/* =========================================================
   G20 IZDVAJAMO — desktop
   1 veliki lijevo + 2 okomita gore + 1 horizontalni dolje.
   Donji red određuje sadržaj; gornji red popunjava ostatak visine.
   ========================================================= */
@media (min-width:1051px){
  .g20-main-content .g20-editorial__grid{
    display:grid!important;
    grid-template-columns:minmax(0,1.18fr) minmax(0,.78fr) minmax(0,.78fr)!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    gap:18px!important;
    align-items:stretch!important;
  }

  .g20-main-content .g20-editorial-card{
    min-height:0!important;
  }

  /* 1 — veliki lijevi */
  .g20-main-content .g20-editorial-card:nth-child(1){
    grid-column:1!important;
    grid-row:1 / 3!important;
    display:flex!important;
    flex-direction:column!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(1) .g20-editorial-card__media{
    height:250px!important;
    flex:0 0 250px!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(1) .g20-editorial-card__body{
    flex:1 1 auto!important;
  }

  /* 2 i 3 — dvije okomite kartice gore */
  .g20-main-content .g20-editorial-card:nth-child(2),
  .g20-main-content .g20-editorial-card:nth-child(3){
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(3){
    grid-column:3!important;
    grid-row:1!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(2) .g20-editorial-card__media,
  .g20-main-content .g20-editorial-card:nth-child(3) .g20-editorial-card__media{
    height:175px!important;
    flex:0 0 175px!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(2) .g20-editorial-card__body,
  .g20-main-content .g20-editorial-card:nth-child(3) .g20-editorial-card__body{
    flex:1 1 auto!important;
    padding:15px 16px 16px!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(2) .g20-editorial-card__title,
  .g20-main-content .g20-editorial-card:nth-child(3) .g20-editorial-card__title{
    font-size:16px!important;
    line-height:1.18!important;
  }

  /* 4 — horizontalna kartica ispod njih */
  .g20-main-content .g20-editorial-card:nth-child(4){
    grid-column:2 / 4!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr)!important;
    min-height:135px!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(4) .g20-editorial-card__media{
    width:180px!important;
    height:100%!important;
    min-height:135px!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(4) .g20-editorial-card__body{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    padding:14px 16px!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(4) .g20-editorial-card__meta{
    margin-bottom:5px!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(4) .g20-editorial-card__title{
    font-size:16px!important;
    line-height:1.2!important;
  }

  .g20-main-content .g20-editorial-card:nth-child(4) .g20-editorial-card__more{
    margin-top:9px!important;
  }
}

/* =========================================================
   G20 HEADER — konačna čista verzija
   Header ispunjava cijelu širinu #page bloka.
   Crna pozadina ostaje samo lijevo/desno izvan #page.
   ========================================================= */

html,
body{
  background:#000!important;
}

/* #page ostaje centralni bijeli blok postojeće širine */
#page{
  overflow:visible;
}

/* Header: točno od lijevog do desnog ruba centralnog #page bloka */
#page > #header.container{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:
    linear-gradient(90deg,rgba(3,18,30,.18),rgba(3,18,30,.02) 55%,rgba(3,18,30,.10)),
    url("../images/header-back.png") center center / cover no-repeat!important;
  box-shadow:0 10px 30px rgba(3,23,36,.14)!important;
}

/* Gornji dio headera */
#page > #header #mast-head{
  position:relative!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-height:112px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
}

/* ukloni eventualne ostatke starog mastheada */
#page > #header #mast-head > *:not(.g20-header-top){
  display:none!important;
}

#page > #header .g20-header-top{
  position:relative!important;
  z-index:2;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  max-width:none!important;
  min-height:112px!important;
  margin:0!important;
  padding:18px 28px!important;
}

/* Logo */
#page > #header #logo{
  margin:0!important;
  padding:0!important;
}
#page > #header #logo a{
  display:block!important;
}
#page > #header #logo img{
  display:block!important;
  width:auto!important;
  height:56px!important;
  max-width:285px!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.28));
}

/* Login / registracija */
#page > #header .g20-header-account{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  align-self:center!important;
  margin:0!important;
  padding:7px 10px!important;
  border-radius:6px!important;
  background:rgba(3,18,30,.25)!important;
  color:rgba(255,255,255,.7)!important;
  font-size:12px!important;
  line-height:1!important;
  transform:none!important;
}
#page > #header .g20-header-account a{
  color:#fff!important;
  font-weight:600!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}
#page > #header .g20-header-account a:hover{
  color:#8ddcec!important;
}
#page > #header .g20-header-search{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  margin-left:4px!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:50%!important;
  color:#fff!important;
  font-size:20px!important;
  font-weight:400!important;
}

/* Navigacija također od ruba do ruba headera */
#page > #header .navbar{
  width:100%!important;
  max-width:none!important;
  min-height:56px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  border-radius:0!important;
  background:rgba(3,18,30,.82)!important;
  background-image:none!important;
  box-shadow:none!important;
}

#page > #header .navbar .nav-collapse{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 8px!important;
}

#page > #header .navbar .nav{
  display:flex!important;
  align-items:stretch!important;
  float:none!important;
  width:100%!important;
  margin:0!important;
}

#page > #header .navbar .nav > li > a{
  min-height:56px!important;
  padding:0 16px!important;
  color:#f3f8fa!important;
  font-size:13px!important;
  font-weight:650!important;
}

#page > #header .navbar .home-link > a{
  background:#0879b8!important;
}

#page > #header .navbar .home-link img{
  width:17px!important;
  height:17px!important;
  filter:brightness(0) invert(1);
}

/* Responsive */
@media(max-width:1050px){
  #page > #header .g20-header-top{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  #page > #header .navbar .nav > li > a{
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:12px!important;
  }
}

@media(max-width:767px){
  #page > #header #mast-head,
  #page > #header .g20-header-top{
    min-height:88px!important;
  }
  #page > #header .g20-header-top{
    padding:14px 16px!important;
  }
  #page > #header #logo img{
    height:43px!important;
  }
  #page > #header .g20-header-account{
    display:none!important;
  }
  #page > #header .navbar{
    min-height:52px!important;
  }
  #page > #header .navbar .nav-collapse{
    padding:0!important;
  }
}


/* =========================================================
   G20 ARTICLE / TEKSTOVI
   ========================================================= */
.g20-article-shell{padding-top:42px!important}
.g20-article-column{min-width:0}
.g20-article{
  max-width:860px;
  margin:0;
  color:var(--g-ink);
}
.g20-article-header{
  margin:0 0 28px;
  padding:0 0 24px;
  border-bottom:1px solid var(--g-line);
}
.g20-article-kicker{
  margin:0 0 11px;
  color:var(--g-accent-dark);
  font-size:10px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.g20-article-kicker span{padding:0 5px;color:#a9b8c1}
.g20-article-overline{
  margin:0 0 8px;
  color:#526875;
  font-size:15px;
  font-weight:650;
  line-height:1.45;
}
.g20-article-title{
  margin:0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:clamp(36px,4.2vw,58px)!important;
  font-weight:700!important;
  line-height:1.04!important;
  letter-spacing:-.04em;
}
.g20-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px 18px;
  margin-top:18px;
  color:#71838e;
  font-size:11px;
  line-height:1.4;
}
.g20-article-meta span{position:relative}
.g20-article-meta span+span:before{
  content:"";
  position:absolute;
  left:-10px;
  top:50%;
  width:3px;
  height:3px;
  margin-top:-2px;
  border-radius:50%;
  background:#b5c2c9;
}
.g20-article-figure{
  margin:0 0 26px;
}
.g20-article-figure img{
  display:block;
  width:100%;
  max-height:590px;
  object-fit:cover;
  border-radius:12px;
}
.g20-article-figure figcaption{
  margin-top:8px;
  color:#7c8c96;
  font-size:10px;
  line-height:1.45;
}
.g20-article-lead{
  margin:0 0 28px;
  padding:20px 23px;
  border-left:4px solid var(--g-accent);
  border-radius:0 9px 9px 0;
  background:#f2f7f9;
  color:#334a58;
  font-family:"Space Grotesk","Inter",Arial,sans-serif;
  font-size:18px;
  font-weight:500;
  line-height:1.55;
}
.g20-article-body{
  color:#263946;
  font-size:16px;
  line-height:1.78;
}
.g20-article-body p{margin:0 0 1.35em}
.g20-article-body h2{
  margin:42px 0 17px!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:28px!important;
  font-weight:700!important;
  line-height:1.15!important;
  letter-spacing:-.025em;
}
.g20-article-body h3{
  margin:30px 0 13px!important;
  color:var(--g-navy)!important;
  font-size:21px!important;
  line-height:1.25!important;
}
.g20-article-body a{
  color:var(--g-accent-dark)!important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.g20-article-body a:hover{color:var(--g-accent)!important}
.g20-article-body blockquote{
  margin:28px 0;
  padding:4px 0 4px 22px;
  border-left:3px solid var(--g-accent);
  color:#526875;
  font-size:18px;
  line-height:1.6;
}
.g20-article-body ul,.g20-article-body ol{margin:0 0 1.4em 22px}
.g20-article-body img{max-width:100%;height:auto;border-radius:9px}
.g20-article-body .g20-article-figure{margin-top:32px}
.g20-article-source{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:38px 0 0;
  padding:15px 17px;
  border-top:1px solid var(--g-line);
  border-bottom:1px solid var(--g-line);
  color:#71838e;
  font-size:11px;
}
.g20-article-source span{
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.g20-article-source a{font-weight:700}
.g20-article-embed{
  position:relative;
  width:100%;
  margin:32px 0;
  overflow:hidden;
  border-radius:12px;
  background:#061722;
}
.g20-article-embed iframe{
  display:block;
  width:100%!important;
  aspect-ratio:16/9;
  height:auto!important;
}
.g20-article-comments{margin-top:38px}
.g20-article-error{
  padding:30px;
  border:1px solid var(--g-line);
  border-radius:10px;
  background:#f7fafb;
  color:var(--g-muted);
}
.g20-article-sidebar{padding-top:3px}

@media(max-width:850px){
  .g20-article{max-width:none}
  .g20-article-title{font-size:40px!important}
}
@media(max-width:600px){
  .g20-article-shell{padding-top:28px!important}
  .g20-article-title{font-size:32px!important}
  .g20-article-lead{padding:16px 17px;font-size:16px}
  .g20-article-body{font-size:15px;line-height:1.72}
  .g20-article-body h2{font-size:24px!important}
  .g20-article-meta span+span:before{display:none}
  .g20-article-source{align-items:flex-start;flex-direction:column;gap:4px}
}

/* G20 KATEGORIJE */
.g20-cat-hero{display:grid;grid-template-columns:1.55fr .9fr;gap:14px;margin-bottom:34px}
.g20-cat-hero-card{position:relative;min-height:245px;overflow:hidden;border-radius:12px;background:#071923}
.g20-cat-hero-card.is-main{min-height:420px;grid-row:span 1}
.g20-cat-hero-card a{display:block;height:100%;color:#fff!important}
.g20-cat-hero-card img{position:absolute;width:100%;height:100%;object-fit:cover}
.g20-cat-hero-overlay{position:absolute;inset:auto 0 0;padding:48px 24px 22px;background:linear-gradient(transparent,rgba(3,18,30,.94))}
.g20-cat-hero-card h1{margin:0!important;color:#fff!important;font:700 24px/1.1 "Space Grotesk","Inter",Arial,sans-serif!important}
.g20-cat-hero-card.is-main h1{font-size:38px!important}
.g20-cat-hero-card p{margin:10px 0 0;color:#dce8ed;font-size:13px;line-height:1.5}
.g20-cat-kicker,.g20-cat-date{color:#168ebc;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.g20-cat-hero .g20-cat-kicker{color:#8ddcec;margin-bottom:7px}
.g20-cat-section,.g20-cat-subsection{margin:0 0 36px}
.g20-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:9px;border-bottom:1px solid var(--g-line)}
.g20-section-head h2{margin:0!important;color:var(--g-navy)!important;font:700 19px/1.15 "Space Grotesk","Inter",Arial,sans-serif!important}
.g20-section-head span{color:#82939c;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.g20-cat-feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.g20-cat-feature{grid-row:span 4}
.g20-cat-feature,.g20-cat-mini{overflow:hidden;border:1px solid var(--g-line);border-radius:10px;background:#fff}
.g20-cat-feature .g20-cat-img img{width:100%;height:235px;object-fit:cover}
.g20-cat-feature .g20-cat-copy{padding:16px}
.g20-cat-feature h3{margin:5px 0 8px;font-size:22px;line-height:1.14}
.g20-cat-copy p{margin:7px 0 0;color:var(--g-muted);font-size:12px;line-height:1.5}
.g20-cat-mini{display:grid;grid-template-columns:120px 1fr;min-height:92px}
.g20-cat-mini .g20-cat-img img{width:120px;height:100%;object-fit:cover}
.g20-cat-mini .g20-cat-copy{padding:10px 12px}
.g20-cat-mini h3{margin:4px 0;font-size:14px;line-height:1.2}
.g20-cat-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.g20-cat-three article{overflow:hidden;border-radius:9px;background:#f5f8f9}
.g20-cat-three img{width:100%;height:120px;object-fit:cover}
.g20-cat-three .g20-cat-date{padding:10px 11px 0}
.g20-cat-three h3{margin:4px 11px 13px;font-size:14px;line-height:1.25}
.g20-cat-scroll{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px}
.g20-cat-scroll article{min-width:150px}
.g20-cat-scroll img{width:100%;height:105px;object-fit:cover;border-radius:8px}
.g20-cat-scroll h3{margin:4px 0;font-size:13px;line-height:1.25}
.g20-cat-list-half{margin-bottom:26px}
.g20-cat-list-item>a{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--g-line)}
.g20-cat-list-item img{width:105px;height:72px;object-fit:cover;border-radius:7px}
.g20-cat-list-item h3{margin:4px 0;font-size:14px;line-height:1.25}
@media(max-width:700px){.g20-cat-hero{grid-template-columns:1fr}.g20-cat-hero-card.is-main{min-height:330px}.g20-cat-hero-card.is-main h1{font-size:30px!important}.g20-cat-feature-grid{grid-template-columns:1fr}.g20-cat-feature{grid-row:auto}.g20-cat-three{grid-template-columns:1fr 1fr}.g20-cat-scroll{grid-template-columns:repeat(5,170px)}}
@media(max-width:480px){.g20-cat-three{grid-template-columns:1fr}.g20-cat-mini{grid-template-columns:100px 1fr}.g20-cat-mini .g20-cat-img img{width:100px}}

/* G20 PODKATEGORIJA — ARHIVA */
.g20-cat-archive{
  margin:0 0 38px;
}
.g20-cat-archive-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 22px;
}
.g20-cat-archive-item{
  display:grid;
  grid-template-columns:132px minmax(0,1fr);
  gap:14px;
  padding:14px 0;
  border-bottom:1px solid var(--g-line);
}
.g20-cat-archive-image{
  display:block;
  overflow:hidden;
  height:88px;
  border-radius:8px;
  background:#eef3f5;
}
.g20-cat-archive-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.g20-cat-archive-item:hover .g20-cat-archive-image img{
  transform:scale(1.035);
}
.g20-cat-archive-placeholder{
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#edf3f5,#dce7eb);
}
.g20-cat-archive-copy{
  min-width:0;
  align-self:center;
}
.g20-cat-archive-copy h3{
  margin:4px 0 0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.25!important;
}
.g20-cat-archive-copy h3 a{
  color:inherit!important;
}
.g20-cat-archive-copy h3 a:hover{
  color:var(--g-accent-dark)!important;
}
.g20-cat-archive-copy p{
  display:-webkit-box;
  overflow:hidden;
  margin:6px 0 0;
  color:var(--g-muted);
  font-size:11px;
  line-height:1.4;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
@media(max-width:760px){
  .g20-cat-archive-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:480px){
  .g20-cat-archive-item{
    grid-template-columns:105px minmax(0,1fr);
    gap:11px;
  }
  .g20-cat-archive-image{
    height:74px;
  }
  .g20-cat-archive-copy h3{
    font-size:14px!important;
  }
  .g20-cat-archive-copy p{
    display:none;
  }
}
/* G20 — FOTOGALERIJE */
.g20-gallery-page{padding:34px 0 48px}
.g20-gallery-heading{margin-bottom:22px}
.g20-gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 24px;
}
.g20-gallery-card{
  min-width:0;
  background:#fff;
}
.g20-gallery-image{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16/10;
  border-radius:10px;
  background:#eaf0f3;
}
.g20-gallery-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.g20-gallery-card:hover .g20-gallery-image img{transform:scale(1.025)}
.g20-gallery-icon{
  position:absolute;
  right:12px;
  bottom:12px;
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(4,25,42,.88);
  color:#fff;
  font-size:18px;
  line-height:1;
}
.g20-gallery-copy{padding:12px 2px 0}
.g20-gallery-copy h2{
  margin:4px 0 0!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:20px!important;
  line-height:1.2!important;
  font-weight:700!important;
  color:var(--g-navy)!important;
}
.g20-gallery-copy h2 a{color:inherit!important}
.g20-gallery-copy h2 a:hover{color:var(--g-accent-dark)!important}
.g20-pagination{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin:36px 0 0;
}
.g20-pagination a,
.g20-pagination .is-current{
  display:grid;
  place-items:center;
  min-width:36px;
  height:36px;
  padding:0 9px;
  border:1px solid var(--g-line);
  border-radius:6px;
  font-size:13px;
  font-weight:700;
  text-decoration:none!important;
}
.g20-pagination a{
  background:#fff;
  color:var(--g-navy)!important;
}
.g20-pagination a:hover{
  border-color:var(--g-accent);
  color:var(--g-accent-dark)!important;
}
.g20-pagination .is-current{
  border-color:var(--g-navy);
  background:var(--g-navy);
  color:#fff;
}
.g20-page-dots{padding:0 4px;color:var(--g-muted)}
.g20-gallery-empty{
  padding:30px 0;
  color:var(--g-muted);
}
@media(max-width:700px){
  .g20-gallery-page{padding-top:24px}
  .g20-gallery-grid{grid-template-columns:1fr;gap:22px}
  .g20-gallery-copy h2{font-size:18px!important}
}
/* G20 — POJEDINAČNA FOTOGALERIJA */
.g20-photo-detail{padding:38px 0 52px}
.g20-photo-detail-head{
  max-width:900px;
  margin:0 0 28px;
}
.g20-photo-detail-kicker{
  margin-bottom:7px;
  color:var(--g-accent-dark);
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.g20-photo-detail-head h1,
.g20-photo-not-found h1{
  margin:0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:clamp(30px,4vw,48px)!important;
  font-weight:700!important;
  line-height:1.05!important;
  letter-spacing:-.025em;
}
.g20-photo-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:13px;
  color:var(--g-muted);
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.055em;
}
.g20-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.g20-photo-card{
  min-width:0;
  margin:0;
}
.g20-photo-open{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden;
  aspect-ratio:4/3;
  border:0;
  border-radius:10px;
  background:#eaf0f3;
  cursor:zoom-in;
}
.g20-photo-open img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease,filter .3s ease;
}
.g20-photo-card:hover .g20-photo-open img{
  transform:scale(1.035);
  filter:brightness(.88);
}
.g20-photo-zoom{
  position:absolute;
  right:10px;
  bottom:10px;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:rgba(4,25,42,.88);
  color:#fff;
  font-size:21px;
  font-weight:300;
  opacity:0;
  transform:translateY(4px);
  transition:.2s ease;
}
.g20-photo-card:hover .g20-photo-zoom{
  opacity:1;
  transform:none;
}
.g20-photo-card figcaption{
  padding:8px 2px 0;
  color:var(--g-muted);
  font-size:11px;
  line-height:1.45;
}
.g20-photo-back{
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid var(--g-line);
}
.g20-photo-back a,
.g20-photo-not-found a{
  color:var(--g-accent-dark)!important;
  font-size:12px;
  font-weight:800;
}
.g20-photo-not-found{
  padding:50px 0 80px;
}
.g20-photo-not-found p{
  margin:14px 0 20px;
  color:var(--g-muted);
}
body.g20-lightbox-open{overflow:hidden}
.g20-lightbox[hidden]{display:none}
.g20-lightbox{
  position:fixed;
  z-index:99999;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:56px 70px;
  background:rgba(1,11,19,.96);
}
.g20-lightbox-stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:min(1200px,90vw);
  max-height:90vh;
}
.g20-lightbox-stage img{
  display:block;
  max-width:100%;
  max-height:calc(90vh - 65px);
  object-fit:contain;
  box-shadow:0 15px 60px rgba(0,0,0,.4);
}
.g20-lightbox-caption{
  max-width:900px;
  margin-top:11px;
  color:#dce8ed;
  font-size:12px;
  line-height:1.45;
  text-align:center;
}
.g20-lightbox-count{
  margin-top:5px;
  color:#7f9aaa;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}
.g20-lightbox-close,
.g20-lightbox-prev,
.g20-lightbox-next{
  position:absolute;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
}
.g20-lightbox-close{
  top:17px;
  right:22px;
  font-size:38px;
  font-weight:200;
}
.g20-lightbox-prev,
.g20-lightbox-next{
  top:50%;
  width:52px;
  height:70px;
  margin-top:-35px;
  font-size:56px;
  font-weight:200;
}
.g20-lightbox-prev{left:10px}
.g20-lightbox-next{right:10px}
@media(max-width:900px){
  .g20-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .g20-photo-detail{padding-top:26px}
  .g20-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .g20-lightbox{padding:50px 38px}
  .g20-lightbox-prev,.g20-lightbox-next{width:36px;font-size:42px}
  .g20-lightbox-prev{left:0}
  .g20-lightbox-next{right:0}
}
@media(max-width:420px){
  .g20-photo-grid{grid-template-columns:1fr}
}

/* G20 — VIDEO GALERIJA */
.g20-video-page{padding:34px 0 48px}
.g20-video-heading{margin-bottom:22px}
.g20-video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px 24px;
}
.g20-video-card{min-width:0;background:#fff}
.g20-video-image{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:10px;
  background:#eaf0f3;
}
.g20-video-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease,filter .3s ease;
}
.g20-video-card:hover .g20-video-image img{
  transform:scale(1.025);
  filter:brightness(.82);
}
.g20-video-play{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  background:rgba(4,25,42,.82);
  box-shadow:0 8px 30px rgba(0,0,0,.22);
  transform:translate(-50%,-50%);
  transition:.2s ease;
}
.g20-video-card:hover .g20-video-play{
  width:64px;
  height:64px;
  background:var(--g-accent-dark);
}
.g20-video-play span{
  display:block;
  width:0;
  height:0;
  margin-left:4px;
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
  border-left:13px solid #fff;
}
.g20-video-copy{padding:12px 2px 0}
.g20-video-copy h2{
  margin:4px 0 0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.g20-video-copy h2 a{color:inherit!important}
.g20-video-copy h2 a:hover{color:var(--g-accent-dark)!important}
.g20-video-views{
  margin-top:7px;
  color:var(--g-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}
@media(max-width:700px){
  .g20-video-page{padding-top:24px}
  .g20-video-grid{grid-template-columns:1fr;gap:22px}
  .g20-video-copy h2{font-size:18px!important}
}

/* G20 — POJEDINAČNI VIDEO */
.g20-video-detail{
  max-width:860px;
  padding:38px 0 48px;
}
.g20-video-detail-head{
  margin-bottom:24px;
}
.g20-video-detail-kicker{
  margin-bottom:8px;
  color:var(--g-accent-dark);
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.g20-video-detail-head h1,
.g20-video-not-found h1{
  margin:0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:clamp(32px,4.3vw,52px)!important;
  font-weight:700!important;
  line-height:1.04!important;
  letter-spacing:-.028em;
}
.g20-video-detail-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:14px;
  color:var(--g-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.g20-video-player{
  position:relative;
  width:100%;
  overflow:hidden;
  aspect-ratio:16/9;
  margin:0 0 25px;
  border-radius:12px;
  background:#061725;
  box-shadow:0 12px 35px rgba(4,25,42,.12);
}
.g20-video-player iframe,
.g20-video-player video,
.g20-video-player embed,
.g20-video-player object{
  position:absolute!important;
  inset:0;
  width:100%!important;
  height:100%!important;
  border:0!important;
}
.g20-video-description{
  margin:0 0 26px;
  color:var(--g-text);
  font-size:16px;
  line-height:1.75;
}
.g20-video-description p{
  margin:0 0 1.15em;
}
.g20-video-description a{
  color:var(--g-accent-dark)!important;
  text-decoration:underline;
  text-underline-offset:2px;
}
.g20-video-detail-image{
  margin:28px 0 0;
}
.g20-video-detail-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
}
.g20-video-back{
  margin-top:30px;
  padding-top:18px;
  border-top:1px solid var(--g-line);
}
.g20-video-back a,
.g20-video-not-found a{
  color:var(--g-accent-dark)!important;
  font-size:12px;
  font-weight:800;
}
.g20-video-comments{
  margin-top:32px;
}
.g20-video-not-found{
  padding:50px 0 80px;
}
.g20-video-not-found p{
  margin:14px 0 20px;
  color:var(--g-muted);
}
@media(max-width:700px){
  .g20-video-detail{padding-top:26px}
  .g20-video-detail-head h1{font-size:32px!important}
  .g20-video-description{font-size:15px}
}
/* G20 BLOG PAKET */
.g20-blog-section{padding:30px 0 46px}
.g20-blog-section .g20-section-head{margin-bottom:22px}
.g20-blog-list{display:grid;gap:26px}
.g20-blog-row{display:grid;grid-template-columns:minmax(240px,38%) 1fr;gap:22px;padding-bottom:26px;border-bottom:1px solid var(--g-line)}
.g20-blog-row-image,.g20-blog-post-image{display:block;overflow:hidden;border-radius:10px;background:#eaf0f3}
.g20-blog-row-image{aspect-ratio:16/10}.g20-blog-post-image{aspect-ratio:16/9}
.g20-blog-row img,.g20-blog-post-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.g20-blog-row:hover img,.g20-blog-post-card:hover img{transform:scale(1.025)}
.g20-blog-meta{margin:0 0 7px;color:var(--g-muted);font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}
.g20-blog-overline{margin:9px 0 4px;color:var(--g-accent-dark);font-size:11px;font-weight:800}
.g20-blog-row h2,.g20-blog-post-card h2,.g20-blog-subhead h2{margin:0!important;color:var(--g-navy)!important;font-family:"Space Grotesk","Inter",Arial,sans-serif!important;font-weight:700!important}
.g20-blog-row h2{font-size:25px!important;line-height:1.12!important}.g20-blog-post-card h2{font-size:19px!important;line-height:1.2!important}
.g20-blog-row h2 a,.g20-blog-post-card h2 a{color:inherit!important}
.g20-blog-row p,.g20-blog-post-card p{color:var(--g-muted);line-height:1.55}.g20-blog-row p{font-size:14px;margin:10px 0}.g20-blog-post-card p{font-size:12px;margin:8px 0 0}
.g20-blog-more{font-size:11px;font-weight:800;color:var(--g-accent-dark)!important}
.g20-blog-post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}
.g20-blog-post-card{min-width:0}.g20-blog-post-card .g20-blog-meta{margin-top:10px}
.g20-blog-feature{max-width:900px}.g20-blog-feature h1{margin:5px 0 18px!important;font-family:"Space Grotesk","Inter",Arial,sans-serif!important;color:var(--g-navy)!important;font-size:clamp(32px,4vw,48px)!important;line-height:1.05!important}
.g20-blog-feature>img{width:100%;height:auto;display:block;border-radius:12px;margin-bottom:20px}
.g20-blog-lead{font-size:17px;line-height:1.72;color:var(--g-text)}.g20-blog-lead p{margin:0 0 1em}
.g20-blog-subhead{margin-top:38px}
@media(max-width:700px){.g20-blog-row{grid-template-columns:1fr;gap:13px}.g20-blog-post-grid{grid-template-columns:1fr}.g20-blog-row h2{font-size:21px!important}.g20-blog-section{padding-top:22px}}
/* G20 — BLOGERI */
.g20-bloggers{padding:34px 0 48px}
.g20-bloggers .g20-section-head{margin-bottom:10px}
.g20-bloggers-intro{
  max-width:680px;
  margin:0 0 25px;
  color:var(--g-muted);
  font-size:14px;
  line-height:1.55;
}
.g20-bloggers-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.g20-blogger-card{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:15px;
  padding:19px;
  border:1px solid var(--g-line);
  border-radius:10px;
  background:#fff;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.g20-blogger-card:hover{
  transform:translateY(-2px);
  border-color:#c6d7df;
  box-shadow:0 9px 25px rgba(4,25,42,.07);
}
.g20-blogger-avatar{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border-radius:50%;
  background:var(--g-navy);
  color:#fff;
  font-family:"Space Grotesk","Inter",Arial,sans-serif;
  font-size:20px;
  font-weight:700;
  letter-spacing:.03em;
}
.g20-blogger-content{min-width:0}
.g20-blogger-username{
  margin-bottom:3px;
  color:var(--g-accent-dark);
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.g20-blogger-card h2{
  margin:0!important;
  color:var(--g-navy)!important;
  font-family:"Space Grotesk","Inter",Arial,sans-serif!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1.15!important;
}
.g20-blogger-stats{
  display:flex;
  flex-wrap:wrap;
  gap:7px 16px;
  margin-top:9px;
  color:var(--g-muted);
  font-size:11px;
}
.g20-blogger-stats strong{color:var(--g-navy)}
.g20-blogger-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 15px;
  margin-top:13px;
}
.g20-blogger-actions a{
  font-size:10px;
  font-weight:800;
  text-decoration:none!important;
}
.g20-blogger-primary{color:var(--g-accent-dark)!important}
.g20-blogger-secondary{color:var(--g-muted)!important}
.g20-blogger-secondary:hover{color:var(--g-navy)!important}
.g20-bloggers-empty{
  padding:25px 0;
  color:var(--g-muted);
}
@media(max-width:900px){
  .g20-bloggers-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .g20-bloggers{padding-top:24px}
  .g20-blogger-card{grid-template-columns:48px minmax(0,1fr);padding:15px}
  .g20-blogger-avatar{width:48px;height:48px;font-size:16px}
}
.g20-search-section{min-width:0}
.g20-search-list{display:grid;gap:18px}
.g20-search-card{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:0 0 18px;border-bottom:1px solid rgba(15,23,42,.12)}
.g20-search-image{display:block;aspect-ratio:3/2;overflow:hidden;background:#eef2f5}
.g20-search-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.g20-search-card:hover .g20-search-image img{transform:scale(1.025)}
.g20-search-copy{min-width:0}
.g20-search-overline{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0b8198;margin:0 0 7px}
.g20-search-copy h2{font-size:22px;line-height:1.18;margin:0 0 8px}
.g20-search-copy h2 a{color:#0f172a;text-decoration:none}
.g20-search-copy h2 a:hover{text-decoration:underline}
.g20-search-copy p{margin:0 0 10px;color:#475569;line-height:1.55}
.g20-search-meta{font-size:12px;color:#64748b;font-weight:700}
.g20-search-empty{padding:28px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569}
@media(max-width:700px){
 .g20-search-card{grid-template-columns:120px minmax(0,1fr);gap:14px}
 .g20-search-copy h2{font-size:18px}
 .g20-search-copy p{display:none}
}
@media(max-width:480px){
 .g20-search-card{grid-template-columns:1fr}
 .g20-search-image{aspect-ratio:16/9}
}
.g20-daynight{min-width:0}
.g20-daynight-header{margin-bottom:22px}
.g20-daynight-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;color:#0b8198;margin-bottom:9px}
.g20-daynight-header h1{margin:0 0 10px;color:#0f172a;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.025em}
.g20-daynight-header p{margin:0;max-width:720px;color:#64748b;font-size:16px;line-height:1.55}
.g20-daynight-panel{border:1px solid #dbe3ea;background:#f8fafc;padding:18px}
.g20-daynight-time{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;color:#64748b;font-size:13px}
.g20-daynight-time strong{color:#0f172a;font-size:14px}
.g20-daynight-map{background:#08111f;overflow:hidden}
.g20-daynight-map img{display:block;width:100%;height:auto;margin:0 auto}
.g20-daynight-note{margin:12px 0 0;color:#64748b;font-size:13px;line-height:1.5}
@media(max-width:600px){
 .g20-daynight-panel{padding:12px}
 .g20-daynight-time{align-items:flex-start;flex-direction:column;gap:3px}
}

.g20-astro{min-width:0}
.g20-astro-header{margin-bottom:22px}.g20-astro-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;color:#0b8198;margin-bottom:9px}
.g20-astro-header h1{margin:0 0 10px;color:#0f172a;font-size:clamp(30px,4vw,44px);line-height:1.08;letter-spacing:-.025em}
.g20-astro-header p{margin:0;max-width:760px;color:#64748b;font-size:16px;line-height:1.55}
.g20-astro-tablewrap{width:100%;overflow-x:auto;border:1px solid #dbe3ea;background:#fff}
.g20-astro table{width:100%;min-width:760px;border-collapse:collapse;border:0!important;font-size:13px}
.g20-astro th,.g20-astro td{padding:10px 9px;border:1px solid #e2e8f0;text-align:center;white-space:nowrap}
.g20-astro thead th{background:#0f172a;color:#fff;font-weight:700}.g20-astro tbody th{background:#f1f5f9;color:#0f172a}
.g20-astro tbody tr:nth-child(even) td{background:#f8fafc}.g20-astro tfoot td{text-align:left;color:#64748b;background:#f8fafc}
.g20-astro-panel{border:1px solid #dbe3ea;background:#f8fafc;padding:18px}
.g20-astro-time{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px;color:#64748b;font-size:13px}
.g20-astro-time strong{color:#0f172a}.g20-astro-map{background:#08111f;overflow:hidden}.g20-astro-map img{display:block;width:100%;height:auto}
.g20-astro-note{margin:12px 0 0;color:#64748b;font-size:13px}
@media(max-width:600px){.g20-astro-panel{padding:12px}.g20-astro-time{flex-direction:column;gap:3px}}


/* Galaksija V20 — header dorada */
#header.container{position:relative;overflow:visible}
#mast-head{position:relative;min-height:106px;background-position:center center;background-size:cover}
#mast-head:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(2,10,22,.24),rgba(2,10,22,.02) 48%,rgba(2,10,22,.12))}
.g20-header-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:106px;padding:0 26px}
#logo{margin:0!important;padding:0!important}
#logo .galaksija-brand{display:flex;align-items:center;text-decoration:none}
#logo .galaksija-brand img{display:block;width:auto;height:52px;max-width:260px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.45))}
.g20-header-tools{display:flex;align-items:center;gap:8px}
.g20-tool-search{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff!important;text-decoration:none!important;font-size:25px;line-height:1;background:rgba(2,15,29,.32);backdrop-filter:blur(4px);transition:.2s ease}
.g20-tool-search:hover{background:#0787bc;border-color:#0787bc}
.g20-header-searchbox{position:absolute;z-index:30;right:20px;top:76px;width:min(390px,calc(100% - 40px));padding:10px;background:rgba(5,19,34,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 35px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.18s ease}
.g20-header-searchbox.is-open{opacity:1;visibility:visible;transform:none}
.g20-header-searchbox form{display:flex;margin:0}
.g20-header-searchbox input{min-width:0;flex:1;height:39px;padding:0 12px;border:0;background:#fff;color:#111827;outline:0}
.g20-header-searchbox button{height:39px;padding:0 15px;border:0;background:#0787bc;color:#fff;font-weight:700;cursor:pointer}

/* Navigacija */
#header .navbar{position:relative;z-index:20;margin:0!important;min-height:56px;border:0!important;border-radius:0!important;background:rgba(3,20,34,.96)!important;box-shadow:0 1px 0 rgba(255,255,255,.08) inset}
#header .navbar .nav{display:flex;align-items:stretch;min-height:56px;margin:0!important}
#header .navbar .nav>li{display:flex;align-items:stretch;position:relative}
#header .navbar .nav>li>a{display:flex!important;align-items:center;padding:0 15px!important;min-height:56px;color:#f8fafc!important;font-size:13px;font-weight:700;line-height:1.15!important;text-shadow:none!important;white-space:nowrap;transition:background .18s ease,color .18s ease}
#header .navbar .nav>li>a:hover,#header .navbar .nav>li:hover>a{background:rgba(8,135,188,.16)!important;color:#71d7ff!important}
#header .navbar .nav>li:not(.home-link)>a:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:2px;background:#159ed2;transform:scaleX(0);transition:transform .18s ease}
#header .navbar .nav>li:hover>a:after{transform:scaleX(1)}
#header .navbar .home-link>a{width:56px;padding:0!important;justify-content:center;background:#0787bc!important}
#header .navbar .home-link>a:hover{background:#0a98d0!important}
#header .navbar .home-link img{width:18px;height:18px;object-fit:contain}

/* Dropdowni */
#header .sub-menu{border:0!important;border-top:2px solid #159ed2!important;background:#071b2c!important;box-shadow:0 14px 28px rgba(0,0,0,.3)!important}
#header .sub-menu li a{color:#e7eef5!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
#header .sub-menu li a:hover{background:#0b2b43!important;color:#72d8ff!important}

/* Na desktopu rasporedi cijeli meni ravnomjernije */
@media(min-width:1050px){
 #header .nav-collapse{width:100%}
 #header .navbar .nav{width:100%}
 #header .navbar .nav>li:not(.home-link){flex:1}
 #header .navbar .nav>li:not(.home-link)>a{justify-content:center;padding-left:9px!important;padding-right:9px!important;text-align:center}
}
@media(max-width:900px){
 #mast-head,.g20-header-top{min-height:88px}
 .g20-header-top{padding:0 18px}
 #logo .galaksija-brand img{height:44px;max-width:220px}
 .g20-header-searchbox{top:66px}
}