/* ============================================================================
   SISTEM — knjižnica blokov za storitvene strani in strani rešitev
   ============================================================================
   Vsi novi pasovi so sestavljeni iz gradnikov v tej datoteki. Nobene
   literalne barve, velikosti ali razmika: vse bere tokene iz cgp.css
   (del A). Če kaj manjka, se najprej doda token v cgp.css.

   Imena so v slovenščini in se začnejo z .mms- (multimedija sistem), da
   se ne prepletajo s starimi .mm- pravili iz glava-noga.css.

   KAZALO
   ------
   1  Pas in glava pasu
   2  Tipografija bloka in proza
   3  Gumbi in povezave
   4  Mreže in kartice
   5  Ikone
   6  Seznami s kljukicami in značke
   7  Koraki (časovnica)
   8  Dvojni pas (besedilo + slika)
   9  Dejstva in številke
   10 Primerjava
   11 Cenik
   12 Pogosta vprašanja
   13 Poziv k dejanju
   14 Navedek stranke
   15 Povzetek za bralca in AI
   16 Kazalo strani
   17 Preglednica
   18 Naslovni pas strani (hero)
   19 Odzivnost

   Datum: 21. 9. 2026
   ============================================================================ */
/* ══════════════════════════════════════════════════════════════════════
   0 · IZNIČENJE STAREGA GLOBALNEGA SLOGA
   Spletišče ima v glavi ročno napisan slog

       @media (min-width: 1024px) { ul { margin: 10px 0 10px 20px !important } }

   Ker ima !important, ga po natančnosti ni mogoče prepisati: vsak <ul>
   sistema — mreže kartic, seznami s kljukicami, značke, kazalo, cenik,
   dokazi v heroju — bi bil zamaknjen 20 px desno od svojega naslova,
   v podmeniju v glavi pa bi zgornjih 10 px ustvarilo prazno vrzel, kjer
   kazalec zapusti postavko in se podmeni zapre.

   Tu ga izničimo samo za sezname sistema. Ko bo tisti slog odstranjen
   iz glave strani, se lahko izbriše tudi ta razdelek.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-mreza,
.mmnk .mms-seznam,
.mmnk .mms-znacke,
.mmnk .mms-kazalo,
.mmnk .mms-dejstva,
.mmnk .mms-cenik,
.mmnk .mms-koraki,
.mmnk .mms-povzetek ul,
.mmnk .mms-prim ul,
.mmnk .mms-paket ul,
.mmnk .mms-karta ul,
.mmnk .mms-dvojno ul,
.mmnk .mms-logotipi { margin: 0 !important }
.mmnk .mms-hero__dokazi { margin: var(--r-7) 0 0 !important }
.mmnk .mms-proza ul,
.mmnk .mms-proza ol { margin: 0 0 var(--r-5) !important }
.mmnk .mms-proza > :last-child { margin-bottom: 0 !important }
/* ══════════════════════════════════════════════════════════════════════
   1 · PAS IN GLAVA PASU
   ══════════════════════════════════════════════════════════════════════ */
/* Ozadje pasu nosi Fusionov vsebnik (razred se mu doda v skripti strani),
   ker edini sega čez celo širino zaslona. Zrak nad in pod vsebino nosi
   .mms-blok znotraj njega. */
.mmnk .mms-pas--mehka { background: var(--pas-mehka) !important }
.mmnk .mms-pas--temna { background: var(--pas-temna) !important }
.mmnk .mms-pas--znamka { background: var(--pas-znamka) !important }
.mmnk .mms-blok {
	padding-block: var(--pas-zrak);
	color: var(--barva-telo);
	font-family: var(--pisava);
	font-size: var(--f-telo);
	line-height: var(--vrstica-telo);
}
.mmnk .mms-blok--ozko { padding-block: var(--pas-ozko) }
.mmnk .mms-blok--siroko { padding-block: var(--pas-siroko) }
/* Kadar dva pasova spadata skupaj, drugi nima zraka na vrhu. */
.mmnk .mms-blok--brez { padding-block: 0 }
/* Ritem pasov drži padding, ne odmiki prve in zadnje vrstice v njem —
   sicer so razmiki med pasovi vsakič drugačni (Milan, 25. 9. 2026). */
.mmnk .mms-blok > :first-child { margin-top: 0 }
.mmnk .mms-blok > :last-child { margin-bottom: 0 }
/* Na temnem pasu se privzeto obrnejo vse barve besedila. */
.mmnk .mms-blok--temno,
.mmnk .mms-pas--temna .mms-blok,
.mmnk .mms-pas--znamka .mms-blok { color: var(--barva-na-temnem-telo) }
/* --- glava pasu: nadnaslov, naslov, uvod ---------------------------- */
.mmnk .mms-glava { margin-bottom: var(--do-vsebine) }
.mmnk .mms-glava:last-child { margin-bottom: 0 }
.mmnk .mms-nad {
	margin: 0 0 var(--do-naslova);
	font-family: var(--pisava);
	font-size: var(--nad-velikost);
	font-weight: var(--nad-teza);
	letter-spacing: var(--nad-razmik);
	text-transform: uppercase;
	color: var(--nad-barva);
}
.mmnk .mms-blok--temno .mms-nad,
.mmnk .mms-pas--temna .mms-nad,
.mmnk .mms-pas--znamka .mms-nad { color: var(--nad-barva-temno) }
.mmnk .mms-h2 {
	margin: 0;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h2);
	font-weight: var(--teza-naslov);
	line-height: var(--vrstica-h2);
	letter-spacing: var(--razmik-h2);
	color: var(--barva-naslov);
	text-wrap: balance;
}
/* Druga vrstica naslova je poudarek v modri, ne ležeča — tako je na
   domači strani, na izdelavi strani in na trgovini (Milan, 23. 9. 2026).
   Ležeča tanka pisava je bila prej in je ne uporabljamo več nikjer. */
.mmnk .mms-h2 span {
	display: block;
	color: var(--barva-povezava);
}
.mmnk .mms-blok--temno .mms-h2,
.mmnk .mms-pas--temna .mms-h2,
.mmnk .mms-pas--znamka .mms-h2 { color: var(--barva-na-temnem) }
.mmnk .mms-blok--temno .mms-h2 span,
.mmnk .mms-pas--temna .mms-h2 span,
.mmnk .mms-pas--znamka .mms-h2 span { color: var(--barva-znamka-svetla) }
.mmnk .mms-uvod {
	max-width: var(--vsebina-besedilo);
	margin: var(--do-uvoda) 0 0;
	font-size: var(--f-uvod);
	line-height: 1.55;
	color: var(--barva-telo);
}
.mmnk .mms-blok--temno .mms-uvod,
.mmnk .mms-pas--temna .mms-uvod,
.mmnk .mms-pas--znamka .mms-uvod { color: var(--barva-na-temnem-telo) }
/* Povezava v uvodu temnega pasu (npr. članek o Minimaxu) mora biti berljiva na temnem. */
.mmnk .mms-pas--temna .mms-uvod a { color: var(--barva-cyan); text-decoration: underline; text-underline-offset: .15em }
/* Povezava na koncu uvoda (npr. »Vse o spletnih aplikacijah →«), 27. 9. 2026. */
.mmnk .mms-uvod .mms-uvod__vec { color: var(--barva-znamka); font-weight: var(--teza-krepko); text-decoration: none; white-space: nowrap }
.mmnk .mms-uvod .mms-uvod__vec:hover { text-decoration: underline; text-underline-offset: .15em }
.mmnk .mms-pas--temna .mms-uvod a:hover { color: var(--barva-bela) }

/* Pas, ki ima samo glavo (nadnaslov, naslov, uvod) in nič pod njo. */
.mmnk .mms-pas--samo-glava .mms-glava { margin-bottom: 0 }
.mmnk .mms-glava--sredina { text-align: center }
.mmnk .mms-glava--sredina .mms-uvod { margin-inline: auto }
/* Naslov levo, uvod desno — za pasove s širšo vsebino. */
.mmnk .mms-glava--deljena {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: var(--r-7) var(--r-11);
	align-items: end;
}
.mmnk .mms-glava--deljena .mms-uvod { margin-top: 0 }
/* ══════════════════════════════════════════════════════════════════════
   2 · TIPOGRAFIJA BLOKA IN PROZA
   ══════════════════════════════════════════════════════════════════════ */
/* Tekoče besedilo (razlage, odgovori). Ozko, da se dobro bere. */
.mmnk .mms-proza { max-width: var(--vsebina-besedilo) }
/* Razmik je zapisan kot spodnji rob posameznega elementa, ne z izbirnikom
   * + *: ta ima nižjo natančnost od .mms-proza p in ga margin ne bi dosegel. */
.mmnk .mms-proza p,
.mmnk .mms-proza ul,
.mmnk .mms-proza ol { margin: 0 0 var(--r-5); font-size: var(--f-telo); line-height: var(--vrstica-telo) }
.mmnk .mms-proza > :last-child { margin-bottom: 0 }
.mmnk .mms-proza > :first-child { margin-top: 0 }
.mmnk .mms-proza h3 { margin: var(--r-8) 0 var(--r-4); font-family: var(--pisava-naslov);
	font-size: var(--f-h3); font-weight: var(--teza-naslov); color: var(--barva-naslov) }
.mmnk .mms-proza strong { font-weight: var(--teza-krepko); color: var(--barva-naslov) }
.mmnk .mms-proza a { color: var(--barva-znamka-temna); text-decoration: underline;
	text-underline-offset: 3px }
.mmnk .mms-proza a:hover { color: var(--barva-znamka) }
/* ══════════════════════════════════════════════════════════════════════
   3 · GUMBI IN POVEZAVE
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-gumb {
	display: inline-flex;
	align-items: center;
	gap: var(--r-2);
	padding: var(--gumb-odmik);
	border: 0;
	border-radius: var(--gumb-radij);
	background: var(--barva-poudarek);
	color: var(--barva-navy);
	font-family: var(--pisava);
	font-size: var(--gumb-velikost);
	font-weight: var(--gumb-teza);
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
	transition: background var(--cas) var(--krivulja), color var(--cas) var(--krivulja);
}
.mmnk .mms-gumb:hover { background: var(--barva-poudarek-hover); color: var(--barva-navy) }
/* Obrisni gumb — druga izbira ob rumenem. */
.mmnk .mms-gumb--obris {
	background: transparent;
	border: 1.5px solid var(--barva-crta);
	color: var(--barva-naslov);
}
.mmnk .mms-gumb--obris:hover { background: var(--nev-200); border-color: var(--nev-400); color: var(--barva-naslov) }
.mmnk .mms-blok--temno .mms-gumb--obris,
.mmnk .mms-pas--temna .mms-gumb--obris {
	border-color: var(--barva-crta-temna);
	color: var(--barva-na-temnem);
}
.mmnk .mms-blok--temno .mms-gumb--obris:hover,
.mmnk .mms-pas--temna .mms-gumb--obris:hover {
	background: rgba(255, 255, 255, .1);
	color: var(--barva-na-temnem);
}
/* Povezava z majhno puščico. */
.mmnk .mms-vec {
	display: inline-flex;
	align-items: center;
	gap: var(--r-2);
	font-size: var(--f-mala);
	font-weight: var(--teza-krepko);
	color: var(--barva-znamka-temna);
	text-decoration: none;
}
.mmnk .mms-vec::after {
	content: "";
	width: 15px; height: 15px;
	background: currentColor;
	-webkit-mask: var(--znak-pusc) center/contain no-repeat;
	        mask: var(--znak-pusc) center/contain no-repeat;
	transition: transform var(--cas) var(--krivulja);
}
.mmnk .mms-vec:hover::after { transform: translateX(3px) }
.mmnk .mms-vec { --znak-pusc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") }
.mmnk .mms-blok--temno .mms-vec,
.mmnk .mms-pas--temna .mms-vec { color: var(--barva-na-temnem-tiho) }
/* Vrstica z gumbi pod vsebino. */
.mmnk .mms-dejanja {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--r-4);
	margin-top: var(--do-noge);
}
/* Gumb ob desnem robu pasu — tam, kjer se konča besedilo v desnem
   stolpcu deljene glave. */
.mmnk .mms-dejanja--desno { justify-content: flex-end }
@media (max-width: 760px) {
.mmnk .mms-dejanja--desno { justify-content: flex-start }
}
.mmnk .mms-dejanja--sredina { justify-content: center }
/* ══════════════════════════════════════════════════════════════════════
   4 · MREŽE IN KARTICE
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-mreza {
	display: grid;
	gap: var(--kartica-razmik);
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Postavka mreže se raztegne na višino vrstice, kartica v njej pa na
   višino postavke — tako so kartice v vrstici enako visoke in povezave
   na dnu poravnane. */
.mmnk .mms-mreza > li { display: flex }
.mmnk .mms-mreza > li > * { flex: 1 }
.mmnk .mms-mreza--2 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.mmnk .mms-mreza--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) }
.mmnk .mms-mreza--4 { grid-template-columns: repeat(4, minmax(0, 1fr)) }
/* Besedilo levo, mreža desno. */
.mmnk .mms-karta {
	display: flex;
	flex-direction: column;
	gap: var(--r-3);
	padding: var(--kartica-odmik);
	border-radius: var(--kartica-radij);
	background: var(--kartica-ozadje);
	color: var(--barva-telo);
	text-decoration: none;
}
.mmnk .mms-karta--obroba { border: var(--obroba) }
.mmnk .mms-karta--prosojna {
	background: rgba(255, 255, 255, .07);
	border: var(--obroba-temna);
	color: var(--barva-na-temnem-telo);
}
/* Kartica s posnetkom zaslona: slika sega do robov kartice, pod njo je
   ista vsebina kot pri drugih karticah. */
.mmnk .mms-karta__s {
	display: block;
	margin: calc(var(--kartica-odmik) * -1) calc(var(--kartica-odmik) * -1) var(--r-2);
	border-radius: var(--kartica-radij) var(--kartica-radij) 0 0;
	overflow: hidden;
	background: var(--nev-900);
	line-height: 0;
}
.mmnk .mms-karta__s img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	object-position: top center;
	transition: transform var(--cas-dolg) var(--krivulja);
}
.mmnk a.mms-karta:hover .mms-karta__s img { transform: scale(1.03) }
.mmnk .mms-karta--s-sliko { overflow: hidden }
/* Kartica s posnetkom na svetlem pasu: obroba in senca, da se kartica
   loči od ozadja; podlaga za posnetek svetla, posnetek pa povečan za
   rob, ki ga ima v datoteki (Milan, 26. 9. 2026). */
.mmnk .mms-karta--s-sliko:not(.mms-karta--prosojna) {
	background: var(--pas-mehka);      /* nežna podlaga kartice na belem pasu */
	border: var(--obroba-mehka);
	box-shadow: var(--senca-1);
}
.mmnk .mms-karta--s-sliko:not(.mms-karta--prosojna) .mms-karta__s { background: var(--nev-200) }
.mmnk .mms-karta--s-sliko .mms-karta__s img {
	width: var(--zaslon-lap-sirina);
	max-width: none;
	margin: var(--zaslon-lap-vrh) 0 var(--zaslon-lap-dno) var(--zaslon-lap-levo);
}
/* Kartica, ki je povezava: senca se ob prehodu miške poglobi, nič ne skače. */
.mmnk a.mms-karta { transition: box-shadow var(--cas-dolg) var(--krivulja) }
.mmnk a.mms-karta:hover { box-shadow: var(--senca-2) }
.mmnk .mms-karta__naslov {
	margin: 0;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h4);
	font-weight: var(--teza-naslov);
	line-height: 1.25;
	color: var(--barva-naslov);
}
.mmnk .mms-karta__opis {
	margin: 0;
	font-size: var(--f-mala);
	line-height: var(--vrstica-mala);
}
.mmnk .mms-karta--prosojna .mms-karta__naslov { color: var(--barva-na-temnem) }
.mmnk .mms-karta__vec { margin-top: auto; padding-top: var(--r-3) }
/* Oštevilčena kartica — številka namesto ikone. */
.mmnk .mms-karta__st {
	font-family: var(--pisava-naslov);
	font-size: var(--f-h3);
	font-weight: var(--teza-naslov);
	line-height: 1;
	color: var(--barva-znamka);
}
/* ══════════════════════════════════════════════════════════════════════
   5 · IKONE
   ══════════════════════════════════════════════════════════════════════ */
/* Risba je maska, zato prevzame barvo iz background. Obliko določi
   razred .znak--<ime> iz glava-noga.css (ali iz razdelka na dnu). */
.mmnk .mms-znak {
	display: block;
	flex: none;
	width: var(--ikona-m);
	height: var(--ikona-m);
	background: var(--ikona-barva);
	-webkit-mask: var(--znak) center/contain no-repeat;
	        mask: var(--znak) center/contain no-repeat;
}
.mmnk .mms-znak--s { width: var(--ikona-s); height: var(--ikona-s) }
.mmnk .mms-blok--temno .mms-znak,
.mmnk .mms-pas--temna .mms-znak { background: var(--barva-znamka-svetla) }
/* Ikona v svetlo modrem krogu. */
.mmnk .mms-krog {
	display: grid;
	place-items: center;
	flex: none;
	width: var(--ikona-krog);
	height: var(--ikona-krog);
	border-radius: var(--rad-krog);
	background: var(--ikona-krog-ozadje);
}
.mmnk .mms-krog .mms-znak { width: calc(var(--ikona-krog) * .56); height: calc(var(--ikona-krog) * .56) }
/* V karticah pasov je krog večji, ikona pa zavzame večji delež kroga (Milan, 27. 9. 2026). */
.mmnk .mms-karta .mms-krog { width: var(--ikona-krog-karta); height: var(--ikona-krog-karta) }
.mmnk .mms-karta .mms-krog .mms-znak { width: calc(var(--ikona-krog-karta) * .6); height: calc(var(--ikona-krog-karta) * .6) }
.mmnk .mms-blok--temno .mms-krog,
.mmnk .mms-pas--temna .mms-krog { background: rgba(255, 255, 255, .1) }
/* Na beli kartici v temnem pasu je prosojen krog neviden — tam ostane svetlo modra podlaga. */
.mmnk .mms-pas--temna .mms-karta .mms-krog { background: var(--ikona-krog-ozadje) }
/* Ikona levo od besedila, zgornja robova poravnana. */
/* ══════════════════════════════════════════════════════════════════════
   6 · SEZNAMI S KLJUKICAMI IN ZNAČKE
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-seznam {
	display: grid;
	gap: var(--r-3);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-seznam--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--r-3) var(--r-8) }
.mmnk .mms-seznam li {
	display: grid;
	grid-template-columns: var(--kljuk-velikost) minmax(0, 1fr);
	gap: var(--kljuk-razmik);
	align-items: start;
	font-size: var(--f-telo);
	line-height: 1.5;
}
.mmnk .mms-seznam li::before {
	content: "";
	width: var(--kljuk-velikost);
	height: var(--kljuk-velikost);
	margin-top: .12em;
	background: var(--kljuk-barva);
	-webkit-mask: var(--znak-kljuka) center/contain no-repeat;
	        mask: var(--znak-kljuka) center/contain no-repeat;
	--znak-kljuka: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
}
/* Seznam težav: ista mreža, drug znak. Kljukica pred opisom problema
   bralcu sporoča nasprotno od tistega, kar piše. */
.mmnk .mms-seznam--tezave li::before {
	background: var(--barva-tiho);
	--znak-kljuka: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}
