/**
 * Anasayfa Stilleri — SADECE anasayfaya özgü bölümler
 * Topbar/Header/Nav/Footer stilleri genel.css'de tanımlı
 */

/* ══════════════════════════════════════
   HERO / SLIDER
══════════════════════════════════════ */
.hero {
    position: relative;
    height: calc(100vh - var(--topbar-yukseklik) - var(--header-yukseklik));
    min-height: 560px;
    max-height: 800px;
    overflow: hidden;
    background-color: var(--renk-ikincil);
}

.slider-sarici {
    display: flex;
    height: 100%;
    transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.slider-slayt {
    min-width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.slider-slayt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Mobilde görsel konumunu sola çek — karakter görünsün */
@media (max-width: 768px) {
    .slider-slayt img {
        object-position: 30% center;
    }
}

.slider-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        110deg,
        rgba(28, 31, 33, 0.88) 0%,
        rgba(39, 44, 47, 0.60) 50%,
        rgba(56, 62, 66, 0.25) 100%
    );
}

.slider-icerik {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
}

.slider-metin {
    max-width: 620px;
    animation: asagidan-gel 0.8s ease forwards;
}

.slider-metin .etiket {
    display: inline-block;
    background: rgba(201, 168, 76, 0.15);
    border: 1px solid var(--altin-400);
    color: var(--altin-400);
    font-size: var(--font-boyut-xs);
    font-weight: var(--font-agirlik-kalin);
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: var(--radius-tam);
    margin-bottom: var(--bosluk-md);
}

.slider-metin h1 {
    font-size: clamp(2rem, 4vw, 3.2rem);
    color: #ffffff;
    margin-bottom: var(--bosluk-md);
    line-height: 1.2;
}

.slider-metin p {
    font-size: var(--font-boyut-lg);
    color: rgba(255, 255, 255, 0.82);
    margin-bottom: var(--bosluk-xl);
    line-height: 1.75;
}

.slider-butonlar {
    display: flex;
    gap: var(--bosluk-md);
    flex-wrap: wrap;
}

/* Slider Kontrolleri */
.slider-kontroller {
    position: absolute;
    bottom: var(--bosluk-xl);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: var(--bosluk-md);
    z-index: 10;
}

.slider-nokta {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-tam);
    background: rgba(255, 255, 255, 0.35);
    border: none;
    cursor: pointer;
    transition: var(--gecis);
    padding: 0;
}

.slider-nokta.aktif {
    background: var(--altin-400);
    width: 28px;
}

.slider-ok {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    color: white;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--gecis);
    z-index: 10;
    backdrop-filter: blur(4px);
}

.slider-ok:hover {
    background: var(--altin-600);
    border-color: var(--altin-600);
}

.slider-ok-sol { left: var(--bosluk-xl); }
.slider-ok-sag { right: var(--bosluk-xl); }

/* ══════════════════════════════════════
   ÖZELLİK KARTLARI
══════════════════════════════════════ */
.ozellikler {
    padding: var(--bosluk-3xl) 0;
    background: #ffffff;
    position: relative;
    margin-top: -60px;
    z-index: 5;
}

.ozellikler-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--bosluk-xl);
}

.ozellik-kart {
    background: var(--renk-arka-plan);
    border-radius: var(--radius-lg);
    padding: var(--bosluk-2xl) var(--bosluk-xl);
    box-shadow: var(--golge-kart);
    border-top: 4px solid var(--renk-birincil);
    transition: var(--gecis);
    text-align: center;
}

.ozellik-kart:hover {
    transform: translateY(-6px);
    box-shadow: var(--golge-hover);
    border-top-color: var(--renk-birincil-acik);
}

.ozellik-ikon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--renk-birincil), var(--renk-birincil-acik));
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--bosluk-lg);
    font-size: 26px;
    color: white;
}

.ozellik-kart h3 {
    font-size: var(--font-boyut-xl);
    color: var(--renk-ikincil);
    margin-bottom: var(--bosluk-md);
}

.ozellik-kart p {
    font-size: var(--font-boyut-sm);
    color: var(--renk-metin-acik);
    line-height: 1.7;
}

/* ══════════════════════════════════════
   HAKKIMIZDA
══════════════════════════════════════ */
.hakkimizda {
    padding: var(--bosluk-4xl) 0;
    background: var(--renk-arka-plan-acik);
}

.hakkimizda-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bosluk-3xl);
    align-items: center;
}

.hakkimizda-gorsel {
    position: relative;
}

.hakkimizda-gorsel img {
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: var(--radius-xl);
    box-shadow: var(--golge-buyuk);
}

