/* ═══════════════════════════════════════════════════════════════════
   TERMINA — NASLOVNICA B »IZLOŽBA« IN NAJDI NA ATMOSFERI
   (CGP v12 »Steklo«; predloga B, lastnica 22. 10. 2026)

   Naloži se na index.html, za-ponudnike.html in najdi.html ZA steklo.css
   in PRED eleganca.css. Uporablja samo žetone in gradnike iz podoba.css in
   steklo.css (.steklo-*, .okvircek, .poudarek); nove barve ni nobene.

   Naslovnica od zgoraj navzdol:
     • glava: besedni znak, ENA steklena pilula s povezavami in Prijavo,
       edini polni gumb »Postani ponudnik«, drobna jezikovna pilula; na
       telefonu znak in gumb Meni (gumb je v zloženem meniju);
     • junak: velik tanek TEMEN naslov v treh vrsticah (Outfit 200, druga
       vrstica zamaknjena, karamelna pika), ena vrstica uvoda, steklena
       iskalna vrstica in trije kratki dokazi; desno pahljača treh
       nagnjenih steklenih kart z opranimi fotografijami ponudnikov
       (resnične, iz /api/izlozba; dokler jih ni, ponazoritve z oznako) in
       steklena kartica »Prosto še danes« (iz /api/providers?prosto=teden);
       spodaj ploščice zasedenih skupin s fotografijami;
     • počasen trak imen ponudnikov (skrit pri manj kot štirih);
     • Kako deluje: ENA mreža plošč (lastnica, 23. 10. 2026) — 01 Sledi z
       oknom zgodbe in trakom obročev, 02 Deli s primerom objave, 03
       Rezerviraj s prostimi termini kot steklenimi vrsticami in ČRNILNA
       plošča za ponudnike (.poudarek: žetoni --i-*) s ceno iz /api/cenik;
     • aplikacija: zaslon Zate v telefonu (v ovoju ga ni);
     • sklepna misel z iskanjem in noga.

   Gibanje je samo CSS; ob prefers-reduced-motion vse stoji v dobri sliki
   (obroč poln, odgovor napisan, trak miren). Ob prefers-reduced-transparency
   je steklo polna bela ploskev (žetoni v steklo.css).

   Kontrast je izmerjen na IZRISANIH pikslih (server/test-piksli.mjs,
   prizori naslovnica*): temen naslov na svetli atmosferi, napisi na
   steklu ≥ 4,5:1, robovi kontrol ≥ 3:1, drobno besedilo samo na steklu.
   ═══════════════════════════════════════════════════════════════════ */

/* ── skupno ───────────────────────────────────────────────────────── */
.izl{--izl-rob:clamp(16px,4vw,32px);--izl-sirina:1280px}
.izl .wrap{box-sizing:border-box;max-width:calc(var(--izl-sirina) + 2 * var(--izl-rob));margin-inline:auto;padding-inline:var(--izl-rob)}
.izl main{overflow:clip}
.izl h1,.izl h2,.izl h3,.izl figure,.izl ul{margin:0}
.izl ul{padding:0;list-style:none}
.izl-skrito{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
/* fokus: karamelni obroč, na črnilu kremni */
.izl a:focus-visible,.izl button:focus-visible{outline:2px solid var(--medenina);outline-offset:3px;border-radius:999px}
.izl .poudarek a:focus-visible,.izl .poudarek button:focus-visible{outline-color:var(--i-naslov)}

/* ── izbira države: drobna steklena vrstica na dnu (24. 10. 2026) ────
   Prvi obisk brez zapore (različica B po taste skillu): vrstica lebdi
   nad stranjo, ne zaklene drsenja in ne vzame fokusa. Prepiše stari
   celozaslonski izbirnik iz styles.css in nadsloj iz podoba.css. */
#country-modal.cm-vrstica{position:fixed;inset:auto auto calc(16px + env(safe-area-inset-bottom,0px)) 50%;translate:-50% 0;z-index:60;
  width:min(720px,calc(100% - 32px));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 10px;border-radius:999px;overflow:visible;
  background:var(--steklo-gosto);border:1px solid var(--steklo-rob);box-shadow:var(--steklo-senca-plava);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);animation:izl-vrstica .4s ease-out both}
#country-modal.cm-vrstica[hidden]{display:none}
#country-modal.cm-vrstica::before{display:none}
@keyframes izl-vrstica{from{opacity:0;translate:-50% 12px}to{opacity:1;translate:-50% 0}}
.cm-vrstica .cm-sig{flex:none;width:40px;height:40px;margin:0;border-radius:50%;background:var(--plosca);border:0;display:grid;place-items:center}
.cm-vrstica .cm-sig .znak-slika{width:24px;height:24px}
.cm-besedilo{flex:1;min-width:0;margin:0;font-size:var(--t-sm);line-height:1.3;color:var(--telo)}
.cm-besedilo b{display:block;font-weight:500;color:var(--slonovina)}
.cm-vrstica .cm-sub{font-size:var(--t-sm);color:var(--telo)}
.cm-izbor{flex:none;min-height:44px;max-width:210px;padding:0 12px;border-radius:999px;border:1px solid var(--rob-k);background:var(--plosca);
  font-family:var(--body);font-size:var(--t-md);color:var(--slonovina)}
.cm-vrstica .cm-potrdi{flex:none;min-height:44px;padding:0 20px;border-radius:999px}
.cm-vrstica .cm-skip{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border-radius:50%;
  background:none;border:0;color:var(--slonovina);cursor:pointer}
