/* =====================================================================
   Hribernik kovinarstvo — slog
   Identiteta: pocinkana plocevina (cink), antracit RAL 7016, minij.
   Pisava: Archivo (spremenljiva: debelina 400–800, sirina 100–125 %).
   ===================================================================== */

@font-face{
  font-family:"Archivo";
  src:url(../../pisava/archivo.woff2) format("woff2");
  font-weight:400 800;
  font-stretch:100% 125%;
  font-display:swap;
}

:root{
  --cink:#E4E7E5;          /* podlaga */
  --cink-2:#EEF0EF;        /* svetlejsa ploskev */
  --cink-3:#D3D8D6;        /* polnilo, ozadje slik med nalaganjem */
  --antracit:#2C3337;      /* RAL 7016: besedilo, temni pasovi */
  --antracit-2:#1F2528;    /* globlja temna ploskev */
  --antracit-3:#161B1D;    /* noga */
  --grafit:#535D63;        /* drugotno besedilo na cinku (5,4 : 1) */
  --minij:#9A3220;         /* temeljna barva na jeklu (5,9 : 1 na cinku) */
  --minij-2:#7E2818;
  --minij-svetla:#EE8A6E;  /* minij na temni podlagi (5,2 : 1) */
  --siva-temna:#BCC4C7;    /* besedilo na antracitu (7,3 : 1) */
  --siva-temna-2:#98A2A6;  /* drobno besedilo na antracitu (4,9 : 1) */
  --zelena:#6FCF97;        /* stanje »v delovnem casu« na temnem (6,8 : 1) */
  --crta:rgba(44,51,55,.18);
  --crta-temna:rgba(255,255,255,.14);
  --pisava:"Archivo","Helvetica Neue",Arial,sans-serif;
  --rob:max(clamp(1.25rem,4.5vw,4rem),env(safe-area-inset-left),env(safe-area-inset-right));
  --glava-v:4.25rem;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --senca:0 10px 24px -6px rgba(22,27,29,.38);
  --fokus:var(--minij);    /* obroba fokusa; na temnih ploskvah bela (12,8 : 1) */
  --klicna-h:0px;          /* visina spodnje klicne vrstice (telefon) */
  --soglasje-h:0px;        /* visina okenca za piskotke, dokler je odprto (nastavi JS) */
}
@media (min-width:64rem){:root{--glava-v:5rem}}

