/* Izgled mobiteli.com: „centar za pomoć”. Svijetlo i precizno: tanka plava mreža kao nacrt, električno plava, debeli zbijeni sans, mono oznake
   kao na specifikaciji uređaja, maketa mobitela s dijagnostikom, problemi kao pločice, sažetak kao obavijest na mobitelu, odjeljci vodiča kao koraci.
   Bez web fontova i slika; učitava se poslije osnova.css. */
:root {
  --pozadina: #f4f6fb;
  --ploha: #ffffff;
  --rub: #dfe5f0;
  --tekst: #0e1726;
  --blago: #5b6779;
  --plava: #1652f0;
  --plava-tamna: #0b2f9e;
  --plava-svijetla: #e8efff;
  --zelena: #12b76a;
  --zuta: #f5a524;
  --sans: "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  --tekstni: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, "Roboto Mono", monospace;
  --sjena: 0 1px 2px rgb(14 23 38 / 5%), 0 6px 18px rgb(14 23 38 / 6%);
  --sjena-jaca: 0 2px 6px rgb(14 23 38 / 6%), 0 18px 40px rgb(22 82 240 / 14%);
  --stup: var(--plava);
}
.stup-savjeti { --stup: #1652f0; }
.stup-kupnja { --stup: #0e9f6e; }
.stup-aplikacije { --stup: #7a5af8; }
.stup-recenzije { --stup: #f97316; }
.stup-mobiteli { --stup: #0891b2; }

body.izgled-mobiteli { background: linear-gradient(rgb(22 82 240 / 5%) 1px, transparent 1px) 0 0 / 100% 28px, linear-gradient(90deg, rgb(22 82 240 / 5%) 1px, transparent 1px) 0 0 / 28px 100%, var(--pozadina); color: var(--tekst); font: 1.0625rem/1.65 var(--tekstni); }
.izgled-mobiteli a { color: var(--plava); text-decoration-thickness: 1.5px; text-underline-offset: .18em; }
.izgled-mobiteli h1, .izgled-mobiteli h2, .izgled-mobiteli h3 { font-family: var(--sans); font-weight: 800; letter-spacing: -.03em; line-height: 1.15; color: var(--tekst); }
:focus-visible { outline: 3px solid var(--plava); outline-offset: 2px; border-radius: 8px; }
.glavno { padding-top: .8rem; padding-bottom: 3rem; }
.nadnaslov { margin: 0 0 .3rem; font: 700 .72rem var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--plava); }
.naslov-sekcije { font-size: 1.6rem; margin: 2.4rem 0 .9rem; }

/* ---------- zaglavlje: bijela traka, segmentirani izbornik ---------- */
.zaglavlje { position: sticky; top: 0; z-index: 5; background: rgb(255 255 255 / 92%); backdrop-filter: saturate(1.6) blur(10px); border-bottom: 1px solid var(--rub); }
.zaglavlje__unutra { max-width: 72rem; margin: 0 auto; padding: .6rem 1rem; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; }
.logo, .logo a { display: inline-flex; align-items: center; gap: .5rem; margin: 0; font: 800 1.35rem/1 var(--sans); letter-spacing: -.035em; color: var(--tekst); text-decoration: none; }
.logo a::before { content: ""; width: .95rem; height: 1.5rem; border-radius: 4px; border: 2.5px solid var(--plava); background: linear-gradient(var(--plava-svijetla), var(--plava-svijetla)) 50% 85% / 40% 2px no-repeat; }
.zaglavlje__moto { display: none; }
.zaglavlje nav { flex: 1 1 100%; }
.izbornik { gap: 2px; padding: 3px; border-radius: 12px; background: #eef1f7; width: fit-content; max-width: 100%; }
.izbornik a { display: inline-flex; align-items: center; min-height: 38px; padding: .3rem .62rem; border-radius: 9px; color: var(--tekst); font: 600 .86rem var(--tekstni); text-decoration: none; }
.izbornik a[aria-current] { background: #fff; box-shadow: var(--sjena); color: var(--plava); }
.izbornik a:hover { background: #fff; color: var(--plava); }
@media (min-width: 48rem) { .zaglavlje nav { flex: 0 1 auto; margin-left: auto; } }

/* ---------- hero: tekst, pretraga, problemi kao upozorenja, maketa mobitela ---------- */
.hero { position: relative; overflow: hidden; padding: 1.8rem 1rem 0; background: radial-gradient(70% 60% at 100% 0%, rgb(22 82 240 / 12%), transparent 70%), #fff; border-bottom: 1px solid var(--rub); }
.hero__unutra { position: relative; z-index: 1; max-width: 72rem; margin: 0 auto; }
.hero__nadnaslov { display: inline-flex; align-items: center; gap: .45rem; margin: 0 0 .9rem; padding: .3rem .65rem; border-radius: 999px; background: #ecfdf3; color: #067647; font: 700 .72rem var(--mono); letter-spacing: .1em; text-transform: uppercase; }
.hero__nadnaslov .ikona { display: none; }
.hero__nadnaslov::before { content: ""; width: .5rem; height: .5rem; border-radius: 50%; background: var(--zelena); box-shadow: 0 0 0 3px rgb(18 183 106 / 20%); }
.hero__naslov { margin: 0 0 .7rem; font-size: clamp(2.2rem, 1.5rem + 3.6vw, 3.8rem); letter-spacing: -.045em; line-height: 1.02; }
.hero__naslov span { color: var(--plava); }
.hero__podnaslov { margin: 0 0 1.2rem; max-width: 32rem; color: var(--blago); }
.hero__trazi { max-width: 36rem; padding: .3rem .3rem .3rem .9rem; background: #fff; border: 2px solid var(--rub); border-radius: 14px; box-shadow: var(--sjena); color: var(--blago); }
.hero__trazi:focus-within { border-color: var(--plava); }
.hero__trazi input { padding: .6rem .2rem; font-size: 1rem; color: var(--tekst); }
.hero__trazi button { border: 0; border-radius: 10px; background: var(--plava); color: #fff; font: 700 .95rem var(--tekstni); padding: .6rem 1.1rem; }
.hero__brzo { display: flex; flex-wrap: wrap; gap: .45rem; margin: 1rem 0 0; max-width: 36rem; }
.hero__brzo span { flex-basis: 100%; font: 700 .7rem var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--blago); }
.hero__brzo a { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .75rem; border: 1px solid var(--rub); border-radius: 10px; background: #fff; color: var(--tekst); font: 600 .88rem var(--tekstni); text-decoration: none; }
.hero__brzo a::before { content: "!"; display: grid; place-items: center; width: 1.05rem; height: 1.05rem; border-radius: 50%; background: #fef0c7; color: #b54708; font: 800 .7rem var(--tekstni); }
.hero__brzo a:hover { border-color: var(--plava); color: var(--plava); }
/* maketa mobitela s dijagnostikom (ukrasna, aria-hidden) */
.hero__ukras { position: relative; z-index: 1; display: block; width: min(15.5rem, 72%); height: 13.5rem; margin: 1.6rem auto 0; padding: 2.4rem 1rem 0; border: 9px solid #0e1726; border-bottom: 0; border-radius: 2.4rem 2.4rem 0 0; background: linear-gradient(180deg, #f7f9ff, #fff); box-shadow: var(--sjena-jaca); }
.hero__ukras::before { content: ""; position: absolute; top: .55rem; left: 50%; width: 4.2rem; height: 1.15rem; transform: translateX(-50%); border-radius: 999px; background: #0e1726; }
.hero__ukras::after { content: "Dijagnostika"; position: absolute; top: 1.85rem; left: 1rem; font: 800 .95rem var(--sans); letter-spacing: -.02em; color: var(--tekst); }
.hero__ukras span { position: relative; display: flex; align-items: center; gap: .55rem; margin-top: .55rem; padding: .45rem .55rem; border-radius: 12px; background: #fff; border: 1px solid var(--rub); color: var(--plava); }
.hero__ukras span:first-child { margin-top: 1.1rem; }
.hero__ukras span svg { width: 20px; height: 20px; }
.hero__ukras span::before { order: 2; flex: 1; font: 600 .78rem var(--tekstni); color: var(--tekst); }
.hero__ukras span::after { order: 3; padding: .1rem .45rem; border-radius: 999px; font: 700 .62rem var(--mono); letter-spacing: .06em; }
.hero__ukras .u1::before { content: "Signal mreže"; } .hero__ukras .u1::after { content: "OK"; background: #ecfdf3; color: #067647; }
.hero__ukras .u2::before { content: "Temperatura"; } .hero__ukras .u2::after { content: "PROVJERI"; background: #fffaeb; color: #b54708; }
.hero__ukras .u3::before { content: "Sigurnost"; } .hero__ukras .u3::after { content: "OK"; background: #ecfdf3; color: #067647; }
.hero__ukras .u4, .hero__ukras .u5 { display: none; }
@media (min-width: 52rem) {
  .hero { padding-top: 3rem; }
  .hero__unutra { padding-right: 20rem; min-height: 22rem; }
  .hero__ukras { position: absolute; right: max(1rem, calc(50% - 36rem)); bottom: 0; margin: 0; width: 17rem; height: 20rem; }
}

/* ---------- problemi kao pločice dijagnostike ---------- */
.rjesenja { margin: 2rem 0 0; }
.rjesenja h2 { margin: 0 0 1rem; font-size: 1.7rem; }
.rjesenja ul { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; list-style: none; margin: 0; padding: 0; }
@media (min-width: 48rem) { .rjesenja ul { grid-template-columns: repeat(3, 1fr); } }
.rjesenja a { position: relative; display: flex; flex-direction: column; gap: .25rem; height: 100%; padding: .95rem; background: #fff; border: 1px solid var(--rub); border-radius: 18px; box-shadow: var(--sjena); color: var(--tekst); text-decoration: none; transition: border-color .15s, transform .15s; }
.rjesenja a:hover { border-color: var(--stup); transform: translateY(-2px); }
.rjesenja__ikona { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; margin-bottom: .35rem; border-radius: 13px; background: color-mix(in srgb, var(--stup) 12%, #fff); color: var(--stup); }
.rjesenja__kod { position: absolute; top: .9rem; right: .95rem; font: 600 .7rem var(--mono); color: #98a2b3; }
.rjesenja strong { font: 700 1rem/1.25 var(--sans); letter-spacing: -.015em; }
.rjesenja__opis { font-size: .82rem; line-height: 1.4; color: var(--blago); }

/* ---------- banner „Novi mobitel?” ---------- */
.banner { position: relative; overflow: hidden; margin: 2rem 0 0; padding: 1.4rem 1.25rem 1.3rem; border-radius: 22px; background: linear-gradient(135deg, #1652f0, #4f7cff 70%, #7a9bff); color: #fff; box-shadow: var(--sjena-jaca); }
.banner .nadnaslov { color: #c7d7ff; }
.banner h2 { margin: 0 0 .4rem; font-size: 1.6rem; color: #fff; max-width: 70%; }
.banner p { margin: 0 0 1rem; max-width: 30rem; color: #e3ebff; }
.banner__poveznice { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: .5rem; }
.banner__poveznice a { display: inline-flex; align-items: center; gap: .35rem; min-height: 40px; padding: .35rem .8rem; border-radius: 10px; background: #fff; color: var(--plava-tamna); font: 700 .88rem var(--tekstni); text-decoration: none; }
.banner__mobiteli { position: absolute; top: 1rem; right: 1rem; display: flex; gap: .45rem; opacity: .9; }
.banner__mobiteli i { display: block; width: 2.1rem; height: 3.6rem; border: 3px solid rgb(255 255 255 / 85%); border-radius: 9px; }
.banner__mobiteli i:last-child { margin-top: .9rem; background: rgb(255 255 255 / 18%); }

/* ---------- kupovni vodiči (sezonsko) kao kartice ---------- */
.sezonsko { margin: 2.2rem 0 0; }
.sezonsko__naslov { display: flex; align-items: center; gap: .6rem; margin-bottom: .8rem; }
.sezonsko__naslov .ikona { display: none; }
.sezonsko__naslov strong { display: block; font: 800 1.6rem/1.15 var(--sans); letter-spacing: -.03em; }
.sezonsko__naslov span { font: 700 .72rem var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--plava); }
.sezonsko__naslov div { display: flex; flex-direction: column-reverse; }
.sezonsko ul { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; list-style: none; margin: 0; padding: 0; }
.sezonsko a { display: flex; flex-direction: column; gap: .5rem; height: 100%; padding: .9rem; background: #fff; border: 1px solid var(--rub); border-radius: 16px; color: var(--tekst); font: 700 .95rem/1.3 var(--sans); letter-spacing: -.01em; text-decoration: none; box-shadow: var(--sjena); }
.sezonsko a::before { content: "VODIČ ZA KUPNJU"; width: fit-content; padding: .15rem .45rem; border-radius: 6px; background: #ecfdf3; color: #067647; font: 700 .6rem var(--mono); letter-spacing: .08em; }
.sezonsko .stup-tocka { display: none; }

/* ---------- najčitanije ---------- */
.popularno { margin: 2.2rem 0 0; padding: 1rem 1.1rem .5rem; background: #fff; border: 1px solid var(--rub); border-radius: 20px; box-shadow: var(--sjena); }
.popularno h2 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .4rem; font-size: 1.35rem; }
.popularno h2 .ikona { color: var(--plava); }
.popularno li { display: grid; grid-template-columns: 2.3rem 1fr; gap: .1rem .7rem; align-items: center; padding: .65rem 0; border-top: 1px solid #eef1f6; }
.popularno li:first-child { border-top: 0; }
.popularno__br { grid-row: span 2; display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: 10px; background: var(--plava-svijetla); color: var(--plava); font: 700 .85rem var(--mono); }
.popularno a { color: var(--tekst); font-weight: 650; line-height: 1.35; text-decoration: none; }
.popularno a:hover { color: var(--plava); }
.znacka { width: fit-content; padding: .05rem .45rem; border-radius: 6px; background: color-mix(in srgb, var(--stup) 10%, #fff); color: var(--stup); font: 700 .66rem var(--mono); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }

/* ---------- savjet i sažetak kao obavijest na mobitelu ---------- */
.savjet, .odgovor { position: relative; display: grid; grid-template-columns: 2.4rem 1fr; gap: .2rem .75rem; margin: 2rem 0 1.4rem; padding: .95rem 1rem; background: rgb(255 255 255 / 92%); border: 1px solid var(--rub); border-radius: 20px; box-shadow: var(--sjena-jaca); }
.savjet__ikona { grid-row: span 2; display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 11px; background: var(--plava); color: #fff; }
.savjet strong { font: 700 .7rem var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--blago); }
.savjet strong::after { content: "sada"; float: right; font-weight: 500; letter-spacing: 0; text-transform: none; }
.savjet p { margin: .1rem 0 0; font-weight: 600; line-height: 1.45; }
.odgovor { display: block; margin: 0 0 1.6rem; padding: 1rem 1.1rem; font-size: 1.08rem; }
.odgovor__oznaka { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; font: 700 .7rem var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--blago); }
.odgovor__oznaka .ikona { display: none; }
.odgovor__oznaka::before { content: "✓"; display: grid; place-items: center; width: 1.6rem; height: 1.6rem; border-radius: 8px; background: var(--zelena); color: #fff; font: 800 .85rem var(--tekstni); letter-spacing: 0; }
.odgovor p:last-child { margin-bottom: 0; }

/* ---------- teme i najnovije ---------- */
.stupovi-mreza { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
@media (min-width: 48rem) { .stupovi-mreza { grid-template-columns: repeat(4, 1fr); } }
.stup-kartica { display: flex; flex-direction: column; gap: .2rem; padding: .9rem; background: #fff; border: 1px solid var(--rub); border-radius: 16px; color: var(--tekst); text-decoration: none; }
.izgled-mobiteli .stup-kartica { color: var(--tekst); }
.stup-kartica__ikona { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; margin-bottom: .3rem; border-radius: 11px; background: color-mix(in srgb, var(--stup) 12%, #fff); color: var(--stup); }
.stup-kartica strong { font: 700 .98rem/1.25 var(--sans); }
.stup-kartica__opis { font-size: .8rem; line-height: 1.4; color: var(--blago); }
.stup-kartica__broj { margin-top: auto; padding-top: .3rem; font: 700 .7rem var(--mono); color: var(--stup); }
.stup-kartica:hover { border-color: var(--stup); }
.popis-objava { display: grid; background: #fff; border: 1px solid var(--rub); border-radius: 18px; overflow: hidden; }
.popis-objava li { position: relative; padding: .75rem 2.4rem .75rem 1rem; border-top: 1px solid #eef1f6; }
.popis-objava li:first-child { border-top: 0; }
.popis-objava li::after { content: "›"; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-size: 1.4rem; color: #98a2b3; }
.popis-objava__tema, .popis-objava__tema a { font: 700 .66rem var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--plava); }
.popis-objava h3 { margin: .15rem 0 0; font: 650 1rem/1.35 var(--tekstni); letter-spacing: 0; }
.popis-objava h3 a { color: var(--tekst); text-decoration: none; }

/* ---------- zaglavlje članka ---------- */
.pojas { padding: 1.2rem 1rem 1.4rem; background: #fff; border-bottom: 1px solid var(--rub); margin-bottom: 1.4rem; }
.mrvice { margin: 0; font: .72rem var(--mono); color: var(--blago); }
.mrvice a { color: var(--blago); text-decoration: none; }
.oznaka { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; margin: .9rem 0 0; }
.znacka--stup { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .6rem; border-radius: 8px; background: color-mix(in srgb, var(--stup) 12%, #fff); color: var(--stup); font: 700 .78rem var(--tekstni); letter-spacing: 0; text-transform: none; }
.oznaka__min { display: inline-flex; align-items: center; gap: .3rem; font: .72rem var(--mono); color: var(--blago); }
.pojas h1 { margin: .55rem 0 .55rem; font-size: clamp(1.9rem, 1.4rem + 2.6vw, 3rem); letter-spacing: -.04em; line-height: 1.06; }
.meta { margin: 0; font: .72rem var(--mono); color: var(--blago); }

/* ---------- tekst vodiča: odjeljci kao koraci ---------- */
.tekst { counter-reset: korak; }
.tekst h2, .glavno > h2:not(.naslov-sekcije) { counter-increment: korak; position: relative; margin: 2.4rem 0 .7rem; padding-top: 1.9rem; font-size: 1.45rem; }
.tekst h2::before, .glavno > h2:not(.naslov-sekcije)::before { content: "KORAK " counter(korak, decimal-leading-zero); position: absolute; top: 0; left: 0; padding: .15rem .5rem; border-radius: 6px; background: var(--plava-svijetla); color: var(--plava); font: 700 .66rem var(--mono); letter-spacing: .1em; }
.tekst h3 { font-size: 1.15rem; margin: 1.6rem 0 .4rem; }
.tekst ul { list-style: none; padding-left: 0; }
.tekst ul li { position: relative; padding-left: 1.6rem; margin: .35rem 0; }
.tekst ul li::before { content: ""; position: absolute; left: .15rem; top: .55em; width: .55rem; height: .55rem; border-radius: 3px; background: var(--plava); }
.tekst ol { padding-left: 1.4rem; }
.tekst ol li::marker { font: 700 .9rem var(--mono); color: var(--plava); }
.tekst table { width: 100%; border-collapse: collapse; margin: 1.2rem 0; background: #fff; border: 1px solid var(--rub); border-radius: 14px; overflow: hidden; font-size: .95rem; }
.tekst th { background: #f4f6fb; font: 700 .72rem var(--mono); letter-spacing: .06em; text-transform: uppercase; text-align: left; }
.tekst th, .tekst td { padding: .55rem .7rem; border-top: 1px solid #eef1f6; }
.tekst img, .glavno img { border-radius: 16px; border: 1px solid var(--rub); }
.toc { margin: 0 0 1.6rem; padding: .9rem 1.1rem; background: #fff; border: 1px solid var(--rub); border-radius: 18px; }
.toc strong { display: block; margin-bottom: .3rem; font: 700 .72rem var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--blago); }
.toc ol { margin: 0; padding-left: 1.4rem; }
.toc li::marker { font: 700 .8rem var(--mono); color: var(--plava); }
.toc a { color: var(--tekst); text-decoration: none; }
.toc a:hover { color: var(--plava); }

/* ---------- zbirka, recept, slova (rijetko na ovom sajtu) ---------- */
.stavka { margin: 0 0 .8rem; padding: 1rem 1.1rem; background: #fff; border: 1px solid var(--rub); border-radius: 18px; }
.stavka blockquote { font-weight: 600; }
.stavka__gumbi { margin-top: .8rem; }
.gumb { padding: .4rem .9rem; border: 1px solid var(--rub); border-radius: 10px; background: #fff; color: var(--tekst); font: 700 .85rem var(--tekstni); }
.gumb:hover, .gumb[data-kopirano] { border-color: var(--plava); color: var(--plava); }
summary { color: var(--plava); font-weight: 700; }
.cipovi { display: flex; gap: .4rem; overflow-x: auto; margin: 0 0 1rem; }
.cipovi a { display: inline-flex; align-items: center; min-height: 38px; padding: .3rem .75rem; border: 1px solid var(--rub); border-radius: 10px; background: #fff; color: var(--tekst); font: 600 .88rem var(--tekstni); text-decoration: none; }
.recept { margin: 1.6rem 0; padding: 0 1.1rem 1.1rem; background: #fff; border: 1px solid var(--rub); border-radius: 18px; overflow: hidden; }
.recept h2 { margin: 0 -1.1rem 1rem; padding: 1rem 1.1rem; background: var(--plava); color: #fff; }
.slova { display: flex; flex-wrap: wrap; gap: .35rem; margin: 1rem 0; }
.slova a { display: grid; place-items: center; min-width: 42px; height: 42px; border: 1px solid var(--rub); border-radius: 10px; background: #fff; color: var(--tekst); font-weight: 700; text-decoration: none; }
.pretraga { width: 100%; padding: .75rem 1rem; border: 2px solid var(--rub); border-radius: 14px; font: inherit; }

/* ---------- dijeljenje, autor, oglas, podnožje ---------- */
.dijeli { margin: 2rem 0 0; padding: .9rem 1rem; background: #fff; border: 1px solid var(--rub); border-radius: 18px; }
.dijeli > span { display: inline-flex; align-items: center; gap: .4rem; margin-right: .3rem; font: 700 .72rem var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--blago); }
.dijeli a { padding: .4rem .85rem; border-radius: 10px; color: #fff; font: 700 .85rem var(--tekstni); }
.izgled-mobiteli .dijeli a { color: #fff; }
.dijeli__wa { background: #1fa855; } .dijeli__fb { background: #1877f2; } .dijeli__vi { background: #7360f2; }
.autor { margin-top: 1.1rem; padding: 1rem 1.1rem; background: #fff; border: 1px solid var(--rub); border-radius: 18px; font-size: .95rem; color: var(--blago); }
.autor strong { color: var(--tekst); }
.autor__slika { width: 52px; height: 52px; border-radius: 14px; background: var(--plava); color: #fff; font: 800 1.3rem var(--sans); }
.oglas { margin: 2rem 0; color: #98a2b3; border: 1px dashed #cdd5e3; border-radius: 18px; background: repeating-linear-gradient(-45deg, transparent 0 12px, rgb(22 82 240 / 3%) 12px 24px); }
.podnozje { margin-top: 3.5rem; background: #0b1220; color: #a9b4c7; }
.podnozje__unutra { max-width: 72rem; margin: 0 auto; padding: 2rem 1rem 2.4rem; font-size: .95rem; }
.podnozje__ime { margin: 0 0 .3rem; font: 800 1.5rem var(--sans); letter-spacing: -.035em; color: #fff; }
.podnozje p { margin: .3rem 0; }
.podnozje ul { display: flex; flex-wrap: wrap; gap: .3rem 1.1rem; margin-top: 1rem; }
.podnozje a { color: #fff; }
@media (prefers-reduced-motion: reduce) { .rjesenja a { transition: none; } }