:root{
  --papir:#F3EFE8; --papir2:#FAF8F3; --pesek:#E9E3D8;
  --oglje:#161613; --crno:#0D0D0B; --siva:#7C766B; --crta:rgba(22,22,19,.14);
  --list:#5F6B47;
  --rob:min(1280px,90vw); --oz:min(1080px,88vw);
  --fd:'Playfair Display',Georgia,serif;
  --fb:'Inter',system-ui,-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:clip}
body{margin:0;background:var(--papir);color:var(--oglje);font-family:var(--fb);
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
svg{width:100%;height:100%;display:block}
.ovoj{width:var(--rob);margin-inline:auto}
.ozek{width:var(--oz);margin-inline:auto}

h1,h2,h3{font-family:var(--fd);font-weight:500;line-height:1.04;letter-spacing:-.018em;margin:0}
h1{font-size:clamp(3rem,7.4vw,6.6rem)}
h2{font-size:clamp(2.2rem,4.6vw,4rem)}
h3{font-size:clamp(1.3rem,2vw,1.75rem)}
em{font-style:italic}
p{margin:0 0 18px}
.uvod{color:var(--siva);max-width:56ch;font-size:1.02rem;line-height:1.8}
.sredina{text-align:center}.sredina .uvod{margin-inline:auto}

/* drobna razmaknjena oznaka */
.oz{font-size:.66rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:var(--siva);margin:0 0 22px}
.oz--svetla{color:rgba(243,239,232,.55)}

/* povezave in gumbi */
.pov{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:.68rem;font-weight:600;
  letter-spacing:.26em;text-transform:uppercase;padding-bottom:7px;border-bottom:1px solid currentColor;
  transition:gap .25s,opacity .25s}
.pov svg{width:16px;height:16px}
.pov:hover{gap:17px}
.gumb{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:.68rem;font-weight:600;
  letter-spacing:.26em;text-transform:uppercase;padding:17px 32px;border:1px solid var(--oglje);
  background:var(--oglje);color:var(--papir);cursor:pointer;font-family:var(--fb);transition:.28s}
.gumb svg{width:16px;height:16px}
.gumb:hover{background:transparent;color:var(--oglje)}
.gumb--obris{background:transparent;color:var(--oglje)}
.gumb--obris:hover{background:var(--oglje);color:var(--papir)}
.gumb--svetel{background:var(--papir);color:var(--oglje);border-color:var(--papir)}
.gumb--svetel:hover{background:transparent;color:var(--papir)}
.gumb--obris-svetel{background:transparent;color:var(--papir);border-color:rgba(243,239,232,.4)}
.gumb--obris-svetel:hover{background:var(--papir);color:var(--oglje);border-color:var(--papir)}
.akcije{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:36px}
.sredina .akcije{justify-content:center}
:focus-visible{outline:1.5px solid var(--oglje);outline-offset:4px}

/* sekcije */
.sec{padding-block:clamp(72px,9vw,140px)}
.sec--temna{background:var(--crno);color:var(--papir)}
.sec--temna .uvod{color:rgba(243,239,232,.62)}
.sec--temna .oz{color:rgba(243,239,232,.5)}
.sec--papir2{background:var(--papir2)}
.sec--pesek{background:var(--pesek)}
.crta{height:1px;background:var(--crta);border:0;margin:0}

/* glava */
.glava{position:sticky;top:0;z-index:60;background:rgba(243,239,232,.92);backdrop-filter:blur(14px);
  transition:box-shadow .3s,transform .38s cubic-bezier(.2,.8,.3,1)}
/* ob drsanju navzdol se umakne, ob drsanju navzgor se vrne */
.glava--skrita{transform:translateY(-101%)}
.glava.drsi{box-shadow:0 1px 0 var(--crta)}
.gv{display:flex;align-items:center;gap:26px;height:84px}
.znak{flex:none;text-decoration:none;display:block}
.znak img{height:52px;width:auto}
.znak__vodoravni{display:none}
.nav{margin-left:auto;display:flex;gap:30px}
.nav a{text-decoration:none;font-size:.64rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--siva);padding-bottom:3px;border-bottom:1px solid transparent;transition:.2s}
.nav a:hover,.nav a[aria-current],.nav a.tu{color:var(--oglje);border-color:var(--oglje)}
.glava .gumb{flex:none;padding:14px 24px}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer;margin-left:auto}
.burger span{display:block;width:24px;height:1.5px;background:var(--oglje);margin:6px 0;transition:.2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media(max-width:1080px){
  .burger{display:block;order:3}
  .glava .gumb{order:2;margin-left:auto;padding:12px 18px;font-size:.62rem}
  .nav{order:4;position:absolute;top:84px;left:0;right:0;background:var(--papir);flex-direction:column;
    gap:0;padding:0 5vw;max-height:0;overflow:hidden;transition:max-height .35s;border-top:1px solid var(--crta)}
  .nav.odprt{max-height:460px;padding-block:14px}
  .nav a{padding:15px 0;font-size:.8rem;border-bottom:1px solid var(--crta)}
}
@media(max-width:560px){.gv{height:72px}.nav{top:72px}}

/* preklopnik jezikov */
.jeziki{display:flex;align-items:center;gap:2px;flex:none;margin-left:12px;
  padding-left:14px;border-left:1px solid var(--crta)}
.jeziki a{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-decoration:none;
  color:var(--siva);padding:6px 8px;border-bottom:0;transition:.2s;line-height:1}
.jeziki a:hover{color:var(--oglje)}
.jeziki a.tu{color:var(--papir);background:var(--oglje)}
/* na vhodni strani stoji sam, zato ga potisnemo na desno */
.jeziki--sam{margin-left:auto;padding-left:0;border-left:0}
.jeziki--meni{display:none}
@media(max-width:1080px){
  /* v glavi ni več prostora — jeziki se preselijo v meni */
  .jeziki--glava{display:none}
  .jeziki--glava.jeziki--sam{display:flex;margin-left:auto;padding-left:0;border-left:0}
  .jeziki--meni{display:flex;margin:14px 0 4px;padding:16px 0 0;
    border-top:1px solid var(--crta);border-left:0;gap:4px}
  .jeziki--meni a{padding:9px 14px;font-size:.72rem;letter-spacing:.14em;
    border:1px solid var(--crta)}
  .jeziki--meni a.tu{border-color:var(--oglje)}
}
@media(max-width:820px){
  /* navpični znak je pri tej velikosti neberljiv — v glavo gre vodoravni */
  .znak__poln{display:none}
  .znak__vodoravni{display:block;height:32px}
}
@media(max-width:620px){
  /* pri 390 px glava sicer preseže zaslon za približno 27 px */
  .gv{gap:10px}
  .znak__vodoravni{height:30px}
  .jeziki{gap:0}
  .jeziki a{padding:6px 6px;font-size:.56rem;letter-spacing:.06em}
  /* naročilo je zdaj v plavajoči pilули spodaj, v glavi ga ne rabimo */
  .glava .gumb{display:none}
  .burger{padding:6px 4px}
  .burger span{width:22px}
}
@media(max-width:360px){
  .jeziki a{padding:5px 4px;font-size:.52rem}
  .znak__vodoravni{height:27px}
}

/* hero */
.hero{padding-block:clamp(40px,6vw,80px) 0;position:relative;overflow:hidden}
.hero__mreza{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:center;
  min-height:min(74vh,640px)}
.hero h1 em{display:block}
.hero .uvod{margin-top:26px}
.krog{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.krog::before{content:"";position:absolute;inset:4%;border:1px solid var(--crta);border-radius:50%}
.krog::after{content:"";position:absolute;inset:14%;border:1px solid var(--crta);border-radius:50%}
.krog img{width:78%;height:78%;object-fit:contain;position:relative;z-index:2;
  filter:drop-shadow(0 30px 50px rgba(22,22,19,.22))}
.vrti{animation:vrti 44s linear infinite}
@keyframes vrti{to{transform:rotate(360deg)}}
.zig{position:absolute;right:2%;top:8%;width:clamp(88px,10vw,124px);aspect-ratio:1;z-index:3;
  border:1px solid var(--oglje);border-radius:50%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;background:var(--papir);
  font-size:.55rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}
.zig b{font-family:var(--fd);font-weight:500;font-size:1.9em;letter-spacing:0;display:block}
@media(max-width:900px){.hero__mreza{grid-template-columns:1fr;min-height:0;gap:30px}
  .krog{max-width:440px;margin-inline:auto}.zig{right:6%}}

/* ---------- vhodna stran: trije vhodi ---------- */
.nav--skrita{display:none}
.vrata{padding-block:clamp(30px,5vw,64px) clamp(40px,6vw,80px)}
.vrata__uvod{width:var(--rob);margin:0 auto clamp(28px,4vw,48px);text-align:center}
.vrata__uvod h1{font-size:clamp(2.4rem,5.4vw,4.6rem)}
.vrata__mreza{width:var(--rob);margin-inline:auto;display:grid;grid-template-columns:repeat(3,1fr);
  gap:14px;min-height:min(62vh,560px)}
.vrata__mreza--1{grid-template-columns:minmax(0,760px);justify-content:center}
.vrata__mreza--2{grid-template-columns:repeat(2,1fr)}
.vrata__mreza--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.vrata__mreza--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.vrata__mreza{grid-template-columns:1fr;min-height:0}}

.vrata__vhod{position:relative;display:block;overflow:hidden;text-decoration:none;color:var(--papir);
  background:var(--crno);min-height:300px;isolation:isolate}
.vrata__slika{position:absolute;inset:0;z-index:0}
.vrata__slika img{width:100%;height:100%;object-fit:cover;
  transition:transform .8s cubic-bezier(.2,.7,.3,1),filter .5s;filter:grayscale(.35) brightness(.72)}
.vrata__vhod::after{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(180deg,rgba(13,13,11,.15) 25%,rgba(13,13,11,.9) 100%)}
.vrata__vhod:hover .vrata__slika img,.vrata__vhod:focus-visible .vrata__slika img{
  transform:scale(1.06);filter:grayscale(0) brightness(.82)}

.vrata__t{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;
  justify-content:flex-end;padding:clamp(24px,2.6vw,34px);gap:2px}
.vrata__st{font-size:.62rem;letter-spacing:.24em;color:rgba(243,239,232,.55);margin-bottom:auto}
.vrata__ime{font-family:var(--fd);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.3rem);line-height:1.1}
.vrata__pod{font-family:var(--fd);font-style:italic;font-size:1.02rem;color:rgba(243,239,232,.82);margin-bottom:10px}
.vrata__opis{font-size:.86rem;line-height:1.65;color:rgba(243,239,232,.66);max-width:34ch;
  max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .35s}
