@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap');
:root {
  --mor:#A3207D;--mor-k:#7d1860;--mor-kk:#4f0e3d;--mor-a:#f7eaf4;--mor-a2:#fdf5fb;
  --sari:#F9CA36;--sari-k:#d9a800;
  --c-video:#FF4D6D;--c-video-a:#fff0f3;
  --c-pdf:#3B82F6;--c-pdf-a:#eff6ff;
  --c-test:#10B981;--c-test-a:#ecfdf5;
  --c-yazili:#F59E0B;--c-yazili-a:#fffbeb;
  --c-calisma:#8B5CF6;--c-calisma-a:#f5f3ff;
  --c-kitap:#EF4444;--c-kitap-a:#fff5f5;
  --metin:#09090b;--metin2:#3f3f46;--metin3:#71717a;--metin4:#a1a1aa;
  --kenar:#e4e4e7;--kenar2:#d4d4d8;--arka:#fafafa;--beyaz:#ffffff;
  --radius:20px;--radius-md:12px;--radius-sm:8px;
  --gecis:0.22s cubic-bezier(.4,0,.2,1);
  --golge-sm:0 1px 4px rgba(0,0,0,0.07);
  --golge:0 4px 20px rgba(0,0,0,0.08);
  --golge-lg:0 16px 48px rgba(0,0,0,0.12);
  --golge-mor:0 8px 32px rgba(163,32,125,0.3);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',sans-serif;color:var(--metin);background:var(--arka);overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{cursor:pointer;border:none;background:none;font-family:inherit}
ul{list-style:none}
input,select,textarea{font-family:inherit}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--mor);border-radius:3px}

/* HEADER */
.site-header{position:sticky;top:0;z-index:900;background:rgba(255,255,255,0.9);backdrop-filter:saturate(200%) blur(24px);-webkit-backdrop-filter:saturate(200%) blur(24px);border-bottom:1px solid var(--kenar)}
.header-ic{max-width:1240px;margin:0 auto;padding:0 28px;height:64px;display:flex;align-items:center}
.logo-link{flex-shrink:0;margin-right:36px}
.logo-img{height:27px;width:auto}
.desktop-nav{display:flex;align-items:center;gap:1px;flex:1}
.nav-link{font-size:13.5px;font-weight:500;color:var(--metin3);padding:7px 14px;border-radius:var(--radius-sm);transition:color var(--gecis),background var(--gecis);white-space:nowrap}
.nav-link:hover{color:var(--metin);background:rgba(0,0,0,0.05)}
.nav-link.active{color:var(--mor);background:var(--mor-a)}
.header-sag{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}
.btn-ana{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--metin2);padding:8px 14px;border-radius:var(--radius-sm);border:1.5px solid var(--kenar2);background:var(--beyaz);transition:all var(--gecis)}
.btn-ana:hover{border-color:var(--mor);color:var(--mor)}
.btn-satis{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--beyaz);padding:9px 20px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--mor),var(--mor-k));transition:all var(--gecis);white-space:nowrap;box-shadow:0 2px 12px rgba(163,32,125,0.25)}
.btn-satis:hover{transform:translateY(-1px);box-shadow:var(--golge-mor)}
.hamburger-btn{display:none;flex-direction:column;gap:5px;padding:9px;border-radius:var(--radius-sm);transition:background var(--gecis);margin-left:8px}
.hamburger-btn:hover{background:var(--arka)}
.hamburger-btn span{display:block;width:21px;height:2px;background:var(--metin);border-radius:2px;transition:transform .3s,opacity .3s}
.hamburger-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger-btn.active span:nth-child(2){opacity:0}
.hamburger-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* MOBİL MENÜ */
.mobil-menu{position:fixed;inset:0;z-index:1000;background:var(--beyaz);transform:translateX(100%);transition:transform .38s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;overflow-y:auto}
.mobil-menu.acik{transform:translateX(0)}
.mobil-overlay{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity .35s;backdrop-filter:blur(4px)}
.mobil-overlay.acik{opacity:1;pointer-events:all}
.mm-ust{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--kenar)}
.mm-kapat{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--arka);color:var(--metin2);transition:all var(--gecis)}
.mm-kapat:hover{background:var(--mor-a);color:var(--mor)}
.mm-arama{padding:16px 24px;border-bottom:1px solid var(--kenar)}
.mm-arama-form{display:flex;align-items:center;gap:10px;background:var(--arka);border:2px solid var(--kenar);border-radius:var(--radius-md);padding:11px 16px;transition:border-color var(--gecis)}
.mm-arama-form:focus-within{border-color:var(--mor);background:var(--beyaz)}
.mm-arama-form svg{color:var(--metin3);flex-shrink:0}
.mm-arama-form input{flex:1;border:none;background:none;outline:none;font-size:15px;color:var(--metin)}
.mm-arama-form button{font-size:13px;font-weight:700;color:var(--mor)}
.mm-nav{padding:12px 16px;flex:1}
.mm-nav-link{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:var(--radius-md);font-size:16px;font-weight:600;color:var(--metin);transition:all var(--gecis);margin-bottom:3px}
.mm-nav-link:hover,.mm-nav-link.active{background:var(--mor-a);color:var(--mor)}
.mm-nav-ikon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--gecis)}
.mm-nav-link:hover .mm-nav-ikon,.mm-nav-link.active .mm-nav-ikon{background:var(--mor)!important;color:var(--beyaz)!important}
.mm-nav-ikon svg{width:20px;height:20px}
.mm-alt{padding:20px 24px;border-top:1px solid var(--kenar);display:flex;flex-direction:column;gap:10px}
.mm-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:var(--radius-md);font-size:15px;font-weight:700;transition:all var(--gecis)}
.mm-btn-outline{border:2px solid var(--kenar2);color:var(--metin2)}
.mm-btn-outline:hover{border-color:var(--mor);color:var(--mor)}
.mm-btn-dolu{background:linear-gradient(135deg,var(--mor),var(--mor-k));color:var(--beyaz)}
.mm-btn-dolu:hover{transform:translateY(-1px);box-shadow:var(--golge-mor)}

