.footer {
  background: #1e1e1e;
  color: #ccc;
  padding: 40px 20px 10px;
  font-size: 14px;
}

.footer-inner {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.footer h4 {
  color: #fff;
  margin-bottom: 12px;
}

.footer a {
  color: #ccc;
  text-decoration: none;
}

.footer a:hover {
  color: #2c7be5;
}

.footer ul {
  list-style: none;
  padding: 0;
}

.footer ul li {
  margin-bottom: 8px;
}

.footer-btn {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  background: #2c7be5;
  color: #fff;
  border-radius: 5px;
}

.footer-btn:hover {
  background: #1a5dc9;
}

.footer-bottom {
  border-top: 1px solid #333;
  margin-top: 30px;
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #888;
}

a{text-decoration:none;}
.breadcrumbs {
  font-size: 14px;
  margin: 15px 0;
  color: #666;
}

.breadcrumbs a {
  color: #2c7be5;
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.separator {
  margin: 0 6px;
  color: #999;
}


.banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.banner img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 300px;
  object-fit: cover;
}

.banner::before {
  content: "";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.4); /* jemný overlay pro čitelnost textu */
}

.banner-content {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  padding: 1rem;
  z-index: 1;
}

.banner-content h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.banner-content p {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}

.banner-content .cta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.banner-content .btn {
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}

.btn-primary {
  background: #2563eb;
  color: #fff;
}

.btn-primary:hover {
  background: #1d4ed8;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(37,99,235,0.3);
}

.btn-secondary {
  background: rgba(255,255,255,0.9);
  color: #2563eb;
}

.btn-secondary:hover {
  background: #fff;
  color: #1d4ed8;
  transform: translateY(-2px);
}

@media(max-width:768px){
  .banner-content h1 { font-size: 1.8rem; }
  .banner-content p { font-size: 1rem; }
  .banner-content .cta { flex-direction: column; }
}
/* --- Vaše CSS ponecháno s drobnými úpravami --- */
body { margin:0; font-family: Arial, sans-serif; background:#f9fafb; text-align:center;}
header { background-color: #03dac6; padding:10px 20px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; box-shadow:0 2px 4px rgba(0,0,0,0.1); position:relative; }
.pod-header__brand { display:flex; align-items:center; gap:8px; text-decoration:none; color:#0f172a; font-weight:600; font-size:16px; }
.pod-header__brand img { height:40px; width:40px; border-radius:999px; display:block; }
.headInfo { text-align:right; font-size:14px; margin-bottom:10px;padding-right:100px; }
.menu { display:flex; gap:20px; }
.menu a { text-decoration:none; color:black; font-weight:bold; }
.menu-toggle { display:none; cursor:pointer; background:#54c0bc; border:none; color:white; font-size:20px; padding:10px; position:absolute;  right:20px; }
@media (max-width:768px){ .menu { display:none; flex-direction:column; width:100%; background-color:#03dac6; margin-top:10px;} .menu.show{display:flex;} .menu-toggle{display:block;} }

.hero { padding:20px 16px 24px; text-align:center; background-image:url('https://www.ubpro.eu/B/uploads/hlavni/stehovani-plzen-a-okoli.png'); no-repeat center center; background-repeat:no-repeat; background-size:cover; height:250px; color:#000;}
.hero h1{margin:0 0 8px; font-size:clamp(24px,4vw,32px);}
.cta a {text-decoration:none; opacity:.95; display:inline-flex; align-items:center; justify-content:center; padding:8px 14px; border-radius:999px; border:1px solid #0EA5E9; margin:5px;}
#btnn {background:#fff; color:black;}
#btnn-1 {background:black; color:#0EA5E9;}
#btnn-2 {background:#fff; color:#0EA5E9;}

.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; padding:20px; }
.ramecek { background:#fff; padding:20px; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.1); }
.ramecek i { font-size:60px; margin-bottom:10px; color:#0EA5E9; }
.argument-wrap { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.argument-text { display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid #ccc; border-radius:8px; padding:10px 15px; margin:4px; text-decoration:none; color:#333; min-width:120px; }
.argument-text i { font-size:28px; margin-bottom:6px; color:red; }
.argument-text span { text-align:center; font-weight:600; font-size:14px; }
.argument-text:hover { border-color:#999; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.paticka { background:linear-gradient(135deg,#00d3c2,#007c92,#003b66); color:#eee; text-align:center; padding:20px 10px; margin-top:40px; }
.paticka .menu { display:flex; justify-content:center; flex-wrap:wrap; gap:20px; margin-top:10px; }
.paticka .menu a { color:#ccc; text-decoration:none; font-size:14px; }
.paticka .menu a:hover { color:#fff; }
@media (max-width: 768px) {
  .banner {
    height: 280px;
  }

  .banner-content h1 {
    font-size: 26px;
  }
}