/* Společný základ všech webů z továrny.

   Píše se VÝHRADNĚ přes proměnné z engine/temata/<šablona>.css — žádná barva,
   písmo ani zaoblení se tu nesmí objevit natvrdo. Díky tomu stačí k nové šabloně
   jeden soubor s dvaceti hodnotami a web z ní vypadá celý, ne zpola.

   Šablona se přepíná atributem data-t na <body>, stejně jako v náhledu
   v konfigurátoru — proto může být tenhle soubor sdílený mezi webem a náhledem. */

@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;
  src:url(/fonts/spacegrotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;
  src:url(/fonts/spacegrotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2020,U+20A0-20AB}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;
  src:url(/fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2020,U+20A0-20AB}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(/fonts/JetBrainsMono-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(/fonts/JetBrainsMono-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2020,U+20A0-20AB}

@font-face{font-family:'Outfit';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/outfit-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'Outfit';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/outfit-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2020,U+20A0-20AB}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/sourceserif-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/sourceserif-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2020,U+20A0-20AB}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/fraunces-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/fonts/fraunces-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+1E00-1E9F,U+2020,U+20A0-20AB}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.65 var(--body);
  -webkit-font-smoothing:antialiased}
.wrap{width:min(100% - 2.5rem,1060px);margin-inline:auto}
h1,h2,h3{margin:0;font-family:var(--head);line-height:1.2;text-wrap:balance}
h1{font-size:var(--h1);line-height:var(--h1-lh);letter-spacing:var(--h1-ls);font-weight:var(--h1-w)}
h2{font-size:clamp(1.45rem,2.8vw,2.1rem);font-weight:var(--h1-w);letter-spacing:var(--h1-ls)}
h3{font-size:1.05rem;font-weight:600}
p{margin:0;text-wrap:pretty}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.muted{color:var(--muted)}
::selection{background:var(--acc);color:var(--acc-ink)}
/* Kotvy mířily přesně na horní hranu prvku, takže cíl skončil nalepený na okraj
   okna. Hlavička lepivá není, stačí trocha vzduchu. */
:target,#obsah,.faq__item{scroll-margin-top:1.5rem}
.skip{position:absolute;left:-9999px;top:0;background:var(--acc);color:var(--acc-ink);
  padding:.7rem 1.2rem;z-index:99}
.skip:focus{left:0}
/* Focus ring má vlastní token, ne dekorativní --acc-2. Ta byla na klinice 1.57:1
   a na butiku 2.28:1 proti pozadí — kdo se po webu pohybuje tabulátorem, neviděl,
   kde stojí. --focus drží aspoň 3:1 (WCAG pro netextové prvky) v každé šabloně. */
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

.btn{display:inline-block;padding:.78rem 1.5rem;border-radius:var(--r-btn);
  background:var(--acc);color:var(--acc-ink);font:600 .95rem/1.2 var(--body);
  text-decoration:none;border:0;cursor:pointer}
.btn--ghost{background:transparent;color:var(--fg);border:1px solid var(--line)}

/* ---------- hlavička a patička ---------- */
/* Pozicovací kontext pro rozbalené menu — to visí pod hlavičkou, ne v ní. */
.head{border-bottom:1px solid var(--line);background:var(--bg);position:relative}
.head__in{display:flex;align-items:center;gap:1rem;padding:1.1rem 0}
.logo{font-family:var(--head);font-weight:700;font-size:1.08rem;letter-spacing:var(--h1-ls);
  text-decoration:none;display:flex;align-items:center;gap:.6rem}
.logo img{max-height:2.2rem;width:auto}
.menu{display:flex;gap:1.3rem;font-size:.9rem;color:var(--muted)}
.menu a{text-decoration:none}
.menu a[aria-current="page"]{color:var(--fg)}

/* Nabídka jako <details>, bez JS. Do 2026-09-18 se pod 46rem jen schovala
   (`.menu{display:none}`) a nic ji nenahradilo — vícestránkový web tak na telefonu
   neměl navigaci vůbec. Stejný vzor jako hlavička it-solution.cz. */
