/* ============================================================
   Pendik Bilgisayar Kursu — Responsive & Cross-Browser CSS
   Tüm cihazlar: Akıllı Saat → Telefon → Tablet → Masaüstü → 4K TV
   ============================================================ */

/* ============================================================
   CROSS-BROWSER TEMEL DÜZELTMELER
   ============================================================ */

/* IE11 / Edge Legacy — flex gap polyfill */
@supports not (gap: 1px) {
    .nav__list > * + * { margin-left: 4px; }
    .hero__actions > * + * { margin-left: 14px; }
    .hero__stats > * + * { margin-left: 32px; }
    .footer__social > * + * { margin-left: 12px; }
    .filter-tabs > * + * { margin-left: 8px; }
}

/* Safari — sticky position fix */
.header {
    position: -webkit-sticky;
    position: sticky;
}

/* Firefox — scrollbar gizleme */
.blog-sidebar,
.nav,
.pop-tabs {
    scrollbar-width: none;
}

/* WebKit — scrollbar gizleme */
.blog-sidebar::-webkit-scrollbar,
.nav::-webkit-scrollbar,
.pop-tabs::-webkit-scrollbar {
    display: none;
}

/* Safari — backdrop-filter prefix */
.kategori-kart {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

/* Safari — line-clamp prefix */
.yorum-kart__metin,
.kurs-kart__aciklama,
.blog-kart__ozet {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* IE11 — object-fit polyfill hint */
.kurs-kart__gorsel img,
.blog-kart__gorsel img,
.hakkimizda__img img,
.blog-detay__gorsel {
    -o-object-fit: cover;
    object-fit: cover;
}

/* Firefox — appearance reset */
select,
input[type="search"],
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

/* Safari — input zoom önleme (16px altı font-size) */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="search"],
select,
textarea {
    font-size: max(16px, 1em);
}

/* iOS Safari — tap highlight kaldır */
a,
button,
.btn,
.filter-tab,
.pop-tab,
.nav__link,
.hamburger {
    -webkit-tap-highlight-color: transparent;
}

/* iOS Safari — momentum scroll */
.nav,
.blog-sidebar,
.pop-tabs {
    -webkit-overflow-scrolling: touch;
}

/* Safari — transform3d GPU hızlandırma */
.nav,
.kurs-kart,
.blog-kart,
.kategori-kart,
.whatsapp-fab,
.scroll-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
}

/* Firefox — focus outline */
:focus-visible {
    outline: 3px solid #f59e0b;
    outline-offset: 2px;
}