.mmnk .mms-blok--temno .mms-seznam--tezave li::before,
.mmnk .mms-pas--temna .mms-seznam--tezave li::before { background: var(--barva-na-temnem-tiho) }
.mmnk .mms-seznam strong { color: var(--barva-naslov); font-weight: var(--teza-krepko) }
.mmnk .mms-blok--temno .mms-seznam li::before,
.mmnk .mms-pas--temna .mms-seznam li::before { background: var(--barva-znamka-svetla) }
.mmnk .mms-blok--temno .mms-seznam strong,
.mmnk .mms-pas--temna .mms-seznam strong { color: var(--barva-na-temnem) }
.mmnk .mms-znacke {
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-2);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-znacke li,
.mmnk .mms-znacka {
	padding: var(--modul-odmik);
	border-radius: var(--znacka-radij);
	background: var(--znacka-ozadje);
	color: var(--znacka-barva);
	font-size: var(--znacka-velikost);
	font-weight: var(--teza-krepko);
	line-height: 1.2;
}
.mmnk .mms-blok--temno .mms-znacke li,
.mmnk .mms-pas--temna .mms-znacke li {
	background: rgba(255, 255, 255, .12);
	color: var(--barva-na-temnem);
}
/* ══════════════════════════════════════════════════════════════════════
   7 · KORAKI (ČASOVNICA)
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-koraki {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: var(--r-6);
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}
/* Črtkana črta med središči krogov. */
.mmnk .mms-koraki::before {
	content: "";
	position: absolute;
	top: calc(var(--ikona-krog) / 2);
	left: calc((100% - (var(--koraki, 4) - 1) * var(--kartica-razmik)) / var(--koraki, 4) / 2);
	right: calc((100% - (var(--koraki, 4) - 1) * var(--kartica-razmik)) / var(--koraki, 4) / 2);
	border-top: 2px dashed var(--barva-crta);
}
.mmnk .mms-korak { position: relative; text-align: center }
.mmnk .mms-korak .mms-krog {
	position: relative;
	margin: 0 auto var(--r-4);
	background: var(--paleta-bela);
	box-shadow: inset 0 0 0 2px var(--barva-crta);
}
.mmnk .mms-korak__st {
	display: block;
	margin-bottom: var(--r-2);
	font-family: var(--pisava-naslov);
	font-size: var(--f-drobna);
	font-weight: var(--teza-naslov);
	letter-spacing: var(--razmik-nad);
	color: var(--barva-znamka);
}
.mmnk .mms-korak__naslov {
	margin: 0 0 var(--r-2);
	font-family: var(--pisava-naslov);
	font-size: var(--f-h5);
	font-weight: var(--teza-naslov);
	color: var(--barva-naslov);
}
.mmnk .mms-korak__opis { margin: 0; font-size: var(--f-mala); line-height: var(--vrstica-mala) }
/* Navpična različica — koraki drug pod drugim, črta ob levem robu. */
.mmnk .mms-koraki--navpicno {
	grid-auto-flow: row;
	grid-auto-columns: auto;
	gap: var(--r-7);
}
.mmnk .mms-koraki--navpicno::before {
	top: var(--ikona-krog);
	bottom: var(--ikona-krog);
	left: calc(var(--ikona-krog) / 2);
	right: auto;
	border-top: 0;
	border-left: 2px dashed var(--barva-crta);
}
.mmnk .mms-koraki--navpicno .mms-korak {
	display: grid;
	grid-template-columns: var(--ikona-krog) minmax(0, 1fr);
	gap: var(--r-5);
	text-align: left;
}
.mmnk .mms-koraki--navpicno .mms-korak .mms-krog { margin: 0 }
/* ══════════════════════════════════════════════════════════════════════
   8 · DVOJNI PAS (BESEDILO + SLIKA)
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-dvojno {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--r-11);
	align-items: center;
}
.mmnk .mms-dvojno--obrnjeno > :first-child { order: 2 }
.mmnk .mms-dvojno--vrh { align-items: start }
.mmnk .mms-dvojno__slika { margin: 0 }
.mmnk .mms-dvojno__slika img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--rad-l);
	box-shadow: var(--senca-mehka);
}
.mmnk .mms-dvojno__tekst > * + * { margin-top: var(--r-5) }
/* ══════════════════════════════════════════════════════════════════════
   9 · DEJSTVA IN ŠTEVILKE
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-dejstva {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 1fr);
	gap: var(--r-7);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-dejstvo { display: grid; gap: var(--r-1) }
.mmnk .mms-dejstvo__st {
	font-family: var(--pisava-naslov);
	font-size: clamp(34px, 3.1vw, 48px);
	font-weight: var(--teza-naslov);
	line-height: 1;
	letter-spacing: var(--razmik-h2);
	color: var(--barva-znamka);
}
.mmnk .mms-dejstvo__ime {
	font-size: var(--f-mala);
	line-height: 1.4;
	color: var(--barva-telo);
}
.mmnk .mms-blok--temno .mms-dejstvo__st,
.mmnk .mms-pas--temna .mms-dejstvo__st { color: var(--barva-znamka-svetla) }
.mmnk .mms-blok--temno .mms-dejstvo__ime,
.mmnk .mms-pas--temna .mms-dejstvo__ime { color: var(--barva-na-temnem-telo) }
/* Ločena s tanko navpično črto. */
.mmnk .mms-dejstva--crte .mms-dejstvo + .mms-dejstvo,
.mmnk .mms-dejstva--crte .mms-dejstvo:not(:first-child) {
	padding-left: var(--r-7);
	border-left: var(--obroba);
}
.mmnk .mms-pas--temna .mms-dejstva--crte .mms-dejstvo:not(:first-child) { border-left: var(--obroba-temna) }
/* ══════════════════════════════════════════════════════════════════════
   10 · PRIMERJAVA (dva stolpca, kljukice proti križcem)
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-prim {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--kartica-razmik);
}
.mmnk .mms-prim__stolpec {
	padding: var(--kartica-odmik);
	border: var(--obroba);
	border-radius: var(--kartica-radij);
	background: var(--paleta-bela);
}
.mmnk .mms-prim__stolpec--dobro { background: var(--pas-mehka); border-color: var(--nev-400) }
.mmnk .mms-prim__glava {
	margin: 0 0 var(--r-5);
	font-family: var(--pisava-naslov);
	font-size: var(--f-h4);
	font-weight: var(--teza-naslov);
	color: var(--barva-naslov);
}
.mmnk .mms-prim ul { display: grid; gap: var(--r-3); margin: 0; padding: 0; list-style: none }
.mmnk .mms-prim li {
	display: grid;
	grid-template-columns: var(--kljuk-velikost) minmax(0, 1fr);
	gap: var(--kljuk-razmik);
	align-items: start;
	font-size: var(--f-mala);
	line-height: 1.5;
}
.mmnk .mms-prim li::before {
	content: "";
	width: var(--kljuk-velikost);
	height: var(--kljuk-velikost);
	margin-top: .1em;
	background: var(--nev-400);
	-webkit-mask: var(--znak-krizec) center/contain no-repeat;
	        mask: var(--znak-krizec) center/contain no-repeat;
	--znak-krizec: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}
.mmnk .mms-prim__stolpec--dobro li::before {
	background: var(--kljuk-barva);
	--znak-krizec: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
}
/* ══════════════════════════════════════════════════════════════════════
   11 · CENIK
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-cenik {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--kartica-razmik);
	align-items: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-paket {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: var(--r-8) var(--r-7) var(--r-8);
	border: var(--obroba);
	border-radius: var(--rad-xl);
	background: var(--paleta-bela);
}
.mmnk .mms-paket--poudarek {
	background: var(--nev-900);
	border-color: var(--nev-900);
	color: var(--barva-na-temnem-telo);
}
.mmnk .mms-paket__ime {
	margin: 0 0 var(--r-2);
	font-family: var(--pisava-naslov);
	font-size: var(--f-h3);
	font-weight: var(--teza-naslov);
	color: var(--barva-naslov);
}
.mmnk .mms-paket--poudarek .mms-paket__ime { color: var(--barva-na-temnem) }
.mmnk .mms-paket__za {
	margin: 0 0 var(--r-6);
	font-size: var(--f-mala);
	line-height: 1.45;
	min-height: 2.9em;
}
.mmnk .mms-paket__cena {
	display: flex;
	align-items: baseline;
	gap: var(--r-2);
	margin: 0 0 var(--r-1);
	font-family: var(--pisava-naslov);
	font-size: clamp(38px, 3.3vw, 50px);
	font-weight: var(--teza-naslov);
	line-height: 1;
	letter-spacing: var(--razmik-h2);
	color: var(--barva-naslov);
}
.mmnk .mms-paket--poudarek .mms-paket__cena { color: var(--barva-na-temnem) }
.mmnk .mms-paket__cena small {
	font-family: var(--pisava);
	font-size: var(--f-mala);
	font-weight: var(--teza-telo);
	letter-spacing: 0;
	color: var(--barva-tiho);
}
.mmnk .mms-paket--poudarek .mms-paket__cena small { color: var(--barva-na-temnem-telo) }
.mmnk .mms-paket__pod { margin: 0 0 var(--r-6); font-size: var(--f-drobna); color: var(--barva-tiho) }
.mmnk .mms-paket--poudarek .mms-paket__pod { color: var(--barva-na-temnem-telo) }
.mmnk .mms-paket .mms-seznam { margin-bottom: var(--r-7) }
.mmnk .mms-paket .mms-seznam li { font-size: var(--f-mala) }
.mmnk .mms-paket--poudarek .mms-seznam li::before { background: var(--barva-znamka-svetla) }
.mmnk .mms-paket--poudarek .mms-seznam strong { color: var(--barva-na-temnem) }
.mmnk .mms-paket .mms-gumb { margin-top: auto; justify-content: center }
.mmnk .mms-paket__znacka {
	position: absolute;
	top: calc(var(--r-4) * -1);
	left: var(--r-7);
	padding: var(--modul-odmik);
	border-radius: var(--znacka-radij);
	background: var(--barva-poudarek);
	color: var(--barva-navy);
	font-size: var(--f-drobna);
	font-weight: var(--teza-krepko);
	line-height: 1.2;
}
/* Drobni stroški pod cenikom. */
.mmnk .mms-cenik-opomba {
	margin-top: var(--do-noge);
	padding: var(--kartica-odmik);
	border-radius: var(--kartica-radij);
	background: var(--pas-mehka);
	font-size: var(--f-mala);
	line-height: var(--vrstica-mala);
}
/* ══════════════════════════════════════════════════════════════════════
   12 · POGOSTA VPRAŠANJA
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-faq { display: grid; gap: 0 var(--r-11) }
.mmnk .mms-faq details {
	border-bottom: var(--obroba);
	padding: var(--r-5) 0;
}
.mmnk .mms-faq summary {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--r-5);
	cursor: pointer;
	list-style: none;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h4);
	font-weight: var(--teza-naslov);
	line-height: 1.3;
	color: var(--barva-naslov);
}
.mmnk .mms-faq summary::-webkit-details-marker { display: none }
.mmnk .mms-faq summary::after {
	content: "";
	flex: none;
	width: var(--ikona-s);
	height: var(--ikona-s);
	margin-top: .15em;
	background: var(--barva-znamka);
	-webkit-mask: var(--znak-plus) center/contain no-repeat;
	        mask: var(--znak-plus) center/contain no-repeat;
	--znak-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
	transition: transform var(--cas) var(--krivulja);
}
.mmnk .mms-faq details[open] summary::after { transform: rotate(45deg) }
.mmnk .mms-faq details > div,
.mmnk .mms-faq details > p {
	margin: var(--r-3) 0 0;
	max-width: var(--vsebina-besedilo);
	font-size: var(--f-telo);
	line-height: var(--vrstica-telo);
}
.mmnk .mms-faq details > div > * + * { margin-top: var(--r-3) }
/* ══════════════════════════════════════════════════════════════════════
   13 · POZIV K DEJANJU
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--r-8) var(--r-11);
	align-items: center;
}
.mmnk .mms-cta__naslov {
	margin: 0;
	font-family: var(--pisava-naslov);
	font-size: clamp(28px, 2.6vw, 40px);
	font-weight: var(--teza-naslov);
	line-height: 1.15;
	letter-spacing: var(--razmik-h2);
	color: var(--barva-na-temnem);
}
.mmnk .mms-cta__naslov span { display: block }
.mmnk .mms-cta__opis { margin: var(--r-3) 0 0; max-width: 56ch; color: var(--barva-na-temnem-telo) }
.mmnk .mms-cta .mms-dejanja { margin-top: 0 }
/* ══════════════════════════════════════════════════════════════════════
   14 · NAVEDEK STRANKE
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-citat {
	display: grid;
	gap: var(--r-5);
	margin: 0;
	padding: var(--kartica-odmik);
	border-radius: var(--kartica-radij);
	background: var(--paleta-bela);
	border: var(--obroba);
}
.mmnk .mms-citat blockquote {
	margin: 0;
	font-size: var(--f-telo);
	line-height: 1.6;
	color: var(--barva-naslov);
}
.mmnk .mms-citat__kdo {
	display: flex;
	align-items: center;
	gap: var(--r-3);
	font-size: var(--f-drobna);
	color: var(--barva-tiho);
}
.mmnk .mms-citat__kdo img {
	width: 40px; height: 40px;
	border-radius: var(--rad-krog);
	object-fit: cover;
}
.mmnk .mms-citat__kdo b { display: block; color: var(--barva-naslov); font-size: var(--f-mala) }
/* ══════════════════════════════════════════════════════════════════════
   15 · POVZETEK ZA BRALCA IN AI
   Kratki, dobesedni odgovori na vrhu strani. Bralec jih prebere v petih
   sekundah, jezikovni modeli jih navedejo kot vir.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-povzetek {
	display: grid;
	gap: var(--r-4);
	padding: var(--kartica-odmik);
	border-left: 3px solid var(--barva-znamka);
	border-radius: 0 var(--kartica-radij) var(--kartica-radij) 0;
	background: var(--pas-mehka);
}
.mmnk .mms-povzetek__ime {
	margin: 0;
	font-size: var(--f-nad);
	font-weight: var(--nad-teza);
	letter-spacing: var(--nad-razmik);
	text-transform: uppercase;
	color: var(--barva-znamka-temna);
}
.mmnk .mms-povzetek ul { display: grid; gap: var(--r-3); margin: 0; padding: 0; list-style: none }
.mmnk .mms-povzetek li { font-size: var(--f-telo); line-height: 1.5 }
.mmnk .mms-povzetek b { color: var(--barva-naslov) }
/* ══════════════════════════════════════════════════════════════════════
   16 · KAZALO STRANI
   ══════════════════════════════════════════════════════════════════════ */
/* V pasu s povzetkom stoji kazalo pod uvodnim besedilom. */
.mmnk .mms-kazalo {
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-2);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-kazalo a {
	display: inline-block;
	padding: var(--gumb-s-odmik);
	border: var(--obroba);
	border-radius: var(--rad-krog);
	background: var(--paleta-bela);
	font-size: var(--f-drobna);
	font-weight: var(--teza-krepko);
	color: var(--barva-naslov);
	text-decoration: none;
	transition: border-color var(--cas) var(--krivulja), color var(--cas) var(--krivulja);
}
.mmnk .mms-kazalo a:hover { border-color: var(--barva-znamka); color: var(--barva-znamka-temna) }
/* --- Mreža logotipov strank ---------------------------------------- */
.mmnk .mms-logotipi { align-items: center }
.mmnk .mms-logotipi li {
	display: grid;
	place-items: center;
	min-height: 104px;
	padding: var(--r-4) var(--r-7);
	border: var(--obroba);
	border-radius: var(--kartica-radij);
	background: var(--paleta-bela);
}
.mmnk .mms-logotipi img { max-height: 66px; width: auto; max-width: 78%; height: auto }
/* ══════════════════════════════════════════════════════════════════════
   17 · PREGLEDNICA
   ══════════════════════════════════════════════════════════════════════ */
/* Ovojnica z lastnim drsenjem: preglednica z več stolpci je na telefonu
   širša od zaslona in bi se sicer odrezala. */
.mmnk .mms-tabela-ovoj { overflow-x: auto; -webkit-overflow-scrolling: touch }
.mmnk .mms-tabela-ovoj:focus-visible { outline: 2px solid var(--barva-znamka); outline-offset: 2px }
.mmnk .mms-tabela {
	width: 100%;
	min-width: 480px;
	border-collapse: collapse;
	font-size: var(--f-mala);
}
.mmnk .mms-tabela th,
.mmnk .mms-tabela td {
	padding: var(--r-4) var(--r-5);
	text-align: left;
	border-bottom: var(--obroba);
	vertical-align: top;
}
.mmnk .mms-tabela th {
	font-family: var(--pisava-naslov);
	font-size: var(--f-drobna);
	font-weight: var(--teza-naslov);
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
	color: var(--barva-znamka-temna);
}
.mmnk .mms-tabela tbody tr:last-child td { border-bottom: 0 }
.mmnk .mms-tabela td:first-child { color: var(--barva-naslov); font-weight: var(--teza-krepko) }
/* ══════════════════════════════════════════════════════════════════════
   18 · NASLOVNI PAS STRANI (HERO)
   ══════════════════════════════════════════════════════════════════════ */
/* Pas s fotografijo: slika je na vsebniku, zastor in zrak na bloku. */
.mmnk .mms-pas--hero { background-position: center center !important; background-size: cover !important }
.mmnk .mms-blok--hero {
	position: relative;
	padding-top: var(--hero-vrh);
	padding-bottom: var(--hero-dno);
}
.mmnk .mms-blok--hero::before {
	content: "";
	position: absolute;
	inset: 0;
	left: calc(50% - 50vw);
	width: 100vw;
	background: var(--hero-zastor);
	pointer-events: none;
}
.mmnk .mms-blok--hero > * { position: relative }
.mmnk .mms-hero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
	gap: var(--r-11);
	align-items: center;
}
.mmnk .mms-hero--eno { grid-template-columns: minmax(0, 1fr); max-width: 60ch }
.mmnk .mms-hero__nad {
	margin: 0 0 var(--r-4);
	font-size: var(--nad-velikost);
	font-weight: var(--nad-teza);
	letter-spacing: var(--nad-razmik);
	text-transform: uppercase;
	color: var(--barva-znamka-svetla);
}
/* Avadin slog teme postavi vse h1 v velike tiskane; naslovi v prenovi so
   pisani z veliko začetnico, tako kot na referenčni strani izdelave
   spletnih strani. */
.mmnk .mms-hero__h1 {
	margin: 0;
	text-transform: none;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h1-s);
	font-weight: var(--teza-h1);
	line-height: 1.04;
	letter-spacing: var(--razmik-h1);
	color: var(--barva-na-temnem);
	text-wrap: balance;
}
.mmnk .mms-hero__h1 span { display: block; color: var(--barva-znamka-svetla) }
/* Kratek naslov v veliki meri — isto kot na strani izdelave spletnih
   strani. Uporabi se tam, kjer je naslov dve besedi in ne cel stavek. */
.mmnk .mms-hero--velik .mms-hero__h1 { font-size: var(--f-h1); line-height: 1 }
.mmnk .mms-hero__uvod {
	max-width: 54ch;
	margin: var(--r-5) 0 0;
	font-size: var(--f-uvod);
	line-height: 1.55;
	color: var(--barva-na-temnem-telo);
}
.mmnk .mms-hero .mms-dejanja { margin-top: var(--r-7) }
/* Vrstica dokazov pod gumbi. */
.mmnk .mms-hero__dokazi {
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-3) var(--r-7);
	margin: var(--r-7) 0 0;
	padding: 0;
	list-style: none;
	font-size: var(--f-mala);
	color: var(--barva-na-temnem-telo);
}
.mmnk .mms-hero__dokazi li { display: flex; align-items: center; gap: var(--r-2) }
.mmnk .mms-hero__dokazi b { color: var(--barva-na-temnem); font-weight: var(--teza-krepko) }
/* Steklena kartica z dejstvi na desni. */
.mmnk .mms-dejstva-karta {
	padding: var(--r-7);
	border: var(--obroba-temna);
	border-radius: var(--rad-l);
	background: rgba(255, 255, 255, .07);
	backdrop-filter: blur(6px);
}
.mmnk .mms-dejstva-karta dl { display: grid; gap: 0; margin: 0 }
.mmnk .mms-dejstva-karta .mms-vrsta {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--r-4);
	align-items: center;
	padding: var(--r-5) 0;
	border-top: var(--obroba-temna);
}
.mmnk .mms-dejstva-karta .mms-vrsta:first-child { border-top: 0; padding-top: 0 }
.mmnk .mms-dejstva-karta .mms-vrsta:last-child { padding-bottom: 0 }
.mmnk .mms-dejstva-karta dt {
	font-size: var(--f-drobna);
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--barva-na-temnem-tiho);
}
.mmnk .mms-dejstva-karta dd {
	margin: 2px 0 0;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h5);
	font-weight: var(--teza-naslov);
	color: var(--barva-na-temnem);
}
/* ══════════════════════════════════════════════════════════════════════
   19 · ODZIVNOST
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
.mmnk .mms-mreza--4 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.mmnk .mms-mreza--3 { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.mmnk .mms-cenik { grid-template-columns: repeat(1, minmax(0, 1fr)) }
.mmnk .mms-ob-strani,
	.mmnk .mms-dvojno,
	.mmnk .mms-glava--deljena,
	.mmnk .mms-hero { grid-template-columns: minmax(0, 1fr); gap: var(--r-8) }
.mmnk .mms-dvojno--obrnjeno > :first-child { order: 0 }
.mmnk .mms-koraki { grid-auto-flow: row; grid-auto-columns: auto;
		grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--r-8) }
.mmnk .mms-koraki::before { display: none }
.mmnk .mms-dejstva { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)) }
/* Vgrajeni slog glave da vsakemu li pod 980 px padding 10px — dejstvom ga umaknemo. */
.mmnk .mms-dejstva .mms-dejstvo { padding: 0 }
.mmnk .mms-dejstva--crte .mms-dejstvo:not(:first-child) { padding-left: 0; border-left: 0 }
.mmnk .mms-cta { grid-template-columns: minmax(0, 1fr) }
}
@media (max-width: 782px) {
.mmnk .mms-mreza--2,
	.mmnk .mms-mreza--3,
	.mmnk .mms-mreza--4,
	.mmnk .mms-prim,
	.mmnk .mms-koraki,
	.mmnk .mms-seznam--2,
	.mmnk .mms-seznam--3 { grid-template-columns: minmax(0, 1fr) }
/* Na telefonu dejstva drugo pod drugim, da se daljše vrednosti (»okoli 20 €«) ne lomijo. */
.mmnk .mms-dejstva { grid-template-columns: minmax(0, 1fr); gap: var(--r-6) }
.mmnk .mms-koraki--navpicno .mms-korak { grid-template-columns: minmax(0, 1fr); gap: var(--r-4) }
.mmnk .mms-koraki--navpicno::before { display: none }
}
/* ══════════════════════════════════════════════════════════════════════
   20 · IKONE SISTEMA
   Risbe so maske (WordPress vgrajene <svg> iz vsebine pobriše), zato
   prevzamejo barvo iz background. Obris je enotno debel, da so v
   mreži videti kot ena družina.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .znak--kosarica {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 3.4h2.6l2.1 10.4a1.6 1.6 0 0 0 1.6 1.3h8.3a1.6 1.6 0 0 0 1.6-1.3l1.3-6.5H6'/%3E%3Ccircle cx='9.4' cy='19.4' r='1.4'/%3E%3Ccircle cx='17.4' cy='19.4' r='1.4'/%3E%3C/svg%3E")}
.mmnk .znak--blagajna {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='5.4' width='18.8' height='13.2' rx='2.4'/%3E%3Cpath d='M2.6 10h18.8'/%3E%3Cpath d='M6.4 14.6h3.4'/%3E%3C/svg%3E")}
.mmnk .znak--povezava {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.8 14.2a4.2 4.2 0 0 0 6.3.5l2.5-2.5a4.2 4.2 0 0 0-5.9-5.9l-1.4 1.4'/%3E%3Cpath d='M14.2 9.8a4.2 4.2 0 0 0-6.3-.5l-2.5 2.5a4.2 4.2 0 0 0 5.9 5.9l1.4-1.4'/%3E%3C/svg%3E")}
.mmnk .znak--filtri {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 7h16M7 12h10M10 17h4'/%3E%3C/svg%3E")}
.mmnk .znak--dostava {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 6.6h10.6v9.2H2.8z'/%3E%3Cpath d='M13.4 10h3.8l3 3v2.8h-6.8z'/%3E%3Ccircle cx='6.6' cy='18' r='1.6'/%3E%3Ccircle cx='17' cy='18' r='1.6'/%3E%3C/svg%3E")}
.mmnk .znak--zaloga {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 20.6 7v10L12 21.2 3.4 17V7Z'/%3E%3Cpath d='M3.4 7 12 11.2 20.6 7M12 11.2v10'/%3E%3C/svg%3E")}
.mmnk .znak--ai {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M12 2.4l1.9 5.1 5.1 1.9-5.1 1.9L12 16.4l-1.9-5.1L5 9.4l5.1-1.9Z'/%3E%3Cpath d='M18.4 14.6l.9 2.4 2.4.9-2.4.9-.9 2.4-.9-2.4-2.4-.9 2.4-.9Z'/%3E%3Cpath d='M5.2 15.4l.7 1.8 1.8.7-1.8.7-.7 1.8-.7-1.8-1.8-.7 1.8-.7Z'/%3E%3C/svg%3E")}
.mmnk .znak--dostopnost {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Ccircle cx='12' cy='6.9' r='1.3' fill='%23000'/%3E%3Cpath d='M7.4 10.2h9.2M12 10.6v4.2M12 14.8l-2.2 3.4M12 14.8l2.2 3.4'/%3E%3C/svg%3E")}
.mmnk .znak--vsebina {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.8H6.6a2 2 0 0 0-2 2v14.4a2 2 0 0 0 2 2h10.8a2 2 0 0 0 2-2V8.2Z'/%3E%3Cpath d='M14 2.8v5.4h5.4M8.4 13h7.2M8.4 16.6h5'/%3E%3C/svg%3E")}
.mmnk .znak--posodobitev {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.4 11.4a8.4 8.4 0 1 1-2.5-5.6'/%3E%3Cpath d='M20.6 3.6v4.8h-4.8'/%3E%3C/svg%3E")}
.mmnk .znak--kopija {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cellipse cx='12' cy='5.8' rx='7.6' ry='3'/%3E%3Cpath d='M4.4 5.8v12.4c0 1.7 3.4 3 7.6 3s7.6-1.3 7.6-3V5.8'/%3E%3Cpath d='M4.4 12c0 1.7 3.4 3 7.6 3s7.6-1.3 7.6-3'/%3E%3C/svg%3E")}
.mmnk .znak--hitrost {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 17.4a9.4 9.4 0 1 1 16.8 0'/%3E%3Cpath d='m15 9.6-3.6 4.2'/%3E%3C/svg%3E")}
.mmnk .znak--koledar {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.4' y='5' width='17.2' height='16' rx='2.4'/%3E%3Cpath d='M3.4 9.8h17.2M8.2 2.8v4M15.8 2.8v4'/%3E%3C/svg%3E")}
.mmnk .znak--denar {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M15.4 8.4a4.4 4.4 0 0 0-6.6 1.4M15.4 15.6a4.4 4.4 0 0 1-6.6-1.4M7 10.9h5.6M7 13.1h5.6'/%3E%3C/svg%3E")}
.mmnk .znak--avtomatizacija {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6.6h9.4M4 6.6l2.6-2.6M4 6.6l2.6 2.6'/%3E%3Cpath d='M20 17.4h-9.4M20 17.4l-2.6-2.6M20 17.4l-2.6 2.6'/%3E%3Ccircle cx='17.4' cy='6.6' r='2.4'/%3E%3Ccircle cx='6.6' cy='17.4' r='2.4'/%3E%3C/svg%3E")}
.mmnk .znak--oblak {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18.4a4.4 4.4 0 0 1-.6-8.8 5.8 5.8 0 0 1 11.1 1.4 3.7 3.7 0 0 1-.7 7.4Z'/%3E%3C/svg%3E")}
.mmnk .znak--prijava {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.6' y='3.6' width='16.8' height='16.8' rx='2.6'/%3E%3Cpath d='M8 8.6h8M8 12.4h8M8 16.2h4.6'/%3E%3C/svg%3E")}
.mmnk .znak--karta {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.4 10.4c0 5.4-7.4 10.8-7.4 10.8S4.6 15.8 4.6 10.4a7.4 7.4 0 1 1 14.8 0Z'/%3E%3Ccircle cx='12' cy='10.2' r='2.6'/%3E%3C/svg%3E")}
.mmnk .znak--jezik {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M2.8 12h18.4'/%3E%3Cpath d='M12 2.8a14 14 0 0 1 0 18.4 14 14 0 0 1 0-18.4Z'/%3E%3C/svg%3E")}
.mmnk .znak--koda {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.4 8.6-4 3.4 4 3.4M15.6 8.6l4 3.4-4 3.4M13.4 5.4 10.6 18.6'/%3E%3C/svg%3E")}
.mmnk .znak--test {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.4 2.8v6.4L4.6 18a2.2 2.2 0 0 0 1.9 3.2h11a2.2 2.2 0 0 0 1.9-3.2l-4.8-8.8V2.8'/%3E%3Cpath d='M8 2.8h8M7.4 14.6h9.2'/%3E%3C/svg%3E")}
.mmnk .znak--sola {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4 22 8l-10 4.6L2 8Z'/%3E%3Cpath d='M6 10.2v5.2c0 1.7 2.7 3 6 3s6-1.3 6-3v-5.2'/%3E%3C/svg%3E")}
.mmnk .znak--posta {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.8' y='5' width='18.4' height='14' rx='2.4'/%3E%3Cpath d='m3.4 6.6 8.6 6 8.6-6'/%3E%3C/svg%3E")}
/* Ikone pasu »Najprej razumemo vaše poslovanje« — Milanove risbe,
   vstavljene kot maske, zato prevzamejo barvo znamke. */