.vrata__vhod:hover .vrata__opis,.vrata__vhod:focus-visible .vrata__opis{max-height:7em;opacity:1}
@media(max-width:980px){.vrata__opis{max-height:7em;opacity:1}}
.vrata__vec{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-size:.64rem;
  font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--papir)}
.vrata__vec svg{width:15px;height:15px;transition:transform .3s}
.vrata__vhod:hover .vrata__vec svg{transform:translateX(6px)}
.vrata__opomba{width:var(--rob);margin:clamp(26px,3vw,40px) auto 0;text-align:center;
  font-size:.82rem;color:var(--siva)}

.vrata__kratko{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){.vrata__kratko{grid-template-columns:1fr}}
.urnik--temen li{border-color:var(--crta)}
.urnik--temen i{border-color:rgba(22,22,19,.22)}
.urnik--temen li.danes span,.urnik--temen li.danes b{color:var(--list)}
.podatki--temen svg{color:var(--siva)}
.podatki--temen a{border-color:var(--crta)}

/* tekoči trak */
.trak{background:var(--crno);color:var(--papir);padding:22px 0;overflow:hidden;white-space:nowrap}
.trak__t{display:inline-block;animation:drsi 46s linear infinite}
.trak span{font-family:var(--fd);font-style:italic;font-size:clamp(1.3rem,2.4vw,2rem);padding:0 26px}
.trak i{font-style:normal;color:rgba(243,239,232,.34);font-size:.8em}
@keyframes drsi{to{transform:translateX(-50%)}}

