/* Slogi prenove multimedija.net — glava, hero, bloki domače strani, noga.
Datoteka je strojno počiščena (19. 9. 2026): za vsak selektor in vsak
medijski pogoj je ostala samo zadnja, dejansko veljavna deklaracija vsake
lastnosti; pravila z istim pogojem so združena v en @media blok. Izračunani
slogi vseh 1038 elementov pri 390, 768, 1024, 1500 in 1920 px so po čiščenju
nespremenjeni. Kopija pred posegom je v docs/varnostne-kopije/.
Mere heroja in glave so v enoti --u = min(1vw, 16.5px) — odstotek širine
okna z zgornjo mejo pri 1650 px. Naprave, rokopisni pripombi in vrstica
dokazov so pripete na dno pasu, zato se ob spremembi višine premaknejo
skupaj z njim. */
.mmnk {--navy:var(--barva-navy);--navy-2:var(--barva-navy-2);--soft:var(--barva-ozadje-mehko);--muted:var(--barva-telo);--line:var(--barva-crta);--ff:var(--pisava)}
/* Ovoj glave in noge: vsebina je široka natanko --vsebina (1500 px),
odmik 24 px na vsaki strani je zunaj te mere. */
.mmnk .mm-wrap {width:100%;max-width:calc(var(--vsebina) + 48px);margin:0 auto;padding:0 24px}
.mmnk .mm-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mmnk .mm-skip {position:absolute;left:-9999px;top:0;background:var(--yellow);color:var(--navy);padding:12px 20px;font-weight:700;z-index:9999;text-decoration:none}
.mmnk .mm-skip:focus {left:8px;top:8px}
.mmnk .mm-head a:focus-visible,.mmnk .mm-head button:focus-visible, .mmnk .mm-foot a:focus-visible,.mmnk .mm-foot button:focus-visible, .mmnk .mm-foot input:focus-visible {outline:3px solid var(--yellow);outline-offset:3px;border-radius:4px}
.mmnk .mm-head {background:var(--barva-glava);position:sticky;top:0;z-index:300;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--ff)}
/* Glava je povsod pritrjena s position:fixed, ne sticky: Avada da telesu
overflow-x:hidden, ob katerem se sticky v nekaterih brskalnikih ne
prime (blog, kontakt, rešitve; Milan 29. 9. 2026). Nad naslovnim pasom
glava leži čez pas, drugod ji telo pusti prostor enake višine. */
.mmnk .mm-head {position:fixed;left:0;right:0}
body.mmnk:has(> .mm-head):not(:has(.mm-hero)) {padding-top:var(--glava-zacetna);
/* Ko se glava ob pomiku skrči (118 → 78 px), med njo in vsebino za
trenutek pokuka ozadje telesa; zgornji del telesa je zato v barvi glave
in reža ni vidna (Milan: »bela črta«, 29. 9. 2026). */
background:linear-gradient(var(--barva-glava), var(--barva-glava)) 0 0 / 100% var(--glava-zacetna) no-repeat, var(--barva-bela)}
/* Strani s temnim prvim pasom (blog, kontakt, iskanje, pravne strani,
članki, O nas, rešitve): glava je prosojna čez pas kot na domači in
storitvenih straneh, ob pomiku dobi barvo (Milan, 29. 9. 2026). Telo
nima zamika; prvi pas dobi zgoraj toliko več zraka, kolikor je glava. */
body.mmnk:has(> .mm-head):is(:has(.mmb-glava), :has(.mmc-glava), :has(.mms-pas--glavastr), :has(.mms-blok--res-glava)) {
padding-top:0;background:var(--barva-bela)}
body.mmnk:is(:has(.mmb-glava), :has(.mmc-glava), :has(.mms-pas--glavastr), :has(.mms-blok--res-glava)) .mm-head {
background:transparent;border-bottom-color:transparent;
transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}
body.mmnk:is(:has(.mmb-glava), :has(.mmc-glava), :has(.mms-pas--glavastr), :has(.mms-blok--res-glava)) .mm-head.je-pritrjena {
background:var(--barva-glava);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(3,15,26,.4)}
body.mmnk:is(:has(.mmb-glava), :has(.mmc-glava), :has(.mms-pas--glavastr), :has(.mms-blok--res-glava)) .mm-head:has(.mm-iskanje:not([hidden])),
body.mmnk:is(:has(.mmb-glava), :has(.mmc-glava), :has(.mms-pas--glavastr), :has(.mms-blok--res-glava)) .mm-head:has(.mm-mobilni:not([hidden])) {background:var(--navy)}
body.mmnk .mmb-glava, body.mmnk .mmc-glava {padding-top:calc(clamp(40px, 5vw, 76px) + var(--glava-zacetna))}
body.mmnk .mms-blok--glavastr {padding-top:calc(var(--gstr-vrh) + var(--glava-zacetna))}
body.mmnk.mmnk-res .mms-blok--res-glava {padding-top:calc(var(--resg-vrh) + var(--glava-zacetna))}
@media (max-width:900px) {
body.mmnk.mmnk-res .mms-blok--res-glava {padding-top:calc(var(--res-hero-vrh-telefon) + var(--glava-zacetna))}
}
.mmnk .mm-head__in {display:flex;align-items:center;gap:28px}
.mmnk .mm-head__logo {display:block;line-height:0}
.mmnk .mm-head__logo img {height:34px;width:auto;max-width:none}
.mmnk .mm-nav ul {display:flex;gap:26px;align-items:center;margin:0;padding:0;list-style:none}
.mmnk .mm-nav li {margin:0}
.mmnk .mm-nav a {color:var(--meni-barva);text-decoration:none;font-weight:var(--meni-teza);letter-spacing:var(--meni-razmik);padding:8px 0;border-bottom:2px solid transparent;display:inline-block}
.mmnk .mm-nav a:hover {color:#fff;border-bottom-color:var(--cyan)}
.mmnk .mm-head__tools {display:flex;align-items:center;gap:14px}
.mmnk .mm-search {background:rgba(255,255,255,.1);border:0;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;padding:0}
.mmnk .mm-search:hover {background:rgba(255,255,255,.2)}
.mmnk .mm-btn {display:inline-flex;align-items:center;gap:10px;font-family:var(--ff);font-weight:var(--gumb-s-teza);font-size:var(--gumb-s-velikost);letter-spacing:var(--gumb-s-razmik);text-transform:uppercase;text-decoration:none;padding:12px 20px;border-radius:6px;border:2px solid transparent;transition:background .15s}
.mmnk a.mm-btn--y {background:var(--yellow);color:var(--navy)}
.mmnk a.mm-btn--y:hover {background:var(--yellow-2);color:var(--navy)}
@keyframes mmFade {
from {opacity:0;transform:translateY(8px)}
to {opacity:1;transform:none}
}
.mmnk .mm-arrow,.mmnk .mm-pause {width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}
.mmnk .mm-arrow:hover,.mmnk .mm-pause:hover {background:rgba(255,255,255,.18)}
.mmnk .mm-trust {display:flex;flex-wrap:wrap;gap:38px;margin:0;padding:22px 0 26px;list-style:none;border-top:1px solid rgba(255,255,255,.13);font-family:var(--ff)}
.mmnk .mm-trust li {display:flex;align-items:center;gap:11px;color:var(--dokazi-barva);font-weight:var(--dokazi-teza);margin:0}
.mmnk .mm-trust svg {flex:0 0 auto;color:var(--cyan)}
.mmnk .mm-trust b {color:var(--dokazi-barva-krepko);font-weight:var(--dokazi-teza-krepko)}
.mmnk .mm-foot {background:#081F33;color:var(--barva-svetla-4);padding:62px 0 0;font-size:var(--noga-besedilo);font-family:var(--ff);line-height:1.6}
.mmnk .mm-foot__grid {display:grid;gap:38px}
.mmnk .mm-foot h2 {color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-family:var(--ff)}
.mmnk .mm-foot a {color:var(--barva-svetla-4);text-decoration:none}
.mmnk .mm-foot a:hover {color:#fff;text-decoration:underline}
.mmnk .mm-foot p {margin:0 0 1em}
.mmnk .mm-foot__logo img {margin-bottom:14px}
.mmnk .mm-social {display:flex}
.mmnk .mm-foot__bar {border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;color:var(--barva-noga-besedilo)}
.mmnk .mm-foot__bar ul {display:flex}
.mmnk .fusion-footer,.mmnk .fusion-header-wrapper {display:none!important}
/* Meni prenove ima sedem postavk z dvojnimi povezavami (nova/stara stran),
zato gre v predal že pod 1100 px, ne šele pod 900. */
@media (max-width:1100px) {
.mmnk .mm-nav,.mmnk .mm-head__tools .mm-btn {display:none}
.mmnk .mm-burger {place-items:center;margin-left:auto}
}
@media (max-width:900px) {
.mmnk .mm-device {margin-left:auto;margin-right:auto}
.mmnk .mm-note {display:none}
.mmnk .mm-trust {gap:18px}
}
@media (max-width:560px) {
.mmnk .mm-foot__grid {grid-template-columns:1fr}
}
.mmnk .mm-arrow i,.mmnk .mm-pause i {font-size:16px;line-height:1}
.mmnk .mm-trust i {color:var(--cyan);font-size:19px;width:22px;text-align:center;flex:0 0 auto}
.mmnk .mm-kicker p {font-family:var(--ff);font-size:14px;margin:0 0 10px;letter-spacing:.02em}
.mmnk .mm-h2 h2 {font-family:var(--ff)!important;font-weight:800!important;text-transform:none!important;letter-spacing:-.01em!important;margin:0!important}
.mmnk .mm-sec-glava {padding-bottom:10px}
.mmnk .mm-sec-glava-desno > .fusion-column-wrapper {display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;height:100%}
.mmnk .mm-sec-uvod p {font-family:var(--ff);color:var(--muted)!important;margin:0 0 12px;max-width:34em;text-align:left}
.mmnk .mm-storitve .fusion-builder-row, .mmnk .mm-novice .fusion-builder-row {row-gap:0}
.mmnk .mm-vec p {margin:14px 0 0}
.mmnk .mm-vec a {font-family:var(--ff);font-size:var(--povezava-velikost);font-weight:var(--povezava-teza);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.mmnk .mm-vec a:hover {text-decoration:underline}
.mmnk .mm-vec--glava p {margin:0}
.mmnk .mm-storitve .fusion-builder-row {margin-top:36px}
.mmnk .mm-karta > .fusion-column-wrapper {background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 26px 26px!important;height:100%;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.mmnk .mm-karta:hover > .fusion-column-wrapper {box-shadow:0 14px 34px rgba(16,38,58,.1);transform:translateY(-3px)}
.mmnk .mm-karta__naslov h3 {font-family:var(--ff)!important;font-weight:800!important;text-transform:none!important;font-size:21px!important;line-height:1.25!important;color:var(--ink)!important;margin:0 0 10px!important}
.mmnk .mm-karta__opis p {font-family:var(--ff);color:var(--muted)!important;margin:0}
.mmnk .mm-karta .mm-vec {margin-top:auto}
.mmnk .mm-karta--poudarek > .fusion-column-wrapper {position:relative}
.mmnk .mm-karta--poudarek .mm-znacka {position:absolute;top:-13px;right:20px;margin:0}
.mmnk .mm-karta--poudarek .mm-znacka p {display:inline-block;background:var(--yellow);color:var(--navy)!important;font-family:var(--ff);font-size:11px;font-weight:800;letter-spacing:.09em;padding:7px 13px;border-radius:20px;margin:0;white-space:nowrap}
.mmnk .mm-karta__seznam {margin:16px 0 0}
.mmnk .mm-karta__seznam .fusion-li-item {margin-bottom:9px}
.mmnk .mm-karta__seznam .fusion-li-item-content {font-family:var(--ff);font-size:14.5px;color:var(--barva-svetla-3)!important;line-height:1.45}
.mmnk .mm-karta__seznam .icon-wrapper {color:var(--yellow)!important}
.mmnk .mm-karta--poudarek .fusion-button {margin-top:18px!important;font-size:var(--gumb-xs-velikost)!important;letter-spacing:var(--gumb-s-razmik);width:100%;justify-content:center}
/* Blog je podpora, ne glavna vsebina — pas je zato nižji od ostalih. */
@media (max-width:1080px) {
.mmnk .mm-karta > .fusion-column-wrapper {padding:26px 22px 22px!important}
}
@media (max-width:900px) {
.mmnk .mm-sec-glava-desno > .fusion-column-wrapper {align-items:flex-start;margin-top:10px}
.mmnk .mm-sec-uvod p {text-align:left}
}
/* Ikone kartic so risbe, vstavljene kot maska (glej »PRAVE IKONE«
nižje). Tu ostane samo postavitev; velikost, barvo in masko
določi tisti razdelek. */
.mmnk i.mm-karta__ikona {display:grid!important;place-items:center;line-height:1!important;
margin-bottom:18px!important;border:0!important}
.mmnk .mm-karta .mm-karta__naslov h3, .mmnk .mm-karta .mm-karta__naslov h2 {font-family:var(--h3-pisava)!important;font-weight:var(--h3-teza)!important;text-transform:none!important;font-size:var(--h3-velikost)!important;line-height:var(--h3-vrstica)!important;letter-spacing:var(--h3-razmik)!important;margin:0 0 10px!important;color:var(--h3-barva)!important}
.mmnk .mm-karta--poudarek .mm-znacka {text-align:right}
.mmnk {--site_width:1460px;--awb-site-width:1460px}
.mmnk .fusion-row {max-width:1460px}
.mmnk #main > .fusion-row {max-width:100%!important}
.mmnk .mm-proces .fusion-builder-row {row-gap:0}
.mmnk .mm-proces .mm-sec-glava {padding-bottom:0}
.mmnk .mm-proces .mm-h2 h2 {max-width:none;white-space:nowrap}
.mmnk .mm-korak > .fusion-column-wrapper {position:relative;padding-top:44px!important;margin-bottom:0!important}
.mmnk .mm-proces .fusion-layout-column {margin-bottom:0!important}
@media (max-width:1280px) {
.mmnk .mm-proces .mm-h2 h2 {white-space:normal}
}
.mmnk .mm-korak__vrh p {display:flex;flex-direction:column;align-items:center;margin:0}
.mmnk i.mm-korak__ikona {font-size:30px!important;line-height:1!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;background:none!important}
.mmnk .mm-korak__st {font-family:var(--ff);font-size:var(--korak-st-velikost);font-weight:800;line-height:1;letter-spacing:-.02em;margin-top:var(--korak-do-st)}
.mmnk .mm-korak .mm-korak__naslov h3 {font-family:var(--ff)!important;font-weight:800!important;text-transform:none!important;line-height:1.25!important;letter-spacing:-.005em!important;color:var(--ink)!important;margin:0 0 8px!important}
.mmnk .mm-korak__opis p {font-family:var(--ff);color:var(--muted)!important;margin:0;max-width:20em}
/* Koraki so ločeni z navpično črto (prej vodoravna črtkana med številkami).
Črta visi na stolpcu in ne na njegovem ovoju: ovoj je od roba stolpca
odmaknjen za 27,7 px na vsako stran, zato je rob stolpca natanko
sredina razmaka med sosednjima vsebinama. */
.mmnk .mm-korak {position:relative}
@media (max-width:900px) {
.mmnk .mm-korak > .fusion-column-wrapper {padding-top:22px!important}
}
.mmnk .mm-cta .fusion-layout-column {margin-bottom:0!important}
.mmnk .mm-cta__tekst > .fusion-column-wrapper {display:flex;flex-direction:column;justify-content:center;height:100%}
@media (max-width:1100px) {
.mmnk #main {padding-left:0!important;padding-right:0!important}
.mmnk #main > .fusion-row {padding-left:0!important;padding-right:0!important}
.mmnk #content .fusion-fullwidth {margin-left:0!important;margin-right:0!important;width:100%!important;padding-left:var(--vsebina-rob)!important;padding-right:var(--vsebina-rob)!important}
.mmnk #content .fusion-fullwidth > .fusion-builder-row {margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}
}
/* Ocena strani stoji v spodnji vrstici noge, med avtorskimi pravicami in
povezavami. Zvezdice so pobarvane v belo prek filtra, ker jih vtičnik
izriše kot zlate slike. Mere so v cgp.css pod »OCENA STRANI«. */
.mmnk .mm-foot__ocena {display:flex;align-items:center;flex:0 0 auto}
.mmnk .mm-foot__ocena .kk-star-ratings {margin:0!important;padding:0!important;float:none!important;
display:flex!important;align-items:center;gap:10px}
.mmnk .mm-foot__ocena .kksr-stars {opacity:var(--ocena-motnost);
filter:grayscale(1) brightness(2.6);transition:opacity .18s ease}
.mmnk .mm-foot__ocena:hover .kksr-stars {opacity:.85}
.mmnk .mm-foot__ocena .kksr-star,.mmnk .mm-foot__ocena .kksr-icon {
width:var(--ocena-zvezda)!important;height:var(--ocena-zvezda)!important;
background-size:var(--ocena-zvezda) var(--ocena-zvezda)!important}
.mmnk .mm-foot__ocena .kksr-star {padding-right:3px!important}
.mmnk .mm-foot__ocena .kksr-legend {margin:0!important;font-family:var(--pisava);
font-size:var(--ocena-napis);color:var(--ocena-barva);opacity:.8}
.mmnk .mm-ref-vrh {position:relative;overflow:hidden}
.mmnk .mm-ref-vrh::before, .mmnk .mm-ref-vrh::after {content:"";position:absolute;width:130px;height:110px;pointer-events:none;background-image:radial-gradient(circle,#C9DEF0 1.6px,transparent 1.7px);background-size:16px 16px;opacity:.9}
.mmnk .mm-ref-vrh::before {top:34px;left:26px}
.mmnk .mm-ref-vrh::after {bottom:34px;right:26px}
.mmnk .mm-ref-kicker p {display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 14px}
.mmnk .mm-ref-kicker span {font-family:var(--ff);font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.mmnk .mm-ref-kicker p::before, .mmnk .mm-ref-kicker p::after {content:"";width:34px;height:2px;display:block}
.mmnk .mm-ref-h1 h1 {font-family:var(--ff)!important;font-weight:800!important;text-transform:none!important;line-height:1.08!important;letter-spacing:-.02em!important;color:var(--barva-navy)!important;margin:0!important;text-align:center}
.mmnk .mm-ref-crta p {display:flex;justify-content:center;margin:18px 0 22px}
.mmnk .mm-ref-crta span {display:block;width:78px;height:7px;border-radius:4px;background:var(--yellow)}
.mmnk .mm-ref-uvod p {font-family:var(--ff);color:var(--muted)!important;margin:0 auto;max-width:34em;text-align:center}
.mmnk .mm-ref-mreza {margin-top:34px}
.mmnk .mm-ref-logotipi {margin:0 -10px!important}
.mmnk .mm-ref-logotipi .fusion-gallery-image {background:#fff;border:1px solid var(--ref-rob);border-radius:12px;min-height:106px;display:flex;align-items:center;justify-content:center;padding:18px 22px;transition:box-shadow .18s,transform .18s,border-color .18s}
.mmnk .mm-ref-logotipi .fusion-gallery-image:hover {box-shadow:0 12px 30px rgba(16,38,58,.09);transform:translateY(-3px);border-color:#CFE0EC}
.mmnk .mm-ref-logotipi .fusion-gallery-image img {max-width:100%!important;max-height:58px;width:auto!important;height:auto!important;min-width:0;object-fit:contain}
.mmnk .mm-ref-logotipi .fusion-gallery-column {padding:10px!important}
@media (max-width:1100px) {
.mmnk .mm-ref-vrh::before,.mmnk .mm-ref-vrh::after {display:none}
}
.mmnk #main {padding-top:0!important;padding-bottom:0!important}
.mmnk .mm-zaupajo .mm-ref-h1 h2 {font-family:var(--ff)!important;text-transform:none!important;margin:0!important;text-align:center}
.mmnk .mm-zaupajo::before {top:26px;left:20px}
.mmnk .mm-zaupajo::after {bottom:26px;right:20px}
.mmnk .mm-mnenja-besedilo .mm-kicker p {color:var(--nad-barva-temno)!important}
.mmnk .mm-mnenja-besedilo .mm-h2 h2 {color:#fff!important;max-width:11em}
.mmnk .mm-mnenja-besedilo .mm-sec-uvod p {color:var(--barva-svetla-2)!important;max-width:24em}
.mmnk .mm-mnenja-krmilo {display:flex;gap:12px;margin-top:26px}
.mmnk .mm-mnenja-krmilo .mm-arrow {width:46px;height:46px}
.mmnk .mm-mnenja {position:relative}
.mmnk .mm-mnenje {margin:0;background:#fff;border-radius:14px;padding:38px 40px 30px;box-shadow:0 24px 60px rgba(4,20,34,.28)}
.mmnk .mm-mnenje.is-on {animation:mmFade .35s ease}
.mmnk .mm-mnenje__narekovaj {margin-bottom:10px}
.mmnk .mm-mnenje__tekst {margin:0;border:0;padding:0;background:none}
.mmnk .mm-mnenje__tekst p {font-family:var(--ff);color:var(--ink)!important;margin:0}
.mmnk .mm-mnenje__noga {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.mmnk .mm-mnenje__oseba {display:flex;align-items:center;gap:14px;min-width:0}
.mmnk .mm-mnenje__foto {width:52px!important;height:52px!important;border-radius:50%;object-fit:cover;flex:0 0 auto}
.mmnk .mm-mnenje__ime {display:block;font-family:var(--ff);font-weight:800;font-size:16px;color:var(--ink);line-height:1.25}
.mmnk .mm-mnenje__vloga {display:block;font-family:var(--ff);font-size:14px;color:var(--muted);line-height:1.35}
.mmnk .mm-mnenje__logo {flex:0 0 auto;max-width:140px}
.mmnk .mm-mnenje__logo img {max-width:100%;height:auto;max-height:42px;width:auto;object-fit:contain;opacity:.85}
@media (max-width:900px) {
.mmnk .mm-mnenje {padding:28px 24px 24px}
.mmnk .mm-mnenje__noga {flex-wrap:wrap}
.mmnk .mm-mnenja-krmilo {margin-bottom:26px}
}
.mmnk .mm-mnenja-blok > .fusion-builder-row {align-items:flex-start}
.mmnk .mm-mnenja-besedilo > .fusion-column-wrapper {padding-top:10px!important}
.mmnk .mm-mnenje {min-height:290px;display:none;flex-direction:column}
.mmnk .mm-mnenje.is-on {display:flex}
.mmnk .mm-mnenje__tekst {flex:1}
.mmnk .mm-mnenje__tekst, .mmnk .mm-mnenje__tekst p {font-style:normal!important;quotes:none}
.mmnk .mm-mnenje__tekst::before, .mmnk .mm-mnenje__tekst::after {content:none}
.mmnk .mm-cta__nad p {font-family:var(--ff);font-weight:700;text-transform:uppercase;color:var(--barva-svetla)!important;margin:0 0 14px}
.mmnk .mm-cta .mm-cta__naslov h2 {font-family:var(--ff)!important;text-transform:none!important;color:var(--h2-barva-temno)!important;margin:0 0 14px!important}
.mmnk .mm-cta .mm-cta__naslov .mm-accent {color:var(--barva-svetla)!important;display:inline}
.mmnk .mm-cta__opis p {font-family:var(--ff);color:var(--barva-svetla-2)!important;margin:0}
.mmnk .mm-cta__opis p + p {margin-top:var(--cta-med-odstavki)}
.mmnk .mm-cta__tekst .fusion-button {font-family:var(--ff)!important;font-weight:800!important}
.mmnk .mm-cta__pripomba > .fusion-column-wrapper {height:100%}
.mmnk .mm-foot__grid {grid-template-columns:1.6fr 1fr 1fr 1.3fr}
.mmnk .mm-foot__o .mm-foot__logo {display:block;line-height:0}
.mmnk .mm-foot__claim {color:var(--barva-noga-besedilo);max-width:22em}
.mmnk .mm-foot__naslov {color:var(--barva-noga-besedilo);line-height:1.7}
.mmnk .mm-foot__naslov a {color:var(--barva-noga-besedilo)}
.mmnk .mm-social a {display:grid;place-items:center;transition:background .15s,color .15s}
@media (max-width:900px) {
.mmnk .mm-cta__rokopis p {text-align:left}
}
@media (max-width:1080px) {
.mmnk .mm-foot__grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
}
@media (max-width:640px) {
.mmnk .mm-foot__grid {grid-template-columns:minmax(0,1fr);gap:30px}
.mmnk .mm-foot__bar {flex-direction:column;align-items:flex-start;gap:12px}
}
.mmnk .mm-cta::before {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(6,24,40,.94) 0%,rgba(6,24,40,.88) 34%,
rgba(8,32,52,.55) 62%,rgba(8,32,52,.28) 100%)}
@media (max-width:900px) {
.mmnk .mm-cta::before {background:rgba(6,24,40,.9)}
}
.mmnk .mm-sec-uvod p {font-size:var(--telo-velikost);line-height:var(--telo-vrstica)}
.mmnk .mm-karta__opis p {font-size:var(--telo-velikost);line-height:1.6}
.mmnk .mm-korak__opis p {font-size:var(--telo-velikost);line-height:1.6}
.mmnk .mm-ref-uvod p {font-size:var(--telo-velikost);line-height:var(--telo-vrstica)}
.mmnk .mm-mnenje__tekst p {font-size:var(--mnenje-velikost)!important;line-height:var(--telo-vrstica)}
.mmnk .mm-trust li {font-size:16px}
.mmnk .mm-h2 h2 {font-size:clamp(30px,3.4vw,44px)!important;line-height:1.14!important}
.mmnk .mm-ref-h1 h1 {font-size:clamp(42px,5.4vw,64px)!important}
.mmnk .mm-karta .mm-karta__naslov h3 {font-size:var(--h3-velikost)!important}
.mmnk .mm-korak .mm-korak__naslov h3 {font-size:var(--h3-velikost-2)!important}
.mmnk .fusion-button, .mmnk a.mm-btn, .mmnk .mm-btn {border-radius:var(--gumb-l-radij)!important}
.mmnk .mm-social a {border-radius:50%;background:var(--barva-social);color:#fff}
.mmnk .mm-social a:hover {background:var(--barva-social-hover);color:#fff}
.mmnk .mm-foot h2, .mmnk .mm-foot .mm-news h2 {font-size:17px!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;color:#fff!important;margin:0 0 16px!important;line-height:1.3!important}
.mmnk .mm-foot a,.mmnk .mm-foot__claim,.mmnk .mm-foot__naslov {font-size:var(--noga-besedilo)}
.mmnk .mm-cta .mm-cta__naslov h2 {max-width:none}
.mmnk .mm-cta__opis p {max-width:none}
.mmnk .mm-cta__nad p {font-size:14px;letter-spacing:.14em}
.mmnk {--ff-rokopis:var(--pisava-rokopis)}
.mmnk .mm-cta__pripomba > .fusion-column-wrapper {display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;padding-top:22px!important}
.mmnk .mm-cta__pripomba .fusion-text {flex:0 0 auto;width:auto;max-width:100%}
.mmnk .mm-cta__rokopis p {text-align:left;margin:0;position:relative}
.mmnk .mm-cta__rokopis span {font-family:var(--ff-rokopis)!important;font-size:34px!important;font-weight:600;line-height:1.28!important;color:#fff!important;transform:rotate(-8deg);transform-origin:left top;display:inline-block;letter-spacing:.01em;text-shadow:var(--cta-rokopis-senca)}
.mmnk .mm-cta .mm-cta__naslov h2 {font-size:var(--h2-velikost)!important;line-height:var(--h2-vrstica)!important}
.mmnk .mm-cta__opis p {font-size:19.5px;line-height:1.5}
.mmnk .mm-cta__tekst .fusion-button {padding:21px 38px!important;font-size:15.5px!important;letter-spacing:.07em}
@media (max-width:900px) {
.mmnk .mm-cta__pripomba > .fusion-column-wrapper {justify-content:flex-start!important;padding-top:0!important;margin-top:28px}
.mmnk .mm-cta__rokopis span {font-size:28px!important}
}
.mmnk .mm-foot__claim {font-size:var(--noga-besedilo)}
.mmnk .mm-social {gap:14px;margin-top:22px}
.mmnk .mm-social a {width:48px;height:48px}
.mmnk .mm-social svg {width:21px;height:21px}
.mmnk .mm-foot__naslov {font-size:var(--noga-besedilo);margin-top:26px}
.mmnk .mm-foot h2 {font-size:var(--noga-naslov)!important}
.mmnk .mm-foot a {font-size:var(--noga-besedilo)}
.mmnk .mm-foot__bar {font-size:var(--noga-bar-velikost)}
.mmnk .mm-foot__bar ul {gap:34px}
@media (max-width:640px) {
.mmnk .mm-foot__logo img {height:auto;width:230px}
.mmnk .mm-head__logo img {height:28px}
.mmnk .mm-head__in {gap:12px}
.mmnk .mm-head__tools {gap:8px}
.mmnk .mm-search {width:var(--dotik);height:var(--dotik)}
.mmnk .mm-burger {width:var(--dotik);height:var(--dotik)}
}
@media (max-width:900px) {
.mmnk .mm-cta .mm-cta__naslov h2 {font-size:var(--h2-velikost)!important;line-height:var(--h2-vrstica)!important}
.mmnk .mm-h2 h2 {font-size:29px!important}
.mmnk .mm-zaupajo .mm-ref-h1 h2, .mmnk .mm-ref-h1 h1 {font-size:34px!important}
}
.mmnk .mm-cta {position:relative;min-height:470px;background-size:auto 100%!important;background-position:right center!important;background-repeat:no-repeat!important}
.mmnk .mm-cta__pripomba {position:static!important}
.mmnk .mm-cta__pripomba > .fusion-column-wrapper {padding:0!important}
@media (min-width:901px) {
.mmnk .mm-cta__rokopis {position:absolute!important;top:96px;width:250px;z-index:2;margin:0!important}
.mmnk .mm-cta__rokopis p {text-align:left}
}
.mmnk .mm-foot__logo img {height:38px;width:auto;max-width:100%}
.mmnk .mm-social {padding:0!important;list-style:none}
.mmnk .mm-social li {margin:0;padding:0}
.mmnk .mm-foot ul {margin:0!important;padding:0!important;list-style:none!important}
.mmnk .mm-foot nav li,.mmnk .mm-foot .mm-social li,.mmnk .mm-foot__bar li {margin-left:0!important;padding-left:0!important;list-style:none!important}
.mmnk .mm-foot__claim {margin:0}
.mmnk .mm-social {margin:26px 0 0!important}
.mmnk .mm-foot__naslov {margin:30px 0 0}
.mmnk .mm-foot h2 {margin:0 0 22px!important}
.mmnk .mm-foot li {margin-bottom:15px}
.mmnk .mm-foot li:last-child {margin-bottom:0}
.mmnk .mm-foot__grid {padding-bottom:46px}
.mmnk .mm-foot p.mm-foot__claim {margin:0}
.mmnk .mm-foot__bar p {margin:0}
.mmnk .mm-foot ul.mm-social {padding:0!important;display:flex;gap:14px;list-style:none!important}
.mmnk .mm-foot .mm-social a {background:var(--social-ozadje);color:var(--social-ikona)}
.mmnk .mm-foot .mm-social a:hover {background:var(--social-ozadje-hover);color:var(--social-ikona-hover)}
.mmnk .mm-foot__bar {padding:26px 0 26px!important;align-items:center}
/* Vse troje v vrstici leži na isti sredini: zapis o pravicah, ocena in
povezave. Povezave podedujejo velikost vrstice, da so enake levemu zapisu. */
.mmnk .mm-foot__bar > * {align-self:center}
.mmnk .mm-foot__bar ul {align-items:center}
.mmnk .mm-foot__bar li {display:flex;align-items:center;margin:0!important;padding:0!important}
.mmnk .mm-foot__bar a {font-size:var(--noga-bar-velikost)!important;line-height:1.6}
.mmnk .mm-foot__bar p,.mmnk .mm-foot__bar ul {margin:0!important;padding:0!important}
.mmnk .mm-cta {isolation:isolate}
.mmnk .mm-cta::before {z-index:-1}
.mmnk .mm-cta > .fusion-builder-row {position:static!important;z-index:auto!important}
.mmnk .mm-cta .fusion-column-wrapper, .mmnk .mm-cta .fusion-layout-column {position:static!important}
@media (min-width:1101px) and (max-width:1540px) {
.mmnk #content .fusion-fullwidth {padding-left:28px!important;padding-right:28px!important}
.mmnk #content .fusion-fullwidth > .fusion-builder-row {max-width:100%!important}
}
.mmnk .mm-foot__logo {margin:0 0 10px!important}
.mmnk .mm-foot ul.mm-social {margin:27px 0 0!important}
.mmnk .mm-foot p.mm-foot__naslov {margin:10px 0 0!important}
.mmnk .mm-nav > ul > li {position:relative}
.mmnk .mm-nav__gumb {background:none;border:0;padding:8px 0;cursor:pointer;color:var(--meni-barva);font-family:var(--ff);font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:7px;border-bottom:2px solid transparent}
.mmnk .mm-nav a {font-size:var(--meni-velikost)}
.mmnk .mm-nav__gumb:hover,.mmnk .mm-nav a:hover {color:#fff;border-bottom-color:var(--cyan)}
.mmnk .mm-nav .je-aktivna {color:#fff;border-bottom-color:var(--yellow)}
.mmnk .mm-nav__pusc {width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.mmnk [aria-expanded="true"] .mm-nav__pusc {transform:rotate(-135deg) translate(-3px,-3px)}
.mmnk .mm-podmeni {position:absolute;top:100%;left:-18px;min-width:268px;max-height:calc(100vh - var(--r-11));overflow-y:auto;margin:0;padding:10px;background:var(--barva-navy-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 24px 50px rgba(3,15,26,.45);list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s,transform .16s;z-index:320}
.mmnk .mm-nav__gumb[aria-expanded="true"] + .mm-podmeni {opacity:1;visibility:visible;transform:none}
.mmnk .mm-podmeni li {margin:0}
.mmnk .mm-podmeni a {display:block;padding:11px 14px;border-radius:8px;font-size:15.5px;border-bottom:0;color:var(--dokazi-barva)}
.mmnk .mm-podmeni a:hover {background:rgba(255,255,255,.08);color:#fff;border-bottom:0}
.mmnk .mm-podmeni a[aria-current="page"] {background:rgba(251,192,64,.14);color:var(--yellow)}
.mmnk .mm-iskanje {background:var(--barva-navy-2);border-top:1px solid rgba(255,255,255,.1);padding:20px 0}
.mmnk .mm-iskanje__vrsta {display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:6px 6px 6px 20px}
.mmnk .mm-iskanje__vrsta > svg {color:var(--barva-telo);flex:0 0 auto}
.mmnk .mm-iskanje input[type=search] {flex:1;min-width:0;border:0;background:none;font:inherit;font-size:17px;color:var(--ink);padding:12px 0}
.mmnk .mm-iskanje input[type=search]:focus {outline:none}
.mmnk .mm-iskanje__zapri {background:none;border:0;color:var(--barva-telo);font-size:28px;line-height:1;cursor:pointer;padding:0 12px}
.mmnk .mm-iskanje__zapri:hover {color:var(--ink)}
.mmnk .mm-burger {display:none;background:rgba(255,255,255,.1);border:0;width:44px;height:44px;border-radius:10px;color:#fff;cursor:pointer;padding:0;place-items:center}
.mmnk .mm-burger__crte {display:block;width:20px;height:14px;position:relative}
.mmnk .mm-burger__crte i {position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:2px;transition:transform .18s,opacity .18s}
.mmnk .mm-burger__crte i:nth-child(1) {top:0}
.mmnk .mm-burger__crte i:nth-child(2) {top:6px}
.mmnk .mm-burger__crte i:nth-child(3) {top:12px}
.mmnk .mm-burger.je-odprt .mm-burger__crte i:nth-child(1) {transform:translateY(6px) rotate(45deg)}
.mmnk .mm-burger.je-odprt .mm-burger__crte i:nth-child(2) {opacity:0}
.mmnk .mm-burger.je-odprt .mm-burger__crte i:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}
.mmnk .mm-mobilni {background:var(--barva-navy);border-top:1px solid rgba(255,255,255,.1);padding:14px 0 26px;max-height:calc(100vh - 76px);overflow-y:auto}
.mmnk .mm-mobilni ul {list-style:none;margin:0;padding:0}
.mmnk .mm-mobilni > nav > ul > li {border-bottom:1px solid rgba(255,255,255,.08)}
.mmnk .mm-mobilni a,.mmnk .mm-mobilni__gumb {display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;padding:16px 0;background:none;border:0;color:var(--meni-barva);font-family:var(--ff);font-size:17px;font-weight:600;text-align:left;cursor:pointer;text-decoration:none}
.mmnk .mm-mobilni__pod {margin:0!important;padding:0 0 10px 14px}
.mmnk .mm-mobilni__pod a {font-size:16px;font-weight:400;color:var(--barva-svetla-4);padding:11px 0;border-bottom:0;justify-content:flex-start}
.mmnk .mm-mobilni__cta {margin-top:22px;justify-content:center;width:100%}
/* Pravilo za povezave v meniju (brez ozadja, brez bočnega odmika) je
gumbu vzelo rumeno ozadje; ob lebdenju ga je pokrilo samo do besedila. */
.mmnk .mm-mobilni a.mm-mobilni__cta {justify-content:center;padding:var(--r-4) var(--r-5);
background:var(--yellow);color:var(--navy)}
.mmnk .mm-mobilni a.mm-mobilni__cta:hover {background:var(--yellow-2);color:var(--navy)}
.mmnk.mm-meni-odprt {overflow:hidden}
@media (max-width:1100px) {
.mmnk .mm-burger {display:grid}
}
@media (min-width:1101px) {
.mmnk .mm-mobilni {display:none}
}
/* Avada ugnezdenim seznamom nastavi margin:10px 0 10px 20px z večjo
natančnostjo od .mm-podmeni. Zgornjih 10 px je prazna vrzel med
gumbom in podmenijem — miška tam zapusti
in podmeni se zapre,
levih 20 px pa premakne podmeni mimo gumba. Zato tu znova na nič. */
.mmnk .mm-nav ul.mm-podmeni {display:block;gap:0;align-items:stretch;margin:0!important;padding:10px!important}
/* Varovalo: neviden most čez morebitno preostalo vrzel, da kazalec
ostane znotraj
, tudi če kakšen slog spet doda odmik. */
.mmnk .mm-nav > ul > li.mm-nav__ima-podmeni::after {content:"";position:absolute;
top:100%;left:0;right:0;height:var(--r-3);display:none}
.mmnk .mm-nav > ul > li.mm-nav__ima-podmeni:hover::after {display:block}
.mmnk .mm-nav ul.mm-podmeni li {display:block;width:100%}
.mmnk .mm-nav > ul > li:nth-last-child(-n+2) .mm-podmeni {left:auto;right:-18px}
.mmnk .mm-head__in {min-height:var(--glava-visina-tel)}
@media (min-width:1101px) {
.mmnk .mm-nav {display:flex;align-items:center}
}
@media (max-width:1100px) {
.mmnk .mm-nav {display:none!important}
}
.mmnk .mm-nav > ul {align-items:center;flex-wrap:nowrap;margin:0;padding:0;line-height:1}
.mmnk .mm-nav > ul > li {margin:0!important;padding:0!important;line-height:1;display:flex;align-items:center}
.mmnk .mm-nav > ul > li > a,.mmnk .mm-nav__gumb {line-height:1.2;padding:8px 0!important;margin:0!important}
.mmnk .mm-hero__nad p {font-family:var(--ff);font-size:var(--nad-velikost);font-weight:var(--nad-teza);letter-spacing:var(--nad-razmik);text-transform:uppercase;margin:0 0 var(--nad-do-naslova)}
.mmnk .mm-hero .mm-hero__h1 h1 {font-family:var(--ff)!important;text-transform:none!important;color:var(--h1-barva)!important}
.mmnk .mm-hero__lead p {font-family:var(--ff);line-height:1.6;margin:0 0 30px;max-width:26em}
.mmnk .mm-hero__gumbi {--awb-spacing-left-large:0px;--awb-spacing-right-large:0px}
.mmnk .mm-hero__gumbi > .fusion-column-wrapper {display:flex;flex-wrap:wrap;gap:16px;padding:0!important}
.mmnk .mm-hero__gumbi .fusion-button-wrapper {margin:0}
.mmnk .mm-hero .fusion-button {font-family:var(--ff)!important;font-size:var(--gumb-l-velikost)!important}
.mmnk .mm-oder {font-family:var(--ff)}
.mmnk .mm-oder__note {margin:0;font-family:var(--ff-rokopis);font-size:24px;line-height:1.32;color:#CFE6F6;text-shadow:0 2px 10px rgba(4,18,32,.45)}
.mmnk .mm-oder__note--vrh {transform:rotate(-7deg)}
.mmnk .mm-oder__note--dno {transform:rotate(-5deg)}
@media (max-width:1100px) {
.mmnk .mm-oder__note {font-size:20px}
.mmnk .mm-kartica {padding:11px 14px;min-width:128px}
}
@media (max-width:900px) {
.mmnk .mm-hero__slika {margin-top:26px}
.mmnk .mm-tel {right:0;bottom:2%;width:26%}
.mmnk .mm-kartica {top:38%}
}
.mmnk .mm-oder {position:relative}
.mmnk .mm-oder__lap {display:block;height:auto}
.mmnk .mm-oder__tel {height:auto}
@media (max-width:900px) {
.mmnk .mm-oder__note--vrh {display:none}
}
.mmnk .mm-hero {position:relative;isolation:isolate;background-repeat:no-repeat!important}
.mmnk .mm-hero::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.mmnk .mm-hero > .fusion-builder-row {position:static!important;z-index:auto!important}
/* Naslovni pas storitvene strani si deli razred .mm-hero z domačo stranjo
in od tam podeduje višino ter odmike v enoti u (46,17 u ≈ 693 px pri
oknu 1500). Tam jih narekujejo naprave, tu pa je desno samo kartica z
dejstvi, zato bi spodaj ostal prazen pas. Zato mere povozimo. */
.mmnk .mm-hero--storitev {min-height:0!important;
padding-top:var(--hs-vrh)!important;padding-bottom:var(--hs-dno)!important}
.mmnk .mm-hero .fusion-column-wrapper, .mmnk .mm-hero .fusion-layout-column {position:static!important}
.mmnk .mm-hero .mm-hero__h1 h1 {font-size:var(--h1-velikost)!important;line-height:var(--h1-vrstica)!important;letter-spacing:var(--h1-razmik)!important;font-weight:var(--h1-teza)!important;margin:0 0 24px!important;max-width:var(--h1-sirina)}
.mmnk .mm-hero__nad p {margin-bottom:20px}
.mmnk .mm-hero__lead p {font-size:20px;margin-bottom:34px}
@media (max-width:1100px) {
.mmnk .mm-hero .mm-hero__h1 h1 {font-size:clamp(40px,6vw,62px)!important;max-width:none}
}
@media (max-width:900px) {
.mmnk .mm-hero .mm-hero__h1 h1 {font-size:40px!important}
.mmnk .mm-oder__note--dno {left:0}
}
.mmnk:has(.mm-hero) .mm-head {position:fixed;top:0;left:0;right:0;background:transparent;border-bottom-color:transparent;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}
.mmnk:has(.mm-hero) .mm-head.je-pritrjena {background:var(--barva-glava);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(3,15,26,.4)}
.mmnk:has(.mm-hero) .mm-head:has(.mm-iskanje:not([hidden])), .mmnk:has(.mm-hero) .mm-head:has(.mm-mobilni:not([hidden])) {background:var(--navy)}
.mmnk .mm-oder__lap {width:100%;filter:none;margin-left:-4%}
.mmnk .mm-oder__tel {width:30%;right:-3%;filter:none}
.mmnk .mm-oder {padding:18px 0 30px}
@media (max-width:900px) {
.mmnk .mm-oder__lap {margin-left:0;width:100%}
.mmnk .mm-oder__tel {width:32%;right:-2%}
}
/* Kratka imena, ki jih uporabljajo starejša pravila; vsa berejo tokene
iz cgp.css, da vrednost živi samo na enem mestu. */
.mmnk {--cyan:var(--barva-cyan);--cyan-2:var(--barva-cyan-2);--blue:var(--barva-modra-svetla);--link:var(--barva-povezava-2);--yellow:var(--barva-rumena);--yellow-2:var(--barva-rumena-hover);--ink:var(--barva-naslov)}
.mmnk .mm-hero__nad p {color:var(--cyan-2)!important}
.mmnk .mm-hero .mm-hero__h1 .mm-accent {color:var(--h1-poudarek)!important}
.mmnk .mm-hero__lead p {color:var(--barva-svetla-3)!important}
.mmnk .mm-trust svg,.mmnk .mm-trust i {color:var(--cyan-2)!important}
.mmnk .mm-kicker p {font-weight:600}
.mmnk .mm-h2 h2 {color:var(--ink)!important}
.mmnk .mm-karta .mm-karta__naslov h3 {color:var(--ink)!important}
.mmnk .mm-vec a {color:var(--link)!important}
.mmnk .mm-karta--poudarek > .fusion-column-wrapper {background:linear-gradient(165deg,#01709A 0%,var(--barva-modra-globoka) 100%)!important;border-color:var(--barva-modra-globoka)!important;box-shadow:0 18px 44px rgba(1,84,119,.32)!important}
.mmnk .mm-karta--poudarek .mm-karta__opis p {color:var(--barva-svetla-6)!important}
.mmnk .mm-karta--poudarek .mm-karta__seznam .fusion-li-item-content {color:var(--barva-svetla-6)!important}
.mmnk .mm-karta--poudarek .mm-karta__seznam .icon-wrapper {color:var(--yellow)!important}
.mmnk .mm-korak .mm-korak__naslov h3, .mmnk .mm-ref-h1 h1,.mmnk .mm-zaupajo .mm-ref-h1 h2, .mmnk .mm-mnenje__ime {color:var(--ink)!important}
.mmnk .mm-korak__st {color:var(--korak-st-barva)}
.mmnk i.mm-korak__ikona {color:var(--blue)!important}
.mmnk .mm-ref-kicker p::before,.mmnk .mm-ref-kicker p::after {background:var(--barva-svetla-7)}
.mmnk .mm-head__in {justify-content:space-between}
.mmnk .mm-nav {margin-left:auto;margin-right:auto}
.mmnk .mm-oder__note--dno {left:auto}
@media (max-width:900px) {
.mmnk .mm-oder__note--dno {right:0;bottom:0}
}
.mmnk .mm-hero .mm-trust {margin:0;padding:22px 0 0}
.mmnk .mm-oder {padding-bottom:78px}
.mmnk .mm-oder__tel {bottom:86px}
.mmnk .mm-oder__note--dno {line-height:1.35}
@media (max-width:900px) {
.mmnk .mm-oder {padding-bottom:70px}
.mmnk .mm-oder__tel {bottom:78px}
}
.mmnk .mm-oder__note--dno {right:10px}
.mmnk .mm-kicker p {color:var(--link)!important}
.mmnk .mm-ref-kicker span {color:var(--link)}
.mmnk .mm-karta--poudarek .mm-karta__naslov h3, .mmnk .mm-karta--poudarek .mm-karta__naslov h2 {color:#fff!important}
.mmnk .mm-oder__senca {position:absolute;display:block;pointer-events:none;z-index:1;border-radius:50%;filter:blur(18px)}
.mmnk .mm-oder__lap,.mmnk .mm-oder__tel {position:relative;z-index:2}
.mmnk .mm-oder__tel {position:absolute;z-index:3}
.mmnk .mm-oder__note {position:absolute;z-index:6}
.mmnk .mm-oder__note--vrh::after, .mmnk .mm-oder__note--dno::after {content:"";display:block;background:no-repeat center/contain}
.mmnk .mm-oder__note--dno::after {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 58'%3E%3Cpath d='M70 52C50 44 26 30 10 6' fill='none' stroke='%23CFE6F6' stroke-width='2.6' stroke-linecap='round'/%3E%3Cpath d='M8 20L9 5l14 3' fill='none' stroke='%23CFE6F6' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.mmnk .mm-oder__note--dno {bottom:-8px}
@media (max-width:900px) {
.mmnk .mm-oder__note--dno::after {width:62px;height:48px}
.mmnk .mm-oder__senca--lap {bottom:62px;height:34px}
.mmnk .mm-oder__senca--tel {bottom:70px;height:22px}
}
.mmnk .mm-oder__senca--lap {left:10%;right:22%;bottom:74px;height:38px;filter:blur(16px);background:radial-gradient(ellipse at center,rgba(1,10,20,.78) 0%,rgba(1,10,20,.42) 48%,transparent 74%)}
.mmnk .mm-oder__senca--tel {right:3%;width:17%;bottom:80px;height:22px;filter:blur(11px);background:radial-gradient(ellipse at center,rgba(1,10,20,.72) 0%,rgba(1,10,20,.36) 50%,transparent 76%)}
.mmnk .mm-oder__note--dno {align-items:flex-start;gap:10px;flex-direction:row-reverse}
.mmnk .mm-oder__note--dno::after {width:58px;height:52px;margin:0;flex:0 0 auto;transform:translateY(-6px)}
@media (min-width:1600px) {
.mmnk .mm-oder {transform:translateY(10px)}
}
@media (min-width:1440px) and (max-width:1599px) {
.mmnk .mm-oder {transform:translateY(22px)}
}
@media (min-width:1101px) and (max-width:1439px) {
.mmnk .mm-oder {transform:translateY(38px)}
}
.mmnk .mm-nav a,.mmnk .mm-nav__gumb,.mmnk .mm-head__tools .mm-btn {white-space:nowrap}
.mmnk .mm-head__logo img {flex:0 0 auto}
/* Med prenovo ima meni sedem postavk; pri ožjem oknu se mora stisniti,
sicer gumb v glavi pade čez desni rob. */
@media (min-width:901px) and (max-width:1200px) {
.mmnk .mm-head__in {gap:16px}
.mmnk .mm-nav > ul {gap:var(--r-3)}
.mmnk .mm-nav a,.mmnk .mm-nav__gumb {font-size:14.5px}
.mmnk .mm-head__logo img {height:30px}
.mmnk .mm-head__tools {gap:10px}
.mmnk .mm-head__tools .mm-btn {padding:11px 16px;font-size:12px}
.mmnk .mm-search {width:var(--dotik);height:var(--dotik)}
}
.mmnk .mm-hero .mm-trust {border-top:0!important;padding-top:0!important}
.mmnk .mm-hero__dokazi > .fusion-column-wrapper {padding-top:0!important;margin-top:8px}
.mmnk .mm-hero .mm-trust li {gap:13px}
.mmnk .mm-hero .mm-trust i {display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto}
.mmnk .mm-hero {padding-top:186px!important}
@media (max-width:900px) {
.mmnk .mm-hero {padding-top:132px!important}
}
/* Telefon: nadnaslov heroja stoji tik pod glavo (prej 55 px praznine). */
@media (max-width:640px) {
.mmnk .mm-hero {padding-top:var(--hero-vrh-tel)!important}
}
.mmnk .mm-oder__note--vrh {top:40px;left:12%}
@media (min-width:901px) and (max-width:1100px) {
.mmnk .mm-oder {transform:translateY(182px)}
}
@media (min-width:1101px) and (max-width:1300px) {
.mmnk .mm-oder {transform:translateY(133px)}
}
@media (min-width:1301px) and (max-width:1500px) {
.mmnk .mm-oder {transform:translateY(122px)}
}
@media (min-width:1501px) {
.mmnk .mm-oder {transform:translateY(116px)}
}
@media (max-width:900px) {
.mmnk .mm-hero {background-size:cover!important;padding-bottom:50px!important}
}
.mmnk .mm-oder__note--vrh::after {width:60px;height:54px;margin:6px 0 0 40%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 54'%3E%3Cg fill='none' stroke='%23EAF4FC' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3C4 24 14 42 48 46'/%3E%3Cpath d='M38 38L48 46 36 52'/%3E%3C/g%3E%3C/svg%3E")}
.mmnk .mm-oder__note--dno {display:block;text-align:right}
.mmnk .mm-oder__note--dno::after {content:none}
.mmnk .mm-oder__note--dno::before {content:"";display:block;width:44px;height:68px;margin:0 auto 4px 16%;background:no-repeat center/contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 68'%3E%3Cg fill='none' stroke='%23EAF4FC' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 64C32 36 28 18 8 6'/%3E%3Cpath d='M14 18L8 6 21 5'/%3E%3C/g%3E%3C/svg%3E")}
@media (max-width:900px) {
.mmnk .mm-oder__note--dno::before {width:36px;height:56px}
.mmnk .mm-oder__note--vrh::after {width:50px;height:45px}
}
.mmnk .mm-hero .mm-oder__note {font-size:30px;line-height:1.3}
.mmnk .mm-hero .mm-oder__note--vrh {text-align:center}
.mmnk .mm-hero .mm-oder__note--dno {right:0;text-align:center}
.mmnk .mm-hero .mm-oder__note--dno::before {width:48px;height:56px;margin:0 auto 4px 6%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 56'%3E%3Cg fill='none' stroke='%23EAF4FC' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M36 52C36 30 30 16 9 6'/%3E%3Cpath d='M15 16L9 6 21 4'/%3E%3C/g%3E%3C/svg%3E")}
@media (max-width:900px) {
.mmnk .mm-hero .mm-oder__note {font-size:21px}
.mmnk .mm-hero .mm-oder__note--dno::before {width:38px;height:44px}
}
.mmnk .mm-hero .mm-oder__note--dno {font-size:23px;line-height:1.3;bottom:-30px}
.mmnk .mm-hero .mm-oder__note--vrh {left:10%}
.mmnk .mm-hero .mm-oder__note--vrh::after {width:46px;height:42px;margin:8px 0 0 70%}
@media (min-width:901px) and (max-width:1100px) {
.mmnk .mm-hero .mm-oder__note--dno {bottom:0}
}
@media (min-width:1101px) and (max-width:1300px) {
.mmnk .mm-hero .mm-oder__note--dno {bottom:-21px}
}
@media (min-width:1301px) and (max-width:1500px) {
.mmnk .mm-hero .mm-oder__note--dno {bottom:-36px}
}
@media (min-width:1501px) {
.mmnk .mm-hero .mm-oder__note--dno {bottom:-39px}
}
@media (min-width:901px) {
.mmnk .mm-hero {overflow:hidden;background-size:auto 135%!important;background-position:right 16%!important}
.mmnk .mm-hero .mm-hero__slika {align-self:stretch}
.mmnk .mm-hero .mm-oder {position:static;height:0;padding:0;margin:0;transform:none}
.mmnk .mm-hero .mm-oder__lap {position:absolute;height:auto;left:auto;top:auto;margin:0;z-index:2}
.mmnk .mm-hero .mm-oder__tel {position:absolute;height:auto;left:auto;top:auto;margin:0;z-index:3}
.mmnk .mm-hero .mm-oder__senca--lap {position:absolute;left:auto;top:auto;z-index:1}
.mmnk .mm-hero .mm-oder__senca--tel {position:absolute;left:auto;top:auto;z-index:1}
.mmnk .mm-hero .mm-oder__note--vrh {position:absolute;left:auto;margin-right:0;z-index:6}
.mmnk .mm-hero .mm-oder__note--vrh::after {height:auto;aspect-ratio:46/42}
.mmnk .mm-hero .mm-oder__note--dno {position:absolute;left:auto;bottom:auto;z-index:6}
.mmnk .mm-hero .mm-oder__note--dno::before {height:auto;aspect-ratio:48/56;margin:0 auto calc(0.3 * var(--u)) 14%}
.mmnk .mm-hero > .fusion-builder-row {align-items:flex-start}
.mmnk .mm-hero .mm-hero__gumbi .mm-btn-y {min-width:calc(21.7 * var(--u))}
.mmnk .mm-hero .mm-hero__gumbi .mm-btn-o {min-width:calc(17.8 * var(--u))}
.mmnk .mm-hero .mm-oder__note--vrh {line-height:1.12}
.mmnk .mm-hero .mm-oder__note--dno {line-height:1.12}
/* Glava je na vseh straneh enaka (mere v cgp.css); nad naslovnim pasom je le višja. */
/* Dokler stran ni odrsana, so logotip, meni in gumbi na vseh straneh enako
daleč od zgornjega roba (--glava-odmik-vrh); nad naslovnim pasom je glava
višja, zato višek gre pod vsebino. Odrsana glava je povsod --glava-visina. */
.mmnk .mm-head__in {min-height:var(--glava-visina);gap:var(--glava-vrzel);transition:min-height .22s ease,padding .22s ease}
.mmnk .mm-head:not(.je-pritrjena) .mm-head__in {min-height:calc(2 * var(--glava-odmik-vrh) + var(--glava-vrsta))}
.mmnk:has(.mm-hero) .mm-head:not(.je-pritrjena) .mm-head__in {min-height:var(--glava-visina-hero);padding-bottom:calc(var(--glava-visina-hero) - 2 * var(--glava-odmik-vrh) - var(--glava-vrsta))}
/* Odprto iskanje ali meni: višek pod vrsto odpade, da se trak odpre tik
pod menijem kot na straneh brez naslovnega pasu (logotip ostane na mestu). */
.mmnk:has(.mm-hero) .mm-head:not(.je-pritrjena):has(.mm-iskanje:not([hidden])) .mm-head__in,
.mmnk:has(.mm-hero) .mm-head:not(.je-pritrjena):has(.mm-mobilni:not([hidden])) .mm-head__in {min-height:calc(2 * var(--glava-odmik-vrh) + var(--glava-vrsta));padding-bottom:0}
.mmnk .mm-head__logo img {height:var(--glava-logo)}
.mmnk .mm-nav > ul {gap:var(--glava-meni-vrzel)}
.mmnk .mm-search {width:var(--glava-iskanje);height:var(--glava-iskanje)}
.mmnk .mm-head__tools .mm-btn {justify-content:center}
.mmnk .mm-hero h1 {font-size:calc(5.47 * var(--u))!important;line-height:1!important;max-width:calc(30 * var(--u))}
.mmnk .mm-hero {height:auto}
.mmnk .mm-hero .mm-trust i {font-size:calc(0.93 * var(--u))}
.mmnk .mm-storitve .mm-vec--glava {text-align:left}
.mmnk .mm-storitve i.mm-karta__ikona {background:none!important;border:0!important;line-height:1!important;border-radius:0!important;font-size:calc(3.5 * var(--u))!important;}
.mmnk .mm-storitve .mm-karta--poudarek i.mm-karta__ikona {background:none!important}
.mmnk .mm-storitve .mm-karta__seznam .icon-wrapper {color:var(--cyan)!important}
.mmnk .mm-storitve .mm-karta--poudarek .mm-znacka {top:calc(1.7 * var(--u));right:calc(2.5 * var(--u))}
.mmnk .mm-storitve .mm-sec-glava-desno > .fusion-column-wrapper {align-items:flex-start;justify-content:flex-start}
.mmnk .mm-storitve .mm-karta__seznam .fusion-li-icon {color:var(--cyan)!important}
.mmnk .mm-storitve .mm-sec-glava-desno > .fusion-column-wrapper {padding-top:calc(2.2 * var(--u))}
.mmnk .mm-storitve i.mm-karta__ikona {color:transparent!important;-webkit-text-stroke:2.5px var(--cyan);paint-order:stroke fill}
.mmnk .mm-storitve .mm-karta--poudarek i.mm-karta__ikona {color:transparent!important;-webkit-text-stroke:2.5px var(--cyan)}
}
@media (max-width:900px) {
.mmnk .mm-hero {background-position:center bottom!important}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-hero__nad p {font-size:14px}
.mmnk .mm-hero .mm-hero__lead p {font-size:20px;line-height:32px}
.mmnk .mm-hero .mm-hero__gumbi .fusion-button {padding:var(--gumb-l-odmik)!important;font-size:var(--gumb-l-velikost)!important;line-height:1.2!important}
.mmnk .mm-hero .mm-hero__gumbi .mm-btn-y, .mmnk .mm-hero .mm-hero__gumbi .mm-btn-o {min-width:0}
.mmnk .mm-nav a, .mmnk .mm-nav .mm-nav__gumb {font-size:var(--glava-meni-pisava)}
.mmnk .mm-head__tools .mm-btn {font-size:var(--gumb-s-velikost);padding:var(--gumb-s-odmik);min-width:0}
}
.mmnk .mm-hero::before {background:var(--hero-foto-zastor)}
@media (max-width:900px) {
.mmnk .mm-hero::before {background:var(--hero-foto-zastor-mob)}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__lap {right:calc(12.54 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--lap {right:calc(18.34 * var(--u))}
.mmnk .mm-hero .mm-oder__note--vrh {right:calc(53.3 * var(--u))}
.mmnk .mm-hero {display:flex;align-items:stretch}
.mmnk .mm-hero > .fusion-builder-row {width:100%;align-content:space-between}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-hero .mm-oder__lap {right:calc(-0.8 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--lap {right:calc(5 * var(--u))}
.mmnk .mm-hero .mm-oder__note--vrh {right:calc(39.96 * var(--u))}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__tel {right:calc(6.09 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--tel {right:calc(8.06 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno {right:calc(6.16 * var(--u))}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-hero .mm-oder__tel {right:calc(1.43 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--tel {right:calc(3.4 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno {right:calc(1.5 * var(--u))}
.mmnk .mm-hero .mm-oder__note--vrh {top:calc(100% - 44.01 * var(--u))}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__note--vrh {font-size:calc(2 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno {font-size:calc(2 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno::before {margin-left:2%}
/* Neodrsana glava je visoka 11,7 u; spodnji odmik dvigne logotip in meni
nad sredino pasu, da sedita bliže vrhu strani. */
/* Pritrjena glava je visoka le 5,4 u — tam isti odmik potisne vsebino
na sam vrh, zato jo v tem stanju sredinim. */
.mmnk:has(.mm-hero) .mm-head.je-pritrjena .mm-head__in {padding-bottom:0}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-hero .mm-oder__note--dno {top:calc(100% - 12.8 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno::before {margin-left:2%}
}
@media (min-width:901px) {
.mmnk .mm-hero {padding-top:calc(11.32 * var(--u))!important}
.mmnk .mm-hero .mm-hero__h1 h1 {max-width:none}
.mmnk .mm-hero .mm-hero__tekst {width:var(--hero-tekst)!important;max-width:var(--hero-tekst)!important;
flex-basis:var(--hero-tekst)!important}
/* Naprave, sence in rokopisna pripisa se skupaj umaknejo desno, da
naslov pri 100 px ne leže čez zaslon prenosnika. Vsi členi dobijo
isti premik, zato med sabo ostanejo na istih mestih. */
.mmnk .mm-hero .mm-oder__lap,
.mmnk .mm-hero .mm-oder__tel,
.mmnk .mm-hero .mm-oder__senca--lap,
.mmnk .mm-hero .mm-oder__senca--tel {transform:translateX(var(--oder-desno))}
.mmnk .mm-hero .mm-oder__note--vrh {transform:translateX(var(--oder-desno)) rotate(-7deg)}
.mmnk .mm-hero .mm-oder__note--dno {transform:translateX(var(--oder-desno)) rotate(-5deg)}
}
.mmnk .mm-hero .mm-trust i {border:0!important;border-radius:0!important;background:none;font-size:0!important;line-height:0!important;color:#fff!important;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.mmnk .mm-hero .mm-trust .fa-check-circle {-webkit-mask-image:url(../../../uploads/2026/09/ikona-20-let-izkusenj.png);mask-image:url(../../../uploads/2026/09/ikona-20-let-izkusenj.png)}
.mmnk .mm-hero .mm-trust .fa-cube {-webkit-mask-image:url(../../../uploads/2026/09/ikona-350-projektov.png);mask-image:url(../../../uploads/2026/09/ikona-350-projektov.png)}
.mmnk .mm-hero .mm-trust .fa-users {-webkit-mask-image:url(../../../uploads/2026/09/ikona-zansesljiv-partner.png);mask-image:url(../../../uploads/2026/09/ikona-zansesljiv-partner.png)}
@media (min-width:901px) {
.mmnk .mm-hero .mm-trust {gap:calc(2.02 * var(--u))}
.mmnk .mm-hero .mm-trust li {font-size:calc(0.856 * var(--u));gap:calc(0.7 * var(--u))}
.mmnk .mm-hero .mm-trust i {width:calc(2.32 * var(--u));height:calc(2.32 * var(--u))}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-hero .mm-trust {gap:calc(1.44 * var(--u))}
.mmnk .mm-hero .mm-trust li {font-size:var(--dokazi-velikost)}
}
@media (max-width:900px) {
.mmnk .mm-hero .mm-trust i {width:24px;height:24px}
}
/* Teme pod gumboma v heroju domače strani (Milan, 27. 9. 2026: namesto
»28 let izkušenj · 230 projektov · 150+ strank« teme z ikonami; oblika
po vzoru docs/Design/Domov/hero-teme-vzor-20260927.png). Bel krog s
sijem in modro ikono, pod njim naslov in opis v dveh vrsticah, med
temami navpična črta. Vsaka tema vodi na svojo stran. Na telefonu so
teme ena pod drugo, krog levo, med njimi vodoravna črta. Mere so v
cgp.css (--teme-…). */
.mmnk .mm-teme {display:flex;align-items:stretch;margin:0!important;
padding:var(--teme-od-gumbov) 0 0!important;list-style:none}
.mmnk .mm-teme li {position:relative;margin:0!important;padding:0 var(--teme-razmik)!important}
.mmnk .mm-teme li:first-child {padding-left:0!important}
.mmnk .mm-teme li:last-child {padding-right:0!important}
/* Črta se začne pri tretjini kroga in sega do konca opisa, kot na vzoru. */
.mmnk .mm-teme li + li::before {content:"";position:absolute;left:0;top:calc(.3 * var(--teme-krog));
bottom:0;border-left:1px solid var(--teme-crta)}
.mmnk .mm-tema {display:flex;flex-direction:column;gap:var(--teme-do-napisa);
color:var(--teme-barva);text-decoration:none}
.mmnk .mm-tema__krog {align-self:center;display:grid;place-items:center;flex:0 0 auto;
width:var(--teme-krog);height:var(--teme-krog);border-radius:50%;
background:var(--teme-krog-ozadje);box-shadow:var(--teme-krog-sij);color:var(--teme-ikona-barva)}
.mmnk .mm-tema__krog svg {display:block;width:var(--teme-ikona);height:auto;fill:currentColor}
.mmnk .mm-tema__krog .mm-tema__znak {fill:var(--teme-krog-ozadje)}
.mmnk .mm-tema__besedilo {display:flex;flex-direction:column;gap:var(--teme-do-opisa)}
.mmnk .mm-tema__naslov {font-family:var(--teme-pisava);font-size:var(--teme-naslov);
font-weight:var(--teme-naslov-teza);line-height:1.25;color:var(--teme-barva);white-space:nowrap}
/* Opis je širok kot naslov nad njim (ne razširi teme) in se prelomi. */
.mmnk .mm-tema__opis {width:0;min-width:100%;font-family:var(--pisava);font-size:var(--teme-opis);
line-height:var(--teme-vrstica);color:var(--teme-opis-barva)}
.mmnk .mm-tema:hover,.mmnk .mm-tema:focus-visible {color:var(--teme-barva)}
.mmnk .mm-tema:hover .mm-tema__naslov,
.mmnk .mm-tema:focus-visible .mm-tema__naslov {text-decoration:underline;text-underline-offset:3px}
.mmnk .mm-tema:focus-visible {outline:3px solid var(--barva-poudarek);outline-offset:6px;border-radius:var(--r-2)}
@media (max-width:600px) {
.mmnk .mm-teme {flex-direction:column}
.mmnk .mm-teme li {padding:var(--teme-razmik) 0!important}
.mmnk .mm-teme li:first-child {padding-top:0!important}
.mmnk .mm-teme li + li::before {top:0;bottom:auto;right:0;border-left:0;border-top:1px solid var(--teme-crta)}
.mmnk .mm-tema {flex-direction:row;align-items:center}
.mmnk .mm-tema__krog {align-self:auto}
.mmnk .mm-tema__naslov {white-space:normal}
.mmnk .mm-tema__opis {width:auto;min-width:0}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__senca--lap {width:calc(34 * var(--u));height:calc(2.2 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--tel {height:calc(1.3 * var(--u))}
}
@media (min-width:1301px) {
.mmnk .mm-hero .mm-oder__senca--lap {right:calc(21 * var(--u));}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-hero__h1 h1 {font-size:var(--h1-velikost)!important}
.mmnk .mm-hero {min-height:calc(46.17 * var(--u));}
.mmnk .mm-hero .mm-oder__lap {bottom:calc(0.63 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--lap {bottom:calc(0.77 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno {top:calc(100% - 9.15 * var(--u))}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-hero .mm-oder__tel {bottom:calc(0.93 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--lap {bottom:calc(1.4 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--tel {bottom:calc(0.7 * var(--u))}
}
@media (min-width:901px) {
/* Naslov ostane v dveh vrsticah, kot je zapisan v vsebini. */
.mmnk .mm-hero .mm-hero__h1 h1 {white-space:nowrap}
.mmnk .mm-hero .mm-hero__gumbi .mm-btn-o {border-color:var(--cyan)!important;--awb-bordercolor:var(--cyan)}
.mmnk .mm-hero .mm-hero__gumbi .mm-btn-o:hover {border-color:var(--cyan-2)!important}
}
.mmnk .mm-hero {background-size:cover!important;background-position:center bottom!important}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__note--dno {transform:rotate(-11deg)}
.mmnk .mm-hero .mm-oder__lap {width:calc(45.5 * var(--u))}
}
@media (min-width:1301px) {
.mmnk .mm-hero .mm-oder__lap {right:calc(17.41 * var(--u));}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-hero .mm-oder__lap {bottom:calc(1 * var(--u))}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__note--vrh, .mmnk .mm-hero .mm-oder__note--dno {font-size:calc(1.694 * var(--u))}
.mmnk .mm-hero .mm-oder__note--vrh::after {width:calc(3.51 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno::before {width:calc(2.9 * var(--u))}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-hero .mm-oder__note--dno {font-size:calc(1.27 * var(--u))}
.mmnk .mm-hero .mm-oder__note--dno::before {width:calc(2.18 * var(--u))}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__note--vrh {top:calc(100% - 36.4 * var(--u))}
.mmnk .mm-hero .mm-oder__note--vrh::after {margin:calc(0.5 * var(--u)) 0 0 42%}
}
@media (min-width:1301px) {
.mmnk .mm-hero .mm-oder__note--vrh {right:calc(47.3 * var(--u))}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-oder__tel {width:calc(14.08 * var(--u));bottom:calc(2.26 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--tel {width:calc(8.28 * var(--u));bottom:calc(2.67 * var(--u))}
}
@media (min-width:1301px) {
.mmnk .mm-hero .mm-oder__tel {right:calc(13.26 * var(--u))}
.mmnk .mm-hero .mm-oder__senca--tel {right:calc(14.9 * var(--u))}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-hero__dokazi > .fusion-column-wrapper {margin-left:1.44%}
.mmnk .mm-hero ul.mm-trust {margin-left:0!important}
}
/* ============================================================
ROKOPIS V POZIVU PRED NOGO
Slog je bil pisan za znotraj odstavka, tega pa v vsebini ni —
napis se je izpisoval s temnim Exo. Pravila zato veljajo za odstavek.
Puščice ob rokopisu ni več (Milan, 29. 9. 2026).
============================================================ */
.mmnk .mm-cta__rokopis p {font-family:var(--ff-rokopis)!important;
font-size:34px!important;font-weight:600!important;line-height:1.28!important;
color:#fff!important;letter-spacing:.01em;
transform:rotate(-8deg);transform-origin:left top;
text-shadow:var(--cta-rokopis-senca)}
@media (max-width:900px) {
.mmnk .mm-cta__rokopis p {font-size:28px!important}
}
/* Rokopis v pozivu pred nogo 10 px bolj levo. */
@media (min-width:901px) {
.mmnk .mm-cta__rokopis {right:104px}
}
/* ============================================================
SAMO INTER / SEGOE UI NA CELI UVODNI STRANI
Ovoji so podedovali Avadin Exo, gumbi Roboto, »serif« poudarki
acta-display, narekovaj v mnenjih pa Georgia. Vse to poenotim na
var(--ff) = "Inter","Segoe UI",Roboto,-apple-system,Arial. Rokopisni
napisi (Caveat) in ikonske pisave ostanejo, ker so risba, ne besedilo.
============================================================ */
.mmnk {font-family:var(--ff)}
.mmnk button,.mmnk input,.mmnk select,.mmnk textarea,.mmnk optgroup {font-family:var(--ff)}
.mmnk .fusion-button,.mmnk .fusion-button-text,.mmnk .awb-button__text {font-family:var(--ff)!important}
.mmnk span.serif {font-family:var(--ff)!important}
.mmnk .mm-mnenje__narekovaj {font-family:var(--ff)!important}
.cmplz-cookiebanner,.cmplz-cookiebanner h1,.cmplz-cookiebanner h2,.cmplz-cookiebanner h3,
.cmplz-cookiebanner p,.cmplz-cookiebanner a,.cmplz-cookiebanner button,
.cmplz-cookiebanner label,.cmplz-cookiebanner li {font-family:var(--pisava)!important}
/* ============================================================
VSI H2 V SLOGU NASLOVA IZ POZIVA PRED NOGO
»Ustvarimo nekaj odličnega skupaj.« ima clamp(36px,3.6vw,56px),
vrstico 1,08 in razmik črk −0,025em. Isto dobijo razdelčni naslovi;
barve ostanejo take, kot so (temne na svetlem, bele na temnem).
Napisi stolpcev v nogi so sicer tudi h2, a so oznake, ne naslovi.
============================================================ */
.mmnk .mm-h2 h2,
.mmnk .mm-ref-h1 h2 {font-size:var(--h2-velikost)!important;line-height:var(--h2-vrstica)!important;
letter-spacing:var(--h2-razmik)!important;font-weight:var(--h2-teza)!important}
@media (max-width:900px) {
.mmnk .mm-h2 h2,
.mmnk .mm-ref-h1 h2 {font-size:var(--h2-velikost)!important;line-height:var(--h2-vrstica)!important}
}
/* Preostanki Avadine pisave: citati mnenj, naslovi studij primerov in
gumbi. Rokopisnih napisov in ikonskih pisav to ne zadeva. */
.mmnk blockquote,
.mmnk h1,.mmnk h2,.mmnk h3,.mmnk h4,.mmnk h5,.mmnk h6,
.mmnk .fusion-title-heading,
.mmnk p.simulacija,
.mmnk .button,.mmnk .awb-button {font-family:var(--ff)}
/* »Zaupajo nam« je v svoji veji bolj specifičen, zato še tu. */
.mmnk .mm-zaupajo .mm-ref-h1 h2 {font-size:var(--h2-velikost)!important;
line-height:var(--h2-vrstica)!important;letter-spacing:var(--h2-razmik)!important;font-weight:var(--h2-teza)!important}
@media (max-width:900px) {
.mmnk .mm-zaupajo .mm-ref-h1 h2 {font-size:var(--h2-velikost)!important;line-height:var(--h2-vrstica)!important}
}
.mmnk blockquote.mm-mnenje__tekst {font-family:var(--ff)!important}
.mmnk .fusion-rollover,.mmnk .fusion-rollover * {font-family:var(--ff)!important}
.mmnk .fusion-rollover-title,.mmnk .fusion-rollover-title a,
.mmnk .fusion-rollover-categories,.mmnk .fusion-rollover-categories a,
.mmnk .fusion-rollover-content,.mmnk .fusion-rollover-content * {font-family:var(--ff)!important}
/* Novo ozadje heroja (1980 × 794, rob mize pri 75,6 % višine slike). */
.mmnk .mm-hero {background-image:url(../../../uploads/2026/09/hero-ozadje-11.webp)!important}
.mmnk #main .fusion-rollover-title,.mmnk #main .fusion-rollover-title a,
.mmnk #main .fusion-rollover-categories,.mmnk #main .fusion-rollover-categories a {
font-family:var(--ff)!important}
/* ============================================================
NAVPIČNI RAZMIKI V HEROJU PO PREDLOGI
Izmerjeno na predlogi (1122 px, korak vrstice naslova 62,5 px) in
preračunano na moj korak 82 px, torej × 1,312:
naslovček → naslov 26 → 34 px
naslov → odstavek 20 → 26 px
odstavek → gumba 33 → 43 px
gumba → dokazi 52 → 68 px
Spodnji zamik pasu povečam za toliko, kolikor se skrajša besedilo,
da višina pasu in s tem lega naprav ostaneta nespremenjeni.
============================================================ */
@media (min-width:901px) {
.mmnk .mm-hero .mm-hero__nad p {margin-bottom:calc(1.15 * var(--u))}
.mmnk .mm-hero .mm-hero__h1 h1 {margin:0 0 calc(0.05 * var(--u))!important}
.mmnk .mm-hero .mm-hero__lead p {margin-bottom:calc(2.22 * var(--u))}
}
@media (min-width:901px) {
.mmnk .mm-hero .mm-hero__dokazi {margin-top:calc(0.47 * var(--u))}
.mmnk .mm-hero {padding-bottom:calc(2.83 * var(--u))!important}
}
.mmnk .mm-hero {padding-bottom:calc(3.3 * var(--u))!important}
/* Lega desnega rokopisnega napisa in njegove puščice po izbiri. */
@media (min-width:1301px) {
.mmnk .mm-hero .mm-oder__note--dno {right:calc(10.83 * var(--u));
}
.mmnk .mm-hero .mm-oder__note--dno::before {margin-left:29%}
}
/* Po poravnavi navpičnih razmikov je vrstica dokazov padla v višino, kjer
sprednji vogal prenosnika sega do 581 px, zadnja postavka pa je segala do
613 px. Vrstico zato stisnem (pisava 0,8 u, razmik med postavkami 1,3 u),
da se konča pri približno 559 px in ostane cela vidna. */
@media (min-width:1301px) {
.mmnk .mm-hero .mm-trust {gap:var(--dokazi-razmik-med)}
.mmnk .mm-hero .mm-trust li {font-size:calc(0.8 * var(--u))}
.mmnk .mm-hero .mm-trust i {width:calc(2.17 * var(--u));height:calc(2.17 * var(--u))}
}
/* Teža in razmik črk na gumbih v heroju. */
.mmnk .mm-hero .fusion-button {letter-spacing:.06em;
padding:19px 32px!important}
.mmnk .mm-storitve .mm-karta > .fusion-column-wrapper {
background:linear-gradient(180deg,var(--barva-bela) 0%,#FBFDFF 100%)!important;
border:1px solid #E3EDF5!important;border-radius:16px!important;
box-shadow:0 12px 30px rgba(11,43,69,.07)!important}
.mmnk .mm-storitve .mm-karta--poudarek > .fusion-column-wrapper {
border:0!important;border-radius:16px!important}
.mmnk .mm-storitve .mm-karta--poudarek .fusion-button {
font-weight:600!important;letter-spacing:.06em!important}
.mmnk .mm-storitve .mm-karta__seznam .icon-wrapper {
width:20px!important;height:20px!important;min-width:20px;
border:1.6px solid var(--cyan)!important;border-radius:50%!important;
display:inline-grid!important;place-items:center;flex:0 0 auto;
font-size:9px!important;line-height:1!important}
.mmnk .mm-storitve .mm-karta__seznam .fusion-li-icon {font-size:9px!important;line-height:1!important}
.mmnk .mm-storitve .mm-karta .mm-vec a,
.mmnk .mm-storitve .mm-vec--glava a {font-weight:var(--povezava-teza)!important;letter-spacing:var(--povezava-razmik)!important}
/* Poudarjena karta mora obdržati temno podlago — prejšnje pravilo za
karte jo je prebelilo, ker ima oba razreda. Preliv po predlogi:
temno modra zgoraj levo, svetlejša spodaj desno. */
.mmnk .mm-storitve .mm-karta--poudarek > .fusion-column-wrapper {
box-shadow:0 18px 44px rgba(1,84,119,.32)!important}
/* Teža pisave na gumbih v heroju in v razdelku Naše storitve na 700. */
.mmnk .mm-hero .fusion-button {font-weight:var(--gumb-l-teza)!important}
.mmnk .mm-storitve .mm-karta--poudarek .fusion-button,
.mmnk .mm-storitve .mm-karta .mm-vec a,
.mmnk .mm-storitve .mm-vec--glava a {font-weight:700!important}
/* Preliv teče z leve proti desni, ne od zgoraj navzdol. */
.mmnk .mm-storitve {background-image:var(--ozadje-pas)!important}
/* Obratna smer: svetlejša modra levo, temnejša desno. */
.mmnk .mm-storitve .mm-karta--poudarek > .fusion-column-wrapper {
background:linear-gradient(95deg,#12759F 0%,#0F5F84 42%,#0C3D5C 100%)!important}
.mmnk .mm-storitve .mm-karta__seznam .icon-wrapper {border-color:var(--barva-povezava)!important;color:var(--barva-povezava)!important}
.mmnk .mm-storitve .mm-karta__seznam .fusion-li-icon {color:var(--barva-povezava)!important}
.mmnk .mm-storitve .mm-karta .mm-vec a,
.mmnk .mm-storitve .mm-vec--glava a {color:var(--barva-povezava)!important}
/* ============================================================
PRAVE IKONE V RAZDELKU NAŠE STORITVE
Namesto Font Awesome znakov z obrobo uporabim poslane obrise
(zaslon, kocka, graf, zobnik). Vgrajeni so kot maska, zato prevzamejo
barvo #00A2DD in ostanejo ostri pri vsaki velikosti.
============================================================ */
.mmnk .mm-storitve i.mm-karta__ikona,
.mmnk .mm-storitve .mm-karta--poudarek i.mm-karta__ikona {
-webkit-text-stroke:0!important;color:transparent!important;
font-size:0!important;line-height:0!important;
width:calc(3.6 * var(--u))!important;height:calc(3.6 * var(--u))!important;
background:none;background-color:var(--barva-povezava);
-webkit-mask-position:center;mask-position:center;
-webkit-mask-size:contain;mask-size:contain;
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.mmnk .mm-storitve i.mm-karta__ikona.fa-desktop {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-izdelava-strani-128.png);
mask-image:url(../../../uploads/2026/09/ikona-izdelava-strani-128.png)}
.mmnk .mm-storitve i.mm-karta__ikona.fa-cube {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-spletno-programiranje-128.png);
mask-image:url(../../../uploads/2026/09/ikona-spletno-programiranje-128.png)}
.mmnk .mm-storitve i.mm-karta__ikona.fa-chart-line {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-optimizacija-seo-geo-128.png);
mask-image:url(../../../uploads/2026/09/ikona-optimizacija-seo-geo-128.png)}
.mmnk .mm-storitve i.mm-karta__ikona.fa-cog {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-vzdrzevanje-128.png);
mask-image:url(../../../uploads/2026/09/ikona-vzdrzevanje-128.png)}
@media (max-width:900px) {
.mmnk .mm-storitve i.mm-karta__ikona {width:46px!important;height:46px!important}
}
.mmnk .mm-storitve i.mm-karta__ikona {background-color:var(--barva-povezava)!important}
.mmnk .mm-storitve .mm-karta--poudarek i.mm-karta__ikona {background-color:var(--barva-povezava)!important}
/* ============================================================
PETA KARTA: IZDELAVA SPLETNIH TRGOVIN
Pet kart namesto štirih — poudarjena 24 %, ostale 19 %.
Ikona vozička je poslana risba (maska, pravilo »Prava ikona vozička« spodaj).
============================================================ */
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta {width:19%!important;max-width:19%!important}
.mmnk .mm-storitve .mm-karta--poudarek {width:24%!important;max-width:24%!important}
}
/* Pri petih kartah je prostora manj: Avadin rob ovoja (2 × 19,6 px) je
odveč, ker razmik med kartami že dela zamik stolpca. */
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta > .fusion-column-wrapper {
margin-left:0!important;margin-right:0!important;}
}
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta {
padding-left:calc(0.4 * var(--u))!important;padding-right:calc(0.4 * var(--u))!important}
}
/* ============================================================
POUDARJENA KARTA GLEDA ČEZ OSTALE
Ostale so visoke 451 px; poudarjena dobi 2 × 3,76 u (113 px) več,
torej 564 px — ostale so tako 80 % njene višine, prek nje pa gleda
enako zgoraj in spodaj. Vsebina v njej se navpično poravna na sredino.
Seznam s kljukicami dobi isti levi rob kot ostalo besedilo.
============================================================ */
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta--poudarek {
margin-top:calc(-3.76 * var(--u));margin-bottom:calc(-3.76 * var(--u))}
}
.mmnk .mm-storitve ul.mm-karta__seznam {margin-left:0!important;padding-left:0!important}
/* Prejšnja rešitev z negativnim robom je skrčila vrstico in poudarjena
karta je zlezla čez naslov. Namesto tega karte ne rastejo več na višino
vrstice, ampak imajo najmanjšo višino: navadne 24,1 u (361 px),
poudarjena 30,1 u (451 px). Vse so navpično sredinjene, zato poudarjena
gleda čez ostale enako zgoraj in spodaj, te pa so 80 % njene višine. */
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta {align-self:center!important;
margin-top:0!important;margin-bottom:0!important}
}
/* Prava ikona vozička (poslana risba namesto moje risane). */
.mmnk .mm-storitve i.mm-karta__ikona.fa-shopping-cart {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-spletne-trgovine-128.png);
mask-image:url(../../../uploads/2026/09/ikona-spletne-trgovine-128.png)}
/* ============================================================
NIŽJE KARTE V RAZDELKU NAŠE STORITVE
Vsi navpični razmiki znotraj kart so tesnejši: ovoj, ikona, naslov
in seznam s kljukicami. Poudarjena karta je imela največ odvečnega
prostora pod seznamom — vrstice seznama so zdaj bliže skupaj, gumb
pa bliže zadnji kljukici.
============================================================ */
.mmnk .mm-storitve .mm-karta__naslov h3 {margin-bottom:7px!important}
.mmnk .mm-storitve .fusion-checklist {margin-top:6px!important;margin-bottom:6px!important}
.mmnk .mm-storitve ul.mm-karta__seznam {margin-top:6px!important}
/* ============================================================
KARTE ŠE ZA PETINO NIŽJE
Ker se besedilo ne da krajšati, prostor prihranim pri vsem
drugem: manjši ovoj, manjša ikona, tesnejši vrstici naslova in
opisa ter odstranjeni Avadini robovi okoli naslova in odstavkov.
============================================================ */
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta > .fusion-column-wrapper {padding:18px 20px 16px!important}
.mmnk .mm-storitve i.mm-karta__ikona {
width:calc(3.3 * var(--u))!important;height:calc(3.3 * var(--u))!important;
margin-bottom:calc(0.6 * var(--u))!important}
}
.mmnk .mm-storitve .mm-karta .mm-karta__naslov h3 {line-height:var(--h3-vrstica)!important;margin-bottom:0!important}
.mmnk .mm-storitve .mm-karta .mm-karta__naslov {margin-bottom:6px!important}
.mmnk .mm-storitve .mm-karta .mm-karta__opis {margin-bottom:0!important}
.mmnk .mm-storitve .mm-karta .mm-karta__opis p {font-size:var(--telo-velikost-s)!important;line-height:var(--telo-vrstica-s)!important;margin:0!important}
.mmnk .mm-storitve .mm-karta .mm-vec {margin-bottom:0!important}
.mmnk .mm-storitve .mm-karta .mm-vec p {margin:0!important}
/* Poudarjena karta je pravilo za ikono lovila pri višji natančnosti,
zato je njena ikona ostala velika; seznam in gumb pa sta vlekla
Avadine privzete robove. */
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta--poudarek i.mm-karta__ikona {
width:calc(3.3 * var(--u))!important;height:calc(3.3 * var(--u))!important;
margin-bottom:calc(0.6 * var(--u))!important}
}
.mmnk .mm-storitve .mm-karta .fusion-checklist {margin:14px 0!important;padding:0!important}
.mmnk .mm-storitve ul.mm-karta__seznam {margin:0!important;padding:0!important}
.mmnk .mm-storitve .mm-karta__seznam .fusion-li-item {margin-bottom:5px!important;padding:0!important}
.mmnk .mm-storitve .mm-karta--poudarek .fusion-button {padding:var(--gumb-xs-odmik)!important}
.mmnk .mm-storitve .mm-karta--poudarek .fusion-button-wrapper {margin:10px 0 0!important}
/* Avada da vsaki postavki seznama še 15 px zgornjega roba (privzeti
razmik kljukic) — to je bilo največ odvečne višine v modri karti. */
.mmnk .mm-storitve .mm-karta__seznam .fusion-li-item {margin:0 0 6px!important}
.mmnk .mm-storitve .mm-karta__seznam .fusion-li-item:last-child {margin-bottom:0!important}
/* Naslovi razdelka in kart v temno modri #0D395C. */
.mmnk .mm-storitve h2,
.mmnk .mm-storitve .mm-karta .mm-karta__naslov h3 {color:var(--barva-naslov)!important}
.mmnk .mm-storitve .mm-karta--poudarek .mm-karta__naslov h3 {color:#fff!important}
/* Enotna temno modra #0D395C za vse naslove H2 in H3 na svetlih
odsekih uvodne strani (prej mešanica #083354 in #004C6D).
Naslovi na temnih ozadjih — mnenja, CTA, noga in poudarjena karta —
ostanejo beli. */
.mmnk .mm-storitve h2,
.mmnk .mm-proces h2,
.mmnk .mm-proces .mm-korak__naslov h3,
.mmnk .mm-ref-vrh h2,
.mmnk .mm-zaupajo h2,
.mmnk .mm-novice h2,
.mmnk .mm-novice h3,
.mmnk .mm-novice h3 a,
.mmnk .mm-karta .mm-karta__naslov h3 {color:var(--barva-naslov)!important}
.mmnk .mm-karta--poudarek .mm-karta__naslov h3 {color:#fff!important}
.mmnk .mm-zaupajo .mm-ref-h1 h2 {color:var(--barva-naslov)!important}
/* Osnovno besedilo v isti temno modri kot naslovi (#0D395C). Skupna
spremenljivka --muted je že popravljena; tu so še odstavki, ki so
barvo dobili drugje ali so ostali pri privzeti črni. */
.mmnk .mm-ref-podpis p,
.mmnk .mm-mnenje__ime {color:var(--barva-naslov)!important}
.mmnk .posevni-center,
.mmnk .mm-mnenje__tekst p {color:var(--barva-telo)!important}
/* ============================================================
VIŠINE KART: MODRA GLEDA ČEZ OSTALE ZA 5 %
Bele karte so 90 % višine modre, ta pa gleda čez njih 5 % svoje
višine zgoraj in 5 % spodaj (pri 1500 px 311 in 346 px, 2 × 17 px). Najmanjše višine rastejo z oknom
(enota u), a ne smejo pasti pod vsebino modre karte, zato je
spodnja meja zapisana s max() v px. Pod 1301 px se besedilo
prelomi v več vrstic in razmerja ni več mogoče držati — tam so
vse karte enako visoke, brez prekrivanja.
============================================================ */
@media (min-width:1301px) {
.mmnk .mm-storitve .mm-karta > .fusion-column-wrapper {
min-height:max(322px, calc(20.73 * var(--u)))}
.mmnk .mm-storitve .mm-karta--poudarek > .fusion-column-wrapper {
min-height:max(358px, calc(23.04 * var(--u)))}
}
@media (min-width:901px) and (max-width:1300px) {
.mmnk .mm-storitve .mm-karta {align-self:stretch!important}
.mmnk .mm-storitve .mm-karta > .fusion-column-wrapper {height:100%}
}
/* ============================================================
DVE PISAVI: SEGOE ZA H1, INTER ZA VSE OSTALO
Segoe UI dobi samo H1; H2, H3 in vse drugo besedilo so Inter
(naložen z Google Fonts skupaj s Caveat za rokopis).
Namesto lovljenja natančnosti desetin pravil, ki pisavo že
nastavljajo z font-family:var(--ff)!important, H1 preprosto
predefiniram --ff. Spremenljivka se deduje, zato vsa ta pravila
na H1 zdaj razrešijo v Segoe, drugod pa v Inter.
============================================================ */
.mmnk h1 {--ff:var(--h1-pisava)}
.mmnk h2 {--ff:var(--h2-pisava)}
.mmnk h3 {--ff:var(--h3-pisava)}
.mmnk h1,.mmnk .fusion-title h1 {font-family:var(--h1-pisava)!important}
.mmnk h2,.mmnk .fusion-title h2 {font-family:var(--h2-pisava)!important}
.mmnk h3,.mmnk .fusion-title h3 {font-family:var(--h3-pisava)!important}
/* Naslov v pasu pred nogo ima svoj razred, zato še tu ista mera
kot pri ostalih H2. */
.mmnk .mm-cta .mm-cta__naslov h2 {letter-spacing:var(--h2-razmik)!important;font-weight:var(--h2-teza)!important}
/* Vsi H3 na debelini 800, enako kot H2. */
.mmnk h3,.mmnk .fusion-title h3,
.mmnk .mm-karta .mm-karta__naslov h3,
.mmnk .mm-proces .mm-korak__naslov h3,
.mmnk .mm-novice h3,.mmnk .mm-novice h3 a {font-weight:800!important}
/* ============================================================
GUMB V MODRI KARTI V ISTI VRSTI KOT POVEZAVE V BELIH
Povezave »VEČ O …« so pripete k dnu bele karte: njihova sredina
je 29 px nad njenim robom. Modra karta sega 5 % svoje višine
niže, zato mora biti gumb za toliko više. Namesto ugibanja z
robovi ga postavim absolutno in premaknem za polovico njegove
višine navzdol — tako je sredina gumba vedno točno na isti črti
kot sredina povezav, ne glede na to, ali se napis prelomi v dve
vrstici. Vsebina nad njim se zato poravna od vrha navzdol.
============================================================ */
@media (min-width:901px) {
.mmnk .mm-storitve .mm-karta--poudarek {--preklop:0px}
.mmnk .mm-storitve .mm-karta--poudarek > .fusion-column-wrapper {
position:relative;justify-content:flex-start}
.mmnk .mm-storitve .mm-karta--poudarek .fusion-button {
position:absolute;left:20px;right:20px;width:auto;
bottom:calc(29px + var(--preklop));
transform:translateY(50%);margin:0!important}
}
@media (min-width:1301px) {
.mmnk .mm-storitve .mm-karta--poudarek {--preklop:calc(1.152 * var(--u))}
}
/* Manjši razmik med herojem in prvim blokom: Avada da pasu storitev
84 px zgornjega odmika, kar je z odmikom napisa »Naše storitve«
naneslo 120 px. */
@media (min-width:901px) {
.mmnk .mm-storitve {padding-top:58px!important}
}
/* ============================================================
NADNASLOVI ODSEKOV ENAKI KOT V HEROJU
Hero ima .mm-hero__nad p: 14 px, 700, razmik črk 0,18em, velike
začetnice, 18 px do naslova. Isto zdaj velja za vse nadnaslove
odsekov. Barve ostanejo take, kot so — na svetlih pasovih temno
modra #1478B0, na temnih svetla #7FC4EC — ker bi herojeva cijan
na belem izginila.
============================================================ */
.mmnk .mm-kicker p,
.mmnk .mm-ref-kicker span {
font-family:var(--ff)!important;font-size:var(--nad-velikost)!important;font-weight:var(--nad-teza)!important;
letter-spacing:var(--nad-razmik)!important;text-transform:uppercase!important;line-height:var(--nad-vrstica)!important}
.mmnk .mm-kicker p,
.mmnk .mm-ref-kicker p {margin:0 0 var(--nad-do-naslova)!important}
/* Nadnaslov pred nogo in pri referencah imata svoja razreda. */
.mmnk .mm-cta__nad p,
.mmnk .mm-ref-kicker p {
font-family:var(--ff)!important;font-size:var(--nad-velikost)!important;font-weight:var(--nad-teza)!important;
letter-spacing:var(--nad-razmik)!important;text-transform:uppercase!important;line-height:var(--nad-vrstica)!important;
margin:0 0 var(--nad-do-naslova)!important}
/* »Naši partnerji« je edini svetli nadnaslov ostal v temni modri
besedila; poenotim ga z ostalimi tremi na #1478B0. */
.mmnk .mm-ref-kicker p {color:var(--link)!important}
/* ============================================================
DVIG DESNE STRANI HEROJA
Prenosnik, telefon in sence so pripeti na dno pasu (bottom),
rokopisna napisa pa na top:100% − N u. Zato se prvi dvignejo s
prištevanjem, druga dva z odštevanjem istega odmika --oder-dvig.
============================================================ */
@media (min-width:1301px) {
.mmnk .mm-hero .mm-oder__lap {bottom:calc(0.63 * var(--u) + var(--oder-dvig))}
.mmnk .mm-hero .mm-oder__tel {bottom:calc(2.26 * var(--u) + var(--oder-dvig))}
.mmnk .mm-hero .mm-oder__senca--lap {bottom:calc(0.77 * var(--u) + var(--oder-dvig))}
.mmnk .mm-hero .mm-oder__senca--tel {bottom:calc(2.67 * var(--u) + var(--oder-dvig))}
.mmnk .mm-hero .mm-oder__note--vrh {top:calc(100% - 36.4 * var(--u) - var(--oder-dvig))}
.mmnk .mm-hero .mm-oder__note--dno {top:calc(100% - 10.15 * var(--u) - var(--oder-dvig))}
}
/* ============================================================
PRAVE IKONE V BLOKU »KAKO DO USPEHA«
Enak prijem kot pri storitvah: Font Awesome znak zamenjam s
poslano risbo, vstavljeno kot maska, zato prevzame barvo iz
--korak-ikona-barva in ostane ostra pri vsaki velikosti.
============================================================ */
.mmnk .mm-proces i.mm-korak__ikona {
-webkit-text-stroke:0!important;color:transparent!important;
font-size:0!important;line-height:0!important;
width:var(--korak-ikona-velikost)!important;height:var(--korak-ikona-velikost)!important;
display:inline-block!important;vertical-align:middle;
background:none!important;background-color:var(--korak-ikona-barva)!important;
-webkit-mask-position:center;mask-position:center;
-webkit-mask-size:contain;mask-size:contain;
-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.mmnk .mm-proces i.mm-korak__ikona.fa-comments {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-korak-posvet-128.png?v=2);
mask-image:url(../../../uploads/2026/09/ikona-korak-posvet-128.png?v=2)}
.mmnk .mm-proces i.mm-korak__ikona.fa-lightbulb {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-korak-nacrt-128.png?v=2);
mask-image:url(../../../uploads/2026/09/ikona-korak-nacrt-128.png?v=2)}
.mmnk .mm-proces i.mm-korak__ikona.fa-code {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-korak-razvoj-128.png?v=2);
mask-image:url(../../../uploads/2026/09/ikona-korak-razvoj-128.png?v=2)}
.mmnk .mm-proces i.mm-korak__ikona.fa-rocket {
-webkit-mask-image:url(../../../uploads/2026/09/ikona-korak-lansiranje-128.png?v=2);
mask-image:url(../../../uploads/2026/09/ikona-korak-lansiranje-128.png?v=2)}
/* Ozadje pasu »Kako do uspeha« — isti preliv kot pri storitvah. V CSS
in ne v vsebini strani, da ga shranjevanje v Fusion Builderju ne povozi. */
.mmnk .mm-proces {background-color:transparent!important;background-image:var(--ozadje-pas)!important}
/* Podnaslov v heroju v dveh vrsticah. Besedilo v eni vrsti meri 1005 px,
za dve vrstici torej potrebuje ~503 px — stolpec jih ima 500, zato se
je lomilo v tri. Od 1400 px navzgor mu pustim, da sega čez stolpec;
pri ožjih oknih bi zašel na prenosnik, zato tam ostane trivrstičen. */
@media (min-width:1400px) {
.mmnk .mm-hero .mm-hero__lead p {width:560px;max-width:none}
}
/* Temni pas z mnenji dobi isti odtenek kot hero (izmerjeno na levi
strani heroja, kjer stoji besedilo). */
.mmnk .mm-mnenja-blok {background-color:var(--barva-ozadje-temno)!important}
/* Študije primerov: opis pod naslovom po isti meri kot ostalo besedilo. */
.mmnk .posevni-center {font-size:var(--telo-velikost);line-height:var(--telo-vrstica)}
/* Osnovno besedilo dobi eno stopnjo več teže (400 → 500). Velja za
opise in uvode, ne za drobni tisk v nogi in ne za napise. */
.mmnk .mm-sec-uvod p,
.mmnk .mm-karta__opis p,
.mmnk .mm-korak__opis p,
.mmnk .mm-ref-uvod p,
.mmnk .mm-mnenje__tekst p,
.mmnk .posevni-center,
.mmnk .mm-hero__lead p {font-weight:var(--telo-teza)}
/* Razmik med naslovom koraka in opisom enak kot v karticah storitev
(6 px). Tam naslov nima spodnjega roba, ima ga ovoj; tu sta bila
oba po 8 px, torej skupaj 16. */
.mmnk .mm-proces .mm-korak__naslov h3 {margin-bottom:0!important}
.mmnk .mm-proces .mm-korak__naslov {margin-bottom:6px!important}
/* ============================================================
ŠTUDIJE PRIMEROV
Mreža 3 × 2 čez celo širino zaslona. Vsaka karta je ena
povezava: fotografija, čez njo temen preliv, v levem zgornjem
kotu logotip stranke, spodaj oznaka, naslov, opis in »Poglej več«.
Podatki (slike, logotipi, besedila, povezave) so prevzeti iz
prejšnjega bloka case-studies.
============================================================ */
/* Mreža sega od roba do roba zaslona, zato pasu odvzamem vodoravni
odmik (Avada ga da 28 px), naslov in noga pa imata svojega. Na ozkem
zaslonu ostane pri #main še 10 px, ki jih pas ne preglasi — zato se
mreža razpne na polno širino okna. */
.mmnk .mm-stud {padding:0 var(--stud-rob)}
.mmnk #content .fusion-fullwidth:has(.mm-stud) {padding-left:0!important;padding-right:0!important}
.mmnk .mm-stud__glava {padding-left:var(--stud-glava-rob);padding-right:var(--stud-glava-rob)}
.mmnk .mm-stud__mreza {margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
width:100vw;max-width:100vw}
.mmnk .mm-stud__glava {position:relative;max-width:1180px;margin:0 auto 34px;text-align:center}
.mmnk .mm-stud__nad {font-family:var(--ff);font-size:var(--nad-velikost);font-weight:var(--nad-teza);
letter-spacing:var(--nad-razmik);text-transform:uppercase;line-height:var(--nad-vrstica);
color:var(--nad-barva);margin:0 0 var(--nad-do-naslova)}
.mmnk .mm-stud__h2 {font-family:var(--h2-pisava);font-size:var(--h2-velikost);font-weight:var(--h2-teza);
letter-spacing:var(--h2-razmik);line-height:var(--h2-vrstica);color:var(--h2-barva);margin:0 0 14px}
.mmnk .mm-stud__h2 span {color:var(--barva-povezava)}
.mmnk .mm-stud__uvod {font-family:var(--ff);font-size:var(--telo-velikost);font-weight:var(--telo-teza);
line-height:var(--telo-vrstica);color:var(--telo-barva);margin:0 auto;max-width:44em}
/* Štiri enake kartice, dve v vrsti. Vrstni red v vsebini je Energija,
Pozejdon, RM9, SAR — tako sta v levem stolpcu Energija in RM9. */
.mmnk .mm-stud__mreza {display:grid;
grid-template-columns:repeat(var(--stud-stolpcev),minmax(0,1fr));
gap:var(--stud-razmik)}
.mmnk .mm-stud__karta {position:relative;display:block;overflow:hidden;
aspect-ratio:var(--stud-razmerje-kartica);
border-radius:var(--stud-radij);text-decoration:none;isolation:isolate}
/* --- Mirno stanje ---------------------------------------------------
Sam posnetek, na sredini logotip stranke in pod njim napis, kaj smo
naredili. Zastora ni; berljivost drži senca pod napisom. */
.mmnk .mm-stud__slika {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mmnk .mm-stud__mir {position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;
align-items:center;justify-content:center;gap:var(--stud-mir-razmik);
padding:24px;text-align:center}
.mmnk .mm-stud__mir .mm-stud__logo {filter:drop-shadow(var(--stud-senca-napisa))}
.mmnk .mm-stud__oznaka {display:inline-flex;align-items:center;gap:9px;
font-family:var(--pisava);font-size:var(--stud-oznaka);font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--barva-bela);
background:var(--stud-oznaka-ozadje);border:1px solid var(--stud-oznaka-rob);
border-radius:999px;padding:var(--stud-oznaka-odmik);backdrop-filter:blur(4px)}
/* Isti znak kot pri značkah ob prehodu miške — takoj se vidi, da gre za
ime storitve, ne za podnaslov. */
.mmnk .mm-stud__oznaka::before {content:"";width:14px;height:14px;flex:0 0 auto;
background-color:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 13.4 12 4.8H4.8V12l8.6 8.6a1.7 1.7 0 0 0 2.4 0l4.8-4.8a1.7 1.7 0 0 0 0-2.4Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'/%3E%3Ccircle cx='8.6' cy='8.6' r='1.2' fill='%23000'/%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'%3E%3Cpath d='M20.6 13.4 12 4.8H4.8V12l8.6 8.6a1.7 1.7 0 0 0 2.4 0l4.8-4.8a1.7 1.7 0 0 0 0-2.4Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'/%3E%3Ccircle cx='8.6' cy='8.6' r='1.2' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
/* --- Prehod miške ---------------------------------------------------
Pas v barvi znamke se pretopi čez posnetek (.4 s), naslov prileti od
zgoraj, opis se pretopi, značke pridejo od spodaj. Časi in krivulja so
isti kot na multimedija.net. */
.mmnk .mm-stud__hover {position:absolute;inset:0;z-index:2;opacity:0;
display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:var(--stud-hover-razmik);padding:var(--stud-hover-odmik);text-align:center;
background:linear-gradient(31.5deg,var(--stud-hover-senca) 50%,rgba(0,0,0,0) 50%),
rgb(var(--stud-rgb));
transition:opacity .4s linear}
.mmnk .mm-stud__karta--energija {--stud-rgb:var(--stud-barva-energija)}
.mmnk .mm-stud__karta--pozejdon {--stud-rgb:var(--stud-barva-pozejdon)}
.mmnk .mm-stud__karta--sar {--stud-rgb:var(--stud-barva-sar)}
.mmnk .mm-stud__karta--rm9 {--stud-rgb:var(--stud-barva-rm9)}
.mmnk .mm-stud__karta--bodifit {--stud-rgb:var(--stud-barva-bodifit)}
.mmnk .mm-stud__karta--simarine {--stud-rgb:var(--stud-barva-simarine)}
/* Posnetek RM9 ima znak in zaslon telefona vrisana v levi polovici,
zato ga poravnam desno: sredina kartice ostane prazna za napis. */
.mmnk .mm-stud__karta--rm9 .mm-stud__slika {object-position:right center}
.mmnk .mm-stud__karta:hover .mm-stud__hover,
.mmnk .mm-stud__karta:focus-visible .mm-stud__hover {opacity:1}
/* Naslov je v pisavi naslovov (ista kot H1), besedila pa v pisavi za
tekoče besedilo — nobene nove pisave. */
.mmnk .mm-stud__naslov {display:block;margin:0;font-family:var(--h1-pisava);
font-size:var(--stud-naslov-nad);font-weight:400;line-height:1.15;
letter-spacing:var(--h1-razmik);color:var(--barva-bela);
transform:translateY(-160%);transition:transform var(--stud-cas) var(--stud-krivulja)}
.mmnk .mm-stud__naslov b {display:block;font-family:var(--h1-pisava);
font-weight:var(--h1-teza);font-size:var(--stud-naslov);line-height:1.15;
letter-spacing:var(--h1-razmik)}
.mmnk .mm-stud__karta:hover .mm-stud__naslov,
.mmnk .mm-stud__karta:focus-visible .mm-stud__naslov {transform:none}
.mmnk .mm-stud__opis {display:block;margin:0;max-width:34em;font-family:var(--pisava);
font-size:var(--stud-opis);line-height:1.45;color:rgba(255,255,255,.95);
opacity:0;transition:opacity .3s var(--stud-krivulja)}
.mmnk .mm-stud__karta:hover .mm-stud__opis,
.mmnk .mm-stud__karta:focus-visible .mm-stud__opis {opacity:1}
.mmnk .mm-stud__gumb {display:inline-block;font-family:var(--pisava);font-size:var(--stud-gumb);
font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--barva-bela);
border:1px solid rgba(255,255,255,.9);padding:var(--stud-gumb-odmik);
transition:background .2s ease,color .2s ease}
.mmnk .mm-stud__karta:hover .mm-stud__gumb {background:var(--barva-bela);color:rgba(var(--stud-rgb),1)}
.mmnk .mm-stud__znacke {position:absolute;left:0;right:0;bottom:var(--stud-znacke-dno);
display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 18px;
padding:0 24px;transform:translateY(250%);
transition:transform var(--stud-cas) var(--stud-krivulja)}
.mmnk .mm-stud__karta:hover .mm-stud__znacke,
.mmnk .mm-stud__karta:focus-visible .mm-stud__znacke {transform:none}
.mmnk .mm-stud__znacka {display:inline-flex;align-items:center;gap:7px;font-family:var(--pisava);
font-size:var(--stud-znacka);line-height:1.4;color:rgba(255,255,255,.92)}
.mmnk .mm-stud__znacka::before {content:"";width:13px;height:13px;flex:0 0 auto;
background-color:currentColor;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.6 13.4 12 4.8H4.8V12l8.6 8.6a1.7 1.7 0 0 0 2.4 0l4.8-4.8a1.7 1.7 0 0 0 0-2.4Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'/%3E%3Ccircle cx='8.6' cy='8.6' r='1.2' fill='%23000'/%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'%3E%3Cpath d='M20.6 13.4 12 4.8H4.8V12l8.6 8.6a1.7 1.7 0 0 0 2.4 0l4.8-4.8a1.7 1.7 0 0 0 0-2.4Z' fill='none' stroke='%23000' stroke-width='1.9' stroke-linejoin='round'/%3E%3Ccircle cx='8.6' cy='8.6' r='1.2' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}
/* Na dotiku prehoda z miško ni: kartica takoj pokaže podatke. Pas ni
več čez sliko, ampak v toku, zato višino določi besedilo in se značke
ne morejo prekrivati z gumbom. */
@media (hover:none) {
.mmnk .mm-stud__karta {aspect-ratio:auto}
.mmnk .mm-stud__hover {position:relative;opacity:1;padding:34px 22px}
.mmnk .mm-stud__naslov {transform:none}
.mmnk .mm-stud__opis {opacity:1}
.mmnk .mm-stud__znacke {position:static;transform:none;padding:0;margin-top:4px}
.mmnk .mm-stud__mir {display:none}
}
@media (prefers-reduced-motion:reduce) {
.mmnk .mm-stud__hover,
.mmnk .mm-stud__naslov,
.mmnk .mm-stud__opis,
.mmnk .mm-stud__znacke {transition-duration:.01ms}
}
/* Povezava na vse študije stoji pod mrežo, na sredini. !important je
nujen, ker Avada odstavkom in povezavam v vsebini vsili svoj display. */
.mmnk .mm-stud__noga {display:flex!important;justify-content:center;
margin:var(--stud-do-noge) 0 0;
padding-left:var(--stud-glava-rob);padding-right:var(--stud-glava-rob)}
.mmnk .mm-stud__vse {display:inline-flex!important;align-items:center;gap:10px;
font-family:var(--ff);font-size:var(--povezava-velikost);font-weight:var(--povezava-teza);
letter-spacing:var(--povezava-razmik);text-transform:uppercase;text-decoration:none;
color:var(--barva-povezava);white-space:nowrap}
.mmnk .mm-stud__vse:hover {text-decoration:underline}
@media (max-width:1100px) {
.mmnk .mm-stud {--stud-stolpcev:2}
}
@media (max-width:640px) {
/* Vsebnik da na telefonu že 30 px zraka, zato blok svojega ne dodaja. */
.mmnk .mm-stud {--stud-stolpcev:1;--stud-glava-rob:18px}
/* Na telefonu je kartica visoka po razmerju manjše kartice, besedilo
in logotip pa manjša. */
.mmnk .mm-stud {--stud-logo:64px;--stud-logo-sirina:60%;
--stud-hover-odmik:26px 20px 58px;--stud-hover-odmik-mala:26px 20px 58px;
--stud-naslov-nad-mala:17px;--stud-naslov-mala:24px;--stud-znacke-dno:20px}
}
/* Na dotiku višino kartice določi besedilo — pravilo mora stati za
zgornjim, sicer mu razmerje stranic spet odreže dno. */
@media (hover:none) {
.mmnk .mm-stud__karta {aspect-ratio:auto}
}
/* Popravki bloka študij primerov:
— WordPress iz vsebine pobriše vgrajene