.cm-vrstica .cm-skip svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media (hover:hover) and (pointer:fine){.cm-vrstica .cm-skip:hover{background:var(--tan-sled)}}
.cm-vrstica .cm-skip:focus-visible,.cm-izbor:focus-visible{outline:2px solid var(--medenina);outline-offset:2px}
@media (max-width:640px){
  /* telefon: zgoraj znak, besedilo in zapri, spodaj izbor in OK */
  #country-modal.cm-vrstica{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"sig bes x" "izb izb ok";
    gap:8px 10px;border-radius:24px;padding:10px}
  .cm-vrstica .cm-sig{grid-area:sig}
  .cm-besedilo{grid-area:bes}
  .cm-vrstica .cm-skip{grid-area:x}
  .cm-izbor{grid-area:izb;max-width:none;width:100%}
  .cm-vrstica .cm-potrdi{grid-area:ok}
}
@media (prefers-reduced-motion:reduce){#country-modal.cm-vrstica{animation:none}}

/* ── glava: znak, ena pilula, polni gumb, jezik ────────────────────── */
nav.izl-glava{position:relative;z-index:5;background:transparent;border-bottom:0;box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none}
nav.izl-glava .wrap{height:auto;min-height:0;padding-top:18px;padding-bottom:18px;gap:14px}
nav.izl-glava .znamka{color:var(--slonovina);font-size:21px;display:inline-flex;align-items:center;min-height:44px}
nav.izl-glava .znamka .pika-i{background:var(--medenina)}
/* polni gumb: črnilo (podoba.css .btn-p), pilula, edini polni v glavi */
nav.izl-glava .btn-p{border-radius:999px;min-height:50px;padding:0 24px;box-shadow:var(--steklo-senca-crnilo)}
nav.izl-glava .izl-jezik{display:inline-flex;align-items:center}
nav.izl-glava [data-lang-slot] .jezik-pilula{
  min-height:44px;border-radius:999px;background:var(--steklo);border:1px solid var(--rob-k);color:var(--slonovina);
  box-shadow:var(--steklo-senca);-webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);padding:0 12px 0 14px}
/* gumb Meni: na namizju skrit (styles.css .meni-pika), na telefonu pilula z napisom */
nav.izl-glava .izl-meni{width:auto;min-width:44px;padding:0 16px 0 18px;gap:8px;border-radius:999px;
  border:1px solid var(--rob-k);background:var(--steklo);color:var(--slonovina);font-family:var(--body);font-size:var(--t-md);font-weight:500;
  box-shadow:var(--steklo-senca);-webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli)}
nav.izl-glava .izl-meni svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media (min-width:761px){
  /* povezave in Prijava v ENI stekleni piluli; prelom zazna stisniGlavo()
     (script.js) in najprej odvzame sidro #kako, nato Za ponudnike */
  nav.izl-glava .navlinks{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}
  nav.izl-glava .nav-skupina{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:5px;min-width:0;
    border-radius:999px;background:var(--steklo);border:1px solid var(--steklo-rob);box-shadow:var(--steklo-senca);
    -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli)}
  nav.izl-glava .navlinks .lnk{min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;color:var(--slonovina);transition:background-color .18s ease-out}
  @media (hover:hover) and (pointer:fine){nav.izl-glava .navlinks .lnk:hover{color:var(--slonovina);background:var(--tan-sled)}}
  nav.izl-glava #nav-prijava,nav.izl-glava #nav-racun{font-weight:500}
  nav.izl-glava #nav-prijava[hidden],nav.izl-glava #nav-racun[hidden]{display:none}
  nav.izl-glava .nav-locilo{display:block;width:1px;height:20px;margin:0 6px;background:var(--gravura)}
  /* stiskanje: najprej odpade sidro na Kako deluje, nato Za ponudnike;
     Skupnost ostane (styles.css jo skriva pri .stisnjena2) */
  nav.izl-glava.stisnjena2 .navlinks a[href="skupnost.html"]{display:inline-flex}
  nav.izl-glava.stisnjena2 .navlinks a.lnk-zp{display:none}
}
/* ozko namizje: s 16-px kontrolami (24. 10. 2026) so daljši jeziki (fr)
   gumb potisnili v drugo vrstico; ožji odmiki ga obdržijo v eni */
@media (min-width:761px) and (max-width:1099px){
  nav.izl-glava .navlinks{gap:10px}
  nav.izl-glava .navlinks .lnk{padding:0 11px}
  nav.izl-glava .btn-p{padding:0 18px}
}
@media (max-width:760px){
  nav.izl-glava .nav-skupina{display:contents}
  nav.izl-glava .nav-locilo{display:none}
  /* Postani ponudnik gre v zloženi meni; jezik tja preseli script.js */
  nav.izl-glava .wrap > .btn-p{display:none}
  nav.izl-glava .navlinks .btn-p{margin-top:8px;justify-content:center}
  nav.izl-glava .meni-pika{display:inline-flex}
  nav.izl-glava.meni-odprt .navlinks{
    background:var(--steklo-gosto);border:1px solid var(--steklo-okvir);border-radius:0 0 var(--r-steklo-ploscica) var(--r-steklo-ploscica);
    box-shadow:var(--steklo-senca-plava);-webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);
    margin:0 var(--izl-rob);padding:8px 10px 14px}
  nav.izl-glava.meni-odprt .navlinks .lnk{padding:0 10px;border-radius:12px;color:var(--slonovina)}
}
@media (prefers-reduced-transparency:reduce){
  nav.izl-glava .nav-skupina,nav.izl-glava .izl-meni,nav.izl-glava [data-lang-slot] .jezik-pilula{border-color:var(--rob-k)}
}

/* ── junak ────────────────────────────────────────────────────────── */
/* header{background:--ohisje} iz postavitev.css tu odpade: junak stoji na atmosferi */
.izl-junak{position:relative;padding:28px 0 96px;background:transparent;overflow:visible}
.izl-junak-v{position:relative;container-type:inline-size;container-name:junak}
/* levi stolpec je po pomanjšanju naslova nižji od pahljače: junak ostane vsaj tako visok kot ona */
@media (min-width:761px){.izl-junak-v{min-height:calc(min(500px,39cqi) * 1.18)}}
/* Velik tanek TEMEN naslov: Outfit 200, tesna sled, tri vrstice; druga
   vrstica zamaknjena (predloga B), pike vseh treh vrstic karamelne
   (.izl-pika, script.js). Velikost se prilagodi najdaljši vrstici v
   dejavnem jeziku (--nasl-n, script.js); levo od pahljače je 58 cqi. */
.nasl-naslov,.izl-naslov{
  position:relative;z-index:2;margin:0;padding:0;max-width:none;
  font-family:var(--znamka-pisava,"Outfit");font-weight:200;letter-spacing:-.045em;line-height:.88;
  color:var(--slonovina);
  font-size:clamp(56px,16vw,96px);
  /* Lastnica, 23. 10. 2026: naslov manjši in iskanje višje, da je na
     13-palčnem zaslonu vse v prvem pogledu. */
  font-size:min(112px,calc(100cqi / (max(var(--nasl-n,11), 7) * .58)));
}
.nasl-vrstice{display:block}
.nasl-vrstice>span{display:block;width:fit-content;max-width:100%}
.nasl-vrstice .v2{padding-left:1.05em}
.nasl-vrstice.ena .v1,.nasl-vrstice.ena .v3{display:none}
.nasl-vrstice.ena .v2{padding-left:0}
.izl-pika{color:var(--atm-poudarek)}
.izl-junak-spodaj{position:relative;z-index:2;margin-top:28px;max-width:620px;display:flex;flex-direction:column;gap:16px}
.izl-lede{margin:0;max-width:30em;font-size:18px;line-height:1.5;color:var(--telo)}