.mmnk .znak--poslusamo {--znak:url(../../../uploads/2026/09/ikona-poslusamo.webp)}
.mmnk .znak--analiza {--znak:url(../../../uploads/2026/09/ikona-analiza.webp)}
.mmnk .znak--poiscemo {--znak:url(../../../uploads/2026/09/ikona-poiscemo.webp)}
.mmnk .znak--svetujemo {--znak:url(../../../uploads/2026/09/ikona-svetujemo.webp)}
.mmnk .znak--strela {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M13.6 1.8 4.2 13.4c-.5.6-.1 1.5.7 1.5h5L9 22.2c-.1.9 1 1.4 1.6.7l9.4-11.6c.5-.6.1-1.5-.7-1.5h-5l.9-7.3c.1-.9-1-1.4-1.6-.7Z'/%3E%3C/svg%3E")}
.mmnk .znak--obroc {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Ccircle cx='12' cy='12' r='3.9'/%3E%3Cpath d='m5.5 5.5 3.8 3.8M18.5 5.5l-3.8 3.8M18.5 18.5l-3.8-3.8M5.5 18.5l3.8-3.8'/%3E%3C/svg%3E")}
.mmnk .znak--kljukica {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='m7.8 12.3 2.9 2.9 5.5-6'/%3E%3C/svg%3E")}
.mmnk .znak--svincnik {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L8.2 17.8l-4 1 1-4Z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E")}
.mmnk .znak--oseba {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.8'/%3E%3Cpath d='M4.8 20.2a7.2 7.2 0 0 1 14.4 0'/%3E%3C/svg%3E")}
/* Ikone pasu pod herojem — Milanove risbe kot maske. */
.mmnk .znak--sodoben-dizajn {--znak:url(../../../uploads/2026/09/ikona-dizajn.webp)}
.mmnk .znak--hitrost-strele {--znak:url(../../../uploads/2026/09/ikona-hitrost.webp)}
.mmnk .znak--vidnost {--znak:url(../../../uploads/2026/09/ikona-vidnost.webp)}
.mmnk .znak--podpora-obroc {--znak:url(../../../uploads/2026/09/ikona-podpora-obroc.webp)}
.mmnk .znak--zaslon {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='3.8' width='18.8' height='12.8' rx='2.2'/%3E%3Cpath d='M8.4 20.2h7.2M12 16.6v3.6'/%3E%3C/svg%3E")}
.mmnk .znak--drsniki {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3.4 7.4h4.2M12.2 7.4h8.4M3.4 16.6h8.4M16.8 16.6h3.8'/%3E%3Ccircle cx='9.9' cy='7.4' r='2.3'/%3E%3Ccircle cx='14.5' cy='16.6' r='2.3'/%3E%3C/svg%3E")}
/* Ikone pasov »Vse, kar sodobna spletna stran potrebuje« in »Kako
   delamo« — Milanove risbe kot maske, da prevzamejo barvo znamke. */
.mmnk .znak--ux-ui {--znak:url(../../../uploads/2026/09/ikona-ux-ui.webp)}
.mmnk .znak--mobilna {--znak:url(../../../uploads/2026/09/ikona-mobilna.webp)}
.mmnk .znak--hitra {--znak:url(../../../uploads/2026/09/ikona-hitra.webp)}
.mmnk .znak--seo-osnova {--znak:url(../../../uploads/2026/09/ikona-seo-osnova.webp)}
.mmnk .znak--geo-vidnost {--znak:url(../../../uploads/2026/09/ikona-geo-vidnost.webp)}
.mmnk .znak--urejanje {--znak:url(../../../uploads/2026/09/ikona-urejanje.webp)}
.mmnk .znak--korak-spoznamo {--znak:url(../../../uploads/2026/09/ikona-korak-spoznamo.webp)}
.mmnk .znak--korak-nacrt {--znak:url(../../../uploads/2026/09/ikona-korak-nacrt.webp)}
.mmnk .znak--korak-oblikujemo {--znak:url(../../../uploads/2026/09/ikona-korak-oblikujemo.webp)}
.mmnk .znak--korak-izdelava {--znak:url(../../../uploads/2026/09/ikona-korak-izdelava.webp)}
.mmnk .znak--korak-objava {--znak:url(../../../uploads/2026/09/ikona-korak-objava.webp)}
/* Ikoni za trak »Že od leta«: skupina ljudi in ščit s kljukico.
   Narisani po Milanovih risbah; če PNG-ja pristaneta v docs/Design,
   ju je smiselno zamenjati z masko iz slike, kot pri ostalih. */
.mmnk .znak--skupina {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.1' r='3.3'/%3E%3Cpath d='M7.7 18.4a4.3 4.3 0 0 1 8.6 0'/%3E%3Ccircle cx='4.9' cy='10.4' r='2.4'/%3E%3Cpath d='M1.7 18.4a3.2 3.2 0 0 1 3.9-3.1'/%3E%3Ccircle cx='19.1' cy='10.4' r='2.4'/%3E%3Cpath d='M22.3 18.4a3.2 3.2 0 0 0-3.9-3.1'/%3E%3C/svg%3E")}
.mmnk .znak--stit-kljuka {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.6c2 1.6 4.4 2.5 7 2.7.2 5.1-.4 10.6-7 16.1-6.6-5.5-7.2-11-7-16.1 2.6-.2 5-1.1 7-2.7Z'/%3E%3Cpath d='m8.6 11.9 2.6 2.6 4.2-4.6'/%3E%3C/svg%3E")}
/* ══════════════════════════════════════════════════════════════════════
   21 · REŠITVE — lasten ritem znotraj iste CGP

   Strani rešitev odgovarjajo na drugo vprašanje kot storitvene. Storitev
   pove, kaj delamo; rešitev pove, kateri poslovni problem izgine. Zato
   se stran bere drugače, čeprav so barve, pisave in razmiki isti.

   Kaj je drugače od storitvenih strani:

   | | storitev | rešitev |
   |---|---|---|
   | nadnaslov | cian | rumen |
   | naslovni pas | fotografija + steklena kartica z dejstvi | preliv brez fotografije + primerjava »danes : z rešitvijo« |
   | dokaz | reference in mnenja | pas z izidi na modrem prelivu |
   | postopek | krogi z ikonami | oštevilčeni kvadrati na vodoravnem toku |
   | zmožnosti | mreža kartic | dvostolpčni seznam z drobnimi ikonami |

   Vsa pravila so vezana na .mms-*--res ali na .mms-res-*, zato ne
   morejo vplivati na nobeno obstoječo stran.
   ══════════════════════════════════════════════════════════════════════ */
/* --- 21.1 Naslovni pas rešitve ---------------------------------------- */
/* Brez fotografije: ozadje je preliv, zato zastora ne potrebujemo. */
.mmnk .mms-pas--res-hero { background: var(--res-hero-ozadje) !important }
.mmnk .mms-pas--res-hero .mms-blok--hero::before { display: none }
.mmnk .mms-hero--res {
	grid-template-columns: var(--res-hero-stolpca);
	gap: var(--res-hero-vrzel);
	align-items: center;
}
/* Rumen je nadnaslov, ne pot. Pot ostane tiha na vseh straneh. */
.mmnk .mms-hero--res .mms-hero__nad { color: var(--res-nad-barva) }
/* Manjši rob samo takrat, kadar pod potjo stoji še nadnaslov. Kjer je
   pot sama (storitvene strani), ostane rob tak, kot je bil. */
.mmnk .mms-hero__pot:has(+ .mms-hero__nad) { margin-bottom: var(--r-3) }
.mmnk .mms-hero--res .mms-hero__pot { color: var(--barva-na-temnem-tiho) }
.mmnk .mms-hero__pot a { color: inherit; text-decoration: none }
.mmnk .mms-hero__pot a:hover,
.mmnk .mms-hero__pot a:focus-visible { color: var(--barva-na-temnem); text-decoration: underline }
.mmnk .mms-hero--res .mms-hero__h1 {
	font-size: var(--res-hero-h1);
	line-height: 1.06;
	/* Avada ima v temi vse H1 v velikih tiskanih. Glavna storitvena stran
	   (referenca CGP) jih nima, zato jih nimajo niti rešitve. */
	text-transform: none;
}
/* Pri rešitvah drugi del naslova ostane v isti vrstici, če gre — poudarek
   nosi barva, ne prelom. */
.mmnk .mms-hero--res .mms-hero__h1 span { display: inline; color: var(--barva-znamka-svetla) }
.mmnk .mms-hero--res .mms-hero__uvod { max-width: 50ch }
/* --- 21.2 Primerjava »danes : z rešitvijo« ---------------------------- */
/* Postavke se izmenjujejo »danes« in »z rešitvijo«; par je tesno skupaj,
   med pari je več zraka, da se bereta kot dvojica in ne kot štiri škatle. */
.mmnk .mms-prehod { display: grid; gap: var(--r-2); margin: 0; padding: 0; list-style: none }
.mmnk .mms-prehod li:nth-child(2n+3) { margin-top: var(--r-6) }
.mmnk .mms-prehod li {
	display: grid;
	grid-template-columns: var(--res-prehod-znak) minmax(0, 1fr);
	gap: var(--r-4);
	align-items: start;
	padding: var(--res-prehod-odmik);
	border: var(--obroba-temna);
	border-radius: var(--res-prehod-radij);
	font-size: var(--f-mala);
	line-height: var(--vrstica-mala);
}
.mmnk .mms-prehod__danes {
	background: var(--res-prehod-slabo);
	color: var(--res-prehod-slabo-barva);
}
.mmnk .mms-prehod__nato {
	background: var(--res-prehod-dobro);
	color: var(--res-prehod-dobro-barva);
}
.mmnk .mms-prehod b {
	display: block;
	margin-bottom: var(--r-1);
	font-size: var(--f-drobna);
	font-weight: var(--teza-krepko);
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
}
.mmnk .mms-prehod__danes b { color: var(--barva-na-temnem-tiho) }
.mmnk .mms-prehod__nato  b { color: var(--barva-znamka-svetla) }
.mmnk .mms-prehod .mms-znak {
	width: var(--res-prehod-znak);
	height: var(--res-prehod-znak);
	margin-top: 2px;
}
.mmnk .mms-prehod__danes .mms-znak {
	background: var(--barva-na-temnem-tiho);
	--znak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}
.mmnk .mms-prehod__nato .mms-znak {
	background: var(--barva-znamka-svetla);
	--znak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
}
/* --- 21.3 Izidi: velike številke na modrem prelivu -------------------- */
.mmnk .mms-izid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: var(--res-izid-vrzel);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-izid li { position: relative }
.mmnk .mms-izid li + li {
	padding-left: var(--res-izid-vrzel);
	border-left: 1px solid var(--res-izid-crta);
}
.mmnk .mms-izid strong {
	display: block;
	font-family: var(--pisava-naslov);
	font-size: var(--res-izid-stevilka);
	font-weight: var(--res-izid-teza);
	line-height: 1.02;
	letter-spacing: var(--razmik-h2);
	color: var(--barva-na-temnem);
	/* Izid je lahko številka ali kratka beseda. Beseda, daljša od stolpca,
	   se mora preliti v novo vrstico, ne čez rob pasu. */
	overflow-wrap: break-word;
	text-wrap: balance;
}
.mmnk .mms-izid span {
	display: block;
	margin-top: var(--r-4);
	font-size: var(--res-izid-opis);
	line-height: var(--vrstica-mala);
	color: var(--barva-na-temnem-postavka);
}
/* --- 21.4 Vodoravni tok »kako deluje« --------------------------------- */
/* Črta teče skozi sredino kvadratov, ne čez besedilo. */
/* Na temnem pasu se tok obrne. */
/* --- 21.5 Zmožnosti: dva stolpca, drobne ikone, brez kartic ----------- */
/* --- 21.6 Primer uporabe: en blok, ne mreža --------------------------- */
.mmnk .mms-primer {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, .82fr);
	gap: var(--r-10);
	align-items: center;
	padding: var(--res-primer-odmik);
	border-radius: var(--res-primer-radij);
	background: var(--paleta-bela);
	box-shadow: var(--senca-mehka);
}
/* Maketa posnetka zaslona v primeru iz prakse: lezi cez oba stolpca,
   nad besedilom in stevilkami. Senca je ze v sami sliki. */
.mmnk .mms-dvojno__maketa {
	grid-column: 1 / -1;
	/* order, ker mms-dvojno--obrnjeno premesta prvega otroka */
	order: -1;
	margin: 0 0 var(--r-8);
	line-height: 0;
}
.mmnk .mms-dvojno__maketa img { display: block; width: 100%; height: auto }
.mmnk .mms-primer__slika {
	grid-column: 1 / -1;
	margin: 0 0 var(--r-6);
	line-height: 0;
}
.mmnk .mms-primer__slika img { display: block; width: 100%; height: auto }
.mmnk .mms-primer__nad {
	margin: 0 0 var(--r-4);
	font-size: var(--nad-velikost);
	font-weight: var(--nad-teza);
	letter-spacing: var(--nad-razmik);
	text-transform: uppercase;
	color: var(--nad-barva);
}
.mmnk .mms-primer h3 {
	margin: 0 0 var(--r-5);
	font-family: var(--pisava-naslov);
	font-size: var(--f-h3);
	font-weight: var(--teza-naslov);
	line-height: var(--vrstica-h3);
	letter-spacing: var(--razmik-h3);
	color: var(--barva-naslov);
}
.mmnk .mms-primer p { margin: 0 0 var(--r-5); font-size: var(--f-telo); line-height: var(--vrstica-telo) }
.mmnk .mms-primer p:last-child { margin-bottom: 0 }
.mmnk .mms-primer__stevilke {
	display: grid;
	gap: var(--r-6);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-primer__stevilke li {
	padding-left: var(--r-6);
	border-left: 3px solid var(--barva-znamka);
}
.mmnk .mms-primer__stevilke strong {
	display: block;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h3);
	font-weight: var(--teza-naslov);
	line-height: 1.1;
	color: var(--barva-naslov);
}
.mmnk .mms-primer__stevilke span {
	display: block;
	margin-top: var(--r-2);
	font-size: var(--f-mala);
	line-height: var(--vrstica-mala);
	color: var(--barva-telo);
}
/* --- 21.7 Odzivnost rešitev ------------------------------------------- */
@media (max-width: 1100px) {
.mmnk .mms-hero--res { grid-template-columns: minmax(0, 1fr); gap: var(--r-8) }
.mmnk .mms-primer { grid-template-columns: minmax(0, 1fr); gap: var(--r-8) }
.mmnk .mms-izid li + li { padding-left: 0; border-left: 0 }
}
@media (max-width: 782px) {
.mmnk .mms-pas--res-hero .mms-blok--hero { padding-top: var(--res-hero-vrh-telefon) }
.mmnk .mms-izid { gap: var(--r-7) }
/* Na telefonu številka izgubi moč, če je manjša od naslova pasu. */
.mmnk { --res-izid-stevilka: 40px }
}
/* Ikone za panožne rešitve (gradbeništvo, prevajanje, turizem, kampi,
   B2B). Isti obris kot ostale: 24 × 24, debelina 1,9, zaobljeni konci. */
.mmnk .znak--celada {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.4 16.2a8.6 8.6 0 0 1 17.2 0'/%3E%3Cpath d='M2.4 16.2h19.2v1.9a1.5 1.5 0 0 1-1.5 1.5H3.9a1.5 1.5 0 0 1-1.5-1.5Z'/%3E%3Cpath d='M9.6 16.2V5.6a1.4 1.4 0 0 1 1.4-1.4h2a1.4 1.4 0 0 1 1.4 1.4v10.6'/%3E%3C/svg%3E")}
.mmnk .znak--ura {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.2'/%3E%3Cpath d='M12 6.8V12l3.4 2'/%3E%3C/svg%3E")}
.mmnk .znak--letalo {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 12.6 2.8 10.4l1.8-1.8 5.9.7 4-4a2.1 2.1 0 0 1 3 3l-4 4 .7 5.9-1.8 1.8Z'/%3E%3C/svg%3E")}
.mmnk .znak--sotor {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 2.6 19.4h18.8Z'/%3E%3Cpath d='M12 3.6v15.8M12 19.4l4.2-7.4M12 19.4l-4.2-7.4'/%3E%3C/svg%3E")}
.mmnk .znak--prevod {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4h8.4M7 3.4v2M9.4 5.4a8.2 8.2 0 0 1-6.6 7.4'/%3E%3Cpath d='M4.6 9.2a7.4 7.4 0 0 0 5.4 3.6'/%3E%3Cpath d='m13.4 20.6 4-9.4 4 9.4M15 17.4h4.8'/%3E%3C/svg%3E")}
.mmnk .znak--racun {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 2.8h14v18.4l-2.8-1.8-2.8 1.8-2.8-1.8-2.8 1.8L5 19.4Z'/%3E%3Cpath d='M8.8 7.6h6.4M8.8 11.4h6.4M8.8 15.2h3.8'/%3E%3C/svg%3E")}
.mmnk .znak--odstotek {--znak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.6 5.4 5.4 18.6'/%3E%3Ccircle cx='7.4' cy='7.4' r='2.8'/%3E%3Ccircle cx='16.6' cy='16.6' r='2.8'/%3E%3C/svg%3E")}
/* ══════════════════════════════════════════════════════════════════════
   22 · PREDSTAVITEV REFERENCE

   En projekt na enem pasu, po Milanovi predlogi (23. 9. 2026):

     REFERENCE ——
     Ime podjetja
     kratek opis, kaj stran je

     [ posnetek 1 ][ posnetek 2 ]          [ telefon ]

     O PROJEKTU ——   | TEHNOLOGIJE ——  | POVEZAVA ——
     besedilo         značke            gumb + »Želite podobno stran?«

   Posnetka sta vrha dveh različnih podstrani, ne dva izreza iste, zato
   je na obeh vidna glava strani in sta videti kot dve strani.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-ref { display: block }
/* --- 22.1 Nadnaslov razdelka s črtico ---------------------------------- */
.mmnk .mms-ref__oznaka {
	display: flex;
	align-items: center;
	gap: var(--r-5);
	margin: 0 0 var(--r-4);
	font-family: var(--pisava);
	font-size: var(--f-drobna);
	font-weight: var(--nad-teza);
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
	color: var(--barva-tiho);
}
.mmnk .mms-ref__oznaka::after {
	content: "";
	width: var(--refk-oznaka-crta);
	height: 1px;
	background: var(--barva-crta);
}
/* --- 22.2 Glava: ime in kratek opis ------------------------------------ */
.mmnk .mms-ref__ime {
	margin: 0 0 var(--r-3);
	font-family: var(--pisava-naslov);
	font-size: var(--refk-ime);
	font-weight: var(--teza-naslov);
	line-height: 1.04;
	letter-spacing: var(--razmik-h2);
	text-transform: none;
	color: var(--barva-naslov);
}
.mmnk .mms-ref__kaj {
	max-width: 62ch;
	margin: 0 0 var(--do-vsebine);
	font-size: var(--refk-kaj);
	line-height: 1.5;
	color: var(--barva-telo);
}
/* --- 22.3 Posnetka in telefon ------------------------------------------ */
.mmnk .mms-ref__slike {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
	gap: var(--refk-vrzel);
	align-items: start;
}
.mmnk .mms-ref__slike figure {
	margin: 0;
	border: var(--obroba);
	border-radius: var(--refk-slika-radij);
	background: var(--paleta-bela);
	box-shadow: var(--refk-slika-senca);
	overflow: hidden;
}
.mmnk .mms-ref__slike figure img { width: 100%; height: auto; display: block }
/* Ohišje telefona. Zareza je narisana s psevdoelementom, da v vsebini ni
   dodatnih praznih elementov. */
.mmnk .mms-ref__telefon {
	position: relative;
	width: var(--refk-telefon);
	padding: var(--refk-telefon-rob);
	border-radius: var(--refk-telefon-radij);
	background: var(--refk-telefon-barva);
	box-shadow: var(--senca-mehka);
}
.mmnk .mms-ref__telefon::after {
	content: "";
	position: absolute;
	top: calc(var(--refk-telefon-rob) + 6px);
	left: 50%;
	transform: translateX(-50%);
	width: 32%;
	height: 9px;
	border-radius: var(--rad-krog);
	background: var(--refk-telefon-barva);
	z-index: 2;
}
.mmnk .mms-ref__telefon img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: calc(var(--refk-telefon-radij) - var(--refk-telefon-rob));
}
/* --- 22.4 Spodnja vrstica: opis, tehnologije, povezava ------------------ */
.mmnk .mms-ref__pod {
	display: grid;
	grid-template-columns: minmax(0, 1.22fr) minmax(0, 1.35fr) minmax(0, .95fr);
	gap: var(--refk-pod-vrzel);
	margin-top: var(--refk-pod-vrzel);
	padding-top: var(--refk-pod-vrzel);
	border-top: var(--obroba);
}
.mmnk .mms-ref__pod > * + * {
	padding-left: var(--refk-pod-vrzel);
	border-left: var(--obroba);
}
.mmnk .mms-ref__pod p { margin: 0 0 var(--r-4); font-size: var(--f-mala); line-height: var(--vrstica-telo) }
.mmnk .mms-ref__pod p:last-child { margin-bottom: 0 }
/* Tehnologije: barvna značka z začetnico in ime pod njo. Značke so
   nevtralne ploščice v barvi orodja, ne prerisani logotipi. */
.mmnk .mms-ref__teh {
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-5) var(--r-6);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-ref__teh li { display: grid; justify-items: center; gap: var(--r-2); text-align: center }
/* Ikone tehnologij so Milanove risbe s prosojnim ozadjem; prikazujemo
   jih take, kot so, brez ploščice pod njimi. */
.mmnk .mms-ref__teh img {
	width: var(--refk-teh-znacka);
	height: var(--refk-teh-znacka);
	object-fit: contain;
}
.mmnk .mms-ref__teh span { font-size: var(--f-drobna); color: var(--barva-telo) }
/* Povezava na stran in vabilo k povpraševanju. */
.mmnk .mms-ref__gumb {
	display: inline-flex;
	align-items: center;
	gap: var(--r-3);
	padding: var(--gumb-odmik);
	border-radius: var(--gumb-radij);
	background: var(--refk-gumb-ozadje);
	color: var(--paleta-bela);
	font-size: var(--gumb-velikost);
	font-weight: var(--gumb-teza);
	text-decoration: none;
	transition: background var(--cas) var(--krivulja);
}
.mmnk .mms-ref__gumb:hover,
.mmnk .mms-ref__gumb:focus-visible { background: var(--barva-znamka-temna); color: var(--paleta-bela) }
.mmnk .mms-ref__gumb .mms-znak { width: var(--ikona-s); height: var(--ikona-s); background: var(--paleta-bela) }
.mmnk .znak--zunanja {
	--znak: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.4 3.6h7v7'/%3E%3Cpath d='M20.4 3.6 11 13'/%3E%3Cpath d='M18.4 14.2v4.6a2 2 0 0 1-2 2H5.2a2 2 0 0 1-2-2V7.6a2 2 0 0 1 2-2h4.6'/%3E%3C/svg%3E");
}
.mmnk .mms-ref__vec {
	display: inline-block;
	margin-top: var(--r-5);
	font-size: var(--f-mala);
	font-weight: var(--teza-krepko);
	color: var(--barva-znamka-temna);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.mmnk .mms-ref__vec:hover, .mmnk .mms-ref__vec:focus-visible { color: var(--barva-naslov) }
/* --- 22.5 Odzivnost ---------------------------------------------------- */
@media (max-width: 1280px) {
/* Telefon gre pod posnetka, da ta ostaneta dovolj velika za branje. */
.mmnk .mms-ref__slike { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
.mmnk .mms-ref__telefon { grid-column: 1 / -1; justify-self: center; margin-top: var(--r-4) }
}
@media (max-width: 1100px) {
.mmnk .mms-ref__pod { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) }
.mmnk .mms-ref__pod > :first-child { grid-column: 1 / -1 }
.mmnk .mms-ref__pod > :nth-child(2) { padding-left: 0; border-left: 0 }
}
@media (max-width: 782px) {
.mmnk .mms-ref__slike { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-ref__pod { grid-template-columns: minmax(0, 1fr); gap: var(--r-8) }
.mmnk .mms-ref__pod > * + * { padding-left: 0; border-left: 0;
		padding-top: var(--r-8); border-top: var(--obroba) }
.mmnk .mms-ref__pod { margin-top: var(--r-8); padding-top: var(--r-8) }
}
/* --- 22.6 Slika kot povezava na večji posnetek ------------------------- */
/* Klik odpre posnetek cele strani v lightboxu (Avadin iLightBox, ki je na
   strani že naložen). Lupa se pokaže ob prehodu miške in ob tipkovnični
   izostritvi, da je jasno, da je slika klikljiva. */
.mmnk .mms-ref__vecja {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: inherit;
}
.mmnk .mms-ref__vecja::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: var(--refk-zastor);
	opacity: 0;
	transition: opacity var(--cas) var(--krivulja);
}
.mmnk .mms-ref__lupa {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: var(--refk-lupa);
	height: var(--refk-lupa);
	border-radius: var(--rad-krog);
	background: var(--refk-lupa-ozadje);
	transform: translate(-50%, -50%) scale(.86);
	opacity: 0;
	transition: opacity var(--cas) var(--krivulja), transform var(--cas) var(--krivulja);
}
.mmnk .mms-ref__lupa::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--paleta-bela);
	-webkit-mask: var(--znak-lupa) center/22px no-repeat;
	        mask: var(--znak-lupa) center/22px no-repeat;
	--znak-lupa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.6' cy='10.6' r='6.8'/%3E%3Cpath d='m20.2 20.2-4.8-4.8M7.8 10.6h5.6M10.6 7.8v5.6'/%3E%3C/svg%3E");
}
.mmnk .mms-ref__vecja:hover::before,
.mmnk .mms-ref__vecja:focus-visible::before { opacity: 1 }
.mmnk .mms-ref__vecja:hover .mms-ref__lupa,
.mmnk .mms-ref__vecja:focus-visible .mms-ref__lupa { opacity: 1; transform: translate(-50%, -50%) scale(1) }
.mmnk .mms-ref__vecja:focus-visible { outline: 2px solid var(--barva-znamka); outline-offset: 3px }
/* Telefon: zaobljenost povezave mora slediti ohišju. */
.mmnk .mms-ref__telefon .mms-ref__vecja {
	border-radius: calc(var(--refk-telefon-radij) - var(--refk-telefon-rob));
}
@media (prefers-reduced-motion: reduce) {
.mmnk .mms-ref__vecja::before,
	.mmnk .mms-ref__lupa { transition: none }
}
/* ══════════════════════════════════════════════════════════════════════
   23 · LISTANJE MED REFERENCAMI
   Dve široki povezavi na dnu strani: prejšnja levo, naslednja desno.
   Vsaka nosi pomanjšan posnetek in puščico, ki se ob prehodu miške
   premakne v svojo smer.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-refnav {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, .62fr) minmax(0, 1fr);
	gap: var(--refnav-vrzel);
	align-items: stretch;
}
.mmnk .mms-refnav__pot {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	gap: var(--r-5);
	align-items: center;
	padding: var(--refnav-odmik);
	border: var(--obroba);
	border-radius: var(--refnav-radij);
	background: var(--paleta-bela);
	box-shadow: var(--senca-1);
	text-decoration: none;
	transition: border-color var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja);
}
.mmnk .mms-refnav__pot:hover,
.mmnk .mms-refnav__pot:focus-visible {
	border-color: var(--barva-znamka);
	box-shadow: var(--senca-mehka);
	transform: translateY(-2px);
}
/* Naslednja je zrcalna: puščica in slika gresta na desno, besedilo desno poravnano. */
.mmnk .mms-refnav__pot--naprej {
	grid-template-columns: minmax(0, 1fr) auto auto;
	text-align: right;
}
.mmnk .mms-refnav__pot--naprej .mms-refnav__pusc { order: 3 }
.mmnk .mms-refnav__pot--naprej .mms-refnav__slika { order: 2 }
.mmnk .mms-refnav__pot--naprej .mms-refnav__besedilo { order: 1 }
.mmnk .mms-refnav__pusc {
	width: var(--ikona-m);
	height: var(--ikona-m);
	background: var(--barva-znamka);
	-webkit-mask: var(--znak-pusc) center/contain no-repeat;
	        mask: var(--znak-pusc) center/contain no-repeat;
	--znak-pusc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4M10.4 5.4 3.8 12l6.6 6.6'/%3E%3C/svg%3E");
	transition: transform var(--cas) var(--krivulja);
}
.mmnk .mms-refnav__pot--naprej .mms-refnav__pusc { transform: scaleX(-1) }
.mmnk .mms-refnav__pot--nazaj:hover .mms-refnav__pusc { transform: translateX(-4px) }
.mmnk .mms-refnav__pot--naprej:hover .mms-refnav__pusc { transform: scaleX(-1) translateX(-4px) }
.mmnk .mms-refnav__slika {
	display: block;
	width: var(--refnav-slika);
	height: var(--refnav-visina);
	border-radius: var(--rad-s);
	border: var(--obroba-mehka);
	overflow: hidden;
	background: var(--nev-200);
}
.mmnk .mms-refnav__slika img { width: 100%; height: 100%; object-fit: cover; object-position: top center }
/* Pot na seznam: ista kartica kot listanje, le brez posnetka. */
.mmnk .mms-refnav__pot--vse {
	grid-template-columns: auto minmax(0, 1fr);
	text-align: left;
}
.mmnk .mms-refnav__mreza {
	width: var(--ikona-m);
	height: var(--ikona-m);
	flex: 0 0 auto;
	background: var(--barva-znamka);
	-webkit-mask: var(--znak-mreza) center/contain no-repeat;
	        mask: var(--znak-mreza) center/contain no-repeat;
	--znak-mreza: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}
.mmnk .mms-refnav__besedilo { display: block; min-width: 0 }
.mmnk .mms-refnav__oznaka {
	display: block;
	margin-bottom: var(--r-1);
	font-size: var(--f-drobna);
	font-weight: var(--nad-teza);
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
	color: var(--barva-tiho);
}
.mmnk .mms-refnav__ime {
	display: block;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h4);
	font-weight: var(--teza-naslov);
	line-height: var(--vrstica-h3);
	color: var(--barva-naslov);
}
@media (max-width: 900px) {
.mmnk .mms-refnav { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-refnav__pot--vse { order: 3 }
.mmnk .mms-refnav__pot--naprej { grid-template-columns: auto auto minmax(0, 1fr); text-align: left }
.mmnk .mms-refnav__pot--naprej .mms-refnav__pusc { order: 1 }
.mmnk .mms-refnav__pot--naprej .mms-refnav__slika { order: 2 }
.mmnk .mms-refnav__pot--naprej .mms-refnav__besedilo { order: 3 }
}
@media (max-width: 480px) {
.mmnk .mms-refnav__slika { display: none }
.mmnk .mms-refnav__pot,
	.mmnk .mms-refnav__pot--naprej,
	.mmnk .mms-refnav__pot--vse { grid-template-columns: auto minmax(0, 1fr) }
}
/* ══════════════════════════════════════════════════════════════════════
   24 · MREŽA KARTIC REFERENC

   Kartica je ista kot na domači strani (.mm-sveze__karta iz
   glava-noga.css), zato tu ni ničesar o njeni notranjosti — samo
   razporeditev iz vodoravnega traku v mrežo in izničenje lastnosti
   drsnika (flex-basis, scroll-snap).
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-refmreza {
	display: grid;
	grid-template-columns: repeat(var(--refmreza-stolpci), minmax(0, 1fr));
	gap: var(--refmreza-razmik);
}
.mmnk .mms-refmreza--3 { --refmreza-stolpci: 3 }
.mmnk .mms-refmreza .mm-sveze__karta {
	flex: none;
	width: auto;
	scroll-snap-align: none;
}
/* Barvne reference brez lastne glave: glavo pasu izpiše mms_glava(),
   zato tu odpadeta zgornji zrak in podčrta z geslom. */
.mmnk .mm-proj--gol { margin: 0 }
.mmnk .mm-proj--gol .mm-proj__seznam { margin-top: 0 }
/* Prelomi morajo prevladati nad razredom za stolpce, zato so zapisani
   na istem elementu in ne na .mmnk. */
@media (max-width: 1100px) {
.mmnk .mms-refmreza,
	.mmnk .mms-refmreza--3,
	.mmnk .mms-refmreza--4 { --refmreza-stolpci: 2 }
}
@media (max-width: 640px) {
.mmnk .mms-refmreza,
	.mmnk .mms-refmreza--2,
	.mmnk .mms-refmreza--3,
	.mmnk .mms-refmreza--4 { --refmreza-stolpci: 1 }
}
/* ══════════════════════════════════════════════════════════════════════
   25 · ZAVIHKI ZA IZBOR REFERENC IN LOGOTIPI STRANK
   ══════════════════════════════════════════════════════════════════════ */
/* Zavihki so gumbi, ne povezave: stran se ne naloži znova, filtriranje
   opravi JavaScript. Stanje nosi aria-pressed, da ga pove tudi bralnik. */
.mmnk .mms-zavihki {
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-3);
	margin: 0 0 var(--do-vsebine);
}
.mmnk .mms-zavihek {
	display: inline-flex;
	align-items: center;
	gap: var(--r-2);
	padding: var(--zavref-odmik);
	border: 1px solid var(--zavref-obroba);
	border-radius: var(--zavref-radij);
	background: var(--zavref-ozadje);
	font-family: var(--pisava);
	font-size: var(--f-mala);
	font-weight: var(--teza-krepko);
	color: var(--barva-telo);
	cursor: pointer;
	transition: border-color var(--cas) var(--krivulja), color var(--cas) var(--krivulja),
		background var(--cas) var(--krivulja);
}
.mmnk .mms-zavihek:hover { border-color: var(--barva-znamka); color: var(--barva-naslov) }
.mmnk .mms-zavihek:focus-visible { outline: 2px solid var(--barva-znamka); outline-offset: 2px }
.mmnk .mms-zavihek.is-aktiven {
	background: var(--zavref-aktiven);
	border-color: var(--zavref-aktiven);
	color: var(--paleta-bela);
}
.mmnk .mms-zavihek__st {
	font-size: var(--f-drobna);
	font-weight: var(--teza-telo);
	color: var(--barva-tiho);
}
.mmnk .mms-zavihek.is-aktiven .mms-zavihek__st { color: var(--barva-na-temnem-tiho) }
/* Skrita kartica: display:none, da je ne vidi niti tipkovnica. */
.mmnk .mms-refmreza .mm-sveze__karta[hidden] { display: none }
/* --- Gumb za naslednjo skupino referenc --------------------------------- */
/* Mreža je omejena na prvih štiriindvajset kartic; gumb pod njo pokaže
   naslednjo skupino, po prvem kliku pa se naslednje dodajo same ob
   drsenju. Brez JavaScripta ostane navadna povezava na sidro. */
.mmnk .mms-refvec {
	display: flex;
	justify-content: center;
	margin: var(--refvec-odmik) 0 0;
}
.mmnk .mms-refvec[hidden],
.mmnk .mms-refvec a[hidden] { display: none }
.mmnk .mms-refvec__st {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--refvec-znacka);
	height: var(--refvec-znacka);
	margin-left: var(--r-2);
	padding: 0 var(--r-2);
	border-radius: var(--rad-krog);
	background: var(--nev-200);
	font-size: var(--f-drobna);
	font-weight: var(--teza-telo);
	color: var(--barva-tiho);
}
/* --- Logotipi strank ---------------------------------------------------- */
/* Kadar je naslov pasu hkrati H1 strani, Avadin slog teme vse H1 postavi
   v velike tiskane. Glavna storitvena stran (referenca CGP) jih nima,
   zato jih ne sme imeti niti naslov pasu. */
.mmnk h1.mms-h2,
.mmnk h1.mms-ref__ime { text-transform: none }
.mmnk .mms-logotipi {
	display: grid;
	grid-template-columns: repeat(var(--logo-stolpci), minmax(0, 1fr));
	gap: var(--logo-razmik);
	margin: 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-logotipi li {
	display: grid;
	place-items: center;
	min-height: var(--logo-visina);
	padding: var(--logo-odmik);
	border: var(--obroba);
	border-radius: var(--logo-radij);
	background: var(--paleta-bela);
	transition: box-shadow var(--cas) var(--krivulja), transform var(--cas) var(--krivulja),
		border-color var(--cas) var(--krivulja);
}
.mmnk .mms-logotipi li:hover {
	box-shadow: var(--senca-mehka);
	transform: translateY(-3px);
	border-color: var(--nev-400);
}
.mmnk .mms-logotipi img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: calc(var(--logo-visina) - 40px);
	object-fit: contain;
}
/* Sedem logotipov sistemov, na katere trgovino povežemo, v eni vrsti —
   bele kartice na temnem pasu. Razmik je manjši od splošnega, ker je
   stolpcev sedem in ne šest. */
.mmnk .mms-logotipi--sedem {
	grid-template-columns: repeat(7, minmax(0, 1fr));
	gap: var(--r-4);
}
.mmnk .mms-logotipi--sedem li {
	min-height: 96px;
	padding: 14px 12px;
	border-color: transparent;
}
.mmnk .mms-logotipi--sedem img { max-height: 44px }
@media (max-width: 1200px) {
.mmnk .mms-logotipi--sedem { grid-template-columns: repeat(4, minmax(0, 1fr)) }
}
@media (max-width: 760px) {
.mmnk .mms-logotipi--sedem { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 1100px) {
.mmnk { --logo-stolpci: 4 }
}
@media (max-width: 640px) {
.mmnk { --logo-stolpci: 3; --logo-visina: 84px }
}
@media (prefers-reduced-motion: reduce) {
.mmnk .mms-logotipi li:hover { transform: none }
}
/* ══════════════════════════════════════════════════════════════════════
   26 · IZPOSTAVLJENI PROJEKTI VODORAVNO

   Ista vrstica kot na domači strani (.mm-proj__vrstica iz
   glava-noga.css), le da se seznam iz navpične mreže spremeni v
   vodoravni trak: en projekt na zaslon, drsenje z vlečenjem, s
   tipkovnico in s pikami. Izmenjava levo/desno je v traku izklopljena,
   ker bi slika ob drsenju skakala z ene strani na drugo.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mm-proj--vodoravno .mm-proj__seznam {
	display: flex;
	gap: var(--projh-razmik);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	overscroll-behavior-x: contain;
	padding-bottom: var(--projh-zrak);
	/* Drsnika ne kažemo — vlečenje in pike ga nadomestijo. */
	scrollbar-width: none;
}
.mmnk .mm-proj--vodoravno .mm-proj__seznam::-webkit-scrollbar { display: none }
.mmnk .mm-proj--vodoravno .mm-proj__vrstica {
	flex: 0 0 100%;
	scroll-snap-align: start;
	min-width: 0;
}
/* Med vlečenjem naj se besedilo ne izbira in gladko drsenje ne bori s
   prstom — isti prijem kot pri drugih trakovih na strani. */
.mmnk .mm-proj--vodoravno .mm-proj__seznam.se-vlece {
	scroll-behavior: auto;
	cursor: grabbing;
	user-select: none;
}
.mmnk .mm-proj--vodoravno .mm-proj__seznam:focus-visible {
	outline: 2px solid var(--barva-znamka);
	outline-offset: 4px;
}
@media (prefers-reduced-motion: reduce) {
.mmnk .mm-proj--vodoravno .mm-proj__seznam { scroll-behavior: auto }
}
/* ══════════════════════════════════════════════════════════════════════
   27 · PRIKAZ PROGRAMA NA NAPRAVAH

   Zaslonska slika programa v okvirju prenosnika, ob njem po potrebi še
   telefon. Okvirja sta risana s CSS in ne sliki — tako ostaneta ostra
   na vsakem zaslonu in se barvi ravnata po tokenih.

   Širina prenosnika je omejena (--lap-najvec), da se posnetek ne
   razvleče čez svojo ločljivost in ostane oster.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-naprave {
	display: grid;
	grid-template-columns: minmax(0, var(--lap-najvec));
	justify-content: center;
	gap: var(--napr-razmik);
	align-items: end;
}
.mmnk .mms-naprave--s-telefonom {
	grid-template-columns: minmax(0, var(--lap-najvec)) var(--napr-telefon);
}
/* --- Prenosnik ---------------------------------------------------------- */
.mmnk .mms-lap {
	position: relative;
	margin: 0;
	min-width: 0;
}
/* Mehka senca pod napravo, da ne visi v zraku. */
.mmnk .mms-lap::after {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: -18px;
	height: 26px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(9, 30, 47, .22), rgba(9, 30, 47, 0) 70%);
	pointer-events: none;
}
.mmnk .mms-lap__zaslon {
	position: relative;
	display: block;
	padding: var(--lap-rob);
	padding-top: calc(var(--lap-rob) + 6px);
	border-radius: var(--lap-radij) var(--lap-radij) var(--rad-s) var(--rad-s);
	background: linear-gradient(180deg, var(--lap-ohisje-vrh), var(--lap-ohisje-dno));
	box-shadow: inset 0 0 0 1px var(--lap-svetloba), var(--lap-senca);
}
/* Kamera nad zaslonom. */
.mmnk .mms-lap__zaslon::before {
	content: "";
	position: absolute;
	top: calc(var(--lap-rob) / 2);
	left: 50%;
	transform: translateX(-50%);
	width: var(--lap-kamera);
	height: var(--lap-kamera);
	border-radius: 50%;
	background: rgba(255, 255, 255, .28);
}
/* Rahel odsev čez zaslon. */
.mmnk .mms-lap__zaslon::after {
	content: "";
	position: absolute;
	inset: var(--lap-rob);
	top: calc(var(--lap-rob) + 6px);
	border-radius: var(--lap-zaslon-radij);
	background: linear-gradient(112deg, rgba(255, 255, 255, .13) 0%,
		rgba(255, 255, 255, .05) 16%, rgba(255, 255, 255, 0) 38%);
	pointer-events: none;
}
.mmnk .mms-lap__zaslon img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--lap-zaslon-radij);
	background: var(--lap-zaslon);
}
/* Spodnji del ohišja je širši od zaslona in se navzdol zoži. */
.mmnk .mms-lap__noga {
	position: relative;
	display: block;
	width: 108%;
	margin-left: -4%;
	height: var(--lap-noga);
	background: linear-gradient(180deg, var(--lap-noga-vrh), var(--lap-noga-dno));
	clip-path: polygon(0 0, 100% 0, 98.4% 100%, 1.6% 100%);
}
/* Zareza za odpiranje pokrova. */
.mmnk .mms-lap__noga::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: var(--lap-zareza);
	height: 5px;
	border-radius: 0 0 999px 999px;
	background: rgba(0, 0, 0, .35);
}
/* Tanka svetla črta na prelomu med zaslonom in podstavkom. */
.mmnk .mms-lap__noga::after {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 1px;
	background: var(--lap-svetloba);
}
/* Napis stoji pod napravo in ne sme vplivati na poravnavo — sicer bi se
   telefon z napisom dvignil nad prenosnika brez njega. */
.mmnk .mms-lap figcaption,
.mmnk .mms-napr-tel figcaption {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: var(--r-4);
	font-size: var(--f-drobna);
	line-height: 1.35;
	color: var(--barva-tiho);
}
/* Prostor za napis pod napravama. */
.mmnk .mms-naprave:has(figcaption) { margin-bottom: var(--r-7) }
/* --- Telefon ob prenosniku ---------------------------------------------- */
.mmnk .mms-napr-tel { position: relative; margin: 0 }
.mmnk .mms-napr-tel::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: -14px;
	height: 20px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, rgba(9, 30, 47, .22), rgba(9, 30, 47, 0) 70%);
	pointer-events: none;
}
.mmnk .mms-napr-tel__okvir {
	position: relative;
	display: block;
	padding: var(--napr-tel-rob);
	border-radius: var(--napr-tel-radij);
	background: linear-gradient(180deg, var(--lap-ohisje-vrh), var(--lap-ohisje-dno));
	box-shadow: inset 0 0 0 1px var(--lap-svetloba), var(--lap-senca);
}
.mmnk .mms-napr-tel__okvir::after {
	content: "";
	position: absolute;
	top: calc(var(--napr-tel-rob) + 5px);
	left: 50%;
	transform: translateX(-50%);
	width: 32%;
	height: 6px;
	border-radius: var(--rad-krog);
	background: var(--lap-ohisje-dno);
	z-index: 2;
}
.mmnk .mms-napr-tel__okvir img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: calc(var(--napr-tel-radij) - var(--napr-tel-rob));
	background: var(--lap-zaslon);
}
@media (max-width: 900px) {
.mmnk .mms-naprave--s-telefonom { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-napr-tel { justify-self: center; width: var(--napr-telefon) }
}
/* ══════════════════════════════════════════════════════════════════════
   24 · STRAN REŠITVE — SaaS

   Panožne rešitve (gradbišča, prevajalske agencije, kampi …) tečejo na
   predlogi page-resitev.php, ki doda razred .mmnk-res. Stran se ne
   začne z velikim naslovnim pasom s fotografijo, ampak z naslovom
   strani — tako kot se začne zaslon v programu. Pod njim so posnetki
   aplikacije, izmenično levo in desno, ob vsakem pa razlaga, kaj se na
   njem vidi (Milan, 24. 9. 2026).
   ══════════════════════════════════════════════════════════════════════ */
/* --- 24.1 Glava strani rešitve ---------------------------------------- */
.mmnk-res .mms-pas--res-glava { background: var(--resg-ozadje) !important; position: relative }
/* Pikčasta mreža čez celo širino zaslona; proti dnu zbledi, da naslov
   in gumbi stojijo na mirni podlagi. */
.mmnk-res .mms-pas--res-glava::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: radial-gradient(var(--resg-mreza) var(--resg-mreza-pika), transparent var(--resg-mreza-pika));
	background-size: var(--resg-mreza-korak) var(--resg-mreza-korak);
	-webkit-mask-image: linear-gradient(180deg, #000 0%, #000 58%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 0%, #000 58%, transparent 100%);
	pointer-events: none;
}
/* Tanka svetla črta na dnu — mesto, kjer se glava programa konča in se
   začne vsebina. */
.mmnk-res .mms-pas--res-glava::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: var(--resg-crta);
	pointer-events: none;
}
.mmnk-res .mms-blok--res-glava {
	position: relative;
	padding-top: var(--resg-vrh);
	padding-bottom: var(--resg-dno);
}
.mmnk-res .mms-blok--res-glava > * { position: relative }
.mmnk .mms-resglava { max-width: var(--resg-sirina) }
.mmnk .mms-resglava--s-sliko {
	display: grid;
	grid-template-columns: var(--resg-stolpca);
	gap: var(--resg-vrzel);
	align-items: center;
	max-width: 100%;
}
.mmnk .mms-resglava__slika { margin: 0; line-height: 0 }
.mmnk .mms-resglava__slika img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--resg-slika-radij);
}
.mmnk .mms-resglava__pot {
	margin: 0 0 var(--r-5);
	font-size: var(--f-drobna);
	color: var(--barva-na-temnem-tiho);
}
.mmnk .mms-resglava__pot a { color: inherit; text-decoration: none }
.mmnk .mms-resglava__pot a:hover,
.mmnk .mms-resglava__pot a:focus-visible { color: var(--barva-na-temnem); text-decoration: underline }
.mmnk .mms-resglava__znacka {
	display: inline-flex;
	align-items: center;
	gap: var(--r-2);
	margin: 0 0 var(--r-5);
	padding: 7px var(--r-4) 7px var(--r-3);
	border: 1px solid var(--resg-znacka-obroba);
	border-radius: var(--rad-krog);
	background: var(--resg-znacka-ozadje);
	font-size: var(--f-drobna);
	font-weight: var(--nad-teza);
	letter-spacing: var(--nad-razmik);
	text-transform: uppercase;
	color: var(--res-nad-barva);
}
.mmnk .mms-resglava__pika {
	width: var(--resg-pika);
	height: var(--resg-pika);
	border-radius: var(--rad-krog);
	background: var(--res-nad-barva);
	box-shadow: 0 0 0 4px rgba(240, 185, 61, .18);
}
.mmnk .mms-resglava__h1 {
	margin: 0 0 var(--r-5);
	font-family: var(--pisava-naslov);
	font-size: var(--resg-h1);
	font-weight: var(--teza-h1);
	line-height: 1.08;
	letter-spacing: -.01em;
	text-transform: none;
	color: var(--barva-na-temnem);
}
.mmnk .mms-resglava__h1 span { color: var(--barva-znamka-svetla) }
.mmnk .mms-resglava__uvod {
	max-width: var(--resg-uvod-sirina);
	margin: 0 0 var(--r-7);
	font-size: var(--f-uvod);
	line-height: var(--vrstica-uvod);
	color: var(--barva-na-temnem-uvod);
}
.mmnk .mms-resglava .mms-dejanja { margin: 0 }
/* Žetoni so tehnični podatki projekta — jezik, baza, povezave. */
.mmnk .mms-resglava__zetoni {
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-2);
	margin: var(--r-7) 0 0;
	padding: 0;
	list-style: none;
}
.mmnk .mms-resglava__zetoni li {
	padding: 6px var(--r-3);
	border: 1px solid var(--resg-zeton-obroba);
	border-radius: var(--rad-s);
	background: var(--resg-zeton-ozadje);
	font-size: var(--f-drobna);
	font-weight: var(--teza-telo);
	color: var(--resg-zeton-barva);
}
/* --- 24.1b Navadna glava strani (O nas) -------------------------------- */
/* Kot glava bloga (blog.css .mmb-glava): pot, H1 in uvod, le da je pas
   Fusionov vsebnik čez celo širino s fotografijo, pod uvodom pa letnica
   in dosežki (.mm-t1, glava-noga.css). */
.mmnk .mms-blok--glavastr { padding-top: var(--gstr-vrh); padding-bottom: var(--gstr-dno) }
.mmnk .mms-glavastr__pot {
	font-family: var(--pisava);
	font-size: var(--f-drobna);
	color: var(--barva-na-temnem-tiho);
	margin: 0 0 var(--gstr-do-naslova);
}
.mmnk .mms-glavastr__pot a { color: var(--barva-na-temnem-tiho); text-decoration: none }
.mmnk .mms-glavastr__pot a:hover { color: var(--barva-znamka-svetla) }
.mmnk .mms-glavastr__pot span { margin-inline: 8px; opacity: .5 }
.mmnk .mms-glavastr__h1 {
	text-transform: none;
	font-family: var(--pisava-naslov);
	font-size: var(--cl-f-h1);
	font-weight: var(--teza-h1);
	line-height: 1.12;
	letter-spacing: var(--cl-razmik-h1);
	color: var(--barva-bela, #fff);
	margin: 0;
}
.mmnk .mms-glavastr__h1 .mm-accent { color: var(--h1-poudarek) }
.mmnk .mms-glavastr__uvod {
	font-family: var(--pisava);
	font-size: var(--cl-f-uvod);
	line-height: 1.55;
	color: var(--barva-na-temnem-uvod);
	margin: var(--gstr-do-uvoda) 0 0;
	max-width: var(--gstr-uvod-sirina);
}
.mmnk .mms-glavastr .mm-heros__gumbi { margin-top: var(--gstr-do-gumbov) }
/* Temna plast čez fotografijo, kot pri traku z dosežki: gore ostanejo
   vidne, napisi berljivi. */
.mmnk .mms-pas--glavastr { position: relative }
.mmnk .mms-pas--glavastr::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--t1-zastor);
	pointer-events: none;
}
.mmnk .mms-pas--glavastr > * { position: relative; z-index: 1 }
/* Dosežki kot male značke: ista oblika kot vrstica dokazov naslovnega
   pasu (.mm-heros__dokazi — ikona in kratko besedilo), le vsak v svojem
   okvirju (Milan, 29. 9. 2026). */