/* IE11 — CSS Grid fallback */
@supports not (display: grid) {
    .hero .container,
    .kurs-grid,
    .blog-grid,
    .footer__grid,
    .kategori-grid {
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
    .kurs-grid > *,
    .blog-grid > * {
        width: calc(33.333% - 16px);
        margin: 8px;
    }
}

/* Samsung Internet — color-scheme */
:root {
    color-scheme: light;
}

/* Opera Mini — animasyon devre dışı */
@media (prefers-reduced-data: reduce) {
    *,
    *::before,
    *::after {
        animation: none !important;
        transition: none !important;
    }
}

/* ============================================================
   AKILLI SAAT — Apple Watch Safari (max 320px, max-height 390px)
   ============================================================ */
@media (max-width: 320px) and (max-height: 390px) {
    .topbar { display: none; }
    .header { height: 48px; min-height: 48px; }
    .header__logo img { height: 28px; }
    .header__logo-text { display: none; }
    .hamburger { display: flex; }
    .nav { display: none; }
    .hero { padding: 20px 0 16px; min-height: auto; }
    .hero__title { font-size: 1rem; }
    .hero__desc { display: none; }
    .hero__stats { display: none; }
    .hero__actions { flex-direction: column; }
    .hero__actions .btn { width: 100%; justify-content: center; font-size: .8rem; padding: 8px 12px; }
    .section-pad { padding: 16px 0; }
    .container { padding: 0 8px; }
    .footer { padding: 20px 0 12px; }
    .footer__grid { grid-template-columns: 1fr; gap: 12px; }
    .footer__trust { display: none; }
    .whatsapp-fab { width: 36px; height: 36px; bottom: 8px; right: 8px; }
    .whatsapp-fab i { font-size: 1rem; }
    .scroll-top { display: none; }
    .kurs-grid { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .kategori-grid { grid-template-columns: 1fr; }
    .filter-tabs { display: none; }
    .pagination ul { gap: 4px; }
    .pagination li a { min-width: 28px; height: 28px; font-size: .72rem; }
}

/* ============================================================
   EN KÜÇÜK TELEFON — 320px (iPhone 4/5, eski Android)
   ============================================================ */
@media (max-width: 320px) {
    :root { --header-h: 56px; }
    .container { padding: 0 10px; }
    .hero__title { font-size: 1.15rem; }
    .hero__stats { grid-template-columns: 1fr 1fr; gap: 8px; }
    .hero__stat strong { font-size: 1.3rem; }
    .pop-tab { padding: 8px 12px; }
    .pop-tab span { font-size: .75rem; }
    .nav__link { padding: 10px 12px; font-size: .9rem; }
    .filter-tab { padding: 8px 6px; font-size: .76rem; }
    .btn { padding: 10px 14px; font-size: .84rem; }
    .btn--lg { padding: 11px 16px; }
    .kurs-kart__footer .btn--primary { font-size: .78rem; padding: 8px 10px; }
    .section-header h2 { font-size: 1.15rem; }
    .bolgeler__grid { grid-template-columns: repeat(2, 1fr); gap: 6px; }
    .bolge-kart { padding: 10px 6px; }
}

/* ============================================================
   KÜÇÜK TELEFON — 375px (iPhone SE, Galaxy A)
   ============================================================ */
@media (max-width: 375px) {
    :root { --header-h: 60px; }
    .container { padding: 0 12px; }
    body { font-size: 15px; }
    .hero { padding: 40px 0 32px; }
    .hero__title { font-size: 1.3rem; }
    .hero__badge { font-size: .7rem; padding: 5px 10px; }
    .hero__stats { gap: 10px; }
    .hero__stat strong { font-size: 1.4rem; }
    .hero__stat span { font-size: .72rem; }
    .hero__desc { font-size: .92rem; margin-bottom: 24px; }
    .header__logo img { height: 32px; }
    .header__logo-text { display: none; }
    .topbar { font-size: .7rem; padding: 5px 0; }
    .kurs-kart__baslik { font-size: .93rem; }
    .kurs-kart__body { padding: 14px 12px; }
    .btn { padding: 10px 18px; font-size: .86rem; }
    .btn--lg { padding: 12px 20px; font-size: .9rem; }
    .bolgeler__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .bolge-kart { padding: 12px 8px; }
    .bolge-kart strong { font-size: .82rem; }
    .bolge-kart span { font-size: .72rem; }
    .footer__trust-grid { grid-template-columns: 1fr; }
    .footer__trust-item { padding: 12px; }
    .footer__col h3 { font-size: .88rem; }
    .footer__col ul a { font-size: .82rem; }
    .pagination li a, .pagination li.active a { min-width: 32px; height: 32px; font-size: .78rem; }
    .section-header h2 { font-size: 1.25rem; }
    .section-header { margin-bottom: 24px; }
    .sss-btn { font-size: .88rem; padding: 14px 16px; }
    .kurs-detay__content h2 { font-size: 1.15rem; }
    .sidebar-card__title { font-size: .95rem; }
    .blog-kart__baslik { font-size: .92rem; }
    .blog-icerik h2 { font-size: 1.1rem; }
}

/* ============================================================
   TELEFON — 480px
   ============================================================ */
@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .section-pad { padding: 40px 0; }
    .section-pad--sm { padding: 28px 0; }
    .section-header { margin-bottom: 32px; }
    .section-header h2 { font-size: clamp(1.3rem, 5.5vw, 1.7rem); }
    .bolgeler__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .hero__actions { flex-direction: column; align-items: stretch; }
    .hero__actions .btn { width: 100%; justify-content: center; }
    .hero__stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; justify-items: center; }
    .hero__stat { text-align: center; width: 100%; }
    .hero__stat strong { font-size: 1.3rem; }
    .hero__stat span { font-size: .72rem; }
    .hero__stat--rating { order: -1; }
    .btn--lg { padding: 14px 24px; font-size: .95rem; }
    .kurs-kart__body { padding: 16px; }
    .kurs-kart__footer { flex-wrap: wrap; gap: 8px; }
    .kurs-kart__footer .btn--primary { flex: 1; }
    .blog-kart__body { padding: 16px; }
    .page-hero { padding: 40px 0; }
    .page-hero h1 { font-size: 1.4rem; }
    .sidebar-card { padding: 18px 14px; }
    .sidebar-meta__item { gap: 10px; }
    .kurs-detay__layout { gap: 24px; }
    .kurs-detay__gorsel { height: auto !important; max-height: 220px; border-radius: var(--radius) !important; margin-bottom: 20px !important; }
    .kurs-detay__content h2 { font-size: 1.15rem; margin: 20px 0 10px; }
    .kurs-detay__content h3 { font-size: 1rem; margin: 16px 0 8px; }
    .kurs-detay__content p { font-size: .92rem; line-height: 1.7; }
    .kurs-detay__content ul, .kurs-detay__content ol { padding-left: 18px; }
    .kurs-detay__content li { font-size: .92rem; }
    .kurs-detay__content img { max-width: 100%; height: auto; border-radius: var(--radius); display: block; }
    .kurs-detay__content table { font-size: .82rem; }
    .kurs-icerik pre, .kurs-icerik code { max-width: 100%; overflow-x: auto; font-size: .8rem; white-space: pre-wrap; word-break: break-word; }
    .sss-btn { font-size: .88rem !important; padding: 14px 14px !important; gap: 10px !important; }
    .kurs-bilkey-banner { flex-direction: column; align-items: stretch; padding: 24px 20px; gap: 20px; }
    .kbanner-left { gap: 14px; }
    .kbanner-icon-wrap { width: 46px; height: 46px; font-size: 1.15rem; }
    .kbanner-title { font-size: 1.05rem; }
    .kbanner-actions { flex-direction: column; }
    .kbanner-btn { width: 100%; min-width: unset; }
    .kbanner-ring--1 { display: none; }
    .kbanner-ring--2 { display: none; }
    .kurs-yorum-ozet { flex-direction: column; align-items: flex-start !important; gap: 8px !important; }
    .sidebar-card__cta .btn { font-size: .88rem; padding: 12px 16px; }
    .sidebar-meta__icon { width: 34px; height: 34px; font-size: .9rem; }
    .sidebar-meta__label { font-size: .72rem; }
    .sidebar-meta__value { font-size: .87rem; }
    .cta-banner { padding: 36px 0; }
    .cta-banner__text h2 { font-size: 1.3rem; }
    .footer__grid { gap: 22px; }
    .footer__trust-item { padding: 12px; gap: 10px; }
    .footer__trust-text strong { font-size: .78rem; }
    .footer__trust-text span { font-size: .7rem; }
    .blog-detay__meta { gap: 8px; }
    .blog-detay__meta span { font-size: .78rem; }
    .blog-icerik h2 { font-size: 1.2rem; margin: 24px 0 10px; }
    .blog-icerik h3 { font-size: 1.05rem; margin: 18px 0 8px; }
    .blog-icerik p { font-size: .93rem; line-height: 1.75; }
    .blog-icerik ul, .blog-icerik ol { padding-left: 18px; }
    .blog-icerik li { font-size: .93rem; }
    .blog-icerik img { max-width: 100%; height: auto; border-radius: var(--radius); display: block; }
    .blog-icerik pre, .blog-icerik code { max-width: 100%; overflow-x: auto; font-size: .82rem; white-space: pre-wrap; word-break: break-word; }
    .blog-icerik blockquote { margin: 20px 0; padding: 14px 16px; font-size: .9rem; }
    .blog-icerik table { font-size: .82rem; }
    .blog-yazar-kutu { flex-direction: column !important; align-items: flex-start !important; padding: 18px !important; }
    .blog-yazar-kutu img, .blog-yazar-kutu .blog-yazar-avatar { width: 56px !important; height: 56px !important; font-size: 1.3rem !important; }
    .blog-paylasim-btns { gap: 8px !important; }
    .blog-paylasim-btns .btn { flex: 1 1 auto; justify-content: center; font-size: .82rem; padding: 9px 12px; }
    .harita iframe { height: 200px; }
    .kategori-grid { grid-template-columns: 1fr; }
    .kategori-kart { padding: 18px 14px; }
    .filter-tabs { grid-template-columns: 1fr; }
    .filter-tabs .filter-tab:first-child { grid-column: auto; }
    .form-group { margin-bottom: 16px; }
    .form-control { padding: 10px 14px; font-size: .9rem; }
    .rating-ozet { flex-direction: column; align-items: center; padding: 14px; }
    .pop-tabs { flex-wrap: nowrap; overflow-x: auto; width: 100%; justify-content: flex-start; }
    .uz-adim { padding: 20px 14px; }
    .uz-gereksinim { padding: 12px; }
    .uz-bolge { padding: 12px; }
    .uz-bant__item { padding: 12px 14px; }
    .uz-bolgeler { grid-template-columns: 1fr; }
    .hakkimizda__stats { grid-template-columns: 1fr 1fr; gap: 12px; }
    .hakkimizda__stat { padding: 14px; }
    .hakkimizda__stat strong { font-size: 1.6rem; }
    .pagination ul { gap: 5px; }
    .pagination li a, .pagination li.active a { min-width: 36px; height: 36px; font-size: .82rem; padding: 0 8px; }
    .breadcrumb { font-size: .78rem; gap: 5px; }
}