.hakkimizda-rozet {
    position: absolute;
    bottom: -20px;
    right: -20px;
    background: var(--renk-birincil);
    color: white;
    padding: var(--bosluk-lg) var(--bosluk-xl);
    border-radius: var(--radius-lg);
    text-align: center;
    box-shadow: var(--golge-altin);
}

.hakkimizda-rozet .sayi {
    font-family: var(--font-baslik);
    font-size: var(--font-boyut-4xl);
    font-weight: var(--font-agirlik-cok-kalin);
    line-height: 1;
}

.hakkimizda-rozet .etiket {
    font-size: var(--font-boyut-xs);
    opacity: 0.9;
    letter-spacing: 1px;
}

.hakkimizda-icerik .etiket {
    display: inline-block;
    font-size: var(--font-boyut-xs);
    font-weight: var(--font-agirlik-kalin);
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--renk-birincil);
    margin-bottom: var(--bosluk-sm);
}

.hakkimizda-icerik h2 {
    font-size: var(--font-boyut-4xl);
    color: var(--renk-ikincil);
    margin-bottom: var(--bosluk-lg);
    line-height: 1.25;
}

.hakkimizda-icerik p {
    color: var(--renk-metin-acik);
    margin-bottom: var(--bosluk-md);
    line-height: 1.8;
}

.uzmanlik-listesi {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bosluk-sm) var(--bosluk-lg);
    margin: var(--bosluk-xl) 0;
}

.uzmanlik-madde {
    display: flex;
    align-items: center;
    gap: var(--bosluk-sm);
    font-size: var(--font-boyut-sm);
    color: var(--renk-metin);
    font-weight: var(--font-agirlik-orta);
}

.uzmanlik-madde::before {
    content: '';
    width: 8px;
    height: 8px;
    background: var(--renk-birincil);
    border-radius: 50%;
    flex-shrink: 0;
}

.ozellik-rozetler {
    display: flex;
    gap: var(--bosluk-md);
    margin-top: var(--bosluk-xl);
    flex-wrap: wrap;
}

.ozellik-rozet-item {
    display: flex;
    align-items: center;
    gap: var(--bosluk-sm);
    background: var(--renk-arka-plan);
    border: 1px solid var(--renk-sinir);
    border-radius: var(--radius-md);
    padding: var(--bosluk-sm) var(--bosluk-md);
    font-size: var(--font-boyut-xs);
    font-weight: var(--font-agirlik-kalin);
    color: var(--renk-ikincil);
}

.ozellik-rozet-item i { color: var(--renk-birincil); }

/* ══════════════════════════════════════
   İSTATİSTİKLER
══════════════════════════════════════ */
.istatistikler {
    padding: var(--bosluk-3xl) 0;
    background: var(--antrasit-700);
    position: relative;
    overflow: hidden;
}

.istatistikler::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(201, 168, 76, 0.08) 0%, transparent 70%);
    border-radius: 50%;
}

.istatistikler-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--bosluk-xl);
    position: relative;
    z-index: 1;
}

.istatistik-item {
    text-align: center;
    padding: var(--bosluk-xl);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.istatistik-item:last-child { border-right: none; }

.istatistik-sayi {
    font-family: var(--font-baslik);
    font-size: clamp(2.5rem, 4vw, 3.5rem);
    font-weight: var(--font-agirlik-cok-kalin);
    color: var(--altin-400);
    line-height: 1;
    margin-bottom: var(--bosluk-sm);
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
}

.istatistik-sayi .artı {
    font-size: 0.6em;
    color: var(--altin-200);
}

.istatistik-etiket {
    font-size: var(--font-boyut-sm);
    color: var(--antrasit-200);
    letter-spacing: 0.5px;
    font-weight: var(--font-agirlik-orta);
}

/* ══════════════════════════════════════
   ÇALIŞMA ALANLARI
══════════════════════════════════════ */
.calisma-alanlari {
    padding: var(--bosluk-4xl) 0;
    background: var(--renk-arka-plan);
}

.hizmet-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--bosluk-xl);
}

.hizmet-kart {
    background: var(--renk-arka-plan);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--golge-kart);
    transition: var(--gecis);
    border: 1px solid var(--renk-sinir-acik);
}

.hizmet-kart:hover {
    transform: translateY(-8px);
    box-shadow: var(--golge-hover);
    border-color: var(--renk-birincil-acik);
}

.hizmet-gorsel {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.hizmet-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.hizmet-kart:hover .hizmet-gorsel img {
    transform: scale(1.08);
}

.hizmet-gorsel-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(28, 31, 33, 0.75) 0%, transparent 65%);
}

