/* =========================================================
   Agatn Laputnk – skupni slog za vse strani
   Izpeljano iz predloge predloge/naslovnica-osnutek.html
   ========================================================= */

:root {
  --crnilo: #111111;
  --ozadje: #FFFFFF;
  --poudarek: #D21F1A;
  --poudarek-temen: #B3170F;
  --poudarek-svetel: #FF6B5E;
  --crta: #DDD8D0;
  --polje: #F2EFEA;
  --sivo: #3A3732;
  --sivo-2: #5A5650;
  --sivo-3: #4A4640;
  --sivo-noga: #D8D4CE;
  --sivo-noga-2: #B5B0A8;
  --nadomestek: #E9E6E1;
  --serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sans: 'Libre Franklin', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --sirina: 1240px;
  --rob: 24px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--ozadje);
  color: var(--crnilo);
  font-family: var(--sans);
  min-height: 100vh;
}

img { max-width: 100%; height: auto; display: block; }

a { color: var(--crnilo); text-decoration: none; }
a:hover { color: var(--poudarek-temen); text-decoration: underline; }
a:focus-visible { outline: 2px solid var(--poudarek); outline-offset: 2px; }

.skrito {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); white-space: nowrap;
}

/* ---------- Pomožni razredi iz predloge ---------- */

/* Nadomestek za manjkajočo fotografijo: sivi črtasti okvir */
.ph {
  background-color: var(--nadomestek);
  background-image: repeating-linear-gradient(135deg, rgba(0,0,0,.045) 0 10px, transparent 10px 20px);
  display: flex; align-items: center; justify-content: center;
  color: var(--sivo-2);
  font: 600 12px/1.3 var(--sans);
  letter-spacing: .08em; text-transform: uppercase; text-align: center;
  width: 100%;
}

/* Nadnaslov (rubrika) */
.kick {
  font: 700 11px/1 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--poudarek);
}
a.kick:hover { color: var(--poudarek-temen); }

/* Naslov (serif) */
.hed {
  font-family: var(--serif);
  font-weight: 700;
  margin: 0;
  color: var(--crnilo);
  letter-spacing: -.01em;
}

.r-16-9 { aspect-ratio: 16 / 9; }
.r-3-2  { aspect-ratio: 3 / 2; }
.r-4-3  { aspect-ratio: 4 / 3; }
.r-16-9, .r-3-2, .r-4-3 { width: 100%; object-fit: cover; }

/* ---------- Zgornja vrstica ---------- */