/* ---------- osnova ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:calc(var(--glava-v) + .5rem);
  scroll-padding-bottom:calc(var(--klicna-h) + var(--soglasje-h) + 1rem + env(safe-area-inset-bottom))}
@media (max-width:63.99rem){.ima-klicno{--klicna-h:4.25rem}}
@media (max-width:63.99rem) and (max-height:30rem){.ima-klicno{--klicna-h:0px}}
body{
  margin:0;background:var(--cink);color:var(--antracit);
  font-family:var(--pisava);font-size:1.0625rem;line-height:1.6;font-weight:400;font-stretch:100%;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
@supports (overflow-x:clip){
  body{overflow-x:clip}
  .razdelek,.noga{overflow-x:clip}   /* prikazi z leve/desne ne smejo razsiriti strani */
}
@media (min-width:48rem){body{font-size:1.125rem}}
img,svg,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
strong,b{font-weight:650}
p{margin:0}
h1,h2,h3,h4{margin:0;text-wrap:balance}
:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:2px}
.junak,.storitev-uvod,.temno,.noga,.klicna,.soglasje,.povecava,.glava:not(.polna),.meni-klici,.preskoci{--fokus:#fff}
@media (max-width:63.99rem){.js .meni{--fokus:#fff}}
.nobr{white-space:nowrap}
::selection{background:var(--minij);color:#fff}
.ovoj{width:100%;max-width:90rem;margin-inline:auto;padding-inline:var(--rob)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.preskoci{position:fixed;left:1rem;top:1rem;z-index:100;background:var(--antracit);color:#fff;padding:.75rem 1.1rem;font-weight:700;text-decoration:none;border-radius:3px;transform:translateY(calc(-100% - 2rem));transition:transform .2s}
.preskoci:focus{transform:none}

/* ---------- oznake razdelkov (kot oznake na delavniski risbi) ---------- */
.oznaka{
  display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;
  font-size:.8125rem;line-height:1.2;font-weight:700;font-stretch:118%;letter-spacing:.14em;text-transform:uppercase;color:var(--grafit);
}
.oznaka span{color:var(--minij);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.oznaka::after{content:"";flex:0 0 3.5rem;height:1px;background:currentColor;opacity:.5}
.temno .oznaka{color:var(--siva-temna)}
.temno .oznaka span{color:var(--minij-svetla)}

h2{
  font-size:clamp(2.125rem,5.6vw,5rem);line-height:1;font-weight:800;font-stretch:125%;letter-spacing:-.02em;
}

/* ---------- gumbi (poln: dvig + senca, obroba: inverzija + dvig + senca) ---------- */
.gumb{
  display:inline-flex;flex-direction:column;justify-content:center;gap:.1rem;
  min-height:3.75rem;padding:.7rem 1.35rem .8rem;border-radius:3px;
  text-decoration:none;line-height:1.15;border:2px solid transparent;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s,color .3s,border-color .3s;
}
.gumb small{font-size:.875rem;font-weight:600;opacity:.88}
.gumb strong{font-size:1.375rem;font-weight:750;font-stretch:112%;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}
.gumb-poln{background:var(--minij);color:#fff}
.gumb-obroba{border-color:rgba(255,255,255,.55);color:#fff}
.gumb-obroba-temna{border-color:var(--antracit);color:var(--antracit)}
@media (hover:hover){
  .gumb:hover{transform:translateY(-2px);box-shadow:var(--senca)}
  .gumb-obroba:hover{background:#fff;color:var(--antracit);border-color:#fff}
  .gumb-obroba-temna:hover{background:var(--antracit);color:#fff}
}
.gumb:active{transform:translateY(0);box-shadow:none}

/* ======================================================================
   GLAVA
   ====================================================================== */
.glava{
  position:fixed;inset:0 0 auto;z-index:40;height:var(--glava-v);
  color:#fff;transition:transform .45s var(--ease),color .35s,box-shadow .35s;
}
.glava::before{content:"";position:absolute;inset:0;background:rgba(228,231,229,.93);opacity:0;transition:opacity .35s,background-color .35s;
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px)}
.glava.polna{color:var(--antracit);box-shadow:0 1px 0 var(--crta)}
.glava.polna::before{opacity:1}
.glava:not(.polna)::before{background:rgba(31,37,40,.94)}
.glava.nad-uvodom::before{opacity:1}
.glava.odprta{z-index:61}
.glava.skrita{transform:translateY(-100%)}
.glava-vrstica{position:relative;height:100%;display:flex;align-items:center;gap:1.5rem}
.znak{display:flex;align-items:center;gap:.7rem;text-decoration:none;margin-right:auto;flex:none}
.znak svg{width:2.25rem;height:2.25rem;flex:none}
.znak-ime{display:flex;flex-direction:column;line-height:1.02}
.znak-ime b{font-size:1.25rem;font-weight:800;font-stretch:125%;letter-spacing:-.005em}
.znak-ime span{font-size:.8125rem;font-stretch:112%;opacity:.8;letter-spacing:.02em}
.meni ul{list-style:none;margin:0;padding:0;display:flex;gap:2rem}
.meni a{position:relative;display:inline-block;padding:.5rem 0;font-size:.9375rem;font-weight:600;font-stretch:108%;text-decoration:none}
.meni ul a::after{content:"";position:absolute;left:0;right:0;bottom:.2rem;height:2px;background:var(--minij);transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}
.meni ul a:hover::after,.meni ul a.aktivna::after{transform:scaleX(1);transform-origin:left}
.junak-glava .meni ul a::after{background:var(--minij-svetla)}
.meni-klici{display:none}
.glava-klic{
  display:inline-flex;align-items:center;gap:.55rem;min-height:2.75rem;padding:.55rem 1.1rem;border-radius:3px;
  background:var(--minij);color:#fff;text-decoration:none;font-weight:700;font-stretch:108%;font-size:.9375rem;font-variant-numeric:tabular-nums;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease);
}
.glava-klic svg{width:1.05rem;height:1.05rem}
@media (hover:hover){.glava-klic:hover{transform:translateY(-2px);box-shadow:var(--senca)}}
.meni-gumb{
  display:none;position:relative;width:3rem;height:3rem;margin-right:-.6rem;border:0;background:none;color:inherit;cursor:pointer;border-radius:3px;
}
.meni-gumb span{position:absolute;left:.75rem;right:.75rem;height:2px;background:currentColor;transition:transform .35s var(--ease),opacity .2s}
.meni-gumb span:nth-child(1){top:1.05rem}
.meni-gumb span:nth-child(2){top:1.45rem;right:1.25rem}
.meni-gumb span:nth-child(3){top:1.85rem}
.glava.odprta .meni-gumb span:nth-child(1){transform:translateY(.4rem) rotate(45deg)}
.glava.odprta .meni-gumb span:nth-child(2){opacity:0}
.glava.odprta .meni-gumb span:nth-child(3){transform:translateY(-.4rem) rotate(-45deg)}
.napredek{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--minij);transform:scaleX(0);transform-origin:left;pointer-events:none}

@media (max-width:63.99rem){
  .glava-klic{display:none}
  .js .meni-gumb{display:block}
  .js .meni{
    position:absolute;top:calc(100% + .5rem);left:var(--rob);right:var(--rob);
    max-height:calc(100vh - var(--glava-v) - 1rem);max-height:calc(100dvh - var(--glava-v) - 1rem);overflow-y:auto;overscroll-behavior:contain;
    background:var(--antracit-2);color:#fff;border-radius:4px;padding:.5rem 1.25rem 1.25rem;
    box-shadow:0 24px 48px -12px rgba(0,0,0,.55);border:1px solid var(--crta-temna);
    opacity:0;visibility:hidden;transform:translateY(-.5rem);
    transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s;
  }
  .js .glava.odprta .meni{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--ease),visibility 0s}
  .js .meni ul{flex-direction:column;gap:0}
  .js .meni ul a{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.95rem 0;font-size:1.25rem;font-stretch:118%;font-weight:700;border-bottom:1px solid var(--crta-temna)}
  .js .meni ul a::after{display:none}
  .js .meni ul a::before{content:"";order:2;width:.55rem;height:.55rem;margin-right:.3rem;border-top:2px solid var(--minij-svetla);border-right:2px solid var(--minij-svetla);transform:rotate(45deg)}
  .js .meni-klici{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1.1rem}
  .meni-klici a{display:flex;flex-direction:column;padding:.65rem .9rem;border-radius:3px;background:var(--minij);color:#fff;text-decoration:none;line-height:1.25}
  .meni-klici a+a{background:#48525A}
  .meni-klici small{font-size:.8125rem;opacity:.88}
  .meni-klici b{font-size:1.0625rem;font-variant-numeric:tabular-nums;font-stretch:108%;white-space:nowrap}
  /* brez JS: povezave v vrstici ob znaku */
  .brez-js .meni ul{gap:1rem}
  .brez-js .meni a{font-size:.875rem}
}
@media (max-width:29.99rem){.brez-js .meni{display:none}}
.brez-js .glava{position:absolute}

/* ======================================================================
   JUNAK (uvod)
   ====================================================================== */
.junak{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--antracit-2);color:#fff;
  display:grid;grid-template-rows:1fr auto;
}
.junak>.ovoj{align-self:center;padding-top:calc(var(--glava-v) + clamp(2rem,6vh,4.5rem));padding-bottom:clamp(2.5rem,6vh,4rem)}
@media (min-width:64rem){.junak{min-height:100vh;min-height:100svh}}
/* tanka mreza delavniske risbe, proti robovom zbledi */
.mreza{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:120px 120px,120px 120px,24px 24px,24px 24px;
  background-position:-1px -1px;
  -webkit-mask-image:radial-gradient(ellipse 80% 70% at 28% 32%,#000 18%,transparent 74%);
  mask-image:radial-gradient(ellipse 80% 70% at 28% 32%,#000 18%,transparent 74%);
}
.junak::after{ /* topel odsev iz desnega spodnjega kota */
  content:"";position:absolute;z-index:-1;right:-25%;bottom:-35%;width:75%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,rgba(154,50,32,.34),transparent);pointer-events:none;
}
.nadnaslov{
  display:flex;align-items:center;gap:.7rem;margin-bottom:clamp(1.25rem,3vh,2rem);line-height:1.3;
  font-size:.8125rem;font-weight:700;font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:var(--siva-temna);
}
.nadnaslov i{width:.6rem;height:.6rem;background:var(--minij-svetla);flex:none}
@media (max-width:29.99rem){.nadnaslov{font-size:.6875rem;letter-spacing:.12em;gap:.55rem}}
.junak-naslov{
  font-size:clamp(2.75rem,8.4vw,7.75rem);line-height:.93;font-weight:800;font-stretch:125%;letter-spacing:-.035em;
  text-wrap:initial;
}
.junak-naslov .vrstica{display:block;overflow:hidden;padding:.03em 0 .1em;margin-bottom:-.09em}
.junak-naslov .vrstica>span{display:inline-block}
.junak-naslov .zadnja{display:flex;align-items:flex-end;gap:clamp(.75rem,2.5vw,2.5rem)}
.junak-naslov .zadnja>span:first-child{flex:none}
/* kotna crta (kot na delavniski risbi) ob »po meri« */
.kota{
  position:relative;display:block;flex:1 1 auto;min-width:2.5rem;height:.46em;margin-bottom:.2em;
  color:var(--minij-svetla);
}
.kota::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:currentColor;transform-origin:left}
.kota i{position:absolute;top:0;bottom:0;width:2px;background:currentColor}
.kota i:first-of-type{left:0}
.kota i:last-of-type{right:0}
.kota i::after{content:"";position:absolute;left:50%;top:50%;width:.34em;height:2px;margin:-1px 0 0 -.17em;background:currentColor;transform:rotate(-45deg)}
.kota b{position:absolute;left:50%;bottom:62%;transform:translateX(-50%);font-size:max(.75rem,.1em);font-weight:700;font-stretch:112%;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;line-height:1}
.kota b[data-napis]::after{content:attr(data-napis)}
.junak-naslov .kota b{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}
@media (max-width:29.99rem){.kota b{display:none}}

.junak-spodaj{display:grid;gap:2.5rem;margin-top:clamp(1.75rem,4.5vh,3rem)}
@media (min-width:64rem){.junak-spodaj{grid-template-columns:minmax(0,35rem)}}
.vodilo{font-size:clamp(1.1875rem,1.7vw,1.5rem);line-height:1.5;max-width:30em;color:var(--cink);text-wrap:pretty}
.vodilo strong{color:#fff}
.klici{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.klici .gumb{flex:1 1 12.5rem}
.ura{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;margin-top:1.5rem;font-size:.9375rem;color:var(--siva-temna)}
.stanje{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-weight:650;color:#fff}
.stanje[hidden]{display:none}
.stanje::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--siva-temna-2);flex:none}
.stanje.odprto::before{background:var(--zelena)}
.stanje.odprto::after{content:"";position:absolute;left:0;top:50%;width:.55rem;height:.55rem;margin-top:-.275rem;border-radius:50%;background:rgba(111,207,151,.55);animation:utrip 2.4s 2 forwards;pointer-events:none}
@keyframes utrip{0%{transform:scale(1);opacity:1}70%,100%{transform:scale(3);opacity:0}}

.junak-slika{position:relative;margin:0 calc(-1 * var(--rob));background:#0e1213;overflow:hidden}
.junak-slika img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (min-width:48rem) and (max-width:63.99rem){.junak-slika img{aspect-ratio:16/9}}
/* namizje: fotografija kot desna polovica ozadja, naslov jo prekriva */
@media (min-width:64rem){
  .junak-slika{position:absolute;z-index:-2;top:0;right:0;bottom:0;width:50%;margin:0}
  .junak-slika picture,.junak-slika img{height:100%}
  .junak-slika img{aspect-ratio:auto;object-position:90% 50%}
  .junak-slika::after{content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,var(--antracit-2) 0%,rgba(31,37,40,.62) 26%,rgba(31,37,40,.3) 62%,rgba(31,37,40,.42) 100%),
               linear-gradient(0deg,rgba(31,37,40,.9) 0%,rgba(31,37,40,0) 38%),
               linear-gradient(180deg,rgba(31,37,40,.7) 0%,rgba(31,37,40,0) 22%)}
}

/* tekoci trak izdelkov */
.trak{position:relative;border-top:1px solid var(--crta-temna);background:var(--antracit-2);overflow:hidden;padding-block:1.1rem}
.trak-vsebina{display:flex;width:max-content;will-change:transform}
.trak ul{display:flex;align-items:center;list-style:none;margin:0;padding:0}
.trak li{display:flex;align-items:center;white-space:nowrap;font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.2;font-weight:800;font-stretch:125%;letter-spacing:-.01em;color:rgba(255,255,255,.92)}
.trak li:nth-child(even){color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6)}
.trak li::after{content:"";width:.45em;height:.45em;margin-inline:1.1em;background:var(--minij-svetla);transform:rotate(45deg) scale(.6)}

/* ======================================================================
   RAZDELKI — skupno
   ====================================================================== */
.razdelek{padding-block:clamp(4.5rem,11vw,9rem);position:relative}
.temno{background:var(--antracit);color:var(--cink)}
.temno h2,.temno h3{color:#fff}
.temno :focus-visible{outline-color:#fff}
.svetlo{background:var(--cink-2);border-block:1px solid var(--crta)}

/* ---------- 01 predstavitev ---------- */
.izjava-velika{
  font-size:clamp(1.625rem,3.6vw,3.25rem);line-height:1.18;font-weight:650;font-stretch:108%;letter-spacing:-.012em;max-width:22em;text-wrap:pretty;
}
.izjava-velika strong{font-weight:800}
.js .izjava-velika [data-beseda]{opacity:.55;transition:opacity .3s linear}
.js .izjava-velika [data-beseda].zasvetla{opacity:1}
.predstavitev-spodaj{display:grid;gap:2.5rem;margin-top:clamp(3rem,7vw,5.5rem)}
.predstavitev-spodaj>p{font-size:clamp(1.0625rem,1.3vw,1.25rem);max-width:40em}
.dejstva{list-style:none;margin:0;padding:0;display:grid;gap:0 2.5rem;border-top:2px solid var(--antracit)}
@media (min-width:40rem){.dejstva{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:72rem){.dejstva{grid-template-columns:repeat(4,minmax(0,1fr))}}
.dejstva li{padding:1.25rem 0;border-bottom:1px solid var(--crta)}
@media (min-width:72rem){.dejstva li{border-bottom:0;padding-bottom:0}}
.dejstva b{display:block;text-wrap:balance;font-size:clamp(1.375rem,2.2vw,1.875rem);line-height:1.05;font-weight:800;font-stretch:125%;letter-spacing:-.01em}
.dejstva span{display:block;margin-top:.5rem;font-size:.9375rem;line-height:1.45;color:var(--grafit)}

/* ---------- 02 od ideje do izvedbe ---------- */
.ideja-mreza{display:grid;gap:3rem;align-items:center}
@media (min-width:60rem){.ideja-mreza{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(3rem,6vw,6.5rem)}}
.besedilo p{max-width:34em}
.besedilo p+p{margin-top:1rem}
.besedilo h2+p{margin-top:1.75rem}
.besedilo .uvodni{font-size:clamp(1.1875rem,1.6vw,1.375rem);font-weight:650;font-stretch:106%}
.izjava{
  margin-top:2rem!important;padding-top:1.4rem;border-top:2px solid var(--antracit);max-width:19em!important;
  font-size:clamp(1.375rem,2.3vw,2rem);line-height:1.22;font-weight:750;font-stretch:115%;letter-spacing:-.01em;text-wrap:balance;
}

.risba{margin:0;position:relative;background:var(--cink);border:1px solid var(--crta);padding:clamp(.75rem,2vw,1.5rem) clamp(.75rem,2vw,1.5rem) 1rem}
.risba::before,.risba::after{content:"";position:absolute;width:.9rem;height:.9rem;border:0 solid var(--minij)}
.risba::before{left:-1px;top:-1px;border-left-width:2px;border-top-width:2px}
.risba::after{right:-1px;bottom:-1px;border-right-width:2px;border-bottom-width:2px}
.risba svg{width:100%;height:auto}
.risba figcaption{display:flex;justify-content:space-between;gap:.35rem 1rem;flex-wrap:wrap;font-size:.8125rem;color:var(--grafit);margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--crta)}
.risba figcaption b{font-weight:700;font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;color:var(--antracit)}
.r-model{fill:none;stroke:var(--antracit);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.r-polno{fill:var(--cink-3)}
.r-tanko{stroke-width:1}
.r-kota{stroke:var(--minij);stroke-width:1;fill:none}
.r-pomozna{stroke:var(--minij);stroke-width:.75;fill:none;opacity:.8}
.r-mera{fill:var(--minij);font-family:var(--pisava);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.r-opis{fill:var(--antracit);font-family:var(--pisava);font-size:12.5px}
.r-teren{stroke:var(--antracit);stroke-width:1;opacity:.45}
@media (max-width:47.99rem){.r-opis{font-size:20px}.r-mera{font-size:22px}}
@media (min-width:60rem) and (max-width:79.99rem){.r-opis{font-size:17px}.r-mera{font-size:19px}}
/* risanje crt ob prikazu */
.js .risba :is(.r-model,.r-kota,.r-pomozna){stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.3s var(--ease-io),fill-opacity .8s;transition-delay:calc(var(--d,0) * 1s)}
.js .risba .r-polno{fill-opacity:0}
.js .risba .r-fade{opacity:0;transition:opacity .8s var(--ease);transition-delay:calc(var(--d,0) * 1s)}
.js .risba.vidno :is(.r-model,.r-kota,.r-pomozna){stroke-dashoffset:0}
.js .risba.vidno .r-polno{fill-opacity:1}
.js .risba.vidno .r-fade{opacity:1}
.js .risba.vidno .r-pomozna.r-fade{opacity:.8}

/* koraki sodelovanja */
.koraki-naslov{margin-top:clamp(4rem,9vw,7rem);font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.1;font-weight:800;font-stretch:120%;letter-spacing:-.01em}
.koraki{list-style:none;margin:2rem 0 0;padding:0;display:grid;position:relative}
.koraki li{position:relative;padding:0 0 2.25rem 2.75rem}
.koraki li:last-child{padding-bottom:0}
.koraki li::before{ /* tocka na crti */
  content:"";position:absolute;left:0;top:.15rem;width:1.1rem;height:1.1rem;border:2px solid var(--antracit);background:var(--cink);transform:rotate(45deg);z-index:1;
  transition:background-color .4s,border-color .4s;transition-delay:calc(.35s + var(--i,0) * .3s);
}
.koraki.vidno li::before{background:var(--minij);border-color:var(--minij)}
.koraki::before,.koraki::after{content:"";position:absolute;left:calc(.55rem - 1px);top:.6rem;bottom:calc(var(--konec,2.7rem) - .7rem);width:2px;background:var(--crta)}
.koraki::after{background:var(--minij);transform:scaleY(0);transform-origin:top;transition:transform 1.6s var(--ease-io) .2s}
.koraki.vidno::after{transform:none}
.koraki .st{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.14em;color:var(--minij);font-variant-numeric:tabular-nums}
.koraki h4{margin-top:.35rem;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.15;font-weight:800;font-stretch:118%}
.koraki p{margin-top:.5rem;font-size:1rem;line-height:1.55;color:var(--grafit);max-width:24em}
@media (min-width:56rem){
  .koraki{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem}
  .koraki li{padding:2.75rem 0 0}
  .koraki::before,.koraki::after{left:0;right:0;top:calc(.7rem - 1px);bottom:auto;width:auto;height:2px}
  .koraki::after{transform:scaleX(0);transform-origin:left}
  .koraki.vidno::after{transform:none}
}

/* ---------- 03 izdelujemo ---------- */
.izdelujemo-vrh{display:grid;gap:1.5rem;align-items:end}
@media (min-width:56rem){.izdelujemo-vrh{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem}}
.izdelujemo-vrh p{max-width:30em;color:var(--grafit);font-size:clamp(1.0625rem,1.3vw,1.25rem)}
.izdelki{list-style:none;margin:clamp(2.5rem,5vw,4rem) 0 0;padding:0;display:grid;column-gap:clamp(2rem,5vw,5rem);border-top:2px solid var(--antracit);counter-reset:izd}
@media (min-width:48rem){.izdelki{grid-template-columns:repeat(2,minmax(0,1fr))}}
.izdelki li{
  position:relative;counter-increment:izd;display:flex;align-items:baseline;gap:1.25rem;
  padding:1.15rem 0;border-bottom:1px solid var(--crta);
  font-size:clamp(1.1875rem,1.9vw,1.75rem);line-height:1.2;font-weight:700;font-stretch:115%;letter-spacing:-.005em;
}
.izdelki li::before{content:counter(izd,decimal-leading-zero);flex:none;min-width:1.75rem;font-size:.8125rem;font-weight:700;font-stretch:100%;letter-spacing:.08em;color:var(--minij);font-variant-numeric:tabular-nums;transition:transform .45s var(--ease)}
.izdelki li::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--minij);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}
@media (hover:hover){
  .izdelki li:has(a):hover::after{transform:scaleX(1)}
  .izdelki li:has(a):hover::before,.izdelki li:has(a):hover .izd-t{transform:translateX(.75rem)}
}

/* galerija: vodoravni pas; na namizju pripet ob pomikanju */
.galerija-glava{display:flex;justify-content:space-between;align-items:end;gap:1.5rem}
.galerija-glava h3{font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.1;font-weight:800;font-stretch:120%;letter-spacing:-.01em}
.galerija-glava p{margin-top:.5rem;font-size:.9375rem;color:var(--grafit);max-width:34em}
.galerija-puscice{display:none;gap:.5rem;flex:none}
.js .galerija-puscice{display:flex}
.galerija-puscice button{
  width:3rem;height:3rem;display:grid;place-items:center;border:2px solid var(--antracit);border-radius:50%;background:none;color:var(--antracit);cursor:pointer;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s,color .3s,opacity .3s;
}
.galerija-puscice button svg{width:1.1rem;height:1.1rem}
.galerija-puscice button[aria-disabled="true"]{cursor:default;border-color:rgba(44,51,55,.3);color:rgba(44,51,55,.35)}
@media (hover:hover){.galerija-puscice button:not([aria-disabled="true"]):hover{background:var(--antracit);color:#fff;transform:translateY(-2px);box-shadow:var(--senca)}}
.galerija{padding-top:clamp(4rem,9vw,7rem)}
.galerija-okno{
  margin-top:calc(1.75rem - 8px);padding-block:8px;margin-bottom:-8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
  margin-inline:calc(-1 * var(--rob));padding-inline:var(--rob);scroll-padding-inline:var(--rob);
}
.js .galerija-okno{scrollbar-width:none}
.js .galerija-okno::-webkit-scrollbar{display:none}
.galerija-pas{display:flex;gap:clamp(.75rem,1.5vw,1.25rem);width:max-content;list-style:none;margin:0;padding:0}
.galerija-pas li{scroll-snap-align:start;flex:none}
.galerija-pas figure{margin:0}
.galerija-pas a{position:relative;display:block;overflow:hidden;background:var(--cink-3);height:clamp(20rem,62vw,34rem);color:#fff;text-decoration:none}
@media (min-width:64rem){.galerija-pas a{height:min(64vh,40rem)}}
@media (max-height:34rem) and (orientation:landscape){.galerija-pas a{height:78vh}}
.galerija-pas picture{height:100%}
.galerija-pas img{height:100%;width:auto;max-width:none;transition:transform 1.1s var(--ease)}
@media (max-width:47.99rem){
  .galerija-pas a{height:auto;width:min(calc(100vw - 2 * var(--rob) - 2.5rem),78vh);aspect-ratio:1}
  .galerija-pas img{width:100%;max-width:100%;object-fit:cover}
}
.galerija-pas .napis{
  position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;gap:1rem;
  padding:3.5rem 1.1rem .95rem;background:linear-gradient(rgba(22,27,29,0),rgba(22,27,29,.62) 45%,rgba(22,27,29,.9));
  font-size:.9375rem;font-weight:650;font-stretch:108%;line-height:1.3;
}
.galerija-pas .napis span{font-size:.75rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.povecaj{position:absolute;right:.9rem;top:.9rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:rgba(22,27,29,.6);opacity:0;transform:scale(.8);transition:opacity .3s,transform .4s var(--ease)}
.povecaj svg{width:1rem;height:1rem}
@media (hover:none){.povecaj{opacity:1;transform:none}}
@media (hover:hover){
  .galerija-pas a:hover img{transform:scale(1.045)}
  .galerija-pas a:hover .povecaj,.galerija-pas a:focus-visible .povecaj{opacity:1;transform:none}
}
.galerija-pas a:focus-visible{outline:3px solid var(--minij);outline-offset:3px}
.galerija-opomba{margin-top:1rem;font-size:.8125rem;color:var(--grafit)}
.galerija-stevec{display:none;align-items:center;gap:1rem;white-space:pre;margin-top:1.25rem;font-size:.8125rem;font-weight:700;letter-spacing:.12em;color:var(--grafit);font-variant-numeric:tabular-nums}
.galerija-stevec i{position:relative;flex:0 0 12rem;height:2px;background:var(--crta)}
.galerija-stevec i::after{content:"";position:absolute;inset:0;background:var(--minij);transform:scaleX(var(--p,0));transform-origin:left}
/* pripeti nacin (namizje, dovoljeno gibanje) — razred doda JS */
.pin-aktiven .galerija-lepilo{position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding-top:var(--glava-v)}
.pin-aktiven .galerija-okno{overflow:visible;scroll-snap-type:none}
.pin-aktiven .galerija-pas{will-change:transform}
.pin-aktiven .galerija-pas a{height:min(58vh,calc(100vh - 17rem),40rem)}
.pin-aktiven .galerija-puscice{display:none}
.pin-aktiven .galerija-stevec{display:flex}
.pin-aktiven .galerija{padding-top:clamp(1rem,3vh,4rem)}

.zakljucek{margin-top:clamp(3.5rem,8vw,6rem);display:grid;gap:1rem;max-width:56rem}
.zakljucek p:first-child{font-size:clamp(1.0625rem,1.3vw,1.25rem);color:var(--grafit)}
.zakljucek p+p{font-size:clamp(1.75rem,4vw,3.5rem);line-height:1.06;font-weight:800;font-stretch:122%;letter-spacing:-.02em;text-wrap:balance}
.zakljucek em{font-style:normal;color:var(--minij);background:linear-gradient(currentColor,currentColor) no-repeat 0 94%/0 .08em;transition:background-size 1.2s var(--ease) .5s}
.zakljucek.vidno em,.brez-js .zakljucek em,.vse-vidno .zakljucek em{background-size:100% .08em}
.brez-js .koraki::after,.vse-vidno .koraki::after{transform:none}
.brez-js .koraki li::before,.vse-vidno .koraki li::before{background:var(--minij);border-color:var(--minij)}

/* ---------- 04 zakaj ---------- */
.zakaj-mreza{display:grid;gap:3rem;align-items:center}
@media (min-width:60rem){.zakaj-mreza{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(3rem,7vw,7rem)}}
.zakaj-slika{position:relative;margin:0;overflow:hidden;background:var(--cink-3)}
.zakaj-slika img{width:100%;aspect-ratio:4/5;object-fit:cover}
.js .zakaj-slika img{transform:scale(1.14)}
.zakaj-slika::after{content:"";position:absolute;left:0;bottom:0;z-index:2;width:38%;height:6px;background:var(--minij)}
@media (max-width:59.99rem){.zakaj-slika img{aspect-ratio:4/3}}
@media (min-width:60rem){.zakaj-slika img{aspect-ratio:1}}
@media (max-height:34rem) and (orientation:landscape){.zakaj-slika img,.junak-slika img{aspect-ratio:16/9}}
.vrednote{list-style:none;margin:2rem 0 0;padding:0;border-top:2px solid var(--antracit)}
.vrednote li{display:flex;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--crta);font-size:clamp(1.0625rem,1.4vw,1.25rem);font-weight:650;font-stretch:108%}
.vrednote li::before{content:"";flex:none;width:.6rem;height:.6rem;background:var(--minij);transform:rotate(45deg)}
.gesla{margin-top:clamp(4.5rem,10vw,8rem);display:grid;gap:.08em;font-size:clamp(2.5rem,6.4vw,6.5rem);line-height:.98;font-weight:800;font-stretch:125%;letter-spacing:-.03em}
.gesla span{display:block;overflow-wrap:anywhere}
h2{overflow-wrap:break-word}
.gesla span:nth-child(2){color:var(--minij);justify-self:end}
.gesla span:nth-child(3){padding-left:8%}
@media (max-width:47.99rem){
  .gesla{font-size:clamp(2.25rem,11vw,3.5rem)}
  .gesla span{white-space:normal}
  .gesla span:nth-child(2){justify-self:start}
  .gesla span:nth-child(3){padding-left:0}
}

/* ---------- 05 kontakt ---------- */
.kontakt{overflow:hidden;isolation:isolate}
.kontakt .mreza{-webkit-mask-image:radial-gradient(ellipse 70% 80% at 85% 15%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse 70% 80% at 85% 15%,#000 10%,transparent 70%)}
.kontakt h2{font-size:clamp(2.5rem,7.5vw,7rem);line-height:.95;letter-spacing:-.03em;max-width:10em}
.poziv{margin-top:1.5rem;font-size:clamp(1.25rem,2vw,1.625rem);font-weight:650;font-stretch:108%;color:#fff}
.kontakt .poziv+p{margin-top:.75rem;color:var(--siva-temna);max-width:36em}
.kontakt .obmocje{margin-top:.75rem;color:var(--siva-temna);max-width:44em;font-size:.9375rem}
.povprasevanje{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.75rem;margin:1.75rem 0 0;font-size:.9375rem;color:var(--siva-temna)}
.povprasevanje p{margin:0;color:#fff;font-weight:650}
.povprasevanje ul{display:flex;flex-wrap:wrap;gap:.5rem 1.75rem;margin:0;padding:0;list-style:none}
.povprasevanje li{display:flex;align-items:center;gap:.6rem}
.povprasevanje li::before{content:"";width:.85rem;height:.45rem;border-left:2px solid var(--minij-svetla);border-bottom:2px solid var(--minij-svetla);transform:rotate(-45deg) translateY(-.12rem)}
.stiki{display:grid;gap:1.25rem;margin-top:clamp(2.75rem,6vw,4.5rem)}
@media (min-width:48rem){.stiki{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:48rem) and (max-width:71.99rem){.stik:last-child{grid-column:1/-1}}
@media (min-width:72rem){.stiki{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}
.stik{position:relative;padding:1.5rem 1.5rem 1.6rem;background:rgba(255,255,255,.04);border:1px solid var(--crta-temna);border-radius:4px;transition:border-color .3s,background-color .3s,transform .4s var(--ease)}
.stik::before{content:"";position:absolute;left:-1px;top:-1px;width:2.5rem;height:3px;background:var(--minij-svetla)}
@media (hover:hover){.stik:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06);transform:translateY(-3px)}}
.stik h3{font-size:.8125rem;font-weight:700;font-stretch:115%;letter-spacing:.14em;text-transform:uppercase;color:var(--siva-temna)}
.stik .tel{
  display:inline-block;margin-top:.6rem;color:#fff;text-decoration:none;
  font-size:clamp(1.875rem,3.4vw,2.625rem);line-height:1.1;font-weight:800;font-stretch:118%;font-variant-numeric:tabular-nums;letter-spacing:-.005em;white-space:nowrap;
  background:linear-gradient(var(--minij-svetla),var(--minij-svetla)) no-repeat 0 100%/0 3px;padding-bottom:.25rem;transition:background-size .5s var(--ease);
}
.stik .tel:focus-visible{background-size:100% 3px}
@media (hover:hover){.stik .tel:hover{background-size:100% 3px}}
.stik p{margin-top:.75rem;font-size:1rem;line-height:1.5}
.stik .mail{color:var(--cink);text-underline-offset:4px;text-decoration-color:rgba(255,255,255,.4);transition:text-decoration-color .3s}
.stik .mail:hover{text-decoration-color:#fff}
.stik .naslov{margin-top:.6rem;font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.2;color:#fff;font-weight:750;font-stretch:115%}
.stik .zemljevid{display:inline-flex;align-items:center;gap:.45rem;margin-top:.9rem;color:#fff;font-weight:650;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-block:.35rem .15rem;transition:border-color .3s,gap .3s var(--ease)}
.stik .zemljevid svg{width:.9rem;height:.9rem}
.stik .zemljevid:hover{border-color:#fff;gap:.7rem}
.stik .stanje{display:flex;margin-top:.9rem;font-size:.9375rem}

/* ======================================================================
   NOGA
   ====================================================================== */
.noga{background:var(--antracit-3);color:var(--siva-temna);font-size:.875rem;padding-top:clamp(3.5rem,8vw,6rem);overflow:hidden}
.noga :focus-visible{outline-color:#fff}
.noga-vrh{display:grid;gap:1.75rem;align-items:end}
@media (min-width:56rem){.noga-vrh{grid-template-columns:minmax(0,1fr) auto}}
.slogan{color:#fff;line-height:1.25}
.slogan b{display:block;font-size:clamp(1.375rem,2.4vw,2rem);font-weight:800;font-stretch:125%;letter-spacing:-.01em}
.slogan span{display:block;margin-top:.35rem;font-size:clamp(1.0625rem,1.5vw,1.25rem);color:var(--cink);font-stretch:108%}
.na-vrh{
  display:inline-flex;align-items:center;gap:.6rem;justify-self:start;padding:.7rem 1.1rem;min-height:2.75rem;border:1px solid rgba(255,255,255,.3);border-radius:3px;
  color:#fff;text-decoration:none;font-weight:650;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s,color .3s;
}
.na-vrh svg{width:.9rem;height:.9rem}
@media (hover:hover){.na-vrh:hover{background:#fff;color:var(--antracit);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.3)}}
/* glava risbe (polje z napisi na tehnicni risbi) */
.glava-risbe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:2.5rem 0 0;border:1px solid rgba(255,255,255,.2)}
@media (min-width:48rem){.glava-risbe{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:72rem){.glava-risbe{grid-template-columns:1.25fr 1.3fr 1fr 1fr 1.55fr 1.15fr}}
.glava-risbe div{padding:.7rem .9rem;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);min-width:0}
.glava-risbe dt{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--siva-temna-2)}
.glava-risbe dd{margin:.2rem 0 0;color:var(--cink)}
.glava-risbe dd a{text-decoration-color:rgba(255,255,255,.35)}
@media (max-width:47.99rem){
  .glava-risbe div:nth-child(2n){border-right:0}
  .glava-risbe div:nth-child(n+5){grid-column:1/-1;border-right:0}
  .glava-risbe div:last-child{border-bottom:0}
}
@media (max-width:22rem){
  .glava-risbe{grid-template-columns:1fr}
  .glava-risbe div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.2)!important}
  .glava-risbe div:last-child{border-bottom:0!important}
}
@media (min-width:48rem) and (max-width:71.99rem){
  .glava-risbe div:nth-child(3n){border-right:0}
  .glava-risbe div:nth-last-child(-n+3){border-bottom:0}
}
@media (min-width:72rem){.glava-risbe div{border-bottom:0}.glava-risbe div:last-child{border-right:0}}
.noga-spodaj{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;margin-top:1.5rem;padding-bottom:1.5rem}
.noga-spodaj p{max-width:52em;line-height:1.6}
.noga a{color:inherit;text-underline-offset:3px}
.noga a:hover{color:#fff}
.nastavitve-piskotkov{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (hover:hover){.nastavitve-piskotkov:hover{color:#fff}}
.avtor{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;text-decoration:none!important;color:var(--siva-temna);font-weight:600;letter-spacing:.02em;padding:.5rem 0}
.avtor b{color:#fff;font-weight:750;font-stretch:112%;transition:color .3s}
.avtor svg{width:.75rem;height:.75rem;transition:transform .35s var(--ease)}
.avtor:hover b{color:var(--minij-svetla)}
.avtor:hover svg{transform:translate(2px,-2px)}
.noga-znak{
  display:block;margin-top:clamp(1rem,3vw,2.5rem);margin-bottom:-.07em;
  font-size:min(17vw,22rem);line-height:.8;font-weight:800;font-stretch:125%;letter-spacing:-.045em;white-space:nowrap;text-align:center;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);user-select:none;pointer-events:none;
}
.noga-znak i{font-style:normal;color:var(--minij);-webkit-text-stroke:0}
.noga{padding-bottom:var(--soglasje-h)}
@media (max-width:63.99rem){.ima-klicno .noga{padding-bottom:calc(var(--klicna-h) + .5rem + var(--soglasje-h) + env(safe-area-inset-bottom))}}

/* ======================================================================
   KLICNA VRSTICA (telefon, tablica)
   ====================================================================== */
.klicna{
  position:fixed;left:0;right:0;bottom:0;z-index:30;
  display:grid;grid-template-columns:1fr 1fr;gap:.5rem;
  padding:.55rem max(.55rem,env(safe-area-inset-right)) calc(.55rem + env(safe-area-inset-bottom)) max(.55rem,env(safe-area-inset-left));
  background:rgba(22,27,29,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--crta-temna);
  transition:transform .4s var(--ease),visibility 0s;
}
.klicna.skrita{transform:translateY(110%);visibility:hidden;transition:transform .4s var(--ease),visibility 0s .4s}
.brez-js .klicna.skrita{transform:none;visibility:visible}
.klicna a{
  display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:3.1rem;border-radius:3px;
  background:var(--minij);color:#fff;text-decoration:none;font-size:1rem;font-weight:700;font-stretch:108%;
}
.klicna a+a{background:#48525A}
.klicna svg{width:1.05rem;height:1.05rem;flex:none}
@media (max-width:22.49rem){.klicna a{font-size:.9375rem;font-stretch:100%;gap:.45rem}}
@media (min-width:64rem){.klicna{display:none}}
@media (max-height:30rem){.klicna{display:none}}

/* ======================================================================
   SOGLASJE ZA PISKOTKE
   ====================================================================== */
/* Kartica v spodnjem levem kotu (na telefonu cez sirino, nad klicno vrstico). */
.soglasje{
  position:fixed;z-index:60;
  left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));bottom:calc(.75rem + env(safe-area-inset-bottom));
  background:var(--antracit-2);color:var(--siva-temna);
  border:1px solid rgba(255,255,255,.12);border-radius:6px;
  padding:1.2rem 1.25rem 1.25rem;
  box-shadow:0 32px 64px -24px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.25);
  font-size:.9375rem;line-height:1.55;
  transition:translate .4s var(--ease);
  animation:soglasje .7s var(--ease) .4s both;
}
.soglasje::before{content:"";position:absolute;left:-1px;top:-1px;width:3rem;height:3px;background:var(--minij-svetla);border-top-left-radius:6px}
@keyframes soglasje{from{opacity:0;transform:translate3d(0,1.5rem,0)}}
@media (min-width:40rem){.soglasje{right:auto;left:max(1.5rem,env(safe-area-inset-left));bottom:calc(1.5rem + env(safe-area-inset-bottom));width:24.5rem}}
@media (max-width:39.99rem){.soglasje.nad-klicno{translate:0 -3.85rem}}
@media (min-width:40rem) and (max-width:63.99rem){.soglasje.nad-klicno{translate:0 -3.1rem}}
@media (max-height:30rem){.soglasje.nad-klicno{translate:none}}
.soglasje[hidden]{display:none}
.soglasje{max-height:calc(100vh - 1.5rem);max-height:calc(100dvh - 1.5rem);overflow-y:auto}
.soglasje .soglasje-naslov{display:flex;align-items:center;gap:.6rem;margin:0 0 .6rem;color:#fff;font-size:.75rem;line-height:1.2;font-weight:700;font-stretch:118%;letter-spacing:.16em;text-transform:uppercase}
.soglasje-naslov svg{width:1.25rem;height:1.25rem;flex:none;color:var(--minij-svetla)}
.soglasje a{color:#fff;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.45)}
.soglasje a:hover{text-decoration-color:#fff}
.soglasje-gumbi{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.1rem}
.soglasje button{
  font:inherit;font-weight:700;font-stretch:108%;border:2px solid transparent;border-radius:3px;padding:.6rem 1rem;min-height:2.75rem;cursor:pointer;color:#fff;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s,color .3s,border-color .3s;
}
.soglasje button[data-soglasje="denied"]{background:transparent;border-color:rgba(255,255,255,.45)}
.soglasje button[data-soglasje="granted"]{background:var(--minij)}
@media (hover:hover){
  .soglasje button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.35)}
  .soglasje button[data-soglasje="denied"]:hover{background:#fff;color:var(--antracit);border-color:#fff}
}
.soglasje :focus-visible{outline-color:#fff}

/* ======================================================================
   POVECAVA SLIK (dialog)
   ====================================================================== */
.povecava{
  position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;
  background:rgba(12,15,16,.97);color:#fff;overflow:hidden;
}
.povecava::backdrop{background:rgba(12,15,16,.9)}
.povecava[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:povecava .35s var(--ease)}
@keyframes povecava{from{opacity:0}}
.povecava-vrh{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:max(.75rem,env(safe-area-inset-top)) var(--rob) .75rem}
.povecava-stevec{font-size:.8125rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--siva-temna)}
.povecava button{
  width:3rem;height:3rem;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(22,27,29,.7);color:#fff;cursor:pointer;
  transition:background-color .25s,color .25s,transform .3s var(--ease);
}
.povecava button svg{width:1.1rem;height:1.1rem}
@media (hover:hover){.povecava button:hover{background:#fff;color:var(--antracit);transform:translateY(-2px)}}
.povecava-oder{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 var(--rob);touch-action:pan-y}
.povecava-slika{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0}
.povecava-slika picture{display:contents}
.povecava-oder img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:povecava-sl .45s var(--ease)}
@keyframes povecava-sl{from{opacity:0;transform:scale(.97)}}
.povecava .prej,.povecava .nasl{position:absolute;top:50%;margin-top:-1.5rem}
.povecava:not([open]){display:none}
.povecava .prej{left:max(.75rem,calc(var(--rob) - 1.5rem),env(safe-area-inset-left))}
.povecava .nasl{right:max(.75rem,calc(var(--rob) - 1.5rem),env(safe-area-inset-right))}
.povecava-napis{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:4.5rem;padding:.75rem var(--rob) max(1rem,env(safe-area-inset-bottom));text-align:center;font-size:.9375rem;color:var(--cink)}
@media (max-width:47.99rem){
  .povecava .prej,.povecava .nasl{top:auto;bottom:max(.75rem,env(safe-area-inset-bottom));margin:0;position:fixed}
  .povecava .prej{left:var(--rob)}
  .povecava .nasl{right:var(--rob)}
  .povecava-napis{padding-inline:4.5rem}
}
html.brez-pomika{overflow:hidden}

/* ======================================================================
   PRIKAZ OB POMIKANJU
   Skrito je le, ce tece JS (razred .js) — brez JS je vse vidno.
   ====================================================================== */
.js [data-pokazi]{opacity:0;transform:translate3d(0,2.5rem,0);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.js [data-pokazi="levo"]{transform:translate3d(-3.5rem,0,0)}
.js [data-pokazi="desno"]{transform:translate3d(3.5rem,0,0)}
/* maska: obreze se vsebina, ne element sam (opazovalec presecisc ne zazna povsem obrezanega elementa) */
.js [data-pokazi="maska"]{opacity:1;transform:none}
.js [data-pokazi="maska"]::before{content:"";position:absolute;inset:0;z-index:1;background:var(--cink-2);transform-origin:bottom;transition:transform 1.3s var(--ease-io)}
.js [data-pokazi="maska"]::after{transform:scaleX(0);transform-origin:left;transition:transform 1s var(--ease) 1s}
.js [data-pokazi].vidno{opacity:1;transform:none}
.js [data-pokazi]:focus-within{opacity:1;transform:none;transition:none}
.js [data-pokazi="maska"].vidno::before{transform:scaleY(0)}
.js [data-pokazi="maska"].vidno::after{transform:none}
/* uvod: vrstice naslova se dvignejo iz maske */
.js .junak-naslov .vrstica>span{transform:translate3d(0,108%,0);transition:transform 1.2s var(--ease);transition-delay:calc(.1s + var(--i,0) * .11s)}
.js .junak-naslov .kota::before{transform:scaleX(0);transition:transform 1.3s var(--ease-io) .75s}
.js .junak-naslov .kota i,.js .junak-naslov .kota b{opacity:0;transition:opacity .5s 1.5s}
.js .junak [data-uvod]{transform:translate3d(0,1.25rem,0);transition:transform 1.1s var(--ease);transition-delay:calc(.35s + var(--i,0) * .08s)}
.js .junak-slika img{transform:scale(1.1)}
.js.nalozeno .junak-naslov .vrstica>span{transform:none}
.js.nalozeno .junak-naslov .kota::before{transform:none}
.js.nalozeno .junak-naslov .kota i,.js.nalozeno .junak-naslov .kota b{opacity:1}
.js.nalozeno .junak [data-uvod]{transform:none}
.js.nalozeno .junak-slika img{transform:none;transition:transform 2.4s var(--ease)}

/* orodje za posnetke zaslona: vse vidno */
.vse-vidno [data-pokazi],.vse-vidno .junak [data-uvod]{opacity:1!important;transform:none!important;clip-path:none!important}
.vse-vidno [data-pokazi="maska"]::before{display:none}
.vse-vidno [data-pokazi="maska"]::after{transform:none!important}
.vse-vidno .junak-naslov .vrstica>span{transform:none!important}
.vse-vidno .kota::before{transform:none!important}
.vse-vidno .kota i,.vse-vidno .kota b{opacity:1!important}
.vse-vidno .izjava-velika [data-beseda]{opacity:1!important}
.vse-vidno .risba :is(.r-model,.r-kota,.r-pomozna){stroke-dashoffset:0!important}
.vse-vidno .risba .r-polno{fill-opacity:1!important}
.vse-vidno .risba .r-fade{opacity:1!important}

/* Manj gibanja (nastavitev sistema): brez premikov, paralakse in tekocega traku;
   ostanejo mehki pojavi (prosojnost), risanje risbe in prizig besed. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-pokazi],.js [data-pokazi="levo"],.js [data-pokazi="desno"],.js .junak [data-uvod]{transform:none;transition:opacity .8s ease;transition-delay:calc(var(--i,0) * 60ms)}
  .js [data-pokazi="maska"]{opacity:0;transition:opacity .8s ease}
  .js [data-pokazi="maska"]::before{display:none}
  .js [data-pokazi="maska"]::after{transform:none;transition:none}
  .js [data-pokazi="maska"].vidno{opacity:1}
  .js .junak-naslov .vrstica>span{transform:none;opacity:0;transition:opacity .9s ease;transition-delay:calc(var(--i,0) * .15s)}
  .js.nalozeno .junak-naslov .vrstica>span{opacity:1}
  .js .junak-slika img,.js .zakaj-slika img,.js.nalozeno .junak-slika img{transform:none;transition:none}
  .stanje.odprto::after{animation:none;display:none}
  .gumb,.glava-klic,.stik,.na-vrh,.nazaj,.soglasje button,.galerija-puscice button{transition:background-color .2s,color .2s,border-color .2s}
  .gumb:hover,.glava-klic:hover,.stik:hover,.na-vrh:hover,.nazaj:hover,.soglasje button:hover,.galerija-puscice button:hover{transform:none!important}
  .izdelki li::before,.izdelki a,.izd-t{transition:none}
  .izdelki li:has(a):hover::before,.izdelki li:has(a):hover .izd-t{transform:none}
  .storitev-besedilo .mini-galerija img{transition:none}
  .storitev-besedilo .mini-galerija a:hover img{transform:none}
  .storitev-besedilo .mini-galerija .povecaj{transform:none;transition:opacity .3s}
  .klicna,.klicna.skrita{transition:none}
  .glava{transition:color .35s,box-shadow .35s}
  .galerija-pas img,.povecava[open],.povecava-oder img,.soglasje{animation:none;transition:none}
  .galerija-pas a:hover img{transform:none}
}

/* ======================================================================
   PODSTRANI (politika zasebnosti, 404)
   ====================================================================== */
.podstran:not(.storitev) .glava{color:var(--antracit);box-shadow:0 1px 0 var(--crta)}
.podstran:not(.storitev) .glava::before{opacity:1;background:rgba(228,231,229,.93)}
.podstran:not(.storitev) main{padding-top:calc(var(--glava-v) + clamp(2.5rem,6vw,4.5rem));padding-bottom:clamp(4rem,9vw,7rem)}
.besedilo-ozko{max-width:50rem}
.podstran h1{font-size:clamp(2.25rem,6vw,4.25rem);line-height:1;font-weight:800;font-stretch:125%;letter-spacing:-.025em}
.datum{margin-top:1rem;color:var(--grafit);font-size:.9375rem}
.pravno h2{margin-top:2.75rem;padding-top:1.25rem;border-top:1px solid var(--crta);font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.2;font-weight:800;font-stretch:115%;letter-spacing:0}
.pravno p,.pravno ul,.pravno .tabela{margin-top:1rem}
.pravno ul{padding-left:1.25rem}
.pravno li+li{margin-top:.5rem}
.pravno a{text-underline-offset:3px;text-decoration-color:rgba(154,50,32,.55)}
.pravno a:hover{color:var(--minij)}
.tabela{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pravno table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.9375rem;background:var(--cink-2)}
.pravno th,.pravno td{text-align:left;vertical-align:top;padding:.6rem .75rem;border:1px solid var(--crta)}
.pravno th{font-weight:700;background:var(--cink-3)}
@media (max-width:40rem){
  .pravno table{min-width:0}
  .pravno thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pravno tr,.pravno td{display:block}
  .pravno tr{border:1px solid var(--crta);margin-bottom:.75rem}
  .pravno td{border:0;border-bottom:1px solid var(--crta)}
  .pravno td:last-child{border-bottom:0}
  .pravno td::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grafit)}
}
.pravno code{font-family:Consolas,"Courier New",monospace;font-size:.875em}
.pravno .nastavitve-piskotkov{color:var(--minij);font-weight:650}
.nazaj{display:inline-flex;align-items:center;gap:.6rem;margin-top:3rem;padding:.8rem 1.25rem;min-height:3rem;border:2px solid var(--antracit);border-radius:3px;text-decoration:none;font-weight:700;
  transition:transform .3s var(--ease),box-shadow .3s var(--ease),background-color .3s,color .3s}
.nazaj svg{width:1rem;height:1rem}
@media (hover:hover){.nazaj:hover{background:var(--antracit);color:#fff;transform:translateY(-2px);box-shadow:var(--senca)}}
.napaka{min-height:100vh;display:flex;flex-direction:column}
@supports (min-height:100svh){.napaka{min-height:100svh}}
.napaka main{flex:1;display:flex;align-items:center}
.napaka-koda{display:flex;flex-wrap:wrap;align-items:flex-end;gap:clamp(.75rem,3vw,2rem);font-size:min(clamp(5.5rem,24vw,16rem),25vw);line-height:.8;font-weight:800;font-stretch:125%;letter-spacing:-.05em}
.napaka-koda .kota{font-size:.25em;height:.5em;color:var(--minij);margin-bottom:.35em}
.napaka h1{margin-top:clamp(1.25rem,3vh,2.5rem)}
.napaka main p:not(.napaka-koda){margin-top:1rem;max-width:32em;font-size:1.125rem;color:var(--grafit)}
.napaka-povezave{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.napaka-povezave .gumb{min-height:3.25rem;justify-content:center}
.napaka-povezave .gumb strong{font-size:1.0625rem}
.napaka .noga{padding-top:1.75rem}

/* ======================================================================
   STORITVENE PODSTRANI
   ====================================================================== */
.storitev-uvod{position:relative;isolation:isolate;overflow:hidden;background:var(--antracit-2);color:#fff;
  padding:calc(var(--glava-v) + clamp(2rem,5vw,4rem)) 0 clamp(3rem,6vw,5rem)}
.storitev-uvod::after{content:"";position:absolute;z-index:-1;right:-25%;bottom:-45%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(154,50,32,.3),transparent);pointer-events:none}
.storitev-uvod-mreza{display:grid;gap:2.5rem;align-items:center}
@media (min-width:64rem){.storitev-uvod-mreza{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(2.5rem,5vw,5rem)}}
.drobtine ol{list-style:none;margin:0 0 1.5rem;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-size:.8125rem;font-weight:700;font-stretch:112%;letter-spacing:.12em;text-transform:uppercase;color:var(--siva-temna)}
.drobtine li{display:flex;align-items:center;gap:.6rem}
.drobtine li+li::before{content:"";width:.4rem;height:.4rem;border-top:2px solid var(--minij-svetla);border-right:2px solid var(--minij-svetla);transform:rotate(45deg)}
.drobtine a{color:inherit;text-decoration:none;display:inline-block;padding:.35rem 0}
.drobtine a:hover{color:#fff}
.drobtine [aria-current]{color:#fff}
.storitev-uvod h1{font-size:clamp(2.125rem,5.2vw,4.25rem);line-height:.98;font-weight:800;font-stretch:125%;letter-spacing:-.03em}
.storitev-vodilo{margin-top:1.25rem;font-size:clamp(1.0625rem,1.5vw,1.25rem);line-height:1.55;color:var(--cink);max-width:34em}
.storitev-vodilo strong{color:#fff}
.storitev-uvod .klici .gumb{flex:0 1 15rem}
.storitev-slika{position:relative;margin:0 calc(-1 * var(--rob));overflow:hidden;background:#0e1213}
.storitev-slika img{width:100%;aspect-ratio:4/3;object-fit:cover}
.storitev-slika::after{content:"";position:absolute;left:0;bottom:0;width:38%;height:5px;background:var(--minij)}
@media (min-width:48rem){.storitev-slika{margin:0}}
.storitev-kota{display:none}
@media (min-width:64rem){.storitev-kota{display:block;font-size:6rem}.storitev-kota .kota{display:block;width:100%}}

.storitev-mreza{display:grid;gap:3rem;padding-block:clamp(3.5rem,8vw,6rem)}
@media (min-width:64rem){.storitev-mreza{grid-template-columns:minmax(0,1fr) 20rem;gap:clamp(3rem,6vw,6rem);align-items:start}}
.storitev-besedilo{max-width:46rem;min-width:0}
.storitev-besedilo h2{margin-top:clamp(2.75rem,5vw,3.75rem);padding-top:1.25rem;border-top:2px solid var(--antracit);font-size:clamp(1.5rem,2.6vw,2.125rem);line-height:1.12;font-weight:800;font-stretch:118%;letter-spacing:-.01em}
.storitev-besedilo>h2:first-child{margin-top:0}
.storitev-besedilo p{margin-top:1rem;max-width:38em}
.storitev-besedilo p a:not(.nazaj),.storitev-besedilo li a{color:var(--minij);text-underline-offset:3px;font-weight:650}
.storitev-besedilo ul{list-style:none;margin:1.25rem 0 0;padding:0}
.storitev-besedilo ul li{position:relative;padding:.6rem 0 .6rem 1.6rem;border-bottom:1px solid var(--crta)}
.storitev-besedilo ul li::before{content:"";position:absolute;left:.1rem;top:1.1rem;width:.5rem;height:.5rem;background:var(--minij);transform:rotate(45deg)}
.stolpca{display:grid;gap:0 2.5rem}
@media (min-width:40rem){.stolpca{grid-template-columns:1fr 1fr}}
@media (max-width:39.99rem){.storitev-besedilo .stolpca ul+ul{margin-top:0}}
.postopek-koraki{list-style:none;margin:1.5rem 0 0;padding:0;counter-reset:k;display:grid;gap:.75rem}
.postopek-koraki li{counter-increment:k;position:relative;padding:1rem 1.1rem 1rem 3.6rem;background:var(--cink-2);border:1px solid var(--crta);border-radius:4px}
.postopek-koraki li::before{content:counter(k,decimal-leading-zero);position:absolute;left:1.1rem;top:1.05rem;font-size:.875rem;font-weight:800;font-stretch:118%;color:var(--minij);font-variant-numeric:tabular-nums}
.postopek-koraki strong{font-weight:750;font-stretch:108%}

.storitev-besedilo .mini-galerija-mreza{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1.5rem}
@media (max-width:29.99rem){.storitev-besedilo .mini-galerija-mreza{grid-template-columns:1fr}}
.storitev-besedilo .mini-galerija-mreza li{padding:0;border:0}
.storitev-besedilo .mini-galerija-mreza li::before{content:none}
.mini-galerija figure{margin:0}
.mini-galerija a,.storitev-besedilo .mini-galerija a{position:relative;display:block;overflow:hidden;background:var(--cink-3);color:#fff;text-decoration:none;font-weight:inherit}
.mini-galerija img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.1s var(--ease)}
.mini-galerija .napis{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;gap:1rem;
  padding:3rem 1rem .85rem;background:linear-gradient(rgba(22,27,29,0),rgba(22,27,29,.62) 45%,rgba(22,27,29,.9));font-size:.9375rem;font-weight:650;font-stretch:108%;line-height:1.3}
.mini-galerija .napis span{font-size:.75rem;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.mini-galerija .povecaj{position:absolute;right:.75rem;top:.75rem;width:2.25rem;height:2.25rem;display:grid;place-items:center;border-radius:50%;background:rgba(22,27,29,.6);opacity:0;transform:scale(.8);transition:opacity .3s,transform .4s var(--ease)}
.mini-galerija .povecaj svg{width:.9rem;height:.9rem}
@media (hover:none){.mini-galerija .povecaj{opacity:1;transform:none}}
@media (hover:hover){.mini-galerija a:hover img{transform:scale(1.045)}.mini-galerija a:hover .povecaj,.mini-galerija a:focus-visible .povecaj{opacity:1;transform:none}}

.vprasanja .vprasanje{border-bottom:1px solid var(--crta)}
.vprasanje summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 0;font-size:clamp(1.0625rem,1.4vw,1.1875rem);line-height:1.35;font-weight:700;font-stretch:108%}
.vprasanje summary::-webkit-details-marker{display:none}
.vprasanje summary::after{content:"";flex:none;width:.7rem;height:.7rem;margin:.3rem .25rem 0 0;border-right:2px solid var(--minij);border-bottom:2px solid var(--minij);transform:rotate(45deg);transition:transform .3s var(--ease)}
.vprasanje[open] summary::after{transform:translateY(.25rem) rotate(-135deg)}
@media (hover:hover){.vprasanje summary:hover{color:var(--minij)}}
.storitev-besedilo .vprasanje p{margin:0 0 1.25rem;color:var(--grafit)}

.storitev-poziv .klici{margin-top:1.5rem}
.storitev-poziv .gumb{flex:0 1 15rem}
.storitev-nazaj{margin-top:0!important}
.storitev-besedilo .storitev-posta{margin-top:1rem;font-size:.9375rem;color:var(--grafit)}
.storitev-posta a{display:inline-block}
.storitev-nazaj .nazaj{margin-top:2.5rem}

.storitev-stran{display:none}
@media (min-width:64rem){.storitev-stran{display:block;position:sticky;top:calc(var(--glava-v) + 1.5rem)}}
.povp-kartica{position:relative;background:var(--antracit-2);color:var(--siva-temna);border-radius:6px;padding:1.4rem 1.4rem 1.5rem;--fokus:#fff}
.povp-kartica::before{content:"";position:absolute;left:0;top:0;width:3rem;height:3px;background:var(--minij-svetla);border-top-left-radius:6px}
.povp-naslov{font-size:.8125rem;line-height:1.2;font-weight:700;font-stretch:118%;letter-spacing:.16em;text-transform:uppercase;color:#fff}
.povp-oseba{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--crta-temna)}
.povp-oseba p{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--siva-temna-2)}
.povp-tel{display:flex;align-items:center;gap:.55rem;margin-top:.35rem;color:#fff;text-decoration:none;font-size:1.5rem;line-height:1.2;font-weight:800;font-stretch:115%;font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .3s}
.povp-tel svg{width:1rem;height:1rem;flex:none;color:var(--minij-svetla)}
.povp-tel:hover{color:var(--minij-svetla)}
.povp-mail{display:inline-block;margin-top:.35rem;padding-block:.15rem;font-size:.875rem;color:var(--cink);text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.35)}
.povp-mail:hover{text-decoration-color:#fff}
.povp-ura{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--crta-temna);font-size:.875rem;line-height:1.5}
.povp-kartica .stanje{display:flex;margin-top:.75rem;font-size:.875rem}
.povp-kartica .stanje[hidden]{display:none}

/* povezave na podstrani iz seznama »Izdelujemo« */
.izdelki a{display:block;flex:1 1 auto;min-width:0;color:inherit;text-decoration-line:underline;text-decoration-thickness:2px;text-decoration-color:transparent;text-underline-offset:.22em;transition:text-decoration-color .3s,color .3s}
.izdelki a::after{content:"";position:absolute;inset:0}
.izd-t{display:block;transition:transform .45s var(--ease)}
.izdelki a svg{display:inline-block;vertical-align:baseline;width:.7em;height:.7em;margin-left:.4em;color:var(--minij);transition:transform .35s var(--ease)}
.izdelki a:hover,.izdelki a:focus-visible{color:var(--minij);text-decoration-color:currentColor}
.izdelki a:hover svg{transform:translate(2px,-2px)}
.izdelki li:has(a:hover),.izdelki li:has(a:focus-visible){color:var(--minij)}

/* Povecano besedilo na telefonu: mreze in vrstice se ne smejo razsiriti cez zaslon */
@media (max-width:63.99rem){
  .junak>*,.junak-spodaj>*,.predstavitev-spodaj>*,.izdelujemo-vrh>*,.izdelki>*,.ideja-mreza>*,.koraki>*,.zakaj-mreza>*,.stiki>*,.storitev-uvod-mreza>*,.storitev-mreza>*,.postopek-koraki>*,.klicna>*,.galerija-glava>*{min-width:0}
  h1,h2,.izjava-velika,.izdelki li,.postopek-koraki li,.stik p,.koraki h4,.mini-galerija .napis,.galerija-pas .napis{overflow-wrap:anywhere}
  .junak-naslov .vrstica>span{max-width:100%}
  .stik .tel,.gumb strong,.povp-tel,.stik .nobr{white-space:normal}
  .meni-gumb{flex:none}
  .znak{min-width:0}
  .znak svg{width:min(2.25rem,36px);height:min(2.25rem,36px)}
  .znak-ime b{font-size:min(1.25rem,20px)}
  .znak-ime span{font-size:min(.8125rem,13px)}
  .izdelki a .nobr,.storitev-posta .nobr,.pravno .nobr{display:inline-block;max-width:100%;white-space:normal;text-decoration:inherit}
  .storitev-posta a{overflow-wrap:anywhere}
  .js .meni{left:clamp(min(1.25rem,20px),4.5vw,4rem);right:clamp(min(1.25rem,20px),4.5vw,4rem);padding-left:min(1.25rem,20px);padding-right:min(1.25rem,20px)}
  .js .meni ul a{overflow-wrap:anywhere}
  .js .meni-klici{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}
  .klicna a{flex-wrap:wrap;row-gap:.1rem;text-align:center;line-height:1.2;overflow-wrap:anywhere}
}

/* Visoki kontrast (Windows): na koncu, da prevlada nad osnovnimi pravili */
@media (forced-colors:active){
  .gumb,.glava-klic,.klicna a,.meni-klici a,.soglasje button,.galerija-puscice button,.povecava button,.na-vrh,.nazaj{border:2px solid ButtonText}
  .kota::before,.kota i,.napredek{background:CanvasText}
  .meni-gumb{border:2px solid ButtonText}
  .meni-gumb span{background:ButtonText}
  .r-model,.r-teren,.r-kota,.r-pomozna{stroke:CanvasText}
  .r-opis,.r-mera,.risba circle{fill:CanvasText}
  .r-polno{fill:Canvas}
}

@media print{
  .glava,.klicna,.soglasje,.trak,.galerija-puscice,.noga-znak,.povecava,.mreza,.preskoci{display:none!important}
  .junak,.storitev-uvod,.temno,.noga{background:#fff!important;color:#000!important}
  .junak *,.storitev-uvod *,.temno *,.noga *,.gumb-poln{color:#000!important}
  .risba :is(.r-model,.r-kota,.r-pomozna){stroke-dashoffset:0!important}
  .risba .r-polno{fill-opacity:1!important}
  .risba .r-fade{opacity:1!important}
  .koraki::after{transform:none!important}
  .galerija-okno{overflow:visible!important;margin-inline:0!important;padding-inline:0!important}
  .galerija-pas{flex-wrap:wrap;width:auto!important;transform:none!important}
  .galerija-pas li{flex:0 0 calc(50% - .75rem)}
  .galerija-pas a{height:auto!important;width:100%!important;aspect-ratio:auto!important;break-inside:avoid}
  .galerija-pas img{width:100%!important;height:auto!important}
  [data-pokazi],[data-pokazi]>*,[data-uvod],.vrstica>span,[data-beseda]{opacity:1!important;transform:none!important;clip-path:none!important}
  [data-pokazi="maska"]::before{display:none!important}
}