/* Kodirani svijet · mobilni izbornik (specifikacija 24, ispod 1024 px).
   Isti statični HTML kao ploče Mix 2 dobiva drugi raspored: harmonika pet postaja na okomitoj stazi. Usluge i Radovi
   su staza postaja koja se vuče vodoravno, Kako radim je profil uspona, O meni i Kontakt su tamna kartica i popis.
   Dno su postojeće poveznice EN, Nazovite i Pošaljite upit. Sve je pod .js: bez JavaScripta ostaje popis poveznica
   u zaglavlju. Učitava se samo ispod 1024 px (media na <link>) i ne ovisi o izbornik.css. Mono pismo: samo težine 400–500. */
@media (max-width: 1023.98px) {
  /* ================================================================ okvir: od zaglavlja do dna ekrana */
  .js.izbornik-otvoren { overflow: hidden; }
  .js.izbornik-otvoren .zaglavlje.zaglavlje { z-index: 1100; }   /* iznad kartice kolačića (1003) i gumba za pauzu */
  .js .zaglavlje .izbornik.je-otvoren {
    --mob-bok: max(var(--rub), calc((100vw - 660px) / 2));
    --mob-k: min(250px, calc(100vw - 120px));
    display: grid; grid-template: minmax(0, 1fr) auto / calc(var(--mob-bok) - 8px) 48px 1fr 1fr calc(var(--mob-bok) - 8px);
    align-items: stretch; gap: 0 8px; height: calc(100vh - var(--zaglavlje)); height: calc(100dvh - var(--zaglavlje)); padding: 0;
    border-bottom: 0; color: #16181a;
    background: #faf9f1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='360' viewBox='0 0 720 360'%3E%3Cg fill='none' stroke='%23e6e8dc'%3E%3Cpath d='M-20 70C90 30 170 110 290 80S480 20 740 70'/%3E%3Cpath d='M-20 110C100 70 180 150 300 120S490 60 740 110'/%3E%3Cpath d='M-20 150C110 110 190 190 310 160S500 100 740 150'/%3E%3Cpath d='M-20 250C120 290 230 210 380 240S560 300 740 250'/%3E%3Cpath d='M-20 290C130 330 240 250 390 280S570 340 740 290'/%3E%3Cpath d='M420 190c40-30 110-30 140 0s-10 60-70 50-100-20-70-50Z'/%3E%3C/g%3E%3C/svg%3E") center top / 720px auto;
  }
  .js .zaglavlje .izbornik::before {   /* podloga dna */
    content: ""; grid-area: 2 / 1 / 3 / -1; border-top: 1px solid #dfe1d6; background: #faf9f1; box-shadow: 0 -12px 24px -20px rgb(22 24 26 / .4);
  }
  .js .zaglavlje .izbornik__popis {
    grid-area: 1 / 1 / 2 / -1; position: relative; display: block; min-height: 0; margin: 0; padding: 6px var(--mob-bok) 18px;
    overflow: hidden auto; overscroll-behavior: contain;
  }
  .js .izbornik__popis .mg-ik { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

  /* gumb izbornika: tri crte postaju križić */
  .js .zaglavlje .zaglavlje__izbornik svg,
  .js .zaglavlje .zaglavlje__izbornik::before,
  .js .zaglavlje .zaglavlje__izbornik::after { grid-area: 1 / 1; }
  .js .zaglavlje .zaglavlje__izbornik::before,
  .js .zaglavlje .zaglavlje__izbornik::after { content: ""; width: 22px; height: 2px; border-radius: 2px; background: currentColor; opacity: 0; }
  .js .zaglavlje .zaglavlje__izbornik[aria-expanded="true"] svg { opacity: 0; rotate: 90deg; }
  .js .zaglavlje .zaglavlje__izbornik[aria-expanded="true"]::before { opacity: 1; rotate: 45deg; }
  .js .zaglavlje .zaglavlje__izbornik[aria-expanded="true"]::after { opacity: 1; rotate: -45deg; }

  /* ================================================================ harmonika: pet postaja na okomitoj stazi */
  .js .izbornik__grana { position: relative; }
  .js .zaglavlje .izbornik__grana > a { display: none; }
  .js .izbornik__grana:not(:last-child)::before {   /* staza od markacije do sljedeće, i kroz otvorenu ploču */
    content: ""; position: absolute; left: 9px; top: 32px; bottom: -32px; width: 3px;
    background: radial-gradient(circle, #ef5428 1.2px, transparent 1.7px) 50% 0 / 3px 8px repeat-y;
  }
  .js .zaglavlje .izbornik__glava {
    position: relative; display: flex; align-items: center; gap: 12px; width: 100%; height: 64px; margin: 0; padding: 0 4px 0 40px;
    border: 0; background: none; color: #16181a; font: inherit; text-align: left; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  .js .izbornik__grana + .izbornik__grana > .izbornik__glava::after { content: ""; position: absolute; left: 40px; right: 0; top: 0; height: 1px; background: #e2e4d9; }
  .js .izbornik__tocka,
  .js .izbornik__popis .mg-a-marker {
    position: absolute; z-index: 2; width: 14px; height: 14px; border: 3.5px solid #ef5428; border-radius: 50%; background: #fff; box-shadow: 0 0 0 4px #faf9f1;
  }
  .js .izbornik__tocka { left: 3.5px; top: 25px; }
  .js .izbornik__naziv { flex: 1; min-width: 0; }
  .js .izbornik__naziv b { display: block; font: 600 22px/1.15 var(--pismo); letter-spacing: -.02em; }
  .js .izbornik__naziv em { display: block; margin-top: 3px; font: 500 11px/1.3 var(--pismo-mono); font-style: normal; letter-spacing: .12em; text-transform: uppercase; color: #647067; }
  .js .izbornik__strelica { flex: none; width: 10px; height: 10px; margin-right: 8px; border-right: 1.8px solid #4a4f55; border-bottom: 1.8px solid #4a4f55; rotate: 45deg; translate: 0 -3px; }
  .js .izbornik__glava[aria-expanded="true"] .izbornik__strelica { rotate: 225deg; translate: 0 3px; border-color: #e0420f; }
  .js .izbornik__glava[aria-expanded="true"] em { color: #c23a0e; }
  .js .izbornik__glava[aria-expanded="true"] .izbornik__tocka { background: #ef5428; }
  .js .izbornik__popis::after,   /* šetač uz otvorenu stavku (JS daje --setac) */
  .js .izbornik__popis .mg-a-setac {
    content: ""; position: absolute; z-index: 3; width: 12px; height: 12px; margin: -6px 0 0 -6px; border-radius: 50%;
    background: #ef5428; box-shadow: 0 0 0 5px rgb(239 84 40 / .2); pointer-events: none;
  }
  .js .izbornik__popis::after { left: calc(var(--mob-bok) + 10.5px); top: var(--setac, 38px); }
  .js .izbornik__popis.je-prazno::after { opacity: 0; }

  /* ================================================================ ploče: isti HTML kao na računalu */
  .js .izbornik__grana > .mega { position: static; color: #16181a; font: 400 15px/1.5 var(--pismo); text-align: left; }
  .js .izbornik__grana.je-razvijena > .mega { display: block; }
  .js .izbornik__grana > .mega > .mg-in { display: flex; flex-direction: column; align-items: stretch; padding: 0 0 26px 40px; }
  .js .izbornik__popis :is(.mg-a-naslov, .mg-c-naslov) em { font-family: var(--pismo-naglasak); font-style: italic; font-weight: 500; color: #e0420f; }
  .js .izbornik__popis :is(.mg-a-uvod > .mg-oznaka, .mg-c-lijevo > .mg-oznaka, .mg-a-napomena) { display: none; }
  .js .mega--usluge .mg-a-uvod, .js .mega--radovi .mg-a-uvod { order: 1; }
  .js :is(.mega--usluge, .mega--radovi) :is(.mg-a-naslov, .mg-a-tekst) { display: none; }
  .js .mg-a-naslov { margin: 2px 0 6px; font: 600 26px/1.08 var(--pismo); letter-spacing: -.03em; color: #16181a; }
  .js .mg-a-tekst { display: block; margin: 0; font-size: 15px; line-height: 1.5; color: #4a4f55; }
  .js .mg-a-vrijeme { display: block; margin-top: 12px; font: 500 11px/1.3 var(--pismo-mono); letter-spacing: .08em; text-transform: uppercase; color: #647067; }
  .js .mg-a-kviz {
    display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 11px 14px; border: 1px dashed #c4c9ba; border-radius: 10px;
    background: rgb(255 255 255 / .45); font: 400 15px/1.35 var(--pismo); color: #363b35;
  }
  .js .mg-a-kviz .mg-ik { width: 24px; height: 24px; color: #ef5428; }
  .js .mg-a-kviz b { display: block; margin-top: 2px; font-weight: 600; color: #c23a0e; }
  .js .izbornik__popis .mg-sve { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0; font: 600 15px/1 var(--pismo); color: #c23a0e; }
  .js .izbornik__popis .mg-sve span { font-size: 17px; }
  .js .izbornik__popis .mg-slika { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 10; border: 1px solid #d9dccf; border-radius: 10px; background: #eef0e6; }
  .js .izbornik__popis .mg-slika img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
  .js .izbornik__popis .mg-slika video { display: none; }

  /* Usluge i Radovi: staza postaja se vuče vodoravno, crta ide kroz markacije */
  .js .mg-a-traka {
    position: relative; margin: 0 calc(-1 * var(--mob-bok)) 0 calc(-40px - var(--mob-bok)); padding: 0 var(--mob-bok) 6px calc(40px + var(--mob-bok));
    overflow: auto hidden; scroll-snap-type: x mandatory; scroll-padding-inline: calc(40px + var(--mob-bok)) var(--mob-bok);
    overscroll-behavior-x: contain; scrollbar-width: none;
  }
  .js .mg-a-traka::-webkit-scrollbar { display: none; }
  .js .mg-a-traka .mg-a-postaje { position: relative; display: flex; gap: 16px; width: max-content; margin: 0; padding: 0; list-style: none; }
  .js .mg-a-traka .mg-a-postaje > li { flex: none; width: var(--mob-k); scroll-snap-align: start; }
  .js .mg-a-traka .mg-a-staza {   /* viewBox 0–1000 ima n postaja; crta je n × (kartica + razmak) široka, od pola razmaka lijevo */
    position: absolute; left: calc(40px + var(--mob-bok) - 8px); top: 0; width: calc(var(--n) * (var(--mob-k) + 16px)); max-width: none; height: 40px; overflow: visible; pointer-events: none;
  }
  .js .mega--usluge .mg-a-traka { --n: 4; }
  .js .mega--radovi .mg-a-traka { --n: 3; }
  .js .izbornik__popis :is(.mg-a-staza, .mg-a-uspon) { fill: none; stroke: #ef5428; stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 2 7; vector-effect: non-scaling-stroke; }
  .js .mg-a-traka > .mg-a-setac { left: calc(40px + var(--mob-bok) + var(--mob-k) / 2); top: 20px; }
  .js .mg-a-postaja { position: relative; display: block; padding: 34px 0 0; font-size: 15px; color: #16181a; -webkit-tap-highlight-color: transparent; }
  .js .mg-a-postaja .mg-a-marker { top: 13px; left: 50%; margin-left: -7px; }
  .js .mg-a-postaja.je-na-redu .mg-a-marker, .js .mg-a-stanica.je-na-redu .mg-a-marker { background: #ef5428; }
  .js .mg-a-postaja b { display: block; margin-top: 4px; font: 600 18px/1.2 var(--pismo); letter-spacing: -.01em; }
  .js .mg-a-postaja b i { font-style: normal; color: #ef5428; }
  .js .mg-a-opis { display: block; margin-top: 4px; font-size: 15px; line-height: 1.45; color: #4a4f55; }
  .js .izbornik__popis .mg-pecat-novo {
    position: absolute; top: 44px; right: -4px; z-index: 2; padding: 5px 7px 4px; border: 2px solid #ef5428; border-radius: 4px;
    background: rgb(250 249 241 / .92); color: #c23a0e; font: 500 11px/1 var(--pismo-mono); letter-spacing: .14em; rotate: 8deg;
  }
  .js .mg-a-dno { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 16px; margin-top: 14px; padding: 0; border: 0; }
  .js .mg-a-dno > a:not(.mg-sve) {   /* Vidljivost i podrška */
    display: flex; flex: 1 1 100%; align-items: center; gap: 12px; min-height: 56px; padding: 8px 0; border-block: 1px solid #dfe1d6;
    font: 400 14px/1.4 var(--pismo); color: #4a4f55;
  }
  .js .mg-a-dno > a:not(.mg-sve) .mg-ik { color: #ef5428; }
  .js .mg-a-dno > a:not(.mg-sve) b { display: block; font: 600 16px/1.25 var(--pismo); color: #16181a; }
  /* Radovi: kartica preglednika; status je pečat na snimci, pa domena ima cijelu traku */
  .js .izbornik__popis .mg-preglednik { position: relative; display: block; overflow: hidden; border: 1px solid #d3d6ca; border-radius: 10px; background: #fff; box-shadow: 0 12px 24px -16px rgb(22 24 26 / .45); }
  .js .izbornik__popis .mg-preglednik__traka { display: flex; align-items: center; gap: 5px; min-height: 28px; padding: 6px 9px; border-bottom: 1px solid #d9dccf; background: #eceee5; font: 500 11px/1.25 var(--pismo-mono); color: #4a4f55; }
  .js .izbornik__popis .mg-preglednik__traka i { display: none; }   /* tri točke: domena treba cijelu traku */
  .js .izbornik__popis .mg-preglednik__traka > span:not(.mg-zivo) { flex: 1; min-width: 0; margin: 0; overflow-wrap: anywhere; }
  .js .izbornik__popis .mg-preglednik .mg-slika { aspect-ratio: 16 / 10; border: 0; border-radius: 0; }
  .js .izbornik__popis .mg-zivo {
    position: absolute; right: 8px; bottom: 8px; z-index: 1; display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 4px 8px 4px 7px; border-radius: 999px;
    background: #e3efe5; color: #2c6e45; font: 500 11px/1.2 var(--pismo-mono); letter-spacing: .04em; text-transform: uppercase; white-space: nowrap;
    box-shadow: 0 0 0 1px rgb(255 255 255 / .9), 0 4px 10px -4px rgb(22 24 26 / .45);
  }
  .js .izbornik__popis .mg-zivo::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #2f9e5b; }
  .js .izbornik__popis .mg-zivo--ne { background: #fbe6dc; color: #b13d14; }
  .js .izbornik__popis .mg-zivo--ne::before { width: 4px; height: 4px; border: 1.5px solid #ef5428; background: none; }

  /* Kako radim: profil uspona kao na računalu (01 dolje lijevo, 04 vrh sa zastavicom, 05 nakon vrha), ispod popis koraka.
     Stanica je poveznica: markacija stoji na profilu (--x, --y), a natpis je redak popisa (--r). */
  .js .mega--kako .mg-a-uvod .mg-sve { align-self: flex-start; }
  .js .mega--kako .mg-a-desno { position: relative; margin: 0; padding: 26px 0 0; }
  .js .mg-a-profil { position: relative; width: auto; height: 96px; aspect-ratio: auto; margin: 0 0 calc(12px + 5 * 54px); }
  .js .mg-a-profil svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
  .js .mg-a-teren { fill: url(#mg-a-teren); }
  .js .mg-a-izohipsa { fill: none; stroke: #d7dbcc; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
  .js .izbornik__popis .mg-a-uspon { stroke-width: 2.4; stroke-dasharray: 3 8; }
  .js .mg-a-zastava { display: none; }
  .js .mg-a-stanica { position: static; display: inline; padding: 0; color: #16181a; -webkit-tap-highlight-color: transparent; }
  .js .mg-a-profil > a:nth-of-type(2) { --r: 1; }
  .js .mg-a-profil > a:nth-of-type(3) { --r: 2; }
  .js .mg-a-profil > a:nth-of-type(4) { --r: 3; }
  .js .mg-a-profil > a:nth-of-type(5) { --r: 4; }
  .js .mg-a-stanica .mg-a-marker { left: var(--x); top: var(--y); margin: -7px 0 0 -7px; }
  .js .mg-a-profil > a:nth-of-type(4) .mg-a-marker::after {   /* zastavica na vrhu */
    content: ""; position: absolute; left: 1.5px; bottom: 9px; width: 16px; height: 22px; border-left: 2px solid #272f2c;
    background: linear-gradient(#ef5428, #ef5428) 0 0 / 14px 11px no-repeat; clip-path: polygon(0 0, 100% 0, 72% 25%, 100% 50%, 14% 50%, 14% 100%, 0 100%);
  }
  .js .mg-a-stanica__tekst {
    position: absolute; left: 0; right: 0; top: calc(100% + 12px + var(--r, 0) * 54px); display: flex; flex-direction: column; justify-content: center;
    height: 54px; padding: 0; border: 0; border-bottom: 1px solid #dfe1d6; border-radius: 0; background: none; text-align: left; white-space: normal; translate: none;
  }
  .js .mg-a-stanica__tekst .mg-a-vrijeme { margin: 0 0 3px; }
  .js .mg-a-stanica__tekst b { display: block; font: 600 17px/1.2 var(--pismo); }
  .js .mg-a-stanica.je-na-redu .mg-a-stanica__tekst b { color: #c23a0e; }
  .js .mg-a-stanica:focus-visible { outline: 0; }
  .js .mg-a-stanica:focus-visible .mg-a-stanica__tekst { outline: 2px solid #e0420f; outline-offset: 2px; }
  .js .mg-a-profil > .mg-a-setac { left: 7%; top: 90%; }

  /* O meni i Kontakt: tamna kartica Vitrine (prvi pregled), ispod popis */
  .js .mega--c .mg-c-lijevo { order: 1; }
  .js .mg-c-popis { margin: 10px 0 0; padding: 0; list-style: none; }
  .js .izbornik__popis .mg-c-stavka {
    display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 10px; min-height: 52px; padding: 0;
    border-bottom: 1px solid #dfe1d6; font-size: 15px; color: #16181a;
  }
  .js .mg-c-stavka b { font: 600 16px/1.25 var(--pismo); letter-spacing: -.01em; }
  .js .mg-c-br, .js .mg-c-stavka em { font: 500 11px/1.3 var(--pismo-mono); font-style: normal; letter-spacing: .08em; text-transform: uppercase; color: #647067; text-align: right; }
  .js .mg-c-br { color: #c23a0e; text-align: left; }
  .js .mega--kontakt .mg-c-popis > li:first-child { display: none; }   /* broj je u kartici i u dnu */
  .js .mega--kontakt .mg-c-br { display: none; }
  .js .mega--kontakt .mg-c-stavka { grid-template-columns: 1fr auto; }
  .js .izbornik__popis .mg-c-desno {
    display: block; margin: 0; padding: 20px; border-radius: 14px; color: #ecebe3; box-shadow: 0 24px 44px -26px rgb(22 24 26 / .7);
    background: #1b1f1e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='360' viewBox='0 0 720 360'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.05'%3E%3Cpath d='M-20 70C90 30 170 110 290 80S480 20 740 70'/%3E%3Cpath d='M-20 150C110 110 190 190 310 160S500 100 740 150'/%3E%3Cpath d='M-20 250C120 290 230 210 380 240S560 300 740 250'/%3E%3C/g%3E%3C/svg%3E") center / 720px auto;
  }
  .js .izbornik__popis .mg-c-pregled { display: none; }
  .js .izbornik__popis .mg-c-desno .mg-oznaka { display: block; font: 500 11px/1.4 var(--pismo-mono); letter-spacing: .1em; text-transform: uppercase; color: #a3aa9f; }
  .js .izbornik__popis .mg-c-dno { display: none; }
  /* O meni: portret, naslov, citat, iskustvo, gumb */
  .js .mega--omeni .mg-c-pregled[data-k="0"] { display: grid; grid-template-columns: 76px 1fr; gap: 14px 16px; align-items: center; }
  .js .mega--omeni .mg-c-pregled[data-k="0"] :is(.mg-c-vodic, .mg-c-natpis, .mg-c-red) { display: contents; }
  .js .mega--omeni .mg-c-natpis > p:not(.mg-c-naslov) { display: none; }
  .js .mega--omeni .mg-portret { grid-area: 1 / 1; width: 76px; }
  .js .mega--omeni .mg-portret img { display: block; width: 76px; height: 76px; border: 1.5px solid #ecebe3; border-radius: 50%; background: #e4e4de; box-shadow: 0 0 0 4px #1b1f1e, 0 0 0 5.5px #ff5a2a; }
  .js .mega--omeni .mg-c-naslov { grid-area: 1 / 2; margin: 0; font: 600 21px/1.15 var(--pismo); letter-spacing: -.02em; color: #fff; }
  .js .mega--omeni .mg-c-naslov em { color: #ff7a4f; }
  .js .mega--omeni .mg-citat { grid-column: 1 / -1; margin: 0; font: italic 500 19px/1.4 var(--pismo-naglasak); color: #ecebe3; text-align: left; }
  .js .mega--omeni .mg-c-red .mg-oznaka { grid-column: 1 / -1; }
  .js .izbornik__popis .mg-gumb {
    grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: 16px; min-height: 46px; padding: 0 18px;
    border-radius: 2px; background: #ff5a2a; color: #16181a !important; font: 600 15px/1 var(--pismo);
  }
  .js .izbornik__popis .mg-gumb span { font-size: 17px; }
  /* Kontakt: veliki broj i stanje radnog vremena, ispod e-mail s gumbom Kopiraj; oblačići razgovora s računala (.mg-ukras) se ne prikazuju */
  .js .izbornik__popis .mg-ukras { display: none; }
  .js .mega--kontakt .mg-c-pregled:is([data-k="0"], [data-k="1"]) { display: flex; flex-direction: column; align-items: flex-start; gap: 0; }
  .js .mega--kontakt .mg-c-pregled[data-k="1"] { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgb(255 255 255 / .1); }
  .js .mega--kontakt .mg-c-pregled[data-k="0"] .mg-c-natpis { order: -1; }
  .js .mega--kontakt .mg-c-pregled[data-k="1"] .mg-c-natpis,
  .js .mega--kontakt .mg-c-natpis > :not(.mg-c-naslov) { display: none; }
  .js .mega--kontakt .mg-c-naslov { margin: 0; font: 500 11px/1.4 var(--pismo-mono); letter-spacing: .1em; text-transform: uppercase; color: #a3aa9f; }
  .js .mega--kontakt .mg-c-veliko { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; min-height: 0; padding: 0; border: 0; }
  .js .izbornik__popis .mg-c-telefon { display: flex; align-items: center; min-height: 48px; padding: 0; font: 600 clamp(30px, 9vw, 44px)/1 var(--pismo); letter-spacing: -.03em; color: #fff; white-space: nowrap; }
  .js:lang(en) .izbornik__popis .mg-c-telefon:not(.mg-c-telefon--mail) { font-size: clamp(22px, 7.4vw, 44px); }   /* /en/: +385 95 904 9777 je dulji */
  .js .izbornik__popis .mg-c-telefon--mail { min-height: 44px; font-size: 16px; letter-spacing: 0; color: #ecebe3; }
  .js .izbornik__popis .mg-status { display: flex; flex-basis: 100%; align-items: center; gap: 8px; font: 400 14px/1.4 var(--pismo); color: #c9cdc4; }
  .js .izbornik__popis .mg-status i { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #8f978c; }
  .js .izbornik__popis .mg-status--da i { background: #3fbf73; }
  .js .izbornik__popis .mg-kopiraj {
    min-height: 44px; padding: 0 16px; border: 1px solid rgb(236 235 227 / .5); border-radius: 999px; background: none;
    color: #ecebe3; font: 500 13px/1 var(--pismo-mono); letter-spacing: .04em; opacity: 1; cursor: pointer;
  }

  /* ================================================================ dno: postojeće poveznice EN, Nazovite i Pošaljite upit */
  .js .izbornik.je-otvoren > :is(.izbornik__jezik, .izbornik__telefon, .gumb) {
    grid-row: 2; display: grid; place-items: center; min-width: 0; min-height: 52px; margin: 10px 0 calc(10px + env(safe-area-inset-bottom)); padding: 4px 10px;
    border-radius: 999px; text-align: center; text-decoration: none;
  }
  .js .izbornik.je-otvoren > .izbornik__jezik { grid-column: 2; border: 1px solid #cbcfc1; border-radius: 10px; font: 500 12px/1 var(--pismo-mono); letter-spacing: .1em; color: #4a4f55; }
  .js .izbornik.je-otvoren > .izbornik__telefon { grid-column: 3; grid-template-columns: auto auto; place-content: center; border: 1.5px solid #16181a; color: #16181a; }
  .js .izbornik__telefon .izbornik__zvono { display: none; grid-row: 1 / 3; width: 20px; height: 20px; margin-right: 8px; color: #c23a0e; }
  .js .izbornik__telefon :is(.izbornik__nazovite, .izbornik__broj) { grid-column: 2; }
  .js .izbornik__telefon .izbornik__nazovite { display: block; font: 600 15px/1.15 var(--pismo); }
  .js .izbornik__dvotocka { font-size: 0; }   /* ostaje u imenu poveznice („Nazovite: 095 904 9777”), bez razmaka */
  .js .izbornik__broj { font: 500 11px/1.3 var(--pismo-mono); color: #4a4f55; white-space: nowrap; }
  .js .izbornik.je-otvoren > .gumb { grid-column: 4; background: #ff4d17; color: #16181a; font: 600 15px/1.15 var(--pismo); }
}
@media (max-width: 1023.98px) and (min-width: 400px) {
  .js .izbornik__telefon .izbornik__zvono { display: block; }
}
@media (max-width: 374px) {
  .js .mega--omeni .mg-c-pregled[data-k="0"] { grid-template-columns: 64px 1fr; gap: 12px 14px; }
  .js .mega--omeni .mg-portret img { width: 64px; height: 64px; }
  .js .mega--omeni .mg-c-naslov { font-size: 19px; }
}
@media (max-width: 359px) {
  .js .izbornik__broj { display: none; }   /* uska pilula: samo „Nazovite”, broj je u Kontaktu */
}
@media (max-width: 439px) {
  .js:lang(en) .izbornik__broj { display: none; }   /* /en/: broj s pozivnim brojem ne stane u pilulu */
}
/* nizak ekran (položeni mobitel): niže glave i dno u jednom retku */
@media (max-width: 1023.98px) and (max-height: 500px) {
  .js .izbornik__glava { height: 52px; }
  .js .izbornik__tocka { top: 19px; }
  .js .izbornik__grana:not(:last-child)::before { top: 26px; bottom: -26px; }
  .js .izbornik__popis { --setac: 32px; }
  .js .izbornik__naziv em { display: none; }
  .js .izbornik.je-otvoren > :is(.izbornik__jezik, .izbornik__telefon, .gumb) { min-height: 44px; margin-block: 6px calc(6px + env(safe-area-inset-bottom)); }
  .js .izbornik__broj { display: none; }
  .js .mg-a-traka .mg-slika { aspect-ratio: 5 / 2; }
}

/* ---------------------------------------------------------------- pokret: samo bez smanjenog gibanja i bez „Zaustavi animacije” */
@media (max-width: 1023.98px) and (prefers-reduced-motion: no-preference) {
  .js:not(.bez-petlji) .zaglavlje .izbornik.je-otvoren { animation: izb-otvori .32s cubic-bezier(.2, .8, .2, 1); }
  .js:not(.bez-petlji) .izbornik.je-otvoren .izbornik__grana { animation: izb-ulaz .42s cubic-bezier(.2, .8, .2, 1) backwards; }
  .js:not(.bez-petlji) .izbornik.je-otvoren .izbornik__grana:nth-child(2) { animation-delay: 55ms; }
  .js:not(.bez-petlji) .izbornik.je-otvoren .izbornik__grana:nth-child(3) { animation-delay: 110ms; }
  .js:not(.bez-petlji) .izbornik.je-otvoren .izbornik__grana:nth-child(4) { animation-delay: 165ms; }
  .js:not(.bez-petlji) .izbornik.je-otvoren .izbornik__grana:nth-child(5) { animation-delay: 220ms; }
  .js:not(.bez-petlji) .izbornik.je-otvoren > :is(.izbornik__jezik, .izbornik__telefon, .gumb) { animation: izb-gore .4s cubic-bezier(.2, .8, .2, 1) .2s backwards; }
  .js:not(.bez-petlji) .je-razvijena > .mega .mg-in > * { animation: izb-gore .42s cubic-bezier(.2, .8, .2, 1) 40ms backwards; }
  .js:not(.bez-petlji) .je-razvijena > .mega .mg-in > * + * { animation-delay: 160ms; }
  .js:not(.bez-petlji) .je-razvijena .mg-a-postaje > li { animation: izb-desno .5s cubic-bezier(.2, .8, .2, 1) backwards; }
  .js:not(.bez-petlji) .je-razvijena .mg-a-postaje > li:nth-child(1) { animation-delay: 80ms; }
  .js:not(.bez-petlji) .je-razvijena .mg-a-postaje > li:nth-child(2) { animation-delay: 150ms; }
  .js:not(.bez-petlji) .je-razvijena .mg-a-postaje > li:nth-child(3) { animation-delay: 220ms; }
  .js:not(.bez-petlji) .je-razvijena .mg-a-postaje > li:nth-child(4) { animation-delay: 290ms; }
  .js:not(.bez-petlji) .je-razvijena :is(.mg-a-staza, .mg-a-uspon) { animation: izb-crtaj .9s cubic-bezier(.4, 0, .2, 1) 60ms backwards; }
  .js:not(.bez-petlji) .je-razvijena .mg-a-profil > a:nth-of-type(4) .mg-a-marker::after { animation: izb-pop .45s cubic-bezier(.3, 1.5, .5, 1) .8s backwards; transform-origin: 0 100%; }
  .js:not(.bez-petlji) .izbornik__popis::after { transition: top .55s cubic-bezier(.5, 0, .2, 1), opacity .2s; animation: izb-puls 1.8s ease-out infinite; }
  .js:not(.bez-petlji) .izbornik__popis .mg-a-setac { transition: left .5s cubic-bezier(.5, 0, .2, 1), top .5s cubic-bezier(.5, 0, .2, 1); animation: izb-puls 1.8s ease-out infinite; }
  .js:not(.bez-petlji) .izbornik__popis .mg-status--da i { animation: izb-zeleno 2s ease-out infinite; }
  .js:not(.bez-petlji) .izbornik__strelica { transition: rotate .25s, translate .25s, border-color .25s; }
  .js:not(.bez-petlji) .zaglavlje .zaglavlje__izbornik svg,
  .js:not(.bez-petlji) .zaglavlje .zaglavlje__izbornik::before,
  .js:not(.bez-petlji) .zaglavlje .zaglavlje__izbornik::after { transition: opacity .2s, rotate .3s cubic-bezier(.2, .8, .2, 1); }
  @keyframes izb-otvori { from { opacity: 0; clip-path: inset(0 0 100% 0); } to { opacity: 1; clip-path: inset(0); } }
  @keyframes izb-ulaz { from { opacity: 0; translate: -10px 0; } }
  @keyframes izb-gore { from { opacity: 0; translate: 0 12px; } }
  @keyframes izb-desno { from { opacity: 0; translate: 24px 0; } }
  @keyframes izb-crtaj { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
  @keyframes izb-pop { from { scale: 0; } }
  @keyframes izb-puls { from { box-shadow: 0 0 0 5px rgb(239 84 40 / .2), 0 0 0 2px rgb(239 84 40 / .6); } to { box-shadow: 0 0 0 5px rgb(239 84 40 / .2), 0 0 0 14px rgb(239 84 40 / 0); } }
  @keyframes izb-zeleno { from { box-shadow: 0 0 0 0 rgb(63 191 115 / .55); } to { box-shadow: 0 0 0 9px rgb(63 191 115 / 0); } }
}