.vrh { border-bottom: 1px solid var(--crta); background: var(--ozadje); }
.vrh-notranji {
  max-width: var(--sirina); margin: 0 auto; padding: 10px var(--rob);
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;
  gap: 8px 24px; font-size: 13px; color: var(--sivo-3);
}
.vrh-levo, .vrh-desno { display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: center; }
.vrh-datum { font-weight: 600; color: var(--crnilo); }
.vrh a { color: var(--sivo-3); }
.vrh a.gumb-narocnina,
a.gumb-narocnina {
  background: var(--poudarek); color: #FFFFFF;
  padding: 8px 14px; font-weight: 700; font-size: 12px;
  letter-spacing: .06em; text-transform: uppercase;
  min-height: 20px; display: inline-flex; align-items: center;
}
a.gumb-narocnina:hover { background: var(--poudarek-temen); color: #FFFFFF; text-decoration: none; }

/* ---------- Glava, logotip, meni ---------- */

.glava { max-width: var(--sirina); margin: 0 auto; padding: 28px var(--rob) 0; }
.logotip-okvir { display: flex; justify-content: center; }
.logotip { display: block; width: 100%; max-width: 560px; }
.logotip img { width: 100%; height: auto; mix-blend-mode: multiply; } /* skrije rahlo sivo ozadje PNG-ja */
.geslo {
  text-align: center; margin: 4px 0 22px;
  font-family: var(--serif); font-style: italic; font-size: 17px; color: var(--sivo-3);
}

.meni { border-top: 3px solid var(--crnilo); border-bottom: 1px solid var(--crnilo); }
.meni-seznam {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 0 4px;
  padding: 4px 0; margin: 0; list-style: none;
}
.meni-seznam a { display: block; padding: 12px; font-weight: 700; font-size: 14px; }
.meni-seznam a[aria-current="page"] {
  color: var(--poudarek);
  box-shadow: inset 0 -3px 0 var(--poudarek);
}

.zadnja-vest {
  display: flex; align-items: stretch;
  border-bottom: 1px solid var(--crta); font-size: 14px;
}
.zadnja-vest .kick {
  background: var(--poudarek); color: #FFFFFF;
  padding: 12px 14px; display: flex; align-items: center; flex-shrink: 0;
}
.zadnja-vest a { padding: 12px 16px; font-weight: 600; flex: 1 1 auto; min-width: 0; }

/* ---------- Osnovni vsebinski okvir ---------- */

.vsebina { max-width: var(--sirina); margin: 0 auto; padding: 32px var(--rob) 0; }

/* ---------- Naslovnica ---------- */

.naslovnica-zgoraj { display: flex; flex-wrap: wrap; gap: 40px; }

.glavni-stolpec {
  flex: 999 1 600px; min-width: 0;
  display: flex; flex-direction: column; gap: 36px;
}

.glavni-clanek { display: flex; flex-direction: column; gap: 16px; }
.glavni-clanek .hed { font-size: 56px; line-height: 1.02; font-weight: 800; }
.glavni-clanek .uvod {
  margin: 0; font-family: var(--serif); font-size: 21px; line-height: 1.45;
  color: #2B2824; max-width: 720px;
}
.podpis { font-size: 13px; color: var(--sivo-2); }
.podpis strong { color: var(--crnilo); }

.stranska {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px; border-top: 1px solid var(--crnilo); padding-top: 24px;
}
.stranski-clanek { display: flex; flex-direction: column; gap: 10px; }
.stranski-clanek .hed { font-size: 28px; line-height: 1.1; }
.povzetek { margin: 0; font-size: 15px; line-height: 1.5; color: var(--sivo); }

.stranski-stolpec {
  flex: 1 1 300px; min-width: 0;
  display: flex; flex-direction: column; gap: 28px;
}

.okvir-naslov {
  margin: 0 0 4px; font-size: 13px;
  padding-bottom: 10px; border-bottom: 3px solid var(--crnilo);
  color: var(--crnilo);
}
.izbor { list-style: none; margin: 0; padding: 0; }
.izbor li { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--crta); }
.izbor .stevka { font-size: 34px; line-height: .9; color: var(--poudarek); min-width: 26px; }
.izbor a.hed { font-size: 18px; line-height: 1.2; font-weight: 600; }