.menu-obal{margin-left:auto}
.menu__prepinac{
  display:none;cursor:pointer;list-style:none;align-items:center;gap:.5rem;
  font:600 .88rem/1 var(--body);color:var(--fg);
  border:1px solid var(--line);border-radius:var(--r-btn);padding:.6rem .85rem;
}
.menu__prepinac::-webkit-details-marker{display:none}
/* Tři čárky z jednoho prvku: prostřední je on sám, krajní jeho pseudoprvky. */
.menu__ikona,.menu__ikona::before,.menu__ikona::after{
  display:block;width:1.05rem;height:2px;background:currentColor;border-radius:2px}
.menu__ikona{position:relative}
.menu__ikona::before,.menu__ikona::after{content:"";position:absolute;left:0}
.menu__ikona::before{top:-6px}
.menu__ikona::after{top:6px}

/* Nad breakpointem sbalené není — <details> se musí chovat jako obyčejný obal.
   Prohlížeče to řeší dvěma způsoby, proto obě pojistky: novější skrývají obsah
   přes ::details-content, starší jako prostý slot bez display. */
@media (min-width:46.01rem){
  .menu-obal::details-content{content-visibility:visible;block-size:auto;overflow:visible}
  .menu-obal>.menu{display:flex}
}

@media (max-width:46rem){
  .menu__prepinac{display:flex}
  .menu-obal[open] .menu__prepinac{border-color:var(--acc);color:var(--acc)}
  /* Otevřené menu je panel pod hlavičkou, ne další řádek v ní — hlavička si tak
     drží výšku i na nejužším displeji. */
  .menu-obal[open] .menu{
    position:absolute;left:0;right:0;top:100%;z-index:39;
    flex-direction:column;align-items:stretch;gap:0;font-size:1rem;
    background:var(--bg);border-bottom:1px solid var(--line);padding:.2rem 0 .8rem;
  }
  .menu-obal[open] .menu a{padding:.85rem 1.25rem;border-top:1px solid var(--line)}
  .menu-obal[open] .menu a[aria-current="page"]{color:var(--acc)}
}
.foot{padding:1.5rem 0;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;
  background:var(--bg)}
.foot__in{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline}
.foot a{text-decoration:none}

/* ---------- sekce ---------- */
.sec{padding:calc(var(--pad) * .8 + 1rem) 0;background:var(--bg-2)}
.sec:nth-of-type(odd){background:var(--bg)}
/* Dvojitá třída schválně: musí přebít .sec:nth-of-type(odd) výše, jinak by
   sekce označená jako světlá dostala pozadí podle svého pořadí v HTML. */
.sec.sec--plain{background:var(--bg)}
.sec__head{display:grid;gap:.7rem;margin-bottom:1.9rem;max-width:54ch}
.sec__head p{color:var(--muted)}

/* ---------- hero ---------- */
.hero{padding:var(--pad) 0;background:var(--bg)}
.hero__in{display:grid;gap:2.4rem;align-items:center;grid-template-columns:minmax(0,1fr)}
@media (min-width:54rem){.hero__in{grid-template-columns:1.02fr .98fr}}
.hero__text{display:grid;gap:1.1rem;justify-items:start}
.hero .lead{color:var(--muted);font-size:1.06rem;max-width:44ch}
.hero__cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:.5rem}
.art{aspect-ratio:4/3;border-radius:var(--r);border:1px solid var(--line);
  box-shadow:var(--shadow);overflow:hidden;position:relative;background:var(--bg-2)}
.art img{width:100%;height:100%;object-fit:cover}

/* ---------- služby ---------- */
.sluzby{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.sluzba{display:grid;gap:.45rem;align-content:start;border-top:2px solid var(--acc);padding-top:1rem}
.sluzba p{color:var(--muted);font-size:.94rem}
.sluzba__cena{font-family:var(--data);color:var(--acc);font-weight:600;font-size:.94rem}
.sluzba__ikona{width:1.6rem;height:1.6rem;color:var(--acc)}
/* Služba s fotkou nemá horní linku — tu roli přebírá obrázek. */
.sluzba--s-fotkou{border-top:0;padding-top:0;gap:.7rem}
.sluzba__foto{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);border:1px solid var(--line)}