/* ============================================================
   KÜÇÜK TABLET / BÜYÜK TELEFON — 640px
   ============================================================ */
@media (max-width: 640px) {
    .kurs-grid { grid-template-columns: 1fr; }
    .blog-grid { grid-template-columns: 1fr; }
    .pop-tab span { font-size: .8rem; }
    .hero__stats { justify-content: space-between; gap: 16px; }
    .hero__stat strong { font-size: 1.6rem; }
    .footer__grid { grid-template-columns: 1fr; }
    .uz-adimlar { grid-template-columns: 1fr; }
    .uz-bolgeler { grid-template-columns: 1fr 1fr; }
    .uz-karsilastirma__grid { max-width: 100%; }
    .kurs-kart__meta { flex-wrap: wrap; gap: 8px; }
}

/* ============================================================
   TABLET — 768px
   ============================================================ */
@media (max-width: 768px) {
    :root { --header-h: 64px; }
    .topbar .container { justify-content: flex-start; }
    .topbar__right { display: none; }
    .topbar__left a[href^="mailto"] { display: none; }
    .header__cta { display: none; }
    .hero { padding: 56px 0 44px; }
    .hero__stats { gap: 20px; flex-wrap: wrap; }
    .hero__title { font-size: clamp(1.4rem, 5vw, 2rem); }
    .hero .container { grid-template-columns: 1fr; }
    .hero__visual { display: none; }
    .footer__grid { grid-template-columns: 1fr; gap: 28px; }
    .cta-banner__inner { flex-direction: column; text-align: center; }
    .cta-banner__actions { justify-content: center; flex-direction: column; align-items: stretch; }
    .cta-banner__actions .btn { justify-content: center; }
    .bolgeler__grid { grid-template-columns: repeat(3, 1fr); }
    .kurs-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
    .blog-grid { grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
    .whatsapp-fab span { display: none; }
    .filter-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px;
        padding: 8px;
    }
    .filter-tabs .filter-tab:first-child { grid-column: 1 / -1; }
    .filter-tab {
        font-size: .82rem;
        padding: 10px 8px;
        justify-content: center;
        white-space: normal;
        text-align: center;
        border-radius: var(--radius-sm);
        background: var(--white);
        box-shadow: 0 1px 3px rgba(0,0,0,.06);
    }
    .filter-tab.active { box-shadow: 0 4px 14px rgba(26,60,110,.22); }
    .filter-meta { flex-direction: column; align-items: flex-start; gap: 10px; }
    .filter-meta__clear { width: 100%; justify-content: center; }
    .iletisim__layout { gap: 28px; }
    .blog-detay__meta { gap: 10px; flex-wrap: wrap; }
    table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .rating-ozet { padding: 10px 16px; gap: 10px; flex-wrap: wrap; justify-content: center; }
    .rating-ozet__puan { font-size: 2.2rem; }
    .page-hero { padding: 48px 0; }
    .page-hero h1 { font-size: clamp(1.5rem, 5vw, 2rem); }
    .hakkimizda__stats { grid-template-columns: 1fr 1fr; }
    .uz-adimlar { grid-template-columns: 1fr 1fr; }
    .uz-bolgeler { grid-template-columns: 1fr 1fr; }
    .uz-bant__item { flex: 1 1 140px; padding: 14px 16px; }
    .sss-btn { font-size: .93rem; padding: 16px 18px; }
    .uz-cta__butonlar { flex-direction: column; align-items: stretch; }
    .uz-cta__butonlar .btn { justify-content: center; }
    .uz-kart { padding: 24px 20px; }
    .pop-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }
    .pop-tab { padding: 9px 16px; }
    .bolge-kart--uzaktan { flex-direction: column; text-align: center; padding: 20px 16px; gap: 14px; }
    .bolge-kart--uzaktan .uzaktan__rozetler { justify-content: center; }
    .bolge-kart--uzaktan > i.fas { margin-bottom: 0 !important; }
    .bolge-kart--uzaktan .uzaktan__text { min-width: 0; }
    .kurs-detay__content h2 { font-size: 1.3rem; }
    .kurs-detay__content h3 { font-size: 1.1rem; }
    /* Marquee */
    .bolgeler__marquee-wrap::before,
    .bolgeler__marquee-wrap::after { width: 48px; }
    .bolgeler__track .bolge-kart { width: 100px; padding: 16px 10px; }
    .bolgeler__track .bolge-kart i { font-size: 1.3rem; }
    .bolgeler__track .bolge-kart strong { font-size: .82rem; }
    .bolgeler__track { gap: 10px; animation-duration: 28s; }
    .ozellik-marquee-wrap::before,
    .ozellik-marquee-wrap::after { width: 56px; }
    .ozellik-kart { width: 170px; padding: 24px 16px 20px; }
    .ozellik-kart__icon { width: 58px; height: 58px; font-size: 1.5rem; margin-bottom: 14px; }
    .ozellik-kart h3 { font-size: .88rem; }
    .ozellik-kart p { font-size: .78rem; }
    .ozellik-track { gap: 16px; animation-duration: 34s; }
    .yorumlar-marquee-wrap::before,
    .yorumlar-marquee-wrap::after { width: 60px; }
    .yorum-kart { width: 260px; padding: 20px; }
    .yorum-kart__metin { font-size: .84rem; -webkit-line-clamp: 4; }
    .yorumlar-track { gap: 14px; animation-duration: 38s; }
}