.mmnk .mms-glavastr { position: relative }
.mmnk .mms-glavastr__znacke {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gstr-znacke-vrzel);
	/* Avadin vrinjeni slog da seznamom margin-left: 20px !important. */
	margin: var(--gstr-do-znack) 0 0 !important;
	padding: 0;
	list-style: none;
}
.mmnk .mms-glavastr__znacke li {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0;
	padding: var(--gstr-znacka-odmik);
	background: var(--gstr-znacka-ozadje);
	border: 1px solid var(--gstr-znacka-obroba);
	border-radius: var(--gstr-znacka-radij);
	/* Na telefonu stojijo značke na zasneženem pobočju. */
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	font-family: var(--pisava);
	font-size: var(--hs-dokaz);
	line-height: 1.3;
	color: var(--barva-svetla-3);
}
.mmnk .mms-glavastr__znacke b { font-weight: 800; color: var(--barva-bela) }
.mmnk .mms-glavastr__ikona {
	flex: none;
	width: var(--hs-dokaz-ikona);
	height: var(--hs-dokaz-ikona);
	background-color: var(--barva-cyan);
	-webkit-mask: var(--znak) center/contain no-repeat;
	mask: var(--znak) center/contain no-repeat;
}
.mmnk .mms-glavastr__rokopis {
	font-family: var(--pisava-rokopis);
	font-size: var(--gstr-rokopis);
	line-height: 1.25;
	color: var(--barva-bela);
	text-shadow: var(--t1-rokopis-senca);
	margin: var(--gstr-do-znack) 0 0 !important;
}
/* Rokopis visi v nebu desno od besedila, nad gorami v ozadju
   (Milan, 29. 9. 2026). */