/* ---------- oborový panel ---------- */
.panel{display:grid;gap:.1rem}
.panel__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:baseline;
  padding:.85rem 0;border-bottom:1px solid var(--line)}
.panel__row:last-child{border-bottom:0}
.panel__val{font-family:var(--data);color:var(--acc);font-weight:600;white-space:nowrap}
.panel__note{color:var(--muted);font-size:.88rem}

/* ---------- ceník ---------- */
.cenik{display:grid;gap:1rem}
.cena{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem 1rem;align-items:baseline;
  border-top:2px solid var(--line);padding-top:.9rem}
.cena--zvyraznena{border-top-color:var(--acc)}
.cena__castka{font-weight:600;white-space:nowrap}
.cena__jednotka{color:var(--muted);font-size:.85rem;white-space:nowrap}
.cena__popis{color:var(--muted);font-size:.9rem;grid-column:1/-1}
.cenik__pozn{color:var(--muted);font-size:.88rem;margin-top:1rem}

/* ---------- reference ---------- */
.ref{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}
.quote{display:grid;gap:.7rem;align-content:start}
.quote p{font-family:var(--head);font-size:1.06rem;line-height:1.55}
.quote footer{color:var(--muted);font-size:.86rem}
.quote__foto{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover}

/* ---------- tým ---------- */
.tym{display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.osoba{display:grid;gap:.5rem;align-content:start}
.osoba__foto{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);
  background:var(--bg-2)}
.osoba__role{color:var(--acc);font-size:.9rem;font-weight:600}
.osoba p{color:var(--muted);font-size:.94rem}
.osoba__kontakt{font-size:.88rem;display:grid;gap:.15rem}
.osoba__kontakt a{text-decoration:none;color:var(--muted)}

/* ---------- časté dotazy ---------- */
.faq{display:grid;gap:.6rem;max-width:58rem}
.faq__item{border-top:1px solid var(--line);padding:1rem 0}
.faq__q{font-family:var(--body);font-weight:600;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"+";color:var(--acc);font-weight:400;font-size:1.4rem;line-height:1}
.faq__item[open] .faq__q::after{content:"–"}
.faq__a{color:var(--muted);padding-top:.7rem;max-width:62ch}
.faq__a p + p{margin-top:.6rem}

/* ---------- kroky ---------- */
.kroky{display:grid;gap:1.6rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));
  counter-reset:krok}
.krok{display:grid;gap:.45rem;align-content:start;border-top:2px solid var(--line);
  padding-top:1rem;counter-increment:krok}
.krok__cislo{font-family:var(--data);color:var(--acc);font-weight:600;font-size:1.3rem}
.krok__cislo::before{content:counter(krok,decimal-leading-zero)}
.krok p{color:var(--muted);font-size:.94rem}

/* ---------- galerie a loga ---------- */
.galerie{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.galerie figure{margin:0;display:grid;gap:.5rem}
.galerie img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.galerie figcaption{color:var(--muted);font-size:.85rem}

.rezervace{max-width:40rem}

/* ---------- živé bloky: denní menu a nabídka ---------- */
.menu-tyden [hidden]{display:none}
.menu-tyden__plati{color:var(--muted);font-size:.9rem;margin:-.5rem 0 1rem}
.menu-tyden__stare{font-weight:600}
.menu-tyden__dny{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}
.menu-den{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1rem 1.2rem}
.menu-den--dnes{border-color:var(--acc);box-shadow:var(--shadow)}
.menu-den h3{display:flex;gap:.6rem;align-items:center;margin-bottom:.6rem}
.menu-den__dnes{font:600 .75rem/1 var(--body);color:var(--acc-ink);background:var(--acc);border-radius:99px;padding:.3rem .6rem}
.menu-den ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.menu-den li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:baseline}
.menu-den small{color:var(--muted)}
.menu-den__cena{font-family:var(--data);font-weight:600;white-space:nowrap}
.nabidka{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr))}
.nabidka__karta{display:grid;gap:.4rem;align-content:start}
.nabidka__foto{position:relative}
.nabidka__foto img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.nabidka__karta--pryc img{filter:grayscale(.7);opacity:.75}
.nabidka__stav{position:absolute;top:.6rem;left:.6rem;background:var(--acc);color:var(--acc-ink);
  font:600 .78rem/1 var(--body);padding:.35rem .6rem;border-radius:99px}