/* oštevilčen izbor s krožno sliko */
.izbor{display:grid;grid-template-columns:1fr .92fr;gap:clamp(30px,5vw,80px);align-items:center}
@media(max-width:900px){.izbor{grid-template-columns:1fr}.izbor__slika{order:-1;max-width:420px;margin-inline:auto}}
.vrste{list-style:none;padding:0;margin:0;counter-reset:v}
.vrste li{counter-increment:v;border-top:1px solid rgba(243,239,232,.16);padding:26px 0;
  display:flex;align-items:baseline;gap:22px;cursor:default;transition:.3s}
.vrste li:last-child{border-bottom:1px solid rgba(243,239,232,.16)}
.vrste li::before{content:counter(v,decimal-leading-zero);font-size:.62rem;letter-spacing:.2em;
  color:rgba(243,239,232,.4);flex:none;width:26px;transition:.3s}
.vrste h3{flex:1;transition:.3s;font-weight:500}
.vrste em{font-family:var(--fb);font-style:normal;font-size:.82rem;letter-spacing:.12em;
  color:rgba(243,239,232,.62);white-space:nowrap}
.vrste li:hover,.vrste li.tu{padding-left:12px}
.vrste li:hover h3,.vrste li.tu h3{font-style:italic}
.vrste li.tu::before{color:var(--papir)}
.izbor__slika{position:relative;aspect-ratio:1}
.izbor__slika::before{content:"";position:absolute;inset:6%;border:1px solid rgba(243,239,232,.18);border-radius:50%}
.izbor__slika img{position:absolute;inset:11%;width:78%;height:78%;object-fit:contain;opacity:0;transition:opacity .5s}
.izbor__slika img.tu{opacity:1}

/* meni */
.zavihki{display:flex;flex-wrap:wrap;gap:34px;justify-content:center;margin:30px 0 56px}
.zavihek{background:none;border:0;font-family:var(--fb);font-size:.66rem;font-weight:600;letter-spacing:.28em;
  text-transform:uppercase;color:var(--siva);padding:0 0 8px;border-bottom:1px solid transparent;cursor:pointer;transition:.2s}