.hizmet-icerik {
    padding: var(--bosluk-lg);
}

.hizmet-icerik h3 {
    font-size: var(--font-boyut-lg);
    color: var(--renk-ikincil);
    margin-bottom: var(--bosluk-sm);
    line-height: 1.3;
}

.hizmet-icerik p {
    font-size: var(--font-boyut-sm);
    color: var(--renk-metin-acik);
    line-height: 1.6;
    margin-bottom: var(--bosluk-md);
}

.hizmet-link {
    display: inline-flex;
    align-items: center;
    gap: var(--bosluk-xs);
    font-size: var(--font-boyut-xs);
    font-weight: var(--font-agirlik-kalin);
    color: var(--renk-birincil);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: var(--gecis);
}

.hizmet-link:hover { gap: var(--bosluk-sm); color: var(--renk-birincil-koyu); }

.hizmetler-tumu {
    text-align: center;
    margin-top: var(--bosluk-3xl);
}

/* ══════════════════════════════════════
   ACİL İLETİŞİM BANDI
══════════════════════════════════════ */
.acil-bant {
    background: var(--antrasit-800);
    border-top: 3px solid var(--altin-600);
    border-bottom: 3px solid var(--altin-600);
    padding: var(--bosluk-2xl) 0;
    position: relative;
    overflow: hidden;
}

.acil-bant::before {
    content: '⚖';
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 120px;
    opacity: 0.04;
    line-height: 1;
}

.acil-bant .konteyner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-xl);
    position: relative;
    z-index: 1;
}

.acil-metin h3 {
    font-size: var(--font-boyut-2xl);
    color: #ffffff;
    margin-bottom: var(--bosluk-xs);
}

.acil-metin p {
    color: var(--antrasit-200);
    font-size: var(--font-boyut-md);
    margin: 0;
}

.acil-metin p a {
    color: var(--altin-400);
    font-weight: var(--font-agirlik-cok-kalin);
    font-size: var(--font-boyut-xl);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.acil-metin p a:hover { color: var(--altin-200); }

/* ══════════════════════════════════════
   RANDEVU FORMU
══════════════════════════════════════ */
.randevu {
    padding: var(--bosluk-4xl) 0;
    background: var(--renk-arka-plan-acik);
}

.randevu-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: var(--bosluk-3xl);
    align-items: start;
}

.randevu-bilgi .etiket {
    display: inline-block;
    font-size: var(--font-boyut-xs);
    font-weight: var(--font-agirlik-kalin);
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--renk-birincil);
    margin-bottom: var(--bosluk-sm);
}

.randevu-bilgi h2 {
    font-size: var(--font-boyut-4xl);
    color: var(--renk-ikincil);
    margin-bottom: var(--bosluk-lg);
    line-height: 1.25;
}

.randevu-bilgi p {
    color: var(--renk-metin-acik);
    line-height: 1.8;
    margin-bottom: var(--bosluk-xl);
}

.iletisim-detaylar {
    display: flex;
    flex-direction: column;
    gap: var(--bosluk-md);
}

.iletisim-satir {
    display: flex;
    align-items: flex-start;
    gap: var(--bosluk-md);
}

.iletisim-satir-ikon {
    width: 44px;
    height: 44px;
    background: var(--renk-birincil);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 16px;
    flex-shrink: 0;
}

.iletisim-satir-metin strong {
    display: block;
    font-size: var(--font-boyut-sm);
    color: var(--renk-ikincil);
    margin-bottom: 2px;
}

.iletisim-satir-metin span, .iletisim-satir-metin a {
    font-size: var(--font-boyut-sm);
    color: var(--renk-metin-acik);
}

.randevu-form-kart {
    background: var(--renk-arka-plan);
    border-radius: var(--radius-xl);
    padding: var(--bosluk-2xl);
    box-shadow: var(--golge-kart);
}

.form-satir {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bosluk-md);
}

.form-mesaj-alani {
    background: var(--renk-arka-plan-acik);
    border-radius: var(--radius-lg);
    padding: var(--bosluk-lg);
    margin-top: var(--bosluk-md);
    font-size: var(--font-boyut-sm);
    color: var(--renk-metin-acik);
    display: none;
}

