/* Izgled cool.hr: „noćni chat”. Tamna podloga, neonske boje po temi, uski verzal za naslove, bento pločice na početnoj, pokretna traka,
   uleti kao razgovor u aplikaciji za poruke. Bez web fontova i slika; učitava se poslije osnova.css. */
:root {
  --crno: #0b0b12;
  --ploha: #15151f;
  --ploha-2: #1f1f2c;
  --tekst: #f3f3f8;
  --tekst-blago: #a5a5bb;
  --rub: #2c2c3d;
  --limeta: #c6ff1a;
  --roza: #ff2e88;
  --cijan: #22e4ff;
  --ljubicasta: #9b6bff;
  --narancasta: #ff8a1f;
  --zlatna: #ffc53d;
  --uski: "Avenir Next Condensed", "Bahnschrift Condensed", "Roboto Condensed", sans-serif-condensed, "Arial Narrow", Impact, sans-serif;
  --tekstni: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Roboto Mono", monospace;
  --stup: var(--limeta);
}
.stup-odnosi { --stup: var(--roza); }
.stup-mitologija { --stup: var(--zlatna); }
.stup-ljubimci { --stup: var(--limeta); }
.stup-pokloni { --stup: var(--narancasta); }
.stup-igre { --stup: var(--cijan); }

