:root {
    --play: running;
    --direction: normal;
    --duration: 84.297001953125s;
    --delay: 0s;
    --iteration-count: infinite;
}
.hero { background-color: var(--kirmizi); min-height:100px;padding:20px 0}
 
.hero video { aspect-ratio: 16 / 7; max-width: 100%;object-fit: cover; 
    width: 100%;
    height: 100%;
    display: block; }
.hero iframe{ aspect-ratio: 16 / 9; width: 100%; margin: 50px 0; height:100%}
.video-mask {
    border-radius: 30px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 560px;
}

.klinik-kutu {
    text-align: center;
    padding: 20px;
    color: var(--kirmizi);
}
.klinik-kutu a { text-decoration:none}
.klinik-kutu h5{ color: var(--kirmizi); text-decoration:none; font-size:1rem; text-decoration:none}
.klinik-kutu:hover { background-color: var(--kirmizi); border-radius: 20px; color: #fff;}
.klinik-kutu:hover h5{ color:#fff}
.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: var(--klinik-bg); /* Opsiyonel: Arka plan */
  color: var(--kirmizi);
  padding: 30px 0;
  border-top: 1px solid var(--kirmizi);
  border-bottom: 1px solid var(--kirmizi);
}

.track {
  display: inline-block;
  white-space: nowrap;
  animation: marquee 70s linear infinite;
}

.track span {
  padding-right: 4em; /* Kelimeler arası boşluk */
  display: inline-block;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
}
.markalar{ padding: 0;}
.markalar .track span {
     
    padding-right: 0;
}

/* Hover durumunda durdurma */
.marquee:hover .track {
  animation-play-state: paused;
}
/* Arka planlar tam yayılır */
 h2.baslik {
        margin-bottom: 1.5rem;
        font-size: 4.5rem;
        line-height: 110%;
        letter-spacing: -.03em;
        color : var(--kirmizi);
        font-weight: bold;
}
.split-section p{font-size: 1.1em;}
    .split-section img {
        border-radius: 1.875rem;
        border-width: 2px !important;
        border-style: solid !important;
        border-color: #fdfdfd !important;
        margin:40px;
        width: calc( 100% - 80px);
    }
/* İçeriklerin genişliğini Bootstrap container'ına uydurma (yaklaşık 570px yarım container) */
.left-content-wrap, .right-content-wrap {
    max-width: 700px; 
    width: 100%;
}

/* Görseldeki yuvarlak köşeli resim için */
.custom-rounded {
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* MOBİL AYARLAR */
@media (max-width: 768px) {
    .split-section .sol, .split-section .sag {
        min-height: auto;
        justify-content: center !important; /* Mobilde ortala */
        padding:  20px;
    }
    
    .left-content-wrap, .right-content-wrap {
        max-width: 100%;
    }
     .split-section img{ margin: 0;; width: 100%;}
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
 /* Ana yorumlar konteynerı için stil */
        .reviews-container {
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* Çok hafif gölge */
            border: 1px solid #dedede;
        }

        /* Yorum başlığı kırmızısı */
        .reviews-header {
            color: var(--kirmizi);
            margin: 15px 0px;
            font-weight: 600;
           font-size: 18px;
            padding-left: 15px;
            padding-bottom: 20px;
            border-bottom: 1px solid var(--kirmizi);
        }

        /* Tek bir yorum kartı stili */
        .review-card {
            padding: 20px;
            margin-bottom: 20px;
            border-right: 1px solid #e9ecef; /* Ortadaki ayırıcı çizgi */
            height: 100%; /* Sütunların aynı yükseklikte olmasını sağlamak için */
        }
        
         @media (min-width: 768px) {
             .row > .col-md-6:last-child .review-card {
                border-right: none;
            }
        }
        
        /* Mobil görünümde ayırıcı çizgiyi kaldır */
        @media (max-width: 767.98px) {
             .review-card {
                border-right: none;
                border-bottom: 1px solid #e9ecef;
                padding-bottom: 30px;
            }
             .row > .col-md-6:last-child .review-card {
                border-bottom: none;
            }
            h2.baslik { font-size: 3rem;}
        }

        /* Yıldızlar için renk */
        .rating-stars {
            color: #dc3545; /* Kırmızı yıldızlar */
            font-size: 1.2rem;
        }

        /* Konum başlığı */
        .review-location {
            font-size: 1.1rem;
            font-weight: bold;
            margin-top: 10px;
        }

        /* Yorum metni */
        .review-text {
            color: #555;
            line-height: 1.6;
            margin-top: 15px;
            font-style: italic; /* Resimdeki metin eğik gibi duruyor */
        }

        /* Resim stili */
        .review-image {
            max-width: 100px;
            height: auto;
            border-radius: 8px;
            margin-top: 15px;
        }
        
        /* Sayfalama stili */
        .pagination-container {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
        .pagination .page-item .page-link {
            color: #dc3545; /* Aktif olmayan bağlantı metni */
            border: none;
            margin: 0 2px;
            border-radius: 5px !important;
        }
        .pagination .page-item.active .page-link {
            background-color: #dc3545;
            border-color: #dc3545;
            color: white;
        }

@media (max-width: 768px) {
    .hero { padding:0px }
    .video-mask { min-height: 300px; border-radius:0px }
    .hero video { aspect-ratio: 5 / 7;}
}