:root {
      /* Uprav podle červené z loga */
      --accent: #c8102e;
      --accent-dark: #981024;
      --bg-dark: #111820;
      --bg-light: #f5f5f5;
      --text-main: #222;
      --text-muted: #666;
      --max-width: 1200px;
      --radius-lg: 18px;
      --shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.15);
    }

    * {
      box-sizing: border-box;
    }

    body {
      margin: 0;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--text-main);
      background: #fff;
      line-height: 1.5;
    }

    img {
      max-width: 100%;
      display: block;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    .page {
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    .container {
      width: 100%;
      max-width: var(--max-width);
      margin: 0 auto;
      padding: 0 16px;
    }

    /* HEADER / HERO */

    .hero {
      position: relative;
      color: #444;
      background:
       /* linear-gradient(90deg, rgba(0,0,0,0.05), rgba(0,0,0,0.15)),*/
        url("assets/img/header-bg.jpg") center/cover no-repeat;
      /* header-bg.jpg nahraď reálným názvem samostatného obrázku pozadí */
    }

    .hero::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 120px;
    /*  background: linear-gradient(to top, #fff7f7, rgba(255,255,255,0));*/
      pointer-events: none;
    }

    .hero__inner {
      position: relative;
      z-index: 1;
      padding: 18px 0 90px;
    }

    .hero__top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 40px;
    }

    .hero__logo {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .hero__logo img {
      height: 52px;
      width: auto;
    }

    .hero__logo-text {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    /* NAV */

    .nav {
      display: flex;
      align-items: center;
      gap: 24px;
      font-size: 14px;
    }

    .nav__links {
      display: flex;
      gap: 18px;
    }

    .nav__link {
      position: relative;
      padding-bottom: 3px;
    }

    .nav__link::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0;
      height: 2px;
      background: #fff;
      transition: width 0.2s ease;
    }

    .nav__link:hover::after,
    .nav__link--active::after {
      width: 100%;
    }

    .nav__lang {
      display: flex;
      gap: 6px;
    }

    .lang-switcher__btn {
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,0.5);
      background: transparent;
      color: inherit;
      padding: 4px 10px;
      font-size: 12px;
      cursor: pointer;
      text-transform: uppercase;
      letter-spacing: 0.08em;
    }

    .lang-switcher__btn--active {
      background: #fff;
      color: var(--accent);
      border-color: #fff;
      font-weight: 600;
    }

    .nav__toggle {
      display: none;
      border: none;
      background: transparent;
      color: inherit;
      cursor: pointer;
      padding: 4px;
    }

    .nav__toggle-line {
      width: 20px;
      height: 2px;
      background: #fff;
      border-radius: 999px;
      margin: 3px 0;
    }
	
	
	/* HEADER ROW: logo vlevo, všechno ostatní vpravo */
.hero__top{
  display:flex;
  align-items:center;
}

/* ať pravá část zabere zbytek řádku a tlačí se doprava */
#mainNav{
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
  width:auto;
}

/* kontakt (telefony + email) drž v jedné řadě a doprava */
#mainNav .nav__links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:20px;
}

