/* Premium C-Terapi theme */
:root{
  --bg:#fbfcfb;
  --white:#ffffff;
  --deep:#073b2a;
  --green:#1e7a3a;
  --soft:#eaf6ec;
  --muted:#6b7280;
  --radius:14px;
  --shadow: 0 10px 30px rgba(7,59,42,0.06);
  --maxw:1200px;
}
*{box-sizing:border-box}
body{font-family: 'Inter', Arial, sans-serif;background:var(--bg);color:#0b1b16;margin:0;line-height:1.6}
.wrap{max-width:var(--maxw);margin:0 auto;padding:28px}

/* Header */
.site-header{background:linear-gradient(90deg,var(--white),#f8fff8);position:sticky;top:0;z-index:80;box-shadow:var(--shadow);border-bottom:1px solid rgba(14,77,39,0.04)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.brand img{height:72px;display:block;object-fit:contain}
.nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-weight:600;transition:color .18s}
.nav a:hover{color:var(--green)}
.nav .admin-btn{background:var(--green);color:var(--white);padding:8px 14px;border-radius:10px;text-decoration:none}

/* YENİ: KAMPANYA STİLİ (HERO ÜSTÜ) */
.kampanya {
  background: var(--soft);
  color: var(--deep);
  padding: 16px 20px; /* Daha kalın kutu */
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  font-weight: 700; /* Daha kalın yazı */
  text-align: center;
  margin-bottom: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1rem;
  animation: pulse-bright 2s infinite alternate; /* Animasyon eklendi */
  transition: all 0.3s;
}

/* Hero */
.hero{display:flex;align-items:center;justify-content:space-between;padding:60px 20px;background:linear-gradient(180deg,#fff,#f8fff8);border-radius:16px;margin-top:18px;box-shadow:0 14px 40px rgba(7,59,42,0.04)}
.hero-left{max-width:58%}
.hero h1{font-size:2.6rem;color:var(--deep);margin:0 0 12px;letter-spacing:-0.5px}
.hero p{color:var(--muted);font-size:1.05rem;margin:0 0 18px}
.hero-cta{display:flex;gap:12px}

/* BUTONLAR: Çizgiler kaldırıldı ve stil eklendi */
.btn-primary{background:var(--green);color:var(--white);padding:12px 18px;border-radius:10px;border:none;font-weight:700;cursor:pointer; text-decoration: none;}
.btn-secondary{background:transparent;border:2px solid rgba(30,122,58,0.08);padding:12px 18px;border-radius:10px;color:var(--deep);cursor:pointer; text-decoration: none;}

/* Hero Sağ Taraf (Logocterapi.png için) */
.hero-right {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 40%;
}
.hero-image-container {
    background-color: var(--soft); /* Logo arka planı */
    padding: 30px;
    border-radius: var(--radius);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Hafif gölge */
    transform: rotateY(-10deg); /* Hafif 3D efekti */
    transition: transform 0.3s ease;
}
.hero-image-container:hover {
    transform: rotateY(0deg); /* Hover'da düzleşme */
}
.hero-logo-img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 250px; /* Görseli sınırla */
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1)); /* Logoya hafif gölge */
}

/* Services */
.section {margin-top:34px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:18px}
.card{
  position: relative; /* İndirim etiketi için */
  overflow: hidden; /* Etiketin taşan köşesini gizlemek için */
  background:var(--white);
  padding:20px;
  border-radius:12px;
  box-shadow:var(--shadow);
  border:1px solid rgba(14,77,39,0.03);
} 
.card h3{margin:0;color:var(--deep);font-size:1.05rem}
.card p{color:var(--muted);margin-top:8px}

/* Fiyat kuralı güncellendi (flex eklendi) */
.price {
  display: flex;
  align-items: baseline; /* Fiyatları alttan hizala */
  gap: 8px; /* Aralarına 8px boşluk ver */
  font-weight: 800;
  color: var(--green); /* İndirimli fiyat (Yeşil) */
  margin-top: 12px;
  font-size: 1.05rem;
}

/* Form */
.form{background:linear-gradient(180deg,#fff,#fbfff8);padding:20px;border-radius:12px;box-shadow:var(--shadow);border:1px solid rgba(14,77,39,0.03)}
.form label{display:block;color:var(--deep);font-weight:700;margin-top:10px}
.form input,.form select{width:100%;padding:10px;border-radius:10px;border:1px solid #e6efe6;margin-top:8px}
.form button{margin-top:14px;padding:10px 14px;border-radius:10px;border:none;background:var(--deep);color:#fff;cursor:pointer;font-weight:700}

/* Doctors */
.doctor-card{display:flex;gap:12px;align-items:center}
.doctor-card img{width:84px;height:84px;border-radius:12px;object-fit:cover}
.doctor-card h4{margin:0;color:var(--deep)}

/* Footer */
footer{margin-top:40px;padding:30px 0;background:transparent;text-align:center;color:var(--muted)}

/* responsive */
@media (max-width:900px){
  .hero{flex-direction:column;align-items:flex-start}
  .hero-left{max-width:100%}
  .hero-right{max-width:100%;} /* Hero görseli mobilde tam genişlik */
  .brand img{height:56px}
}

/* --- GÜNCELLEME V2: HOVER EFEKTLERİ --- */
.btn-primary, .btn-secondary, .card, .brand img {
  /* Tüm animasyonlar için yumuşak geçiş eklendi */
  transition: all 0.3s ease-in-out;
}

.btn-primary:hover,
.form button:hover {
  /* Butonlara yükselme ve gölge efekti */
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(30, 122, 58, 0.2);
}

.btn-secondary:hover {
  /* İkincil butona yükselme ve belirginleşme efekti */
  transform: translateY(-3px);
  border-color: rgba(30, 122, 58, 0.2);
  box-shadow: 0 10px 20px rgba(7, 59, 42, 0.05);
}

.card:hover {
  /* Kartlara yükselme ve daha belirgin gölge efekti */
  transform: translateY(-5px);
  box-shadow: 0 18px 35px rgba(7, 59, 42, 0.1);
}

.nav a:hover {
  color: var(--green);
  transform: scale(1.05); /* Navigasyon linklerine hafif büyüme */
}


/* --- GÜNCELLEME V2: SLIDER STİLLERİ (SWIPER.JS) --- */

/* Slider'ların taşmasını engellemek için */
.swiper {
  width: 100%;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 40px; /* Pagination için boşluk */
}

.services-slider .swiper-slide {
  height: auto; /* Kartların yüksekliğine göre ayarlanır */
}

.services-slider .card {
  height: 100%; /* Kartların aynı yükseklikte olmasını sağlar */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Slider Navigasyon Okları (Hizmetler) */
.swiper-button-next,
.swiper-button-prev {
  color: var(--green); /* Ana yeşil renk */
  background-color: var(--white);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  box-shadow: var(--shadow);
  transition: all 0.2s ease;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-size: 18px; /* Ok ikonlarını küçültür */
  font-weight: 900;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--soft);
  transform: scale(1.05);
}

/* Slider Sayfalama (Doktorlar) */
.swiper-pagination-bullet {
  background: var(--muted);
  opacity: 0.5;
}
.swiper-pagination-bullet-active {
  background: var(--green);
  opacity: 1;
}


/* --- GÜNCELLEME V2: MOBİL MENÜ VE RESPONSIVE --- */

.nav-toggle {
  display: none; /* Masaüstünde gizli */
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 100;
}
.nav-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background: var(--deep);
  margin: 5px 0;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}

/* Orijinal media query'nizi güncelliyoruz */
@media (max-width: 900px) {
  .hero {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px; /* Resimle yazı arasına boşluk */
  }
  .hero-left {
    max-width: 100%;
  }
  .brand img {
    height: 56px;
  }
  .header-inner {
    padding: 12px 20px;
  }
  .wrap {
    padding: 20px;
  }

  /* Mobil Menü Aktifleşiyor */
  .nav-toggle {
    display: block;
  }
  .nav {
    display: none; /* Navigasyonu gizle */
    flex-direction: column;
    position: absolute;
    top: 80px; /* Header yüksekliği kadar */
    left: 0;
    right: 0;
    background: var(--white);
    box-shadow: var(--shadow);
    padding: 20px;
    border-top: 1px solid var(--soft);
  }
  .nav a {
    margin: 10px 0;
    font-size: 1.1rem;
  }
  .nav .admin-btn {
    margin-top: 10px;
    text-align: center;
  }

  /* Mobil Menü Açıldığında (.nav-open class'ı JS ile eklenecek) */
  .nav-open .nav {
    display: flex; /* Menüyü göster */
  }

  /* Hamburger ikon animasyonu */
  .nav-open .nav-toggle span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .nav-open .nav-toggle span:nth-child(2) {
    opacity: 0;
  }
  .nav-open .nav-toggle span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
  }

  /* Slider'ların mobil görünümü */
  .swiper-button-next,
  .swiper-button-prev {
     display: none; /* Mobilde okları gizle */
  }
}

/* Daha küçük telefonlar için */
@media (max-width: 480px) {
  .hero h1 {
    font-size: 2.1rem;
  }
  .hero-cta {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-cta a {
    text-align: center;
  }
}

/* YENİ: Üstü çizili eski fiyat için */
.price .original-price {
  font-size: 0.9rem; /* Biraz daha küçük */
  color: var(--muted); /* Soluk gri renk (var olan renk paletinden) */
  text-decoration: line-through; /* Üstü çizili */
  font-weight: 400; /* Normal kalınlıkta */
}

/* İNDİRİM ETİKETİ */
.discount-badge {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--admin-danger); /* Kırmızı ton */
  color: var(--white);
  padding: 4px 10px;
  font-size: 0.85rem;
  font-weight: 700;
  z-index: 10;
  /* Köşe kesim efekti için */
  transform: translateX(10px) rotate(45deg); 
  transform-origin: 100% 100%;
  width: 120px;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* KAMPANYA ANIMASYONU */
@keyframes pulse-bright {
  0% { box-shadow: 0 0 0 0 rgba(30, 122, 58, 0.4); }
  70% { box-shadow: 0 0 0 10px rgba(30, 122, 58, 0); }
  100% { box-shadow: 0 0 0 0 rgba(30, 122, 58, 0); }
}
/* Premium C-Terapi theme */
:root{
  --bg:#fbfcfb;
  --white:#ffffff;
  --deep:#073b2a;
  --green:#1e7a3a;
  --soft:#eaf6ec;
  --muted:#6b7280;
  --radius:14px;
  --shadow: 0 10px 30px rgba(7,59,42,0.06);
  --maxw:1200px;
  --admin-danger: #dc3545; 
}
*{box-sizing:border-box}
body{font-family: 'Inter', Arial, sans-serif;background:var(--bg);color:#0b1b16;margin:0;line-height:1.6}
.wrap{max-width:var(--maxw);margin:0 auto;padding:28px}

/* --- TELEFON BANDI STİLİ (KALDIRILDI) --- */

/* Header */
.site-header{background:linear-gradient(90deg,var(--white),#f8fff8);position:sticky;top:0;z-index:80;box-shadow:var(--shadow);border-bottom:1px solid rgba(14,77,39,0.04)}
.header-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 20px
}
.brand img{height:72px;display:block;object-fit:contain}
.nav a{color:var(--muted);text-decoration:none;margin-left:18px;font-weight:600;transition:color .18s}
.nav a:hover{color:var(--green)}

/* YENİ: TELEFON VE ADMIN GRUBU */
.header-contact-group {
    display: flex;
    align-items: center;
    gap: 15px; /* Telefon ve Admin butonu arasındaki boşluk */
}

.header-phone {
    display: flex;
    align-items: center;
    color: var(--deep); /* Telefon rengi */
    text-decoration: none;
    font-weight: 600;
    font-size: 1.05rem;
    transition: color 0.2s;
}

.header-phone:hover {
    color: var(--green);
}

.header-phone .fa-phone {
    color: var(--green); /* İkon rengi */
    margin-right: 8px;
    animation: phone-wiggle 1s ease-in-out infinite; 
}

.admin-btn{
    background:var(--green);
    color:var(--white);
    padding:8px 14px;
    border-radius:10px;
    text-decoration:none;
    margin-left: 0; /* Nav linklerinden ayrıldı */
    transition: background-color 0.2s;
}

/* --- KAMPANYA STİLİ (DİKKAT ÇEKİCİ ANİMASYONLU) --- */
.kampanya {
  background: var(--soft); 
  color: var(--deep); 
  padding: 18px 30px; 
  border-radius: var(--radius); 
  box-shadow: 0 4px 10px rgba(7, 59, 42, 0.08); 
  font-weight: 800; 
  text-align: center;
  margin-bottom: 30px; 
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.1rem; 
  animation: pulse-bright 2s infinite alternate; 
}

/* ... Diğer tüm CSS kuralları devam ediyor ... */

/* YENİ: Mobil için sadece ikon göster */
@media (max-width: 768px) {
    .header-phone span {
        display: none; /* Telefon numarasını gizle */
    }
    .header-contact-group {
        gap: 10px;
    }
}
@media (max-width: 900px){
  /* ... mevcut mobil kuralları ... */
  /* Navigasyon mobil görünümdeyken header-contact-group'u düzelt */
  .header-contact-group {
    order: 3; /* Nav toggle'ın yanına alır */
  }
}

/* *************** ANIMATIONLAR *************** */
@keyframes phone-wiggle {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(5deg); }
    20% { transform: rotate(-5deg); }
    30% { transform: rotate(5deg); }
    40% { transform: rotate(-5deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}

@keyframes pulse-bright {
    0% {
        box-shadow: 0 0 0 0 rgba(30, 122, 58, 0.4);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 0 5px rgba(30, 122, 58, 0.0);
        transform: scale(1.01);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(30, 122, 58, 0.4);
        transform: scale(1);
    }
}