.form-mesaj-alani.basarili { display: block; color: var(--renk-basari); background: #f0fff4; border: 1px solid #c3e6cb; }
.form-mesaj-alani.hata     { display: block; color: var(--renk-hata);   background: #fff5f5; border: 1px solid #f5c6cb; }

/* ══════════════════════════════════════
   MAKALELER
══════════════════════════════════════ */
.makaleler {
    padding: var(--bosluk-4xl) 0;
    background: var(--renk-arka-plan);
}

.makale-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--bosluk-xl);
}

.makale-kart {
    background: var(--renk-arka-plan);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--golge-kart);
    transition: var(--gecis);
    border: 1px solid var(--renk-sinir-acik);
}

.makale-kart:hover {
    transform: translateY(-6px);
    box-shadow: var(--golge-hover);
}

.makale-gorsel {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.makale-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.makale-kart:hover .makale-gorsel img { transform: scale(1.06); }

.makale-kategori-etiket {
    position: absolute;
    top: var(--bosluk-md);
    left: var(--bosluk-md);
    background: var(--renk-birincil);
    color: white;
    font-size: var(--font-boyut-xs);
    font-weight: var(--font-agirlik-kalin);
    padding: 4px 12px;
    border-radius: var(--radius-tam);
    letter-spacing: 0.5px;
}

.makale-icerik {
    padding: var(--bosluk-lg);
}

.makale-meta {
    display: flex;
    align-items: center;
    gap: var(--bosluk-md);
    font-size: var(--font-boyut-xs);
    color: var(--renk-metin-cok-acik);
    margin-bottom: var(--bosluk-sm);
}

.makale-meta i { color: var(--renk-birincil); }

.makale-icerik h3 {
    font-size: var(--font-boyut-lg);
    color: var(--renk-ikincil);
    margin-bottom: var(--bosluk-sm);
    line-height: 1.4;
    transition: var(--gecis);
}

.makale-kart:hover .makale-icerik h3 { color: var(--renk-birincil); }

.makale-icerik p {
    font-size: var(--font-boyut-sm);
    color: var(--renk-metin-acik);
    line-height: 1.6;
    margin-bottom: var(--bosluk-md);
}

.makale-devam {
    display: inline-flex;
    align-items: center;
    gap: var(--bosluk-xs);
    font-size: var(--font-boyut-xs);
    font-weight: var(--font-agirlik-kalin);
    color: var(--renk-birincil);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: var(--gecis);
}

.makale-devam:hover { gap: var(--bosluk-sm); }

.makaleler-tumu {
    text-align: center;
    margin-top: var(--bosluk-3xl);
}

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */
@media (max-width: 1200px) {
    .hizmet-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
    .hizmet-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1024px) {
    .ozellikler-grid { grid-template-columns: 1fr; max-width: 600px; margin: 0 auto; }
    .hakkimizda-grid { grid-template-columns: 1fr; }
    .hakkimizda-gorsel { max-width: 500px; margin: 0 auto; }
    .istatistikler-grid { grid-template-columns: repeat(2, 1fr); }
    .istatistik-item { border-right: none; border-bottom: 1px solid var(--antrasit-600); }
    .istatistik-item:nth-child(n+3) { border-bottom: none; }
    .randevu-grid { grid-template-columns: 1fr; }
    .makale-grid { grid-template-columns: repeat(2, 1fr); }
    .ozellikler { margin-top: 0; }
}

@media (max-width: 768px) {
    .hero { min-height: 480px; max-height: 600px; }
    .slider-ok { display: none; }
    .hizmet-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
    .makale-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
    .acil-bant .konteyner { flex-direction: column; text-align: center; }
    .istatistikler-grid { grid-template-columns: repeat(2, 1fr); }
    .uzmanlik-listesi { grid-template-columns: 1fr; }
    .ozellik-rozetler { flex-direction: column; }
}

@media (max-width: 480px) {
    .istatistikler-grid { grid-template-columns: 1fr; }
    .slider-metin h1 { font-size: 1.8rem; }
    .slider-butonlar { flex-direction: column; }
    .hakkimizda-rozet { position: static; margin-top: var(--bosluk-md); display: inline-block; }
}

/* ══════════════════════════════════════
   GOOGLE YORUMLAR
══════════════════════════════════════ */
.bolum-baslik-koyu .etiket { color: var(--altin-400); border-color: rgba(201,168,76,0.3); background: rgba(201,168,76,0.08); }
.bolum-baslik-koyu p { color: var(--antrasit-300); }
.bolum-baslik-koyu .bolum-cizgi { background: linear-gradient(90deg, transparent, var(--altin-600), transparent); }

.google-yorumlar {
    padding: var(--bosluk-4xl) 0;
    background: var(--antrasit-800);
    position: relative;
    overflow: hidden;
}

.google-yorumlar::before {
    content: '';
    position: absolute;
    top: -80px;
    right: -80px;
    width: 360px;
    height: 360px;
    background: radial-gradient(circle, rgba(201, 168, 76, 0.07) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.yorumlar-ic {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: var(--bosluk-3xl);
    align-items: center;
}

/* Sol: Özet Kartı */
.yorumlar-ozet {
    text-align: center;
    padding: var(--bosluk-2xl) var(--bosluk-xl);
    background: var(--antrasit-700);
    border-radius: var(--radius-xl);
    border: 1px solid rgba(201, 168, 76, 0.25);
    box-shadow: 0 4px 24px rgba(0,0,0,0.25);
    position: relative;
}

.yorumlar-ozet::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--altin-700), var(--altin-400));
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
}