@media (min-width: 1101px) {
	.mmnk .mms-glavastr__rokopis {
		position: absolute;
		right: 0;
		top: var(--gstr-rokopis-vrh);
		max-width: 14ch;
		margin: 0 !important;
		transform: rotate(-5deg);
	}
}
/* --- 24.2 Posnetki aplikacije ----------------------------------------- */
.mmnk .mms-prikazi { display: grid; gap: var(--prikaz-vrzel-vrst) }
.mmnk .mms-prikaz {
	display: grid;
	grid-template-columns: var(--prikaz-stolpca);
	gap: var(--prikaz-vrzel);
	align-items: center;
}
/* Obrnjen prikaz ima sliko desno. Vrstni red v HTML ostane slika–opis,
   da bralnik povsod prebere najprej, kaj je na sliki. Ker je stolpec
   slike širši od stolpca besedila, se ob obratu zamenjata tudi širini
   — sicer bi bila vsaka druga slika ožja (Milan, 25. 9. 2026). */
.mmnk .mms-prikaz--obrnjeno { grid-template-columns: var(--prikaz-stolpca-o) }
.mmnk .mms-prikaz--obrnjeno .mms-prikaz__slika { order: 2 }
.mmnk .mms-prikaz__slika { margin: 0; line-height: 0 }
.mmnk .mms-prikaz__slika img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--prikaz-radij);
}
/* Telefonski posnetek je ožji in se drži svoje strani. */
.mmnk .mms-prikaz--telefon .mms-prikaz__slika { max-width: var(--prikaz-telefon); justify-self: center }
.mmnk .mms-prikaz__nad {
	display: flex;
	align-items: center;
	gap: var(--r-3);
	margin: 0 0 var(--r-3);
	font-size: var(--f-nad);
	font-weight: var(--nad-teza);
	letter-spacing: var(--nad-razmik);
	text-transform: uppercase;
	color: var(--barva-znamka-temna);
}
.mmnk .mms-prikaz__st {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 24px;
	border-radius: var(--rad-s);
	background: var(--prikaz-st-ozadje);
	font-family: var(--pisava-naslov);
	font-size: var(--f-drobna);
	color: var(--prikaz-st-barva);
}
.mmnk .mms-prikaz__h3 {
	margin: 0 0 var(--r-4);
	font-family: var(--pisava-naslov);
	font-size: var(--prikaz-h3);
	font-weight: var(--teza-naslov);
	line-height: 1.18;
	text-transform: none;
	color: var(--barva-naslov);
}
/* Poudarjeni del naslova začne novo vrstico: naslov ob posnetku je
   tako vedno v dveh vrstah (Milan, 25. 9. 2026). */
.mmnk .mms-prikaz__h3 span { display: block; color: var(--barva-znamka-temna) }
.mmnk .mms-prikaz__opis { margin: 0 0 var(--r-5); color: var(--barva-telo) }
.mmnk .mms-prikaz__postavke { display: grid; gap: var(--r-3); margin: 0; padding: 0; list-style: none }
.mmnk .mms-prikaz__postavke li {
	display: grid;
	grid-template-columns: var(--prikaz-pika) minmax(0, 1fr);
	gap: var(--r-3);
	align-items: start;
	font-size: var(--f-mala);
	color: var(--barva-telo);
}
/* Znak pred postavko je poln krog z belo kljukico — na beli podlagi je
   bolj viden kot sama obrisna kljukica (Milan, 25. 9. 2026). */
.mmnk .mms-prikaz__postavke .mms-znak {
	width: var(--prikaz-pika);
	height: var(--prikaz-pika);
	margin-top: 1px;
	border-radius: var(--rad-krog);
	background-color: var(--prikaz-pika-barva);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
	background-position: center;
	background-size: 12px;
	background-repeat: no-repeat;
	-webkit-mask: none;
	        mask: none;
}
/* Na temnem pasu se prikaz obrne v svetlo tipografijo. */
.mmnk .mms-pas--temna .mms-prikaz__h3 { color: var(--barva-na-temnem) }
.mmnk .mms-pas--temna .mms-prikaz__opis,
.mmnk .mms-pas--temna .mms-prikaz__postavke li { color: var(--barva-na-temnem-telo) }
.mmnk .mms-pas--temna .mms-prikaz__nad { color: var(--barva-na-temnem-tiho) }
.mmnk .mms-pas--temna .mms-prikaz__st { background: rgba(255, 255, 255, .1); color: var(--barva-na-temnem) }
.mmnk .mms-pas--temna .mms-prikaz__postavke .mms-znak { background-color: var(--barva-znamka-svetla) }
@media (max-width: 1000px) {
.mmnk .mms-resglava--s-sliko { grid-template-columns: minmax(0, 1fr); gap: var(--r-8) }
}
/* Na telefonu je nadzorna plošča preozka, da bi se dalo brati številke,
   iste podatke pa nosijo prikazi nižje na strani. Zato jo skrijemo —
   in s tem prihranimo tudi prenos slike. */
@media (max-width: 760px) {
.mmnk .mms-resglava__slika { display: none }
}
/* Značka nad naslovom v eni vrsti: na telefonu manjši razmik med črkami. */
@media (max-width: 600px) {
.mmnk .mms-resglava__znacka { letter-spacing: var(--nad-razmik-tel) }
}
@media (max-width: 900px) {
.mmnk .mms-prikaz { grid-template-columns: minmax(0, 1fr); gap: var(--r-7) }
.mmnk .mms-prikaz--obrnjeno .mms-prikaz__slika { order: 0 }
.mmnk-res .mms-blok--res-glava { padding-top: var(--res-hero-vrh-telefon) }
}
/* --- 24.3 Primerjava »danes : z rešitvijo« na svetlem pasu ------------ */
/* Isti seznam kot v naslovnem pasu rešitve, le da na strani rešitve
   stoji v svojem pasu: pari eden ob drugem, barve za svetlo podlago. */
.mmnk .mms-prehod--parni { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--r-4) }
.mmnk .mms-prehod--parni li:nth-child(2n+3) { margin-top: 0 }
.mmnk .mms-blok:not(.mms-blok--temno) .mms-prehod li { border: var(--obroba-mehka) }
.mmnk .mms-blok:not(.mms-blok--temno) .mms-prehod__danes {
	background: var(--pas-mehka);
	color: var(--barva-tiho);
}
.mmnk .mms-blok:not(.mms-blok--temno) .mms-prehod__nato {
	background: var(--prikaz-st-ozadje);
	color: var(--barva-naslov);
}
.mmnk .mms-blok:not(.mms-blok--temno) .mms-prehod__danes b { color: var(--barva-tiho) }
.mmnk .mms-blok:not(.mms-blok--temno) .mms-prehod__nato  b { color: var(--barva-znamka-temna) }
.mmnk .mms-blok:not(.mms-blok--temno) .mms-prehod__danes .mms-znak { background: var(--barva-tiho) }
.mmnk .mms-blok:not(.mms-blok--temno) .mms-prehod__nato  .mms-znak { background: var(--barva-znamka) }
@media (max-width: 760px) {
.mmnk .mms-prehod--parni { grid-template-columns: minmax(0, 1fr); gap: var(--r-2) }
.mmnk .mms-prehod--parni li:nth-child(2n+3) { margin-top: var(--r-5) }
}
/* ── 25 · TRIJE RAZLOGI IN IZMENJUJOČE VRSTICE ──────────────────────
   Oblika je iz predloga »produktni tok« (Milan, 25. 9. 2026): pod
   naslovnim pasom trije razlogi, niže pa vrstice s posnetki, kjer ima
   vsaka druga barvno podlago čez celo širino zaslona. */
.mmnk .mms-razlogi {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--razlog-vrzel);
}
.mmnk .mms-razlog__i {
	display: grid;
	place-items: center;
	width: var(--razlog-ikona);
	height: var(--razlog-ikona);
	border-radius: var(--r-3);
	background: rgba(0, 162, 221, .12);
}
.mmnk .mms-razlog__i::before {
	content: "";
	width: 24px;
	height: 24px;
	background-color: var(--barva-znamka);
	-webkit-mask: var(--znak) center/contain no-repeat;
	mask: var(--znak) center/contain no-repeat;
}
.mmnk .mms-razlog h3 {
	font-family: var(--pisava-naslov);
	font-size: var(--razlog-naslov);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
	color: var(--barva-naslov);
	margin: var(--r-4) 0 var(--r-2) !important;
	text-transform: none !important;
}
.mmnk .mms-razlog p { margin: 0 !important; color: var(--barva-telo) }
.mmnk .mms-pas--temna .mms-razlog h3 { color: var(--barva-na-temnem) }
.mmnk .mms-pas--temna .mms-razlog p { color: var(--barva-na-temnem-telo) }
/* Vsaka druga vrstica s posnetkom dobi podlago čez celo širino okna;
   calc(50% - 50vw) je razdalja od vsebnika do roba zaslona. */
.mmnk .mms-prikazi--izmenicno { gap: 0 }
.mmnk .mms-prikazi--izmenicno .mms-prikaz {
	position: relative;
	padding-block: var(--prikaz-pas-zrak);
}
.mmnk .mms-prikazi--izmenicno .mms-prikaz:nth-child(even)::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	background: var(--barva-ozadje-mehko);
}
.mmnk .mms-prikazi--izmenicno .mms-prikaz > * { position: relative; z-index: 1 }
@media (max-width: 900px) {
.mmnk .mms-razlogi { grid-template-columns: minmax(0, 1fr) }
}
/* Na straneh rešitev je »Glavne funkcionalnosti« zaključni pregled in
   ne uvod, zato stoji naslov nad mrežo, kartice pa gredo v tri stolpce
   — manj gosto kot dva stolpca s po petimi vrsticami (Milan, 25. 9. 2026). */
.mmnk.mmnk-res .mm-dob__postavitev {
	grid-template-columns: minmax(0, 1fr);
	row-gap: var(--dob-do-mreze, 34px);
}
.mmnk.mmnk-res .mm-dob__glava { max-width: 62ch }
/* Zmožnosti niso kartice, ampak sklenjena mreža — kot razpredelnica:
   navpične in vodoravne črte, zaobljen zunanji rob, brez podlage.
   Zunanji rob nosita vrh in leva stran vsebnika, notranje črte pa
   desni in spodnji rob celic (Milan, 25. 9. 2026). */
.mmnk.mmnk-res .mm-dob {
	--dob-stolpci: 3;
	column-gap: 0;
	row-gap: 0;
	/* Črte so samo notranje. Vsaka celica ima desni in spodnji rob;
	   zunanja dva odrežemo, zato pravilo velja pri vsakem številu
	   stolpcev. */
	clip-path: inset(0 1px 1px 0);
}
.mmnk.mmnk-res .mm-dob__e {
	background: transparent;
	border: 0;
	border-right: 1px solid var(--barva-crta-mehka);
	border-bottom: 1px solid var(--barva-crta-mehka);
	border-radius: 0;
	padding: var(--mreza-odmik);
}
/* Prva celica v vrstici nima levega odmika, zadnja ne desnega, da se
   mreža poravna z besedilom nad njo. */
.mmnk.mmnk-res .mm-dob__e:nth-child(3n + 1) { padding-left: 0 }
.mmnk.mmnk-res .mm-dob__e:nth-child(3n) { padding-right: 0 }
.mmnk.mmnk-res .mm-dob__i { background-color: var(--barva-znamka) }
@media (max-width: 1080px) {
.mmnk.mmnk-res .mm-dob { --dob-stolpci: 2 }
}
/* Telefon: en stolpec (splošno pravilo v glava-noga.css povozita obe
   bolj specifični pravili zgoraj in pri karticah, zato tu). Celice v
   enem stolpcu brez levega in desnega odmika. */
@media (max-width: 680px) {
.mmnk.mmnk-res .mm-dob, .mmnk .mm-proc--kartice .mm-dob { --dob-stolpci: 1 }
.mmnk.mmnk-res .mm-dob__e { padding-left: 0; padding-right: 0 }
}
/* ── 26 · PREGLED STRANI ─────────────────────────────────────────────
   Uvodni odstavek čez celo širino, pod njim »Na kratko« v vrsticah z
   ikonami in kazalo v karticah s puščico (Milan, 25. 9. 2026).
   Pisave in barve so iz cgp.css — nobene lastne tipografije. */
.mmnk .mms-nad--crta { display: flex; align-items: center; gap: var(--r-3) }
.mmnk .mms-nad--crta::before {
	content: "";
	width: 26px;
	height: 2px;
	border-radius: 2px;
	background: var(--barva-znamka);
	flex: 0 0 auto;
}
/* Levo oznaka in naslov, desno štirje oštevilčeni stolpci z navpičnimi
   črtami med njimi; pod vsem tem kazalo strani. */
.mmnk .mms-pregled__o {
	display: grid;
	grid-template-columns: var(--pregled-glava) minmax(0, 2.6fr);
	gap: var(--pregled-vrzel);
	align-items: start;
}
.mmnk .mms-pregled__o--brez-glave { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-pregled__g .mms-h2 { margin: var(--r-4) 0 0 !important }
/* Brez glave prva postavka nima navpične črte in levega odmika. */
.mmnk .mms-pregled__o--brez-glave .mms-kratko__e:first-child {
	padding-left: 0;
	border-left: 0;
}
.mmnk .mms-kratko {
	display: grid;
	grid-template-columns: repeat(var(--pregled-stolpci), minmax(0, 1fr));
	gap: var(--pregled-vrzel);
}
.mmnk .mms-kratko__e { padding-left: var(--pregled-vrzel); border-left: 1px solid var(--barva-crta-mehka) }
.mmnk .mms-kratko__st {
	display: block;
	font-family: var(--pisava-naslov);
	font-size: var(--kratko-st);
	font-weight: 800;
	line-height: .9;
	letter-spacing: -.04em;
	color: var(--kratko-st-barva);
	/* Brez pike pod številko (Milan, 29. 9. 2026). */
	margin-bottom: var(--r-3);
}
.mmnk .mms-kratko h3 {
	font-family: var(--pisava-naslov);
	font-size: var(--kratko-naslov);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
	color: var(--barva-naslov);
	margin: 0 0 var(--r-2) !important;
	text-transform: none !important;
}
.mmnk .mms-kratko p {
	margin: 0 !important;
	font-size: var(--f-mala);
	line-height: 1.5;
	color: var(--barva-telo);
}
.mmnk .mms-pregled__kazalo { margin-top: var(--r-9) }
.mmnk .mms-pregled__kazalo .mms-kazalo--kartice {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	margin-top: var(--r-4);
}
/* Kazalo kot navpičen seznam kartic s puščico — brez ikon. */
.mmnk .mms-kazalo--kartice { display: grid; gap: var(--r-2) }
.mmnk .mms-kazalo--kartice a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 18px;
	gap: var(--r-3);
	align-items: center;
	padding: var(--r-2) var(--r-4);
	border: 1px solid var(--barva-crta-mehka);
	border-radius: var(--r-3);
	background: var(--paleta-bela);
	font-size: var(--f-telo);
}
.mmnk .mms-kazalo--kartice a::after {
	content: "";
	width: 18px;
	height: 18px;
	background-color: var(--barva-znamka);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* Telefon: postavke »Na kratko« ena pod drugo, brez leve črte in zamika
   (žeton --pregled-stolpci: 1 v cgp.css). */
@media (max-width: 600px) {
.mmnk .mms-kratko__e { padding-left: 0; border-left: 0 }
}
@media (max-width: 900px) {
.mmnk .mms-pregled__o { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-povzetek--vrstice li { grid-template-columns: var(--pov-ikona) minmax(0, 1fr) }
.mmnk .mms-povzetek--vrstice li > span:last-child {
		grid-column: 2; border-left: 0; padding-left: 0; margin-top: var(--r-1);
	}
}
/* Kartice »Glavne funkcionalnosti« na temnem pasu — ista oblika, druga
   podlaga (Milan, 25. 9. 2026). */
.mmnk .mms-pas--temna .mm-dob__nad { color: var(--barva-cyan-2) }
.mmnk .mms-pas--temna .mm-dob__h2 { color: var(--barva-bela) }
.mmnk .mms-pas--temna .mm-dob__uvod { color: var(--barva-na-temnem-uvod) }
.mmnk .mms-pas--temna .mm-dob__e {
	background: rgba(255, 255, 255, .055);
	border-color: rgba(255, 255, 255, .13);
}
.mmnk .mms-pas--temna .mm-dob__e h3 { color: var(--barva-bela) }
.mmnk .mms-pas--temna .mm-dob__e p { color: var(--barva-na-temnem-telo) }
.mmnk .mms-pas--temna .mm-dob__i { background-color: var(--barva-znamka-svetla) }
/* ── 27 · MREŽA TEŽAV »KJE SE IZGUBLJA ČAS« ─────────────────────────
   Naročnik mora tu prepoznati svoje podjetje, zato je vsaka težava
   svoja kartica z rdečim znakom, pod mrežo pa seštevek, ki pove, koliko
   vse skupaj stane (Milan, 25. 9. 2026). */
.mmnk .mms-tezave {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--tez-vrzel);
}
.mmnk .mms-tezava {
	display: grid;
	grid-template-columns: var(--tez-ikona) minmax(0, 1fr);
	gap: var(--r-4);
	align-items: start;
	padding: var(--tez-odmik);
	border: 1px solid var(--tez-obroba);
	border-radius: var(--tez-radij);
	background: var(--paleta-bela);
	box-shadow: 0 2px 10px rgba(16, 38, 58, .04);
}
.mmnk .mms-tezava__i {
	position: relative;
	display: grid;
	place-items: center;
	width: var(--tez-ikona);
	height: var(--tez-ikona);
	border-radius: var(--rad-krog);
	background: var(--tez-ikona-ozadje);
}
.mmnk .mms-tezava__i::before {
	content: "";
	width: 26px;
	height: 26px;
	background-color: var(--barva-naslov);
	-webkit-mask: var(--znak) center/contain no-repeat;
	        mask: var(--znak) center/contain no-repeat;
}
/* Rdeč križec v kotu ikone pove, da gre za težavo, ne za zmožnost. */
.mmnk .mms-tezava__i::after {
	content: "";
	position: absolute;
	top: -2px;
	right: -2px;
	width: var(--tez-znak);
	height: var(--tez-znak);
	border-radius: var(--rad-krog);
	border: 2px solid var(--paleta-bela);
	background: var(--tez-znak-barva) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E") center/10px no-repeat;
}
.mmnk .mms-tezava h3 {
	font-family: var(--pisava-naslov);
	font-size: var(--tez-naslov);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.22;
	color: var(--barva-naslov);
	margin: 0 0 var(--r-2) !important;
	text-transform: none !important;
}
.mmnk .mms-tezava p {
	margin: 0 !important;
	font-size: var(--f-mala);
	line-height: 1.5;
	color: var(--barva-telo);
}
/* Seštevek pod mrežo — povezan z njo s črtkano črto. */
.mmnk .mms-tezave__vsota {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--r-4);
	width: fit-content;
	margin: var(--r-9) auto 0 !important;
	padding: var(--r-4) var(--r-6);
	border-radius: var(--tez-radij);
	background: var(--tez-vsota-ozadje);
	font-size: var(--f-telo);
	color: var(--barva-telo);
}
.mmnk .mms-tezave__vsota::before {
	content: "";
	position: absolute;
	left: 50%;
	top: calc(-1 * var(--r-9));
	height: var(--r-9);
	border-left: 2px dashed var(--tez-obroba);
}
.mmnk .mms-tezave__ura {
	flex: none;
	width: 34px;
	height: 34px;
	background-color: var(--tez-znak-barva);
	-webkit-mask: var(--znak) center/contain no-repeat;
	        mask: var(--znak) center/contain no-repeat;
}
.mmnk .mms-tezave__vsota b {
	display: block;
	font-weight: var(--teza-krepko);
	color: var(--tez-znak-barva);
}
@media (max-width: 1080px) {
.mmnk .mms-tezave { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 680px) {
.mmnk .mms-tezave { grid-template-columns: minmax(0, 1fr) }
}
/* ── 28 · UVOD V ZASLONE ─────────────────────────────────────────────
   Ista postavitev kot pas »Kako deluje«, le da je levo posnetek in ne
   fotografija: slika se vidi cela, ne obrezana na stolpec. Desno stojijo
   ikone modulov, povzete iz samih prikazov (Milan, 25. 9. 2026). */
.mmnk .mm-proc--zaslon { align-items: center }
.mmnk .mm-proc--zaslon::before { display: none }
.mmnk .mm-proc--zaslon .mm-proc__foto { min-height: 0 }
.mmnk .mm-proc--zaslon .mm-proc__foto img {
	position: static;
	left: auto;
	top: auto;
	width: 100%;
	max-width: none;
	height: auto;
	object-fit: contain;
	border-radius: var(--prikaz-radij);
	border: 1px solid var(--prikaz-obroba);
	box-shadow: var(--prikaz-senca);
}
.mmnk .mm-proc--zaslon .mm-proc__vsebina { padding: 0 }
.mmnk .mms-moduli {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--mod-vrzel);
	margin-top: var(--r-7);
}
.mmnk .mms-moduli span {
	display: flex;
	align-items: center;
	gap: var(--r-3);
	font-size: var(--f-mala);
	font-weight: var(--teza-krepko);
	color: var(--barva-naslov);
}
.mmnk .mms-moduli i {
	flex: none;
	display: grid;
	place-items: center;
	width: var(--mod-ikona);
	height: var(--mod-ikona);
	border-radius: var(--r-2);
	background: rgba(0, 162, 221, .1);
}
.mmnk .mms-moduli i::before {
	content: "";
	width: 18px;
	height: 18px;
	background-color: var(--barva-znamka);
	-webkit-mask: var(--znak) center/contain no-repeat;
	        mask: var(--znak) center/contain no-repeat;
}
@media (max-width: 1080px) {
.mmnk .mm-proc--zaslon { grid-template-columns: minmax(0, 1fr) }
.mmnk .mm-proc--zaslon .mm-proc__foto img { margin: 0; height: auto }
}
/* Pas »Glavne funkcionalnosti« (Milan, 26. 9. 2026): levo tri kolone
   funkcij — ikona v svetlem krogu, naslov, dve vrstici opisa, brez
   okvirjev in črt; desno fotografija, ki sega do roba zaslona. */