/* ============================================================
   TABLET BÜYÜK — 1024px
   ============================================================ */
@media (max-width: 1024px) {
    .hamburger { display: flex; }
    .nav {
        position: fixed;
        top: var(--header-h);
        left: 0; right: 0; bottom: 0;
        background: var(--white);
        display: flex; flex-direction: column;
        padding: 16px 20px 40px;
        transform: translateX(-100%);
        transition: transform .3s cubic-bezier(.4,0,.2,1);
        z-index: 998; overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        box-shadow: 4px 0 32px rgba(0,0,0,.15);
    }
    .nav.open { transform: translateX(0); }
    .nav__list { flex-direction: column; align-items: stretch; gap: 2px; }
    .nav__link {
        font-size: 1rem; padding: 14px 16px;
        border-radius: var(--radius);
        border-bottom: 1px solid var(--gray-100);
        display: flex; align-items: center; justify-content: space-between;
    }
    .nav__item:last-child .nav__link { border-bottom: none; }
    .nav__dropdown {
        position: static !important;
        opacity: 1 !important; visibility: visible !important;
        transform: none !important; box-shadow: none !important;
        border: none; background: var(--gray-50);
        border-radius: var(--radius); margin-top: 4px;
        padding: 0; width: 100%;
        max-height: 0; overflow: hidden;
        display: flex !important; flex-direction: column; gap: 0;
        transition: max-height .3s ease, padding .3s ease;
    }
    .nav__dropdown::before { display: none; }
    .nav__item--dropdown.open .nav__dropdown {
        max-height: 600px;
        padding: 4px 0;
    }
    .nav__dropdown li a,
    .nav__dropdown-cats a {
        padding: 12px 16px;
        font-size: .9rem;
        white-space: normal;
    }
    .nav__dropdown-uzaktan {
        border-top: 1px solid var(--gray-200); margin-top: 2px;
        padding: 12px 16px;
    }
    .hamburger { z-index: 999; position: relative; }
    body.nav-open::after {
        content: '';
        position: fixed; inset: 0;
        background: rgba(0,0,0,.4);
        z-index: 997;
    }
    .hero .container { grid-template-columns: 1fr; }
    .hero__visual { display: none; }
    .hero { padding: 72px 0 60px; }
    .kurs-detay__layout { grid-template-columns: 1fr; gap: 28px; }
    .kurs-detay__sidebar { position: static; order: -1; }
    .kurs-detay__content { order: 1; }
    .blog-detay__layout { grid-template-columns: 1fr; }
    .blog-sidebar { margin-top: 32px; }
    .hakkimizda__layout { grid-template-columns: 1fr; }
    .hakkimizda__img { display: none; }
    .hakkimizda-hikaye { grid-template-columns: 1fr !important; }
    .hakkimizda-stats  { grid-template-columns: 1fr 1fr !important; }
    .iletisim__layout { grid-template-columns: 1fr; gap: 32px; }
    .il-form-kart { padding: 24px 20px; }
    .il-grid-2 { grid-template-columns: 1fr; }
    .kategori-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
    .uz-iki-sutun { grid-template-columns: 1fr; gap: 40px; }
    .uz-karsilastirma__grid { grid-template-columns: 1fr; max-width: 480px; }
}