.nabidka__lokalita{color:var(--muted);font-size:.9rem;margin:0}
.nabidka__cena{font-family:var(--data);font-weight:600;color:var(--acc);margin:0}
.loga{display:flex;flex-wrap:wrap;gap:2.2rem;align-items:center;justify-content:center}
.logotyp{max-height:2.6rem;width:auto;opacity:.8}

/* ---------- text, tabulka, mapa ---------- */
.text{max-width:68ch;display:grid;gap:1rem}
.text h3{margin-top:.8rem}
.text ul,.text ol{margin:0;padding-left:1.3rem;display:grid;gap:.35rem}
.text a{color:var(--acc)}
.tabulka{overflow-x:auto}
.tab{border-collapse:collapse;width:100%;font-size:.94rem}
.tab th,.tab td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.tab th{font-family:var(--head);font-weight:600;color:var(--fg)}
.tab td{color:var(--muted)}
.mapa{display:grid;gap:1rem}
.mapa__ramecek{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:var(--bg-2);aspect-ratio:16/7}
.mapa__odkaz{font-size:.92rem;color:var(--acc);text-decoration:none}

/* ---------- kontakt ---------- */
.kontakt{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.kontakt__polozka{display:grid;gap:.25rem;align-content:start}
.kontakt__popisek{color:var(--muted);font-size:.85rem;text-transform:uppercase;
  letter-spacing:.06em}
.kontakt a{text-decoration:none}
.kontakt__doplnek{color:var(--muted);font-size:.92rem;grid-column:1/-1}

/* ---------- výzva a formulář ---------- */
.cta{padding:calc(var(--pad) * .8 + 1rem) 0;background:var(--bg);border-top:1px solid var(--line)}
.cta__in{display:grid;gap:1.3rem;justify-items:start;max-width:34rem}
.form{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));width:100%}
.form label{display:grid;gap:.3rem;font-size:.88rem;color:var(--muted)}
.form input,.form textarea,.form select{width:100%;padding:.75rem .95rem;border-radius:var(--r-btn);
  border:1px solid var(--line);background:var(--card);color:var(--fg);font:inherit;font-size:.93rem}
.form textarea{min-height:7rem;resize:vertical;field-sizing:content}
/* Bez accent-color je zaškrtávátko souhlasu systémově modré i v hnědém butiku. */
.form input,.form select,.form textarea{accent-color:var(--acc)}
.form .full{grid-column:1/-1}
.form__souhlas{display:flex;gap:.6rem;align-items:start;font-size:.85rem;color:var(--muted)}
.form__souhlas input{width:auto;flex:0 0 auto;margin-top:.25rem}
.form__past{position:absolute;left:-9999px}
.form__stav{grid-column:1/-1;font-size:.92rem}
.form__stav--ok{color:var(--acc)}
.form__stav--chyba{color:var(--err)}

/* ---------- reakce na myš a dotyk ----------

   Do 2026-09-18 neměl základ ani jedno pravidlo s :hover — tlačítka i odkazy
   byly mrtvé, ať na ně člověk najel jakkoli. Odstín se míchá z tokenů přes
   color-mix(), takže žádná šablona nepotřebuje vlastní hodnotu navíc: směrem
   k --fg to na světlém tématu ztmaví a na tmavém zesvětlí, a kontrast proti
   --acc-ink tím v obou případech spíš povyroste. Kde color-mix() chybí,
   prostě nic nebliká — hover je ozdoba, ne funkce. */

.btn,.menu a,.faq__q,.logotyp,.mapa__odkaz{transition:color .15s,background-color .15s,
  border-color .15s,opacity .15s}