/* iskanje: steklena vrstica (.steklo-iskanje), rob kontrole 3:1, gumb črnilo */
.izl-iskanje{margin:0;padding:6px 6px 6px 20px;border-radius:999px;border:1px solid var(--rob-k);box-shadow:none}
.izl-iskanje input{height:52px;font-size:17px}
.izl-iskanje input::-webkit-search-cancel-button{-webkit-appearance:none}
.izl-iskanje .btn-p{flex:none;min-height:52px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}
.izl-iskanje .btn-p svg{display:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:480px){
  .izl-iskanje .btn-p{width:52px;min-width:52px;padding:0;justify-content:center}
  .izl-iskanje .btn-p svg{display:block}
  .izl-iskanje .btn-p span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* trije kratki dokazi pod iskanjem: karamelna pika (grafika), črnilo */
.izl-zaupanje{display:flex;flex-wrap:wrap;gap:6px 22px;margin:2px 0 0;padding:0;list-style:none}
.izl-zaupanje li{display:inline-flex;align-items:center;gap:9px;font-size:var(--t-sm);font-weight:500;line-height:1.4;color:var(--slonovina)}
.izl-zaupanje li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--atm-poudarek);flex:none}

/* ── razišči po skupinah: ploščice z opranimi ponazoritvami ────────── */
.izl-razisci{position:relative;z-index:2;margin-top:52px}
.izl-razisci[hidden]{display:none}
.izl-razisci-g{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
.izl-razisci-g h2{margin:0;font-family:var(--display);font-weight:300;font-size:24px;line-height:1.2;letter-spacing:-.01em;color:var(--slonovina)}
.izl-ploscice{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.izl-ploscica{position:relative;display:block;height:156px;border-radius:var(--r-steklo-ploscica,28px);overflow:hidden;isolation:isolate;
  color:var(--slonovina);text-decoration:none;border:1px solid var(--steklo-rob);box-shadow:var(--steklo-senca);
  transition:translate .25s ease-out,box-shadow .25s ease-out}
@media (hover:hover) and (pointer:fine){.izl-ploscica:hover{color:var(--slonovina);translate:0 -3px;box-shadow:var(--steklo-senca-plava)}}
.izl-ploscica:focus-visible{border-radius:28px}
.izl-ploscica-foto{position:absolute;inset:0;background:var(--oder-1)}
.izl-ploscica-foto.brez{background:var(--kat-mavrica-tiha) var(--kat-tih,var(--atm-2))}
.izl-ploscica-foto img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--foto-filter);transition:scale .6s ease-out}
@media (hover:hover) and (pointer:fine){.izl-ploscica:hover .izl-ploscica-foto img{scale:1.04}}
/* ime na gostem steklu (drobno besedilo stoji na steklu), krog s puščico */
.izl-ploscica-ime{position:absolute;left:10px;right:10px;bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:48px;padding:4px 4px 4px 16px;border-radius:20px;background:var(--steklo-gosto);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli)}
.izl-ploscica-ime b{min-width:0;font-family:var(--display);font-weight:400;font-size:17px;line-height:1.2;color:var(--slonovina);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.izl-ploscica-krog{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--slonovina);color:var(--na-tanu);transition:translate .25s ease}
.izl-ploscica-krog svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){.izl-ploscica:hover .izl-ploscica-krog{translate:3px 0}}

/* ── pahljača treh kart ────────────────────────────────────────────── */
.izl-pahljaca{position:absolute;right:var(--izl-rob);top:0;width:min(500px,39cqi);aspect-ratio:540 / 620;perspective:1600px;z-index:1}
.izl-pahljaca-v{position:absolute;inset:0;transform:rotateY(-12deg) rotateX(5deg);transform-style:preserve-3d}
.izl-karta{position:absolute;margin:0;padding:9px;border-radius:28px;
  background:var(--steklo);border:1px solid var(--steklo-rob);box-shadow:var(--steklo-senca);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli);
  animation:izl-lebdi 9s ease-in-out infinite}
.izl-karta-1{left:0;top:19%;width:43%;z-index:1;rotate:-10deg;animation-delay:-3s}
.izl-karta-2{left:28%;top:2%;width:47%;z-index:3;rotate:2deg;padding:10px;border-radius:30px;box-shadow:none}
.izl-karta-3{left:57%;top:24%;width:43%;z-index:2;rotate:11deg;animation-delay:-6s}
.izl-karta .izl-foto{aspect-ratio:3 / 4;border-radius:20px}
.izl-karta-2 .izl-foto{aspect-ratio:3 / 4.1}

/* Fotografija ponudnika: vedno OPRANA (sepija, --foto-filter), napis vedno
   na zastoru (--foto-zastor). Ponazoritev (.ponazoritev) je oprana ilustrativna
   slika z oznako »ponazoritev«; nadomestek (.nadomestek) je temen oder
   (--oder-*) z dvema mehkima lisama in oznako »fotografija ponudnika«.
   Pokvarjena slika postane nadomestek (izlozba.js). */
.izl-foto{display:block;position:relative;overflow:hidden;isolation:isolate;border-radius:20px;background:var(--oder-1)}
.izl-foto img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--foto-filter)}
.izl-foto.nadomestek img{display:none}
.izl-foto::before,.izl-foto::after{content:"";position:absolute;pointer-events:none;display:none}
.izl-foto.nadomestek::before{display:block;left:-20%;top:-10%;width:90%;height:70%;border-radius:50%;background:var(--atm-1);opacity:.45;filter:blur(28px)}
.izl-foto.nadomestek::after{display:block;right:-25%;bottom:-20%;width:90%;height:70%;border-radius:50%;background:var(--oder-2);filter:blur(24px)}
.izl-foto-oznaka{display:none;position:absolute;right:10px;top:10px;z-index:3;padding:3px 10px 4px;border-radius:999px;
  background:var(--foto-zastor);color:var(--i-telo);font-size:13px;line-height:1.3;white-space:nowrap}
