#cenuu{border: 1px solid #000;border-radius:8px;font-size:20px:color:red;background:#FFF;padding:2px;margin:2px;}
.lead{margin:5px;padding:5px;}
 #fghh  {
                  height:60px;width:60px;border-radius:100px;
              }
body{padding:0px;margin:0px;}
      #menu{margin-top:25px;padding:0px;}
i {font-size:30px;
padding:0px;}
   /* výchozí 3 sloupce */
.grid.cols-3 { grid-template-columns: repeat(3, 1fr); }

/* na mobilech pod sebe */
@media (max-width: 767px) {
  .grid.cols-3 { grid-template-columns: 1fr; }
}
 
       l {color:#0EA5E9;}
 a {font-size:20px;color:#0EA5E9;}
 * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #FFF;
     padding: 5px 30px;
      position: relative;
    }

    .logo {
      font-size: 20px;
      font-weight: bold;
    }

    .hamburger {
      display: none;
      font-size: 28px;
      cursor: pointer;
      background: none;
      border: none;
    }

    nav.menu {
      display: flex;
      gap: 20px;
    }

    nav.menu a {
      text-decoration: none;
      color: #0EA5E9;
      padding: 10px;
    }

    nav.menu a:hover {
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 5px;
    }

    @media (max-width: 768px) {
      .hamburger {
        display: block;
      }

      nav.menu {
        display: none;
        flex-direction: column;
        width: 100%;
        background-color: #FFF;
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 10;
      }

      nav.menu.show {
        display: flex;
        text-align: center;
      }
    }
     @media (max-width: 768px) {
          .logo {
      font-size: 20px;
      font-weight: bold;
      color:#0EA5E9;
          }
         }
          @media (max-width: 468px) {
              #fghh{
                  height:60px;width:60px;border-radius:100px;
                  
              }
          }
             @media (max-width: 768px) {
.logo {
      font-size: 13px;
      font-weight: bold;
color:blue;
}
}
 
html, body {
  max-width: 100%;
  overflow-x: hidden;              /* skryje přetečení do šířky */
padding:0px;
margin:0px;
}

/*.container {
  width: 90%;
  max-width: 1000px;
  margin-inline: 0px;
  padding-inline: clamp(12px, 3vw, 20px);
}*/
#termin{text-align:center;margin:8px;}