.priloga {
  background: var(--crnilo); color: #FFFFFF; padding: 24px;
  display: flex; flex-direction: column; gap: 12px;
}
.priloga .kick { color: var(--poudarek-svetel); }
.priloga .hed { font-size: 30px; line-height: 1.05; color: #FFFFFF; }
.priloga p:not(.hed) { margin: 0; font-size: 14px; line-height: 1.5; color: var(--sivo-noga); }
.priloga a { color: #FFFFFF; font-weight: 700; font-size: 14px; text-decoration: underline; }
.priloga a:hover { color: var(--poudarek-svetel); }

/* Sklop »Iz tokratne številke« in podobni sklopi */
.sklop { margin-top: 48px; }
.sklop-glava {
  display: flex; justify-content: space-between; align-items: baseline; gap: 16px;
  border-top: 3px solid var(--crnilo); padding-top: 12px; margin-bottom: 20px;
}
.sklop-glava .hed { font-size: 30px; }
.sklop-glava a { font-size: 14px; font-weight: 600; }

.mreza-slike {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 28px;
}
.mreza-slike article { display: flex; flex-direction: column; gap: 8px; }
.mreza-slike .hed { font-size: 21px; line-height: 1.15; }

.mreza-seznam {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0 28px; margin-top: 28px; border-top: 1px solid var(--crta);
}
.mreza-seznam article {
  padding: 16px 0; border-bottom: 1px solid var(--crta);
  display: flex; flex-direction: column; gap: 6px;
}
.mreza-seznam .hed { font-size: 19px; line-height: 1.2; font-weight: 600; }

/* Naročnina */
.narocnina {
  margin-top: 56px; background: var(--polje); border-top: 3px solid var(--poudarek);
  padding: 36px 32px; display: flex; flex-wrap: wrap; gap: 24px 48px; align-items: center;
}
.narocnina-besedilo { flex: 999 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.narocnina-besedilo .hed { font-size: 34px; line-height: 1.1; }
.narocnina-besedilo p:not(.hed) { margin: 0; font-size: 15px; line-height: 1.5; color: var(--sivo); }
.narocnina-gumbi { flex: 1 1 240px; display: flex; flex-direction: column; gap: 10px; }
.gumb-crn {
  background: var(--crnilo); color: #FFFFFF; padding: 16px 22px;
  font-weight: 700; font-size: 15px; text-align: center;
}
.gumb-crn:hover { background: var(--poudarek); color: #FFFFFF; text-decoration: none; }
.gumb-obroba {
  border: 1.5px solid var(--crnilo); padding: 14px 22px;
  font-weight: 700; font-size: 15px; text-align: center;
}

/* ---------- Stran članka ---------- */

.clanek { max-width: 820px; margin: 0 auto; }
.clanek-glava {
  max-width: 820px; margin: 0 auto 28px;
  display: flex; flex-direction: column; gap: 16px; text-align: left;
}
.clanek-naslov { font-size: 54px; line-height: 1.04; font-weight: 800; }
.clanek-povzetek {
  margin: 0; font-family: var(--serif); font-style: italic;
  font-size: 23px; line-height: 1.4; color: #2B2824;
}
.clanek-podpis {
  display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center;
  font-size: 13px; color: var(--sivo-2);
  border-top: 1px solid var(--crta); border-bottom: 1px solid var(--crta);
  padding: 12px 0;
}
.clanek-podpis strong { color: var(--crnilo); }
.clanek-podpis time { color: var(--sivo-2); }

.clanek-slika { margin: 0 0 36px; }
.clanek-slika figcaption {
  margin-top: 10px; font-size: 13px; line-height: 1.45; color: var(--sivo-2);
  border-left: 3px solid var(--poudarek); padding-left: 10px;
}

.clanek-besedilo {
  max-width: 680px; margin: 0 auto;
  font-family: var(--serif); font-size: 20px; line-height: 1.65; color: #1C1A17;
}
.clanek-besedilo p { margin: 0 0 1.1em; }
.clanek-besedilo > p:first-of-type::first-letter {
  float: left; font-size: 3.6em; line-height: .85; font-weight: 800;
  padding: .06em .08em 0 0; color: var(--crnilo);
}
.clanek-besedilo > p.brez-inicialke::first-letter,
.clanek-besedilo > .krizanka-ovoj + p::first-letter {
  float: none; font-size: inherit; line-height: inherit; font-weight: inherit; padding: 0;
}
.clanek-besedilo .kraj { font-family: var(--sans); font-size: .8em; font-weight: 800; letter-spacing: .04em; }
.clanek-besedilo h2 {
  font-family: var(--sans); font-size: 20px; font-weight: 800; line-height: 1.3;
  margin: 1.8em 0 .6em; color: var(--crnilo);
}
.clanek-besedilo blockquote {
  margin: 1.6em 0; padding: 4px 0 4px 22px;
  border-left: 4px solid var(--poudarek);
  font-size: 26px; line-height: 1.35; font-style: italic; color: var(--crnilo);
}
.clanek-besedilo blockquote p { margin: 0; }
.clanek-besedilo a { text-decoration: underline; text-decoration-color: var(--poudarek); text-underline-offset: 3px; }
.clanek-besedilo ul, .clanek-besedilo ol { padding-left: 1.3em; margin: 0 0 1.1em; }
.clanek-besedilo img { margin: 1.4em 0; }

/* Križanka (v wikiju: ::: krizanka … :::) */
.krizanka-ovoj {
  position: relative; left: 50%; right: 50%;
  margin: 1.8em -50vw; width: 100vw;
  padding: 0 var(--rob); overflow-x: auto;
}
.krizanka {
  border-collapse: collapse; margin: 0 auto;
  table-layout: fixed; background: #FFFFFF;
  font-family: var(--sans);
}
.krizanka td {
  width: 96px; height: 76px; padding: 0;
  border: 1px solid var(--crnilo); vertical-align: top;
}
.krizanka .k-prazno { background: #FFFFFF; }
.krizanka .k-namig {
  background: var(--polje); position: relative;
  font-size: 11px; line-height: 1.25; color: var(--crnilo);
  padding: 5px 18px 5px 5px;
}
.krizanka .k-namig .k-del { display: block; position: relative; padding-right: 8px; }
.krizanka .k-dvojni .k-del + .k-del { margin-top: 5px; padding-top: 5px; border-top: 1px solid #C9C3B9; }
.krizanka .k-desno::after, .krizanka .k-dol::after {
  position: absolute; color: var(--poudarek); font-size: 12px; line-height: 1;
}
.krizanka .k-desno::after { content: '→'; right: 3px; bottom: 3px; }
.krizanka .k-dol::after { content: '↓'; right: 3px; bottom: 3px; }
.krizanka .k-dvojni .k-del.k-desno::after { right: 0; top: 0; bottom: auto; }
.krizanka .k-dvojni .k-del.k-dol::after { right: 0; top: 0; bottom: auto; }
.krizanka .k-podpis {
  background: var(--crnilo); color: #FFFFFF;
  font-size: 11px; line-height: 1.25; padding: 5px; font-weight: 700;
}
.krizanka-opomba {
  max-width: 680px; margin: 0 auto 1.2em; font-family: var(--sans);
  font-size: 13px; line-height: 1.5; color: var(--sivo-2);
}

@media (max-width: 760px) {
  .krizanka td { width: 76px; height: 64px; }
  .krizanka .k-namig { font-size: 10px; padding: 4px 11px 4px 4px; }
}

@media print {
  .krizanka-ovoj { position: static; margin: 1em 0; width: auto; padding: 0; overflow: visible; }
  .krizanka td { width: auto; height: 64px; }
  .krizanka .k-namig { background: #EEE !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .krizanka .k-podpis { background: #FFF !important; color: #000 !important; border: 1px solid #000; }
}

/* Pogovor (intervju): odstavki »KRATICA: besedilo« */
.clanek-besedilo .pogovor { margin: 0 0 1em; }
.clanek-besedilo .govorec {
  font-family: var(--sans); font-size: .7em; font-weight: 800;
  letter-spacing: .08em; margin-right: .5em; vertical-align: .08em;
}
.clanek-besedilo .vprasanje {
  font-family: var(--sans); font-size: .85em; line-height: 1.5; font-weight: 600;
  color: var(--crnilo); margin-top: 1.6em;
}
.clanek-besedilo .vprasanje .govorec { color: var(--poudarek); font-size: .82em; }
.clanek-besedilo .pogovor + .pogovor { margin-top: 0; }
.clanek-besedilo .vprasanje + .odgovor { margin-top: .5em; }

/* Okvirček ob strani (v wikiju: ::: okvir Naslov … :::) */
.clanek-besedilo .okvir {
  float: right; width: 270px; margin: .3em -70px 1.2em 28px;
  background: var(--polje); border-top: 3px solid var(--poudarek);
  padding: 16px 18px 18px;
  font-family: var(--sans); font-size: 15px; line-height: 1.55; color: var(--sivo);
}
.clanek-besedilo .okvir .kick { display: block; margin-bottom: 10px; }
.clanek-besedilo .okvir p { margin: 0 0 .7em; }
.clanek-besedilo .okvir p:last-child { margin-bottom: 0; }
.clanek-besedilo::after { content: ''; display: block; clear: both; }
@media (max-width: 1000px) { .clanek-besedilo .okvir { margin-right: 0; } }
@media (max-width: 600px) {
  .clanek-besedilo .okvir { float: none; width: auto; margin: 0 0 1.4em; }
}

.clanek-konec {
  max-width: 680px; margin: 36px auto 0; padding-top: 14px;
  border-top: 1px solid var(--crnilo);
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px;
  font-size: 13px; color: var(--sivo-2);
}

/* ---------- Strani rubrik in arhiva ---------- */

.seznam-glava { border-bottom: 3px solid var(--crnilo); padding-bottom: 14px; margin-bottom: 8px; }
.seznam-glava .hed { font-size: 44px; line-height: 1.05; font-weight: 800; }
.seznam-glava p { margin: 8px 0 0; font-size: 15px; color: var(--sivo); }

.seznam-clankov { list-style: none; margin: 0; padding: 0; }
.seznam-clankov li {
  display: flex; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--crta);
}
.seznam-clankov .sl { flex: 0 0 220px; }
.seznam-clankov .besedilo { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 8px; }
.seznam-clankov .hed { font-size: 26px; line-height: 1.12; }

.arhiv-mesec { font-size: 22px; margin: 36px 0 4px; }

.prazno {
  background: var(--polje); padding: 24px; margin: 24px 0;
  font-size: 15px; color: var(--sivo);
}

/* ---------- Spletna trgovina ---------- */

.trgovina-uvod {
  max-width: 760px; margin: 22px 0 0;
  font-family: var(--serif); font-size: 19px; line-height: 1.5; color: #2B2824;
}
.trgovina-opomba {
  max-width: 760px; margin: 36px 0 0; padding-top: 16px;
  border-top: 1px solid var(--crta);
  font-size: 13px; line-height: 1.55; color: var(--sivo-2);
}

.izdelki {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 32px 28px; margin-top: 32px;
}
.izdelek {
  display: flex; flex-direction: column;
  border-top: 1px solid var(--crnilo); padding-top: 14px;
}
.izdelek-slika {
  background: var(--polje); height: 190px; margin-bottom: 14px;
  display: flex; align-items: center; justify-content: center; padding: 12px;
}
.izdelek-slika img { max-height: 166px; width: auto; object-fit: contain; }
.izdelek-slika .ph { height: 100%; }
.izdelek-telo { display: flex; flex-direction: column; flex: 1 1 auto; gap: 8px; }
.izdelek-ime { font-size: 22px; line-height: 1.15; }
.izdelek-koda {
  margin: -2px 0 0; font-size: 11px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: var(--sivo-2);
}
.izdelek-opis { margin: 0; font-size: 14px; line-height: 1.55; color: var(--sivo); }
.izdelek-noga {
  margin-top: auto; padding-top: 14px;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;
}
.izdelek-cena {
  font-family: var(--serif); font-size: 21px; font-weight: 700; color: var(--crnilo);
}
.v-kosarico {
  font-family: var(--sans); font-size: 12px; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  background: var(--crnilo); color: #FFFFFF; border: 0;
  padding: 11px 16px; cursor: pointer;
}
.v-kosarico:hover { background: var(--poudarek); }
.v-kosarico:active { transform: translateY(1px); }
.v-kosarico:focus-visible { outline: 2px solid var(--poudarek); outline-offset: 2px; }

.izdelek-slika.majhna { height: 150px; margin-bottom: 10px; }
.izdelek-slika.majhna img { max-height: 126px; }

/* Stran posameznega izdelka */
.drobtine {
  margin: 20px 0 0; font-size: 12px; font-weight: 700;
  letter-spacing: .08em; text-transform: uppercase; color: var(--sivo-2);
}
.drobtine a { color: var(--poudarek); }
.drobtine span[aria-hidden] { margin: 0 6px; }

.izdelek-stran {
  display: flex; flex-wrap: wrap; gap: 40px;
  margin-top: 18px; padding-top: 22px; border-top: 3px solid var(--crnilo);
}
.izdelek-velika-slika {
  flex: 1 1 420px; min-width: 0; background: var(--polje);
  display: flex; align-items: center; justify-content: center; padding: 24px;
}
.izdelek-velika-slika img { max-height: 520px; width: auto; object-fit: contain; }
.izdelek-velika-slika .ph { min-height: 320px; width: 100%; }
.izdelek-podatki { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 14px; }
.izdelek-naslov { font-size: 40px; line-height: 1.08; font-weight: 800; }
.izdelek-podatki .izdelek-koda { margin: -8px 0 0; }
.izdelek-dolg-opis {
  margin: 0; font-family: var(--serif); font-size: 19px; line-height: 1.6; color: #1C1A17;
}
.izdelek-nakup {
  display: flex; flex-wrap: wrap; align-items: center; gap: 16px;
  padding: 18px 0; border-top: 1px solid var(--crta); border-bottom: 1px solid var(--crta);
}
.izdelek-cena.velika { font-size: 30px; }
.v-kosarico.velik { font-size: 14px; padding: 15px 26px; }
.izdelek-dostava { margin: 0; font-size: 13px; line-height: 1.55; color: var(--sivo-2); }

.obvestilo {
  position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 12px);
  background: var(--crnilo); color: #FFFFFF;
  padding: 14px 20px; max-width: calc(100vw - 32px);
  font-size: 14px; line-height: 1.4; text-align: center;
  border-left: 4px solid var(--poudarek);
  opacity: 0; visibility: hidden; transition: opacity .18s, transform .18s, visibility .18s;
  z-index: 10;
}
.obvestilo.vidno { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
@media (prefers-reduced-motion: reduce) { .obvestilo { transition: none; } }

/* ---------- Noga ---------- */

.noga { margin-top: 64px; background: var(--crnilo); color: var(--sivo-noga); }
.noga-notranji {
  max-width: var(--sirina); margin: 0 auto; padding: 48px var(--rob) 32px;
  display: flex; flex-direction: column; gap: 32px;
}
.noga-stolpci { display: flex; flex-wrap: wrap; gap: 32px 56px; }
.noga-stolpec { flex: 1 1 260px; display: flex; flex-direction: column; gap: 10px; }
.noga-stolpec.siroko { flex: 1 1 320px; gap: 8px; font-size: 14px; line-height: 1.5; }
.noga-stolpec.ozko { flex: 1 1 200px; gap: 8px; font-size: 14px; }
.noga .hed { font-size: 30px; color: #FFFFFF; font-weight: 800; }
.noga p { margin: 0; font-size: 14px; line-height: 1.55; }
.noga .kick { color: #FFFFFF; margin-bottom: 4px; }
.noga strong { color: #FFFFFF; }
.noga a { color: var(--sivo-noga); }
.noga a:hover { color: #FFFFFF; }
.noga .avtorske {
  padding-top: 20px; border-top: 1px solid var(--sivo);
  font-size: 12px; line-height: 1.5; letter-spacing: .02em; color: var(--sivo-noga-2);
}

/* ---------- Telefon in manjši zasloni ---------- */

@media (max-width: 760px) {
  :root { --rob: 16px; }
  .glava { padding-top: 18px; }
  .geslo { font-size: 15px; margin-bottom: 16px; }
  .meni-seznam { justify-content: flex-start; }
  .meni-seznam a { padding: 9px 8px; font-size: 13px; }
  .zadnja-vest { flex-direction: column; }
  .zadnja-vest .kick { padding: 8px 12px; }
  .zadnja-vest a { padding: 10px 12px; }
  .vsebina { padding-top: 22px; }
  .naslovnica-zgoraj { gap: 32px; }
  .glavni-clanek .hed { font-size: 36px; }
  .glavni-clanek .uvod { font-size: 18px; }
  .stranski-clanek .hed { font-size: 24px; }
  .narocnina { padding: 26px 20px; }
  .narocnina-besedilo .hed { font-size: 26px; }
  .clanek-naslov { font-size: 34px; }
  .clanek-povzetek { font-size: 19px; }
  .clanek-slika { margin-left: calc(-1 * var(--rob)); margin-right: calc(-1 * var(--rob)); }
  .clanek-slika figcaption { margin-left: var(--rob); margin-right: var(--rob); }
  .clanek-besedilo { font-size: 18px; }
  .clanek-besedilo blockquote { font-size: 21px; }
  .sklop-glava .hed { font-size: 24px; }
  .seznam-glava .hed { font-size: 32px; }
  .seznam-clankov li { flex-direction: column; gap: 12px; }
  .seznam-clankov .sl { flex-basis: auto; }
  .seznam-clankov .hed { font-size: 22px; }
  .trgovina-uvod { font-size: 17px; }
  .izdelki { grid-template-columns: 1fr; gap: 28px; }
  .izdelek-slika { height: 210px; }
  .izdelek-stran { gap: 24px; }
  .izdelek-velika-slika { padding: 16px; }
  .izdelek-velika-slika img { max-height: 320px; }
  .izdelek-naslov { font-size: 30px; }
  .izdelek-dolg-opis { font-size: 17px; }
  .obvestilo { left: var(--rob); right: var(--rob); bottom: 16px; transform: translateY(12px); max-width: none; }
  .obvestilo.vidno { transform: translateY(0); }
}