* { margin:0; padding:0; box-sizing:border-box;}
body { font-family:sans-serif; color:#333;}
header {
  position:fixed; top:0; left:0; width:100%;
  background:#fff; display:flex; align-items:center;
  padding:10px 20px; box-shadow:0 2px 5px rgba(0,0,0,0.1); z-index:10;
}
.logo { height:40px; margin-right:10px; }
.company-name { font-size:1.4rem; }

.hero {
  background:url("../img/hero.jpg") center center / cover no-repeat fixed;
  height:80vh; display:flex; justify-content:center; align-items:center;
  margin-top:60px;
}

.hero-text {
  color:#fafafa; font-size:1.5rem;
  text-shadow:0 1px 4px rgba(0,0,0,0.7);
}

.content {
  padding:80px 20px 40px; max-width:960px; margin:auto;
}
.content.gray { background:#f9f9f9; }

.products {
  display:grid; gap:15px;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  margin-bottom:20px;
}
.products img {
  width:100%; border-radius:6px;
}

.description {
  margin:20px 0; font-size:1.1rem;
}

.insta-link {
  margin-top:20px;
}
.insta-link a {
  text-decoration:none; color:#0066cc; font-weight:bold;
}

.contact-form { display:flex; flex-direction:column; gap:12px; }
.contact-form input,
.contact-form textarea {
  padding:8px; font-size:1rem;
  border:1px solid #bbb; border-radius:4px;
}
.contact-form button {
  padding:12px; font-size:1rem;
  background:#0066cc; color:#fff; border:none;
  border-radius:4px; cursor:pointer;
}
.subtitle {
  margin-top: 40px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #444;
}

.spacer {
  height: 60px;
}

.gap-section {
  height: 200px;
  background: url("../img/hero.jpg") center center / cover no-repeat fixed;
}