/* Doktorum TV — site stili */
:root {
    --ana: #0d9488;
    --ana-koyu: #0f766e;
    --lacivert: #0f2e3d;
    --lacivert-koyu: #0a1f2a;
    --zemin: #f4f7f8;
    --kart: #ffffff;
    --metin: #1e293b;
    --soluk: #64748b;
    --cizgi: #e2e8f0;
    --kirmizi: #e11d48;
    --radius: 14px;
    --golge: 0 1px 3px rgba(15, 46, 61, .08), 0 4px 16px rgba(15, 46, 61, .06);
    --golge-buyuk: 0 8px 30px rgba(15, 46, 61, .14);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { max-width: 100%; overflow-x: hidden; }
body {
    font-family: 'Figtree', -apple-system, 'Segoe UI', Roboto, sans-serif;
    background: var(--zemin);
    color: var(--metin);
    line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.kapsayici { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

/* ÜST BAR */
.ust-bar {
    background: var(--lacivert);
    color: #fff;
    position: sticky; top: 0; z-index: 50;
    box-shadow: 0 2px 12px rgba(0,0,0,.15);
}
.ust-ic { display: flex; align-items: center; gap: 24px; height: 68px; }
.logo { display: flex; align-items: center; gap: 10px; font-weight: 800; font-size: 22px; letter-spacing: -.5px; flex-shrink: 0; }
.logo-isaret {
    width: 40px; height: 40px; border-radius: 12px;
    background: linear-gradient(135deg, var(--ana), #14b8a6);
    display: grid; place-items: center; font-size: 20px;
    box-shadow: 0 2px 10px rgba(13,148,136,.5);
}
.logo span b { color: #2dd4bf; }
.arama-form { flex: 1; max-width: 520px; position: relative; }
.arama-form input {
    width: 100%; padding: 11px 44px 11px 18px;
    border-radius: 999px; border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.1); color: #fff; font-size: 14.5px;
    font-family: inherit; outline: none; transition: .2s;
}
.arama-form input::placeholder { color: rgba(255,255,255,.55); }
.arama-form input:focus { background: rgba(255,255,255,.18); border-color: #2dd4bf; }
.arama-form button {
    position: absolute; right: 6px; top: 50%; transform: translateY(-50%);
    background: none; border: none; color: #2dd4bf; font-size: 17px; cursor: pointer; padding: 6px 10px;
}
.ust-linkler { display: flex; gap: 6px; margin-left: auto; align-items: center; }
.ust-linkler a { padding: 8px 14px; border-radius: 8px; font-size: 14.5px; font-weight: 600; color: rgba(255,255,255,.85); transition: .15s; }
.ust-linkler a:hover { background: rgba(255,255,255,.1); color: #fff; }
.ust-linkler a.youtube-btn { background: var(--kirmizi); color: #fff; display: flex; align-items: center; gap: 7px; }
.ust-linkler a.youtube-btn:hover { background: #be123c; }

/* HAMBURGER BUTONU */
.hamburger-btn {
    display: flex; flex-direction: column; justify-content: center; gap: 5px;
    width: 44px; height: 44px; padding: 10px; border-radius: 12px; border: none; cursor: pointer;
    background: rgba(255,255,255,.1); transition: .2s; flex-shrink: 0;
}
.hamburger-btn:hover { background: rgba(45,212,191,.25); }
.hamburger-btn span { display: block; height: 2.5px; border-radius: 2px; background: #fff; transition: .3s; }
.hamburger-btn span:nth-child(2) { width: 70%; }
.hamburger-btn:hover span { background: #2dd4bf; }
.hamburger-btn:hover span:nth-child(2) { width: 100%; }

/* YAN MENÜ (hamburger) */
.menu-perde {
    position: fixed; inset: 0; background: rgba(10,31,42,.55); backdrop-filter: blur(4px);
    opacity: 0; pointer-events: none; transition: .3s; z-index: 90;
}
.menu-perde.acik { opacity: 1; pointer-events: auto; }
.yan-menu {
    position: fixed; top: 0; right: 0; bottom: 0; width: min(380px, 92vw); z-index: 100;
    background: linear-gradient(165deg, var(--lacivert-koyu), var(--lacivert) 70%);
    color: #fff; padding: 22px 22px 26px; overflow-y: auto;
    transform: translateX(105%); transition: transform .35s cubic-bezier(.22,1,.36,1);
    box-shadow: -12px 0 40px rgba(0,0,0,.35);
    display: flex; flex-direction: column;
}
.yan-menu.acik { transform: translateX(0); }
.yan-menu-ust { display: flex; align-items: center; justify-content: space-between; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 16px; }
.menu-kapat {
    width: 38px; height: 38px; border-radius: 50%; border: none; cursor: pointer;
    background: rgba(255,255,255,.1); color: #fff; font-size: 16px; transition: .2s;
}
.menu-kapat:hover { background: var(--kirmizi); transform: rotate(90deg); }
.yan-menu-linkler { display: flex; flex-direction: column; gap: 4px; margin-bottom: 20px; }
.yan-menu-linkler a {
    padding: 11px 14px; border-radius: 12px; font-weight: 700; font-size: 15px;
    color: rgba(255,255,255,.85); transition: .15s;
}
.yan-menu-linkler a:hover { background: rgba(45,212,191,.15); color: #2dd4bf; padding-left: 20px; }
.yan-menu-baslik { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.2px; color: rgba(255,255,255,.45); margin-bottom: 10px; padding-left: 4px; }
.yan-menu-kategoriler { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 22px; }
.yan-menu-kategoriler a {
    display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px;
    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
    border-left: 3px solid var(--kr, var(--ana));
    font-size: 13px; font-weight: 600; transition: .18s;
}
.yan-menu-kategoriler a:hover { background: var(--kr, var(--ana)); border-color: var(--kr, var(--ana)); transform: translateY(-2px); }
.yan-menu-kategoriler .ad { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yan-menu-kategoriler .adet { font-size: 11px; font-weight: 800; background: rgba(255,255,255,.15); padding: 1px 7px; border-radius: 99px; }
.yan-menu-youtube {
    margin-top: auto; text-align: center; padding: 13px; border-radius: 12px;
    background: var(--kirmizi); font-weight: 800; font-size: 14.5px; transition: .2s;
}
.yan-menu-youtube:hover { background: #be123c; transform: translateY(-2px); }

/* KATEGORİ ŞERİDİ */
.kategori-serit { background: #fff; border-bottom: 1px solid var(--cizgi); position: relative; }
.kategori-serit-ic {
    display: flex; gap: 8px; padding: 12px 20px; max-width: 1240px; margin: 0 auto;
    overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none;
}
.kategori-serit-ic::-webkit-scrollbar { display: none; }
.kategori-cip {
    display: inline-flex; align-items: center; gap: 7px; white-space: nowrap;
    padding: 7px 15px; border-radius: 999px; font-size: 13.5px; font-weight: 700;
    color: var(--kr, var(--metin));
    background: color-mix(in srgb, var(--kr, var(--ana)) 9%, #fff);
    border: 1.5px solid color-mix(in srgb, var(--kr, var(--ana)) 30%, #fff);
    transition: .18s;
}
.kategori-cip:hover, .kategori-cip.secili { background: var(--kr, var(--ana)); border-color: var(--kr, var(--ana)); color: #fff; transform: translateY(-1px); }
.serit-ok {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--cizgi); cursor: pointer;
    background: #fff; color: var(--lacivert); font-size: 19px; font-weight: 700; line-height: 1;
    box-shadow: 0 2px 10px rgba(15,46,61,.18); transition: .18s;
    display: none; align-items: center; justify-content: center; padding-bottom: 3px;
}
.serit-ok.gorunur { display: flex; }
.serit-ok:hover { background: var(--ana); border-color: var(--ana); color: #fff; }
.serit-ok-sol { left: 8px; }
.serit-ok-sag { right: 8px; }

/* ARAMA ÖNERİLERİ */
.oneri-kutusu {
    position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 60;
    background: #fff; border-radius: 14px; box-shadow: 0 12px 40px rgba(10,31,42,.25);
    overflow: hidden; display: none; color: var(--metin);
}
.oneri-kutusu.acik { display: block; }
.oneri-kutusu a { display: flex; gap: 11px; align-items: center; padding: 9px 14px; transition: .12s; }
.oneri-kutusu a:hover, .oneri-kutusu a.aktif { background: #f0fdfa; }
.oneri-kutusu a + a { border-top: 1px solid #f1f5f9; }
.oneri-kutusu img { width: 68px; aspect-ratio: 16/9; object-fit: cover; border-radius: 7px; flex-shrink: 0; }
.oneri-kutusu .oneri-metin { min-width: 0; }
.oneri-kutusu .oneri-metin b { display: block; font-size: 13px; line-height: 1.35; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.oneri-kutusu .oneri-metin span { font-size: 11.5px; color: var(--soluk); }
.oneri-kutusu .oneri-tumu { justify-content: center; font-size: 13px; font-weight: 800; color: var(--ana); background: #f8fafc; }

/* HERO */
.hero {
    background: linear-gradient(120deg, var(--lacivert-koyu) 0%, var(--lacivert) 55%, #134e4a 100%);
    color: #fff; padding: 48px 0 56px; position: relative; overflow: hidden;
}
.hero::after {
    content: ''; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px;
    background: radial-gradient(circle, rgba(45,212,191,.18), transparent 65%); border-radius: 50%;
}
.hero-ic { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; position: relative; z-index: 1; }
.hero-etiket {
    display: inline-flex; align-items: center; gap: 8px; background: rgba(45,212,191,.15);
    color: #2dd4bf; padding: 6px 14px; border-radius: 999px; font-size: 13px; font-weight: 700; margin-bottom: 18px;
}
.hero h1 { font-size: 40px; font-weight: 800; line-height: 1.15; letter-spacing: -1px; margin-bottom: 16px; }
.hero h1 em { font-style: normal; color: #2dd4bf; }
.hero p { color: rgba(255,255,255,.75); font-size: 16.5px; max-width: 480px; margin-bottom: 26px; }
.hero-istatistikler { display: flex; gap: 36px; }
.hero-istatistik b { font-size: 26px; font-weight: 800; display: block; color: #2dd4bf; }
.hero-istatistik span { font-size: 13.5px; color: rgba(255,255,255,.6); }
.hero-video { position: relative; border-radius: 18px; overflow: hidden; box-shadow: var(--golge-buyuk); transition: .25s; }
.hero-video:hover { transform: translateY(-4px); }
.hero-video img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.hero-video-bilgi {
    position: absolute; inset: auto 0 0 0; padding: 40px 20px 16px;
    background: linear-gradient(transparent, rgba(10,31,42,.92));
}
.hero-video-bilgi h3 { font-size: 16.5px; font-weight: 700; line-height: 1.35; }
.hero-video-bilgi span { font-size: 13px; color: #2dd4bf; font-weight: 600; }
.oynat-rozet {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%);
    width: 64px; height: 64px; border-radius: 50%; background: rgba(13,148,136,.92);
    display: grid; place-items: center; font-size: 24px; color: #fff;
    box-shadow: 0 4px 24px rgba(13,148,136,.6);
}

/* SLAYDER */
.slayder { position: relative; }
.slayt { display: none; animation: slaytGecis .6s ease; }
.slayt.aktif { display: block; }
@keyframes slaytGecis { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
.slayder-kontrol { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 16px; }
.slayder-nokta {
    width: 9px; height: 9px; border-radius: 99px; border: none; cursor: pointer;
    background: rgba(255,255,255,.3); transition: .25s; padding: 0;
}
.slayder-nokta.aktif { width: 28px; background: #2dd4bf; }
.slayder-ok {
    width: 36px; height: 36px; border-radius: 50%; border: 1px solid rgba(255,255,255,.25); cursor: pointer;
    background: rgba(255,255,255,.1); color: #fff; font-size: 18px; line-height: 1; transition: .2s;
    display: flex; align-items: center; justify-content: center; padding-bottom: 2px;
}
.slayder-ok:hover { background: var(--ana); border-color: var(--ana); }

/* PAYLAŞIM BUTONLARI */
.paylas-cubugu { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding-top: 16px; margin-top: 16px; border-top: 1px solid var(--cizgi); }
.paylas-etiket { font-size: 13px; font-weight: 800; color: var(--soluk); margin-right: 4px; }
.paylas-btn {
    display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; border-radius: 999px;
    font-size: 13px; font-weight: 700; color: #fff; border: none; cursor: pointer; font-family: inherit;
    transition: .18s; box-shadow: 0 2px 8px rgba(15,46,61,.12);
}
.paylas-btn:hover { transform: translateY(-2px); filter: brightness(1.1); box-shadow: 0 6px 16px rgba(15,46,61,.22); }
.paylas-btn svg { width: 15px; height: 15px; fill: currentColor; }
.paylas-wa { background: #25d366; }
.paylas-fb { background: #1877f2; }
.paylas-x { background: #111827; }
.paylas-tg { background: #229ed9; }
.paylas-kopyala { background: var(--lacivert); }
.paylas-kopyala.kopyalandi { background: var(--ana); }

/* BÖLÜMLER */
.bolum { padding: 40px 0 8px; }
.bolum-baslik { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.bolum-baslik h2 { font-size: 24px; font-weight: 800; letter-spacing: -.5px; display: flex; align-items: center; gap: 10px; }
.bolum-baslik h2::before { content: ''; width: 5px; height: 26px; border-radius: 3px; background: var(--ana); }
.tumu-linki { font-size: 14px; font-weight: 700; color: var(--ana); }
.tumu-linki:hover { text-decoration: underline; }

/* VİDEO KARTLARI */
.video-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.video-kart {
    background: var(--kart); border-radius: var(--radius); overflow: hidden;
    box-shadow: var(--golge); transition: .2s; display: flex; flex-direction: column;
}
.video-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-buyuk); }
.kucuk-resim { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #dbe4e8; }
.kucuk-resim img { width: 100%; height: 100%; object-fit: cover; transition: .3s; }
.video-kart:hover .kucuk-resim img { transform: scale(1.05); }
.sure-rozet {
    position: absolute; right: 8px; bottom: 8px; background: rgba(10,31,42,.85);
    color: #fff; font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: 6px;
}
.kategori-rozet {
    position: absolute; left: 8px; top: 8px; color: #fff; font-size: 11.5px; font-weight: 700;
    padding: 4px 10px; border-radius: 6px; background: var(--ana);
}
.video-kart-govde { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.video-kart-govde h3 { font-size: 15px; font-weight: 700; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.video-kart:hover h3, .video-kart:hover h3 a { color: var(--ana-koyu); }
.kucuk-resim { display: block; }
.doktor-adi { font-size: 13px; color: var(--ana-koyu); font-weight: 600; display: flex; align-items: center; gap: 6px; width: fit-content; }
a.doktor-adi:hover { text-decoration: underline; }
.video-meta { margin-top: auto; display: flex; gap: 14px; font-size: 12.5px; color: var(--soluk); }

/* VİDEO DETAY */
.detay-yerlesim { display: grid; grid-template-columns: 1fr 340px; gap: 28px; padding: 32px 0 48px; align-items: start; }
.detay-yerlesim > * { min-width: 0; }
.detay-kutu, .aciklama-metni, .makale p, .detay-kutu h1, .makale h3 { overflow-wrap: anywhere; word-break: break-word; }
.oynatici { border-radius: var(--radius); overflow: hidden; box-shadow: var(--golge-buyuk); aspect-ratio: 16/9; background: #000; }
.oynatici iframe { width: 100%; height: 100%; border: 0; display: block; }
.detay-kutu { background: var(--kart); border-radius: var(--radius); box-shadow: var(--golge); padding: 24px 26px; margin-top: 20px; }
.detay-kutu h1 { font-size: 23px; font-weight: 800; line-height: 1.3; letter-spacing: -.4px; margin-bottom: 12px; }
.detay-meta { display: flex; flex-wrap: wrap; gap: 18px; font-size: 14px; color: var(--soluk); padding-bottom: 16px; border-bottom: 1px solid var(--cizgi); margin-bottom: 16px; }
.detay-meta b { color: var(--metin); }
.aciklama-metni { font-size: 15px; color: #334155; white-space: pre-line; }
.aciklama-metni.kisaltilmis { max-height: 180px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 60%, transparent); mask-image: linear-gradient(#000 60%, transparent); }
.devamini-goster { margin-top: 10px; background: none; border: none; color: var(--ana); font-weight: 700; font-size: 14px; cursor: pointer; font-family: inherit; }
.yan-baslik { font-size: 16px; font-weight: 800; margin-bottom: 14px; }
.makale h3 { font-size: 17px; font-weight: 800; margin: 18px 0 8px; color: var(--lacivert); padding-left: 10px; border-left: 4px solid var(--ana); }
.makale p { font-size: 15px; color: #334155; margin-bottom: 12px; line-height: 1.75; }
.yan-video { display: flex; gap: 12px; padding: 10px; border-radius: 12px; transition: .15s; }
.yan-video:hover { background: #fff; box-shadow: var(--golge); }
.yan-video img { width: 150px; aspect-ratio: 16/9; object-fit: cover; border-radius: 9px; flex-shrink: 0; }
.yan-video h4 { font-size: 13.5px; font-weight: 700; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yan-video span { font-size: 12px; color: var(--soluk); }

/* DOKTOR KARTLARI */
.doktor-avatar {
    width: 64px; height: 64px; border-radius: 50%; flex-shrink: 0;
    background: linear-gradient(135deg, var(--ana), #14b8a6);
    display: grid; place-items: center; font-size: 26px; font-weight: 800; color: #fff;
    box-shadow: 0 4px 14px rgba(13,148,136,.35);
}
.doktor-izgara { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.doktor-kart {
    background: var(--kart); border-radius: var(--radius); padding: 26px 20px;
    box-shadow: var(--golge); text-align: center; transition: .2s;
    display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.doktor-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-buyuk); }
.doktor-kart h2 { font-size: 15.5px; font-weight: 800; line-height: 1.3; }
.doktor-kart:hover h2 { color: var(--ana-koyu); }
.doktor-brans { font-size: 12.5px; color: var(--ana-koyu); font-weight: 700; }
.doktor-sayi { font-size: 12.5px; color: var(--soluk); }
@media (max-width: 1000px) { .doktor-izgara { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .doktor-izgara { grid-template-columns: repeat(2, 1fr); } }

/* SAYFALAMA */
.sayfalama { display: flex; gap: 6px; justify-content: center; padding: 36px 0; flex-wrap: wrap; }
.sayfalama a, .sayfalama span {
    min-width: 40px; height: 40px; display: grid; place-items: center; padding: 0 12px;
    border-radius: 10px; background: #fff; box-shadow: var(--golge); font-weight: 700; font-size: 14px;
}
.sayfalama a:hover { background: var(--ana); color: #fff; }
.sayfalama .aktif { background: var(--ana); color: #fff; }

/* SAYFA BAŞLIĞI */
.sayfa-baslik { background: linear-gradient(120deg, var(--lacivert-koyu), var(--lacivert)); color: #fff; padding: 36px 0; }
.sayfa-baslik h1 { font-size: 30px; font-weight: 800; letter-spacing: -.5px; display: flex; align-items: center; gap: 12px; }
.sayfa-baslik p { color: rgba(255,255,255,.65); margin-top: 6px; font-size: 15px; }

/* ALT BİLGİ */
.alt-bilgi { background: var(--lacivert-koyu); color: rgba(255,255,255,.7); margin-top: 48px; padding: 40px 0 28px; }
.alt-ic { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; padding-bottom: 28px; border-bottom: 1px solid rgba(255,255,255,.1); }
.alt-ic h4 { color: #fff; font-size: 15px; margin-bottom: 12px; }
.alt-ic a { display: block; padding: 4px 0; font-size: 14px; }
.alt-ic a:hover { color: #2dd4bf; }
.alt-not { text-align: center; padding-top: 20px; font-size: 13px; color: rgba(255,255,255,.45); display: flex; flex-direction: column; gap: 6px; align-items: center; }
.alt-imza a { color: #2dd4bf; font-weight: 800; transition: .15s; }
.alt-imza a:hover { color: #5eead4; text-decoration: underline; }

/* YUKARI ÇIK OKU */
.yukari-cik {
    position: fixed; right: 22px; bottom: 22px; z-index: 80;
    width: 46px; height: 46px; border-radius: 50%; border: none; cursor: pointer;
    background: var(--ana); color: #fff; font-size: 20px; font-weight: 800;
    box-shadow: 0 6px 20px rgba(13,148,136,.45);
    opacity: 0; transform: translateY(16px); pointer-events: none; transition: .3s;
}
.yukari-cik.gorunur { opacity: 1; transform: none; pointer-events: auto; }
.yukari-cik:hover { background: var(--ana-koyu); transform: translateY(-3px); }
.uyari-kutusu { background: rgba(225,29,72,.12); border: 1px solid rgba(225,29,72,.3); border-radius: 10px; padding: 12px 16px; font-size: 13px; margin-top: 14px; color: rgba(255,255,255,.8); }

/* MOBİL */
@media (max-width: 1000px) {
    .video-izgara { grid-template-columns: repeat(3, 1fr); }
    .hero-ic { grid-template-columns: 1fr; gap: 32px; }
    .detay-yerlesim { grid-template-columns: 1fr; }
    .alt-ic { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 700px) {
    .video-izgara { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .ust-ic { flex-wrap: wrap; height: auto; padding: 12px 0; }
    .arama-form { order: 3; max-width: none; flex-basis: 100%; }
    .hero h1 { font-size: 30px; }
    .ust-linkler a:not(.youtube-btn) { display: none; }
}
@media (max-width: 460px) {
    .video-izgara { grid-template-columns: 1fr; }
    .detay-kutu { padding: 16px 14px; }
    .detay-kutu h1 { font-size: 19px; }
    .detay-meta { gap: 10px 14px; font-size: 13px; }
    .paylas-btn { padding: 7px 11px; font-size: 12px; }
    .yan-video img { width: 116px; }
    .hero h1 { font-size: 26px; }
    .hero-istatistikler { gap: 20px; }
    .kapsayici { padding: 0 14px; }
}