body{padding:0px;margin:0px;}
#btn{margin-bottom:5px;}
.cta{margin-bottom:5px;}
:root{ --brand:#0EA5E9; --text:#111; --muted:#5b6470; --line:#e8eef3; }
.manzel{ background:#0EA5E9; }
.manzel__inner{
  max-width:1200px; margin:0 auto; padding:clamp(18px,4vw,28px) 16px;
  display:grid; gap:20px; grid-template-columns: 1.1fr 0.9fr; align-items:center;
}
.manzel__text h1{ margin:0 0 8px; font-size:clamp(28px,4vw,40px); color:var(--text); }
.manzel__text .lead{ margin:0 0 12px; color:black; font-size:clamp(16px,2.2vw,18px); margin:5px;}
.btn{ display:inline-block; background:#0EA5A9; color:#fff; text-decoration:none; font-weight:700; padding:12px 16px; border-radius:10px; box-shadow:0 8px 20px rgba(14,165,233,.25); }
.btn:hover{ filter:brightness(.96); }
.link{ color:var(--brand); font-weight:600; text-decoration:underline; margin-left:10px; }

.manzel__media{
  display:flex; justify-content:flex-end; /* obrázek vpravo */
}
.manzel__media img{
  width:50%; max-width:570px; height:auto; border-radius:24px; display:block;
}

@media (max-width:600px){
  .manzel__inner{ grid-template-columns:1fr; }
  /* na mobilu text nahoře, obrázek pod ním – stále zarovnán doprava v rámci řádku */
  .manzel__media{ justify-content:center; } /* chcete-li na mobilech centrovat; klidně ponechte flex-end */
}
}






   






















#menu{margin-top:40px;padding:0px;}
i {padding:10px;font-size:30px;}
h4  {color:#0EA5E9;}
p muted  {color:black;}

    
  
  
a{text-decoration:none;/*color:black;*/}
i{font-size:25px;margin-bottom:5px;letter-spacing: 6.3px; word-spacing: 2.9px;color:#0EA5E9;}
#cenaa{font-family: Arial, sans-serif;font-size:20px;color:#0EA5E9;}


a{text-decoration:none;}
  .faq .container { max-width: 1100px; margin: 0 auto; padding: 20px 16px; }
  .faq-title {
    margin: 0 0 14px;
    text-align: center;
    color: #0EA5E9;
    font-size: clamp(22px, 3.2vw, 28px);
    display: flex; gap: 8px; justify-content: center; align-items: center;
  }
  .faq-title i { font-size: 1.1em; }

  /* Mřížka 3-2-1 sloupce */
  .faq-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media (max-width: 980px) {
    .faq-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 620px) {
    .faq-grid { grid-template-columns: 1fr; }
  }

  /* Karta s details */
  .faq-card {
    border: 1px solid #e8eef3;
    border-radius: 12px;
    background: #fff;
    padding: 10px 12px;
    box-shadow: 0 6px 18px rgba(16,24,40,.04);
    transition: box-shadow .2s ease, transform .2s ease;
  }
  .faq-card[open] { box-shadow: 0 10px 24px rgba(16,24,40,.08); transform: translateY(-1px); }

  /* Summary jako titulek karty */
  .faq-card > summary {
    list-style: none;
    cursor: pointer;
    font-weight: 700;
    padding-right: 28px;  /* místo na šipku */
    position: relative;
  }
  /* vlastní šipka */
  .faq-card > summary::after {
    content: "\f107"; /* Font Awesome chevron-down */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    right: 6px; top: 0;
    transition: transform .2s ease;
  }
  .faq-card[open] > summary::after { transform: rotate(180deg); }

  .faq-card p { margin: 8px 0 0; color: #4b5563; line-height: 1.5; }
  .faq-card a { color: #0EA5E9; font-weight: 600; text-decoration: none; }
  .faq-card a:hover { text-decoration: underline; }



  .chat-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;
    background:#0084FF;color:#fff;display:grid;place-items:center;cursor:pointer;border:0;box-shadow:0 5px 15px rgba(0,0,0,.3);z-index:1000}
  .chat-toggle svg{width:28px;height:28px}
  .chat-box{position:fixed;bottom:90px;right:20px;width:320px;background:#fff;border-radius:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.3);display:none;flex-direction:column;z-index:1000}
  .chat-header{background:#ff6a00;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;font-weight:700}
  .chat-body{padding:10px;font-size:14px}
  .chat-footer{padding:10px;background:#f5f5f5}
  .chat-footer form{display:flex;flex-direction:column;gap:6px}
  .chat-footer input,.chat-footer button{padding:8px;border-radius:5px}
  .chat-footer input{border:1px solid #ccc}
  .chat-footer button{background:#0084FF;color:#fff;border:none;cursor:pointer}
  .error{color:#c62828;background:#ffebee;border:1px solid #ffcdd2;padding:8px;border-radius:6px;margin:8px 10px 0}
  .hp-wrap{position:absolute;left:-5000px;top:auto;width:1px;height:1px;overflow:hidden}




.related__footnote{
  margin: 10px 0 0;
  text-align:center;
  font-size: 20px;
  color:#0EA5E9;   /* jemně šedý text */
}

/* === Styl „Související služby“ === */
.related-services{
  /* světlé pozadí – můžete změnit na #0EA5E9 a texty na #fff pro „barevný pruh“ */
  background:#f7fafc; 
  border-top:1px solid #e8eef3;
  margin-top:24px;
}
.related__wrap{
  max-width:1100px;
  margin:0 auto;
  padding: clamp(16px, 4vw, 28px) 16px;
}
.related__title{
  margin:0 0 12px;
  font-size: clamp(20px, 3vw, 24px);
  text-align:center;
  color:#0EA5E9;
}
.related__grid{
  display:grid;
  gap:12px;
  grid-template-columns: repeat(3, minmax(0,1fr));
}
@media (max-width: 980px){
  .related__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px){
  .related__grid{ grid-template-columns: 1fr; }
}
.related__card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  background:#fff;
  border:1px solid #e8eef3;
  border-radius:14px;
  text-decoration:none;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow: 0 6px 18px rgba(16,24,40,.04);
  color:#0f172a; /* text */
}
.related__card:hover{
  transform: translateY(-2px);
  border-color: rgba(14,165,233,.45);
  box-shadow: 0 10px 24px rgba(14,165,233,.15);
}
.related__icon{
  font-size: 26px;
  width: 40px; height: 40px;
  display:grid; place-items:center;
  background:#f0f9ff;
  color:#0EA5E9;
  border-radius:10px;
  flex:0 0 40px;
}
.related__name{
  font-weight:700;
  font-size: 16px;
  line-height:1.2;
}
.related__cta{
  margin-left:auto;
  font-weight:600;
  color:#0EA5E9;
  display:flex; align-items:center; gap:6px;
}
.related__cta .arrow{ transition: transform .18s ease; }
.related__card:hover .arrow{ transform: translateX(3px); }

j{color:white;padding:5px;font-size:25px;}
i{color:#0EA5E9;;}
li{color:#fff;}
.site-footer{
  background: linear-gradient(5deg, #0EA5E9, #0EA5E9, #0EA5E9); color:#cfd6de;
  border-top:1px solid rgba(255,255,255,.08);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;border-radius:10px;
}
.footer__wrap{
  max-width:1100px; margin:0 auto; padding:15px 16px;
}
.footer__brand{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.08);
}
.footer__brand strong{ color:#fff; font-size:clamp(16px,2.2vw,18px); font-weight:700; letter-spacing:.2px; }

.footer__social a{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:8px;
  background:#121923; color:#cfd6de; text-decoration:none; margin-left:8px;
  transition: transform .15s ease, filter .15s ease, background .15s ease;
}
.footer__social a:first-child{ margin-left:0; }
.footer__social a:hover{ transform:translateY(-1px); filter:brightness(1.1); }

.footer__grid{
  display:grid; gap:14px; grid-template-columns: 1fr 1fr;
  padding-top:14px;
}
.footer__col{color:white;}
.footer__list{ list-style:none; margin:0; padding:0; }
.footer__list li{
  display:flex; align-items:center; gap:20px;
  padding:6px 0; font-size:15px;padding:0px;
}
.footer__list a{ color:#FFF; text-decoration:none; font-size:15px;margin:5px; }
.footer__list a:hover{ text-decoration:underline; }
.footer__list i{ width:18px; text-align:center; opacity:.9;margin:5px; }

@media (max-width:720px){
  .footer__brand{ flex-direction:column; align-items:flex-start; gap:10px; }
  .footer__grid{ grid-template-columns:1fr; }
  .footer__social a{ width:32px; height:32px; border-radius:7px; }
}