.mmnk .mm-proc--kartice { --proc-foto: var(--funk-foto); --proc-foto-lega: center center }
.mmnk .mm-proc--kartice .mm-proc__vsebina { padding: 0 }
.mmnk .mm-proc--kartice .mm-dob__postavitev { row-gap: var(--r-7) }
.mmnk .mm-proc--kartice .mm-dob {
	--dob-stolpci: 3;
	column-gap: var(--funk-vrzel-x);
	row-gap: var(--funk-vrzel-y);
	clip-path: none;
}
.mmnk .mm-proc--kartice .mm-dob__e {
	grid-template-columns: var(--funk-krog) minmax(0, 1fr);
	column-gap: var(--r-4);
	align-items: start;
	padding: 0 !important;
	border: 0;
	background: none;
	border-radius: 0;
}
.mmnk .mm-proc--kartice .mm-dob__i {
	grid-row: 1 / 3;
	width: var(--funk-krog);
	height: var(--funk-krog);
	border-radius: var(--rad-krog);
	background: var(--funk-krog-ozadje);
	-webkit-mask: none;
	        mask: none;
	position: relative;
}
.mmnk .mm-proc--kartice .mm-dob__i::after {
	content: "";
	position: absolute;
	inset: calc((var(--funk-krog) - var(--funk-ikona)) / 2);
	background-color: var(--barva-znamka);
	-webkit-mask: var(--znak) center/contain no-repeat;
	        mask: var(--znak) center/contain no-repeat;
}
.mmnk .mm-proc--kartice .mm-dob__e h3 { grid-column: 2; grid-row: 1; align-self: end; font-size: var(--funk-naslov) }
.mmnk .mm-proc--kartice .mm-dob__e p { grid-column: 2; grid-row: 2; font-size: var(--funk-opis); margin-top: 6px !important; max-width: 30ch }
@media (max-width: 1280px) {
	.mmnk .mm-proc--kartice .mm-dob { --dob-stolpci: 2 }
}
@media (max-width: 1080px) {
	.mmnk .mm-proc--kartice { grid-template-columns: minmax(0, 1fr) }
}
/* Telefon: en stolpec kartic (mora stati za pravilom za 1280 px, ki
   ima isto specifičnost). */
@media (max-width: 680px) {
	.mmnk .mm-proc--kartice .mm-dob { --dob-stolpci: 1 }
}
/* Glavne funkcije kot večje kartice v enem stolpcu, ostale v vrstici
   »Tudi« (odločitev 8, skrajšanje ponovljenih blokov, 28. 9. 2026). */
.mmnk .mm-proc--kartice .mm-dob.mm-dob--velike { --dob-stolpci: 1; row-gap: var(--r-6) }
.mmnk .mm-proc--kartice .mm-dob--velike .mm-dob__e h3 { font-size: var(--f-uvod) }
.mmnk .mm-proc--kartice .mm-dob--velike .mm-dob__e p { max-width: 58ch; font-size: var(--f-telo) }
.mmnk .mm-dob__tudi { margin: 0; padding-top: var(--r-5); border-top: 1px solid var(--barva-crta); font-size: var(--f-mala); line-height: 1.6; color: var(--barva-telo); max-width: 70ch }
.mmnk .mm-dob__tudi b { color: var(--barva-naslov) }
/* ── 29 · POSLOVNI UČINEK V KARTICAH ────────────────────────────────
   Modri pas s sredinskim naslovom, štirimi steklenimi karticami in
   gumbom na sredini (Milan, 25. 9. 2026). */
.mmnk .mms-glava--crtice .mms-nad {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--r-4);
}
.mmnk .mms-glava--crtice .mms-nad::before,
.mmnk .mms-glava--crtice .mms-nad::after {
	content: "";
	width: 34px;
	height: 1px;
	background: currentColor;
	opacity: .55;
}
.mmnk .mms-izidi {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--izk-vrzel);
}
.mmnk .mms-izidk {
	padding: var(--izk-odmik);
	border: 1px solid var(--izk-obroba);
	border-radius: var(--izk-radij);
	background: var(--izk-ozadje);
}
.mmnk .mms-izidk__i {
	display: grid;
	place-items: center;
	width: var(--izk-ikona);
	height: var(--izk-ikona);
	border-radius: var(--r-3);
	background: rgba(255, 255, 255, .16);
	margin-bottom: var(--r-6);
}
.mmnk .mms-izidk__i::before {
	content: "";
	width: 26px;
	height: 26px;
	background-color: var(--barva-bela);
	-webkit-mask: var(--znak) center/contain no-repeat;
	        mask: var(--znak) center/contain no-repeat;
}
.mmnk .mms-izidk h3 {
	font-family: var(--pisava-naslov);
	font-size: var(--izk-naslov);
	font-weight: 800;
	letter-spacing: -.025em;
	line-height: 1.12;
	color: var(--barva-bela);
	margin: 0 0 var(--r-3) !important;
	text-transform: none !important;
	/* Dve vrstici povsod, da se opisi začnejo na isti višini. */
	min-height: 2.24em;
}
.mmnk .mms-izidk p {
	margin: 0 !important;
	font-size: var(--f-mala);
	line-height: 1.55;
	color: var(--barva-na-temnem-postavka);
}
.mmnk .mms-dejanja--sredina { justify-content: center; margin-top: var(--r-9) !important }
@media (max-width: 1080px) {
.mmnk .mms-izidi { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 620px) {
.mmnk .mms-izidi { grid-template-columns: minmax(0, 1fr) }
}
/* ── 30 · TRIJE SLOGI PRIKAZA ZASLONOV ──────────────────────────────
   Osem enakih vrstic »slika levo / besedilo desno« postane enolično,
   zato ima pas tri oblike: velik prikaz (besedilo zgoraj, posnetek čez
   celo širino), par (dva posnetka pod skupnim besedilom) in kompakt
   (dva manjša posnetka kot kartici). Privzeta vrstica ostane
   nespremenjena (Milan, 25. 9. 2026). */
.mmnk .mms-prikaz--velik,
.mmnk .mms-prikaz--par,
.mmnk .mms-prikaz--kompakt { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-prikaz--velik .mms-prikaz__tekst,
.mmnk .mms-prikaz--par .mms-prikaz__tekst,
.mmnk .mms-prikaz--kompakt .mms-prikaz__tekst {
	max-width: var(--pv-glava);
	margin-bottom: var(--pv-do-slike);
}
/* Alineje pod besedilom stojijo v vrsti, ne pod sabo — besedilni del je
   zdaj širok in navpičen seznam bi ga razvlekel. */
.mmnk .mms-prikaz--velik .mms-prikaz__postavke,
.mmnk .mms-prikaz--par .mms-prikaz__postavke,
.mmnk .mms-prikaz--kompakt .mms-prikaz__postavke {
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--r-3) var(--r-6);
	max-width: none;
}
.mmnk .mms-prikaz--velik .mms-prikaz__tekst { max-width: none }
/* Figura velikega prikaza je sredinjena; njeno širino izračuna skripta
   iz mer, da je posnetek povsod enako visok. */
.mmnk .mms-prikaz--velik .mms-prikaz__slika { margin-inline: auto !important }
.mmnk .mms-prikaz--velik .mms-prikaz__opis,
.mmnk .mms-prikaz--par .mms-prikaz__opis,
.mmnk .mms-prikaz--kompakt .mms-prikaz__opis { max-width: var(--pv-glava) }
/* Posnetka v paru sta različno visoka; podnapisa poravnamo na dno, da
   ne plavata vsak na svoji višini. */
.mmnk .mms-prikaz--par .mms-prikaz__dvojica {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pp-vrzel);
	align-items: stretch;
}
.mmnk .mms-prikaz--par .mms-prikaz__dvojica figure {
	display: flex;
	flex-direction: column;
}
.mmnk .mms-prikaz--par .mms-prikaz__dvojica figcaption { margin-top: auto; padding-top: var(--r-3) }
.mmnk .mms-prikaz figcaption {
	margin-top: var(--r-3);
	font-size: var(--prikaz-napis);
	font-weight: var(--teza-krepko);
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--barva-tiho);
	line-height: 1.3;
}
/* Kompakt: posnetek levo, kratek opis desno. */
.mmnk .mms-prikaz--kompakt .mms-prikaz__male {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--pk-vrzel);
}
.mmnk .mms-mali {
	display: grid;
	grid-template-columns: var(--pk-slika) minmax(0, 1fr);
	gap: var(--r-5);
	align-items: center;
	padding: var(--r-5);
	border: 1px solid var(--barva-crta-mehka);
	border-radius: var(--prikaz-radij);
	background: var(--paleta-bela);
}
.mmnk .mms-mali__slika { margin: 0 !important; line-height: 0 }
.mmnk .mms-mali__slika img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r-3);
	border: 1px solid var(--prikaz-obroba);
}
.mmnk .mms-mali h4 {
	font-family: var(--pisava-naslov);
	font-size: var(--razlog-naslov);
	font-weight: 800;
	letter-spacing: -.02em;
	line-height: 1.2;
	color: var(--barva-naslov);
	margin: 0 0 var(--r-2) !important;
	text-transform: none !important;
}
.mmnk .mms-mali p {
	margin: 0 !important;
	font-size: var(--f-mala);
	line-height: 1.5;
	color: var(--barva-telo);
}
@media (max-width: 900px) {
.mmnk .mms-prikaz--par .mms-prikaz__dvojica,
	.mmnk .mms-prikaz--kompakt .mms-prikaz__male { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-mali { grid-template-columns: minmax(0, 1fr) }
}
/* Pas »Kako deluje« na strani rešitve je zaporedje korakov, zato črta
   med krogci dobi puščico — smer je s tem takoj berljiva
   (Milan, 25. 9. 2026). */
.mmnk-res .mm-proc__koraki li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: calc(var(--proc-krog) / 2);
	right: calc(-1 * (var(--r-6) + var(--r-2)));
	width: 11px;
	height: 11px;
	transform: translate(2px, -50%);
	background-color: var(--barva-znamka);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 4 8 8-8 8'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 4 8 8-8 8'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (max-width: 1100px) {
.mmnk-res .mm-proc__koraki li:not(:last-child)::after { display: none }
}
/* ── 31 · NAPRAVI V NASLOVNEM PASU IN ODSEV ─────────────────────────
   Ob nadzorni plošči stoji isti program na telefonu, pod obema pa
   zrcalni odsev. Odsev je ozadje okrasnega elementa, zato ga bralnik
   ne prebere (Milan, 25. 9. 2026). */
.mmnk .mms-resglava__naprave {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.mmnk .mms-resglava__naprave .mms-resglava__slika { flex: 1 1 auto; min-width: 0 }
.mmnk .mms-resglava__telefon {
	position: relative;
	z-index: 1;
	flex: 0 0 var(--resg-telefon);
	width: var(--resg-telefon);
	margin: 0 0 0 var(--resg-naprave-prek) !important;
}
.mmnk .mms-resglava__telefon img { display: block; width: 100%; height: auto }
.mmnk .mms-odsev {
	display: block;
	height: var(--odsev-vis);
	/* Posnetek ima pod seboj vrisano senco; odsev potegnemo za toliko
	   navzgor, da se začne tik pod ploščo in ne pod senco. */
	margin-top: calc(-1 * var(--odsev-odmik));
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	transform: scaleY(-1);
	opacity: var(--odsev-moc);
	filter: blur(1px);
	pointer-events: none;
	-webkit-mask: linear-gradient(to top, #000 0%, transparent 100%);
	        mask: linear-gradient(to top, #000 0%, transparent 100%);
}
@media (max-width: 900px) {
.mmnk .mms-resglava__telefon { display: none }
}
/* Do 760 px sta skriti obe napravi (slika v 24.x, telefon zgoraj); prazen
   stolpec bi v mreži pustil 40 px vrzeli pod žetoni (Milan, 29. 9. 2026). */
@media (max-width: 760px) {
.mmnk .mms-resglava__naprave { display: none }
}
/* ── 32 · POZIV OB FOTOGRAFIJI ──────────────────────────────────────
   Besedilo v levem stolpcu, fotografija je ozadje pasu. Pod gumbi
   stojijo tri kratke obljube s kljukico (Milan, 25. 9. 2026). */
.mmnk .mms-cta--ob-sliki {
	display: block;
	max-width: var(--ctas-sirina);
}
.mmnk .mms-cta--ob-sliki .mms-cta__nad {
	margin: 0 0 var(--r-4) !important;
	font-size: var(--f-nad);
	font-weight: var(--nad-teza);
	letter-spacing: var(--nad-razmik);
	text-transform: uppercase;
	color: var(--barva-na-temnem-tiho);
}
.mmnk .mms-cta--ob-sliki .mms-cta__naslov { margin: 0 0 var(--r-5) !important }
.mmnk .mms-cta--ob-sliki .mms-cta__opis { margin: 0 0 var(--r-7) !important; max-width: 46ch }
.mmnk .mms-cta--ob-sliki .mms-dejanja { margin: 0 !important }
.mmnk .mms-cta__zetoni {
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-3) var(--r-7);
	margin: var(--r-7) 0 0 !important;
	padding: 0;
	list-style: none;
}
.mmnk .mms-cta__zetoni li {
	display: flex;
	align-items: center;
	gap: var(--r-3);
	font-size: var(--ctas-zeton);
	font-weight: var(--teza-krepko);
	color: var(--barva-na-temnem-postavka);
}
.mmnk .mms-cta__zetoni li::before {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	border-radius: var(--rad-krog);
	background: var(--barva-znamka-svetla) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E") center/11px no-repeat;
}
@media (max-width: 900px) {
.mmnk .mms-cta--ob-sliki { max-width: none }
}
/* ── 33 · PRIKAZI V ZAVIHKIH ────────────────────────────────────────
   Osem zaslonov drug pod drugim je dolgo; v zavihkih je stran krajša,
   obiskovalec pa sam izbere, kaj ga zanima. Preklop teče na radijskih
   gumbih in :has(), brez skripte (Milan, 25. 9. 2026). */
.mmnk .mms-zav { position: relative }
.mmnk .mms-zav__v { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0 }
.mmnk .mms-zav__vrsta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--zav-vrzel);
	/* Vrsta zavihkov stoji na svetlem podstavku, da se loči od strani
	   in je na prvi pogled videti kot izbirnik (Milan, 25. 9. 2026). */
	padding: var(--zav-vrzel);
	border-radius: calc(var(--zav-radij) + var(--zav-vrzel));
	background: var(--pas-mehka);
	border: 1px solid var(--barva-crta);
}
.mmnk .mms-zav__g {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--r-4);
	padding: var(--zav-odmik);
	/* Zavihek mora biti videti kot gumb: barvna obroba, senca in
	   dvig ob prehodu miške (Milan, 25. 9. 2026). */
	border: 2px solid var(--barva-znamka-svetla);
	border-radius: var(--zav-radij);
	background: var(--paleta-bela);
	box-shadow: 0 6px 18px rgba(13, 57, 92, .10);
	font-size: var(--zav-napis);
	white-space: nowrap;
	font-weight: var(--teza-krepko);
	color: var(--barva-znamka-temna);
	cursor: pointer;
	transition: border-color var(--cas) var(--krivulja), background var(--cas) var(--krivulja),
		box-shadow var(--cas) var(--krivulja), transform var(--cas) var(--krivulja);
}
.mmnk .mms-zav__g:hover {
	background: var(--pas-mehka);
	box-shadow: 0 10px 26px rgba(13, 57, 92, .16);
	transform: translateY(-1px);
}
.mmnk .mms-zav__g::after {
	content: "";
	flex: none;
	width: 18px;
	height: 18px;
	background-color: var(--barva-znamka);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mmnk .mms-zav__plosce {
	margin-top: var(--zav-do-plosce);
	/* Prostor za najvišjo ploščo: višina = širina × 0,6 × razmerje
	   najvišjega posnetka (0,6 je delež stolpca s sliko). Kadar je
	   besedilo višje od tega, se plošča razširi sama. */
	aspect-ratio: 1 / calc(.6 * var(--zav-najvisje, .8));
	display: grid;
	/* Plošča se začne takoj pod zavihki; prazen prostor ostane spodaj,
	   da oko ne skače čez luknjo. */
	align-content: start;
}
.mmnk .mms-zav__p { display: none }
.mmnk .mms-zav__p .mms-prikaz { padding-block: 0 }
/* Izbrani zavihek in njegova plošča. */
/* Fokus s tipkovnico: izbirni gumb je skrit, zato obroba pride na pripadajoči
   zavihek (T08, 28. 9. 2026; prej fokus ni bil viden). */
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(1):focus-visible) .mms-zav__g:nth-of-type(1),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(2):focus-visible) .mms-zav__g:nth-of-type(2),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(3):focus-visible) .mms-zav__g:nth-of-type(3),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(4):focus-visible) .mms-zav__g:nth-of-type(4),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(5):focus-visible) .mms-zav__g:nth-of-type(5),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(6):focus-visible) .mms-zav__g:nth-of-type(6),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(7):focus-visible) .mms-zav__g:nth-of-type(7),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(8):focus-visible) .mms-zav__g:nth-of-type(8) {
	outline: 2px solid var(--barva-znamka);
	outline-offset: 2px;
}
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(1):checked) .mms-zav__g:nth-of-type(1),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(2):checked) .mms-zav__g:nth-of-type(2),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(3):checked) .mms-zav__g:nth-of-type(3),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(4):checked) .mms-zav__g:nth-of-type(4),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(5):checked) .mms-zav__g:nth-of-type(5),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(6):checked) .mms-zav__g:nth-of-type(6),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(7):checked) .mms-zav__g:nth-of-type(7),
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(8):checked) .mms-zav__g:nth-of-type(8) {
	/* Izbrani zavihek je iste barve kot glava strani, z belim napisom. */
	border-color: var(--barva-glava);
	background: var(--barva-glava);
	color: var(--barva-na-temnem);
}
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(1):checked) .mms-zav__g:nth-of-type(1)::after,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(2):checked) .mms-zav__g:nth-of-type(2)::after,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(3):checked) .mms-zav__g:nth-of-type(3)::after,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(4):checked) .mms-zav__g:nth-of-type(4)::after,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(5):checked) .mms-zav__g:nth-of-type(5)::after,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(6):checked) .mms-zav__g:nth-of-type(6)::after,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(7):checked) .mms-zav__g:nth-of-type(7)::after,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(8):checked) .mms-zav__g:nth-of-type(8)::after {
	background-color: var(--barva-na-temnem);
}
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(1):checked) .mms-zav__p--1,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(2):checked) .mms-zav__p--2,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(3):checked) .mms-zav__p--3,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(4):checked) .mms-zav__p--4,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(5):checked) .mms-zav__p--5,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(6):checked) .mms-zav__p--6,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(7):checked) .mms-zav__p--7,
.mmnk .mms-zav:has(.mms-zav__v:nth-of-type(8):checked) .mms-zav__p--8 { display: block }
/* Brez :has() (starejši brskalnik) se pokažejo vsi prikazi, drug pod
   drugim — stran je daljša, a nič ni skrito. */
@supports not selector(:has(*)) {
.mmnk .mms-zav__p { display: block; margin-bottom: var(--prikaz-vrzel-vrst) }
.mmnk .mms-zav__vrsta { display: none }
}
/* Kartice kazala se pod kazalcem obarvajo enako kot zavihki pod njimi. */
.mmnk .mms-kazalo--kartice a:hover {
	border-color: var(--barva-znamka);
	background: rgba(0, 162, 221, .09);
	color: var(--barva-znamka-temna);
}
/* Pas »Kako deluje« s fotografijo na desni. Slika je v izpisu prva,
   zato jo prestavimo z order; njeno polno širino pa zrcalimo z desnega
   roba zaslona (Milan, 25. 9. 2026). */
/* Višja natančnost izbirnika: osnovno pravilo za .mm-proc stoji v
   glava-noga.css, ki se naloži za to datoteko. */
.mmnk .mm-proc.mm-proc--desno { grid-template-columns: minmax(0, 1fr) var(--proc-foto) }
.mmnk .mm-proc--desno .mm-proc__foto { grid-column: 2; grid-row: 1 }
.mmnk .mm-proc--desno .mm-proc__vsebina { grid-column: 1; grid-row: 1 }
.mmnk .mm-proc--desno .mm-proc__foto img { left: auto; right: calc(50% - 50vw) }
.mmnk .mm-proc--desno::before { left: calc(50% - 50vw); right: var(--proc-foto) }
@media (max-width: 1080px) {
.mmnk .mm-proc.mm-proc--desno { grid-template-columns: minmax(0, 1fr) }
.mmnk .mm-proc--desno .mm-proc__foto,
	.mmnk .mm-proc--desno .mm-proc__vsebina { grid-column: 1; grid-row: auto }
}
/* Drobna opomba pod ploščo zavihkov: od kod so zasloni in da so imena
   zamenjana. Trditev mora biti na strani, ne samo v naši glavi. */
.mmnk .mms-zav__opomba {
	margin: var(--r-6) 0 0 !important;
	font-size: var(--f-drobna);
	line-height: 1.5;
	color: var(--barva-tiho);
	text-align: center;
	max-width: 76ch;
	margin-inline: auto !important;
}

/* Ritem strani: zadnji element v pasu nima spodnjega odmika, da je zrak
   med pasovi vedno samo iz --pas-zrak / --pas-ozko (Milan, 26. 9. 2026). */
