/* =====================================================================================
   v7_141 – SVĚTLÁ PRÉMIOVÁ VRSTVA (jen stránka /reference-vyskovych-praci/)
   Načítá se až po reference.css. Mění jen barvy, plochy, stíny, ikony a drobné detaily;
   polohy, rozměry ani rozložení prvků se nemění.

   Zásady:
   - Světlo a vzduch: měkká slonová kost a čistá bílá se střídají po kapitolách (bez tvrdých kontrastů).
   - Fotky beze změny, v plné síle.
   - Zlato jako šperk: tenké linky, drobné akcenty a jediné hlavní tlačítko s velmi jemným přechodem.
   - Ikony světlé: bílý medailon s tenkým zlatým prstenem.
   - Hloubka jen jemnými vrstvenými stíny. Tmavý je jen rám: hlavička a závěr s patičkou.
   ===================================================================================== */

:root{
  --plocha:#F7F5F0;--plocha-2:#F1EEE8;--karta:#FFFFFF;--linka:#EAE6DE;
  --text:#1C1A17;--text-2:#48443D;--text-3:#6A655C;

  --zlata:#F0B83A;--zlata-hover:#E4AA2C;--zlata-svetla:#FBF3DF;--zlata-text:#8F6510;--zlata-linka:#B98A22;
  --zlato-vlas:rgba(185,138,34,.38);
  --zlato-tl:linear-gradient(180deg,#FFD35A 0%,#FFC72C 55%,#F6BA1C 100%);
  --zlato-tl-hover:linear-gradient(180deg,#FFCB45 0%,#F8BD1E 55%,#EDAE12 100%);
  --zlato-hvezdy:linear-gradient(180deg,#FFD35A 0%,#F7B81E 100%);

  --prsten:0 0 0 1px rgba(28,26,23,.06);
  --stin-1:0 1px 2px rgba(28,26,23,.04),0 4px 10px -4px rgba(28,26,23,.06),0 16px 32px -20px rgba(28,26,23,.16);
  --stin-2:0 1px 2px rgba(28,26,23,.05),0 10px 24px -10px rgba(28,26,23,.12),0 30px 56px -30px rgba(28,26,23,.26);
}
html,body{background:var(--plocha)}

/* ---------- rytmus kapitol: bílá / slonová kost (jemně, bez tvrdých pruhů) ---------- */
/* v7_142: kapitoly do sebe plynule přecházejí (žádné ostré hrany) */
.obory-uvod{background:#FFFFFF!important}
.predel--duvody,.recenze,#obor-stavby,.sluzby{background:linear-gradient(180deg,var(--plocha) 0,#FFFFFF 140px)!important}
#obor-energetika,#obor-prumysl,#obor-provoz,.dalsi,.zasady{background:linear-gradient(180deg,#FFFFFF 0,var(--plocha) 140px)!important}
.predel--vyzva{background:var(--plocha)!important}
.hero{background:radial-gradient(900px 480px at 85% 0%,rgba(240,184,58,.07),transparent 65%),linear-gradient(180deg,var(--plocha) 0%,#FFFFFF 100%)!important}

/* ---------- hlavička: tmavý rám webu, jemná zlatá vlasová linka ---------- */
.hl{border-bottom:0;box-shadow:0 1px 0 rgba(255,255,255,.04)}
.hl::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 10%,rgba(240,184,58,.45) 50%,transparent 90%)}

/* ---------- tlačítka ---------- */
.tl--zl,.mobil-lista__cta{background:var(--zlato-tl)!important;color:#1C1606!important;border:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 2px rgba(120,80,10,.18),0 6px 16px -10px rgba(160,110,20,.45)}
.tl--zl:hover{background:var(--zlato-tl-hover)!important;transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 4px rgba(120,80,10,.16),0 12px 22px -12px rgba(160,110,20,.5)}
.tl--zl:active{transform:none;box-shadow:inset 0 1px 3px rgba(120,80,10,.25)}
.tl--obrys{border:0!important;background:#FFFFFF;color:var(--text);box-shadow:inset 0 0 0 1px rgba(28,26,23,.18),var(--stin-1)}
.tl--obrys:hover{background:#FFFFFF;color:var(--text);box-shadow:inset 0 0 0 1px var(--zlata-linka),var(--stin-2)}

/* ---------- ÚVOD ---------- */
h1 .h1__stitek{color:var(--zlata-text)}
.hero__jistota svg{color:var(--zlata-linka)!important}
.hero__foto img{box-shadow:0 0 0 1px rgba(28,26,23,.06),0 2px 4px rgba(28,26,23,.05),0 34px 70px -34px rgba(28,26,23,.40)!important}

/* pruh důvěry: bílý panel s vlasovými předěly, u každého čísla drobná zlatá značka */
.stats{background:#EFEBE4!important;box-shadow:var(--prsten),var(--stin-1)!important}
.stats .stat{position:relative;background:#FFFFFF!important}
.stat--hodnoceni:hover{background:#FDFBF6!important}
.stat--hodnoceni .hvezda,.recenze__zdroj span{color:#E3A82C}

/* ---------- filtr situací ---------- */
.filtr__b{background:#FFFFFF;box-shadow:inset 0 0 0 1px rgba(28,26,23,.09),0 1px 2px rgba(28,26,23,.04)}
.filtr__b:hover{box-shadow:inset 0 0 0 1px var(--zlata-linka),var(--stin-1)}
.filtr__b[aria-pressed="true"],.filtr__b--vse[aria-pressed="true"]{background:var(--text);color:#fff;box-shadow:0 6px 14px -8px rgba(28,26,23,.5)}

/* ---------- IKONY: bílý medailon, tenký zlatý prsten ---------- */
.skup__ik,.duvody svg,.sluzby__seznam svg{background:radial-gradient(circle at 50% 30%,#FFFFFF 0%,#FBF6EA 100%)!important;color:var(--zlata-text)!important;
  box-shadow:inset 0 0 0 1px var(--zlato-vlas),0 1px 2px rgba(28,26,23,.05),0 8px 18px -12px rgba(28,26,23,.22)!important;border-radius:50%}
.hero__jistota svg,.vyzva__jistota svg{background:none!important;box-shadow:none!important}
.znak{background:#FFFFFF!important;color:var(--zlata-text)!important;box-shadow:inset 0 0 0 1px var(--zlato-vlas)}
.znak--vysledek{background:var(--zlato-tl)!important;color:#1C1606!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}
.cast--postup li::before{box-shadow:inset 0 0 0 1px var(--zlata-linka);color:var(--zlata-text)}

/* ---------- KARTY ZAKÁZEK ---------- */
body .skup__seznam .rf.rf .rf__tl{background:#FFFFFF;box-shadow:var(--prsten),var(--stin-1)}
body .skup__seznam .rf.rf .rf__tl:hover{box-shadow:0 0 0 1px var(--zlato-vlas),var(--stin-2)}
body .skup__seznam .rf.k-4 .rf__tl,body .skup__seznam .rf.k-6 .rf__tl{box-shadow:var(--prsten),var(--stin-2)}
.rf__prace{color:var(--text-3)}

/* situace na kartách: jednotně, zlatohnědě, s jemnou tečkou */
@media (min-width:641px){
  body .skup__seznam .rf.rf .rf__stitky{color:var(--zlata-text);font-weight:600}
  body .skup__seznam .rf.rf .rf__stitky span+span::before{color:var(--zlato-vlas)}
}
@media (max-width:640px){
  body .skup__seznam .rf.k-4 .rf__stitky{color:var(--zlata-text);font-weight:600}
  body .skup__seznam .rf.k-4 .rf__stitky span+span::before{color:var(--zlato-vlas)}
}

/* počet fotek: světlé matné sklo */
body .skup__seznam .rf.rf .rf__pocet,.rf__pocet{background:rgba(255,255,255,.88)!important;color:var(--text)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px -2px rgba(28,26,23,.25)!important}

/* klíčové číslo velké karty: zlatá vlasová linka nad ním */
@media (min-width:1061px){
  body .skup__seznam .rf.k-4 .rf__fakt,body .skup__seznam .rf.k-6 .rf__fakt{border-top:1px solid transparent;
    border-image:linear-gradient(90deg,var(--zlato-vlas),rgba(185,138,34,0) 80%) 1}
}

/* šipka: všude stejná – bílé kolečko s vlasovým prstenem; při najetí grafit */
@media (min-width:641px){
  body .skup__seznam .rf.rf .rf__ovl{background:#FFFFFF!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px rgba(28,26,23,.16)!important}
  body .skup__seznam .rf.rf .rf__tl:hover .rf__ovl{background:var(--text)!important;color:#fff!important;box-shadow:none!important}
}
@media (max-width:640px){
  body .skup__seznam .rf.k-4 .rf__ovl{background:#FFFFFF!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px rgba(28,26,23,.16)!important}
}

/* ---------- PROČ NÁS VOLAJÍ ---------- */
.predel__foto img{box-shadow:var(--prsten),var(--stin-2)!important}
.duvody li{background:#FFFFFF!important;box-shadow:var(--prsten),var(--stin-1)!important}
.predel--duvody .duvody li{background:var(--plocha)!important;box-shadow:inset 0 0 0 1px rgba(28,26,23,.05)!important}

/* ---------- RECENZE ---------- */
.okamzik{box-shadow:var(--prsten),var(--stin-1)}
.recenze__k{background:#FFFFFF!important;box-shadow:var(--prsten),var(--stin-2)!important}
.recenze__hv{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;color:#E3A82C!important}
.recenze__k::before{color:var(--zlata-linka)!important;opacity:.22!important}
.recenze__k figcaption{border-top-color:var(--linka)!important}
@media (max-width:640px){
  html.js .recenze__k:not(.je-aktivni){background:var(--plocha)!important;box-shadow:inset 0 0 0 1px rgba(28,26,23,.05)!important}
}

/* ---------- PŘEDĚL S VÝZVOU (počítač) ---------- */
.predel--vyzva .predel__w2{background:#FFFFFF!important;box-shadow:var(--prsten),var(--stin-2)!important;
  border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(240,184,58,.8),transparent) 1}

/* ---------- SLUŽBY, ZÁSADY ---------- */
.sluzby__seznam li{background:var(--plocha)!important;box-shadow:inset 0 0 0 1px rgba(28,26,23,.05)!important;transition:box-shadow .25s,background .25s}
.sluzby__seznam li:hover{background:#FFFFFF!important;box-shadow:0 0 0 1px var(--zlato-vlas),var(--stin-1)!important}
.sluzby__vse a{text-decoration-color:var(--zlata-linka)}
.zasady__kdo{background:#FFFFFF!important;box-shadow:var(--prsten),var(--stin-2)!important}
.zasady__kontakt a{text-decoration-color:var(--zlato-vlas)!important}

/* ---------- ZÁVĚR: jediná tmavá plocha, čistá, bez efektů ---------- */
.vyzva,.pata{background:linear-gradient(180deg,#201D19 0%,#171512 100%)!important}
.pata{background:#171512!important}
.kroky li{background:rgba(255,255,255,.045)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.kroky li::before{box-shadow:inset 0 0 0 1.5px #E9B545!important;color:#F1C45C!important}
.vyzva .nadtitul{color:#F1C45C}
.pata__w{background:linear-gradient(90deg,transparent,rgba(240,184,58,.30),transparent) no-repeat 32px 0/calc(100% - 64px) 1px!important}
@media (max-width:640px){.pata__w{background-position:18px 0!important;background-size:calc(100% - 36px) 1px!important}}

/* ---------- LIŠTA OBORŮ ---------- */
.obory{background:rgba(255,255,255,.90);border-bottom:0;box-shadow:0 1px 0 rgba(28,26,23,.06),0 10px 24px -18px rgba(28,26,23,.3)}
.obory a .ob-ik{color:var(--zlata-text)}
.obory a:hover{border-color:var(--zlato-vlas)}
.obory a[aria-current="true"] .ob-ik{color:#F1C45C}

/* ---------- MOBIL: spodní lišta ---------- */
@media (max-width:640px){
  .mobil-lista{background:rgba(255,255,255,.94)!important;border-top:0!important;box-shadow:0 -1px 0 rgba(28,26,23,.07),0 -10px 24px -16px rgba(28,26,23,.3)!important}
  .mobil-lista__tel{border:0!important;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,26,23,.2)}
}
.nahoru{background:#FFFFFF;color:var(--text);box-shadow:var(--prsten),var(--stin-2)}

/* ---------- DETAIL ZAKÁZKY ---------- */
.rf-clona{background:rgba(28,26,23,.55)}
.rf__okno-hl{background:rgba(255,255,255,.95);border-bottom-color:var(--linka)}
.rf__okno-obor{color:var(--zlata-text)}
.rf__x{background:var(--plocha-2)}
.rf__pred,.rf__dal{border:0!important;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,26,23,.16)}
.rf__pred:hover,.rf__dal:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--zlata-linka)}
.rf__cislo{background:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(28,26,23,.07);position:relative}
.cast--vysledek{background:linear-gradient(180deg,#FFFBF1 0%,#FBF1D8 100%)!important;box-shadow:inset 0 0 0 1px rgba(185,138,34,.22)}
.rf__fakta,.cast--jisteni{background:var(--plocha)!important}
.rf__fakta li::before{background:var(--zlata-linka)}
.gal__body i.je-aktivni{background:#F6C24D}
.rf__dalsi,.rf__zavrit,.rf__trvaly{border:0!important;background:#fff;box-shadow:inset 0 0 0 1px rgba(28,26,23,.16)}
.rf__dalsi:hover,.rf__zavrit:hover,.rf__trvaly:hover{box-shadow:inset 0 0 0 1px var(--zlata-linka);color:var(--text)}
@media (max-width:640px){.hero__foto img{box-shadow:none!important}}


/* =====================================================================================
   v7_142 – drobné detaily k dokonalosti (body 1–13)
   ===================================================================================== */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 1) hvězdy kreslené, se zlatým přechodem (místo znaků písma) */
.stat--hodnoceni .hvezda,.recenze__zdroj>span,.recenze__hv{
  display:inline-block;overflow:hidden;white-space:nowrap;color:transparent!important;-webkit-text-fill-color:transparent;letter-spacing:0!important;
  width:5.5em;height:1em;line-height:1em;background:var(--zlato-hvezdy)!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath d='M10 .9l2.7 5.8 6.3.7-4.7 4.3 1.3 6.2L10 14.8 4.4 17.9l1.3-6.2L1 7.4l6.3-.7z'/%3E%3C/svg%3E") 0 0/1.1em 1em repeat-x;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 20'%3E%3Cpath d='M10 .9l2.7 5.8 6.3.7-4.7 4.3 1.3 6.2L10 14.8 4.4 17.9l1.3-6.2L1 7.4l6.3-.7z'/%3E%3C/svg%3E") 0 0/1.1em 1em repeat-x}
.stat--hodnoceni .hvezda{font-size:.62em;vertical-align:.12em;margin-left:.15em!important}
.recenze__zdroj>span{font-size:14px;vertical-align:-.12em;margin-right:8px!important}
.recenze__hv{font-size:17px!important;border-radius:0!important}
@media (max-width:640px){.recenze__hv{font-size:16px!important}}
/* šipky v odkazech kreslené */
.sipka{display:inline-block;width:1em;height:1em;margin-left:.35em;vertical-align:-.14em;transition:transform .2s}
a:hover>.sipka,a:hover .sipka{transform:translateX(3px)}
/* IRATA | FISAT: tenká zlatá svislice místo tečky */
.stats .stat b .vh{margin:0!important;display:inline!important}
.stats .stat b .stat__odd,.stat__odd{display:inline-block!important;font-size:inherit!important;line-height:1!important;width:2px;height:.74em;margin:0 .32em!important;vertical-align:0;border-radius:1px;background:linear-gradient(180deg,#FFD35A,#E0A41A)}

/* 2) místo „…“ se konec posledního řádku jemně rozplyne (třídu přidává reference-premium.js) */
@media (min-width:1061px){
  body .skup__seznam .rf.k-4 .rf__uvod,body .skup__seznam .rf.k-6 .rf__uvod{display:block!important;-webkit-line-clamp:unset!important;max-height:calc(3 * 1.55em);overflow:hidden}
}
@media (min-width:641px) and (max-width:1060px){
  body .skup__seznam .rf.t-2 .rf__uvod{display:block!important;-webkit-line-clamp:unset!important;max-height:calc(3 * 1.5em);overflow:hidden}
}
@media (max-width:640px){
  body .skup__seznam .rf:not(.k-4) .rf__nahled{display:block!important;-webkit-line-clamp:unset!important;max-height:calc(2 * 1.45em);overflow:hidden}
  .rf__foto figcaption{text-overflow:clip!important}
}
html body .je-oriznuto{
  -webkit-mask:linear-gradient(#000,#000) 0 0/100% calc(100% - 1.5em) no-repeat,linear-gradient(90deg,#000 45%,transparent 95%) 0 100%/100% 1.5em no-repeat!important;
          mask:linear-gradient(#000,#000) 0 0/100% calc(100% - 1.5em) no-repeat,linear-gradient(90deg,#000 45%,transparent 95%) 0 100%/100% 1.5em no-repeat!important}
html body .rf__foto figcaption.je-oriznuto{-webkit-mask:linear-gradient(90deg,#000 80%,transparent)!important;mask:linear-gradient(90deg,#000 80%,transparent)!important}

/* 3) štítek ilustrační fotky: ikona fotoaparátu, bez verzálek, na mobilu krátce „Ilustrace“ */
.rf__ilustr-blok .rf__ilustr,.rf__ilustr{display:inline-flex!important;align-items:center;gap:6px;text-transform:none!important;letter-spacing:0!important;
  font:600 12.5px/1 var(--f-i)!important;padding:6px 10px 6px 8px!important;border-radius:999px!important;
  background:rgba(255,255,255,.90)!important;color:var(--text)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px -2px rgba(28,26,23,.3)}
.rf__ilustr::before{content:"";flex:none;width:14px;height:14px;background:var(--zlata-text);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-3h6l2 3h3v11H4z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:640px){
  .rf:not(.k-4) .rf__ilustr-blok .rf__ilustr{font-size:0!important;gap:4px;padding:4px 7px 4px 5px!important;white-space:nowrap}
  .rf:not(.k-4) .rf__ilustr-blok .rf__ilustr::before{width:12px;height:12px}
  .rf:not(.k-4) .rf__ilustr-blok .rf__ilustr::after{content:"Ilustrace";font:600 11px/1 var(--f-i)}
}

/* 5) fotky: rozmazaný náhled v barvách fotky, pak plynulé zaostření (náhled je v atributu style obrázku) */
@media (prefers-reduced-motion:no-preference){
  .js img.ceka{opacity:1!important}
}
.rf__obr,.okamzik,.hero__foto,.predel__foto,.rf__foto{isolation:isolate}

/* 6) počet fotek: ikona + číslo */
body .skup__seznam .rf.rf .rf__pocet,.rf__pocet{display:inline-flex!important;align-items:center;gap:5px;font:600 12.5px/1 var(--f-i)!important;padding:5px 9px 5px 7px!important;border-radius:999px!important}
.rf__pocet-ik{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:640px){.rf:not(.k-4) .rf__pocet{padding:3px 7px 3px 5px!important;font-size:11.5px!important}.rf:not(.k-4) .rf__pocet-ik{width:12px;height:12px}}

/* 7) uvozovka v recenzích: jemná kreslená */
.recenze__k::before{content:""!important;width:26px;height:20px;top:22px!important;right:22px!important;opacity:.22!important;background:var(--zlata-linka);font-size:0!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 22'%3E%3Cpath d='M2 21v-7.2C2 7.6 5 3.6 10.6 1.5l1.2 2.4C8.6 5.4 7.1 8 6.9 11.2H11V21zm15 0v-7.2c0-6.2 3-10.2 8.6-12.3l1.2 2.4c-3.2 1.5-4.7 4.1-4.9 7.3H26V21z'/%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 28 22'%3E%3Cpath d='M2 21v-7.2C2 7.6 5 3.6 10.6 1.5l1.2 2.4C8.6 5.4 7.1 8 6.9 11.2H11V21zm15 0v-7.2c0-6.2 3-10.2 8.6-12.3l1.2 2.4c-3.2 1.5-4.7 4.1-4.9 7.3H26V21z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 8) bez textových nápověd „Posuňte prstem…“ – posun naznačí vykukující další karta */
.posun-napoveda{display:none!important}

/* 9) galerie: tenké čárky místo teček na tmavé pilulce */
.gal__body{background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;gap:5px!important;padding:0 0 14px!important;align-self:flex-end;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}
.gal__body i{width:14px!important;height:3px!important;border-radius:2px!important;background:rgba(255,255,255,.6)!important;transform:none!important;transition:width .3s ease,background .3s ease!important}
.gal__body i.je-aktivni{width:26px!important;background:#fff!important}
.gal__tl{box-shadow:0 4px 14px -4px rgba(0,0,0,.4)!important}

/* 10) dotyk: jemné „zmáčknutí“ na telefonu */
@media (hover:none){
  .rf__tl,.tl,.filtr__b,.mobil-lista a,.rf__pred,.rf__dal,.rf__x,.gal__tl,.sluzby__seznam li,.obory a{transition:transform .12s ease,box-shadow .2s ease,background .2s ease!important;-webkit-tap-highlight-color:transparent}
  .rf__tl:active{transform:scale(.985)!important}
  .tl:active,.filtr__b:active,.mobil-lista a:active,.rf__pred:active,.rf__dal:active,.rf__x:active,.gal__tl:active,.obory a:active{transform:scale(.96)!important}
}

/* 13) detail (počítač): klíčové číslo a fakta jako jeden panel, jištění bez boxu */
@media (min-width:981px){
  .rf__bok .rf__cislo{border-radius:var(--r-l) var(--r-l) 0 0!important;box-shadow:none!important;background:var(--plocha)!important;padding-bottom:16px;margin-bottom:-14px!important;position:relative}
  .rf__bok .rf__cislo::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,var(--zlato-vlas),rgba(185,138,34,0))}
  .rf__bok .rf__fakta{border-radius:0 0 var(--r-l) var(--r-l)!important;padding-top:16px}
  .rf__bok .cast--jisteni{background:none!important;box-shadow:none!important;padding:16px 4px 0!important;border-radius:0!important;border-top:1px solid var(--linka)!important}
}

/* =====================================================================================
   v7_144 – nové ikony a osm oprav
   ===================================================================================== */

/* IKONY: vlastní sada „duotone“ – linka + jemná výplň. Kapitoly: zlatá dlaždice; ostatní: světlá dlaždice se zlatou výplní */
.ikd .d{fill:currentColor;fill-opacity:.16;stroke:none}
.skup__ik{width:64px!important;height:64px!important;padding:15px!important;border-radius:18px!important;
  background:var(--zlato-tl)!important;color:#2A2008!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(140,95,10,.22),0 1px 2px rgba(120,80,10,.18),0 12px 24px -14px rgba(200,140,20,.65)!important}
.skup__ik .d{fill:#2A2008;fill-opacity:.14}
@media (max-width:640px){.skup__ik{width:48px!important;height:48px!important;padding:11px!important;border-radius:14px!important}}
.duvody svg,.sluzby__seznam svg,.znak{border-radius:14px!important;
  background:linear-gradient(180deg,#FFFDF7 0%,#FBF1D8 100%)!important;color:var(--zlata-text)!important;
  box-shadow:inset 0 0 0 1px rgba(185,138,34,.28),inset 0 1px 0 #fff,0 6px 14px -10px rgba(160,110,20,.45)!important}
.duvody svg,.sluzby__seznam svg{width:48px!important;height:48px!important;padding:11px!important}
@media (max-width:640px){.duvody svg{width:42px!important;height:42px!important;padding:9px!important;border-radius:12px!important}}
.duvody svg .d,.sluzby__seznam svg .d,.znak .d,.obory .ob-ik .d{fill:#F0B83A;fill-opacity:.38}
.znak{border-radius:10px!important}
.znak--vysledek{background:var(--zlato-tl)!important;color:#2A2008!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 12px -8px rgba(200,140,20,.7)!important}
.obory .ob-ik{color:var(--zlata-text)}

/* 1) tlačítko „Zavolat“ na tmavém závěru: průhledné se světlým prstenem */
.vyzva .tl--obrys{background:rgba(255,255,255,.04)!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.42)!important}
.vyzva .tl--obrys:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px #FFC72C!important}
.vyzva .tl--obrys:focus-visible{outline-color:#FFC72C}

/* 3) aktivní stav: krémový podklad se zlatým prstenem (filtr i lišta oborů) */
.filtr__b[aria-pressed="true"],.filtr__b--vse[aria-pressed="true"]{background:linear-gradient(180deg,#FFFAEC 0%,#FBEFCF 100%)!important;color:var(--text)!important;
  box-shadow:inset 0 0 0 1px rgba(185,138,34,.50),0 4px 12px -8px rgba(160,110,20,.45)!important}
.obory a[aria-current="true"]{background:linear-gradient(180deg,#FFFAEC 0%,#FBEFCF 100%)!important;color:var(--text)!important;border-color:transparent!important;
  box-shadow:inset 0 0 0 1px rgba(185,138,34,.50)!important}
.obory a[aria-current="true"] .ob-ik{color:var(--zlata-text)!important}
.rf__stitky span.je-shoda{background:#FBEFCF!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px rgba(185,138,34,.45)}

/* 4) galerie: jemný tmavý přechod pod čárkami, aby byly vidět i na světlé fotce */
.gal__ovl{isolation:isolate}
.gal__ovl::before{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:-1;pointer-events:none;
  border-radius:0 0 var(--r-l) var(--r-l);background:linear-gradient(to top,rgba(14,12,10,.42),rgba(14,12,10,0))}
@media (max-width:640px){.gal__ovl::before{border-radius:0 0 var(--r-m,12px) var(--r-m,12px)}}

/* 5) menu: jemné tečky místo svislých čar */
.hl__odd{display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.30);font-size:0;vertical-align:middle;color:transparent}

/* 6) mobil: spodní lišta se ukáže až po odjetí z úvodu (třídu přidává reference-premium.js) */
@media (max-width:640px){
  html.ml-uvod .mobil-lista{transform:translateY(110%)!important}
  .mobil-lista{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
}

/* 7) zlatá linka pod hlavičkou: vědomý detail */
.hl::after{background:linear-gradient(90deg,transparent 0%,rgba(255,199,44,0) 6%,rgba(255,199,44,.70) 50%,rgba(255,199,44,0) 94%,transparent 100%)!important}

/* 8) patička: reakce odkazů */
.pata a{text-decoration:none;transition:color .2s ease}
.pata a:hover{color:#FFC72C;text-decoration:underline;text-decoration-color:rgba(255,199,44,.5);text-underline-offset:3px}
.ikd{stroke-width:1.45!important}
.skup__ik{padding:13px!important}
@media (max-width:640px){.skup__ik{padding:10px!important}}
.duvody svg,.sluzby__seznam svg{padding:10px!important}
.znak .ikd{stroke-width:1.7!important}

/* =====================================================================================
   v7_145 – písmo, ztišení karet, úvod, UX
   ===================================================================================== */

/* písmo uložené přímo na webu (rychlejší, bez přeskakování, bez Googlu) */
@font-face{font-family:'Inter Tight';src:url(fonts/inter-tight-var.woff2) format('woff2');font-weight:500 800;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url(fonts/inter-var.woff2) format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--f-o:'Inter Tight','Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--f-a:var(--f-o);--f-i:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
h1,.h2,.skup__h,.recenze__hl .h2{letter-spacing:-.012em}
.rf__klient,.duvody b,.sluzby__seznam b,.kroky b,.cast__h,.rf__okno-h,.rf__okno-hl h2,.rf__okno-hl h3{letter-spacing:-.004em}
.stat b,.rf__fakt b,.rf__cislo b{letter-spacing:-.01em;font-variant-numeric:tabular-nums}
h1{font-weight:700}
.h2,.skup__h{font-weight:700}

/* ztišení vedlejších textů v kartách: z dálky vynikne název, fotka a číslo */
body .skup__seznam .rf .rf__uvod{color:var(--text-3)!important}
body .skup__seznam .rf:not(.k-4):not(.k-6) .rf__nahled{color:var(--text-2)!important}
body .skup__seznam .rf .rf__fakt span,body .skup__seznam .rf .rf__fakt small{color:var(--text-3)!important}
body .skup__seznam .rf .rf__prace{color:#7A756C!important}

/* ztlumené dlaždice oborů: krémová se zlatou ikonou (stejná rodina jako ostatní ikony) */
.skup__ik{background:linear-gradient(180deg,#FFFDF7 0%,#FBEFCF 100%)!important;color:var(--zlata-text)!important;
  box-shadow:inset 0 0 0 1px rgba(185,138,34,.38),inset 0 1px 0 #fff,0 10px 22px -14px rgba(160,110,20,.55)!important}
.skup__ik .d{fill:#F0B83A;fill-opacity:.42}

/* ÚVOD na počítači: fotka přes celou pravou polovinu až k okraji, do textu se rozplyne */
@media (min-width:1061px){
  .hero{position:relative;overflow:hidden}
  .hero__w{position:relative;z-index:1}
  .hero::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 40px);right:0;z-index:0;pointer-events:none;
    background:url("../img/vyskove-prace-lezci-ve-visu-uvnitr-cihloveho-komina-uvod-reference.webp?v=5") 49% 50%/cover no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 240px),linear-gradient(180deg,#000 70%,transparent 100%);
    -webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 240px),linear-gradient(180deg,#000 70%,transparent 100%);mask-composite:intersect}
  .hero__foto{visibility:hidden}
  .hero .stats{position:relative;z-index:1;background:#EFEBE4!important;box-shadow:var(--prsten),0 24px 50px -24px rgba(28,26,23,.45)!important}
}

/* mobil: malé karty dostanou nenápadnou šipku, aby bylo jasné, že se dají otevřít */
@media (max-width:640px){
  body .skup__seznam .rf:not(.k-4) .rf__tl{position:relative}
  body .skup__seznam .rf:not(.k-4) .rf__ovl{display:flex!important;position:absolute;right:10px;bottom:10px;margin:0!important;padding:0!important;
    width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;font-size:0!important;
    background:#fff!important;color:var(--text)!important;box-shadow:inset 0 0 0 1px rgba(28,26,23,.16)!important}
  body .skup__seznam .rf:not(.k-4) .rf__ovl svg{width:14px;height:14px}
  body .skup__seznam .rf:not(.k-4) .rf__fakt{padding-right:36px}
}

/* filtr: nadpisky skupin a počet zakázek u každé volby */
.filtr__nad{flex:none;align-self:center;margin:0 4px 10px 0;font:600 11.5px/1 var(--f-i);letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
@media (max-width:899px){.filtr__nad{margin-bottom:0}.filtr__nad+.filtr__b{margin-left:0}}
@media (max-width:640px){.filtr__nad{display:none}}
.filtr__b[data-pocet]::after{content:attr(data-pocet);display:inline-block;margin-left:8px;padding:3px 7px;border-radius:999px;
  font:600 12px/1 var(--f-i);color:var(--zlata-text);background:rgba(240,184,58,.16);vertical-align:1px}

/* zrušení filtru v liště: štítek s kreslenou ikonou */
.obory__filtr{display:inline-flex!important;align-items:center;gap:8px;min-height:36px;padding:0 12px 0 14px!important;border-radius:999px!important}
.obory__filtr[hidden]{display:none!important}
.obory__filtr::after{content:"";flex:none;width:14px;height:14px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center/contain no-repeat}

/* recenze → zakázka */
.recenze__zak{display:inline-flex;align-items:center;margin-top:10px;font:600 13.5px/1.2 var(--f-i);color:var(--zlata-text);text-decoration:none}
.recenze__zak:hover{text-decoration:underline;text-underline-offset:3px}

/* detail: zlatá linka čtení v hlavičce okna */
.rf__cteni{position:absolute;left:0;right:0;bottom:-1px;height:2px;z-index:2;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,#F6BA1C,#FFD35A)}
/* hlavička okna detailu: plně neprůhledná, obsah pod ní neprosvítá */
.rf__okno-hl{background:#FFFFFF!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* v7_146 – filtr na počítači a tabletu: dva řádky, každý se posouvá do strany (nezalamuje se) */
@media (min-width:641px){
  .filtr{display:flex!important;flex-direction:column;flex-wrap:nowrap!important;gap:10px!important;row-gap:10px!important}
  .filtr__rada{position:relative;display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:none;scroll-padding-left:100px;scrollbar-width:none;-ms-overflow-style:none;padding:3px 3px 5px;margin:-3px -3px -5px}
  .filtr__rada::-webkit-scrollbar{display:none}
  .filtr__rada .filtr__b{flex:none;margin:0!important;scroll-snap-align:none}
  .filtr__rada .filtr__nad{position:sticky;left:-3px;z-index:1;flex:none;min-width:92px;margin:0!important;align-self:stretch;display:flex;align-items:center;
    padding-left:3px;padding-right:18px;background:linear-gradient(90deg,#fff 78%,rgba(255,255,255,0))}
  .filtr__rada.preteka:not(.na-konci){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}
  .filtr__zlom{display:none!important}
}
@media (max-width:640px){.filtr__rada{display:contents}}

/* =====================================================================================
   v7_147 – hlavní reference oboru + ikony nahrazené fotkami a číslicemi
   ===================================================================================== */

/* HLAVNÍ REFERENCE OBORU (velká karta): tmavá „vitrína“ se zlatým lemem a štítkem.
   Krátké texty světlé na tmavém = dobře čitelné i na slunci. */
body .skup__seznam .rf.k-4 .rf__tl,body .skup__seznam .rf.k-6 .rf__tl{
  background:radial-gradient(520px 300px at 100% 0%,rgba(240,184,58,.10),transparent 65%),linear-gradient(160deg,#26221D 0%,#16140F 100%)!important;
  box-shadow:0 0 0 1px rgba(240,184,58,.38),0 1px 0 rgba(255,255,255,.06) inset,0 34px 70px -34px rgba(28,26,23,.75)!important}
body .skup__seznam .rf.k-4 .rf__tl:hover,body .skup__seznam .rf.k-6 .rf__tl:hover{
  box-shadow:0 0 0 1px rgba(255,199,44,.75),0 40px 80px -34px rgba(28,26,23,.8)!important}
body .skup__seznam .rf.k-4 .rf__klient,body .skup__seznam .rf.k-6 .rf__klient{color:#FFFFFF!important}
body .skup__seznam .rf.k-4 .rf__prace,body .skup__seznam .rf.k-6 .rf__prace{color:#CFC6B8!important}
body .skup__seznam .rf.k-4 .rf__uvod,body .skup__seznam .rf.k-6 .rf__uvod{color:#B9B0A2!important}
body .skup__seznam .rf.k-4 .rf__nahled,body .skup__seznam .rf.k-6 .rf__nahled{color:#F3EEE6!important}
body .skup__seznam .rf.k-4 .rf__stitky,body .skup__seznam .rf.k-6 .rf__stitky{color:#F4C95D!important}
body .skup__seznam .rf.k-4 .rf__stitky span+span::before,body .skup__seznam .rf.k-6 .rf__stitky span+span::before{color:rgba(244,201,93,.5)!important}
body .skup__seznam .rf.k-4 .rf__fakt b,body .skup__seznam .rf.k-6 .rf__fakt b{background:linear-gradient(180deg,#FFE7A0 0%,#F5BD2E 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
body .skup__seznam .rf.k-4 .rf__fakt span,body .skup__seznam .rf.k-6 .rf__fakt span{color:#B3AA9C!important}
body .skup__seznam .rf.k-4 .rf__fakt,body .skup__seznam .rf.k-6 .rf__fakt{border-image:linear-gradient(90deg,rgba(244,201,93,.55),rgba(244,201,93,0) 80%) 1!important}
body .skup__seznam .rf.k-4 .rf__ovl,body .skup__seznam .rf.k-6 .rf__ovl{background:linear-gradient(180deg,#FFD35A 0%,#FFC72C 55%,#F6BA1C 100%)!important;color:#1C1606!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px -8px rgba(246,186,28,.6)!important}
body .skup__seznam .rf.k-4 .rf__tl:hover .rf__ovl,body .skup__seznam .rf.k-6 .rf__tl:hover .rf__ovl{background:#FFF!important;color:#1C1606!important}
body .skup__seznam .rf.k-4 .rf__stitky span.je-shoda,body .skup__seznam .rf.k-6 .rf__stitky span.je-shoda{background:rgba(244,201,93,.18)!important;color:#FFE7A0!important;box-shadow:inset 0 0 0 1px rgba(244,201,93,.5)}
body .skup__seznam .rf.k-4 :focus-visible,body .skup__seznam .rf.k-4 .rf__tl:focus-visible{outline-color:#FFC72C}
/* štítek „Klíčový zákazník“ na fotce (v7_310) */
body .skup__seznam .rf.k-4 .rf__obr::before,body .skup__seznam .rf.k-6 .rf__obr::before{content:"Klíčový zákazník";position:absolute;top:14px;left:14px;z-index:3;
  padding:7px 12px 7px 11px;border-radius:999px;font:700 11.5px/1 var(--f-i);letter-spacing:.08em;text-transform:uppercase;color:#1C1606;
  background:linear-gradient(180deg,#FFD35A 0%,#FFC72C 55%,#F6BA1C 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px -6px rgba(0,0,0,.5)}
@media (max-width:640px){body .skup__seznam .rf.k-4 .rf__obr::before{top:12px;left:12px;font-size:10.5px;padding:6px 10px}}

/* ZÁHLAVÍ OBORŮ: kruhová fotka ze zakázky oboru se zlatým prstenem (místo piktogramu) */
.skup__foto{flex:none;display:block;width:64px;height:64px;padding:2.5px;border-radius:50%;margin-top:2px;
  background:linear-gradient(160deg,#FFE08A 0%,#F2B42A 55%,#C98A12 100%);box-shadow:0 12px 24px -12px rgba(28,26,23,.55)}
.skup__foto img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;border:2.5px solid #fff}
@media (max-width:640px){.skup__foto{width:50px;height:50px;padding:2px;margin-top:0}.skup__foto img{border-width:2px}}

/* lišta oborů: malé kruhové fotky */
.obory .ob-foto{width:22px!important;height:22px!important;border-radius:50%;object-fit:cover;flex:none;
  box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px rgba(201,138,18,.6)}
@media (max-width:640px){.obory .ob-foto{width:20px!important;height:20px!important}}

/* PROČ NÁS VOLAJÍ: elegantní zlaté číslice místo ikon */
.duv-c{flex:none;width:48px;padding-top:1px;font:700 30px/1 var(--f-o);letter-spacing:-.03em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#F2B830 0%,#B37A10 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (max-width:640px){.duv-c{width:40px;font-size:26px}}

/* SLUŽBY: fotka z reálné zakázky místo ikony */
.slu-foto{flex:none;display:block;width:48px;height:48px;border-radius:14px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(28,26,23,.08),0 10px 18px -10px rgba(28,26,23,.5)}
.slu-foto img{display:block;width:100%;height:100%;object-fit:cover}

/* DETAIL: značky kapitol jako jemný zlatý bod (Výsledek si nechává zlatou fajfku) */
.znak:not(.znak--vysledek){width:12px!important;height:12px!important;margin:0 2px!important;border-radius:50%!important;
  background:linear-gradient(180deg,#FFD35A,#E9A91A)!important;box-shadow:0 0 0 4px rgba(240,184,58,.16)!important}
.znak:not(.znak--vysledek) svg{display:none}
.duvody li .duv-c{display:block!important;flex:none!important;width:48px!important;margin:0!important;padding-top:1px!important;
  font:700 30px/1 var(--f-o)!important;letter-spacing:-.03em!important;color:transparent!important}
@media (max-width:640px){.duvody li .duv-c{width:40px!important;font-size:26px!important}}
/* v7_148 – obal <picture> kvůli samostatné fotce pro počítač nesmí měnit rozložení */
.skup__foto picture,.obory .ob-pic{display:contents}

/* =====================================================================================
   v7_156 – bezpečnost v bodech, jemný pohyb, klidnější malé karty
   ===================================================================================== */

/* JAK ŘEŠÍME BEZPEČNOST: hlavní věta + tři body se zlatými číslicemi */
.zasady p.zasady__lead{max-width:34ch;margin:4px 0 22px;padding-left:18px;position:relative;
  font:600 clamp(20px,1.85vw,24px)/1.38 var(--f-o);letter-spacing:-.01em;color:var(--text)!important}
.zasady__lead::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;border-radius:2px;background:linear-gradient(180deg,#FFD35A,#D6951C)}
.zasady__body{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px;max-width:62ch}
.zasady__body li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 10px;align-items:start;padding:16px 18px;border-radius:14px;
  background:#fff;box-shadow:var(--prsten),var(--stin-1)}
.zasady__body b{display:block;font:600 17px/1.3 var(--f-o);letter-spacing:-.004em;color:var(--text)}
.zasady__body span:not(.zas-c){display:block;margin-top:3px;font-size:15px;line-height:1.55;color:var(--text-2)}
.zas-c{display:block;padding-top:1px;font:700 24px/1 var(--f-o);letter-spacing:-.03em;font-variant-numeric:tabular-nums;
  background:linear-gradient(180deg,#F2B830 0%,#B37A10 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media (max-width:640px){
  .zasady p.zasady__lead{font-size:19px;padding-left:14px}
  .zasady__body li{grid-template-columns:36px minmax(0,1fr);padding:14px 16px}
  .zas-c{font-size:21px}
  .zasady__body b{font-size:16px}
}

/* MALÉ KARTY na počítači: bez štítků situací (opakují filtr hned nad nimi) */
@media (min-width:641px){
  body .skup__seznam .rf:not(.k-4):not(.k-6) .rf__stitky{display:none!important}
}

/* JEMNÝ POHYB (jen když návštěvník nemá pohyb vypnutý) */
@media (prefers-reduced-motion:no-preference){
  /* karty se při scrollu plynule vynoří, fotka v nich se přitom nepatrně „usadí“ */
  .js .rf{transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)!important}
  .js .rf.je-skryto{opacity:0;transform:translateY(26px) scale(.985)}
  .js .rf .rf__obr img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}
  .js .rf.je-skryto .rf__obr img{transform:scale(1.06)}
  /* úvod na počítači: fotka se při posunu stránky nepatrně pohne (hloubka) */
  @media (min-width:1061px){
    .hero::before{top:-48px!important;transform:translate3d(0,var(--hero-y,0px),0);will-change:transform}
  }
}
/* otevřený detail nesmí být uvnitř „vynořující se“ karty posunutý (pevné okno) */
.js .rf.rf--otevrena{transform:none!important;opacity:1!important}

/* =====================================================================================
   v7_157 – recenze na počítači a tabletu: hierarchie, hlavní recenze VÚGTK jako vitrína
   (mobil beze změny)
   ===================================================================================== */
@media (min-width:981px){
  .recenze__seznam{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:end}
}
@media (min-width:641px){
  /* vedlejší recenze: tiché bílé karty */
  .recenze__seznam .recenze__k{padding:24px 24px 20px!important;border-radius:18px!important;background:#fff!important;
    box-shadow:0 0 0 1px rgba(28,26,23,.05),0 22px 44px -26px rgba(28,26,23,.45)!important}
  .recenze__seznam .recenze__k blockquote{margin:14px 0 16px!important}
  .recenze__seznam .recenze__k blockquote p{font:400 16px/1.6 var(--f-i)!important;color:var(--text-2)!important}
  .recenze__seznam .recenze__k figcaption{font:600 13.5px/1.3 var(--f-i)!important;color:var(--text-3)!important;padding-top:12px;border-top:1px solid var(--linka)!important}
  .recenze__seznam .recenze__k .recenze__hv{font-size:15px!important}
  .recenze__seznam .recenze__k::before{width:22px!important;height:17px!important;top:24px!important;right:22px!important;opacity:.18!important}

  /* HLAVNÍ RECENZE (VÚGTK): tmavá vitrína, větší citát, zlaté detaily */
  .recenze__seznam .recenze__k:first-child{padding:34px 34px 28px!important;border-radius:22px!important;
    background:radial-gradient(460px 260px at 100% 0%,rgba(240,184,58,.12),transparent 65%),linear-gradient(160deg,#26221D 0%,#16140F 100%)!important;
    box-shadow:0 0 0 1px rgba(240,184,58,.40),0 40px 80px -36px rgba(28,26,23,.85)!important;
    --text:#F6F2EA;--text-2:#DDD6CA;--text-3:#B9B1A4;--linka:rgba(255,255,255,.14)}
  .recenze__seznam .recenze__k:first-child .recenze__hv{font-size:18px!important}
  .recenze__seznam .recenze__k:first-child blockquote{margin:18px 0 22px!important}
  .recenze__seznam .recenze__k:first-child blockquote p{font:600 clamp(21px,1.9vw,26px)/1.38 var(--f-o)!important;letter-spacing:-.01em;color:#fff!important}
  .recenze__seznam .recenze__k:first-child figcaption{color:#CFC6B8!important;font-size:14.5px!important}
  .recenze__seznam .recenze__k:first-child figcaption abbr{text-decoration:none;color:#fff}
  .recenze__seznam .recenze__k:first-child::before{width:40px!important;height:31px!important;top:30px!important;right:32px!important;opacity:.55!important;background:#F4C95D!important}
  .recenze__seznam .recenze__k:first-child::after{content:"Hlavní recenze";position:absolute;top:-12px;left:34px;padding:6px 12px;border-radius:999px;
    font:700 11px/1 var(--f-i);letter-spacing:.08em;text-transform:uppercase;color:#1C1606;
    background:linear-gradient(180deg,#FFD35A 0%,#FFC72C 55%,#F6BA1C 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 6px 16px -6px rgba(0,0,0,.45)}
  .recenze__seznam .recenze__k:first-child .recenze__zak{align-self:flex-start;margin-top:16px;padding:10px 16px;border-radius:999px;font-size:14px;
    color:#1C1606;background:linear-gradient(180deg,#FFD35A 0%,#FFC72C 55%,#F6BA1C 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 18px -8px rgba(246,186,28,.6);text-decoration:none}
  .recenze__seznam .recenze__k:first-child .recenze__zak:hover{background:#fff;text-decoration:none}
  .recenze__seznam .recenze__k:first-child :focus-visible{outline-color:#FFC72C}
}
@media (min-width:641px){.recenze{padding-bottom:96px!important}}

/* v7_165 – žádné filtry na fotkách na žádném zobrazení (ani při načítání) */
img,.rf__obr img,.okamzik img,.hero__foto img,.predel__foto img,.rf__foto img,.skup__foto img,.slu-foto img,.ob-foto{filter:none!important;animation:none!important}

/* v7_169 – ELIT Tábor: místo „Klíčová zakázka“ štítek „Jednorázová akce“ (všechna zobrazení) */
body .skup__seznam #ref-08.rf .rf__obr::before{content:"Jednorázová akce"}

/* v7_170 – CE-ENERGY: vlastní náhledová fotka jen pro mobil (lezec na hlavě komína nahoře v záběru) */
@media (max-width:640px){
  body .skup__seznam #ref-06 .rf__obr img{object-position:50% 12%!important;background-position:50% 12%!important}
}

/* v7_172 – hlavní recenze VÚGTK: větší citát, aby pod ním nezůstávalo prázdné místo (všechna zobrazení) */
@media (min-width:981px){.recenze__seznam .recenze__k:first-child blockquote p{font-size:clamp(23px,1.85vw,26.5px)!important;line-height:1.32!important}}
@media (min-width:641px) and (max-width:980px){.recenze__seznam .recenze__k:first-child blockquote p{font-size:25px!important;line-height:1.34!important}}
@media (max-width:640px){
  .recenze__seznam .recenze__k:first-child blockquote p{font:600 21px/1.36 var(--f-o)!important;letter-spacing:-.01em;color:var(--text)!important}
}

/* v7_175 – popisek pod fotkou v galerii: vždy jeden řádek, celý text (písmo se případně zmenší skriptem) */
.rf__foto figcaption,.gal__snimek figcaption{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;
  -webkit-mask:none!important;mask:none!important}

/* =====================================================================================
   v7_178 – mobil: hvězdy recenze, která je právě na displeji, jsou větší a „kovové“
   (tablet recenze neposouvá, zobrazuje je pod sebou, proto se ho pravidlo netýká)
   ===================================================================================== */
@media (max-width:640px){
  html.js .recenze__k .recenze__hv{transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
  html.js .recenze__k.je-aktivni .recenze__hv{
    transform:scale(1.42);
    background:linear-gradient(105deg,#B8790C 0%,#E9A91A 22%,#FFD35A 38%,#FFF4C4 48%,#FFD35A 58%,#F0B324 76%,#B8790C 100%)!important;
    background-size:260% 100%!important;background-position:0 0!important}
  html.js .recenze__k.je-aktivni .recenze__hv{margin-bottom:4px}
}
@media (max-width:640px) and (prefers-reduced-motion:no-preference){
  html.js .recenze__k.je-aktivni .recenze__hv{animation:hvezdy-lesk 1.8s cubic-bezier(.3,.6,.2,1) .15s 1 both}
  @keyframes hvezdy-lesk{from{background-position:100% 0}to{background-position:0 0}}
}

/* v7_179 – Dětmarovice: vlastní náhledová fotka jen pro mobil (lezec uvnitř 274 m průduchu) */
@media (max-width:640px){
  body .skup__seznam #ref-09 .rf__obr img{object-position:50% 30%!important;background-position:50% 30%!important}
}

/* v7_186 – čtyři recenze: na počítači všechny v jedné řadě (hlavní VÚGTK širší) */
@media (min-width:981px){
  /* hlavní recenze vlevo přes dvě řady, vpravo dvě recenze nahoře a jedna široká dole */
  .recenze__seznam{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr)!important;grid-auto-rows:auto;gap:18px!important;align-items:stretch!important}
  .recenze__seznam .recenze__k:first-child{grid-row:1 / span 2;align-self:stretch;display:flex!important;flex-direction:column;justify-content:center}
  .recenze__seznam .recenze__k:nth-child(4):last-child{grid-column:2 / span 2}   /* v7_335: jen při 4 recenzích; s 5. (G-centrum) mřížka 2 × 2 */
}
@media (min-width:981px){
  .recenze__seznam .recenze__k:first-child{justify-content:flex-start!important}
  .recenze__seznam .recenze__k:first-child blockquote{flex:1;display:flex;align-items:center;margin:14px 0 18px!important}
  .recenze__seznam .recenze__k:first-child blockquote p{font-size:clamp(26px,2.35vw,34px)!important;line-height:1.28!important}
}

/* v7_196 – popisek galerie nesmí roztahovat snímek do šířky (dlouhý text na jednom řádku) */
.gal__snimek,.rf__foto{min-width:0}
.gal__snimek figcaption,.rf__foto figcaption{display:block;max-width:100%;contain:inline-size}

/* v7_198 – rozdílné texty pro počítač/mobil i uvnitř bodů bezpečnosti */
.zasady__body b .t-pc,.zasady__body b .t-mob{display:inline!important;margin:0!important;font:inherit!important;color:inherit!important}
.zasady__body b .t-mob{display:none!important}
@media (max-width:640px){.zasady__body b .t-pc{display:none!important}.zasady__body b .t-mob{display:inline!important}}

/* =====================================================================================
   v7_199 – mobil: cena, odpověď do 24 h a důvěrnost na světlé kartě uvnitř tmavého závěru
   ===================================================================================== */
.vyzva__info{display:contents}
@media (max-width:640px){
  .vyzva__info{display:flex;flex-direction:column;position:relative;z-index:1;margin:26px 0 0;padding:20px 20px 18px;border-radius:18px;
    background:linear-gradient(180deg,#FFFDF8 0%,#F5F1E8 100%);
    box-shadow:0 0 0 1px rgba(240,184,58,.38),inset 0 1px 0 #fff,0 22px 44px -24px rgba(0,0,0,.75);
    --text:#1C1A17;--text-2:#48443D;--text-3:#6A655C;color:#1C1A17}
  .vyzva__info .vyzva__cena{order:1;margin:0!important;font:600 17px/1.38 var(--f-o)!important;letter-spacing:-.005em;color:#1C1A17!important}
  .vyzva__info .vyzva__otazka{display:block;margin:0 0 8px;font:700 11.5px/1 var(--f-i);letter-spacing:.09em;text-transform:uppercase;color:#8F6510}
  .vyzva__info .vyzva__cena a{color:#1C1A17!important;font:inherit!important;text-decoration:underline!important;text-decoration-thickness:1.5px!important;
    text-decoration-color:rgba(214,149,28,.55)!important;text-underline-offset:4px!important}
  .vyzva__info .vyzva__cena a .sipka{color:#B98A22}
  .vyzva__info .vyzva__jistota{order:2;margin:16px 0 0!important;padding-top:14px;border-top:1px solid rgba(28,26,23,.09);
    font:600 15px/1.4 var(--f-i)!important;color:#1C1A17!important}
  .vyzva__info .vyzva__jistota svg{color:#B98A22!important;flex:none}
  .vyzva__info .vyzva__duvernost{order:3;margin:10px 0 0!important;font:400 13.5px/1.5 var(--f-i)!important;color:#6A655C!important}
  .vyzva__info :focus-visible{outline-color:#1C1A17}
}


/* v7_213 – obor se třemi zakázkami: hlavní karta přes dvě řady, vpravo dvě menší pod sebou (jen počítač) */
@media (min-width:981px){ .skup__seznam .rf.k-4r{grid-row:span 2} .skup__seznam .rf.k-4r .rf__tl{height:100%} }
/* hlavní karta přes dvě řady: celý úvodní text (bez zkracování), aby karta nebyla prázdná */
@media (min-width:981px){
  .skup__seznam .rf.k-4r .rf__uvod{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important;-webkit-mask:none!important;mask:none!important}
}


/* v7_218 – obsah jen pro mobil a tablet (SILON: náhled karty, počet fotek, detail sváru v galerii) */
@media (min-width:981px){
  .jen-mt{display:none!important}
  .gal--jen-mt .gal__ovl{display:none!important}
}
@media (min-width:981px){ body .skup__seznam .rf .rf__pocet.jen-mt{display:none!important} }

/* v7_248 – tlačítko „Zobrazit celý postup“: vždy nad okolními vrstvami a bez zpoždění dotyku */
.rf__cely-postup{position:relative;z-index:3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}
/* v7_249 – po rozbalení postupu tlačítko opravdu zmizí (atribut hidden přebíjelo display:block) */
.rf__cely-postup[hidden]{display:none!important}

/* v7_267 – recenze: fotka v pozadí patří vždy k právě čtené recenzi.
   Nová fotka se odhalí měkkým šikmým závojem (prolnutí s rozostřenou hranou) a zároveň se jemně usadí
   z mírného přiblížení; předchozí fotka pod ní nepatrně ustoupí do hloubky. Pohyb řídí reference-premium.js
   (Web Animations), bez CSS filtrů na fotkách. */
.okamzik--recenze.rz-scena{position:relative}
.rz-scena .rz-v{position:relative;opacity:0;z-index:0;object-position:var(--op)!important;transform-origin:50% 45%;backface-visibility:hidden}
.rz-scena picture:not(:first-child) .rz-v{position:absolute;inset:0;width:100%;height:100%}
.rz-scena .rz-v.je-aktivni{opacity:1}
.rz-scena .rz-v.rz-maska{
  -webkit-mask-image:linear-gradient(100deg,#000 0%,#000 36%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.18) 52%,transparent 60%,transparent 100%);
          mask-image:linear-gradient(100deg,#000 0%,#000 36%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.18) 52%,transparent 60%,transparent 100%);
  -webkit-mask-size:290% 100%;mask-size:290% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.rz-scena .rz-v.rz-maska.rz-zprava{
  -webkit-mask-image:linear-gradient(260deg,#000 0%,#000 36%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.18) 52%,transparent 60%,transparent 100%);
          mask-image:linear-gradient(260deg,#000 0%,#000 36%,rgba(0,0,0,.62) 44%,rgba(0,0,0,.18) 52%,transparent 60%,transparent 100%)}
@media (max-width:640px){.rz-scena .rz-v{object-position:var(--op-m)!important}}

/* v7_301 – úvodní fotka na tabletu a mobilu: výběr nejlepší fotky z každého oboru, posun prstem i šipkami.
   Na počítači beze změny. Přechod = měkký šikmý závoj + jemné usazení (Web Animations v reference-premium.js). */
@media (min-width:981px){.hs__v,.hs__sip{display:none!important}}
@media (max-width:980px){
  .hs{position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}
  .hs__v{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;overflow:hidden;border-radius:var(--r-l);transform:translateZ(0)}
  .hs__v.je-aktivni{opacity:1}
  .hs__v picture{display:block;height:100%}
  .hs .hs__v img{display:block;width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover;object-position:var(--op,50% 50%)!important;border-radius:0!important;box-shadow:none!important;border:0!important;transform-origin:50% 50%;backface-visibility:hidden}
  .hs__v.hs-maska{
    -webkit-mask-image:linear-gradient(100deg,#000 0%,#000 36%,rgba(0,0,0,.6) 44%,rgba(0,0,0,.16) 52%,transparent 60%,transparent 100%);
            mask-image:linear-gradient(100deg,#000 0%,#000 36%,rgba(0,0,0,.6) 44%,rgba(0,0,0,.16) 52%,transparent 60%,transparent 100%);
    -webkit-mask-size:290% 100%;mask-size:290% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
  .hs__v.hs-maska.hs-zprava{
    -webkit-mask-image:linear-gradient(260deg,#000 0%,#000 36%,rgba(0,0,0,.6) 44%,rgba(0,0,0,.16) 52%,transparent 60%,transparent 100%);
            mask-image:linear-gradient(260deg,#000 0%,#000 36%,rgba(0,0,0,.6) 44%,rgba(0,0,0,.16) 52%,transparent 60%,transparent 100%)}
  .hs__sip{position:absolute;top:50%;z-index:9999;width:42px;height:42px;margin-top:-21px;padding:0;border-radius:50%;
    display:grid;place-items:center;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
    background:rgba(24,21,18,.30);border:1px solid rgba(255,255,255,.38);
    -webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);
    box-shadow:0 6px 18px -8px rgba(0,0,0,.45);transition:background .25s ease,border-color .25s ease,transform .2s ease,opacity .25s ease;opacity:.92}
  .hs__sip svg{display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
  .hs__sip--l{left:12px}.hs__sip--p{right:12px}
  .hs__sip:active{transform:scale(.92);background:rgba(24,21,18,.42);border-color:rgba(255,199,44,.85)}
  .hs__sip:focus-visible{outline:2px solid #FFC72C;outline-offset:2px}
}
@media (max-width:640px){
  .hs__v{border-radius:0}
  .hs .hs__v img{object-position:var(--op-m,50% 50%)!important}
  .hs__sip{width:38px;height:38px;margin-top:-19px}
  .hs__sip--l{left:10px}.hs__sip--p{right:10px}
}
@media (hover:hover) and (max-width:980px){.hs__sip:hover{background:rgba(24,21,18,.42);border-color:rgba(255,255,255,.6)}}
@media (max-width:640px){.hs__v .hero__pic-pc{display:none!important}}
@media (min-width:641px){.hs__v .hero__pic-mob{display:none!important}}
/* v7_302 – tablet: hlavní nadpis „Naše realizace a zákazníci.“ na jediném řádku */
@media (min-width:641px) and (max-width:980px){
  h1 .h1__r{display:inline}
  h1 .h1__r + .h1__r::before{content:"\00a0"}
  h1 .h1__slib{white-space:nowrap}
}

/* v7_315 – tlačítko „Kompletní archiv referencí“: místo odkazu se v tlačítku elegantně ukáže „Právě připravujeme“ */
.tl--archiv{overflow:hidden;position:relative}
.tlp{display:inline-grid;align-items:center;justify-items:center}
.tlp > span{grid-area:1/1;transition:opacity .45s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1);white-space:nowrap}
.tlp__b{opacity:0;transform:translateY(70%);display:inline-flex;align-items:center;gap:.5em}
.tl--archiv.je-pripr .tlp__a{opacity:0;transform:translateY(-70%)}
.tl--archiv.je-pripr .tlp__b{opacity:1;transform:none}
.tlp__tecka{width:7px;height:7px;border-radius:50%;background:#FFC72C;box-shadow:0 0 0 0 rgba(255,199,44,.55);animation:tlpPuls 1.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes tlpPuls{0%{box-shadow:0 0 0 0 rgba(255,199,44,.55)}70%{box-shadow:0 0 0 7px rgba(255,199,44,0)}100%{box-shadow:0 0 0 0 rgba(255,199,44,0)}}
@media (prefers-reduced-motion:reduce){.tlp > span{transition:opacity .3s ease;transform:none!important}.tlp__tecka{animation:none}}

/* v7_316 – mobil: „Kolik to bude stát?“ jako šedý pás přes celou šířku (místo světlého boxu), jen nadpis a odkaz na ceník */
@media (max-width:640px){
  .vyzva__info{width:100vw!important;margin:28px 0 0 calc(50% - 50vw)!important;padding:24px 18px 24px!important;border-radius:0!important;
    background:#E8E5DF!important;box-shadow:none!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important}
  .vyzva__info::before,.vyzva__info::after{display:none!important}
  .vyzva__info .vyzva__jistota,.vyzva__info .vyzva__duvernost{display:none!important}
  .vyzva__info .vyzva__otazka{margin:0 0 8px!important;font:700 21px/1.2 'Inter Tight',var(--f-i)!important;letter-spacing:-.01em!important;text-transform:none!important;color:#1C1A17!important}
  .vyzva__info .vyzva__cena{font:500 16.5px/1.45 var(--f-i)!important}
}

/* v7_317 – zásady bezpečnosti: mobilní / nemobilní znění textu u bodu 01 */
.zasady__body li div > span .t-mob{display:none!important}
.zasady__body li div > span .t-pc{display:inline!important;margin:0!important;font:inherit!important;color:inherit!important}
@media (max-width:640px){
  .zasady__body li div > span .t-pc{display:none!important}
  .zasady__body li div > span .t-mob{display:inline!important;margin:0!important;font:inherit!important;color:inherit!important}
}

/* v7_318 – licence fotografií v patičce (cíl odkazu license / acquireLicensePage ve strukturovaných datech) */
.pata__lic{margin-top:-6px!important;font-size:12.5px!important;line-height:1.5;opacity:.8}
.pata__lic a{color:inherit;text-decoration:underline;text-underline-offset:2px}

/* v7_320 – mobil: hodnocení zákazníků se při posunu prstem posune vždy nejvýš o jednu kartu */
@media (max-width:640px){
  .recenze__seznam{scroll-snap-type:x mandatory}
  .recenze__k{scroll-snap-stop:always}
}

/* v7_325 – mobil: tlačítko „Další“ v hlavičce (stav s lištou oborů) a panel souvisejících stránek
   ve stejném jazyce jako zbytek stránky: bílá karta, slonová kost, zlatý text štítků, jemné stíny; vše na jeden řádek */
.hl__dalsi,.dm,.dm-clona{display:none}
@media (max-width:640px){
  html:has(.obory.je-videt) .hl__w{justify-content:space-between}
  html:has(.obory.je-videt) .hl__dalsi{display:block}
  .hl__dalsi{position:static;flex:none}
  .hl__dalsi-tl{display:inline-flex;align-items:center;flex:none;padding:8px 14px;border:1px solid var(--zl);border-radius:var(--r-s);
    background:transparent;color:var(--karta);font:600 14px/1 var(--f-o);letter-spacing:.8px;text-transform:uppercase;white-space:nowrap;cursor:pointer;
    -webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .hl__dalsi-tl:active,.hl__dalsi-tl[aria-expanded="true"]{background:var(--zl);color:var(--grafit)}
  .hl__dalsi-tl:focus-visible{outline:2px solid var(--zl);outline-offset:3px}

  .dm{display:block;position:absolute;left:10px;right:10px;top:calc(100% + 8px);z-index:60;pointer-events:none;visibility:hidden}
  .dm.je-otevrene{pointer-events:auto;visibility:visible}
  .dm[hidden]{display:block}
  .dm__in{position:relative;padding:14px 8px 8px;border-radius:var(--r-l,16px);
    background:var(--karta,#fff);box-shadow:var(--prsten),var(--stin-2);
    max-height:calc(100vh - 92px);max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;
    opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top right;
    transition:opacity .22s ease,transform .32s cubic-bezier(.2,.8,.2,1)}
  .dm__in::-webkit-scrollbar{display:none}
  .dm.je-otevrene .dm__in{opacity:1;transform:none}
  .dm__nad{margin:0 12px 4px;font:600 12px/1.2 var(--f-o);letter-spacing:1.4px;text-transform:uppercase;color:var(--zlata-text,#8F6510)}
  .dm__skn{margin:8px 12px 2px;padding-top:10px;border-top:1px solid var(--linka,#EAE6DE);
    font:600 11px/1.2 var(--f-o);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-3,#6A655C)}
  .dm__sk{list-style:none;margin:0;padding:0}
  .dm__a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;text-decoration:none;color:var(--text,#1C1A17);
    -webkit-tap-highlight-color:transparent;transition:background .2s ease}
  .dm__a:active,.dm__a:focus-visible{background:var(--plocha,#F7F5F0);outline:none}
  .dm__ik{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:var(--zlata-text,#8F6510);
    background:var(--zlata-svetla,#FBF3DF);box-shadow:inset 0 0 0 1px var(--zlato-vlas,rgba(185,138,34,.38))}
  .dm__ik svg{width:18px;height:18px}
  .dm__txt{flex:1;min-width:0;overflow:hidden}
  .dm__txt b,.dm__txt small{display:block;white-space:nowrap}
  .dm__txt b{font:600 15px/1.3 var(--f-o);color:var(--text,#1C1A17)}
  .dm__txt small{margin-top:1px;font:400 12.5px/1.35 var(--f-i);color:var(--text-3,#6A655C)}
  .dm__sip{flex:none;width:15px;height:15px;color:var(--zlata-linka,#B98A22)}

  .dm-clona{display:block;position:fixed;inset:0;z-index:65;background:rgba(28,26,23,.45);
    -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease}
  .dm-clona[hidden]{display:block}
  html.dm-otevrene .dm-clona{opacity:1;pointer-events:auto}
  html.dm-otevrene .hl{z-index:70}
}
@media (max-width:640px) and (prefers-reduced-motion:reduce){.dm__in{transition:opacity .15s ease!important;transform:none!important}}
@media (max-width:360px){
  .dm{left:6px;right:6px}
  .dm__in{padding:12px 6px 6px}
  .dm__a{gap:10px;padding:8px}
  .dm__ik{width:30px;height:30px;border-radius:9px}
  .dm__ik svg{width:16px;height:16px}
  .dm__sip{width:13px;height:13px}
}
/* v7_327 – panel „Další“ bez ikon: čistě typografický seznam ve stylu stránky */
@media (max-width:640px){
  .dm__in{padding:16px 6px 8px}
  .dm__nad,.dm__skn{margin-left:16px;margin-right:16px}
  .dm__a{gap:14px;padding:10px 16px;border-radius:12px}
  .dm__txt b{font:600 15.5px/1.3 var(--f-o);letter-spacing:-.005em}
  .dm__txt small{margin-top:2px}
  .dm__sip{width:16px;height:16px;color:var(--zlata-linka,#B98A22);opacity:.75;transition:transform .25s ease,opacity .25s ease}
  .dm__a:active .dm__sip,.dm__a:focus-visible .dm__sip{transform:translateX(3px);opacity:1}
}
@media (max-width:360px){
  .dm__a{padding:9px 12px;gap:10px}
  .dm__nad,.dm__skn{margin-left:12px;margin-right:12px}
}
/* v7_330 – šipka dolů u „Jak řešíme bezpečnost“ se při klepnutí posune dolů, ne doprava */
@media (max-width:640px){.dm__a[href^="#"]:active .dm__sip,.dm__a[href^="#"]:focus-visible .dm__sip{transform:translateY(3px)}}

/* v7_344 – patička: „Digitální ekosystém" (rozbalovací, stejný obsah jako na hlavní stránce).
   PC/tablet nad copyrightem, mobil (≤640) pod kontakty – přesouvá reference-premium.js. */
.pata__eko{padding-bottom:6px}
.ekosys{border-top:1px solid rgba(255,255,255,.08)}
.pata__eko .ekosys{border-bottom:1px solid rgba(255,255,255,.08)}
.ekosys__sum{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 0;-webkit-tap-highlight-color:transparent}
.ekosys__sum::-webkit-details-marker{display:none}
.ekosys__lbl{font:600 13px/1 var(--f-o);letter-spacing:2.2px;text-transform:uppercase;color:#FFC72C;white-space:nowrap}
.ekosys__hint{font:400 13px/1.3 var(--f-i);color:rgba(255,255,255,.42);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ekosys__chev{width:18px;height:18px;margin-left:auto;flex:0 0 auto;color:rgba(255,255,255,.5);transition:transform .25s ease,color .2s}
.ekosys__sum:hover .ekosys__chev,.ekosys__sum:hover .ekosys__hint{color:rgba(255,255,255,.8)}
.ekosys__sum:focus-visible{outline:2px solid #FFC72C;outline-offset:4px;border-radius:3px}
.ekosys[open] .ekosys__chev{transform:rotate(180deg);color:#FFC72C}
.ekosys__body{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 40px;padding:4px 0 26px}
.ekosys__h{font:600 12px/1.2 var(--f-o);letter-spacing:1.8px;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 12px}
.ekosys ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.pata .ekosys li{margin:0}
.pata .ekosys a{display:grid;gap:2px;text-decoration:none;color:#ECE7DF}
.pata .ekosys a:hover{text-decoration:none}
.ekosys__a{display:inline-flex;align-items:center;gap:6px;font:500 15px/1.3 var(--f-i)}
.ekosys__ext{width:12px;height:12px;flex:0 0 auto;opacity:.55;transition:opacity .2s,transform .2s ease}
.ekosys__d{font:400 12.5px/1.35 var(--f-i);color:rgba(255,255,255,.45)}
.pata .ekosys a:hover .ekosys__a,.pata .ekosys a:focus-visible .ekosys__a{color:#FFC72C}
.pata .ekosys a:hover .ekosys__ext{opacity:1;transform:translate(1px,-1px)}
@media (max-width:980px){.ekosys__body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:640px){
  .ekosys__hint{display:none}
  .ekosys__body{grid-template-columns:minmax(0,1fr);gap:22px;padding-bottom:22px}
  .ekosys.ekosys--kontakt{margin:14px 0 4px;border-bottom:1px solid rgba(255,255,255,.08)}
  .pata__eko:empty{display:none}
}
@media (prefers-reduced-motion:reduce){.ekosys__chev,.ekosys__ext{transition:none}}
/* v7_344 – mobil: copyright a věta o licenci fotografií se slévaly (padding 0 + margin −6 px) */
@media (max-width:640px){.pata__lic{margin-top:14px!important}}

/* v7_345 – mobil: spodní lišta + malé tlačítko „nahoru" úplně vpravo.
   Vše vždy na jednom řádku; na úzkých displejích se zmenší odsazení a písmo. */
@media (max-width:640px){
  .mobil-lista{grid-template-columns:auto minmax(0,1fr) auto!important}
  .mobil-lista a{white-space:nowrap;min-width:0}
  .mobil-lista__nahoru{display:grid;place-items:center;width:50px;min-height:50px;padding:0;border:0;border-radius:var(--r-s);
    background:#fff;color:var(--text);box-shadow:inset 0 0 0 1px rgba(28,26,23,.2);cursor:pointer;-webkit-tap-highlight-color:transparent;
    transition:transform .12s ease,box-shadow .2s ease}
  .mobil-lista__nahoru:active{transform:scale(.96)}
  .mobil-lista__nahoru:focus-visible{outline:2px solid var(--zl);outline-offset:2px}
}
@media (max-width:400px){
  .mobil-lista{gap:8px!important;padding-left:12px!important;padding-right:12px!important}
  .mobil-lista a{font-size:15px!important}
  .mobil-lista__tel{padding:0 13px!important;gap:6px!important}
  .mobil-lista__nahoru{width:46px}
}
@media (max-width:350px){
  .mobil-lista{gap:6px!important;padding-left:10px!important;padding-right:10px!important}
  .mobil-lista a{font-size:13.5px!important}
  .mobil-lista__tel{padding:0 10px!important}
  .mobil-lista__tel svg{width:17px;height:17px}
  .mobil-lista__nahoru{width:42px}
}
@media (prefers-reduced-motion:reduce){.mobil-lista__nahoru{transition:none}}