/* Tablet — footer 2 sütun (telefon genişliklerinde 1 sütun kalmalı) */
@media (min-width: 769px) and (max-width: 1024px) {
    .footer__grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}

/* ============================================================
   BÜYÜK EKRANLAR — 1400px+
   ============================================================ */
@media (min-width: 1400px) {
    :root { --container: 1320px; }
    .hero__title { font-size: 2.3rem; }
    .kurs-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
    .blog-grid { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); }
}

/* ============================================================
   TV / 4K EKRANLAR — 1920px+
   ============================================================ */
@media (min-width: 1920px) {
    :root { --container: 1600px; --header-h: 80px; }
    body { font-size: 17px; }
    .hero { padding: 120px 0 100px; }
    .hero__title { font-size: 2.8rem; }
    .hero__desc { font-size: 1.15rem; }
    .hero__stat strong { font-size: 2.4rem; }
    .section-pad { padding: 72px 0; }
    .kurs-grid { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); }
    .blog-grid { grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); }
    .footer__grid { grid-template-columns: 2.5fr 1fr 1fr 1.5fr; gap: 64px; }
    .whatsapp-fab { width: 50px; height: 50px; bottom: 24px; right: 24px; }
    .whatsapp-fab i { font-size: 1.3rem; }
    .scroll-top { width: 46px; height: 46px; bottom: 82px; right: 24px; }
    /* TV için büyük dokunma hedefleri */
    .btn { min-height: 52px; font-size: 1rem; }
    .nav__link { font-size: 1rem; padding: 10px 18px; }
}