.mmnk .mms-blok > :last-child,
.mmnk .mms-blok > :last-child > :last-child:not(li, td, th, h1, h2, h3, h4, .mms-karta *, .mm-paket *, .mm-faq *) { margin-bottom: 0 }

/* ══════════════════════════════════════════════════════════════════════
   PREJ / ZDAJ (domača stran, 26. 9. 2026)
   Tri rešitve s posnetkom nadzorne plošče, pri vsaki »Prej« in »Zdaj«,
   pod njimi trak štirih obljub.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-pz {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--pz-vrzel);
}
.mmnk .mms-pz__k {
	display: flex;
	flex-direction: column;
	background: var(--paleta-bela);
	border: var(--obroba-mehka);
	border-radius: var(--pz-radij);
	box-shadow: var(--senca-1);
	overflow: hidden;
	transition: transform var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja);
}
.mmnk .mms-pz__k:hover { transform: translateY(-3px); box-shadow: var(--senca-2) }
.mmnk .mms-pz__s { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--nev-200) }
.mmnk .mms-pz__s img { width: 100%; height: 100%; object-fit: cover; object-position: top; display: block }
.mmnk .mms-pz__t { padding: var(--pz-odmik) }
.mmnk .mms-pz__t h3 { margin: 0 0 var(--r-3); font-size: var(--f-h3) }
.mmnk .mms-pz__t h3 a { color: inherit; text-decoration: none }
.mmnk .mms-pz__prej,
.mmnk .mms-pz__zdaj { margin: 0 0 var(--r-2); font-size: var(--f-mala); line-height: 1.55; color: var(--barva-telo) }
.mmnk .mms-pz__prej b { color: var(--pz-prej-barva) }
.mmnk .mms-pz__zdaj { font-size: var(--f-telo); color: var(--barva-naslov); margin-bottom: var(--r-4) }
.mmnk .mms-pz__zdaj b { color: var(--pz-zdaj-barva) }
.mmnk .mms-pz__t .mms-vec { margin-top: auto }

.mmnk .mms-obljube {
	list-style: none;
	margin: var(--r-8) 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--r-4);
}
.mmnk .mms-obljube li {
	padding: var(--r-5) var(--r-6);
	border-left: var(--pz-obljuba-crta);
	background: var(--paleta-bela);
	border-radius: 0 var(--pz-radij) var(--pz-radij) 0;
	box-shadow: var(--senca-1);
}
.mmnk .mms-obljube b {
	display: block;
	font-family: var(--pisava-naslov);
	font-size: var(--f-h3);
	font-weight: var(--h3-teza);
	letter-spacing: var(--razmik-h3);
	color: var(--barva-naslov);
	margin-bottom: 4px;
}
.mmnk .mms-obljube span { font-size: var(--f-mala); color: var(--barva-tiho) }
.mmnk .mms-obljube + .mms-dejanja { margin-top: var(--r-7) }
@media (max-width: 1100px) {
	.mmnk .mms-pz { grid-template-columns: minmax(0, 1fr) }
	.mmnk .mms-obljube { grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 640px) {
	.mmnk .mms-obljube { grid-template-columns: minmax(0, 1fr) }
}

/* ══════════════════════════════════════════════════════════════════════
   PRIMERI IZ PRAKSE (stran aplikacij, 26. 9. 2026)
   Izmenične vrstice: posnetek nadzorne plošče in zgodba rešitve.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-pripi { display: grid; row-gap: var(--prip-odmik) }
.mmnk .mms-prip {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--prip-vrzel);
	align-items: center;
}
.mmnk .mms-prip--obrnjeno .mms-prip__s { order: 2 }
/* Posnetek ima kartico in senco že v sliki, zato tu brez okvirja (Milan, 26. 9. 2026). */
.mmnk .mms-prip__s { display: block }
.mmnk .mms-prip__s img { display: block; width: 100%; height: auto }
.mmnk .mms-prip__st {
	margin: 0 0 var(--r-3);
	font-family: var(--pisava-naslov);
	font-size: var(--f-drobna);
	font-weight: 800;
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
	color: var(--prip-st-barva);
}
.mmnk .mms-prip__st span { color: var(--barva-tiho); font-weight: 700 }
.mmnk .mms-prip__t h3 { font-size: clamp(24px, 1.9vw, 30px); margin: 0 0 var(--r-3) }
.mmnk .mms-prip__t h3 a { color: inherit; text-decoration: none }
.mmnk .mms-prip__opis { font-size: var(--f-telo); line-height: var(--vrstica-telo); color: var(--barva-telo); margin: 0 0 var(--r-3) }
.mmnk .mms-prip__dejstva { font-size: var(--f-mala); color: var(--barva-tiho); margin: 0 0 var(--r-5) }
.mmnk .mms-prip__gumb { margin: 0 }
@media (max-width: 900px) {
	.mmnk .mms-prip { grid-template-columns: minmax(0, 1fr) }
	.mmnk .mms-prip--obrnjeno .mms-prip__s { order: 0 }
}

/* Mreža primerov: tri kolone, dve vrsti, napis pod posnetkom (domača stran). */
.mmnk .mms-pripi--mreza {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--pz-vrzel);
}
.mmnk .mms-pripi--mreza .mms-prip,
.mmnk .mms-pripi--mreza .mms-prip--obrnjeno {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0;
	border-top: 0;
	background: var(--paleta-bela);
	border: var(--obroba-mehka);
	border-radius: var(--pz-radij);
	box-shadow: var(--senca-1);
	overflow: hidden;
	transition: transform var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja);
}
.mmnk .mms-pripi--mreza .mms-prip:hover { transform: translateY(-3px); box-shadow: var(--senca-2) }
.mmnk .mms-pripi--mreza .mms-prip__s { order: 0; aspect-ratio: 16 / 9 }
/* Posnetek ima v sliki 3 % belega roba in lastno kartico; v mreži ga
   povečamo toliko, da rob odpade in kartica pasu zaobli posnetek sama
   (Milan, 26. 9. 2026). */
.mmnk .mms-pripi--mreza .mms-prip__s img { height: 100%; object-fit: cover; object-position: top; transform: translateY(-3.3%) scale(1.07); transform-origin: top center }
.mmnk .mms-pripi--mreza .mms-prip__t { display: flex; flex-direction: column; flex: 1; padding: var(--pz-odmik) }
.mmnk .mms-pripi--mreza .mms-prip__t h3 { font-size: var(--f-h3) }
.mmnk .mms-pripi--mreza .mms-prip__dejstva { margin-top: auto; padding-top: var(--r-3) }
.mmnk .mms-pripi--mreza .mms-prip__gumb { margin-top: var(--r-4) }
@media (max-width: 1100px) { .mmnk .mms-pripi--mreza { grid-template-columns: repeat(2, minmax(0, 1fr)) } }
@media (max-width: 640px) { .mmnk .mms-pripi--mreza { grid-template-columns: minmax(0, 1fr) } }

/* ══════════════════════════════════════════════════════════════════════
   ZNAČKE MODULOV (pod »Na kratko« na straneh aplikacij, 26. 9. 2026)
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-moduli {
	list-style: none;
	margin: var(--r-6) 0 0;
	padding: var(--r-5) 0 0;
	border-top: var(--obroba-mehka);
	display: flex;
	flex-wrap: wrap;
	gap: var(--r-2);
}
.mmnk .mms-moduli li {
	margin: 0;
	padding: var(--modul-odmik);
	border-radius: var(--rad-krog);
	font-family: var(--pisava);
	font-size: var(--modul-pisava);
	font-weight: 700;
	line-height: 1.2;
}
.mmnk .mms-modul--1 { background: var(--modul-1); color: var(--modul-1-b) }
.mmnk .mms-modul--2 { background: var(--modul-2); color: var(--modul-2-b) }
.mmnk .mms-modul--3 { background: var(--modul-3); color: var(--modul-3-b) }
.mmnk .mms-modul--4 { background: var(--modul-4); color: var(--modul-4-b) }
.mmnk .mms-modul--5 { background: var(--modul-5); color: var(--modul-5-b) }
.mmnk .mms-modul--6 { background: var(--modul-6); color: var(--modul-6-b) }

/* ══════════════════════════════════════════════════════════════════════
   PRIKAZ FUNKCIJ (lastnosti, slog »crte«): tri kolone, sredinsko
   besedilo, tanke ločnice med celicami — brez ikon in slik.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-funk {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mmnk .mms-funk__e {
	padding: var(--funk-odmik);
	text-align: center;
	border-left: var(--funk-crta);
	border-top: var(--funk-crta);
}
.mmnk .mms-funk__e:nth-child(3n + 1) { border-left: 0 }
.mmnk .mms-funk__e:nth-child(-n + 3) { border-top: 0 }
.mmnk .mms-funk__nad {
	margin: 0 0 var(--r-3);
	font-family: var(--pisava);
	font-size: var(--f-drobna);
	font-weight: 700;
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
	color: var(--barva-znamka);
}
.mmnk .mms-funk__e h3 {
	margin: 0 0 var(--r-3);
	font-size: clamp(20px, 1.6vw, 24px);
	line-height: 1.2;
}
.mmnk .mms-funk__e p:last-child {
	margin: 0 auto;
	max-width: 34ch;
	font-size: var(--f-mala);
	line-height: 1.6;
	color: var(--barva-telo);
}
@media (max-width: 900px) {
	.mmnk .mms-funk { grid-template-columns: minmax(0, 1fr) }
	.mmnk .mms-funk__e { border-left: 0; border-top: var(--funk-crta) }
	.mmnk .mms-funk__e:first-child { border-top: 0 }
}

/* ══════════════════════════════════════════════════════════════════════
   PREJ / POTEM (stran aplikacij, 26. 9. 2026): levo preglednica, desno
   posnetek programa v brskalniškem okvirju.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-pp { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--pp-vrzel); align-items: start }
.mmnk .mms-pp__et {
	display: inline-block;
	margin-bottom: var(--r-4);
	padding: 6px 12px;
	border-radius: var(--rad-krog);
	font-family: var(--pisava);
	font-size: var(--f-drobna);
	font-weight: 700;
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
}
.mmnk .mms-pp__et--prej { background: var(--pp-xl-napaka); color: var(--paleta-tezava) }
.mmnk .mms-pp__et--potem { background: rgba(0, 162, 221, .12); color: var(--barva-znamka) }
.mmnk .mms-pp__opis { margin: var(--r-4) 0 0; font-size: var(--f-mala); line-height: 1.55; color: var(--barva-telo) }
.mmnk .mms-xl {
	border: 1px solid var(--nev-300, #CFD8E3);
	border-radius: var(--pp-radij);
	overflow: hidden;
	background: var(--paleta-bela);
	box-shadow: var(--senca-1);
	font: 13px/1.4 Arial, Helvetica, sans-serif;   /* namenoma tuja pisava: to je Excel, ne naša stran */
	color: #222;
}
.mmnk .mms-xl__glava { background: var(--pp-xl-glava); color: #fff; padding: 8px 12px; font-weight: 700 }
.mmnk .mms-xl table { width: 100%; border-collapse: collapse; margin: 0; font: inherit }
.mmnk .mms-xl th, .mmnk .mms-xl td { border: 1px solid #D9D9D9; padding: 6px 8px; white-space: nowrap; text-align: left; font: inherit; color: inherit; background: none }
.mmnk .mms-xl th { background: #F2F2F2; font-weight: 700 }
.mmnk .mms-xl__napaka { background: var(--pp-xl-napaka) !important }
.mmnk .mms-xl__opozorilo { background: var(--pp-xl-opozorilo) !important }
.mmnk .mms-xl__tiho { color: #999 !important; font-style: italic }
.mmnk .mms-brsk {
	border-radius: var(--pp-radij);
	overflow: hidden;
	box-shadow: var(--senca-mehka);
	border: var(--obroba-mehka);
	background: var(--paleta-bela);
}
.mmnk .mms-brsk__vrsta { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--pas-mehka); border-bottom: var(--obroba-mehka) }
.mmnk .mms-brsk__vrsta i { width: 11px; height: 11px; border-radius: 50%; background: #D7DEE5 }
.mmnk .mms-brsk__vrsta i:nth-child(1) { background: #FF5F57 } .mmnk .mms-brsk__vrsta i:nth-child(2) { background: #FEBC2E } .mmnk .mms-brsk__vrsta i:nth-child(3) { background: #28C840 }
.mmnk .mms-brsk__vrsta span { margin-left: 12px; flex: 1; background: var(--paleta-bela); border: var(--obroba-mehka); border-radius: 8px; padding: 5px 12px; font-size: 12.5px; color: var(--barva-tiho) }
.mmnk .mms-brsk img { display: block; width: 100%; height: auto }
@media (max-width: 900px) { .mmnk .mms-pp { grid-template-columns: minmax(0, 1fr) } }

/* ══════════════════════════════════════════════════════════════════════
   NAVPIČNI ZAVIHKI (Kako izgleda, 26. 9. 2026): barvne značke modulov
   levo (iste barve kot --modul-*), desno opis in ob njem zaslon; desna
   stran je visoka toliko kot stolpec značk (+ --zavn-preko).
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-zav--navpicno {
	display: grid;
	grid-template-columns: var(--zavn-stolpec) minmax(0, 1fr);
	gap: var(--zavn-vrzel);
	align-items: start;
}
.mmnk .mms-zav--navpicno .mms-zav__vrsta {
	flex-direction: column;
	gap: var(--zavn-med);
	padding: 0;
	border: 0;
	background: none;
	border-radius: 0;
	position: sticky;
	top: calc(var(--glava-visina) + var(--r-5));
}
.mmnk .mms-zav--navpicno .mms-zav__g {
	flex: none;
	justify-content: space-between;
	padding: var(--zavn-odmik);
	border: 0;
	border-radius: var(--rad-krog);
	box-shadow: none;
	background: var(--zn-b);
	font-size: var(--f-mala);
	font-weight: 700;
	color: var(--zn-t);
	white-space: normal;
	text-align: left;
	opacity: .78;
	transition: opacity var(--cas) var(--krivulja), transform var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja);
}
.mmnk .mms-zav--navpicno .mms-zav__g::after { width: 14px; height: 14px; background-color: currentColor }
.mmnk .mms-zav--navpicno .mms-zav__g:nth-of-type(6n + 1) { --zn-b: var(--modul-1); --zn-t: var(--modul-1-b) }
.mmnk .mms-zav--navpicno .mms-zav__g:nth-of-type(6n + 2) { --zn-b: var(--modul-2); --zn-t: var(--modul-2-b) }
.mmnk .mms-zav--navpicno .mms-zav__g:nth-of-type(6n + 3) { --zn-b: var(--modul-3); --zn-t: var(--modul-3-b) }
.mmnk .mms-zav--navpicno .mms-zav__g:nth-of-type(6n + 4) { --zn-b: var(--modul-4); --zn-t: var(--modul-4-b) }
.mmnk .mms-zav--navpicno .mms-zav__g:nth-of-type(6n + 5) { --zn-b: var(--modul-5); --zn-t: var(--modul-5-b) }
.mmnk .mms-zav--navpicno .mms-zav__g:nth-of-type(6n + 6) { --zn-b: var(--modul-6); --zn-t: var(--modul-6-b) }
.mmnk .mms-zav--navpicno .mms-zav__g:hover { opacity: 1; transform: translateX(4px); box-shadow: var(--senca-1) }
/* Izbrana značka: polna barva, senca in zamik v desno. */
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(1):checked) .mms-zav__g:nth-of-type(1),
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(2):checked) .mms-zav__g:nth-of-type(2),
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(3):checked) .mms-zav__g:nth-of-type(3),
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(4):checked) .mms-zav__g:nth-of-type(4),
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(5):checked) .mms-zav__g:nth-of-type(5),
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(6):checked) .mms-zav__g:nth-of-type(6),
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(7):checked) .mms-zav__g:nth-of-type(7),
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(8):checked) .mms-zav__g:nth-of-type(8) {
	opacity: 1;
	transform: translateX(8px);
	box-shadow: var(--senca-2);
	border-color: transparent;
	background: var(--zn-b);
	color: var(--zn-t);
}
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(1):checked) .mms-zav__g:nth-of-type(1)::after,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(2):checked) .mms-zav__g:nth-of-type(2)::after,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(3):checked) .mms-zav__g:nth-of-type(3)::after,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(4):checked) .mms-zav__g:nth-of-type(4)::after,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(5):checked) .mms-zav__g:nth-of-type(5)::after,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(6):checked) .mms-zav__g:nth-of-type(6)::after,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(7):checked) .mms-zav__g:nth-of-type(7)::after,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(8):checked) .mms-zav__g:nth-of-type(8)::after { background-color: var(--zn-t) }
/* Plošča: opis levo, zaslon desno; višina sledi stolpcu značk. */
.mmnk .mms-zav--navpicno .mms-zav__plosce { margin-top: 0; aspect-ratio: auto; display: block; height: 0; min-height: 100% }
.mmnk .mms-zav--navpicno .mms-zav__p { height: calc(100% + var(--zavn-preko)) }
.mmnk .mms-prikaz--navpicno {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
	gap: var(--zavn-vrzel);
	align-items: start;
	height: 100%;
}
.mmnk .mms-prikaz--navpicno .mms-prikaz__tekst { max-width: none }
.mmnk .mms-prikaz--navpicno .mms-prikaz__h3 { font-size: var(--f-h3) }
.mmnk .mms-prikaz--navpicno .mms-prikaz__h3 span { display: inline; color: inherit }
.mmnk .mms-prikaz--navpicno .mms-prikaz__opis { margin-bottom: var(--r-3) }
.mmnk .mms-prikaz--navpicno .mms-prikaz__postavke { grid-template-columns: minmax(0, 1fr); gap: var(--r-2) }
.mmnk .mms-prikaz--navpicno .mms-prikaz__slika { max-width: none; height: 100%; min-height: 0; line-height: 0; text-align: right }
.mmnk .mms-prikaz--navpicno .mms-prikaz__slika img { width: auto; height: 100%; max-width: 100%; object-fit: contain; object-position: right top; display: inline-block }
@media (max-width: 900px) {
	.mmnk .mms-zav--navpicno { grid-template-columns: minmax(0, 1fr) }
	/* Značke v mreži enakih stolpcev z razmikom v obe smeri; izbrana se
	   ne premakne v desno (na vrstici je zadela sosednjo, Milan 29. 9. 2026). */
	.mmnk .mms-zav--navpicno .mms-zav__vrsta { position: static; display: grid; grid-template-columns: repeat(auto-fill, minmax(var(--zavn-min-tel), 1fr)); gap: var(--r-2) }
	.mmnk .mms-zav--navpicno .mms-zav__g { flex: 1 1 auto; transform: none !important }
	.mmnk .mms-zav--navpicno .mms-zav__plosce { height: auto; min-height: 0 }
	.mmnk .mms-zav--navpicno .mms-zav__p { height: auto }
	.mmnk .mms-prikaz--navpicno { grid-template-columns: minmax(0, 1fr); height: auto }
	.mmnk .mms-prikaz--navpicno .mms-prikaz__slika { height: auto; text-align: left }
	.mmnk .mms-prikaz--navpicno .mms-prikaz__slika img { width: 100%; height: auto }
}

/* ── KAKO IZGLEDA (Milan, 28. 9. 2026) ─────────────────────────────────
   Krajši gumbi in širša slika; vsi zasloni bloka v enakem okviru
   (--zav-razmerje iz lib-sistem.php, zaslon ga zapolni od levega zgornjega
   kota), vse plošče v isti celici mreže — blok je visok kot najvišja
   plošča in ob kliku ne skače. */
.mmnk .mms-zav--navpicno { grid-template-columns: var(--zavk-gumbi) minmax(0, 1fr); gap: var(--zavk-vrzel) }
.mmnk .mms-zav--navpicno .mms-zav__g { padding: 10px 14px; font-size: var(--f-drobna) }
.mmnk .mms-zav--navpicno .mms-zav__g::after { width: 12px; height: 12px }
.mmnk .mms-zav--navpicno .mms-zav__plosce { display: grid; height: auto; min-height: 0 }
.mmnk .mms-zav--navpicno .mms-zav__plosce > .mms-zav__p { grid-area: 1 / 1; display: block; visibility: hidden; height: auto }
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(1):checked) .mms-zav__plosce > .mms-zav__p--1,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(2):checked) .mms-zav__plosce > .mms-zav__p--2,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(3):checked) .mms-zav__plosce > .mms-zav__p--3,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(4):checked) .mms-zav__plosce > .mms-zav__p--4,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(5):checked) .mms-zav__plosce > .mms-zav__p--5,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(6):checked) .mms-zav__plosce > .mms-zav__p--6,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(7):checked) .mms-zav__plosce > .mms-zav__p--7,
.mmnk .mms-zav--navpicno:has(.mms-zav__v:nth-of-type(8):checked) .mms-zav__plosce > .mms-zav__p--8 { visibility: visible }
.mmnk .mms-zav--navpicno .mms-prikaz--navpicno { grid-template-columns: minmax(0, .68fr) minmax(0, 1.32fr); gap: var(--zavk-vrzel); height: auto }
/* Okvir je visok kot najvišji zaslon bloka (--zav-najvisje = višina/širina),
   zato so vsi zasloni enako široki, celi (brez obrezovanja) in poravnani zgoraj. */
.mmnk .mms-zav--navpicno .mms-prikaz__slika { height: auto; width: 100%; aspect-ratio: 1 / var(--zav-najvisje, .75); text-align: left }
.mmnk .mms-zav--navpicno .mms-prikaz__slika img { width: 100%; height: auto; max-width: 100%; object-fit: initial; display: block; border-radius: var(--rad-m) }
@media (max-width: 900px) {
	.mmnk .mms-zav--navpicno { grid-template-columns: minmax(0, 1fr) }
	.mmnk .mms-zav--navpicno .mms-zav__vrsta { gap: 8px }
	.mmnk .mms-zav--navpicno .mms-zav__g { flex: 0 1 auto; padding: 8px 12px }
	.mmnk .mms-zav--navpicno .mms-prikaz--navpicno { grid-template-columns: minmax(0, 1fr) }
}

/* ══════════════════════════════════════════════════════════════════════
   PRIMERI IZ PRAKSE — KARTICE (predlog apl-4, 26. 9. 2026)
   Široka bela kartica: lebdeč prenosnik s telefonom in izmenično besedilo
   z naročnikom, naslovom v dveh vrsticah, značkami in dvema podatkoma.
   ══════════════════════════════════════════════════════════════════════ */
