/* ==========================================================================
   GET inženiring d.o.o. — slogovna datoteka (različica 3)
   Barvna podoba: temno zelena logotipa, antracitna, siva/srebrna, bela.
   Barve in pisave se spreminjajo na enem mestu: v bloku :root spodaj.
   ========================================================================== */

:root {
  --zelena: #006300;          /* barva logotipa – glavna barva */
  --zelena-temna: #004a00;
  --antracit: #2b3034;
  --antracit-temna: #1f2326;
  --srebrna: #b9bfc4;
  --srebrna-temna: #8e979d;
  --siva: #f2f3f4;
  --siva-2: #e6e8ea;
  --crta: #dcdfe1;
  --besedilo: #3d4246;
  --mehko: #6c7378;
  --naslovi: #1f2326;
  --bela: #fff;

  --test: #9a4a00;            /* samo oznake testne različice (ob objavi izginejo) */
  --test-ozadje: #fff6e8;

  --pisava: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
  --sirina: 1170px;
  --rob: clamp(1rem, 4vw, 2rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 4.5rem; }
body { margin: 0; font-family: var(--pisava); font-size: 1rem; line-height: 1.65; color: var(--besedilo); background: var(--bela); -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--zelena); }
a:hover { color: var(--zelena-temna); }
h1, h2, h3 { color: var(--naslovi); line-height: 1.2; margin: 0 0 0.7em; font-weight: 700; }
h1, h2 { text-transform: uppercase; letter-spacing: 0.01em; }
h2 { font-size: clamp(1.35rem, 2.4vw, 1.75rem); }
h3 { font-size: 1.1rem; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--zelena); outline-offset: 2px; }
[hidden] { display: none !important; }