.zavihek:hover{color:var(--oglje)}
.zavihek[aria-selected=true]{color:var(--oglje);border-color:var(--oglje)}
.tabla{display:none}.tabla.vidna{display:block}
.jedi{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,44px) clamp(20px,2.5vw,36px)}
@media(max-width:1000px){.jedi{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.jedi{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.jedi{grid-template-columns:1fr;max-width:330px;margin-inline:auto}}
.jed{text-align:center}
.jed__k{position:relative;aspect-ratio:1;margin-bottom:18px;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.jed__k::before{content:"";position:absolute;inset:2%;border:1px solid var(--crta);border-radius:50%;transition:.35s}
.jed:hover .jed__k{transform:translateY(-8px)}
.jed:hover .jed__k::before{inset:-2%;border-color:var(--oglje)}
.jed__k img{position:absolute;inset:9%;width:82%;height:82%;object-fit:contain}
.jed h4{font-family:var(--fd);font-weight:500;font-size:1.2rem;margin:0 0 4px;letter-spacing:-.01em}
.jed__c{font-size:.78rem;letter-spacing:.16em;color:var(--siva)}
.jed--ni{opacity:.5}
.jed--ni .jed__k img{filter:grayscale(1)}
.ni-na-voljo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  background:var(--crno);color:var(--papir);font-size:.58rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:7px 12px;white-space:nowrap}
.ni-oznaka{font-family:var(--fb);font-style:normal;font-size:.6rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;border:1px solid currentColor;padding:3px 8px;vertical-align:middle;
  margin-left:8px;opacity:.7}
.alergeni{font-size:.7rem;letter-spacing:.04em;color:var(--siva);opacity:.8}
.jed .alergeni{margin:8px auto 0;max-width:26ch}
.seznam .alergeni{opacity:.6}
.sec--temna .alergeni{color:rgba(243,239,232,.5)}
.jed p{margin:9px auto 0;font-size:.8rem;line-height:1.65;color:var(--siva);max-width:26ch}
.opomba{margin:52px 0 0;font-size:.78rem;letter-spacing:.06em;color:var(--siva);text-align:center}

/* pohano — vrstice s pikami */
.seznam{list-style:none;padding:0;margin:0}
.seznam li{display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:baseline;
  padding:26px 0;border-bottom:1px solid rgba(243,239,232,.16)}
.seznam li:first-child{border-top:1px solid rgba(243,239,232,.16)}
.seznam h3{font-weight:500}
.seznam b{font-family:var(--fd);font-weight:500;font-size:1.3rem;white-space:nowrap}
.seznam p{grid-column:1/-1;margin:8px 0 0;font-size:.86rem;line-height:1.7;color:rgba(243,239,232,.58);max-width:62ch}

/* omake */
.omake{list-style:none;counter-reset:o;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(30px,5vw,70px)}
@media(max-width:760px){.omake{grid-template-columns:1fr}}
.omake li{counter-increment:o;padding:22px 0 22px 46px;border-bottom:1px solid var(--crta);position:relative}
.omake li::before{content:counter(o,decimal-leading-zero);position:absolute;left:0;top:26px;
  font-size:.62rem;letter-spacing:.2em;color:var(--siva)}
.omake h4{font-family:var(--fd);font-weight:500;font-size:1.1rem;margin:0 0 3px}
.omake p{margin:0;font-size:.83rem;line-height:1.65;color:var(--siva)}

/* cenik dostave */
.cenik{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(30px,5vw,64px)}
@media(max-width:860px){.cenik{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cenik{grid-template-columns:1fr}}
.cenik li{display:flex;align-items:baseline;gap:10px;padding:15px 0;border-bottom:1px solid var(--crta);font-size:.94rem}
.cenik i{flex:1;border-bottom:1px dotted var(--crta);transform:translateY(-5px)}
.cenik b{font-family:var(--fd);font-weight:500;white-space:nowrap}
.sec--temna .cenik li{border-color:rgba(243,239,232,.16)}
.sec--temna .cenik i{border-color:rgba(243,239,232,.24)}

/* uredniški blok */
.blok{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
@media(max-width:900px){.blok{grid-template-columns:1fr}.blok--obr .blok__t{order:0}}
.blok--obr .blok__t{order:2}
.st{font-family:var(--fd);font-size:clamp(3rem,6vw,5rem);line-height:1;color:var(--crta);display:block;margin-bottom:18px}
.sec--temna .st{color:rgba(243,239,232,.22)}
.pike{list-style:none;padding:0;margin:26px 0 0}
.pike li{padding:13px 0;border-bottom:1px solid var(--crta);font-size:.92rem}
.sec--temna .pike li{border-color:rgba(243,239,232,.16)}
.fo{position:relative;margin:0;overflow:hidden;background:var(--pesek)}
.fo--43{aspect-ratio:4/3}.fo--34{aspect-ratio:3/4}.fo--1{aspect-ratio:1}
.fo picture{display:block;width:100%;height:100%}
.fo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.fo:hover img{transform:scale(1.04)}

/* galerija */
.galerija{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:820px){.galerija{grid-template-columns:repeat(2,1fr)}}
.galerija .fo{aspect-ratio:3/4}

/* pogosta vprašanja */
.vprasanja details{border-top:1px solid var(--crta)}
.vprasanja details:last-child{border-bottom:1px solid var(--crta)}
.vprasanja summary{list-style:none;cursor:pointer;padding:26px 44px 26px 0;position:relative;
  font-family:var(--fd);font-size:clamp(1.1rem,1.7vw,1.4rem);font-weight:500;line-height:1.35}
.vprasanja summary::-webkit-details-marker{display:none}
.vprasanja summary::after{content:"";position:absolute;right:6px;top:50%;width:13px;height:13px;
  border-right:1px solid var(--oglje);border-bottom:1px solid var(--oglje);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s}
.vprasanja details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.vprasanja p{margin:0 0 28px;max-width:70ch;color:var(--siva);font-size:.95rem;line-height:1.8}

/* zemljevid, ki se naloži šele na klik */
.zem{position:relative;min-height:420px;background:var(--crno);border:1px solid rgba(243,239,232,.16);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:32px}
.zem__vzorec{position:absolute;inset:0;opacity:.16;
  background-image:linear-gradient(rgba(243,239,232,.6) 1px,transparent 1px),
    linear-gradient(90deg,rgba(243,239,232,.6) 1px,transparent 1px);
  background-size:46px 46px}
.zem > *{position:relative;z-index:2}
.zem p{margin:0;font-size:.9rem;color:rgba(243,239,232,.62);max-width:34ch}
.zem iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}

/* mnenja */
.mnenja{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,50px)}
@media(max-width:860px){.mnenja{grid-template-columns:1fr}}
.mnenje{border-top:1px solid var(--crta);padding-top:26px}
.mnenje .zv{display:flex;gap:4px;margin-bottom:16px;color:var(--list)}
.mnenje .zv svg{width:12px;height:12px}
.mnenje q{font-family:var(--fd);font-size:1.22rem;line-height:1.5;quotes:none;display:block;font-weight:400}
.mnenje small{display:block;margin-top:20px;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--siva)}

/* kontakt */
.kmreza{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,5vw,70px)}
@media(max-width:900px){.kmreza{grid-template-columns:1fr}}
.urnik{list-style:none;padding:0;margin:0}
.urnik li{display:flex;align-items:baseline;gap:10px;padding:14px 0;border-bottom:1px solid rgba(243,239,232,.16)}
.urnik i{flex:1;border-bottom:1px dotted rgba(243,239,232,.24);transform:translateY(-5px)}
.urnik b{font-family:var(--fd);font-weight:500;white-space:nowrap}
.urnik li.danes span,.urnik li.danes b{color:#A8BE86}
.podatki{margin-top:34px;display:grid;gap:14px}
.podatki div{display:flex;gap:14px;align-items:flex-start;font-size:.95rem}
.podatki svg{width:16px;height:16px;flex:none;margin-top:5px;color:rgba(243,239,232,.5)}
.podatki a{text-decoration:none;border-bottom:1px solid rgba(243,239,232,.3);padding-bottom:1px}
.zemljevid{min-height:420px;filter:grayscale(1) contrast(1.06)}
.zemljevid iframe{width:100%;height:100%;min-height:420px;border:0;display:block}

/* noga */
.noga{background:var(--crno);color:rgba(243,239,232,.6);padding-block:70px 30px;font-size:.9rem}
.nmreza{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
@media(max-width:860px){.nmreza{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.nmreza{grid-template-columns:1fr}}
.noga img.logo{height:96px;width:auto;margin-bottom:22px}
.noga h5{font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--papir);margin:0 0 20px;font-weight:600}
.noga ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.noga a{text-decoration:none}.noga a:hover{color:var(--papir)}
.soc{display:flex;gap:14px;margin-top:22px}
.soc a{width:38px;height:38px;border:1px solid rgba(243,239,232,.24);display:flex;align-items:center;
  justify-content:center;padding:10px;transition:.25s}
.soc a:hover{background:var(--papir);color:var(--crno);border-color:var(--papir)}
.ndno{margin-top:56px;padding-top:24px;border-top:1px solid rgba(243,239,232,.14);
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;font-size:.72rem;letter-spacing:.1em}

/* piškotno obvestilo */
.piskotki{position:fixed;left:22px;bottom:22px;z-index:98;width:min(400px,calc(100vw - 32px));
  background:var(--papir);border:1px solid var(--oglje);padding:28px 26px 24px;
  opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .5s,transform .5s}
.piskotki.vidno{opacity:1;transform:none;pointer-events:auto}
.piskotki img{height:44px;width:auto;margin-bottom:18px}
.piskotki h3{font-size:1.25rem;margin-bottom:10px}
.piskotki p{font-size:.86rem;line-height:1.7;color:var(--siva);margin:0 0 20px}
.piskotki p a{color:var(--oglje)}
.piskotki__gumbi{display:flex;flex-wrap:wrap;gap:10px}
.piskotki .gumb{padding:13px 22px;font-size:.62rem;flex:1;justify-content:center}
@media(max-width:520px){.piskotki{left:10px;right:10px;bottom:10px;width:auto;padding:22px 20px}}

/* modal */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}
.modal.odprt{display:flex}
.zavesa{position:absolute;inset:0;background:rgba(13,13,11,.85)}
.okno{position:relative;background:var(--papir);padding:clamp(28px,4vw,50px);width:min(620px,100%);
  max-height:90vh;overflow-y:auto}
.zapri{position:absolute;top:14px;right:18px;background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer}
.polja{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}
@media(max-width:540px){.polja{grid-template-columns:1fr}}
.polje{display:flex;flex-direction:column;gap:8px}
.polje--s{grid-column:1/-1}
.polje label{font-size:.62rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--siva)}
.polje input,.polje select,.polje textarea{font-family:var(--fb);font-size:.95rem;padding:12px 2px;
  border:0;border-bottom:1px solid var(--crta);background:transparent;width:100%;color:var(--oglje)}