.izl-foto.nadomestek .izl-foto-oznaka{display:inline-block}
/* ponazoritev (slike/ponazoritve): oprana slika in oznaka »ponazoritev«, dokler prave fotografije ni */
.izl-foto.ponazoritev .izl-foto-oznaka{display:inline-block}
/* napis na zastoru: ime · skupina · kraj */
.izl-napis{position:absolute;left:10px;bottom:10px;z-index:3;display:flex;flex-direction:column;gap:1px;max-width:calc(100% - 20px);
  padding:7px 12px 8px;border-radius:14px;background:var(--foto-zastor);color:var(--i-telo)}
.izl-napis b{font-size:14px;font-weight:500;line-height:1.25;color:var(--i-naslov)}
.izl-napis small{font-size:13px;font-weight:500;line-height:1.3;color:var(--i-naslov)} /* na zastoru nad svetlejšo fotografijo --i-telo pade pod 4,5:1; ime in podnapis isti krem */
.izl-karta .izl-napis{left:19px;bottom:19px;max-width:calc(100% - 38px)}
.izl-karta-2 .izl-napis{left:20px;bottom:20px;max-width:calc(100% - 40px)}
/* Napis je otrok karte (stekleni rob 9–10 px), ne fotografije: širina se
   zato meri od karte z odmikom na OBEH straneh — sicer zastor seže čez
   fotografijo (lastnica, 24. 10. 2026: »takih napak NE SME BITI«). */
.izl-napis a{display:flex;flex-direction:column;gap:1px;min-width:0;color:inherit;text-decoration:none}
.izl-napis b,.izl-napis small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (hover:hover) and (pointer:fine){.izl-karta a:hover b{text-decoration:underline;text-underline-offset:3px}}

/* »Prosto še danes«: gosto steklo na pahljači, utripajoča pika v karameli
   (grafika), ure kot pilule — prva (izbrana) je črnilo */
.izl-prosto{position:absolute;left:-6%;bottom:4%;z-index:5;width:256px;padding:16px 18px 18px;
  display:block;color:var(--slonovina);text-decoration:none;box-shadow:var(--steklo-senca-plava);
  animation:izl-lebdi 7s ease-in-out infinite;animation-delay:-2s}
.izl-prosto[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.izl-prosto:hover{color:var(--slonovina)}}
.izl-prosto-k{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.3;color:var(--telo-2)}
.izl-utrip{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--atm-polnilo);flex:none}
/* utrip s transform in prosojnostjo, ne s senco: senca bi vsak trenutek znova risala (del 1) */
.izl-utrip::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--atm-polnilo);opacity:.6;animation:izl-utrip 2.4s ease-out infinite}
.izl-prosto-ime{display:block;margin-top:6px;font-family:var(--display);font-weight:400;font-size:21px;line-height:1.15;color:var(--slonovina)}
.izl-prosto-pod{display:block;font-size:13px;line-height:1.4;color:var(--telo-2)}
.izl-ure{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.izl-ura{display:inline-flex;align-items:center;height:34px;padding:0 13px;border-radius:999px;
  background:var(--plosca);border:1px solid var(--rob-k);color:var(--slonovina);
  font-family:var(--num);font-size:15px;font-variant-numeric:tabular-nums}
.izl-ura.izbrana{background:var(--slonovina);border-color:var(--slonovina);color:var(--na-tanu)}

/* ── trak imen ────────────────────────────────────────────────────── */
.izl-trak-okno{overflow:hidden;padding:26px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.izl-trak-okno[hidden]{display:none}
.izl-trak{display:flex;width:max-content;align-items:center;gap:40px;animation:izl-trak 70s linear infinite}
.izl-trak-okno:focus-within .izl-trak{animation-play-state:paused}@media (hover:hover) and (pointer:fine){.izl-trak-okno:hover .izl-trak{animation-play-state:paused}}
.izl-trak-tek{display:flex;align-items:center;gap:40px;flex:none}
.izl-trak-tek li{display:flex;align-items:center;gap:40px}
.izl-trak-ime{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-weight:200;font-size:32px;line-height:1.1;letter-spacing:-.02em;color:var(--telo-2);white-space:nowrap;text-decoration:none}
@media (hover:hover) and (pointer:fine){.izl-trak-ime:hover{color:var(--slonovina)}}
.izl-trak-znak{width:22px;height:22px;flex:none;fill:none;stroke:var(--atm-polnilo);stroke-width:1.2}
.izl-trak-znak .jedro{fill:var(--atm-poudarek);stroke:none}
@media (max-width:760px){.izl-trak-okno{padding:16px 0}.izl-trak-ime{font-size:26px}}

/* ── kako deluje: ENA mreža plošč (bento) ─────────────────────────── */
.izl-bento-r{position:relative;padding:104px 0 32px}
.izl-bento-uvod{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-bottom:32px}
.izl-bento-uvod .izl-k{margin:0}
.izl-bento-uvod h2{margin:6px 0 0;font-family:var(--display);font-weight:200;font-size:clamp(40px,4.6vw,68px);line-height:1;letter-spacing:-.035em;color:var(--slonovina)}
.izl-bento-uvod .izl-pot{margin-top:0}
.izl-bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
/* plošča: mlečno steklo (gosto), radij 36; 4. plošča je ČRNILO (.poudarek) */
.izl-plo{position:relative;min-width:0;display:flex;flex-direction:column;gap:22px;padding:28px;border-radius:var(--r-velika);overflow:hidden;isolation:isolate;
  background:var(--steklo-gosto);border:1px solid var(--steklo-rob);box-shadow:var(--steklo-senca);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli)}
.izl-plo-1{grid-column:1 / 8}
.izl-plo-2{grid-column:8 / 13}
.izl-plo-3{grid-column:1 / 8}
.izl-plo-4{grid-column:8 / 13;gap:0;background:var(--plosca);border-color:transparent;box-shadow:var(--steklo-senca-oder);color:var(--telo)}
[data-nativno] .izl-plo-3{grid-column:1 / -1}
/* Brez številk 01–03 in nadnapisov (lastnica, 24. 10. 2026, različica B po taste skillu):
   red pove postavitev, naslov pove vse. */
.izl-plo-glava{display:block}
.izl-stevilka{display:block;grid-row:1 / 3;font-family:var(--num);font-weight:200;font-size:64px;line-height:.82;letter-spacing:-.05em;
  color:var(--atm-poudarek);font-variant-numeric:tabular-nums}
.izl-plo h3{margin:0;font-family:var(--display);font-weight:300;font-size:30px;line-height:1.12;letter-spacing:-.015em;color:var(--slonovina)}
.izl-k{margin:0;font-size:var(--t-md);font-weight:500;line-height:1.3;color:var(--telo)}
.izl-p{margin:8px 0 0;max-width:34em;font-size:16px;line-height:1.55;color:var(--telo)}
.izl-plo-3 > .izl-pot{margin-top:auto;align-self:flex-start}
/* pot: napis in okrogel črnilni gumb s puščico */
.izl-pot{display:inline-flex;align-items:center;gap:14px;min-height:48px;margin-top:26px;font-size:16px;font-weight:500;color:var(--slonovina);text-decoration:none}
.izl-pot-krog{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--slonovina);color:var(--na-tanu);transition:translate .25s ease}
.izl-pot-krog svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover) and (pointer:fine){.izl-pot:hover{color:var(--slonovina)}}
@media (hover:hover) and (pointer:fine){.izl-pot:hover .izl-pot-krog{translate:4px 0}}
.izl-pot-svetla .izl-pot-krog{background:var(--steklo-gosto);border:1px solid var(--rob-k);color:var(--slonovina)}

