* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Arial,sans-serif; line-height:1.6; }
.navbar { display:flex; justify-content:space-between; align-items:center; background:#fff; padding:1rem; position:sticky; top:0; z-index:100; }
.nav-links { list-style:none; display:flex; }
.nav-links li { margin-left:1rem; }
.nav-links a { text-decoration:none; color:#333; }
.menu-icon { display:none; font-size:1.5rem; cursor:pointer; }
@media(max-width:768px) {
  .nav-links { position:absolute; top:60px; right:0; background:#fff; flex-direction:column; width:200px; display:none; box-shadow:0 4px 8px rgba(0,0,0,0.1); }
  .nav-links li { margin:1rem 0; text-align:center; }
  .menu-icon { display:block; }
  .nav-links.active { display:flex; }
}
.home { position:relative; text-align:center; }
.home img { width:100%; height:auto; display:block; }
.home h1 { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:#fff; background:rgba(0,0,0,0.5); padding:0.5rem 1rem; border-radius:5px; }
section { padding:2rem 1rem; max-width:800px; margin:0 auto; }


/* Galeri Stilleri */
.gallery-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.gallery-container figure {
  border: 1px solid #ddd;
  padding: 0.5rem;
  text-align: center;
  background: #fafafa;
  border-radius: 5px;
}
.gallery-container img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 0.5rem;
}
.gallery-container figcaption {
  font-size: 0.9rem;
  color: #333;
}


/* Satın Al Butonları ve Sepet */
.buy-btn, #checkout-btn {
  background: orange;
  color: #fff;
  border: none;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
  border-radius: 4px;
  font-size: 1rem;
}
#cart {
  padding: 1rem;
  background: #f9f9f9;
  margin: 2rem 0;
  border-radius: 5px;
}
#cart h2 {
  margin-bottom: 0.5rem;
}
#cart-items li {
  margin-bottom: 0.25rem;
}


/* Distinct Home and About sections */
#home {
  background: #f0f4f8;
  padding: 3rem 1rem;
  text-align: center;
}
#about {
  background: #ffffff;
  padding: 2rem 1rem;
  max-width: 800px;
  margin: 0 auto;
}
#about h2 {
  margin-bottom: 1rem;
  color: #333;
}

/* Yetişkin Kaz Galerisi */
.adult-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.adult-gallery figure {
  background: #fff;
  border: 1px solid #ddd;
  padding: 0.5rem;
  border-radius: 5px;
  text-align: center;
}
.adult-gallery img {
  max-width: 100%;
  height: auto;
  margin-bottom: 0.5rem;
}
.adult-gallery figcaption {
  font-size: 0.9rem;
  color: #333;
}

/* Accent color for text and frames for photos */
body, h1, h2, h3, p, li, figcaption, .nav-links a, .product span {
  color: #2E8B57; /* SeaGreen accent */
}

img {
  border: 4px solid #2E8B57;
  border-radius: 8px;
}


/* Kuluçka Makinaları Bölümü */
#incubators {
  padding: 2rem 1rem;
  background: #fff8e1;
  text-align: center;
}
.incubator-container {
  max-width: 800px;
  margin: 0 auto;
}
.incubator-container img {
  max-width: 100%;
  height: auto;
  border: 4px solid #2E8B57;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.incubator-container p {
  font-size: 1rem;
  color: #2E8B57;
  line-height: 1.5;
}


/* Kuluçka Makineleri Bölümü - Gelişmiş Stil */
.incubators {
  background: #f9fdf7;
  padding: 3rem 1rem;
  text-align: center;
}
.incubators h2 {
  font-size: 2rem;
  color: #2E8B57;
  margin-bottom: 1.5rem;
}
.incubator-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  align-items: start;
  max-width: 1000px;
  margin: 0 auto 2rem;
}
.incubator-card {
  background: #ffffff;
  border: 2px solid #2E8B57;
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.incubator-card img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.incubator-card h3 {
  font-size: 1.25rem;
  color: #276748;
  margin-bottom: 0.75rem;
}
.incubator-card p {
  font-size: 1rem;
  color: #444;
  line-height: 1.5;
}
.incubator-footer {
  font-size: 1rem;
  color: #276748;
  font-style: italic;
}

/* Kuluçka Makinaleri Ana Sayfa */
.incubators {
  background: #f9fdf7;
  padding: 3rem 1rem;
  text-align: center;
}
.incubators h2 {
  font-size: 2rem;
  color: #2E8B57;
  margin-bottom: 1.5rem;
}
.incubator-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 2rem;
  align-items: start;
  max-width: 1000px;
  margin: 0 auto 2rem;
}
.incubator-card {
  background: #ffffff;
  border: 2px solid #2E8B57;
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.incubator-card img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  margin-bottom: 1rem;
}
.incubator-card h3 {
  font-size: 1.25rem;
  color: #276748;
  margin-bottom: 0.75rem;
}
.incubator-card p {
  font-size: 1rem;
  color: #444;
  line-height: 1.5;
}
.incubator-footer {
  font-size: 1rem;
  color: #276748;
  font-style: italic;
  margin-top:2rem;
}