/* HERO */
.hero{background:linear-gradient(145deg,#1c0016 0%,#3d0530 35%,var(--mor-k) 65%,#c42d97 100%);padding:88px 0 120px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 80% 50%,rgba(249,202,54,0.08) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 20% 80%,rgba(255,77,109,0.08) 0%,transparent 60%)}
.hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:60px 60px}
.hero-ic{max-width:1240px;margin:0 auto;padding:0 28px;position:relative;z-index:1;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);border-radius:100px;padding:7px 16px;font-size:12.5px;font-weight:600;color:rgba(255,255,255,0.9);letter-spacing:0.3px;margin-bottom:28px;backdrop-filter:blur(8px)}
.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--sari);animation:bdot 2s infinite;display:inline-block}
@keyframes bdot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.7);opacity:0.5}}
.hero h1{font-family:'Poppins',sans-serif;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.0;color:var(--beyaz);letter-spacing:-2.5px;margin-bottom:22px}
.hero h1 .vurgu{background:linear-gradient(135deg,var(--sari),#ffaa00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}
.hero-alt{font-size:18px;line-height:1.7;color:rgba(255,255,255,0.65);max-width:560px;margin:0 auto 44px}
.hero-arama-wrap{max-width:600px;margin:0 auto}
.hero-arama{display:flex;background:rgba(255,255,255,0.95);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.3)}
.hero-arama input{flex:1;padding:18px 24px;border:none;outline:none;font-size:15px;color:var(--metin);background:none}
.hero-arama input::placeholder{color:var(--metin3)}
.hero-arama button{margin:8px;padding:12px 28px;background:linear-gradient(135deg,var(--mor),var(--mor-k));color:var(--beyaz);font-size:14px;font-weight:800;border-radius:11px;transition:all var(--gecis);white-space:nowrap}
.hero-arama button:hover{transform:scale(1.02)}
.hero-stats{display:flex;justify-content:center;margin-top:56px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;backdrop-filter:blur(10px);overflow:hidden;max-width:640px;margin-left:auto;margin-right:auto}
.hero-stat{flex:1;padding:20px 24px;text-align:center;border-right:1px solid rgba(255,255,255,0.08)}
.hero-stat:last-child{border-right:none}
.stat-sayi{font-family:'Poppins',sans-serif;font-size:28px;font-weight:900;color:var(--beyaz);letter-spacing:-0.5px;line-height:1}
.stat-etiket{font-size:12px;color:rgba(255,255,255,0.55);margin-top:4px;font-weight:500}

/* KATEGORİLER */
.kategoriler{max-width:1240px;margin:0 auto;padding:80px 28px}
.bolum-baslik{text-align:center;margin-bottom:52px}
.bolum-baslik h2{font-family:'Poppins',sans-serif;font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-1px;color:var(--metin);margin-bottom:10px}
.bolum-baslik p{font-size:17px;color:var(--metin3)}
.kat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.kat-kart{border-radius:var(--radius);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:block;position:relative}
.kat-kart:hover{transform:translateY(-8px);box-shadow:var(--golge-lg)}
.kat-kart-ic{padding:32px;background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:var(--radius);height:100%;transition:border-color var(--gecis);position:relative;overflow:hidden}
.kat-kart:hover .kat-kart-ic{border-color:rgba(0,0,0,0.12)}
.kat-kart-ic::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius) var(--radius) 0 0}
.kat-video .kat-kart-ic::before{background:linear-gradient(90deg,var(--c-video),#ff8fa3)}
.kat-pdf .kat-kart-ic::before{background:linear-gradient(90deg,var(--c-pdf),#60a5fa)}
.kat-test .kat-kart-ic::before{background:linear-gradient(90deg,var(--c-test),#34d399)}
.kat-yazili .kat-kart-ic::before{background:linear-gradient(90deg,var(--c-yazili),#fbbf24)}
.kat-calisma .kat-kart-ic::before{background:linear-gradient(90deg,var(--c-calisma),#a78bfa)}
.kat-kitap .kat-kart-ic::before{background:linear-gradient(90deg,var(--c-kitap),#f87171)}
.kat-bg-sayi{position:absolute;right:-10px;bottom:-20px;font-family:'Poppins',sans-serif;font-size:120px;font-weight:900;line-height:1;opacity:0.04;user-select:none;pointer-events:none;color:var(--metin)}
.kat-ikon-kutu{width:56px;height:56px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all var(--gecis)}
.kat-video .kat-ikon-kutu{background:var(--c-video-a);color:var(--c-video)}
.kat-pdf .kat-ikon-kutu{background:var(--c-pdf-a);color:var(--c-pdf)}
.kat-test .kat-ikon-kutu{background:var(--c-test-a);color:var(--c-test)}
.kat-yazili .kat-ikon-kutu{background:var(--c-yazili-a);color:var(--c-yazili)}
.kat-calisma .kat-ikon-kutu{background:var(--c-calisma-a);color:var(--c-calisma)}
.kat-kitap .kat-ikon-kutu{background:var(--c-kitap-a);color:var(--c-kitap)}
.kat-kart:hover .kat-ikon-kutu{transform:scale(1.1) rotate(-5deg)}
.kat-video:hover .kat-ikon-kutu{background:var(--c-video);color:var(--beyaz)}
.kat-pdf:hover .kat-ikon-kutu{background:var(--c-pdf);color:var(--beyaz)}
.kat-test:hover .kat-ikon-kutu{background:var(--c-test);color:var(--beyaz)}
.kat-yazili:hover .kat-ikon-kutu{background:var(--c-yazili);color:var(--beyaz)}
.kat-calisma:hover .kat-ikon-kutu{background:var(--c-calisma);color:var(--beyaz)}
.kat-kitap:hover .kat-ikon-kutu{background:var(--c-kitap);color:var(--beyaz)}
.kat-ikon-kutu svg{width:26px;height:26px}
.kat-ad{font-family:'Poppins',sans-serif;font-size:20px;font-weight:800;letter-spacing:-0.3px;color:var(--metin);margin-bottom:8px}
.kat-acik{font-size:14px;color:var(--metin3);line-height:1.6;margin-bottom:20px}
.kat-footer{display:flex;align-items:center;justify-content:space-between}
.kat-sayac{font-size:13px;font-weight:700;padding:5px 12px;border-radius:20px}
.kat-video .kat-sayac{background:var(--c-video-a);color:var(--c-video)}
.kat-pdf .kat-sayac{background:var(--c-pdf-a);color:var(--c-pdf)}
.kat-test .kat-sayac{background:var(--c-test-a);color:var(--c-test)}
.kat-yazili .kat-sayac{background:var(--c-yazili-a);color:var(--c-yazili)}
.kat-calisma .kat-sayac{background:var(--c-calisma-a);color:var(--c-calisma)}
.kat-kitap .kat-sayac{background:var(--c-kitap-a);color:var(--c-kitap)}
.kat-ok-btn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--arka);color:var(--metin3);transition:all var(--gecis)}
.kat-video:hover .kat-ok-btn{background:var(--c-video);color:var(--beyaz)}
.kat-pdf:hover .kat-ok-btn{background:var(--c-pdf);color:var(--beyaz)}
.kat-test:hover .kat-ok-btn{background:var(--c-test);color:var(--beyaz)}
.kat-yazili:hover .kat-ok-btn{background:var(--c-yazili);color:var(--beyaz)}
.kat-calisma:hover .kat-ok-btn{background:var(--c-calisma);color:var(--beyaz)}
.kat-kitap:hover .kat-ok-btn{background:var(--c-kitap);color:var(--beyaz)}

/* KATEGORİ HERO SAYFASI */
.kat-hero{padding:48px 0 56px;position:relative;overflow:hidden}
.kat-hero.hero-video{background:linear-gradient(135deg,#2d0010 0%,#7f0026 50%,var(--c-video) 100%)}
.kat-hero.hero-pdf{background:linear-gradient(135deg,#0c1a3d 0%,#1e3a8a 50%,var(--c-pdf) 100%)}
.kat-hero.hero-test{background:linear-gradient(135deg,#022c22 0%,#065f46 50%,var(--c-test) 100%)}
.kat-hero.hero-yazili{background:linear-gradient(135deg,#2d1b00 0%,#78350f 50%,var(--c-yazili) 100%)}
.kat-hero.hero-calisma{background:linear-gradient(135deg,#1e0040 0%,#4c1d95 50%,var(--c-calisma) 100%)}
.kat-hero.hero-kitap{background:linear-gradient(135deg,#2d0000 0%,#7f1d1d 50%,var(--c-kitap) 100%)}
.kat-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:48px 48px}
.kat-hero-ic{max-width:1240px;margin:0 auto;padding:0 28px;position:relative;z-index:1;display:flex;align-items:center;gap:24px}
.kat-hero-ikon{width:72px;height:72px;border-radius:20px;background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:var(--beyaz);flex-shrink:0;border:1px solid rgba(255,255,255,0.2)}
.kat-hero-ikon svg{width:34px;height:34px}
.kat-hero-breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,0.6);margin-bottom:8px}
.kat-hero-breadcrumb a{color:rgba(255,255,255,0.7);transition:color var(--gecis)}
.kat-hero-breadcrumb a:hover{color:#fff}
.kat-hero-breadcrumb svg{width:14px;height:14px}
.kat-hero h1{font-family:'Poppins',sans-serif;font-size:clamp(26px,4vw,38px);font-weight:900;color:var(--beyaz);letter-spacing:-0.8px;margin-bottom:6px}
.kat-hero p{font-size:15px;color:rgba(255,255,255,0.65)}

/* SAYFA LAYOUT */
.sayfa-layout{max-width:1240px;margin:0 auto;padding:32px 28px 80px;display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}

/* SİDEBAR */
.sidebar{position:sticky;top:80px}
.sidebar-kart{background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:var(--radius);overflow:hidden;box-shadow:var(--golge-sm)}
.sb-arama-form{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--kenar);background:var(--arka);transition:background var(--gecis)}
.sb-arama-form:focus-within{background:var(--beyaz)}
.sb-arama-form svg{color:var(--metin3);flex-shrink:0;width:16px;height:16px}
.sb-arama-form input{flex:1;border:none;background:none;outline:none;font-size:14px;color:var(--metin)}
.sb-arama-form button{font-size:12px;font-weight:700;color:var(--mor)}
.sb-bolum{border-bottom:1px solid var(--kenar)}
.sb-bolum:last-child{border-bottom:none}
.sb-bolum-baslik{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;transition:background var(--gecis);user-select:none}
.sb-bolum-baslik:hover{background:var(--arka)}
.sb-bolum-baslik span{font-size:12px;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;color:var(--metin2)}
.sb-bolum-ok{color:var(--metin3);transition:transform var(--gecis)}
.sb-bolum-ok.donmus{transform:rotate(180deg)}
.sb-bolum-ic{padding:6px 14px 14px;display:flex;flex-wrap:wrap;gap:6px}
.sb-bolum-ic.gizli{display:none}
.sb-chip{font-size:13px;font-weight:500;padding:6px 13px;border-radius:20px;border:1.5px solid var(--kenar2);color:var(--metin2);background:var(--beyaz);cursor:pointer;transition:all var(--gecis);white-space:nowrap}
.sb-chip:hover{border-color:var(--mor);color:var(--mor);background:var(--mor-a)}
.sb-chip.aktif{background:var(--mor);color:var(--beyaz);border-color:var(--mor)}
.sb-chip.aktif.c-video{background:var(--c-video);border-color:var(--c-video)}
.sb-chip.aktif.c-pdf{background:var(--c-pdf);border-color:var(--c-pdf)}
.sb-chip.aktif.c-test{background:var(--c-test);border-color:var(--c-test)}
.sb-chip.aktif.c-yazili{background:var(--c-yazili);border-color:var(--c-yazili);color:var(--metin)}
.sb-chip.aktif.c-calisma{background:var(--c-calisma);border-color:var(--c-calisma)}
.sb-chip.aktif.c-kitap{background:var(--c-kitap);border-color:var(--c-kitap)}
.sb-sirala{padding:6px 14px 14px}
.sb-sirala select{width:100%;padding:10px 12px;border:1.5px solid var(--kenar2);border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--metin);background:var(--beyaz);outline:none;cursor:pointer;transition:border-color var(--gecis)}
.sb-sirala select:focus{border-color:var(--mor)}
.sb-sifirla{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:13px;font-size:13px;font-weight:700;color:var(--metin3);background:var(--arka);border-top:1px solid var(--kenar);transition:all var(--gecis)}
.sb-sifirla:hover{color:var(--mor);background:var(--mor-a)}

/* İÇERİK ALANI */
.icerik-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:8px}
.icerik-baslik-metin{font-family:'Poppins',sans-serif;font-size:20px;font-weight:800;letter-spacing:-0.3px}
.icerik-sayac{font-size:13px;color:var(--metin3)}
.icerik-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}

/* İÇERİK KARTI */
.icerik-kart{background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:var(--radius-md);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.icerik-kart:hover{transform:translateY(-4px);box-shadow:var(--golge-lg);border-color:rgba(0,0,0,0.1)}
.icerik-gorsel{height:160px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.icerik-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.icerik-kart:hover .icerik-gorsel img{transform:scale(1.05)}
.icerik-gorsel-yer{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0.45}
.icerik-gorsel-yer svg{width:36px;height:36px}
.icerik-gorsel-yer span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px}
.kat-video .icerik-gorsel{background:linear-gradient(135deg,var(--c-video-a),#ffe4e9)}
.kat-video .icerik-gorsel-yer{color:var(--c-video)}
.kat-pdf .icerik-gorsel{background:linear-gradient(135deg,var(--c-pdf-a),#dbeafe)}
.kat-pdf .icerik-gorsel-yer{color:var(--c-pdf)}
.kat-test .icerik-gorsel{background:linear-gradient(135deg,var(--c-test-a),#d1fae5)}
.kat-test .icerik-gorsel-yer{color:var(--c-test)}
.kat-yazili .icerik-gorsel{background:linear-gradient(135deg,var(--c-yazili-a),#fef3c7)}
.kat-yazili .icerik-gorsel-yer{color:var(--c-yazili)}
.kat-calisma .icerik-gorsel{background:linear-gradient(135deg,var(--c-calisma-a),#ede9fe)}
.kat-calisma .icerik-gorsel-yer{color:var(--c-calisma)}
.kat-kitap .icerik-gorsel{background:linear-gradient(135deg,var(--c-kitap-a),#fee2e2)}
.kat-kitap .icerik-gorsel-yer{color:var(--c-kitap)}
.etiket-kat{position:absolute;top:10px;left:10px;font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;color:var(--beyaz);letter-spacing:0.3px}
.kat-video .etiket-kat{background:var(--c-video)}
.kat-pdf .etiket-kat{background:var(--c-pdf)}
.kat-test .etiket-kat{background:var(--c-test)}
.kat-yazili .etiket-kat{background:var(--c-yazili);color:var(--metin)}
.kat-calisma .etiket-kat{background:var(--c-calisma)}
.kat-kitap .etiket-kat{background:var(--c-kitap)}
.etiket-sinif{position:absolute;top:10px;right:10px;font-size:11px;font-weight:800;background:var(--sari);color:var(--metin);padding:4px 10px;border-radius:6px}
.sifre-ikonu{position:absolute;bottom:10px;right:10px;width:28px;height:28px;border-radius:8px;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:var(--beyaz)}
.sifre-ikonu svg{width:13px;height:13px}
.uzanti-rozeti{position:absolute;bottom:10px;left:10px;font-size:10px;font-weight:900;color:var(--beyaz);padding:3px 8px;border-radius:5px;letter-spacing:0.5px;text-transform:uppercase}
.icerik-govde{padding:16px 18px;flex:1;display:flex;flex-direction:column}
.icerik-ad{font-family:'Poppins',sans-serif;font-size:14.5px;font-weight:700;letter-spacing:-0.2px;color:var(--metin);line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.icerik-kat-etiket{font-size:12px;font-weight:600;margin-bottom:8px}
.kat-video .icerik-kat-etiket{color:var(--c-video)}
.kat-pdf .icerik-kat-etiket{color:var(--c-pdf)}
.kat-test .icerik-kat-etiket{color:var(--c-test)}
.kat-yazili .icerik-kat-etiket{color:var(--c-yazili)}
.kat-calisma .icerik-kat-etiket{color:var(--c-calisma)}
.kat-kitap .icerik-kat-etiket{color:var(--c-kitap)}
.icerik-acik{font-size:13px;color:var(--metin3);line-height:1.55;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.icerik-alt{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--kenar)}
.icerik-istatler{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--metin3)}
.istat{display:flex;align-items:center;gap:3px}
.istat svg{width:12px;height:12px}
.icerik-ok{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--metin3);background:var(--arka);transition:all var(--gecis);flex-shrink:0}
.kat-video .icerik-kart:hover .icerik-ok{background:var(--c-video);color:var(--beyaz)}
.kat-pdf .icerik-kart:hover .icerik-ok{background:var(--c-pdf);color:var(--beyaz)}
.kat-test .icerik-kart:hover .icerik-ok{background:var(--c-test);color:var(--beyaz)}
.kat-yazili .icerik-kart:hover .icerik-ok{background:var(--c-yazili);color:var(--metin)}
.kat-calisma .icerik-kart:hover .icerik-ok{background:var(--c-calisma);color:var(--beyaz)}
.kat-kitap .icerik-kart:hover .icerik-ok{background:var(--c-kitap);color:var(--beyaz)}

/* SAYFALAMA */
.sayfalama{display:flex;justify-content:center;gap:6px;padding:36px 0 0}
.s-btn{min-width:38px;height:38px;padding:0 12px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;border-radius:10px;border:1.5px solid var(--kenar2);background:var(--beyaz);color:var(--metin2);transition:all var(--gecis)}
.s-btn:hover{border-color:var(--mor);color:var(--mor)}
.s-btn.aktif{background:var(--mor);color:var(--beyaz);border-color:var(--mor)}

/* DETAY SAYFASI */
.detay-wrap{max-width:1240px;margin:0 auto;padding:32px 28px 80px;display:grid;grid-template-columns:1fr 360px;gap:36px}
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--metin3);margin-bottom:18px;flex-wrap:wrap}
.breadcrumb a{color:var(--mor);transition:opacity var(--gecis)}
.breadcrumb a:hover{opacity:.7}
.breadcrumb svg{width:13px;height:13px}
.detay-baslik{font-family:'Poppins',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:900;letter-spacing:-0.6px;line-height:1.2;color:var(--metin);margin-bottom:14px}
.detay-rozetler{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.rozet{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:5px 12px;border-radius:8px;letter-spacing:0.2px}
.rozet-mor{background:var(--mor);color:var(--beyaz)}
.rozet-sari{background:var(--sari);color:var(--metin)}
.rozet-gri{background:var(--arka);color:var(--metin2);border:1px solid var(--kenar2)}
.detay-meta{display:flex;flex-wrap:wrap;gap:14px;padding:14px 0;border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar);margin-bottom:22px;font-size:13px;color:var(--metin3)}
.meta-item{display:flex;align-items:center;gap:5px}
.meta-item svg{width:14px;height:14px;color:var(--mor)}
.detay-aciklama{font-size:15px;line-height:1.75;color:var(--metin2);margin-bottom:24px}
.video-wrap{background:#000;border-radius:var(--radius-md);overflow:hidden;margin-bottom:24px;aspect-ratio:16/9}
.video-wrap video,.video-wrap iframe{width:100%;height:100%;display:block}
.pdf-wrap{border-radius:var(--radius-md);overflow:hidden;border:1.5px solid var(--kenar);margin-bottom:24px}
.pdf-wrap iframe{width:100%;height:580px;border:none;display:block}
.gorunum-tablar{display:flex;gap:8px;margin-bottom:16px}
.g-tab{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--kenar2);color:var(--metin2);background:var(--beyaz);transition:all var(--gecis);cursor:pointer}
.g-tab:hover{border-color:var(--mor);color:var(--mor)}
.g-tab.aktif{background:var(--mor);color:var(--beyaz);border-color:var(--mor)}
.sifre-kutu{background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:var(--radius);padding:40px;text-align:center;margin-bottom:24px;box-shadow:var(--golge)}
.sifre-ikon{width:64px;height:64px;border-radius:18px;background:var(--mor-a);color:var(--mor);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.sifre-ikon svg{width:28px;height:28px}
.sifre-kutu h3{font-family:'Poppins',sans-serif;font-size:20px;font-weight:800;margin-bottom:8px}
.sifre-kutu p{font-size:14px;color:var(--metin3);margin-bottom:22px}
.sifre-satir{display:flex;gap:10px;max-width:380px;margin:0 auto}
.sifre-girdi{flex:1;padding:13px 16px;border:2px solid var(--kenar2);border-radius:var(--radius-sm);font-size:15px;color:var(--metin);outline:none;transition:border-color var(--gecis)}
.sifre-girdi:focus{border-color:var(--mor)}
.sifre-gir-btn{padding:13px 20px;background:var(--mor);color:var(--beyaz);font-size:14px;font-weight:800;border-radius:var(--radius-sm);transition:background var(--gecis)}
.sifre-gir-btn:hover{background:var(--mor-k)}
.sifre-hata{color:#ef4444;font-size:13px;margin-top:10px;display:none}
.kenar-kart{background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:var(--radius-md);padding:22px;box-shadow:var(--golge-sm);margin-bottom:16px}
.kenar-baslik{font-family:'Poppins',sans-serif;font-size:14px;font-weight:800;color:var(--metin);margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--kenar)}
.indir-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px;background:linear-gradient(135deg,var(--mor),var(--mor-k));color:var(--beyaz);font-family:'Poppins',sans-serif;font-size:14px;font-weight:800;border-radius:var(--radius-sm);margin-bottom:14px;transition:all var(--gecis);box-shadow:0 4px 14px rgba(163,32,125,0.3)}
.indir-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(163,32,125,0.4)}
.indir-btn svg{width:17px;height:17px}
.dosya-bilgi{display:flex;flex-direction:column;gap:10px}
.b-satir{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.b-etiket{color:var(--metin3)}
.b-deger{font-weight:700;color:var(--metin)}
.uzanti-badge{padding:3px 10px;border-radius:5px;font-size:11px;font-weight:900;color:var(--beyaz);text-transform:uppercase;letter-spacing:0.5px}

/* YORUMLAR */
.yorumlar{margin-top:32px}
.yorumlar-baslik{font-family:'Poppins',sans-serif;font-size:18px;font-weight:800;letter-spacing:-0.2px;margin-bottom:18px}
.yorum-form-kutu{background:var(--arka);border-radius:var(--radius-md);padding:18px;margin-bottom:20px;border:1.5px solid var(--kenar)}
.yorum-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.f-girdi,.f-alan{width:100%;padding:11px 14px;border:1.5px solid var(--kenar2);border-radius:var(--radius-sm);font-size:14px;color:var(--metin);background:var(--beyaz);outline:none;transition:border-color var(--gecis),box-shadow var(--gecis)}
.f-girdi:focus,.f-alan:focus{border-color:var(--mor);box-shadow:0 0 0 3px var(--mor-a)}
.f-alan{resize:vertical;min-height:86px}
.yorum-gonder-btn{display:flex;align-items:center;gap:8px;padding:11px 22px;background:var(--mor);color:var(--beyaz);font-size:14px;font-weight:800;border-radius:var(--radius-sm);transition:background var(--gecis)}
.yorum-gonder-btn:hover{background:var(--mor-k)}
.yorum-form-alt{display:flex;align-items:center;justify-content:flex-end;margin-top:10px}
.f-mesaj{font-size:13px;padding:8px 12px;border-radius:var(--radius-sm);display:none}
.f-mesaj.tamam{background:#ecfdf5;color:#059669}
.f-mesaj.hata{background:#fef2f2;color:#dc2626}
.yorum-liste{display:flex;flex-direction:column;gap:12px}
.yorum-item{background:var(--beyaz);border:1.5px solid var(--kenar);border-radius:var(--radius-sm);padding:16px 20px}
.yorum-ust{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.yorum-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--mor),var(--mor-k));display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-size:14px;font-weight:900;color:var(--beyaz)}
.yorum-isim{font-size:14px;font-weight:700}
.yorum-tarih{font-size:12px;color:var(--metin3);margin-left:auto}
.yorum-metin{font-size:14px;color:var(--metin2);line-height:1.6}

/* FOOTER */
.site-footer{background:var(--sari);margin-top:80px}
.footer-ust{max-width:1240px;margin:0 auto;padding:56px 28px 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.f-logo{height:26px;width:auto;margin-bottom:16px}
.f-slogan{font-size:14px;color:rgba(0,0,0,0.55);line-height:1.65;max-width:240px;margin-bottom:20px}
.f-sosyal{display:flex;gap:10px}
.f-sos{width:36px;height:36px;border-radius:10px;background:rgba(0,0,0,0.08);display:flex;align-items:center;justify-content:center;color:rgba(0,0,0,0.55);transition:all var(--gecis)}
.f-sos:hover{background:rgba(0,0,0,0.15);color:var(--metin);transform:translateY(-2px)}
.f-sos svg{width:16px;height:16px}
.f-bol-baslik{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(0,0,0,0.45);margin-bottom:16px}
.f-bol-liste{display:flex;flex-direction:column;gap:11px}
.f-bol-liste a{font-size:14px;color:rgba(0,0,0,0.6);transition:color var(--gecis)}
.f-bol-liste a:hover{color:var(--metin)}
.footer-alt{border-top:1px solid rgba(0,0,0,0.1)}
.footer-alt-ic{max-width:1240px;margin:0 auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.f-hak{font-size:13px;color:rgba(0,0,0,0.45)}
.f-tasarimci{font-size:13px;color:rgba(0,0,0,0.5)}
.f-tasarimci a{font-weight:700;color:rgba(0,0,0,0.7);transition:color var(--gecis)}
.f-tasarimci a:hover{color:var(--mor)}

/* WHATSAPP */
.wa-wrap{position:fixed;bottom:28px;right:28px;z-index:9999}
.wa-btn{width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,0.4);cursor:pointer;transition:all var(--gecis)}
.wa-btn:hover{transform:scale(1.08)}
.wa-btn img{width:30px;height:30px}
.wa-kart{position:absolute;bottom:68px;right:0;background:var(--beyaz);border-radius:var(--radius-md);padding:18px 22px;box-shadow:var(--golge-lg);width:210px;text-align:center;display:none}
.wa-kart.acik{display:block}
.wa-isim{font-weight:700;font-size:14px;margin-bottom:12px}
.wa-link{display:block;background:#25D366;color:var(--beyaz);font-size:13px;font-weight:700;padding:10px;border-radius:var(--radius-sm);transition:background var(--gecis)}
.wa-link:hover{background:#128C7E}

/* YARDIMCI */
.bos-sonuc{text-align:center;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;grid-column:1/-1}
.bos-sonuc svg{width:56px;height:56px;opacity:.2}
.bos-sonuc h3{font-family:'Poppins',sans-serif;font-size:18px;font-weight:800}
.bos-sonuc p{font-size:14px;color:var(--metin3)}

/* RESPONSİVE */
@media(max-width:1100px){.kat-grid{grid-template-columns:repeat(2,1fr)}.detay-wrap{grid-template-columns:1fr}.sayfa-layout{grid-template-columns:1fr}.sidebar{position:static}.footer-ust{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.desktop-nav{display:none}.hamburger-btn{display:flex}.header-sag .btn-ana{display:none}}
@media(max-width:700px){.header-sag{display:none}.kat-grid{grid-template-columns:1fr}.icerik-grid{grid-template-columns:1fr}.hero{padding:60px 0 80px}.hero-stats{flex-direction:column;border-radius:var(--radius-md)}.hero-stat{border-right:none;border-bottom:1px solid rgba(255,255,255,0.08)}.hero-stat:last-child{border-bottom:none}.footer-ust{grid-template-columns:1fr;padding:36px 20px 24px}.footer-alt-ic{flex-direction:column;text-align:center}.yorum-grid{grid-template-columns:1fr}.kategoriler{padding:48px 20px}.sayfa-layout{padding:20px 16px 48px}.kat-hero-ic{flex-direction:column;align-items:flex-start}}
@media(max-width:480px){.header-ic{padding:0 16px}.hero-arama{flex-direction:column;border-radius:var(--radius-md)}.hero-arama button{margin:0 8px 8px;border-radius:var(--radius-sm)}}

/* ══ MOBİL DETAY DÜZELTME ══ */
@media(max-width:1100px){
  .detay-wrap{
    display:flex;flex-direction:column;
    padding:20px 16px 60px;gap:20px;
  }
  /* Mobilde sıra: 1-Başlık/meta, 2-Sidebar(indir+bilgiler), 3-İçerik(pdf/video), 4-Yorumlar */
  .detay-ana{ order:1; }
  .detay-kenar{ order:2; }
  /* İçerik alanı ana içinde kalıyor ama sidebar önce gösterilsin */
  /* Bunun için ana'yı ikiye bölelim */
}

/* Hamburger sağda sabit */
.hamburger-btn{
  margin-left:auto !important;
  flex-shrink:0;
}

/* Mobil menü alt bilgi */
.mm-alt-bilgi{
  padding:16px 24px;
  border-top:1px solid var(--kenar);
  text-align:center;
  font-size:12px;
  color:var(--metin3);
  line-height:1.7;
}
.mm-alt-bilgi a{
  font-weight:700;
  color:rgba(0,0,0,0.6);
  transition:color var(--gecis);
}
.mm-alt-bilgi a:hover{ color:var(--mor); }

/* Detay mobil sıralama - grid değil flex column */
@media(max-width:900px){
  .detay-wrap{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:unset !important;
  }
  .detay-ana{ order:2; }
  .detay-kenar{ order:1; }
  /* Yorumlar ana içinde, zaten sonda */

  /* Breadcrumb ve başlık kısmı hala önce gösterilmeli */
  /* Bu yüzden başlık bloğunu kenarın üstüne taşıyacağız JS ile */
}

/* DETAY WRAP - MOBİL KENAR ÖNCE */
@media(max-width:900px){
  .detay-baslik-blok{ order:1 }
  .detay-kenar{ order:2 }
  .detay-icerik-blok{ order:3 }
  .detay-yorumlar-blok{ order:4 }
}

/* ═══ HAMBURGER SAĞA SABİT ═══ */
.header-ic{ position:relative }
.hamburger-btn{
  position:relative;
  margin-left:auto !important;
  order:99;
}

/* ═══ MOBİL MENÜ - ALT BİLGİ ═══ */
.mm-alt-bilgi{
  padding:14px 24px 20px;
  text-align:center;
  font-size:12px;
  color:var(--metin4);
  line-height:1.8;
  border-top:1px solid var(--kenar);
  margin-top:auto;
}
.mm-alt-bilgi a{
  font-weight:700;
  color:var(--metin3);
  transition:color var(--gecis);
}
.mm-alt-bilgi a:hover{ color:var(--mor); }

/* ═══ MOBİL DETAY — KENAR ÖNCE, SONRA PDF/VİDEO ═══ */
@media(max-width:900px){
  .detay-wrap{
    display:flex !important;
    flex-direction:column !important;
    padding:20px 16px 60px;
    gap:16px;
  }
  .detay-kenar{ order:1 }
  .detay-ana{ order:2 }
  /* Breadcrumb + başlık ana içinde kalıyor - kenar yukarı çıkacak */
  /* Ama başlık bilgilerini de önce göstermek için:
     Mobilde kenar'ı ana'nın üstüne CSS ile taşıdık.
     Ziyaretçi önce İndir butonunu, sonra PDF'i görür. */
}

/* ═══ MOBİL ŞİFRE KUTUSU ═══ */
@media(max-width:600px){
  .sifre-kutu{
    padding:24px 16px;
  }
  .sifre-satir{
    flex-direction:column;
    max-width:100%;
    gap:8px;
  }
  .sifre-girdi{
    width:100%;
    font-size:16px; /* iOS zoom engelle */
  }
  .sifre-gir-btn{
    width:100%;
    padding:13px;
    font-size:15px;
  }
  /* İçerik alanı taşma engeli */
  .detay-ana, .detay-kenar, #icerik-alani{
    max-width:100%;
    overflow-x:hidden;
  }
  .detay-wrap{
    overflow-x:hidden;
  }
}

/* ═══ HEADER SAĞ GRUP — hamburger her zaman en sağda ═══ */
.header-sag-grup {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  flex-shrink: 0;
}
.header-sag {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 0 !important; /* eskisini sıfırla */
}
/* Hamburger artık header-sag-grup içinde, margin-left:auto kaldır */
.hamburger-btn {
  margin-left: 0 !important;
  flex-shrink: 0;
}
/* Mobilde header-sag gizle, hamburger görünsün */
@media(max-width:900px) {
  .header-sag { display: none; }
  .hamburger-btn { display: flex; }
}
@media(max-width:700px) {
  .header-sag-grup .header-sag { display: none; }
}

/* ═══ MOBİL MENÜ ALT BİLGİ — styled ═══ */
.mm-alt-bilgi {
  padding: 16px 24px 24px;
  text-align: center;
  border-top: 1px solid var(--kenar);
  margin-top: 8px;
}
.mm-alt-bilgi div:first-child {
  font-size: 12px;
  color: var(--metin4);
  margin-bottom: 4px;
}
.mm-alt-bilgi div:last-child {
  font-size: 12px;
  color: var(--metin3);
}
.mm-alt-bilgi a {
  font-weight: 700;
  color: var(--mor);
  text-decoration: none;
  transition: opacity var(--gecis);
}
.mm-alt-bilgi a:hover { opacity: 0.75; }

/* ═══ FLİPBOOK TAŞMA DÜZELTMESİ ═══ */
#flipbook-panel,
#flipbook {
  max-width: 100% !important;
  overflow: hidden;
}
#flipbook canvas {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}
.g-panel {
  overflow: hidden;
}
/* PDF iframe taşma engeli */
.pdf-wrap iframe {
  max-width: 100%;
}
/* Detay ana alanı taşma engeli */
.detay-ana {
  min-width: 0;
  overflow: hidden;
}

/* ═══ DETAY WRAP — TAŞMA KESİN ÇÖZÜM ═══ */
.detay-wrap {
  overflow: hidden;
}
.detay-ana {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
/* PDF iframe — container'a sığsın */
.pdf-wrap {
  max-width: 100%;
  overflow: hidden;
}
.pdf-wrap iframe {
  width: 100% !important;
  max-width: 100% !important;
}
/* Flipbook canvas — kesin taşma engeli */
#flipbook {
  max-width: 100% !important;
  overflow: hidden !important;
}
#flipbook canvas {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
}
/* Tüm içerik alanı */
#icerik-alani {
  max-width: 100%;
  overflow: hidden;
}