/* 01: okno zgodbe v steklu, napredek, avtor na zastoru, trak obročev */
.izl-okno{position:relative;flex:1;display:flex;margin:0}
.izl-velika{flex:1;min-height:430px;border-radius:26px}
.izl-velika > img{position:absolute;inset:0}
.izl-napredek{position:absolute;left:18px;right:18px;top:16px;z-index:3;display:flex;gap:5px}
.izl-napredek span{flex:1;height:3px;border-radius:3px;background:var(--i-rob-k);overflow:hidden;display:block}
.izl-napredek span.polno{background:var(--i-naslov)}
.izl-napredek span i{display:block;height:100%;background:var(--i-naslov);transform-origin:left center;transform:scaleX(.62);animation:izl-tece 6s linear infinite}
.izl-avtor{position:absolute;left:18px;top:32px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--foto-zastor);color:var(--i-naslov);text-decoration:none}
.izl-avtor b{font-size:13px;font-weight:500;line-height:1.2;color:var(--i-naslov)}
.izl-avtor small{font-size:13px;line-height:1.2;color:var(--i-telo)}
@media (hover:hover) and (pointer:fine){.izl-avtor:hover b{text-decoration:underline;text-underline-offset:3px}}
.izl-velika .izl-foto-oznaka{top:34px;right:18px}
/* avatar: slika ali začetnica (zacetnica.js) */
.izl-av{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--oder-1);
  font-family:var(--display);font-weight:400;font-size:13px;color:var(--i-naslov)}
.izl-av img{width:100%;height:100%;object-fit:cover;display:block;filter:var(--foto-filter)}
.izl-av .izl-zac{display:grid;place-items:center;width:100%;height:100%}
.izl-obroci{position:absolute;left:16px;right:16px;bottom:16px;z-index:4;padding:14px 18px 12px;border-radius:28px;box-shadow:none}
.izl-obroci-k{display:block;font-size:13px;line-height:1.3;color:var(--telo);margin-bottom:10px}
.izl-obroci-trak{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;margin:0 -4px;padding:2px 4px}
.izl-obroci-trak::-webkit-scrollbar{display:none}
.izl-obroci-trak li{display:flex;flex-direction:column;align-items:center;gap:6px;flex:none;width:72px}
.izl-obroci-trak a{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--telo);text-decoration:none}
.izl-obroc-ime{max-width:72px;font-size:13px;line-height:1.25;color:var(--telo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* obroč zgodbe: karamela se polni (grafika); viden obroč je tih */
@property --izl-p{syntax:'<percentage>';inherits:false;initial-value:100%}
.izl-obroc{display:block;width:62px;height:62px;border-radius:50%;padding:3px;background:conic-gradient(var(--atm-polnilo) var(--izl-p),var(--gravura) 0)}
.izl-obroc.tece{animation:izl-obroc 9s linear infinite}
.izl-obroc.tece.z2{animation-delay:-3s}
.izl-obroc.tece.z3{animation-delay:-6s}
.izl-obroc.videno{background:var(--gravura)}
/* bel kolobar med obročem in znakom je svoj element (bela ploskev, ne rob temnega) */
.izl-obroc-r{display:block;width:100%;height:100%;padding:3px;box-sizing:border-box;border-radius:50%;background:var(--plosca)}
.izl-obroc .izl-av{width:100%;height:100%;font-size:18px}

/* 02: objava s pogovorom (ilustrativen primer, označen): bela kartica z
   lasnico v plošči — na mlečnem steklu ne še eno steklo */
.izl-objava{position:relative;z-index:2;margin-top:6px;padding:14px 14px 10px;border-radius:28px;color:var(--telo);background:var(--plosca);border:1px solid var(--gravura)}
.izl-objava-primer{position:absolute;right:16px;top:-14px;z-index:3;padding:4px 12px;border-radius:999px;background:var(--plosca);border:1px solid var(--steklo-okvir);font-size:13px;line-height:1.3;color:var(--telo-2)}
.izl-objava header{display:flex;align-items:center;gap:10px;padding:2px 4px 12px}
.izl-objava header .izl-av{width:40px;height:40px;font-size:17px}
.izl-objava-kdo{display:flex;flex-direction:column;min-width:0}
.izl-objava-kdo b{font-size:15px;font-weight:500;line-height:1.25;color:var(--slonovina)}
.izl-objava-kdo small{font-size:13px;line-height:1.3;color:var(--telo-2)}
.izl-objava .izl-foto{aspect-ratio:16 / 10;border-radius:18px}
.izl-objava-besedilo{margin:0;padding:12px 4px 4px;font-size:15px;line-height:1.5;color:var(--telo)}
.izl-komentarji{display:flex;flex-direction:column;gap:8px;padding:8px 2px 4px}
.izl-komentarji li{display:flex;align-items:flex-start;gap:8px}
.izl-kom{margin:0;padding:8px 12px 9px;border-radius:16px;background:var(--noc);font-size:14px;line-height:1.4;color:var(--telo)}
.izl-kom b{display:block;font-size:13px;font-weight:500;color:var(--slonovina)}
.izl-kom-mesto{display:grid}
.izl-kom-mesto > *{grid-area:1 / 1}
.izl-pise{display:flex;align-items:center;gap:8px;opacity:0;animation:izl-pise 10s ease-in-out infinite}
.izl-pise-pike{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 14px;border-radius:16px;background:var(--noc)}
.izl-pika-pise{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--telo-2);animation:izl-skok 1.1s ease-in-out infinite}
.izl-pika-pise.p2{animation-delay:.15s}
.izl-pika-pise.p3{animation-delay:.3s}
.izl-odgovor{display:flex;align-items:flex-start;gap:8px;animation:izl-odgovor 10s ease-in-out infinite}
.izl-objava-noga{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 2px 2px}
.izl-ikone{display:inline-flex;gap:2px;color:var(--telo)}
.izl-ikone span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px}
.izl-ikone svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.izl-objava-prosto{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--slonovina);color:var(--na-tanu);font-size:14px;font-weight:500}
.izl-objava-prosto b{font-family:var(--num);font-weight:400;font-size:15px;font-variant-numeric:tabular-nums}
/* 03: prosti termini kot steklene vrstice v plošči */
.izl-seznam{display:flex;flex-direction:column;gap:10px;container-type:inline-size;container-name:seznam}
.izl-vrsta{display:grid;grid-template-columns:150px 112px minmax(0,1fr) auto 112px 48px;
  grid-template-areas:"ura dan kdo skupina cena puscica";gap:20px;align-items:center;min-height:100px;
  padding:18px 20px 18px 34px;border-radius:28px;color:var(--slonovina);text-decoration:none;
  transition:background-color .2s ease,translate .25s ease}