/* Turuncu tema */
body {
  background-color: #fffaf0;
  color: #ffffff;
}
h1, h2, h3, p {
  background-color: #f97316;
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
}
a {
  color: white;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
video {
  border: 4px solid #f97316;
  border-radius: 10px;
}

/* Satın Al butonu */
#whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  color: white;
  padding: 12px 20px;
  font-size: 16px;
  border-radius: 50px;
  z-index: 999;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
#whatsapp-float:hover {
  background-color: #128C7E;
}


/* Ana Sayfaya Dön butonu */
.back-btn {
  display: inline-block;
  margin: 1rem 0;
  background-color: #f97316;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
}
.back-btn:hover {
  background-color: #e56300;
}

/* Video embed kapsayıcı */
.video-embed {
  margin: 1rem auto;
  max-width: 720px;
  width: 100%;
  border: 4px solid #f97316;
  border-radius: 10px;
  overflow: hidden;
}
.video-embed video {
  width: 100%;
  height: auto;
  display: block;
}


/* Küçültülmüş video kutuları (fotoğraf boyutu) */
.video-embed {
  margin: 0.5rem;
  display: inline-block;
}
.video-embed video {
  /* width set via inline style */
  max-width: 100%;
}


/* Contact icons grid */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 0;
  align-items: center;
  flex-wrap: wrap;
}
.contact-icons-grid h2 {
  width: 100%;
  text-align: center;
  color: #333;
  margin-bottom: 1rem;
}
.icon-box a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.icon-box svg {
  width: 48px;
  height: 48px;
}
.icon-box span {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #333;
}


/* İletişim ikon kutucukları */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 0;
}
.icon-box {
  background-color: #f0f2ff;
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  width: 100px;
}
.icon-box a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.icon-box svg, .icon-box img {
  width: 32px;
  height: 32px;
}
.icon-box span {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #333;
}


/* İletişim ikon kutucukları güncelleme */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 0;
}
.icon-box {
  background-color: #f0f2ff;
  border-radius: 12px;
  padding: 1rem;
  text-align: center;
  width: 80px;
  height: 80px;
}
.icon-box a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #333;
}
.icon-box svg {
  width: 32px;
  height: 32px;
}
.icon-box span {
  margin-top: 0.5rem;
  font-size: 0.75rem;
}


/* İletişim ikon kutucukları (Font Awesome ile) */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 0;
}
.icon-box {
  background-color: #f0f2ff;
  border-radius: 12px;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-box a {
  color: #6366F1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.icon-box i {
  font-size: 2rem;
}
.icon-box span {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: #333;
}


/* Contact icons with FontAwesome */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem 0;
}
.icon-box {
  background: #f0f2ff;
  border-radius: 8px;
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-box a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #6366F1;
  text-decoration: none;
}
.icon-box i {
  font-size: 1.8rem;
}
.icon-box span {
  margin-top: 0.3rem;
  font-size: 0.75rem;
  color: #333;
}


/* Contact icons as orange squares with white fontawesome icons */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem 0;
}
.icon-box {
  background-color: #f97316;
  border-radius: 12px;
  width: 80px;
  height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.icon-box a {
  color: white;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icon-box i {
  font-size: 1.8rem;
  margin-bottom: 0.3rem;
}
.icon-box span {
  font-size: 0.75rem;
  color: white;
}


/* Contact icons using user-provided images */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 0;
}
.icon-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}
.icon-box span {
  margin-top: 0.5rem;
  color: #333;
}


/* Contact icons using user-provided sprites */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  padding: 2rem 0;
}
.icon-box {
  background: #f0f2ff;
  border-radius: 12px;
  padding: 1rem;
  width: 100px;
  text-align: center;
}
.icon-box img {
  display: block;
  margin: 0 auto;
}
.icon-box span {
  margin-top: 0.5rem;
  display: block;
  color: #333;
  font-size: 0.85rem;
}


/* Contact sprite icons */
.contact-icons-grid {
  display: flex;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 0;
}
.icon-box {
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.icon-box a {
  text-decoration: none;
  color: #333;
  text-align: center;
}
.contact-icon {
  width: 310px; /* full icon width */
  height: 221px; /* full icon height */
  background-image: url('images/contact_sprite.png');
  background-size: 932px 221px;
  margin-bottom: 0.5rem;
}
.icon-phone .contact-icon { background-position: 0 0; }
.icon-mail .contact-icon { background-position: -311px 0; }
.icon-map .contact-icon { background-position: -622px 0; }
.icon-box span {
  font-size: 0.75rem;
  color: #333;
}