.btn:hover{background:color-mix(in oklab,var(--acc) 86%,var(--fg))}
.btn--ghost:hover{background:transparent;border-color:var(--acc);color:var(--acc)}
.menu a:hover{color:var(--fg)}
.faq__q:hover{color:var(--acc)}
.logotyp:hover{opacity:1}
/* Odkazy, kterým je podtržení sebráno, ho na hover dostanou zpátky. */
.foot a:hover,.kontakt a:hover,.osoba__kontakt a:hover,.mapa__odkaz:hover,.text a:hover{
  text-decoration:underline}

@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- telefon ----------
   Desktopové rozestupy témat (--pad až 6rem) dělaly na mobilu z každé sekce
   obrazovku vzduchu, kruhová fotka v heru zabrala celý displej a hlavička
   lámala jméno firmy i tlačítko do více řádků. */
@media (max-width:30rem){
  .head__in{gap:.6rem;padding:.8rem 0}
  .logo{font-size:.95rem;line-height:1.2}
  .head__in>.btn{padding:.6rem .9rem;font-size:.88rem;white-space:nowrap}
  .hero{padding:calc(var(--pad) * .4 + 1rem) 0}
  .sec,.cta{padding:calc(var(--pad) * .4 + 1rem) 0}
  .art{max-width:17rem;justify-self:center;width:100%}
}

/* ---------- tisk ----------

   Tmavá témata (remeslo, terminal) se bez tohohle bloku tisknou jako prázdný
   list: prohlížeč pozadí netiskne, takže na papíře zbyl světlý text na bílé.
   Nejčastěji se přitom tiskne ceník a kontakty. */
@media print{
  [data-t]{--bg:#fff;--bg-2:#fff;--card:#fff;--fg:#000;--muted:#333;--line:#999;
    --acc:#000;--acc-ink:#fff;--shadow:none;--pad:1rem}
  .skip,.menu-obal,.hero__cta,.form,.cta .btn,.ai-widget{display:none}
  body{font-size:11pt}
  .sec,.hero,.cta{padding:.8rem 0;break-inside:avoid}
  .art,.galerie{display:none}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.85em;color:#555}
  .faq__item{break-inside:avoid}
}

/* Terminál — IT, technika, B2B služby. Tmavá, ostrá, technická.
   Působí kompetentně, ne líbivě. */
[data-t="terminal"]{
  color-scheme:dark;
  --bg:#07110B; --bg-2:#0B1410; --card:#0E1A14; --line:#1E3227;
  --fg:#F3F7F2; --muted:#A9BCB0;
  --acc:#B7F34A; --acc-ink:#07110B; --acc-2:#4FD8C4;
  --focus:#4FD8C4; --err:#FF6B5A;
  --r:10px; --r-btn:6px;
  --head:'Space Grotesk',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --data:'JetBrains Mono',ui-monospace,monospace;
  --h1:clamp(2rem,5vw,3.1rem); --h1-lh:1.08; --h1-ls:-.025em; --h1-w:700;
  --shadow:none; --pad:4rem;
}

/* Mřížka a světelný sloupec — svět, kde se všechno měří. */
[data-t="terminal"] .art{
  background:
    repeating-linear-gradient(0deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 1px,transparent 1px 26px),
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 1px,transparent 1px 26px),
    radial-gradient(120% 90% at 78% 12%,color-mix(in srgb,var(--acc-2) 30%,transparent),transparent 60%),
    linear-gradient(160deg,#0B1712,#07110B);
}
/* Panel: stavová tabulka, hodnoty vpravo v monu. */
[data-t="terminal"] .panel{background:var(--card);border:1px solid var(--line);
  border-radius:var(--r);padding:.4rem 1.3rem}
/* Ceník i tabulka drží monospace, aby čísla stála pod sebou. */
[data-t="terminal"] .cena__castka,[data-t="terminal"] .tab td:last-child{font-family:var(--data)}
[data-t="terminal"] .faq__q{font-family:var(--head)}