@media (hover:hover) and (pointer:fine){.izl-vrsta:hover{background:var(--plosca);color:var(--slonovina);translate:0 -2px}}
@media (hover:hover) and (pointer:fine){.izl-vrsta:hover .izl-v-puscica{translate:4px 0}}
.izl-v-ura{grid-area:ura;font-family:var(--num);font-weight:200;font-size:54px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--slonovina)}
.izl-v-dan{grid-area:dan;display:inline-flex;align-items:center;gap:8px;font-size:var(--t-md);color:var(--telo)}
.izl-v-kdo{grid-area:kdo;min-width:0;display:flex;flex-direction:column}
.izl-v-kdo b{font-family:var(--display);font-weight:400;font-size:21px;line-height:1.2;color:var(--slonovina)}
.izl-v-kdo small{font-size:14px;line-height:1.4;color:var(--telo-2)}
.izl-v-skupina{grid-area:skupina}
.izl-v-cena{grid-area:cena;text-align:right;font-family:var(--num);font-weight:300;font-size:20px;font-variant-numeric:tabular-nums;color:var(--slonovina);white-space:nowrap}
.izl-v-puscica{grid-area:puscica;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--slonovina);color:var(--na-tanu);transition:translate .25s ease}
.izl-v-puscica svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* oznaka skupine: bela pilula z robom --kat-pastel in lasnico --kat-tekst
   (čip skupine brez ikone in pike, lastnica 16. 10. 2026) */
.izl-skupina{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:var(--plosca);
  border:2px solid var(--kat-pastel);box-shadow:0 0 0 1px var(--kat-tekst);font-size:13px;color:var(--slonovina);white-space:nowrap}
.izl-skupina:not([data-kat]){border-color:var(--plosca);box-shadow:0 0 0 1px var(--rob-k)}
.izl-prazno{margin:0;padding:22px 24px;font-size:var(--t-md);color:var(--telo)}
/* v plošči (srednja širina): ura, dan, kdo, cena, puščica — brez oznake skupine */
@container seznam (max-width:900px){
  .izl-vrsta{grid-template-columns:auto 84px minmax(0,1fr) auto 44px;grid-template-areas:"ura dan kdo cena puscica";
    gap:14px;min-height:0;padding:12px 12px 12px 22px;border-radius:24px}
  .izl-v-ura{font-size:30px}
  .izl-v-kdo b{font-size:17px}
  .izl-v-kdo small{font-size:13px}
  .izl-v-skupina{display:none}
  .izl-v-cena{font-size:17px}
  .izl-v-puscica{width:44px;height:44px}
}
@container seznam (max-width:480px){
  .izl-vrsta{grid-template-columns:auto minmax(0,1fr) 44px;grid-template-areas:"ura dan puscica" "kdo kdo kdo" "cena cena cena";
    gap:6px 12px;padding:14px 12px 14px 18px}
  .izl-v-cena{text-align:left}
  .izl-v-dan{align-self:center}
}