/* ============================================================
   8K / ULTRA GENİŞ — 3840px+
   ============================================================ */
@media (min-width: 3840px) {
    :root { --container: 2400px; }
    body { font-size: 22px; }
    .header { height: 100px; }
    .hero__title { font-size: 4rem; }
    .btn { min-height: 64px; font-size: 1.2rem; }
}

/* ============================================================
   AKILLI TV — Uzaktan Kumanda Navigasyonu
   Geniş ekran ama fare yok, focus navigasyonu önemli
   ============================================================ */
@media (min-width: 1920px) and (pointer: coarse) {
    /* TV uzaktan kumanda — büyük focus göstergesi */
    :focus {
        outline: 4px solid #f59e0b !important;
        outline-offset: 4px !important;
    }
    .btn { min-height: 60px; padding: 16px 40px; font-size: 1.1rem; }
    .nav__link { min-height: 56px; font-size: 1rem; }
    .kurs-kart:focus-within { box-shadow: 0 0 0 4px #f59e0b; }
    .blog-kart:focus-within { box-shadow: 0 0 0 4px #f59e0b; }
}

/* ============================================================
   DOKUNMATIK CİHAZ İYİLEŞTİRMELERİ
   ============================================================ */
@media (hover: none) and (pointer: coarse) {
    /* Hover transform efektlerini iptal et — ghost tap önlemi */
    .kurs-kart:hover,
    .blog-kart:hover,
    .bolge-kart:hover,
    .kategori-kart:hover,
    .iletisim-bilgi-kart:hover,
    .footer__trust-item:hover { transform: none; }
    /* Dokunma hedefleri en az 44px — WCAG 2.5.5 */
    .btn { min-height: 44px; }
    .nav__link { min-height: 44px; line-height: 1.2; }
    .filter-tab { min-height: 44px; }
    .footer__social a { width: 44px; height: 44px; }
    .pagination li a { min-width: 44px; height: 44px; }
    .scroll-top { min-width: 44px; min-height: 44px; }
    .whatsapp-fab { min-width: 44px; min-height: 44px; }
    .pop-tab { min-height: 56px; }
    .sss-btn { min-height: 52px; }
    .hamburger { padding: 10px; }
    .nav__item--dropdown .nav__dropdown { pointer-events: auto; }
    .kurs-kart__footer .btn--sm:not(.btn--primary) {
        width: 44px; height: 44px; flex: 0 0 44px;
    }
}

/* ============================================================
   YATAY MOD (LANDSCAPE) TELEFON
   ============================================================ */
@media (max-width: 768px) and (orientation: landscape) {
    .hero { padding: 36px 0 28px; }
    .hero__stats { flex-wrap: wrap; gap: 12px; }
    .hero__stat strong { font-size: 1.5rem; }
    .page-hero { padding: 28px 0; }
    .nav {
        top: var(--header-h);
        padding: 8px 20px 16px;
    }
    .nav__link { padding: 10px 16px; }
    .section-pad { padding: 32px 0; }
}

/* Çok küçük landscape (320px yükseklik altı) */
@media (max-height: 480px) and (orientation: landscape) {
    .hero { padding: 24px 0 20px; }
    .hero__stats { display: none; }
    .page-hero { padding: 20px 0; }
    .whatsapp-fab { bottom: 12px; right: 12px; width: 42px; height: 42px; }
    .scroll-top { bottom: 62px; right: 12px; width: 38px; height: 38px; }
}

/* ============================================================
   YÜKSEK DPI / RETİNA EKRANLAR
   ============================================================ */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .header__logo img,
    .footer__logo img {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* ============================================================
   KARANLIK MOD — zorunlu açık tema
   ============================================================ */
@media (prefers-color-scheme: dark) {
    :root { color-scheme: light; }
}

/* ============================================================
   AZALTILMIŞ HAREKET (ERİŞİLEBİLİRLİK)
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
    .bolgeler__track { animation: none; }
    .bolgeler__marquee { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .bolgeler__marquee::-webkit-scrollbar { display: none; }
    .ozellik-track { animation: none; }
    .ozellik-marquee { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .ozellik-marquee::-webkit-scrollbar { display: none; }
    .yorumlar-track { animation: none; }
    .yorumlar-marquee { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    .yorumlar-marquee::-webkit-scrollbar { display: none; }
}

/* ============================================================
   YAZDIRMA
   ============================================================ */
@media print {
    .header, .topbar, .whatsapp-fab, .scroll-top,
    .cta-banner, .hamburger, .nav, .footer__trust,
    .filter-section, .pagination { display: none !important; }
    body { font-size: 12pt; color: #000; background: #fff; }
    .container { max-width: 100%; padding: 0; }
    a { color: #000; text-decoration: underline; }
    .hero { background: none; color: #000; padding: 20px 0; }
    .hero__title { color: #000; }
    .footer { background: none; color: #000; }
    .footer__col ul a, .footer__contact li span { color: #000; }
    .kurs-detay__layout { grid-template-columns: 1fr; }
    .kurs-detay__sidebar { display: none; }
    .blog-detay__layout { grid-template-columns: 1fr; }
    .blog-sidebar { display: none; }
    /* Sayfa kırılımı */
    .kurs-kart, .blog-kart { page-break-inside: avoid; }
    h1, h2, h3 { page-break-after: avoid; }
}

/* ============================================================
   MARQUEE — MOBİL UYUM
   ============================================================ */
@media (max-width: 480px) {
    .bolgeler__marquee-wrap::before,
    .bolgeler__marquee-wrap::after { width: 32px; }
    .bolgeler__track .bolge-kart { width: 90px; padding: 14px 8px; }
    .bolgeler__track .bolge-kart i { font-size: 1.2rem; }
    .bolgeler__track .bolge-kart strong { font-size: .78rem; }
    .bolgeler__track .bolge-kart span { font-size: .72rem; }
    .bolgeler__track { gap: 8px; animation-duration: 24s; }
    .ozellik-marquee-wrap::before,
    .ozellik-marquee-wrap::after { width: 36px; }
    .ozellik-kart { width: 150px; padding: 20px 14px 18px; }
    .ozellik-kart__icon { width: 50px; height: 50px; font-size: 1.3rem; margin-bottom: 12px; }
    .ozellik-kart h3 { font-size: .84rem; }
    .ozellik-kart p { font-size: .75rem; }
    .ozellik-track { gap: 12px; animation-duration: 28s; }
    .yorumlar-marquee-wrap::before,
    .yorumlar-marquee-wrap::after { width: 36px; }
    .yorum-kart { width: 230px; padding: 16px; gap: 10px; }
    .yorum-kart__yildizlar { font-size: .85rem; letter-spacing: 1px; }
    .yorum-kart__metin { font-size: .82rem; -webkit-line-clamp: 4; }
    .yorum-kart__avatar { width: 36px; height: 36px; font-size: .88rem; }
    .yorum-kart__ad { font-size: .83rem; }
    .yorum-kart__meslek { font-size: .72rem; }
    .yorumlar-track { gap: 12px; animation-duration: 32s; }
}

/* ============================================================
   SAFE AREA — iPhone X+ / Android notch desteği
   ============================================================ */
@supports (padding: env(safe-area-inset-bottom)) {
    .whatsapp-fab {
        bottom: calc(20px + env(safe-area-inset-bottom));
        right: calc(18px + env(safe-area-inset-right));
    }
    .scroll-top {
        bottom: calc(76px + env(safe-area-inset-bottom));
        right: calc(18px + env(safe-area-inset-right));
    }
    .footer__bottom {
        padding-bottom: calc(24px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 1024px) {
    @supports (padding: env(safe-area-inset-bottom)) {
        .nav {
            padding-bottom: calc(40px + env(safe-area-inset-bottom));
        }
    }
}

/* ============================================================
   SAMSUNG INTERNET — özel düzeltmeler
   ============================================================ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Samsung Internet backdrop-filter desteği */
    .kategori-kart {
        background: rgba(255,255,255,.1);
    }
}

/* ============================================================
   FIREFOX — özel düzeltmeler
   ============================================================ */
@-moz-document url-prefix() {
    /* Firefox scrollbar */
    .blog-sidebar { scrollbar-width: none; }
    /* Firefox flex gap */
    .hero__stats { gap: 32px; }
}

/* ============================================================
   OPERA MINI — basit görünüm
   ============================================================ */
@media (max-width: 480px) and (max-height: 640px) {
    /* Opera Mini ve düşük güçlü cihazlar için animasyon kapat */
    .bolgeler__track,
    .ozellik-track,
    .yorumlar-track {
        animation-play-state: running;
    }
}

/* ============================================================
   CHROMEBOOK — 1366px (HD ekran)
   ============================================================ */
@media (min-width: 1280px) and (max-width: 1366px) {
    :root { --container: 1240px; }
    .hero__title { font-size: 1.9rem; }
    .kurs-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
}

/* ============================================================
   PLAYSTATION / XBOX TARAYICI — 1920px geniş, pointer: coarse
   ============================================================ */
@media (min-width: 1280px) and (pointer: coarse) and (hover: none) {
    .btn { min-height: 56px; font-size: 1rem; padding: 16px 32px; }
    .nav__link { min-height: 52px; font-size: 1rem; }
    :focus {
        outline: 3px solid #f59e0b;
        outline-offset: 3px;
    }
    .kurs-kart:focus { box-shadow: 0 0 0 3px #f59e0b; }
    .blog-kart:focus { box-shadow: 0 0 0 3px #f59e0b; }
}

/* ============================================================
   YÜKSEK KONTRAST MODU (Windows)
   ============================================================ */
@media (forced-colors: active) {
    .btn--primary { forced-color-adjust: none; background: ButtonFace; color: ButtonText; border: 2px solid ButtonText; }
    .btn--gold { forced-color-adjust: none; background: Highlight; color: HighlightText; }
    .nav__link { color: LinkText; }
    .nav__link:hover { color: VisitedText; }
    .hero { background: Canvas; }
    .hero__title { color: CanvasText; }
    .whatsapp-fab { forced-color-adjust: none; background: Highlight; color: HighlightText; }
}