body.izgled-cool { background: var(--crno); color: var(--tekst); font: 1.0625rem/1.65 var(--tekstni); }
.izgled-cool a { color: var(--tekst); text-decoration-color: var(--stup); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.izgled-cool h1, .izgled-cool h2, .izgled-cool h3 { color: #fff; line-height: 1.1; }
.izgled-cool h1, .izgled-cool h2, .naslov-sekcije { font-family: var(--uski); font-stretch: condensed; font-weight: 800; text-transform: uppercase; letter-spacing: .005em; }
:focus-visible { outline: 3px solid var(--limeta); outline-offset: 2px; border-radius: 6px; }
::selection { background: var(--limeta); color: var(--crno); }
.glavno { padding-top: .6rem; padding-bottom: 3rem; }
.naslov-sekcije { font-size: 2.3rem; margin: 2.4rem 0 1rem; }
.naslov-sekcije::after { content: ""; display: block; width: 3.2rem; height: 6px; margin-top: .35rem; background: var(--limeta); }

/* ---------- zaglavlje: tamna traka, logo u verzalu, oznake s ljestvama ---------- */
.zaglavlje { position: sticky; top: 0; z-index: 5; background: rgb(11 11 18 / 88%); backdrop-filter: blur(10px); border-bottom: 1px solid var(--rub); }
.zaglavlje__unutra { max-width: 72rem; margin: 0 auto; padding: .55rem 1rem .5rem; display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .8rem; }
.logo, .logo a { margin: 0; font: 900 2.1rem/1 var(--uski); font-stretch: condensed; text-transform: uppercase; color: #fff; text-decoration: none; letter-spacing: .01em; }
.logo a::after { content: "."; color: var(--limeta); }
.zaglavlje__moto { margin: 0 0 0 auto; font: .66rem/1.2 var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--tekst-blago); text-align: right; max-width: 11rem; }
.zaglavlje nav { flex: 1 1 100%; }
.izbornik { gap: .4rem; }
.izbornik a { display: inline-flex; align-items: center; min-height: 40px; padding: .35rem .75rem; border-radius: 10px; background: var(--ploha-2); border: 1px solid var(--rub); font: 700 .92rem var(--tekstni); text-decoration: none; }
.izbornik a::before { content: "#"; color: var(--stup); margin-right: .12rem; font-weight: 800; }
.izbornik a:hover { border-color: var(--stup); }
.izbornik a[aria-current] { background: var(--stup); border-color: var(--stup); color: var(--crno); }
.izbornik a[aria-current]::before { color: var(--crno); }

/* ---------- pokretna traka ---------- */
.traka { display: flex; align-items: stretch; background: var(--limeta); color: var(--crno); overflow: hidden; font: 800 1.05rem/1 var(--uski); font-stretch: condensed; text-transform: uppercase; }
.traka__oznaka { display: flex; align-items: center; gap: .3rem; margin: 0; padding: .6rem .75rem; background: var(--crno); color: var(--limeta); flex: none; }
.traka__okvir { flex: 1; min-width: 0; overflow: hidden; }
.traka__niz { display: flex; width: max-content; animation: traka 40s linear infinite; }
.traka__dio { display: flex; }
.traka a, .traka__dio span { display: inline-flex; align-items: center; padding: .6rem 0 .6rem 1rem; color: var(--crno); text-decoration: none; white-space: nowrap; }
.traka a::after, .traka__dio span::after { content: "✦"; margin-left: 1rem; }
.traka:hover .traka__niz { animation-play-state: paused; }
@keyframes traka { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .traka__niz { animation: none; } .traka__okvir { overflow-x: auto; } .traka__dio[aria-hidden] { display: none; } }

/* ---------- hero: golemi verzal, neonski sjaj, naljepnice ---------- */
.hero { position: relative; overflow: hidden; padding: 2.4rem 1rem 2.2rem; background: radial-gradient(45% 55% at 92% 12%, rgb(255 46 136 / 38%), transparent 70%), radial-gradient(50% 50% at 5% 95%, rgb(34 228 255 / 24%), transparent 70%), radial-gradient(40% 45% at 65% 80%, rgb(155 107 255 / 30%), transparent 70%), var(--crno); border-bottom: 1px solid var(--rub); }
.hero__unutra { position: relative; z-index: 1; max-width: 44rem; margin: 0 auto; }
.hero__nadnaslov { display: flex; align-items: center; gap: .4rem; margin: 0 0 .9rem; font: .75rem var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--limeta); }
.hero__naslov { margin: 0 0 1rem; font-size: clamp(3.4rem, 2rem + 9vw, 6.5rem); line-height: .9; }
.hero__naslov span { display: inline-block; margin-top: .08em; padding: .02em .14em 0; background: var(--limeta); color: var(--crno); transform: rotate(-2.5deg); border-radius: 6px; }
.hero__podnaslov { color: var(--tekst-blago); margin: 0 0 1.4rem; max-width: 30rem; }
.hero__trazi { background: var(--ploha); border: 2px solid #fff; border-radius: 16px; padding: .3rem .3rem .3rem .9rem; color: var(--tekst-blago); }
.hero__trazi:focus-within { border-color: var(--limeta); }
.hero__trazi input { padding: .6rem .2rem; }
.hero__trazi input::placeholder { color: #7d7d93; }
.hero__trazi button { border: 0; border-radius: 12px; background: var(--limeta); color: var(--crno); font: 800 1.1rem var(--uski); font-stretch: condensed; text-transform: uppercase; padding: .6rem 1.15rem; }
.hero__brzo { display: flex; flex-wrap: wrap; gap: .55rem .45rem; margin: 1.3rem 0 0; }
.hero__brzo span { flex-basis: 100%; font: .7rem var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--tekst-blago); }
.hero__brzo a { padding: .35rem .8rem; border-radius: 999px; font: 800 .9rem var(--tekstni); color: var(--crno); text-decoration: none; background: var(--c); transform: rotate(var(--r)); }
.hero__brzo a:nth-of-type(1) { --c: var(--roza); --r: -3deg; } .hero__brzo a:nth-of-type(2) { --c: var(--cijan); --r: 2deg; }
.hero__brzo a:nth-of-type(3) { --c: var(--zlatna); --r: -1deg; } .hero__brzo a:nth-of-type(4) { --c: var(--limeta); --r: 3deg; } .hero__brzo a:nth-of-type(5) { --c: var(--ljubicasta); --r: -2deg; }
.hero__ukras { display: none; }

/* ---------- bento: teme kao šarene pločice ---------- */
.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 { position: relative; display: flex; flex-direction: column; gap: .3rem; min-height: 11.5rem; padding: 1rem; border-radius: 24px; background: var(--stup); color: var(--crno); text-decoration: none; overflow: hidden; transition: transform .15s; }
.izgled-cool .stup-kartica { color: var(--crno); }
.stup-kartica:first-child { grid-column: span 2; min-height: 13rem; }
.stup-kartica:hover { transform: scale(1.02); }
.stup-kartica__ikona { position: absolute; top: .85rem; right: .85rem; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--crno); color: var(--stup); }
.stup-kartica:first-child .stup-kartica__ikona { width: 4.2rem; height: 4.2rem; transform: rotate(-10deg); }
.stup-kartica__broj { order: -1; font: 700 .68rem var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.stup-kartica strong { margin-top: auto; font: 900 1.55rem/.95 var(--uski); font-stretch: condensed; text-transform: uppercase; max-width: 9em; }
.stup-kartica:first-child strong { font-size: 2.3rem; }
.stup-kartica__opis { font-size: .84rem; line-height: 1.35; color: rgb(11 11 18 / 75%); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.stup-kartica.stup-mitologija { color: var(--zlatna); background: radial-gradient(1.5px 1.5px at 18% 30%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 70% 20%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 40% 70%, #ffe9a8 50%, transparent 51%), radial-gradient(1px 1px at 85% 60%, #fff 50%, transparent 51%), linear-gradient(160deg, #1d1650, #3b1f8f); border: 1px solid rgb(255 197 61 / 40%); }
.stup-kartica.stup-mitologija .stup-kartica__opis { color: #d9d1ff; }
.stup-kartica.stup-mitologija .stup-kartica__ikona { background: var(--zlatna); color: #1d1650; }

/* ---------- top lista s obrubljenim brojevima ---------- */
.popularno { margin: 2.4rem 0 0; padding: 1.1rem 1.1rem .6rem; background: var(--ploha); border: 1px solid var(--rub); border-radius: 24px; }
.popularno h2 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .4rem; font-size: 2rem; }
.popularno h2 .ikona { color: var(--limeta); }
.popularno li { display: grid; grid-template-columns: 3.4rem 1fr; gap: .05rem .4rem; align-items: center; padding: .7rem 0; border-top: 1px solid var(--rub); }
.popularno li:first-child { border-top: 0; }
.popularno__br { grid-row: span 2; font: 900 3.1rem/1 var(--uski); font-stretch: condensed; color: transparent; -webkit-text-stroke: 1.5px var(--stup); }
.popularno a { font-weight: 700; line-height: 1.35; text-decoration: none; }
.znacka { font: 700 .68rem var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--stup); text-decoration: none; }

/* ---------- „Znaš li?” s naljepnicom ---------- */
.savjet { position: relative; display: block; margin: 2.2rem 0 1.5rem; padding: 1.4rem 1.2rem 1.2rem; border: 2px solid transparent; border-radius: 24px; background: linear-gradient(var(--ploha), var(--ploha)) padding-box, linear-gradient(135deg, var(--roza), var(--ljubicasta), var(--cijan)) border-box; }
.savjet__ikona { position: absolute; top: -1rem; right: 1.1rem; display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 14px; background: var(--roza); color: #fff; transform: rotate(10deg); box-shadow: 0 6px 20px rgb(255 46 136 / 45%); }
.savjet strong { display: block; font: 900 1.6rem/1 var(--uski); font-stretch: condensed; text-transform: uppercase; color: var(--limeta); margin-bottom: .5rem; }
.savjet p { margin: 0; font-size: 1.15rem; font-weight: 600; color: #fff; }

/* ---------- najnovije ---------- */
.popis-objava { display: grid; gap: .6rem; }
@media (min-width: 44rem) { .popis-objava { grid-template-columns: 1fr 1fr; } }
.popis-objava li { padding: .85rem 1rem; background: var(--ploha); border: 1px solid var(--rub); border-radius: 16px; }
.popis-objava li:hover { border-color: var(--limeta); }
.popis-objava__tema, .popis-objava__tema a { font: 700 .68rem var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--limeta); }
.popis-objava h3 { margin: .25rem 0 0; font: 700 1.05rem/1.3 var(--tekstni); }
.popis-objava h3 a { text-decoration: none; }

/* ---------- zaglavlje članka: neonski sjaj teme ---------- */
.pojas { position: relative; padding: 1.3rem 1rem 1.7rem; background: radial-gradient(70% 90% at 100% 0%, color-mix(in srgb, var(--stup) 32%, transparent), transparent 70%), var(--crno); border-bottom: 1px solid var(--rub); margin-bottom: 1.3rem; }
.mrvice { margin: 0; font: .7rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--tekst-blago); }
.mrvice a { color: var(--tekst-blago); text-decoration-thickness: 1px; }
.oznaka { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .9rem; margin: 1rem 0 0; }
.znacka--stup { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .65rem; border-radius: 8px; background: var(--stup); color: var(--crno); font: 800 .8rem var(--tekstni); letter-spacing: 0; text-transform: uppercase; transform: rotate(-2deg); }
.izgled-cool .znacka--stup { color: var(--crno); }
.oznaka__min { display: inline-flex; align-items: center; gap: .3rem; font: .72rem var(--mono); text-transform: uppercase; color: var(--tekst-blago); }
.pojas h1 { margin: .7rem 0 .7rem; font-size: clamp(2.5rem, 1.6rem + 5vw, 4.2rem); line-height: .95; }
.meta { margin: 0; font: .7rem var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--tekst-blago); }
.stup-mitologija .pojas { background: radial-gradient(1.5px 1.5px at 12% 22%, #fff 50%, transparent 51%), radial-gradient(1px 1px at 28% 68%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 46% 18%, #ffe9a8 50%, transparent 51%), radial-gradient(1px 1px at 63% 52%, #fff 50%, transparent 51%), radial-gradient(2px 2px at 82% 26%, #fff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 6% 86%, #ffe9a8 50%, transparent 51%), radial-gradient(60% 80% at 100% 0%, rgb(255 197 61 / 25%), transparent 70%), linear-gradient(160deg, #0b0b12, #1d1650 70%, #2e1a72); }
.stup-mitologija .pojas h1 { color: var(--zlatna); }

/* ---------- tekst članka na tamnom ---------- */
.tekst, .glavno > p, .glavno > ul, .glavno > ol { color: #dcdce8; }
.tekst h2, .glavno > h2:not(.naslov-sekcije) { font-size: 2rem; margin: 2.2rem 0 .6rem; }
.tekst h2::before, .glavno > h2:not(.naslov-sekcije)::before { content: "# "; color: var(--stup); }
.tekst h3 { font: 800 1.2rem var(--tekstni); }
.tekst strong { color: #fff; }
.tekst img, .glavno img { border-radius: 18px; }
.odgovor { margin: 0 0 1.6rem; padding: 1.1rem 1.15rem; background: var(--ploha); border: 1px solid var(--rub); border-left: 4px solid var(--stup); border-radius: 18px; font-size: 1.12rem; color: #fff; }
.odgovor p:last-child { margin-bottom: 0; }
.odgovor__oznaka { display: inline-flex; align-items: center; gap: .3rem; margin-bottom: .5rem; padding: .25rem .5rem; border-radius: 6px; background: var(--stup); color: var(--crno); font: 800 .7rem var(--mono); text-transform: uppercase; letter-spacing: .06em; }
.toc { margin: 0 0 1.6rem; padding: 1rem 1.15rem; background: var(--ploha-2); border-radius: 18px; }
.toc strong { display: block; font: 800 1.3rem var(--uski); font-stretch: condensed; text-transform: uppercase; color: var(--stup); }
.toc ol { margin: .3rem 0 0; padding-left: 1.3rem; }
.toc a { text-decoration: none; }

/* ---------- zbirka: pločice s velikim obrubljenim brojem ---------- */
.stavka { margin: 0 0 .8rem; padding: 1.1rem 1.1rem 1rem; background: var(--ploha); border: 1px solid var(--rub); border-radius: 22px; overflow: hidden; }
.stavka::before { content: counter(s, decimal-leading-zero); position: absolute; top: .3rem; right: .7rem; font: 900 3.4rem/1 var(--uski); font-stretch: condensed; color: transparent; -webkit-text-stroke: 1.5px color-mix(in srgb, var(--stup) 75%, transparent); }
.stavka blockquote { padding-right: 3.6rem; font: 700 1.18rem/1.45 var(--tekstni); color: #fff; }
.stavka--ime blockquote { font: 900 2.1rem/1 var(--uski); font-stretch: condensed; text-transform: uppercase; color: var(--stup); }
.stavka cite { display: block; margin-top: .4rem; font: normal .75rem var(--mono); text-transform: uppercase; color: var(--stup); }
.stavka__opis { margin: .55rem 0 0; color: var(--tekst-blago); font-size: 1rem; }
.stavka__gumbi { margin-top: .9rem; }
.gumb { padding: .4rem .9rem; border: 1px solid #3d3d52; border-radius: 10px; background: var(--ploha-2); color: #fff; font: 700 .78rem var(--mono); text-transform: uppercase; letter-spacing: .04em; }
.gumb:hover { border-color: var(--stup); color: var(--stup); }
.gumb[data-kopirano] { background: var(--stup); border-color: var(--stup); color: var(--crno); }
.stavka summary { font: 700 .95rem var(--tekstni); color: var(--stup); }
.komentar { font-size: 1rem; color: var(--tekst-blago); }
.stavka__odgovor summary { width: fit-content; padding: .4rem 1rem; border-radius: 10px; background: var(--stup); color: var(--crno); }
.stavka__odgovor p { margin: .7rem 0 0; font: 900 1.5rem var(--uski); text-transform: uppercase; color: var(--stup); }
.cipovi { display: flex; gap: .4rem; overflow-x: auto; margin: 0 0 1rem; padding-bottom: .3rem; scrollbar-width: none; }
.cipovi a { display: inline-flex; align-items: center; min-height: 40px; padding: .35rem .8rem; border-radius: 999px; background: var(--ploha-2); border: 1px solid var(--rub); font: 700 .88rem var(--tekstni); text-decoration: none; }
.cipovi a::before { content: "#"; color: var(--stup); margin-right: .1rem; }
.stavke__skupina { margin: 2rem 0 .8rem; }
.stavke__skupina h2 { margin: 0; font-size: 1.7rem; }
.stavke__skupina h2::after { content: ""; display: block; width: 2.4rem; height: 5px; margin-top: .3rem; background: var(--stup); }

/* uleti kao razgovor: dolazne i odlazne poruke */
.stup-odnosi .stavke { padding: .4rem 0; }
.stup-odnosi .stavka { padding: 0; margin: 0 0 1.1rem; background: none; border: 0; overflow: visible; }
.stup-odnosi .stavka::before { content: "ulet " counter(s); position: static; display: block; margin: 0 0 .3rem .5rem; font: .64rem var(--mono); text-transform: uppercase; letter-spacing: .08em; color: var(--tekst-blago); -webkit-text-stroke: 0; }
.stup-odnosi .stavka blockquote { width: fit-content; max-width: 86%; padding: .75rem 1rem; border-radius: 22px 22px 22px 6px; background: #272735; font: 500 1.06rem/1.45 var(--tekstni); }
.stup-odnosi .stavka:nth-child(even)::before { text-align: right; margin: 0 .5rem .3rem 0; }
.stup-odnosi .stavka:nth-child(even) blockquote { margin-left: auto; border-radius: 22px 22px 6px 22px; background: linear-gradient(135deg, var(--roza), var(--ljubicasta)); box-shadow: 0 8px 24px rgb(255 46 136 / 25%); }
.stup-odnosi .stavka__gumbi { margin-top: .45rem; padding: 0 .3rem; }
.stup-odnosi .stavka:nth-child(even) .stavka__gumbi { justify-content: flex-end; }
.stup-odnosi .gumb { min-height: 36px; padding: .25rem .65rem; background: transparent; border-color: var(--rub); font-size: .68rem; }
.stup-odnosi .stavka details { padding: 0 .5rem; }
.stup-odnosi .stavka:nth-child(even) details summary { justify-content: flex-end; }

/* ---------- recept, slova, indeks, srodno ---------- */
.recept { margin: 1.6rem 0; padding: 0 1.1rem 1.1rem; background: var(--ploha); border: 1px solid var(--rub); border-radius: 22px; overflow: hidden; }
.recept h2 { margin: 0 -1.1rem 1rem; padding: 1rem 1.1rem; background: var(--stup); color: var(--crno); font-size: 1.8rem; }
.recept h3 { font: 700 .75rem var(--mono); text-transform: uppercase; letter-spacing: .1em; color: var(--stup); }
.sastojci li { padding: .45rem 0; border-bottom: 1px solid var(--rub); }
.sastojci input { accent-color: var(--limeta); }
.koraci li { padding: 0 0 .9rem 2.6rem; }
.koraci li::before { content: counter(k); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 1.9rem; height: 1.9rem; border-radius: 8px; background: var(--stup); color: var(--crno); font: 800 .85rem var(--mono); }
.slova { display: flex; flex-wrap: wrap; gap: .35rem; margin: 1rem 0; }
.slova a { display: grid; place-items: center; min-width: 44px; height: 44px; border-radius: 10px; background: var(--ploha-2); border: 1px solid var(--rub); font-weight: 800; text-decoration: none; }
.slova a[aria-current], .slova a:hover { background: var(--limeta); color: var(--crno); }
.pretraga { width: 100%; font: inherit; color: #fff; padding: .8rem 1rem; border: 2px solid #fff; border-radius: 14px; background: var(--ploha); }
.indeks-slovo { background: var(--ploha); border-radius: 18px; padding: .4rem 1.1rem .6rem; margin: 1rem 0; }
.kartice { display: grid; gap: .6rem; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); }
.kartica { background: var(--ploha); border: 1px solid var(--rub); border-radius: 14px; padding: .7rem .9rem; }
.kartica a { text-decoration: none; font-weight: 700; }

/* ---------- dijeljenje, autor, oglas, podnožje ---------- */
.dijeli { margin: 2rem 0 0; padding: 1rem; background: var(--ploha); border: 1px solid var(--rub); border-radius: 20px; }
.dijeli > span { display: inline-flex; align-items: center; gap: .4rem; margin-right: .3rem; font: 900 1.25rem var(--uski); font-stretch: condensed; text-transform: uppercase; }
.dijeli a { padding: .45rem .9rem; border-radius: 10px; color: #fff; font: 800 .85rem var(--tekstni); }
.izgled-cool .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: var(--ploha); border: 1px solid var(--rub); border-radius: 20px; font-size: .98rem; color: var(--tekst-blago); }
.autor strong { color: #fff; }
.autor__slika { width: 54px; height: 54px; border-radius: 16px; background: var(--limeta); color: var(--crno); font: 900 1.6rem var(--uski); transform: rotate(-6deg); }
.oglas { margin: 2rem 0; color: #6d6d84; border: 1px dashed var(--rub); border-radius: 20px; background: repeating-linear-gradient(-45deg, transparent 0 12px, rgb(255 255 255 / 3%) 12px 24px); }
.stavke .oglas { padding: 0; }
.podnozje { position: relative; margin-top: 3.5rem; background: #000; color: var(--tekst-blago); overflow: hidden; }
.podnozje::before { content: ""; display: block; height: 4px; background: linear-gradient(90deg, var(--roza), var(--ljubicasta), var(--cijan), var(--limeta)); }
.podnozje__unutra { max-width: 72rem; margin: 0 auto; padding: 1.6rem 1rem 2.2rem; font-size: .95rem; }
.podnozje__ime { margin: 0 0 .4rem; font: 900 6rem/.85 var(--uski); font-stretch: condensed; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1.5px var(--limeta); }
.podnozje p { margin: .3rem 0; }
.podnozje ul { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin-top: 1rem; }
.podnozje a { color: #fff; }
@media (prefers-reduced-motion: reduce) { .stup-kartica { transition: none; } }