/* =========================
   CENAZE ÜYELİĞİ
========================= */
    .service-hero {
      position: relative;
      padding: 180px 0 95px;
      background:
        linear-gradient(rgba(12, 48, 31, 0.82), rgba(12, 48, 31, 0.72)),
        url("../../assets/images/cenaze-uyeligi/cenaze.jpg") center/cover no-repeat;
      color: #fff;
    }

    .service-hero h1 {
      color: #fff;
      font-size: clamp(2.5rem, 6vw, 4.2rem);
      line-height: 1.08;
      margin-bottom: 16px;
      max-width: 800px;
    }

    .service-hero p {
      max-width: 760px;
      font-size: 1.08rem;
      line-height: 1.9;
      color: rgba(255,255,255,0.92);
    }

    .service-hero .section-tag {
      background: rgba(255,255,255,0.14);
      color: #fff;
      border: 1px solid rgba(255,255,255,0.22);
      margin-bottom: 18px;
    }

    .service-block {
      padding: 80px 0;
    }

    .service-row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
      align-items: center;
    }

    .service-row.reverse {
      direction: rtl;
    }

    .service-row.reverse > * {
      direction: ltr;
    }

    .service-image-card {
      background: #fff;
      border-radius: 30px;
      overflow: hidden;
      box-shadow: 0 20px 42px rgba(19, 48, 34, 0.08);
      min-height: 360px;
    }

    .service-image-card img {
      width: 100%;
      height: 100%;
      min-height: 360px;
      object-fit: cover;
      display: block;
    }

    .service-text h2 {
      font-size: clamp(2rem, 4vw, 3rem);
      line-height: 1.15;
      margin-bottom: 18px;
      color: var(--text-dark);
    }

    .service-text p {
      font-size: 1.05rem;
      line-height: 1.9;
      color: var(--text-soft);
      margin-bottom: 14px;
    }

    .service-list {
      display: grid;
      gap: 12px;
      margin-top: 18px;
    }

    .service-list div {
      background: #fff;
      border-radius: 18px;
      padding: 16px 18px;
      border: 1px solid #e4eee6;
      box-shadow: 0 10px 24px rgba(19, 48, 34, 0.05);
      color: var(--text-dark);
      font-weight: 500;
    }

    .info-highlight {
      background: #f4f9f5;
      border-left: 5px solid var(--green-500);
      border-radius: 18px;
      padding: 22px 24px;
      margin-top: 20px;
      box-shadow: 0 10px 24px rgba(19, 48, 34, 0.05);
    }

    .info-highlight strong {
      display: block;
      color: var(--green-700);
      margin-bottom: 8px;
    }

    .info-highlight p {
      margin: 0;
      color: var(--text-dark);
      line-height: 1.8;
    }

    .soft-section {
      background: #f3f8f3;
    }

    @media (max-width: 920px) {
      .service-row,
      .service-row.reverse {
        grid-template-columns: 1fr;
        direction: ltr;
      }

      .service-hero {
        padding: 150px 0 75px;
      }

      .service-image-card,
      .service-image-card img {
        min-height: 260px;
      }
    }
/* =========================
   SALON KİRALAMA
========================= */

.salon-hero {
  padding: 180px 0 90px;
  background:
    linear-gradient(rgba(12,48,31,0.7), rgba(12,48,31,0.6)),
    url("../images/home/kultur.jpg") center/cover;
  color: white;
  text-align: center;
}

.salon-hero h1 {
  font-size: 3rem;
}

.salon-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.salon-card {
  background: white;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.salon-card h3 {
  margin-bottom: 10px;
}

.salon-features {
  margin-top: 20px;
}

.salon-features li {
  margin-bottom: 10px;
  color: #555;
}
/* Fix witte ruimte onder afbeelding op salon/dernek kiralama */
.intro-image-card {
  min-height: 0;
  height: 420px;
}

.intro-image-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