.mmnk .mms-pripk { display: grid; gap: var(--pripk-vrzel) }
.mmnk .mms-pripk__k {
	display: grid;
	grid-template-columns: var(--pripk-stolpca);
	gap: var(--pripk-med);
	align-items: center;
	padding: var(--pripk-odmik);
	background: var(--paleta-bela);
	border: var(--obroba-mehka);
	border-radius: var(--pripk-radij);
	box-shadow: var(--senca-1);
}
.mmnk .mms-pripk__k--obrnjeno .mms-pripk__oder { order: 2 }
.mmnk .mms-pripk__oder { position: relative; display: block; padding: 0 40px 30px 0; text-decoration: none }
.mmnk .mms-pripk__lap {
	display: block;
	border-radius: var(--pripk-lap-radij);
	overflow: hidden;
	box-shadow: var(--pripk-lap-senca);
	line-height: 0;
}
.mmnk .mms-pripk__lap img {
	display: block;
	width: var(--zaslon-lap-sirina);
	max-width: none;
	height: auto;
	margin: var(--zaslon-lap-vrh) 0 var(--zaslon-lap-dno) var(--zaslon-lap-levo);
}
.mmnk .mms-pripk__tel {
	position: absolute;
	right: 0;
	bottom: 0;
	width: var(--pripk-tel);
	border-radius: var(--pripk-tel-radij);
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(3, 15, 26, .45);   /* brez temnega roba in podlage (Milan) */
	line-height: 0;
}
.mmnk .mms-pripk__tel img {
	display: block;
	width: var(--zaslon-tel-sirina);
	max-width: none;
	margin: var(--zaslon-tel-vrh) 0 var(--zaslon-tel-dno) var(--zaslon-tel-levo);
}
.mmnk .mms-pripk__st {
	margin: 0 0 var(--r-3);
	font-family: var(--pisava-naslov);
	font-size: var(--f-drobna);
	font-weight: 800;
	letter-spacing: var(--razmik-nad);
	text-transform: uppercase;
	color: var(--barva-znamka);
}
.mmnk .mms-pripk__st span { color: var(--barva-tiho); font-weight: 700 }
.mmnk .mms-pripk__t h3 { margin: 0 0 var(--r-3); font-size: clamp(22px, 1.8vw, 28px); line-height: 1.15 }
.mmnk .mms-pripk__t h3 a { color: inherit; text-decoration: none }
.mmnk .mms-pripk__opis { margin: 0; font-size: var(--f-mala); line-height: 1.6; color: var(--barva-telo) }
/* Trije podatki namesto opisa: kdo uporablja, kaj vnese, kaj pripravi sistem (A00, 28. 9. 2026). */
.mmnk .mms-pripk__dl { margin: 0; display: grid; gap: var(--r-3) }
.mmnk .mms-pripk__dl div { display: grid; gap: var(--r-1) }
.mmnk .mms-pripk__dl dt { font-size: var(--f-drobna); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--barva-znamka) }
.mmnk .mms-pripk__dl dd { margin: 0; font-size: var(--f-mala); line-height: 1.55; color: var(--barva-telo) }
.mmnk .mms-pripk__zn {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: var(--r-4) 0 0;
	padding: var(--r-4) 0 0;
	border-top: var(--obroba-mehka);
}
.mmnk .mms-pripk__zn li {
	margin: 0;
	padding: 6px 12px;
	border-radius: var(--rad-krog);
	background: var(--pripk-zn-ozadje);
	font-size: var(--pripk-zn-pisava);
	font-weight: 600;
	color: var(--barva-naslov);
}
.mmnk .mms-pripk__dno { display: flex; align-items: center; gap: var(--r-5); margin-top: var(--r-5) }
.mmnk .mms-pripk__m { display: flex; align-items: baseline; gap: 8px }
.mmnk .mms-pripk__m b { font-family: var(--pisava-naslov); font-size: var(--pripk-st-velikost); color: var(--barva-znamka); letter-spacing: -.02em }
.mmnk .mms-pripk__m span { font-size: var(--f-drobna); line-height: 1.3; max-width: 120px; color: var(--barva-tiho) }
.mmnk .mms-pripk__loc { width: 1px; height: 32px; background: var(--barva-crta) }
.mmnk .mms-pripk__dno .mms-gumb { margin-left: 0 }
@media (max-width: 1100px) {
	.mmnk .mms-pripk__k { grid-template-columns: minmax(0, 1fr) }
	.mmnk .mms-pripk__k--obrnjeno .mms-pripk__oder { order: 0 }
	.mmnk .mms-pripk__dno { flex-wrap: wrap }
	.mmnk .mms-pripk__dno .mms-gumb { margin-left: 0; width: 100% }
}

/* ── telefon (27. 9. 2026): filtri referenc v eni vrsti ─────────────── */
@media (max-width: 600px) {
/* Pet filtrov je zasedlo štiri vrstice. V eni vrsti se pomikajo s
   prstom; pas sega do roba zaslona, prvi filter stoji ob robu vsebine. */
.mmnk .mms-zavihki {
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	margin-inline: calc(-1 * var(--vsebina-rob));
	padding-inline: var(--vsebina-rob);
	scroll-padding-inline: var(--vsebina-rob);
}
.mmnk .mms-zavihki::-webkit-scrollbar { display: none }
.mmnk .mms-zavihek { flex: none; min-height: var(--dotik) }
}

/* ── 31 · ZLOŽENKA PRIMEROV (mms_zlozenka_primerov, 27. 9. 2026) ──────
   Po vzoru spletnik.si: levo posnetek, pod njim značke in gumb odprte
   točke; desno oštevilčen seznam z opisi, odprta ena točka. Brez
   JavaScripta so odprte vse (razred .mms-zs--js doda glava-noga.js).
   Do 900 px levega stolpca ni: v točki so posnetek, značke, gumb, opis.
   Mere so žetoni --zs-* v cgp.css. */
.mmnk .mms-zs {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: var(--zs-razmik);
	align-items: start;
}
.mmnk .mms-zs__oder {
	position: sticky;
	top: calc(var(--glava-visina) + var(--r-6));
}
.mmnk .mms-zs__okvir {
	position: relative;
	aspect-ratio: var(--zs-razmerje);
	border-radius: var(--zs-radij);
	background: var(--barva-bela);
	box-shadow: var(--zs-senca);
	overflow: hidden;
}
.mmnk .mms-zs__slika {
	position: absolute;
	inset: var(--zs-okvir);
	width: calc(100% - 2 * var(--zs-okvir)) !important;
	height: calc(100% - 2 * var(--zs-okvir)) !important;
	max-width: none;
	object-fit: cover;
	object-position: top center;
	border-radius: calc(var(--zs-radij) - var(--zs-okvir));
	opacity: 0;
	transition: opacity var(--zs-cas) ease;
}
.mmnk .mms-zs__slika.is-on { opacity: 1 }
/* Značke in gumb pod posnetkom: vidna je skupina odprte točke. */
.mmnk .mms-zs__pod { margin-top: var(--r-6) }
.mmnk .mms-zs__podatki { display: none; flex-wrap: wrap; align-items: center; gap: var(--r-3) var(--r-5) }
.mmnk .mms-zs__podatki.is-on { display: flex; animation: mms-zs-prihod var(--zs-cas) ease }
@keyframes mms-zs-prihod { from { opacity: 0; transform: translateY(6px) } to { opacity: 1; transform: none } }
.mmnk .mms-zs__zn { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 !important; padding: 0 }
/* Povezava na rešitev: besedilo s puščico, skrajno desno (Milan, 27. 9. 2026). */
.mmnk .mms-zs .mms-zs__povezava {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: var(--r-2);
	padding: var(--r-2) 0;
	font-family: var(--pisava);
	font-size: var(--f-telo);
	font-weight: var(--teza-krepko);
	color: var(--barva-znamka);
	text-decoration: none;
	white-space: nowrap;
}
.mmnk .mms-zs .mms-zs__povezava span { transition: transform .18s ease }
.mmnk .mms-zs .mms-zs__povezava:hover { text-decoration: underline; text-underline-offset: .18em }
.mmnk .mms-zs .mms-zs__povezava:hover span { transform: translateX(4px) }
.mmnk .mms-zs__zn li {
	margin: 0;
	padding: 6px 12px;
	border-radius: var(--rad-krog);
	background: var(--pripk-zn-ozadje);
	font-size: var(--pripk-zn-pisava);
	font-weight: 600;
	color: var(--barva-naslov);
}
.mmnk .mms-zs__seznam { border-top: 1px solid var(--zs-crta) }
.mmnk .mms-zs__vrsta { border-bottom: 1px solid var(--zs-crta) }
.mmnk .mms-zs .mms-zs__h3 { margin: 0 !important; padding: 0; font-size: inherit !important; line-height: inherit !important }
.mmnk .mms-zs__gumb {
	display: grid;
	grid-template-columns: var(--zs-st-sirina) minmax(0, 1fr) var(--zs-znak);
	align-items: center;
	gap: var(--r-3);
	width: 100%;
	min-height: var(--dotik);
	padding: var(--zs-odmik) 0;
	border: 0;
	background: none;
	text-align: left;
	cursor: pointer;
	color: var(--barva-naslov);
	font: inherit;
}
.mmnk .mms-zs__gumb:focus-visible { outline: 3px solid var(--barva-poudarek); outline-offset: 4px; border-radius: var(--rad-s) }
.mmnk .mms-zs__st { font-family: var(--pisava); font-size: var(--zs-st); font-weight: var(--teza-krepko); letter-spacing: .04em; color: var(--barva-znamka) }
.mmnk .mms-zs__naslov {
	font-family: var(--pisava-naslov);
	font-size: var(--zs-naslov);
	font-weight: var(--teza-naslov);
	line-height: 1.25;
	letter-spacing: -.01em;
	transition: color .2s ease;
}
.mmnk .mms-zs__gumb:hover .mms-zs__naslov,
.mmnk .mms-zs__vrsta.is-open .mms-zs__naslov { color: var(--barva-znamka) }
.mmnk .mms-zs__znak {
	display: grid;
	place-items: center;
	width: var(--zs-znak);
	height: var(--zs-znak);
	border: 1px solid var(--barva-crta);
	border-radius: var(--rad-krog);
	color: var(--barva-naslov);
	transition: transform var(--zs-cas) ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}
.mmnk .mms-zs__znak::before {
	content: "";
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.mmnk .mms-zs__vrsta.is-open .mms-zs__znak {
	transform: rotate(180deg);
	background: var(--barva-znamka);
	border-color: var(--barva-znamka);
	color: var(--barva-bela);
}
.mmnk .mms-zs__plosca { display: grid; grid-template-rows: 1fr; transition: grid-template-rows var(--zs-cas) ease }
.mmnk .mms-zs--js .mms-zs__vrsta:not(.is-open) .mms-zs__plosca { grid-template-rows: 0fr }
.mmnk .mms-zs__notri { min-height: 0; overflow: hidden; padding-left: calc(var(--zs-st-sirina) + var(--r-3)) }
.mmnk .mms-zs__notri > :last-child { margin-bottom: var(--zs-odmik) !important }
.mmnk .mms-zs .mms-zs__opis { margin: 0 !important; font-size: var(--f-telo); line-height: 1.6; color: var(--barva-telo) }
/* Telefonske kopije posnetka, značk in gumba so na širšem zaslonu skrite. */
.mmnk .mms-zs__slika-tel,
.mmnk .mms-zs .mms-zs__podatki--tel { display: none }
@media (max-width: 900px) {
.mmnk .mms-zs { grid-template-columns: minmax(0, 1fr) }
.mmnk .mms-zs__oder { display: none }
.mmnk .mms-zs__notri { padding-left: 0 }
.mmnk .mms-zs__slika-tel {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--zs-razmerje);
	object-fit: cover;
	object-position: top center;
	margin: 0 0 var(--r-5);
	border-radius: var(--rad-m);
	box-shadow: var(--zs-senca);
}
.mmnk .mms-zs .mms-zs__podatki--tel { display: flex; margin: 0 0 var(--r-5) }
}
@media (prefers-reduced-motion: reduce) {
.mmnk .mms-zs__plosca, .mmnk .mms-zs__slika, .mmnk .mms-zs__znak { transition: none }
.mmnk .mms-zs__podatki.is-on { animation: none }
}

/* ═══════════════════════════════════════════════════════════════════════
   Slikovni okvirji I01–I18 (nočno delo 28. 9. 2026) — [mm_slika id="…"]
   Sivi nadomestni okvir ima razmerje prihodnje slike; ko je slika
   odobrena, jo ista kratka koda izriše v istem ovoju (inc-okvirji.php).
   ═══════════════════════════════════════════════════════════════════════ */
.mm-okvir { margin: 0; display: block; }
.mm-okvir img { display: block; width: 100%; height: auto; }
.mm-okvir:not(.mm-proc__foto) img { border-radius: var(--rad-m); }
/* Razmerje drži par width/height na <img> in na <source> za telefon (pokončni izrez). */
/* Vrsta okvirjev pod vsebino pasu (lib-sistem.php, ključ 'okvirji'). */
/* Napis pod sliko okvirja (28. 9. 2026). */
.mmnk .mm-okvir__napis { margin-top: var(--r-3); font-size: var(--f-mala); line-height: 1.55; color: var(--barva-telo) }
.mmnk .mms-pas--temna .mm-okvir__napis { color: var(--barva-na-temnem-telo) }
.mms-okvirji { display: grid; gap: var(--r-6); margin-top: var(--r-8); grid-template-columns: minmax(0, 1fr); }
.mms-okvirji--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 760px) {
.mms-okvirji--2 { grid-template-columns: minmax(0, 1fr); }
.mms-okvirji { margin-top: var(--r-6); gap: var(--r-5); }
}

/* ── primeri iz prakse: gumb in značke (Milan, 28. 9. 2026) ───────────
   Obrisni gumb »Poglejte rešitev« je bil podoben značkam nad njim.
   Gumb je zdaj poln (temen, puščica), značke pa samo seznam lastnosti
   z modro kljukico, brez podlage, da ne vabijo h kliku. */
.mmnk .mms-gumb--temno { background: var(--barva-naslov); color: var(--barva-bela); padding: 15px 22px 15px 26px; box-shadow: 0 10px 24px rgba(16, 38, 58, .18) }
.mmnk .mms-gumb--temno span { display: inline-block; transition: transform var(--cas) var(--krivulja) }
.mmnk .mms-gumb--temno:hover { background: var(--barva-znamka); color: var(--barva-bela) }
.mmnk .mms-gumb--temno:hover span { transform: translateX(4px) }
.mmnk .mms-pripk__zn { gap: 8px 20px }
.mmnk .mms-pripk__zn li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	border-radius: 0;
	background: none;
	font-size: var(--f-mala);
	font-weight: 500;
	color: var(--barva-telo);
}
.mmnk .mms-pripk__zn li::before {
	content: "";
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	background: var(--barva-znamka);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 12.5 5 5L20 6.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Povezave v kartici z dejstvi na temnem pasu (telefon, e-pošta na zahvali, 28. 9. 2026). */
.mmnk :is(.mms-pas--temna, .mms-blok--temno) .mms-dejstva-karta dd a { color: var(--barva-na-temnem); font-weight: var(--teza-krepko); text-decoration: underline; text-decoration-color: var(--barva-znamka-svetla); text-underline-offset: .22em }
.mmnk :is(.mms-pas--temna, .mms-blok--temno) .mms-dejstva-karta dd a:hover { color: var(--barva-znamka-svetla) }

/* Daljše kartice s poudarjenim uvodnim stavkom (Prednosti WordPress / WooCommerce, 28. 9. 2026). */
.mmnk .mms-karta--dolga { gap: var(--r-3) }
.mmnk .mms-karta__vodilo { margin: 0; font-size: var(--f-telo); line-height: 1.5; font-weight: var(--teza-krepko); color: var(--barva-naslov) }
.mmnk .mms-karta--dolga .mms-karta__opis { margin: 0; font-size: var(--f-mala); line-height: 1.6 }

/* ── Reference, zavihek »Spletne aplikacije« (Milan, 28. 9. 2026) ───────
   Šest rešitev po meri: zaslon programa s telefonom, po dve v vrsti. */
.mmnk .mms-refapl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--r-8) var(--r-7) }
.mmnk .mms-refapl[hidden], .mmnk [data-mm-refmreza][hidden] { display: none }
.mmnk .mms-refapl__k { position: relative; display: flex; flex-direction: column; gap: var(--r-5); padding: var(--r-6) var(--r-6) var(--r-5); border-radius: var(--rad-l); background: var(--pas-bela); box-shadow: var(--slika-rob-obroba), var(--slika-rob-senca); text-decoration: none; color: var(--barva-naslov); transition: transform var(--cas) var(--krivulja), box-shadow var(--cas) var(--krivulja) }
.mmnk .mms-refapl__k:hover { transform: translateY(-4px); box-shadow: var(--slika-rob-obroba), 0 22px 50px rgba(13, 57, 92, .18) }
.mmnk .mms-refapl__oder { position: relative; display: block; padding: 0 34px 26px 0 }
.mmnk .mms-refapl__t { display: flex; flex-direction: column; gap: 4px; padding-right: 56px }
.mmnk .mms-refapl__ime { font-family: var(--pisava-naslov); font-size: var(--f-h4); font-weight: 800; line-height: 1.25 }
.mmnk .mms-refapl__opis { font-size: var(--f-mala); color: var(--barva-telo) }
.mmnk .mms-refapl__k .mm-sveze__krog { position: absolute; right: var(--r-6); bottom: var(--r-5) }
@media (max-width: 900px) { .mmnk .mms-refapl { grid-template-columns: minmax(0, 1fr) } }
.mmnk .mms-refapl__k .mm-sveze__krog { background: var(--barva-znamka); color: var(--barva-bela); border-color: transparent; box-shadow: 0 8px 18px rgba(0, 144, 200, .28) }
.mmnk .mms-refapl__k:hover .mm-sveze__krog { background: var(--barva-poudarek); color: var(--barva-navy) }

/* ══ Blok »Zakaj aplikacija po meri« (Milan, 28. 9. 2026) ══════════════
   Dve tabli na temnem pasu: levo standardna rešitev (utišana), desno
   aplikacija po meri (bela kartica z modro glavo). Ena mreža z dvema
   stolpcema — vrstici obeh tabel sta vedno enako visoki. Vrsta ima
   display: contents, zato so celice neposredni otroci mreže. */
.mmnk .mm-pomeri__tabli {
	display: grid;
	grid-template-columns: var(--pomeri-stolpca);
	column-gap: var(--pomeri-razmik);
	margin-top: var(--r-8);
}
.mmnk .mm-pomeri__vrsta { display: contents }
.mmnk .mm-pomeri__c {
	position: relative;
	padding: var(--pomeri-odmik);
	padding-left: calc(var(--pomeri-znak) + 38px);
	font-size: var(--f-mala);
	line-height: 1.55;
}
.mmnk .mm-pomeri__c--l { background: var(--pomeri-l-ozadje); color: var(--pomeri-l-besedilo); border-top: 1px solid var(--pomeri-l-crta) }
.mmnk .mm-pomeri__c--d { background: var(--pomeri-d-ozadje); color: var(--barva-telo); border-top: 1px solid var(--pomeri-d-crta) }
.mmnk .mm-pomeri__c--d strong { display: block; margin-bottom: 2px; font-size: var(--f-telo); font-weight: var(--teza-krepko); color: var(--barva-naslov) }
/* Znaka: ✕ levo, ✓ desno. */
.mmnk .mm-pomeri__c:not(.mm-pomeri__glava)::before {
	content: "";
	position: absolute;
	left: clamp(18px, 2vw, 28px);
	top: 20px;
	width: var(--pomeri-znak);
	height: var(--pomeri-znak);
	border-radius: 50%;
	background: var(--pomeri-l-crta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AFC9DC' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M8 8l8 8M16 8l-8 8'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.mmnk .mm-pomeri__c--d:not(.mm-pomeri__glava)::before {
	top: 21px;
	background: var(--barva-znamka) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 13px no-repeat;
}
/* Glavi tabel. */
.mmnk .mm-pomeri__glava { padding: 22px clamp(18px, 2vw, 28px); border-top: 0; display: flex; flex-direction: column; gap: 4px; border-radius: var(--pomeri-radij) var(--pomeri-radij) 0 0 }
.mmnk .mm-pomeri__glava.mm-pomeri__c--l { background: rgba(255, 255, 255, .07) }
.mmnk .mm-pomeri__glava.mm-pomeri__c--d { background: var(--pomeri-d-glava); color: var(--barva-bela) }
.mmnk .mm-pomeri__oznaka { font-family: var(--pisava-naslov); font-size: var(--f-h4); font-weight: 800; letter-spacing: -.01em; color: var(--barva-bela) }
.mmnk .mm-pomeri__pod { font-size: var(--f-drobna); letter-spacing: .08em; text-transform: uppercase; font-weight: 600; opacity: .8 }
.mmnk .mm-pomeri__kratko { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; padding: 0 }
.mmnk .mm-pomeri__kratko li { margin: 0; padding: 6px 12px; border-radius: 999px; background: rgba(255, 255, 255, .16); font-size: var(--f-drobna); font-weight: 600; color: var(--barva-bela); line-height: 1.3 }
/* Spodnja vogala in senca desne table. */
.mmnk .mm-pomeri__c--zadnja { border-radius: 0 0 var(--pomeri-radij) var(--pomeri-radij); padding-bottom: 24px }
.mmnk .mm-pomeri__c--d { box-shadow: 18px 0 40px -30px rgba(0, 10, 25, .5), -18px 0 40px -30px rgba(0, 10, 25, .5) }
.mmnk .mm-pomeri__c--d.mm-pomeri__c--zadnja { box-shadow: var(--pomeri-d-senca) }
.mmnk .mm-pomeri__vec { margin: var(--r-7) 0 0; text-align: center }
/* Na svetlem pasu (domača stran ima svoj temni ovoj, strani rešitev temni pas). */
@media (max-width: 900px) {
	.mmnk .mm-pomeri__tabli { grid-template-columns: minmax(0, 1fr) }
	.mmnk .mm-pomeri__c--l { order: 1 }
	.mmnk .mm-pomeri__c--d { order: 3; box-shadow: none }
	.mmnk .mm-pomeri__glava.mm-pomeri__c--d { order: 2; margin-top: var(--r-6) }
	.mmnk .mm-pomeri__c--d.mm-pomeri__c--zadnja { box-shadow: var(--pomeri-d-senca) }
}
/* Znak desno od naslova (logotip WordPress / WooCommerce, 28. 9. 2026). */
.mmnk .mms-glava__znak { display: block; width: auto; height: clamp(64px, 6vw, 92px); margin-left: auto; filter: drop-shadow(0 10px 22px rgba(16, 38, 58, .14)) }
@media (max-width: 1100px) { .mmnk .mms-glava__znak { margin-left: 0; height: 60px } }
/* Večje besedilo (Milan: »povečaj notranji tekst, komaj se vidi«, 28. 9. 2026). */
.mmnk .mm-pomeri__c { font-size: var(--pomeri-f); line-height: 1.55; padding-top: 20px; padding-bottom: 20px }
.mmnk .mm-pomeri__c--d strong { font-size: var(--pomeri-f-naslov) }
.mmnk .mm-pomeri__c:not(.mm-pomeri__glava)::before { top: 23px; width: 22px; height: 22px }
.mmnk .mm-pomeri__oznaka { font-size: var(--f-h3) }
.mmnk .mm-pomeri__pod { font-size: var(--f-mala); opacity: .9 }
.mmnk .mm-pomeri__kratko li { font-size: var(--f-mala); padding: 7px 14px }
/* H1 aplikacij: drugi, modri del v svoji vrstici (»Aplikacija za / prevajalske agencije«, Milan 28. 9. 2026). */
.mmnk .mms-resglava__h1 span { display: block }

/* ── 34 · KARTICE SODELAVCEV (mms_ekipa, O nas, 29. 9. 2026) ─────────
   Predlog 1 iz docs/predlogi/ekipa.html: pokončen portret, na temnem
   prelivu ime, vloga in področja; pod fotografijo opis znanja. */
.mmnk .mms-ekipa {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--clan-vrzel);
	margin-top: var(--do-vsebine);
}
.mmnk .mms-clan { margin: 0 }
.mmnk .mms-clan__slika {
	position: relative;
	aspect-ratio: var(--clan-razmerje);
	border-radius: var(--clan-radij);
	overflow: hidden;
	background: var(--pas-mehka);
	box-shadow: var(--clan-senca);
}
.mmnk .mms-clan__slika img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--krivulja);
}
.mmnk .mms-clan:hover .mms-clan__slika img { transform: scale(1.04) }
.mmnk .mms-clan__napis {
	position: absolute;
	inset: auto 0 0;
	padding: 70px var(--r-6) var(--r-5);
	background: var(--clan-preliv);
	color: var(--barva-na-temnem);
}
.mmnk .mms-clan__ime {
	font-family: var(--pisava-naslov);
	font-size: var(--clan-ime) !important;
	font-weight: var(--teza-naslov);
	letter-spacing: -.01em;
	line-height: 1.2;
	color: var(--barva-na-temnem) !important;
	margin: 0 !important;
	text-transform: none !important;
}
.mmnk .mms-clan__vloga {
	margin: var(--r-1) 0 var(--r-3) !important;
	font-size: var(--f-mala);
	font-weight: 600;
	line-height: 1.35;
	color: var(--clan-vloga) !important;
}
.mmnk .mms-clan__podrocja {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}
.mmnk .mms-clan__podrocja li {
	margin: 0;
	padding: 4px 10px;
	border-radius: var(--rad-krog);
	background: rgba(255, 255, 255, .14);
	backdrop-filter: blur(4px);
	color: var(--barva-na-temnem);
	font-size: 12px;
	font-weight: var(--teza-krepko);
	line-height: 1.3;
}
.mmnk .mms-clan__podrocja li::before { content: none !important }
.mmnk .mms-clan__opis {
	margin: var(--r-5) var(--r-2) 0 !important;
	font-size: var(--f-mala);
	line-height: 1.6;
	color: var(--barva-telo);
}
@media (max-width: 900px) {
.mmnk .mms-ekipa { grid-template-columns: minmax(0, 1fr); max-width: 420px; margin-inline: auto; row-gap: var(--r-8) }
}
@media (prefers-reduced-motion: reduce) {
.mmnk .mms-clan__slika img, .mmnk .mms-clan:hover .mms-clan__slika img { transition: none; transform: none }
}