/* ── plošča za ponudnike: ENA obrnjena ploskev (.poudarek) ─────────── */
.izl-obroci-okras{position:absolute;right:-170px;top:-170px;width:440px;height:440px;z-index:-1;pointer-events:none;fill:none;animation:izl-dih 12s ease-in-out infinite}
.izl-obroci-okras .o1{stroke:var(--i-rob);stroke-width:1.2}
.izl-obroci-okras .o2{stroke:var(--i-rob-k);stroke-width:1.2;opacity:.5}
.izl-obroci-okras .o3{stroke:var(--i-akcent);stroke-width:1.4;opacity:.45}
.izl-obroci-okras .o4{stroke:var(--i-akcent);stroke-width:1.6;opacity:.6}
.izl-obroci-okras .jedro{fill:var(--i-akcent)}
.izl-cena{display:flex;align-items:flex-end;flex-wrap:wrap;gap:6px 14px;margin:auto 0 0;padding-top:40px;font-family:var(--num);font-weight:200;font-size:clamp(88px,9vw,128px);line-height:.8;letter-spacing:-.06em;color:var(--slonovina);white-space:nowrap}
.izl-cena-enota{font-weight:300;font-size:17px;line-height:1.4;letter-spacing:0;color:var(--telo-2);padding-bottom:.4em}
.izl-cena-ddv{font-weight:300;font-size:clamp(22px,2.4vw,34px);line-height:1.2;letter-spacing:0;color:var(--telo);padding-bottom:.35em}
.izl-plo-4 .izl-k{color:var(--medenina)}
.izl-plo-4 h3{margin-top:10px}
.izl-plo-4 .izl-p{margin-top:8px}
.izl-dejanja{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px}
.izl-dejanja .btn-p{border-radius:999px;min-height:52px;padding:0 26px;font-size:16px}
.izl-crta{display:inline-flex;align-items:center;min-height:48px;font-size:16px;font-weight:500;color:var(--slonovina);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media (hover:hover) and (pointer:fine){.izl-crta:hover{color:var(--slonovina);text-decoration-thickness:2px}}

@media (max-width:900px) and (min-width:761px){
  .izl-bento{grid-template-columns:minmax(0,1fr)}
  .izl-plo-1,.izl-plo-2,.izl-plo-3,.izl-plo-4,[data-nativno] .izl-plo-3{grid-column:auto}
  .izl-app-v{grid-template-columns:minmax(0,1fr) 280px;gap:32px;padding:40px 36px 0}
  .izl-telefon{width:272px;height:460px}
}

/* ── aplikacija: zaslon Zate v telefonu ───────────────────────────── */
.izl-app{padding:20px 0 0}
.izl-app-v{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:center;padding:56px 64px 0;border-radius:var(--r-velika);overflow:hidden;
  background:var(--steklo-gosto);border:1px solid var(--steklo-rob);box-shadow:var(--steklo-senca);
  -webkit-backdrop-filter:var(--steklo-zamegli);backdrop-filter:var(--steklo-zamegli)}
.izl-app-besedilo{padding-bottom:56px}
.izl-app h2{margin:8px 0 0;font-family:var(--display);font-weight:200;font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.03em;color:var(--slonovina)}
.izl-app .izl-p{margin-top:14px;font-size:18px}
.izl-app-seznam{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.izl-app-seznam li{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;color:var(--slonovina)}
/* znak: tanek karamelni obroč z jedrom (grafika) */
.izl-app-seznam li::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;box-sizing:border-box;
  border:1.5px solid var(--atm-1);background:radial-gradient(circle,var(--atm-poudarek) 0 3.5px,transparent 4px)}
/* telefon: črnilni okvir, zaslon je slika (aria-hidden, okras) */
.izl-telefon{align-self:end;width:320px;height:560px;padding:11px 11px 0;border-radius:50px 50px 0 0;background:var(--slonovina);box-shadow:var(--steklo-senca-oder)}
.izl-telefon-zaslon{width:100%;height:100%;border-radius:40px 40px 0 0;overflow:hidden;background:var(--atm-3)}
.izl-telefon-zaslon img{display:block;width:100%;height:auto}

/* ── konec: velika misel in iskanje ───────────────────────────────── */
.izl-konec{padding:128px 0 120px}
.izl-velik{max-width:13em;font-family:var(--display);font-weight:200;font-size:clamp(44px,6vw,88px);line-height:.98;letter-spacing:-.04em;color:var(--slonovina)}
.izl-poudarek{color:var(--atm-poudarek)}
.izl-konec-dejanja{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:52px}
.izl-konec-dejanja .izl-iskanje{flex:1 1 520px;max-width:620px}
.izl-konec-dejanja .izl-pot{margin-top:0}

/* ── noga: ista kot doslej (eleganca.css), znak v črnilu ───────────── */
.izl footer{background:transparent}
.izl footer .znamka{color:var(--slonovina)}

/* ── gibanje (samo CSS) ───────────────────────────────────────────── */
/* Mehko gibanje naslova (lastnica, 24. 10. 2026: »soft motion, da ni tak
   fiksno«): vrstice pridejo ena za drugo (dvig in izostritev, naslov je
   cel prebran do 1,2 s), pike vzniknejo za njimi in potem v tihem valu
   ena za drugo rahlo zadihajo — Sledi, Deli, Rezerviraj. Ob manj gibanja
   naslov stoji. */
/* Lebdenje (lastnica, 25. 10. 2026: »želim, da se v isti dinamiki kot
   slikice na desni premika«): po prihodu vsaka vrstica lebdi kot karte
   pahljače — isti izl-lebdi (9 s, 10 px), isti zamiki kot karte (Sledi
   −3 s kot leva karta, Deli 0 s kot sprednja, Rezerviraj −6 s kot desna),
   zato se naslov in karte gibljejo v istem dihu. Prihod gre prek
   transform, lebdenje prek translate, da se ne prepisujeta. */
@media (prefers-reduced-motion:no-preference){
  .nasl-vrstice>span{animation:izl-naslov-vstop .9s cubic-bezier(.2,.7,.2,1) both,izl-lebdi 9s ease-in-out infinite}
  .nasl-vrstice>.v1{animation-delay:0s,-3s}
  .nasl-vrstice>.v2{animation-delay:.12s,0s}
  .nasl-vrstice>.v3{animation-delay:.24s,-6s}
  .izl-pika{display:inline-block;transform-origin:50% 80%;animation:izl-pika-vstop .55s cubic-bezier(.3,1.5,.5,1) both,izl-pika-val 7.5s ease-in-out infinite}
  .v1 .izl-pika{animation-delay:.6s,2s}
  .v2 .izl-pika{animation-delay:.72s,2.5s}
  .v3 .izl-pika{animation-delay:.84s,3s}
}
@keyframes izl-naslov-vstop{from{opacity:0;transform:translateY(.16em);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes izl-pika-vstop{from{opacity:0;scale:.2}to{opacity:1;scale:1}}
@keyframes izl-pika-val{0%,14%,100%{scale:1;translate:0 0}6%{scale:1.4;translate:0 -.035em}}
@keyframes izl-lebdi{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes izl-obroc{0%{--izl-p:0%}40%{--izl-p:100%}100%{--izl-p:100%}}
@keyframes izl-tece{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes izl-utrip{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(3.4);opacity:0}}
@keyframes izl-pise{0%,8%{opacity:0}12%,36%{opacity:1}40%,100%{opacity:0}}
@keyframes izl-odgovor{0%,38%{opacity:0;translate:0 10px}46%,94%{opacity:1;translate:0 0}100%{opacity:0;translate:0 0}}
@keyframes izl-skok{0%,60%,100%{translate:0 0}30%{translate:0 -4px}}
@keyframes izl-trak{to{transform:translateX(-50%)}}
@keyframes izl-dih{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}
/* Manj gibanja: vse stoji v dobri sliki — obroči polni, odgovor napisan,
   trak miren, pika brez utripa, karte pri miru. */
@media (prefers-reduced-motion:reduce){
  .izl-karta,.izl-prosto,.izl-trak,.izl-obroc.tece,.izl-napredek span i,.izl-utrip::after,.izl-pise,.izl-odgovor,.izl-pika-pise,.izl-obroci-okras{animation:none}
  .izl-pise{opacity:0}
  .izl-odgovor{opacity:1;translate:0 0}
  .izl-pot-krog,.izl-vrsta,.izl-v-puscica,.izl-ploscica,.izl-ploscica-foto img,.izl-ploscica-krog{transition:none}
  @media (hover:hover) and (pointer:fine){.izl-vrsta:hover,.izl-ploscica:hover{translate:0 0}}
  @media (hover:hover) and (pointer:fine){.izl-ploscica:hover .izl-ploscica-foto img{scale:1}}
}

/* ── ozek zaslon: vse se zloži v en stolpec ───────────────────────── */
@media (max-width:760px){
  .izl-junak{padding:16px 0 72px}
  .izl-junak-spodaj{margin-top:28px;gap:16px}
  .nasl-naslov,.izl-naslov{font-size:min(150px,calc(100cqi / (max(var(--nasl-n,11), 7) * .52)))}
  .nasl-vrstice .v2{padding-left:.7em}
  .izl-pahljaca{position:relative;right:auto;top:auto;width:88%;max-width:400px;margin:44px auto 0}
  .izl-prosto{left:0;bottom:-2%;width:240px}
  .izl-razisci{margin-top:56px}
  .izl-ploscice{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .izl-ploscica{height:136px;border-radius:24px}
  .izl-ploscica-ime{left:8px;right:8px;bottom:8px;padding-left:12px;border-radius:18px}
  .izl-ploscica-ime b{font-size:15px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .izl-ploscica-krog{width:36px;height:36px}
  .izl-bento-r{padding:72px 0 16px}
  .izl-bento-uvod{grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:24px}
  .izl-bento{grid-template-columns:minmax(0,1fr);gap:14px}
  .izl-plo-1,.izl-plo-2,.izl-plo-3,.izl-plo-4,[data-nativno] .izl-plo-3{grid-column:auto}
  .izl-plo{padding:20px;gap:18px;border-radius:28px}
  .izl-stevilka{font-size:48px}
  .izl-plo h3{font-size:24px}
  .izl-velika{min-height:360px}
  .izl-obroci{left:12px;right:12px;bottom:12px}
  .izl-obroci-okras{width:340px;height:340px;right:-150px;top:-140px}
  .izl-app-v{grid-template-columns:minmax(0,1fr);gap:28px;padding:32px 20px 0;border-radius:28px}
  .izl-app-besedilo{padding-bottom:0}
  .izl-telefon{justify-self:center;width:272px;height:440px}
  .izl-konec{padding:96px 0 88px}
  .izl-velik{font-size:clamp(34px,9vw,40px)}
  .izl-app h2{font-size:clamp(30px,8vw,36px)}
  .izl-konec-dejanja .izl-iskanje{flex-basis:100%}
}
/* telefon: napis samo na sprednji karti, z celim imenom (brez okrajšav) */
@media (max-width:480px){
  .izl-karta-1 .izl-napis,.izl-karta-3 .izl-napis{display:none}
  .izl-karta-2 .izl-napis{left:20px;right:20px;bottom:20px;max-width:none}
  .izl-karta-2 .izl-napis b,.izl-karta-2 .izl-napis small{white-space:normal;overflow:visible}
}

/* ═══ Stran za ponudnike (za-ponudnike.html) ═════════════════════════
   Ista glava in noga; razdelki paketov v okvirčkih (eleganca.css,
   body.razdelki). Ena mreža za namizje kot doslej (.naslovnica). */
.okvirji{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:760px){.okvirji{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
.okvirji>li{margin:0}
.zp-junak{padding:24px 0 8px}
/* Junak stoji na atmosferi kot na naslovnici: splošni header{background:
   --ohisje} iz postavitev.css bi čezenj položil belo ploskev (lastnica,
   28. 10. 2026: »zakaj je belo?«). */
header.zp-junak{background:transparent}
/* Naslov je mehkejši (lastnica, 28. 10. 2026: »zmehčaj«): manjši, teža 300
   namesto lasnice 200 pri 88 px, rahlejše zgoščevanje. Velikega naslova
   naslovnice ne tekmuje — to je podstran. */
.zp-junak h1{margin:0 0 12px;font-family:var(--display);font-weight:300;font-size:clamp(38px,5vw,60px);line-height:1.04;letter-spacing:-.025em;color:var(--slonovina)}
.zp-junak .zp-lede{margin:0;max-width:34em;font-size:18px;line-height:1.55;color:var(--telo)}
.plani .head{align-items:flex-end;margin-bottom:24px}
.plani .head .razdelek-glava{margin:0}
.plani-obracun{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.plani .plans3{gap:16px}
@media (min-width:900px){.plani .plans3{gap:18px}}
#zacetek .zacetek-okvir{position:relative;z-index:4;max-width:560px;margin:0 auto}
.naslovnica{--mreza-sirina:1180px;--mreza-rob:clamp(28px,4vw,56px);--mreza-razmik:24px}
@media (min-width:1024px){
  .naslovnica:not(.izl) .wrap{box-sizing:border-box;max-width:calc(var(--mreza-sirina) + 2 * var(--mreza-rob));margin-inline:auto;padding-inline:var(--mreza-rob)}
  .naslovnica .okvirji,.naslovnica .plani .plans3,.naslovnica .plani .drobni-tisk{gap:var(--mreza-razmik)}
  .naslovnica .plani .drobni-tisk,.naslovnica .plani .sestavi.okvircek{margin-top:var(--mreza-razmik)}
  .naslovnica .plani-obracun{align-items:flex-end;text-align:right}
}

/* ═══ Najdi ═══════════════════════════════════════════════════════════
   Ista atmosfera in isti gradniki: iskalna vrstica je .steklo-iskanje z
   znakom (polje v njej nima svoje ploskve), čipi in kartice so steklo iz
   eleganca.css. Delovanje strani ostane, kot je. */
[data-atmosfera] .search.steklo-iskanje{margin-bottom:14px;padding-left:18px}
[data-atmosfera] .search.steklo-iskanje #q{
  height:48px;min-width:0;padding:0 4px;border:0;border-radius:0;
  background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
}
[data-atmosfera] .search.steklo-iskanje #q::placeholder{color:var(--telo);opacity:1}