/* Dizajn „Moderno“: tamnoplavi gradijent, neon akcenti, „bento“ pločice */
:root{
  --pozadina:#0b1026; --pozadina-rgb:11,16,38;
  --bg1:#232a7a; --bg2:#0d4060; --bg3:#0d1233; --bg4:#070a1a;
  --tekst:#f2f5ff; --tekst2:rgba(242,245,255,.62);
  --akcent:#7c5cff; --akcent-rgb:124,92,255; --akcent-tamna:#5136d6;
  --akcent2:#00d4ff; --akcent2-rgb:0,212,255; --zlato:#7ef0ff;
  --sjaj2-rgb:0,212,255; --sjaj3-rgb:190,70,255; --hero-opacity:.3;
  --ivica:rgba(255,255,255,.12);
}
.d-moderno{font-family:'Space Grotesk',system-ui,sans-serif}
.d-moderno .pozadina::after{opacity:.5;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}
.d-moderno .sjaj{opacity:.7}
.d-moderno .hero-podnaslov{letter-spacing:.4em;color:var(--zlato);text-shadow:0 0 18px rgba(var(--akcent2-rgb),.6)}
.d-moderno .crtica{background:linear-gradient(90deg,transparent,var(--akcent2))}
.d-moderno .naslov-sekcije h1{font-weight:700;letter-spacing:-.03em;text-transform:uppercase}
.d-moderno .naslov-sekcije h1::after{background:linear-gradient(90deg,var(--akcent),var(--akcent2));width:72px;height:4px}
.d-moderno .ik-velika{border-radius:26px}

.d-moderno .mreza{grid-auto-flow:dense;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.d-moderno .mreza>.kat{flex:none}
@media (min-width:640px){.d-moderno .mreza{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:980px){.d-moderno .mreza{grid-template-columns:repeat(4,minmax(0,1fr))}}
.d-moderno .kat{align-items:flex-start;justify-content:space-between;text-align:left;padding:18px;min-height:150px;border-radius:26px;
  background:linear-gradient(150deg,rgba(var(--akcent-rgb),.26),rgba(var(--akcent2-rgb),.06) 70%);border:1px solid var(--ivica)}
.d-moderno .mreza:not(.rucno) .kat:nth-child(5n+1),.d-moderno .kat.istaknuta{grid-column:span 2;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;text-align:center;min-height:118px;
  background:linear-gradient(120deg,rgba(var(--akcent-rgb),.45),rgba(var(--akcent2-rgb),.22))}
.d-moderno .mreza:not(.rucno) .kat:nth-child(5n+1) .kat-naziv,.d-moderno .kat.istaknuta .kat-naziv{font-size:21px;flex:1;text-align:center;margin-right:calc(74px + 16px)}
@media (min-width:640px){.d-moderno .mreza:not(.rucno) .kat:nth-child(5n+1) .kat-naziv,.d-moderno .kat.istaknuta .kat-naziv{margin-right:calc(86px + 16px)}}
.d-moderno .kat:nth-child(5n+3){background:linear-gradient(150deg,rgba(var(--akcent2-rgb),.24),rgba(var(--akcent-rgb),.06) 70%)}
.d-moderno .kat:hover{box-shadow:0 0 0 1px rgba(var(--akcent2-rgb),.5),0 18px 40px -18px rgba(var(--akcent2-rgb),.55)}
.d-moderno .ik{border-radius:18px;background:rgba(255,255,255,.09);box-shadow:none}
.d-moderno .kat-naziv{font-size:17px;font-weight:700;letter-spacing:-.01em}
.d-moderno .kat-strelica{top:14px;right:14px;background:rgba(255,255,255,.1)}
.d-moderno .kat:hover .kat-strelica{background:var(--akcent2);color:#071022}

.d-moderno .stavka{border-radius:20px;background:linear-gradient(120deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.d-moderno .stavka-cijena{border-radius:999px;color:#071022;background:linear-gradient(90deg,var(--akcent2),#8af7ff);
  box-shadow:0 0 18px -4px rgba(var(--akcent2-rgb),.8)}
.d-moderno .nazad{border-radius:14px}
.d-moderno .jezik.aktivan{background:var(--akcent2);border-color:var(--akcent2);color:#071022}
.d-moderno .reklama-ikona{background:linear-gradient(135deg,var(--akcent),var(--akcent2))}