/* jazyky úplně napravo */
#mainNav .nav__lang{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:12px;
}


    /* HERO CONTENT */

    .hero__content {
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
      align-items: center;
      gap: 40px;
    }

    .hero__title {
      font-size: clamp(30px, 4vw, 40px);
      font-weight: 700;
      margin-bottom: 12px;
    }

    .hero__subtitle {
      font-size: 16px;
      max-width: 480px;
      color: rgba(50,50,50,0.95);
	  text-shadow: 
        -1px -1px 0 rgba(72, 84, 172, 0.3),  
         1px -1px 0 rgba(72, 84, 172, 0.3),
        -1px  1px 0 rgba(72, 84, 172, 0.3),
         1px  1px 0 rgba(72, 84, 172, 0.3 	);
	  font-weight: 600;
      
      margin-bottom: 24px;
    }

    .hero__cta {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 10px 22px;
      border-radius: 999px;
      border: none;
      cursor: pointer;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease, color 0.12s ease;
    }

    .btn--primary {
      background: var(--accent);
      color: #fff;
      box-shadow: 0 12px 30px rgba(0,0,0,0.35);
    }

    .btn--primary:hover {
      background: var(--accent-dark);
      transform: translateY(-1px);
      box-shadow: 0 16px 40px rgba(0,0,0,0.45);
    }

    .btn--ghost {
      background: transparent;
      border: 1px solid rgba(255,255,255,0.7);
      color: #fff;
    }

    .btn--ghost:hover {
      background: rgba(255,255,255,0.12);
    }

    .hero__badges {
      margin-top: 24px;
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      font-size: 12px;
      color: rgba(255,255,255,0.8);
    }

    .hero__badge {
      padding: 6px 12px;
      border-radius: 999px;
      background: rgba(0,0,0,0.35);
      border: 1px solid rgba(255,255,255,0.24);
      backdrop-filter: blur(3px);
    }

    .hero__panel {
      background: rgba(255,255,255,0.5);
      /*border-radius: /*var(--radius-lg);*/
      border-radius: 20px;
      border: 1px solid rgba(255,255,255,0.25);
      padding: 18px 18px 16px;
      box-shadow: var(--shadow-soft);
      backdrop-filter: blur(1px);
    }

    .hero__panel-title {
     /*  font-size: 44px;
	 background-image:url("assets/img/24-7.jpg");
	  background-repeat: no-repeat;
    background-position: center center;
    background-size:contain ; *//* KLÍČOVÉ */
      font-weight: 600;
      margin: 2px;
	  text-align:center;
    }

    .hero__panel-grid {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      font-size: 13px;
    }

    .hero__panel-item-label {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: rgba(255,255,255,0.6);
    }

    .hero__panel-item-value {
      font-weight: 600;
    }

    /* BLOCK SECTION S OBRÁZKEM */

    .block-section {
      margin-top: -40px;
      position: relative;
      z-index: 2;
      padding-bottom: 60px;
    }

    .block-card {
      background: #fff;
      border-radius: var(--radius-lg);
      box-shadow: var(--shadow-soft);
      overflow: hidden;
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr);
      gap: 0;
    }

    .block-card__content {
      padding: 28px 28px 24px;
    }

    .block-card__eyebrow {
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: var(--accent);
      font-weight: 600;
      margin-bottom: 6px;
    }

    .block-card__title {
      font-size: 22px;
      margin-bottom: 10px;
    }

    .block-card__text {
      font-size: 14px;
      color: var(--text-muted);
      margin-bottom: 16px;
    }

    .block-card__list {
      list-style: none;
      padding: 0;
      margin: 0;
      display: grid;
      gap: 8px;
      font-size: 14px;
    }

    .block-card__list li::before {
      content: "•";
      margin-right: 8px;
      color: var(--accent);
    }

    .block-card__image {
      min-height: 220px;
      background: url("assets/img/OBRAZEK_BLOK_2850px.jpg") center/cover no-repeat;
    }

    /* DALŠÍ SEKCE */

    .section {
      padding: 40px 0 60px;
    }

    .section--grey {
      background: var(--bg-light);
    }

    .section__header {
      text-align: center;
      margin-bottom: 28px;
    }

    .section__eyebrow {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.16em;
      color: var(--accent);
      font-weight: 600;
      margin-bottom: 6px;
    }

    .section__title {
      font-size: 22px;
      margin-bottom: 8px;
    }

    .section__subtitle {
      font-size: 14px;
      color: var(--text-muted);
      max-width: 520px;
      margin: 0 auto;
    }

    .cards {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
    }

    .card {
      border-radius: 14px;
      padding: 18px 18px 16px;
      background: #fff;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      font-size: 14px;
    }

    .card__title {
      font-weight: 600;
      margin-bottom: 6px;
    }

    .card__text {
      color: var(--text-muted);
      font-size: 13px;
    }

    /* CONTACT / FOOTER */

    .contact-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
      gap: 26px;
      align-items: flex-start;
    }

    .contact-info__item {
      margin-bottom: 10px;
      font-size: 14px;
    }

    .contact-info__label {
      font-weight: 600;
    }

    .contact-form {
      background: #fff;
      padding: 20px;
      border-radius: 14px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
      font-size: 14px;
    }

    .form-row {
      margin-bottom: 12px;
    }

    .form-row label {
      display: block;
      margin-bottom: 4px;
      font-size: 13px;
    }

    .form-row input,
    .form-row textarea {
      width: 100%;
      padding: 9px 10px;
      border-radius: 8px;
      border: 1px solid #ddd;
      font: inherit;
    }

    .form-row textarea {
      min-height: 80px;
      resize: vertical;
    }

    .footer {
      background: var(--bg-dark);
      color: rgba(255,255,255,0.75);
      font-size: 12px;
      padding: 16px 0 18px;
    }

    .footer__inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
      flex-wrap: wrap;
    }

    .footer__right {
      display: flex;
      gap: 14px;
      flex-wrap: wrap;
    }

    /* RESPONSIVE */

    @media (max-width: 900px) {
      .hero__content {
        grid-template-columns: minmax(0, 1fr);
      }

      .block-card {
        grid-template-columns: minmax(0, 1fr);
      }

      .block-card__image {
        order: -1;
        min-height: 180px;
      }

      .cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .contact-grid {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    @media (max-width: 720px) {
      .hero__inner {
        padding-bottom: 70px;
      }

      .hero__top {
        align-items: center;
      }

      .nav__toggle {
        display: block;
      }

      .nav__links,
      .nav__lang {
        display: none;
      }

      .nav--open .nav__links,
      .nav--open .nav__lang {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-top: 10px;
      }

      .nav {
        flex-direction: column;
        align-items: flex-end;
      }

      .hero__panel {
        margin-top: 8px;
      }

      .cards {
        grid-template-columns: minmax(0, 1fr);
      }

      .block-card__content {
        padding: 20px 18px 18px;
      }
    }
	
	
	.services-main {
  padding: 60px 0;
  background: #f7f9fc;
}

.services-main__title {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 28px;
  color: #0a0a0a;
}

.services-main__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.service-box {
  background: #fff;
  border-radius: 14px;
  padding: 24px 20px;
  box-shadow: 0 6px 25px rgba(0,0,0,0.08);
  transition: transform .15s ease, box-shadow .15s ease;
}

.service-box:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.service-box__icon img {
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
}

.service-box__title {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 8px;
}

.service-box__text {
  font-size: 14px;
  color: #475467;
  line-height: 1.5;
}

/* RESPONSIVNÍ VERZE */
@media (max-width: 992px) {
  .services-main__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 580px) {
  .services-main__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}


.top-menu-contact {
    display: flex;
    gap: 20px;
    align-items: center;
    font-size: 14px;
}

.top-menu-contact .item {
    white-space: nowrap;
}

.top-menu-contact a {
    color: inherit;
    text-decoration: none;
}

.top-menu-contact a:hover {
    text-decoration: underline;
}

.icon-arrow{
  display:inline-flex;
  vertical-align:middle;
  margin-right:6px;
}


h2::before {
    content: ""; /* Povinné, aby se prvek zobrazil */
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px; /* Mezera mezi ikonou a textem */
    vertical-align: middle; /* Vycentrování s textem */
    
    /* Váš Base64 kód zde */
    /*
	background-image: url("data:image/png;base64,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");
    */
	background-image:url("assets/img/mapa-bod.png");
	background-size: contain;
    background-repeat: no-repeat;
}
section {
    /* Barva pozadí sekce */
    background-color: #ffffff; 

    /* Vytvoření jedné tečky (střed, velikost, barva) */
    background-image: radial-gradient(#d1d1d1 1px, transparent 1px);

    /* Definice rozestupů mezi tečkami (např. mřížka 20x20px) */
    background-size: 20px 20px;
}


@media (max-width: 980px) {

  /* celý header do sloupce */
  .hero__top{
    flex-direction:column;
    align-items:stretch;
    gap:10px;
  }

  /* logo = vlastní řádek */
  .hero__top .logo{
    align-self:flex-start;
  }

  /* navigace = druhý řádek */
  #mainNav{
    width:100%;
    margin-left:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }

  /* kontakty vedle sebe */
  #mainNav .nav__links{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
  }

  /* jazyky drž vpravo */
  #mainNav .nav__lang{
    margin-left:auto;
    display:flex;
    gap:8px;
  }

  /* hamburger vlevo v druhém řádku */
  .nav__toggle{
    display:block;
    margin-right:10px;
  }

  .nav__toggle-line{
    background:#111;
  }
}