/* reset */
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}

  /* progress bar */
  #progress-bar{
    position:fixed;top:0;left:0;height:4px;width:0%;
    background:linear-gradient(90deg,#ff7a00,#ffbb33);
    z-index:9999;
  }

  /* nav */
  nav{
    position:fixed;top:0;left:0;right:0;
    display:flex;justify-content:space-between;align-items:center;
    padding:12px 5%;gap:1rem;
    background:rgba(0,0,0,0.85);backdrop-filter:blur(4px);
    z-index:9998;
  }
  .logo{color:#ff7a00;font-weight:700;letter-spacing:1px}
  nav ul{list-style:none;display:flex;gap:1.5rem;align-items:center}
  nav a{color:#eee;text-decoration:none;padding:6px 2px;border-bottom:2px solid transparent;transition:all .18s ease;font-weight:500}
  nav a:hover{color:#ffb14a}
  nav a.active{color:#ff7a00;border-bottom-color:#ff7a00}

  /* hero */
  .hero{
    height:80vh; /* tvá změna */
    display:flex;
	align-items:center;
	justify-content:center;
    color:white;
	text-align:center;
	position:relative;
  }
  .hero::after{ content:""; position:absolute; inset:0; background:rgba(80,0,0,.55) } /*Barva pozadí*/
  .hero .inner{z-index:5; padding:0 5%}
  .hero h1{font-size:3rem; letter-spacing:2px; text-transform:uppercase; margin-bottom:.10rem} /*Hlavní text */
  .hero p{color:#ddd}

  /* content */
  .section{
    background:#0f0f0f; color:#eee; padding:5rem 8%; scroll-margin-top:72px;
    min-height:60vh;
  }
  .section h2{color:#ff7a00;margin-bottom:1rem;font-size:1.8rem}

  /* vyroba grid - vedle sebe */
  .vyroba-grid{
    display:flex;flex-wrap:wrap;gap:1.25rem;margin-top:1.5rem;justify-content:flex-start;
  }
  .vyroba-item{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    width:220px;min-height:140px;padding:1.1rem;border-radius:10px;
    background:#1d1d1d;border:1px solid #2b2b2b;color:#eee;text-decoration:none;
    transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
  }
  .vyroba-item:hover{ transform:translateY(-6px); border-color:#ff7a00; box-shadow:0 6px 20px rgba(255,122,0,.12) }
  .vyroba-item h3{ color:#ff7a00; margin-bottom:.6rem; font-size:1.05rem; text-align:center }
  .ikona{ font-size:2.4rem; margin-top:.2rem; }

  /* záře při hoveru (ikonka) */
  .vyroba-item:hover .ikona{
    text-shadow: 0 0 8px #ff7a00, 0 0 18px #ffbb33, 0 0 26px #ff7a00;
    transition: text-shadow .35s ease;
    animation: pulseGlow 1.4s infinite alternate;
  }
  @keyframes pulseGlow{
    from { text-shadow: 0 0 6px #ff7a00, 0 0 14px #ffbb33; }
    to   { text-shadow: 0 0 18px #ff7a00, 0 0 36px #ffbb33; }
  }

  /* drobné responsivní úpravy */
  @media (max-width:820px){
    nav ul{gap:1rem}
    .vyroba-grid{justify-content:center}
  }
  @media (max-width:520px){
    .vyroba-item{width:100%;max-width:420px}
    .hero h1{font-size:1.8rem}
  }
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
  margin-top: 2rem;
}

.gallery img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery img:hover {
  transform: scale(1.03);
  box-shadow: 0 0 12px rgba(255,122,0,0.4);
}

.back {
  display: inline-block;
  margin-top: 2rem;
  color: #ff7a00;
  text-decoration: none;
  font-weight: 600;
}
.back:hover {
  text-decoration: underline;
}
html, body {
  height: 100%;
  background-color: #0f0f0f; /* stejné jako sekce */
}

.section {
  flex: 1;
  background-color: #0f0f0f; /* tmavé pozadí pro jistotu */
}