/* Hizmetler sayfasına özel tasarımlar */

/* Başlık */
.service-hero h1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #222;
  text-align: center;
  margin-bottom: 20px;
}

/* Açıklama metni */
.service-hero p {
  font-size: 1.1rem;
  color: #555;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 30px auto;
}

/* Bullet list */
.service-hero ul {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  text-align: center;
}
.service-hero ul li {
  font-size: 1rem;
  color: #444;
  margin-bottom: 10px;
}

/* Teklif Al butonu */
.service-hero .btn-primary {
  background: #3155ff;
  border: none;
  padding: 10px 25px;
  border-radius: 6px;
  transition: 0.3s;
}
.service-hero .btn-primary:hover {
  background: #1e3bd6;
}

/* FAQ bölümü */
.faq-section {
  margin-top: 60px;
}
.faq-section h3 {
  text-align: center;
  font-weight: 700;
  margin-bottom: 30px;
}
.faq-section .accordion-button {
  background: #f8f9fa;
  color: #222;
  font-weight: 500;
}
.faq-section .accordion-button:not(.collapsed) {
  background: #3155ff;
  color: #fff;
}


/* --- Soft arkaplan ve kart görünümü (hizmetler) --- */
body.page-services{
  background:
    radial-gradient(800px 400px at -10% 0%, rgba(45,61,223,.06), transparent 60%),
    radial-gradient(800px 400px at 110% 10%, rgba(124,58,237,.06), transparent 55%),
    #eeeded;
}
.service-card{
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .2s ease, box-shadow .2s ease;
  background: #fff;
}
.service-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}
.service-thumb{ object-fit: cover; height: 180px; }