.yorumlar-puan {
    font-family: var(--font-baslik);
    font-size: var(--font-boyut-2xl);
    font-weight: var(--font-agirlik-cok-kalin);
    color: #ffffff;
    margin-bottom: var(--bosluk-sm);
    letter-spacing: 2px;
    text-transform: uppercase;
}

.yorumlar-ozet .yorumlar-yildizlar {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: var(--bosluk-sm);
}

.yorumlar-ozet .yorumlar-yildizlar i {
    color: var(--altin-400);
    font-size: 20px;
}

.yorumlar-sayi {
    font-size: var(--font-boyut-sm);
    color: var(--antrasit-300);
    margin-bottom: var(--bosluk-lg);
}

.yorumlar-google-logo {
    display: flex;
    justify-content: center;
    opacity: 0.85;
}

/* Sağ: Slider */
.yorumlar-slider-dis {
    display: flex;
    align-items: center;
    gap: var(--bosluk-md);
    min-width: 0;
}

.yorumlar-slider-sarici {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    padding: 12px 0; /* hover translateY için dikey boşluk */
}

.yorumlar-slider {
    display: flex;
    gap: var(--bosluk-lg);
    transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.yorum-kart {
    background: var(--antrasit-700);
    border-radius: var(--radius-lg);
    padding: var(--bosluk-xl);
    border: 1px solid rgba(255,255,255,0.07);
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    flex-shrink: 0;
    transition: var(--gecis);
}

.yorum-kart:hover {
    border-color: rgba(201, 168, 76, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.35);
}

.yorum-ust {
    display: flex;
    align-items: center;
    gap: var(--bosluk-md);
    margin-bottom: var(--bosluk-md);
}

.yorum-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--altin-700), var(--altin-400));
    color: var(--antrasit-900);
    font-weight: var(--font-agirlik-cok-kalin);
    font-size: var(--font-boyut-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.yorum-kisi { flex: 1; min-width: 0; }

.yorum-isim {
    font-weight: var(--font-agirlik-kalin);
    font-size: var(--font-boyut-sm);
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yorum-tarih {
    font-size: var(--font-boyut-xs);
    color: var(--antrasit-400);
    margin-top: 2px;
}

.yorum-google-ikon {
    flex-shrink: 0;
    opacity: 0.75;
}

.yorum-yildizlar {
    display: flex;
    gap: 3px;
    margin-bottom: var(--bosluk-md);
}

.yorum-yildizlar i {
    color: var(--altin-400);
    font-size: 12px;
}

.yorum-metin {
    font-size: var(--font-boyut-sm);
    color: var(--antrasit-300);
    line-height: 1.75;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Ok Butonları — flex item olarak sarıcının yanında, kesilmez */
.yorumlar-ok {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--antrasit-600);
    border: 1px solid rgba(255,255,255,0.15);
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--gecis);
    flex-shrink: 0;
}

.yorumlar-ok:hover {
    background: var(--altin-600);
    border-color: var(--altin-600);
    color: var(--antrasit-900);
}

/* Responsive */
@media (max-width: 1024px) {
    .yorumlar-ic { grid-template-columns: 1fr; }
    .yorumlar-ozet {
        display: flex;
        align-items: center;
        gap: var(--bosluk-xl);
        text-align: left;
        padding: var(--bosluk-lg) var(--bosluk-xl);
    }
    .yorumlar-ozet::before { display: none; }
    .yorumlar-ozet .yorumlar-yildizlar { justify-content: flex-start; }
}

@media (max-width: 640px) {
    .yorumlar-ozet { flex-direction: column; text-align: center; }
    .yorumlar-ozet .yorumlar-yildizlar { justify-content: center; }
    .yorumlar-ok { width: 34px; height: 34px; font-size: 12px; }
}