.preskoci { position: absolute; left: 1rem; top: -4rem; z-index: 300; background: var(--zelena); color: #fff; padding: 0.7rem 1rem; font-weight: 700; }
.preskoci:focus { top: 1rem; color: #fff; }
.ovoj { width: 100%; max-width: calc(var(--sirina) + 2 * var(--rob)); margin: 0 auto; padding: 0 var(--rob); }
.odsek { padding: clamp(3rem, 7vw, 5rem) 0; }
.odsek--siv { background: var(--siva); }
.odsek--tesen { padding: clamp(2rem, 4vw, 3rem) 0; }
.sredina { text-align: center; margin-top: 2rem; }
.uvod { font-size: 1.15rem; color: var(--naslovi); }

/* Gumbi ------------------------------------------------------------------ */
.gumb { display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; min-height: 3rem; padding: 0.75rem 1.6rem;
  font: inherit; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none;
  color: #fff; background: var(--zelena); border: 2px solid var(--zelena); border-radius: 2px; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; }
.gumb:hover { background: var(--zelena-temna); border-color: var(--zelena-temna); color: #fff; }
.gumb svg { width: 18px; height: 18px; flex: none; }
.gumb--velik { min-height: 3.6rem; padding: 0.9rem 2rem; font-size: 0.92rem; }
.gumb--obroba { background: transparent; color: var(--zelena); }
.gumb--obroba:hover { background: var(--zelena); color: #fff; }
.gumb--bel { background: #fff; border-color: #fff; color: var(--zelena); }
.gumb--bel:hover { background: var(--siva-2); border-color: var(--siva-2); color: var(--zelena-temna); }
.gumb--bel-obroba { background: transparent; border-color: #fff; color: #fff; }
.gumb--bel-obroba:hover { background: #fff; color: var(--zelena); }
.gumb--antracit { background: var(--antracit); border-color: var(--antracit); }
.gumb--antracit:hover { background: var(--antracit-temna); border-color: var(--antracit-temna); }
.gumb--sirok { width: 100%; }
.gumbi { display: flex; flex-wrap: wrap; gap: 0.8rem; }
.gumbi--sredina { justify-content: center; }

/* Glava ------------------------------------------------------------------ */
.glava { background: #fff; }
.glava__ovoj { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-top: 1.1rem; padding-bottom: 1.1rem; }
.logotip { display: block; line-height: 0; flex: none; }
.glava .logotip img { height: 62px; width: auto; }
.glava__stiki { display: flex; align-items: center; }
.stik { display: flex; align-items: center; gap: 0.8rem; padding: 0.2rem 1.5rem; }
.stik + .stik { border-left: 1px solid var(--crta); }
.stik svg { width: 30px; height: 30px; color: var(--zelena); flex: none; }
.stik p { margin: 0; display: flex; flex-direction: column; line-height: 1.35; font-size: 0.95rem; }
.stik p > :first-child { color: var(--naslovi); font-weight: 600; }
.stik p > :last-child { color: var(--mehko); font-size: 0.88rem; }
.stik a { text-decoration: none; }
.stik a:hover { text-decoration: underline; }
@media (max-width: 960px) { .stik--cas { display: none; } }
@media (max-width: 760px) {
  .glava__ovoj { flex-direction: column; gap: 0.8rem; }
  .glava .logotip img { height: 54px; }
  .stik { padding: 0.1rem 0.8rem; }
  .stik svg { width: 24px; height: 24px; }
  .stik p { font-size: 0.85rem; }
}

/* Menijska vrstica ------------------------------------------------------- */
.meni { background: var(--zelena); position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 6px rgba(0,0,0,0.15); }
.meni__ovoj { display: flex; align-items: stretch; justify-content: space-between; min-height: 3.4rem; }
.navigacija > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; }
.navigacija li { position: relative; }
.navigacija > ul > li > a, .navigacija .pod-gumb { display: flex; align-items: center; gap: 0.35rem; height: 100%; min-height: 3.4rem; padding: 0 0.95rem;
  font: inherit; font-size: 0.83rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; color: #fff; background: none; border: 0; cursor: pointer; white-space: nowrap; }
.navigacija > ul > li > a:hover, .navigacija .pod-gumb:hover, .navigacija > ul > li > a[aria-current], .navigacija li.aktivno > .pod-gumb { background: var(--zelena-temna); color: #fff; }
.pod-gumb svg { width: 10px; height: 10px; transition: transform .15s; }
.navigacija li.odprto > .pod-gumb svg { transform: rotate(180deg); }
.podmeni { list-style: none; margin: 0; padding: 0.4rem 0; position: absolute; top: 100%; left: 0; min-width: 21rem; background: #fff; border-top: 3px solid var(--antracit); box-shadow: 0 12px 30px rgba(0,0,0,0.15); display: none; z-index: 5; }
.navigacija li.odprto > .podmeni { display: block; }
.podmeni a { display: block; padding: 0.65rem 1.1rem; color: var(--naslovi); text-decoration: none; font-size: 0.92rem; }
.podmeni a:hover, .podmeni a[aria-current] { background: var(--siva); color: var(--zelena); }
.navigacija .nav-cta { display: flex; align-items: center; padding-left: 0.6rem; }
.navigacija .nav-cta > a { min-height: 2.5rem; height: auto; background: #fff; color: var(--zelena); border-radius: 2px; padding: 0 1rem; }
.navigacija .nav-cta > a:hover, .navigacija .nav-cta > a[aria-current] { background: var(--siva-2); color: var(--zelena-temna); }
.jezik { display: flex; align-items: center; gap: 0.1rem; color: #fff; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; }
.jezik a, .jezik strong { padding: 0.3rem 0.45rem; }
.jezik a { color: rgba(255,255,255,0.8); text-decoration: none; }
.jezik a:hover { color: #fff; text-decoration: underline; }
.jezik strong { border-bottom: 2px solid #fff; }
.meni-gumb { display: none; align-items: center; gap: 0.6rem; background: none; border: 0; color: #fff; font: inherit; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; padding: 0 0.25rem; }
.meni-gumb i { display: block; width: 22px; height: 2px; background: currentColor; box-shadow: 0 -7px 0 currentColor, 0 7px 0 currentColor; }
@media (max-width: 1100px) {
  .meni-gumb { display: inline-flex; }
  .jezik { margin-left: auto; margin-right: 1rem; }
  .navigacija { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; box-shadow: 0 16px 30px rgba(0,0,0,0.18); max-height: calc(100vh - 3.4rem); overflow: auto; }
  .navigacija.odprta { display: block; }
  .navigacija > ul { flex-direction: column; padding: 0.4rem 0 1rem; }
  .navigacija > ul > li > a, .navigacija .pod-gumb { color: var(--naslovi); width: 100%; min-height: 3rem; padding: 0 var(--rob); border-bottom: 1px solid var(--crta); justify-content: space-between; }
  .navigacija > ul > li > a:hover, .navigacija .pod-gumb:hover, .navigacija > ul > li > a[aria-current], .navigacija li.aktivno > .pod-gumb { background: var(--siva); color: var(--zelena); }
  .podmeni { position: static; box-shadow: none; border-top: 0; min-width: 0; background: var(--siva); padding: 0; }
  .podmeni a { padding-left: calc(var(--rob) + 1rem); border-bottom: 1px solid var(--crta); }
  .navigacija .nav-cta { padding: 1rem var(--rob) 0; }
  .navigacija .nav-cta > a { background: var(--zelena); color: #fff; justify-content: center; border: 0; min-height: 3rem; width: 100%; }
  .navigacija .nav-cta > a:hover { background: var(--zelena-temna); color: #fff; }
}

/* Naslovna sekcija ------------------------------------------------------- */
.hero { position: relative; isolation: isolate; color: #fff; background: var(--antracit); min-height: min(74vh, 640px); display: flex; align-items: center; }
.hero__slika { position: absolute; inset: 0; z-index: -2; }
.hero__slika img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 45%; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(25,28,30,0.88) 0%, rgba(25,28,30,0.62) 50%, rgba(25,28,30,0.18) 100%); }
.hero .ovoj { padding-top: 4rem; padding-bottom: 4rem; }
.hero__oznaka { display: inline-block; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #fff; border-left: 4px solid var(--srebrna); padding-left: 0.7rem; margin-bottom: 1.1rem; }
.hero h1 { color: #fff; font-size: clamp(2.3rem, 5.6vw, 4.2rem); line-height: 1.05; max-width: 15ch; margin-bottom: 1.1rem; }
.hero__podnaslov { font-size: clamp(1.08rem, 1.7vw, 1.3rem); max-width: 36rem; margin-bottom: 2rem; color: #eef0f1; }
@media (max-width: 700px) { .hero__slika img { object-position: 68% 50%; } .hero::before { background: rgba(25,28,30,0.7); } .hero .gumb { width: 100%; } }

.info-pas { background: var(--antracit); color: #e3e6e8; }
.info-pas ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.info-pas li { display: flex; align-items: center; gap: 0.8rem; padding: 1.1rem 1.2rem 1.1rem 0; font-size: 0.95rem; }
.info-pas li + li { border-left: 1px solid #454b50; padding-left: 1.2rem; }
@media (max-width: 700px) { .info-pas li + li { border-left: 0; padding-left: 0; border-top: 1px solid #454b50; } }
.info-pas svg { width: 26px; height: 26px; color: var(--srebrna); flex: none; }
.info-pas strong { display: block; color: #fff; }
.info-pas a { color: #fff; text-decoration: none; }
.info-pas a:hover { text-decoration: underline; }

/* Naslov odseka (naslov, siva navpična črta, ležeče besedilo) ------------- */
.naslov-odseka { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr); align-items: center; margin-bottom: 2.5rem; }
.naslov-odseka h2 { margin: 0; text-align: right; padding: 0.3rem 1.6rem 0.3rem 0; border-right: 3px solid var(--srebrna-temna); font-size: clamp(1.4rem, 2.6vw, 2rem); }
.naslov-odseka p { margin: 0; padding-left: 1.6rem; font-style: italic; color: var(--mehko); font-size: 1.02rem; max-width: 38rem; }
@media (max-width: 560px) {
  .naslov-odseka { grid-template-columns: 1fr; }
  .naslov-odseka h2 { text-align: left; border-right: 0; border-left: 3px solid var(--srebrna-temna); padding: 0.2rem 0 0.2rem 1rem; margin-bottom: 0.8rem; }
  .naslov-odseka p { padding-left: 1rem; }
}
.naslov-crta { border-left: 3px solid var(--zelena); padding-left: 0.9rem; }

/* Materiali (odkup kovin) ----------------------------------------------- */
.materiali { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); }
.material { background: #fff; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.08); display: flex; flex-direction: column; }
.material__slika { aspect-ratio: 1 / 1; background: var(--siva-2); overflow: hidden; display: grid; place-items: center; }
.material__slika img { width: 100%; height: 100%; object-fit: cover; }
.material__slika--bela { background: #fff; }
.material__slika--bela img { object-fit: contain; padding: 0.8rem; }
.material__slika .zacasna-slika { width: 100%; height: 100%; min-height: 0; font-size: 0.62rem; }
.material h3 { margin: 0; padding: 0.9rem 0.6rem 0.2rem; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.03em; }
.material p { margin: 0; padding: 0 0.7rem 1rem; font-size: 0.85rem; color: var(--mehko); line-height: 1.4; }
.material::after { content: ""; display: block; height: 3px; background: var(--zelena); margin-top: auto; }

/* Koraki postopka */
.koraki-mreza { list-style: none; counter-reset: k; margin: 0; padding: 0; display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.koraki-mreza li { counter-increment: k; background: #fff; padding: 1.8rem 1.5rem 1.6rem; position: relative; border-top: 3px solid var(--zelena); box-shadow: 0 1px 3px rgba(0,0,0,0.07); }
.koraki-mreza li::before { content: counter(k); display: grid; place-items: center; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: var(--zelena); color: #fff; font-weight: 700; font-size: 1.15rem; margin-bottom: 1rem; }
.koraki-mreza h3 { text-transform: uppercase; font-size: 1rem; margin-bottom: 0.4rem; }
.koraki-mreza p { margin: 0; }
.odvoz-pas { margin-top: 2rem; background: var(--antracit); color: #e3e6e8; padding: 1.6rem 1.8rem; display: flex; flex-wrap: wrap; gap: 1.2rem 2rem; align-items: center; justify-content: space-between; }
.odvoz-pas p { margin: 0; max-width: 44rem; font-size: 1.05rem; }
.odvoz-pas strong { color: #fff; }

/* Kartice storitev ------------------------------------------------------- */
.kartice { display: grid; gap: 1.8rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 330px), 1fr)); }
.kartica { display: flex; flex-direction: column; background: #fff; color: inherit; text-decoration: none; box-shadow: 0 1px 3px rgba(0,0,0,0.08); transition: box-shadow .2s; }
.kartica:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.13); color: inherit; }
.kartica__slika { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--siva-2); position: relative; }
.kartica__slika img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.kartica__slika--bela { background: #fff; border-bottom: 1px solid var(--crta); }
.kartica__slika--bela img { object-fit: contain; padding: 1rem; }
.kartica:hover .kartica__slika img { transform: scale(1.05); }
.kartica__telo { display: flex; flex-direction: column; flex: 1; padding: 1.3rem 1.4rem 1.5rem; }
.kartica h3 { text-transform: uppercase; font-size: 1.02rem; letter-spacing: 0.02em; margin: 0 0 0.9rem; padding-bottom: 0.8rem; border-bottom: 3px solid var(--zelena); }
.kartica:hover h3 { color: var(--zelena); }
.kartica__besedilo { display: block; color: var(--mehko); font-size: 0.95rem; margin-bottom: 1rem; }
.kartica__vec { margin-top: auto; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--zelena); }
.kartica__vec::after { content: " →"; }
.zacasna-slika { display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; min-height: 9rem; padding: 1rem; overflow-wrap: anywhere;
  background: repeating-linear-gradient(-55deg, #e9ebed 0 18px, #e1e4e6 18px 36px); color: var(--test); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.5; }

/* Ekologija, poziv ------------------------------------------------------- */
.eko { padding: clamp(2.5rem, 5vw, 3.5rem) 0; border-bottom: 1px solid var(--crta); }
.eko__ovoj { display: grid; gap: 2rem; align-items: center; }
@media (min-width: 900px) { .eko__ovoj { grid-template-columns: 1fr auto; } }
.eko__besedilo { margin: 0; font-size: 1.2rem; font-style: italic; color: var(--naslovi); max-width: 34rem; }
.eko__seznam { list-style: none; margin: 0; padding: 0; display: flex; gap: clamp(1.25rem, 4vw, 3rem); }
.eko__seznam li { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.85rem; color: var(--naslovi); }
.eko__ikona { display: grid; place-items: center; width: 76px; height: 76px; border: 2px solid var(--zelena); border-radius: 50%; color: var(--zelena); }
.eko__ikona svg { width: 38px; height: 38px; }
.pas-poziv { background: var(--antracit); color: #fff; padding: 1.8rem 0; border-top: 4px solid var(--zelena); }
.pas-poziv .ovoj { display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between; }
.pas-poziv p { margin: 0; font-size: clamp(1.15rem, 2.2vw, 1.5rem); font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; }

/* O nas, stebri, prednosti ---------------------------------------------- */
.dvojno { display: grid; gap: clamp(2rem, 5vw, 4rem); align-items: center; }
@media (min-width: 900px) { .dvojno { grid-template-columns: 1fr 1fr; } }
.dvojno--vrh { align-items: start; }
.slika-okvir img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-bottom: 4px solid var(--zelena); }
.geslo { font-size: 1.5rem; font-weight: 700; font-style: italic; color: var(--zelena); margin: 1.4rem 0; }
.prednosti { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; gap: 0.6rem 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.prednosti li { display: flex; gap: 0.5rem; align-items: center; font-weight: 700; text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.04em; color: var(--naslovi); }
.prednosti svg { width: 20px; height: 20px; color: var(--zelena); flex: none; }
.stebri { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.stebri li { background: #fff; padding: 1.8rem 1.5rem; box-shadow: 0 1px 3px rgba(0,0,0,0.07); border-top: 3px solid var(--zelena); }
.steber__ikona { display: block; width: 46px; height: 46px; color: var(--zelena); margin-bottom: 1rem; }
.steber__ikona svg { width: 100%; height: 100%; }
.stebri h3 { text-transform: uppercase; font-size: 0.98rem; }
.stebri p { margin: 0; font-size: 0.95rem; color: var(--mehko); }

/* Kontaktni pas ---------------------------------------------------------- */
.pas-stik { border-top: 1px solid var(--crta); text-align: center; }
.pas-stik h2 { margin-bottom: 2rem; }
.stik-mreza { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); margin-bottom: 2.2rem; }
.stik-mreza svg { width: 40px; height: 40px; color: var(--zelena); margin: 0 auto 0.8rem; display: block; }
.stik-mreza h3 { text-transform: uppercase; font-size: 0.85rem; letter-spacing: 0.1em; color: var(--mehko); margin-bottom: 0.4rem; }
.stik-mreza p { margin: 0; color: var(--naslovi); font-weight: 600; }
.stik-mreza a { color: var(--naslovi); text-decoration: none; }
.stik-mreza a:hover { color: var(--zelena); text-decoration: underline; }

/* Naslovni pas podstrani ------------------------------------------------- */
.pas-naslov { background: var(--siva); border-bottom: 1px solid var(--crta); padding: clamp(1.8rem, 4vw, 2.8rem) 0; }
.pas-naslov h1 { font-size: clamp(1.5rem, 3.2vw, 2.3rem); margin: 0 0 0.5rem; }
.pas-naslov p { margin: 0.8rem 0 0; max-width: 42rem; }
.pas-naslov--slika { position: relative; isolation: isolate; background: var(--antracit); color: #fff; border: 0; padding: clamp(3rem, 8vw, 5rem) 0; }
.pas-naslov--slika h1 { color: #fff; font-size: clamp(1.9rem, 4.4vw, 3rem); }
.pas-naslov--slika p { color: #eef0f1; font-size: 1.12rem; }
.pas-naslov--slika .drobtine, .pas-naslov--slika .drobtine a { color: #d3d7da; }
.pas-naslov__slika { position: absolute; inset: 0; z-index: -2; }
.pas-naslov__slika img { width: 100%; height: 100%; object-fit: cover; }
.pas-naslov--slika::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(25,28,30,0.88), rgba(25,28,30,0.45)); }
.pas-naslov .gumbi { margin-top: 1.6rem; }
.drobtine { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.4rem; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mehko); }
.drobtine li + li::before { content: ">"; margin-right: 0.4rem; color: var(--srebrna-temna); }
.drobtine a { color: var(--zelena); text-decoration: none; }
.drobtine a:hover { text-decoration: underline; }

/* Podstran storitve ------------------------------------------------------ */
.storitev { display: grid; gap: clamp(2rem, 4vw, 3rem); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 980px) { .storitev { grid-template-columns: 290px minmax(0, 1fr); align-items: start; } }
@media (max-width: 979px) { .storitev__stran { order: 2; } }
.storitev__vsebina, .storitev__stran { min-width: 0; }
.storitve-meni { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: 3px; }
.storitve-meni a { display: block; padding: 0.85rem 1rem; background: var(--siva); color: var(--naslovi); text-decoration: none; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; border-left: 4px solid transparent; line-height: 1.35; }
.storitve-meni a:hover { border-left-color: var(--zelena); color: var(--zelena); }
.storitve-meni a[aria-current] { background: var(--zelena); color: #fff; border-left-color: var(--zelena-temna); }
.pomoc { background: var(--antracit); color: #dfe3e6; padding: 1.6rem 1.5rem; border-top: 4px solid var(--zelena); }
.pomoc h2 { color: #fff; font-size: 1.15rem; margin-bottom: 0.5rem; }
.pomoc h3 { color: #fff; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.06em; margin: 1.2rem 0 0.2rem; }
.pomoc p { font-size: 0.93rem; }
.pomoc__ure { margin-bottom: 0.6rem; }
.pomoc__osebe { list-style: none; margin: 0 0 1.2rem; padding: 0; }
.pomoc__osebe li { padding: 0.6rem 0; border-top: 1px solid rgba(255,255,255,0.15); font-size: 0.93rem; }
.pomoc__osebe strong { display: block; color: #fff; }
.pomoc__osebe a { display: block; color: #fff; text-decoration: none; }
.pomoc__osebe a:hover { text-decoration: underline; }
.pomoc .gumb + .gumb { margin-top: 0.6rem; }
.storitev__slika { margin-bottom: 2rem; }
.storitev__slika img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; }
.storitev__slika.zacasna-slika { aspect-ratio: auto; min-height: 11rem; height: auto; }
.storitev__galerija { margin-top: 2.5rem; }
.proza h2 { font-size: clamp(1.15rem, 2vw, 1.4rem); margin-top: 2rem; }
.proza > h2:first-child, .storitev__slika + h2 { margin-top: 0; }
.proza h3 { margin-top: 1.5rem; }
.puscice { list-style: none; margin: 0 0 1.2rem; padding: 0; }
.puscice li { position: relative; padding: 0.3rem 0 0.3rem 1.7rem; }
.puscice li::before { content: "→"; position: absolute; left: 0; top: 0.3rem; color: var(--zelena); font-weight: 700; }
@media (min-width: 640px) { .puscice--dva { columns: 2; column-gap: 2rem; } .puscice--dva li { break-inside: avoid; } }
.puscice--povezave a { color: var(--naslovi); font-weight: 700; text-transform: uppercase; font-size: 0.9rem; text-decoration: none; }
.puscice--povezave a:hover { color: var(--zelena); text-decoration: underline; }
.puscice--ne li::before { content: "✕"; color: #c8102e; font-weight: 700; font-size: 1.15em; }
.koraki { list-style: none; counter-reset: k; margin: 0 0 1.2rem; padding: 0; }
.koraki li { counter-increment: k; position: relative; padding: 0.2rem 0 0.9rem 3rem; }
.koraki li::before { content: counter(k); position: absolute; left: 0; top: 0; width: 2rem; height: 2rem; border-radius: 50%; background: var(--zelena); color: #fff; font-weight: 700; display: grid; place-items: center; font-size: 0.95rem; }
.opomba { font-size: 0.9rem; font-style: italic; color: var(--mehko); }
.poudarek { background: var(--siva); border-left: 4px solid var(--zelena); padding: 0.9rem 1.1rem; font-weight: 600; color: var(--naslovi); }
.poudarek--velik { font-size: clamp(1.15rem, 2vw, 1.4rem); padding: 1.3rem 1.5rem; line-height: 1.45; }
details.razsiri { border: 1px solid var(--crta); background: #fff; margin: 1.5rem 0; }
details.razsiri summary { cursor: pointer; padding: 0.9rem 1.1rem; font-weight: 700; color: var(--naslovi); }
details.razsiri > div { padding: 0 1.1rem 0.6rem; font-size: 0.95rem; }
.okvir-podatki { border: 1px solid var(--crta); border-top: 4px solid var(--antracit); padding: 1.4rem 1.5rem; background: #fff; }
.okvir-podatki h3 { text-transform: uppercase; font-size: 1rem; }
.okvir-podatki dl { margin: 0 0 1.2rem; display: grid; grid-template-columns: max-content 1fr; gap: 0.35rem 1rem; }
.okvir-podatki dt { color: var(--mehko); font-weight: 600; }
.okvir-podatki dd { margin: 0; color: var(--naslovi); font-weight: 600; overflow-wrap: anywhere; }

/* Katalog OEEO ----------------------------------------------------------- */
.katalog-skupina + .katalog-skupina { margin-top: 2.8rem; }
.katalog-skupina > h2 { font-size: 1.15rem; border-left: 3px solid var(--zelena); padding-left: 0.8rem; margin-bottom: 1.2rem; }
.katalog { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }
.izdelek { background: #fff; border: 1px solid var(--crta); display: flex; flex-direction: column; position: relative; }
.izdelek__st { position: absolute; top: 0.7rem; left: 0.7rem; width: 1.9rem; height: 1.9rem; border-radius: 50%; background: var(--zelena); color: #fff; font-size: 0.8rem; font-weight: 700; display: grid; place-items: center; z-index: 1; }
.izdelek__slika { aspect-ratio: 4 / 3; background: #fff; position: relative; }
.izdelek__slika img { position: absolute; inset: 1rem 1rem 0.6rem; width: calc(100% - 2rem); height: calc(100% - 1.6rem); object-fit: contain; }
.izdelek__telo { padding: 0.9rem 1.1rem 1.1rem; border-top: 1px solid var(--crta); flex: 1; }
.izdelek h3 { font-size: 1rem; text-transform: uppercase; margin-bottom: 0.35rem; }
.izdelek p { margin: 0; font-size: 0.9rem; color: var(--besedilo); }
.izdelek .izdelek__opomba { margin-top: 0.5rem; font-size: 0.82rem; font-weight: 700; color: var(--zelena); }

/* Reference -------------------------------------------------------------- */
.reference { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.5rem 2.5rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 420px), 1fr)); }
.referenca-skupina { border-top: 3px solid var(--zelena); padding-top: 1.1rem; }
.referenca-skupina h2 { font-size: 1.05rem; }
.foto-projekt + .foto-projekt { margin-top: 2.5rem; }
.foto-projekt h3 { text-transform: uppercase; font-size: 1rem; border-left: 3px solid var(--srebrna-temna); padding-left: 0.8rem; }

/* Podatki, kontakt ------------------------------------------------------- */
.podatki { width: 100%; border-collapse: collapse; }
.podatki th, .podatki td { text-align: left; padding: 0.6rem 0; border-bottom: 1px solid var(--crta); vertical-align: top; font-size: 0.95rem; }
.podatki th { width: 45%; color: var(--mehko); font-weight: 600; padding-right: 1rem; }
.podatki td { color: var(--naslovi); font-weight: 600; }
.kontakt-seznam { list-style: none; margin: 0 0 1.5rem; padding: 0; }
.kontakt-seznam li { display: flex; gap: 0.9rem; align-items: flex-start; padding: 0.7rem 0; border-bottom: 1px solid var(--crta); }
.kontakt-seznam svg { width: 26px; height: 26px; color: var(--zelena); flex: none; margin-top: 0.1rem; }
.osebe { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; gap: 1.2rem 2rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr)); }
.oseba h3 { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em; color: var(--zelena); margin-bottom: 0.4rem; }
.oseba ul { list-style: none; margin: 0; padding: 0; }
.oseba li + li { margin-top: 0.6rem; }
.oseba strong { display: block; color: var(--naslovi); }
.oseba a { display: block; font-size: 0.93rem; overflow-wrap: anywhere; }

/* Testna različica in manjkajoča vsebina -------------------------------- */
.testni-trak { background: var(--test); color: #fff; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; padding: 0.45rem var(--rob); }
.v-pripravi { border: 2px dashed #d9a15c; background: var(--test-ozadje); padding: 1rem 1.2rem; margin: 1.5rem 0; color: #5b3406; font-size: 0.95rem; }
.v-pripravi strong { display: block; font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--test); margin-bottom: 0.25rem; }
.v-pripravi p { margin: 0; }

/* Galerija --------------------------------------------------------------- */
.filtri { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0 0 1.5rem; padding: 0; list-style: none; }
.filtri button { font: inherit; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 0.65rem 1rem; background: #fff; color: var(--naslovi); border: 1px solid var(--crta); border-radius: 2px; cursor: pointer; }
.filtri button:hover { border-color: var(--zelena); }
.filtri button[aria-pressed="true"] { background: var(--zelena); border-color: var(--zelena); color: #fff; }
.galerija { display: grid; gap: 6px; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 0; list-style: none; }
@media (min-width: 700px) { .galerija { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .galerija { grid-template-columns: repeat(4, 1fr); } .galerija--tri { grid-template-columns: repeat(3, 1fr); } }
.galerija figure { margin: 0; position: relative; overflow: hidden; background: var(--siva-2); }
.galerija a { display: block; }
.galerija img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .4s ease; }
.galerija a:hover img { transform: scale(1.05); }
.galerija figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.8rem 0.8rem 0.6rem; font-size: 0.82rem; line-height: 1.3; color: #fff; background: linear-gradient(0deg, rgba(0,0,0,0.75), rgba(0,0,0,0)); pointer-events: none; }
.svetlobnik { border: 0; padding: 0; width: 100vw; height: 100vh; max-width: none; max-height: none; background: rgba(20,22,24,0.96); color: #fff; }
.svetlobnik::backdrop { background: rgba(20,22,24,0.96); }
.svetlobnik[open] { display: grid; grid-template-rows: auto 1fr auto; }
.svetlobnik__vrh { display: flex; justify-content: space-between; align-items: center; padding: 0.75rem 1rem; font-size: 0.85rem; }
.svetlobnik__slika { display: flex; align-items: center; justify-content: center; min-height: 0; padding: 0 3.5rem; }
.svetlobnik__slika img { max-width: 100%; max-height: 100%; object-fit: contain; }
.svetlobnik__napis { text-align: center; padding: 1rem; margin: 0; }
.svetlobnik button { font: inherit; background: none; border: 2px solid rgba(255,255,255,0.6); color: #fff; cursor: pointer; min-width: 2.75rem; min-height: 2.75rem; font-size: 1.1rem; }
.svetlobnik button:hover { background: #fff; color: var(--naslovi); }
.svetlobnik__nazaj, .svetlobnik__naprej { position: absolute; top: 50%; transform: translateY(-50%); }
.svetlobnik__nazaj { left: 0.5rem; } .svetlobnik__naprej { right: 0.5rem; }

/* Obrazci ---------------------------------------------------------------- */
.zavihki { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.zavihki button { font: inherit; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 1rem; background: var(--siva-2); color: var(--naslovi); border: 0; border-top: 3px solid transparent; cursor: pointer; }
.zavihki button[aria-selected="true"] { background: #fff; border-top-color: var(--zelena); }
.obrazec-ovoj { background: #fff; border: 1px solid var(--crta); padding: clamp(1.25rem, 4vw, 2.2rem); }
.zavihki + .obrazec-ovoj { border-top: 0; }
.obrazec-ovoj + .obrazec-ovoj { margin-top: 2rem; }
.obrazec-ovoj[hidden] + .obrazec-ovoj { margin-top: 0; border-top: 0; }
.obrazec-ovoj h2 { font-size: 1.3rem; }
.obrazec { display: grid; gap: 1.1rem 1.4rem; grid-template-columns: 1fr; }
@media (min-width: 720px) { .obrazec:not(.obrazec--en-stolpec) { grid-template-columns: 1fr 1fr; } .polje--siroko { grid-column: 1 / -1; } }
.polje label, .polje legend { display: block; font-size: 0.85rem; font-weight: 700; color: var(--naslovi); margin-bottom: 0.35rem; padding: 0; }
.polje label i, .polje legend i { font-style: normal; color: var(--zelena); }
.polje fieldset { border: 0; margin: 0; padding: 0; }
.izbira { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.izbira label { display: flex; align-items: center; gap: 0.6rem; font-weight: 600; font-size: 0.95rem; margin: 0; padding: 0.75rem 1rem; border: 1px solid #c9cdd0; border-radius: 2px; cursor: pointer; flex: 1 1 14rem; }
.izbira input { width: 1.1rem; height: 1.1rem; min-height: 0; accent-color: var(--zelena); }
.izbira label:has(input:checked) { border-color: var(--zelena); box-shadow: inset 0 0 0 1px var(--zelena); }
.polje input:not([type="radio"]), .polje select, .polje textarea { width: 100%; font: inherit; font-size: 1rem; color: var(--naslovi); background: #fff; border: 1px solid #c9cdd0; border-radius: 2px; padding: 0.7rem 0.85rem; min-height: 2.9rem; }
.polje textarea { min-height: 8rem; resize: vertical; }
.polje input:focus, .polje select:focus, .polje textarea:focus { outline: 2px solid var(--zelena); outline-offset: 0; border-color: var(--zelena); }
.polje input[type="file"] { background: var(--siva); }
.polje small { display: block; margin-top: 0.35rem; font-size: 0.85rem; color: var(--mehko); }
.polje .napaka { display: none; margin: 0.35rem 0 0; font-size: 0.87rem; font-weight: 700; color: var(--antracit); }
.polje .napaka::before { content: "⚠ "; }
.polje.ima-napako input, .polje.ima-napako select, .polje.ima-napako textarea { border: 2px solid var(--antracit); background: #f7f7f7; }
.polje.ima-napako .napaka { display: block; }
.polje--par { display: grid; grid-template-columns: 1fr 6.5rem; gap: 0.5rem; }
.polje--par label { grid-column: 1 / -1; margin-bottom: 0; }
.med { position: absolute; left: -9999px; }
.obrazec__dno { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 1rem 2rem; align-items: center; justify-content: space-between; border-top: 1px solid var(--crta); padding-top: 1.1rem; }
.obrazec__dno p { margin: 0; font-size: 0.86rem; color: var(--mehko); max-width: 32rem; }
.obrazec-opozorilo { border-left: 5px solid var(--test); background: var(--test-ozadje); color: #5b3406; padding: 0.85rem 1rem; margin: 0 0 1.3rem; font-size: 0.93rem; }
.obrazec-opozorilo strong { color: var(--test); letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.78rem; display: block; }
.obrazec-izid { grid-column: 1 / -1; padding: 1.1rem 1.2rem; border: 2px solid var(--crta); }
.obrazec-izid h3 { margin-bottom: 0.4rem; }
.obrazec-izid--ni { border-color: var(--test); background: var(--test-ozadje); }
.obrazec-izid--ni h3 { color: var(--test); }
.obrazec-izid--ok { border-color: var(--zelena); background: var(--siva); }
.obrazec-izid--napaka { border-color: var(--antracit); background: #f7f7f7; }

/* Noga ------------------------------------------------------------------- */
.noga { background: var(--siva); border-top: 4px solid var(--zelena); font-size: 0.95rem; }
.noga__glavno { display: grid; gap: 2rem; padding-top: clamp(2.5rem, 5vw, 3.5rem); padding-bottom: clamp(2.5rem, 5vw, 3.5rem); }
@media (min-width: 800px) { .noga__glavno { grid-template-columns: 1.3fr 1fr 1fr 1.1fr; } }
.noga .logotip img { height: 56px; width: auto; margin-bottom: 1rem; }
.noga h2 { font-size: 0.85rem; letter-spacing: 0.08em; margin-bottom: 0.9rem; }
.noga ul { list-style: none; margin: 0; padding: 0; }
.noga li { margin-bottom: 0.4rem; }
.noga a { color: var(--besedilo); text-decoration: none; }
.noga a:hover { color: var(--zelena); text-decoration: underline; }
.noga address { font-style: normal; }
.noga__dno { background: var(--antracit); color: #c3c8cc; font-size: 0.78rem; line-height: 1.55; }
.noga__dno .ovoj { display: flex; flex-wrap: wrap; gap: 0.4rem 2rem; justify-content: space-between; padding-top: 1rem; padding-bottom: 1rem; }
.noga__dno p { margin: 0; max-width: 62rem; }

/* Mobilni pas za klic in odvoz ------------------------------------------ */
.mobilni-poziv { display: none; }
@media (max-width: 760px) {
  .mobilni-poziv { display: grid; grid-template-columns: 1fr 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 150; box-shadow: 0 -2px 10px rgba(0,0,0,0.2); }
  .mobilni-poziv a { display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 3.4rem; font-weight: 700; font-size: 0.85rem; letter-spacing: 0.06em; text-transform: uppercase; text-decoration: none; color: #fff; background: var(--antracit); }
  .mobilni-poziv a + a { background: var(--zelena); }
  .mobilni-poziv svg { width: 20px; height: 20px; }
  body { padding-bottom: 3.4rem; }
}

.napaka-404 b { display: block; font-size: clamp(4rem, 14vw, 8rem); line-height: 1; color: var(--siva-2); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; } }
@media print { .meni, .noga, .gumbi, .testni-trak, .mobilni-poziv { display: none !important; } .hero { color: #000; min-height: 0; } .hero h1 { color: #000; } }
@media (max-width: 520px) {
  .materiali { gap: 0.8rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .material h3 { font-size: 0.9rem; }
}
.evidenca { margin-top: 1.4rem; border-top-color: var(--zelena); }
.evidenca .opomba { margin: 0; font-size: 0.85rem; color: var(--mehko); }
@media (max-width: 520px) { .okvir-podatki dl { grid-template-columns: 1fr; gap: 0.1rem; } .okvir-podatki dd { margin-bottom: 0.5rem; } }
.odvoz-pas--zeleno { margin-top: 1rem; background: var(--zelena); color: #fff; }
.materiali { grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); }
.material h3 { font-size: 1.05rem; }
.material p { font-size: 0.88rem; }
@media (max-width: 520px) { .materiali { grid-template-columns: repeat(2, minmax(0, 1fr)); } .material h3 { font-size: 0.9rem; } }
/* Odkup rabljenih pnevmatik za protektiranje */
.izbor { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
.izbor li { background: #fff; padding: 1.5rem 1.3rem 1.4rem; border-top: 3px solid var(--zelena); box-shadow: 0 1px 3px rgba(0,0,0,0.07); }
.izbor__ikona { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; background: var(--zelena); color: #fff; margin-bottom: 0.9rem; }
.izbor__ikona svg { width: 1.2rem; height: 1.2rem; }
.izbor h3 { text-transform: uppercase; font-size: 0.95rem; margin-bottom: 0.4rem; }
.izbor p { margin: 0; font-size: 0.93rem; }
.izbor__cena { margin: 1.8rem 0 0; }
.zakaj { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; gap: 0.9rem 2.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr)); }
.zakaj li { display: flex; gap: 0.7rem; align-items: flex-start; }
.zakaj svg { width: 22px; height: 22px; color: var(--zelena); flex: none; margin-top: 0.15rem; }
.zakaj strong { color: var(--naslovi); }
.odvoz-pas__besedilo { max-width: 46rem; }
.odvoz-pas__besedilo p { margin: 0 0 0.6rem; }
.odvoz-pas__besedilo p:last-child { margin-bottom: 0; }
.odvoz-pas--zeleno strong { color: #fff; }
/* Liho število kartic storitev: zadnja kartica na sredini (3 oz. 2 stolpca) */
@media (min-width: 1112px) { .kartice > .kartica:last-child:nth-child(3n+1) { grid-column: 2; } }
@media (min-width: 753px) and (max-width: 1111.98px) { .kartice > .kartica:last-child:nth-child(2n+1) { grid-column: 1 / -1; justify-self: center; width: calc(50% - 0.9rem); } }

/* ==========================================================================
   Različica 4 (8. 11. 2026) – potrjeni predlogi 1, 2, 5, 7, 12
   ========================================================================== */
/* P12 – enotno zaobljeni robovi in mehkejše sence */
:root { --radij: 6px; --senca: 0 2px 10px rgba(0,0,0,0.07); --senca-dvig: 0 12px 28px rgba(0,0,0,0.13); }
.gumb, .navigacija .nav-cta > a, .filtri button, .izbira label,
.polje input:not([type="radio"]), .polje select, .polje textarea { border-radius: 4px; }
.kartica, .material, .koraki-mreza li, .izbor li, .izdelek, .okvir-podatki, .pomoc, .odvoz-pas,
.v-pripravi, .obrazec-izid { border-radius: var(--radij); overflow: hidden; }
.kartica, .material, .koraki-mreza li, .izbor li, .izdelek { box-shadow: var(--senca); }
.kartica:hover { box-shadow: var(--senca-dvig); }
.poudarek { border-radius: 0 var(--radij) var(--radij) 0; }
.slika-okvir img, .storitev__slika img { border-radius: var(--radij); }
.galerija figure { border-radius: 4px; }
.storitve-meni a { border-radius: 4px; }

/* P1 – močnejša naslovna slika */
.hero { min-height: min(86vh, 760px); }
.hero::before { background: linear-gradient(90deg, rgba(18,22,24,0.92) 0%, rgba(18,22,24,0.72) 45%, rgba(18,22,24,0.15) 100%); }
.hero h1 { font-size: clamp(2.5rem, 6.4vw, 5rem); letter-spacing: -0.01em; }
.hero__oznaka { border-left-color: #2f9a2f; }
.hero__dejstva { list-style: none; margin: 2.2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.6rem; }
.hero__dejstva li { display: flex; align-items: center; gap: 0.5rem; padding: 0.55rem 0.95rem; border: 1px solid rgba(255,255,255,0.28); background: rgba(255,255,255,0.08); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); font-size: 0.88rem; font-weight: 600; border-radius: 999px; }
.hero__dejstva svg { width: 18px; height: 18px; color: #7cc47c; flex: none; }
@media (max-width: 700px) {
  .hero::before { background: rgba(18,22,24,0.74); }
  .hero__dejstva { margin-top: 1.6rem; gap: 0.45rem; }
  .hero__dejstva li { font-size: 0.8rem; padding: 0.45rem 0.75rem; }
}

/* P2 – pas s številkami */
.stevilke { background: #1f2326; color: #fff; padding: clamp(2.2rem, 5vw, 3.5rem) 0; border-top: 1px solid #3d4246; }
.stevilke ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.6rem 2rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); }
.stevilke li { border-left: 3px solid var(--zelena); padding-left: 1.1rem; }
.stevilke b { display: block; font-size: clamp(2rem, 4vw, 3rem); line-height: 1; color: #fff; margin-bottom: 0.5rem; letter-spacing: -0.01em; }
.stevilke span { color: #c9cdd0; font-size: 0.95rem; }
@media (max-width: 520px) { .stevilke ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* P5 – logotip v menijski vrstici med drsenjem */
.meni__logo { display: none; align-items: center; align-self: center; height: 2.5rem; padding: 0 0.7rem; margin-right: 0.6rem; background: #fff; border-radius: 4px; flex: none; }
.meni__logo img { height: 28px; width: auto; }
.drsenje .meni__logo { display: flex; }
@media (min-width: 1101px) and (max-width: 1260px) { .drsenje .navigacija > ul > li > a, .drsenje .navigacija .pod-gumb { padding: 0 0.7rem; } }

/* P7 – mozaik projektov na domači strani */
.galerija--mozaik { grid-template-columns: repeat(3, 1fr); grid-auto-rows: clamp(150px, 18vw, 235px); }
.galerija--mozaik li:first-child { grid-column: span 2; grid-row: span 2; }
.galerija--mozaik figure, .galerija--mozaik a { height: 100%; }
.galerija--mozaik img { height: 100%; aspect-ratio: auto; }
@media (max-width: 699px) {
  .galerija--mozaik { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 130px; }
  .galerija--mozaik li:first-child { grid-column: 1 / -1; grid-row: span 2; }
  .galerija--mozaik li:last-child { grid-column: 1 / -1; grid-row: span 2; }
}
/* Ploščice materialov: vedno polne vrstice (6 / 3 / 2 stolpci) */
.materiali { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (min-width: 1100px) { .materiali { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 520px) { .materiali { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.obrazec-izid--eposta { border-color: var(--zelena); background: var(--siva); }