.polje input:focus,.polje select:focus,.polje textarea:focus{outline:none;border-color:var(--oglje)}
.polje textarea{resize:vertical;min-height:80px}
.modal__odziv{margin:22px 0 0;font-size:.9rem;line-height:1.6}
.modal__odziv--ok{color:var(--list)}
.modal__odziv--ne{color:#A8452F}

/* nadomestne slike */
.prazna{background:repeating-linear-gradient(135deg,var(--pesek) 0 14px,#DFD7C8 14px 28px)}
.namig{display:none}
.prazna .namig{display:flex;position:absolute;inset:0;align-items:flex-end;padding:12px;z-index:3;
  font-size:.64rem;color:rgba(22,22,19,.45)}

/* pojavljanje */
.poj{opacity:0;transform:translateY(26px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.3,1)}
.poj.v{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.poj{opacity:1;transform:none}}

/* ---------- Rajko Rakun: klepetalnik ---------- */
.rajko-gumb{position:fixed;right:22px;bottom:22px;z-index:90;width:60px;height:60px;border-radius:50%;
  border:1px solid var(--oglje);background:var(--crno);cursor:pointer;padding:9px;
  box-shadow:0 14px 34px rgba(13,13,11,.3);transition:transform .25s}
.rajko-gumb:hover{transform:translateY(-3px)}
.rajko-gumb svg{width:100%;height:100%}
.rajko-mig{position:fixed;right:94px;bottom:36px;z-index:90;background:var(--papir);color:var(--oglje);
  border:1px solid var(--oglje);padding:11px 18px;font-size:.74rem;font-weight:500;letter-spacing:.02em;
  white-space:nowrap;opacity:0;transform:translateX(10px);transition:opacity .45s,transform .45s;
  pointer-events:none}
.rajko-mig.vidno{opacity:1;transform:none}
@media(max-width:560px){.rajko-mig{display:none}.rajko-gumb{right:14px;bottom:14px;width:54px;height:54px}}

.rajko{position:fixed;right:22px;bottom:22px;z-index:95;width:min(390px,calc(100vw - 28px));
  height:min(560px,calc(100vh - 44px));background:var(--papir);border:1px solid var(--oglje);
  display:none;flex-direction:column;box-shadow:0 34px 70px rgba(13,13,11,.32)}
.rajko.odprt{display:flex}
@media(max-width:560px){.rajko{right:8px;left:8px;bottom:8px;width:auto;height:min(80vh,560px)}}
.rajko__glava{background:var(--crno);color:var(--papir);padding:16px 18px;display:flex;align-items:center;gap:13px}
.rajko__glava svg{width:38px;height:38px;flex:none}
.rajko__glava b{display:block;font-family:var(--fd);font-weight:500;font-size:1.08rem;line-height:1.15}
.rajko__glava span{display:block;font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(243,239,232,.55);margin-top:4px}
.rajko__zapri{margin-left:auto;background:none;border:0;color:var(--papir);font-size:1.5rem;
  line-height:1;cursor:pointer;padding:2px 6px}
.rajko__pogovor{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px}
.rajko__vrstica{max-width:86%;padding:12px 15px;font-size:.88rem;line-height:1.6;white-space:pre-wrap}
.rajko__vrstica--bot{background:var(--papir2);border:1px solid var(--crta);align-self:flex-start}
.rajko__vrstica--jaz{background:var(--crno);color:var(--papir);align-self:flex-end}
.rajko__pike{display:flex;gap:5px;align-self:flex-start;padding:14px}
.rajko__pike i{width:6px;height:6px;border-radius:50%;background:rgba(22,22,19,.3);animation:skok 1.1s infinite}
.rajko__pike i:nth-child(2){animation-delay:.15s}.rajko__pike i:nth-child(3){animation-delay:.3s}
@keyframes skok{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.rajko__hitro{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 14px}
.rajko__hitro button{background:transparent;border:1px solid var(--crta);color:var(--oglje);
  padding:9px 14px;font-size:.72rem;cursor:pointer;font-family:var(--fb);transition:.18s}
.rajko__hitro button:hover{background:var(--crno);color:var(--papir);border-color:var(--crno)}
.rajko__vnos{display:flex;gap:9px;padding:14px;border-top:1px solid var(--crta);background:var(--papir2)}
.rajko__vnos input{flex:1;border:1px solid var(--crta);padding:12px 14px;font-family:var(--fb);
  font-size:.88rem;background:#fff;color:var(--oglje)}
.rajko__vnos input:focus{outline:none;border-color:var(--oglje)}
.rajko__vnos button{flex:none;width:44px;height:44px;border:0;background:var(--crno);
  color:var(--papir);cursor:pointer;padding:12px}
.rajko__opomba{font-size:.66rem;color:var(--siva);text-align:center;padding:0 16px 12px;background:var(--papir2)}

/* ============================================================
   OBVESTILA — pasica na vrhu in pojavno okno
   ============================================================ */
.pasica{position:relative;z-index:61;font-size:.88rem;line-height:1.55}
.pasica[hidden]{display:none}
.pasica--temna{background:var(--crno);color:var(--papir)}
.pasica--svetla{background:var(--pesek);color:var(--oglje);border-bottom:1px solid var(--crta)}
.pasica__v{display:flex;align-items:center;gap:18px;padding:13px 0;min-height:50px}
.pasica p{margin:0;flex:1}
.pasica a{font-weight:600;text-underline-offset:4px}
.pasica--temna a{color:var(--papir)}
.pasica__zapri{flex:none;background:none;border:0;color:inherit;font-size:1.4rem;line-height:1;
  cursor:pointer;padding:2px 4px;opacity:.6;transition:opacity .2s}
.pasica__zapri:hover{opacity:1}
@media(max-width:640px){.pasica{font-size:.82rem}.pasica__v{padding:11px 0;gap:12px}}

.popup{position:fixed;inset:0;z-index:97;display:flex;align-items:center;justify-content:center;padding:20px}
.popup[hidden]{display:none}
.popup__zavesa{position:absolute;inset:0;background:rgba(13,13,11,.72);opacity:0;transition:opacity .4s}
.popup__okno{position:relative;background:var(--papir);border:1px solid var(--oglje);
  width:min(460px,100%);max-height:88vh;overflow-y:auto;
  opacity:0;transform:translateY(22px) scale(.98);transition:opacity .45s,transform .45s cubic-bezier(.2,.8,.3,1)}
.popup.vidno .popup__zavesa{opacity:1}
.popup.vidno .popup__okno{opacity:1;transform:none}
.popup__zapri{position:absolute;top:10px;right:14px;z-index:2;background:var(--papir);border:0;
  width:34px;height:34px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--oglje)}
.popup__slika{aspect-ratio:16/9;overflow:hidden;background:var(--pesek)}
.popup__slika img{width:100%;height:100%;object-fit:cover}
.popup__t{padding:clamp(26px,4vw,38px)}
.popup__t h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:12px}
.popup__t .oz{margin-bottom:14px}
.popup__t .uvod{margin:0}
.popup__t .akcije{margin-top:26px}
@media(prefers-reduced-motion:reduce){
  .popup__zavesa,.popup__okno{transition:none;opacity:1;transform:none}
}

/* ============================================================
   PRIJAVA NA OBVESTILA
   ============================================================ */
.novice{background:var(--pesek);padding-block:clamp(56px,7vw,90px)}
.novice__v{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
@media(max-width:900px){.novice__v{grid-template-columns:1fr}}
.novice__obrazec{display:grid;gap:16px}
.novice__obrazec .polje{display:grid;gap:8px;margin:0}
.novice__obrazec .polje span{font-size:.62rem;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--siva)}
.novice__obrazec input[type=email]{font-family:var(--fb);font-size:1rem;padding:14px 2px;
  border:0;border-bottom:1px solid rgba(22,22,19,.3);background:transparent;color:var(--oglje);width:100%}
.novice__obrazec input[type=email]:focus{outline:none;border-color:var(--oglje)}
#nv-past{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.novice__privolitev{display:flex;gap:12px;align-items:flex-start;font-size:.82rem;
  line-height:1.6;color:var(--siva);cursor:pointer}
.novice__privolitev input{margin-top:4px;flex:none;accent-color:var(--oglje);width:16px;height:16px}
.novice__obrazec .gumb{justify-self:start}
.novice__odziv{margin:0;font-size:.86rem;line-height:1.6}
.novice__odziv--ok{color:var(--list)}
.novice__odziv--ne{color:#A8452F}

/* ============================================================
   DROBNE VIZUALNE PODROBNOSTI
   ============================================================ */

/* označeno besedilo v barvi strani, ne modro od brskalnika */
::selection{background:var(--oglje);color:var(--papir)}

/* fotografije se ob nalaganju mehko pojavijo, namesto da skočijo */
.fo img{opacity:0;animation:pojav-slike .8s ease forwards}
.fo img[src]{opacity:1;animation:none}
@keyframes pojav-slike{to{opacity:1}}

/* tanka črta pod povezavo v navigaciji zraste iz sredine */
.nav a{position:relative;border-bottom:0}
.nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:-3px;height:1px;
  background:currentColor;transition:left .3s cubic-bezier(.2,.8,.3,1),right .3s cubic-bezier(.2,.8,.3,1)}
.nav a:hover::after,.nav a[aria-current]::after,.nav a.tu::after{left:0;right:0}
@media(max-width:1080px){.nav a::after{display:none}.nav a{border-bottom:1px solid var(--crta)}}

/* tekoči trak se ob prehodu miške ustavi, da se da prebrati */
.trak:hover .trak__t{animation-play-state:paused}

/* žig v heroju rahlo zaniha, ko se stran naloži */
.zig{animation:zanihaj 1.1s cubic-bezier(.2,.9,.3,1) .4s both}
@keyframes zanihaj{from{opacity:0;transform:scale(.86) rotate(-8deg)}to{opacity:1;transform:none}}

/* gumbi dobijo občutek pritiska */
.gumb:active{transform:translateY(1px)}

/* drobna oznaka nad naslovi dobi črtico, kot v reviji */
.oz{display:flex;align-items:center;gap:14px}
.oz::after{content:"";flex:1;max-width:60px;height:1px;background:currentColor;opacity:.35}
.sredina .oz{justify-content:center}
.sredina .oz::before{content:"";flex:1;max-width:60px;height:1px;background:currentColor;opacity:.35}

/* številke cen v meniju dobijo malce zraka */
.jed__c{font-variant-numeric:tabular-nums}
.cenik b,.seznam b{font-variant-numeric:tabular-nums}

@media(prefers-reduced-motion:reduce){
  .fo img{opacity:1;animation:none}
  .zig{animation:none}
}

/* ============================================================
   OKNO S POSAMEZNO JEDJO
   ============================================================ */
.jed{cursor:pointer;outline-offset:6px}
.jed:focus-visible{outline:1.5px solid var(--oglje)}

.jed-okno{position:fixed;inset:0;z-index:98;background:var(--papir);
  display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;transition:opacity .35s}
.jed-okno[hidden]{display:none}
.jed-okno.vidno{opacity:1}

.jed-okno__v{display:grid;gap:clamp(18px,3vw,34px);align-items:center;
  width:min(1100px,100%);max-height:100%;text-align:center}
@media(min-width:960px){
  .jed-okno__v{grid-template-columns:1.05fr .95fr;text-align:left}
  .jed-okno__t .akcije{justify-content:flex-start!important}
}

.jed-okno__krog{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;
  max-height:min(58vh,540px);margin-inline:auto;width:100%}
.jed-okno__krog::before{content:"";position:absolute;inset:2%;border:1px solid var(--crta);border-radius:50%}
.jed-okno__krog::after{content:"";position:absolute;inset:13%;border:1px solid var(--crta);border-radius:50%}
.jed-okno__krog img{width:84%;height:84%;object-fit:contain;position:relative;z-index:2;
  filter:drop-shadow(0 34px 60px rgba(22,22,19,.26));
  animation:vrti 52s linear infinite, prihod .7s cubic-bezier(.2,.8,.3,1)}
@keyframes prihod{from{opacity:0;transform:scale(.9)}to{opacity:1}}
.jed-okno__ni{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  background:var(--crno);color:var(--papir);font-size:.66rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;padding:9px 16px;white-space:nowrap;display:none}
.jed-okno--ni .jed-okno__ni{display:block}
.jed-okno--ni .jed-okno__krog img{filter:grayscale(1) drop-shadow(0 30px 50px rgba(22,22,19,.2));opacity:.55}

.jed-okno__t h3{font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.02;margin-bottom:12px}
.jed-okno__cena{font-family:var(--fd);font-size:clamp(1.3rem,2.4vw,1.85rem);color:var(--siva);
  margin:0 0 22px;font-variant-numeric:tabular-nums}
.jed-okno__opis{font-size:1.02rem;line-height:1.8;color:var(--siva);max-width:44ch;margin:0 0 14px}
@media(max-width:959px){.jed-okno__opis{margin-inline:auto}}
.jed-okno__alergeni{font-size:.76rem;letter-spacing:.04em;color:var(--siva);opacity:.75;margin:0}
.jed-okno__namig{margin:28px 0 0;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--siva)}

.jed-okno__zapri{position:absolute;top:20px;right:24px;z-index:4;background:none;border:0;
  font-size:2rem;line-height:1;cursor:pointer;color:var(--oglje);padding:6px 10px;opacity:.6;transition:.2s}
.jed-okno__zapri:hover{opacity:1}

.jed-okno__pusc{position:absolute;top:50%;transform:translateY(-50%);z-index:4;
  width:52px;height:52px;border:1px solid var(--crta);background:var(--papir);cursor:pointer;
  padding:15px;color:var(--oglje);border-radius:50%;transition:.22s}
.jed-okno__pusc:hover{border-color:var(--oglje);transform:translateY(-50%) scale(1.06)}
.jed-okno__pusc--nazaj{left:24px}
.jed-okno__pusc--naprej{right:24px}
@media(max-width:720px){
  .jed-okno{padding:16px}
  .jed-okno__pusc{width:44px;height:44px;padding:12px;top:auto;bottom:18px;transform:none}
  .jed-okno__pusc:hover{transform:scale(1.06)}
  .jed-okno__pusc--nazaj{left:18px}
  .jed-okno__pusc--naprej{right:18px}
  .jed-okno__namig{margin-bottom:56px}
}

@media(prefers-reduced-motion:reduce){
  .jed-okno__krog img{animation:none}
  .jed-okno{transition:none}
}

/* ============================================================
   PLAVAJOČI PAS NA TELEFONU — Rajko in naročilo
   V slogu strani: ravni robovi, tanka črna obroba, brez zaokrožitev.
   ============================================================ */
.plavajoci{display:none}

@media(max-width:820px){
  .plavajoci{display:flex;align-items:stretch;gap:0;
    position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));
    transform:translateX(-50%);z-index:92;
    background:var(--papir);border:1px solid var(--oglje);
    box-shadow:0 18px 40px rgba(13,13,11,.24);
    transition:transform .38s cubic-bezier(.2,.8,.3,1),opacity .3s}
  .plavajoci.skrit{transform:translate(-50%,150%);opacity:0;pointer-events:none}

  .plavajoci__rajko{width:52px;flex:none;border:0;border-right:1px solid var(--oglje);
    background:transparent;padding:9px;cursor:pointer;display:flex;align-items:center}
  .plavajoci__rajko svg{width:100%;height:auto}
  .plavajoci__rajko:active{background:var(--pesek)}

  .plavajoci__naroci{display:inline-flex;align-items:center;gap:11px;text-decoration:none;
    height:52px;padding:0 26px;background:var(--oglje);color:var(--papir);
    font-size:.68rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;white-space:nowrap}
  .plavajoci__naroci svg{width:16px;height:16px;flex:none}
  .plavajoci__naroci:active{opacity:.85}

  /* okrogli gumb desno spodaj je zdaj v pasu */
  .rajko-gumb{display:none}
  .noga{padding-bottom:104px}
}

@media(prefers-reduced-motion:reduce){.plavajoci{transition:none}}