/* ================================================================
   HentbolKolik — Ana Stil Dosyası
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;0,8..60,900;1,8..60,400;1,8..60,600&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --bg:#F7F5F2; --bg-card:#FFFFFF; --bg-light:#F0EDE8;
  --ink:#1A1A1A; --ink-2:#3A3A3A; --ink-3:#666666; --ink-4:#999999;
  --border:#E2DDD8; --red:#C8102E; --red-dark:#8B0A1F; --red-light:#E11D34;
  --gold:#B8923D; --blue:#1B3A6B; --green:#1A6B2A;
  --shadow-sm:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.05);
  --shadow:0 4px 12px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.05);
  --shadow-lg:0 8px 24px rgba(0,0,0,.1),0 4px 8px rgba(0,0,0,.05);
  --radius:6px;
  --serif:'Source Serif 4',Georgia,serif;
  --sans:'Inter',system-ui,sans-serif;
  --display:'Archivo Black',Impact,sans-serif;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;font-size:16px;}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}
button{cursor:pointer;font-family:inherit;}
ul,ol{list-style:none;}

.container{max-width:1300px;margin:0 auto;padding:0 1.25rem;}
.container-sm{max-width:900px;margin:0 auto;padding:0 1.25rem;}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.text-red{color:var(--red);}.text-gold{color:var(--gold);}.text-muted{color:var(--ink-3);}
.mt-1{margin-top:.5rem;}.mt-2{margin-top:1rem;}.mt-3{margin-top:1.5rem;}
.mb-1{margin-bottom:.5rem;}.mb-2{margin-bottom:1rem;}.mb-3{margin-bottom:1.5rem;}

.icon{display:inline-block;vertical-align:middle;width:1em;height:1em;fill:currentColor;flex-shrink:0;}
.icon-sm{width:14px;height:14px;}.icon-md{width:18px;height:18px;}
.icon-lg{width:22px;height:22px;}.icon-xl{width:28px;height:28px;}

.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.25rem;font-size:.82rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;text-decoration:none;}
.btn-red{background:var(--red);color:#fff;}.btn-red:hover{background:var(--red-light);}
.btn-dark{background:var(--ink);color:#fff;}.btn-dark:hover{background:#333;}
.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--border);}
.btn-outline:hover{border-color:var(--ink);background:var(--ink);color:#fff;}
.btn-sm{padding:.4rem .9rem;font-size:.75rem;}.btn-lg{padding:.8rem 1.6rem;font-size:.88rem;}

.kat-badge{display:inline-block;padding:.22rem .75rem;background:var(--red);color:#fff;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:2px;}

/* ── Üst Bar ── */
.topbar{background:var(--ink);color:rgba(255,255,255,.8);font-size:.72rem;font-family:var(--sans);letter-spacing:.02em;border-bottom:2px solid var(--red);}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;flex-wrap:wrap;gap:.4rem;}
.topbar-left{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;}
.topbar-left span{display:flex;align-items:center;gap:.35rem;}
.topbar-left strong{color:#fff;font-weight:600;}
.topbar-right{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;}
.topbar-right a{color:rgba(255,255,255,.75);transition:color .2s;font-weight:500;text-transform:uppercase;font-size:.68rem;letter-spacing:.05em;}
.topbar-right a:hover{color:var(--red-light);}
.topbar-store{background:var(--gold);color:var(--ink)!important;padding:.25rem .8rem;font-weight:700!important;border-radius:2px;display:flex!important;align-items:center;gap:.3rem;}
.topbar-store:hover{background:#d4a84a!important;}

/* ── Header ── */
.masthead{background:var(--bg-card);border-bottom:3px solid var(--ink);padding:1.1rem 0;}
.masthead-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;}
.mh-left{font-size:.72rem;color:var(--ink-3);line-height:1.7;}
.mh-left .mh-date{font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;}
.mh-brand{text-align:center;}
.mh-logo{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.25rem;}
.mh-logo img{height:56px;width:auto;mix-blend-mode:multiply;}
.mh-wordmark{font-family:var(--display);font-size:clamp(1.8rem,3.5vw,3rem);line-height:1;color:var(--ink);letter-spacing:.01em;}
.mh-wordmark .hk-red{color:var(--red);}
.mh-tagline{font-family:var(--serif);font-style:italic;font-size:.8rem;color:var(--ink-3);}
.mh-tagline::before,.mh-tagline::after{content:'·';margin:0 .4rem;color:var(--red);}
.mh-right{display:flex;justify-content:flex-end;align-items:center;gap:.4rem;}
.mh-icon-btn{width:36px;height:36px;border:1.5px solid var(--border);background:transparent;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:all .2s;}
.mh-icon-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
.mh-abone{background:var(--red);color:#fff;padding:.55rem 1.1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border:none;border-radius:var(--radius);display:flex;align-items:center;gap:.35rem;transition:background .2s;}
.mh-abone:hover{background:var(--red-light);}

/* ── Ana Navigasyon ── */
.main-nav{background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:200;box-shadow:var(--shadow-sm);}
.nav-inner{display:flex;align-items:center;gap:0;overflow-x:auto;scrollbar-width:none;}
.nav-inner::-webkit-scrollbar{display:none;}
.nav-links{display:flex;align-items:center;flex:1;}
.nav-links a{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;padding:.85rem .9rem;white-space:nowrap;color:var(--ink-2);border-bottom:3px solid transparent;margin-bottom:-1px;transition:all .15s;}
.nav-links a:first-child{padding-left:0;}
.nav-links a:hover{color:var(--red);}
.nav-links a.aktif,.nav-links a[aria-current="page"]{color:var(--red);border-bottom-color:var(--red);}
.nav-store-link{color:var(--gold)!important;display:flex!important;align-items:center;gap:.3rem;}
.nav-store-link:hover{color:var(--red)!important;}
.nav-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-left:1rem;flex-shrink:0;}
.nav-search-form{display:flex;align-items:center;}
.nav-search-form input{border:1.5px solid var(--border);border-radius:var(--radius) 0 0 var(--radius);padding:.4rem .8rem;font-size:.78rem;background:var(--bg);color:var(--ink);outline:none;width:160px;transition:border-color .2s;}
.nav-search-form input:focus{border-color:var(--red);}
.nav-search-form button{background:var(--red);color:#fff;border:none;padding:.45rem .65rem;border-radius:0 var(--radius) var(--radius) 0;}

/* ── Son Dakika Bandı — MOBİL FİX ── */
.breaking-bar{background:var(--red);color:#fff;padding:.6rem 0;overflow:hidden;position:relative;z-index:100;}
.breaking-inner{display:flex;align-items:center;gap:1rem;}
.breaking-tag{background:#fff;color:var(--red);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .7rem;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.3rem;border-radius:2px;}
.breaking-ticker{overflow:hidden;flex:1;position:relative;}
.breaking-ticker-inner{display:inline-block;white-space:nowrap;}
.breaking-ticker a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
  font-size:.85rem;
  font-weight:500;
  /* MOBİL FİX */
  display:inline-block;
  position:relative;
  z-index:10;
  pointer-events:all;
  -webkit-tap-highlight-color:rgba(255,255,255,.3);
  touch-action:manipulation;
  padding:.3rem 0; /* dokunma alanını genişlet */
}
.ticker-animate{animation:ticker 25s linear infinite;}
@keyframes ticker{0%{transform:translateX(100vw)}100%{transform:translateX(-100%)}}
.breaking-bar:hover .ticker-animate{animation-play-state:paused;}
/* Mobilde animasyon durunca tıklanabilir */
@media(max-width:768px){
  .breaking-ticker a{padding:.5rem 0;font-size:.82rem;}
  .ticker-animate{animation-duration:20s;}
}

/* ── Reklam Alanları ── */
.ad-unit{background:var(--bg-light);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--ink-4);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;text-align:center;position:relative;}
.ad-unit::before{content:'Reklam';position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--bg);padding:0 .4rem;font-size:.6rem;color:var(--ink-4);letter-spacing:.15em;}
.ad-leader{width:100%;max-width:728px;min-height:90px;margin:1rem auto;}
.ad-mrec{width:300px;min-height:250px;}
.ad-billboard{width:100%;max-width:970px;min-height:250px;margin:1.5rem auto;}

/* ── Manşet Layout ── */
.front-grid{display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:2rem 0 1.5rem;border-bottom:1px solid var(--border);}
.lead-card{}
.lead-kicker{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;}
.lead-kicker .kicker-cat{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--red);}
.lead-kicker .kicker-sep{color:var(--border);}
.lead-kicker .kicker-time{font-size:.7rem;color:var(--ink-4);}
.lead-image{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--bg-light);border-radius:var(--radius);margin-bottom:1rem;}
.lead-image img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s;}
.lead-card:hover .lead-image img{transform:scale(1.03);}
.img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a1a1a,#1a1a2a);}
.img-placeholder svg{width:64px;height:64px;color:rgba(255,255,255,.25);}
.lead-image .img-credit{position:absolute;bottom:.5rem;right:.6rem;font-size:.62rem;color:rgba(255,255,255,.75);background:rgba(0,0,0,.4);padding:.15rem .4rem;border-radius:2px;z-index:2;}
.lead-headline{font-family:var(--serif);font-weight:900;font-size:clamp(1.7rem,3.5vw,2.8rem);line-height:1.08;letter-spacing:-.02em;margin-bottom:.8rem;color:var(--ink);transition:color .15s;}
.lead-card:hover .lead-headline{color:var(--red);}
.lead-deck{font-family:var(--serif);font-size:1.05rem;line-height:1.6;color:var(--ink-2);margin-bottom:1rem;}
.byline{display:flex;align-items:center;gap:.8rem;font-size:.78rem;color:var(--ink-3);flex-wrap:wrap;}
.byline-ava{width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.8rem;overflow:hidden;flex-shrink:0;}
.byline-ava img{width:100%;height:100%;object-fit:cover;}
.byline strong{color:var(--ink);font-weight:600;}
.byline-sep{color:var(--border);}
.byline-meta{display:flex;align-items:center;gap:.6rem;}
.byline-meta span{display:flex;align-items:center;gap:.25rem;}

.rail-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;box-shadow:var(--shadow-sm);}
.rail-box+.rail-box{margin-top:1rem;}
.rail-title{font-family:var(--display);font-size:.88rem;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;}
.rail-title a{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--red);}

.top-list{}
.top-item{display:flex;align-items:flex-start;gap:.8rem;padding:.65rem 0;border-bottom:1px solid var(--border);cursor:pointer;}
.top-item:last-child{border-bottom:none;}
.top-num{font-family:var(--display);font-size:1.4rem;line-height:1;color:var(--red);opacity:.5;min-width:28px;}
.top-body .top-cat{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4);display:block;margin-bottom:.2rem;}
.top-body h5{font-family:var(--serif);font-size:.9rem;line-height:1.3;font-weight:600;transition:color .15s;}
.top-item:hover h5{color:var(--red);}

.mac-box{background:var(--ink);color:#fff;border-radius:var(--radius);padding:1.1rem;}
.mac-box-lig{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(200,16,46,.9);margin-bottom:.8rem;display:flex;justify-content:space-between;}
.mac-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.88rem;font-weight:600;}
.mac-row:last-of-type{margin-bottom:0;}
.mac-flag{width:30px;height:20px;border-radius:2px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);}
.mac-flag svg{width:100%;height:100%;}
.mac-vs{text-align:center;font-family:var(--display);font-size:.9rem;color:var(--red-light);margin:.5rem 0;}
.mac-alt{display:flex;justify-content:space-between;font-size:.65rem;color:rgba(255,255,255,.5);margin-top:.8rem;padding-top:.7rem;border-top:1px solid rgba(255,255,255,.08);}

/* ── Haber Grid ── */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}
.news-grid.cols-2{grid-template-columns:repeat(2,1fr);}
.news-grid.cols-4{grid-template-columns:repeat(4,1fr);}
.news-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s;display:flex;flex-direction:column;}
.news-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
.news-card-img{aspect-ratio:3/2;overflow:hidden;background:var(--bg-light);position:relative;}
.news-card-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s;}
.news-card:hover .news-card-img img{transform:scale(1.06);}
.news-card-img .card-badge{position:absolute;top:.5rem;left:.5rem;z-index:2;}
.news-card-body{padding:1rem;flex:1;display:flex;flex-direction:column;}
.card-meta{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:.5rem;}
.card-meta .card-time{color:var(--ink-4);font-weight:400;text-transform:none;letter-spacing:0;}
.card-meta .card-time::before{content:'·';margin-right:.4rem;}
.card-title{font-family:var(--serif);font-weight:700;font-size:1.05rem;line-height:1.25;margin-bottom:.5rem;color:var(--ink);transition:color .15s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-card:hover .card-title{color:var(--red);}
.card-spot{font-size:.85rem;color:var(--ink-3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.6rem;flex:1;}
.card-author{font-size:.72rem;color:var(--ink-4);margin-top:auto;display:flex;align-items:center;gap:.3rem;}
.card-author strong{color:var(--ink-3);font-weight:600;}
.news-card-h{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:160px 1fr;transition:box-shadow .25s;}
.news-card-h:hover{box-shadow:var(--shadow);}
.news-card-h .news-card-img{aspect-ratio:unset;height:100%;min-height:110px;}
.news-card-h .news-card-body{padding:.85rem;}
.news-card-h .card-title{font-size:.95rem;-webkit-line-clamp:2;}

/* ── Bölüm Başlıkları ── */
.sec-header{display:flex;justify-content:space-between;align-items:flex-end;padding:2rem 0 1.1rem;border-bottom:3px solid var(--ink);margin-bottom:1.5rem;}
.sec-header-left .sec-eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--red);margin-bottom:.25rem;}
.sec-header-left h2{font-family:var(--display);font-size:clamp(1.5rem,3vw,2rem);line-height:.95;letter-spacing:.01em;}
.sec-header-right{display:flex;align-items:center;gap:.8rem;}
.sec-tabs{display:flex;gap:.3rem;}
.sec-tabs button{background:transparent;border:1.5px solid var(--border);padding:.38rem .75rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius);transition:all .15s;}
.sec-tabs button.aktif{background:var(--ink);color:#fff;border-color:var(--ink);}
.sec-tabs button:hover:not(.aktif){border-color:var(--ink);}
.sec-more{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);display:flex;align-items:center;gap:.3rem;transition:gap .2s,color .2s;}
.sec-more:hover{color:var(--red);gap:.6rem;}

/* ── Video Grid ── */
.video-hero-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;min-height:420px;}
.vtile{position:relative;overflow:hidden;background:var(--ink);border-radius:var(--radius);cursor:pointer;}
.vtile:first-child{grid-row:span 2;}
.vtile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.75) 100%);pointer-events:none;}
.vtile img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.vtile:hover img{transform:scale(1.04);}
.vtile .v-play{position:absolute;top:.8rem;left:.8rem;z-index:3;width:40px;height:40px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.vtile:first-child .v-play{width:56px;height:56px;}
.vtile:hover .v-play{transform:scale(1.1);}
.vtile .v-dur{position:absolute;top:.8rem;right:.8rem;z-index:3;background:rgba(0,0,0,.65);color:#fff;font-size:.65rem;padding:.18rem .5rem;border-radius:2px;}
.vtile .v-info{position:absolute;bottom:.9rem;left:.9rem;right:.9rem;z-index:3;}
.vtile .v-cat{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(200,16,46,.9);margin-bottom:.3rem;}
.vtile .v-title{font-family:var(--serif);font-weight:600;color:#fff;font-size:.88rem;line-height:1.25;}
.vtile:first-child .v-title{font-size:1.3rem;}
.vtile .v-meta{font-size:.65rem;color:rgba(255,255,255,.55);margin-top:.3rem;display:flex;align-items:center;gap:.3rem;}

/* ── Puan Durumu ── */
.standings-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);}
.standings-table{width:100%;border-collapse:collapse;}
.standings-table th{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:.6rem .8rem;background:var(--bg-light);border-bottom:2px solid var(--ink);text-align:left;}
.standings-table th.center,.standings-table td.center{text-align:center;}
.standings-table td{padding:.65rem .8rem;border-bottom:1px solid var(--border);font-size:.85rem;vertical-align:middle;}
.standings-table tr:last-child td{border-bottom:none;}
.standings-table tr:hover td{background:var(--bg-light);}
.standings-table tr.eu td{border-left:3px solid var(--red);}
.standings-table tr.dusme td{border-left:3px solid #f59e0b;}
.std-pos{font-family:var(--display);font-size:.9rem;min-width:24px;}
.std-emblem{width:26px;height:26px;border-radius:50%;background:var(--bg-light);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.58rem;color:var(--ink);overflow:hidden;}
.std-emblem img{width:100%;height:100%;object-fit:contain;}
.std-ad{font-weight:600;}
.std-num{font-size:.78rem;color:var(--ink-3);text-align:center;}
.std-pts{font-family:var(--display);font-size:.95rem;color:var(--red);text-align:center;}

/* ── Yazarlar ── */
.authors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}
.author-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.25rem;text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s;}
.author-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);}
.author-ava{width:80px;height:80px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:2rem;margin:0 auto 1rem;overflow:hidden;border:3px solid var(--border);}
.author-ava img{width:100%;height:100%;object-fit:cover;}
.author-card h3{font-family:var(--serif);font-weight:700;font-size:1.05rem;margin-bottom:.25rem;}
.author-card .unvan{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:.6rem;}
.author-card .bio{font-size:.82rem;color:var(--ink-3);line-height:1.5;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.author-social{display:flex;justify-content:center;gap:.4rem;}
.author-social a{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--ink-3);transition:all .2s;}
.author-social a:hover{background:var(--red);border-color:var(--red);color:#fff;}

/* ── Special Banner ── */
.special-banner{background:linear-gradient(135deg,var(--ink) 0%,#2a0a0a 60%,#1a0a0a 100%);border-radius:var(--radius);padding:2.5rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2rem;position:relative;overflow:hidden;color:#fff;}
.special-banner::before{content:'';position:absolute;inset:0;background:url('https://img.youtube.com/vi/oIB9HdH9qVo/maxresdefault.jpg') center/cover;opacity:.08;}
.special-eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--red-light);margin-bottom:.6rem;}
.special-banner h2{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.5rem);line-height:1;margin-bottom:.8rem;position:relative;z-index:1;}
.special-banner p{font-family:var(--serif);font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.75);margin-bottom:1.2rem;max-width:480px;position:relative;z-index:1;}
.special-stats{display:flex;gap:2rem;margin-bottom:1.5rem;position:relative;z-index:1;}
.special-stat .num{font-family:var(--display);font-size:2.2rem;line-height:1;color:var(--red-light);}
.special-stat .lab{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.6);}
.special-cta{position:relative;z-index:1;}
.special-countdown{font-family:var(--display);font-size:5rem;line-height:1;color:rgba(255,255,255,.12);text-align:center;position:relative;z-index:1;flex-shrink:0;}
.special-countdown span{display:block;font-size:.8rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.15em;margin-top:.3rem;font-family:var(--sans);font-weight:400;}

/* ── Newsletter ── */
.newsletter{background:var(--ink);color:#fff;padding:3rem 0;margin:2.5rem 0 0;}
.nl-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
.nl-eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--red-light);margin-bottom:.6rem;}
.nl-inner h2{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.4rem);line-height:.95;margin-bottom:.7rem;}
.nl-inner h2 em{font-style:normal;color:var(--red-light);}
.nl-inner p{font-family:var(--serif);font-size:.95rem;line-height:1.55;color:rgba(255,255,255,.7);margin-bottom:1.2rem;}
.nl-social{display:flex;gap:.4rem;}
.nl-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .2s;}
.nl-social a:hover{background:var(--red);border-color:var(--red);color:#fff;}
.nl-form{display:flex;flex-direction:column;gap:.6rem;}
.nl-form label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.6);}
.nl-row{display:flex;}
.nl-form input{flex:1;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);border-right:none;color:#fff;padding:.85rem 1rem;font-size:.9rem;border-radius:var(--radius) 0 0 var(--radius);outline:none;transition:border-color .2s;}
.nl-form input:focus{border-color:var(--red-light);}
.nl-form input::placeholder{color:rgba(255,255,255,.35);}
.nl-form button{background:var(--red);color:#fff;border:none;padding:0 1.4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-radius:0 var(--radius) var(--radius) 0;display:flex;align-items:center;gap:.35rem;transition:background .2s;}
.nl-form button:hover{background:var(--red-light);}
.nl-form small{font-size:.65rem;color:rgba(255,255,255,.4);}

/* ── Footer ── */
.footer{background:var(--ink);color:rgba(255,255,255,.85);padding:3rem 0 1.5rem;}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem;}
.footer-brand .fw{font-family:var(--display);font-size:1.5rem;display:flex;align-items:center;gap:.4rem;margin-bottom:.8rem;color:#fff;}
.footer-brand .fw img{height:1.5em;width:auto;mix-blend-mode:screen;opacity:.9;}
.footer-brand .fw span{color:var(--red-light);}
.footer-brand p{font-size:.82rem;line-height:1.6;color:rgba(255,255,255,.6);max-width:260px;margin-bottom:1.1rem;}
.footer-social{display:flex;gap:.4rem;flex-wrap:wrap;}
.footer-social a{width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:all .2s;}
.footer-social a.yt:hover{background:#FF0000;border-color:#FF0000;color:#fff;}
.footer-social a.ig:hover{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);border-color:transparent;color:#fff;}
.footer-social a.fb:hover{background:#1877F2;border-color:#1877F2;color:#fff;}
.footer-social a.wa:hover{background:#25D366;border-color:#25D366;color:#fff;}
.footer-social a.tg:hover{background:#2AABEE;border-color:#2AABEE;color:#fff;}
.footer-col h4{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin-bottom:.9rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-col ul li{margin-bottom:.45rem;}
.footer-col ul a{font-size:.82rem;color:rgba(255,255,255,.6);transition:color .2s;}
.footer-col ul a:hover{color:var(--red-light);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;color:rgba(255,255,255,.4);flex-wrap:wrap;gap:.5rem;}
.footer-bottom a{color:rgba(255,255,255,.5);margin-left:.8rem;transition:color .2s;}
.footer-bottom a:hover{color:var(--red-light);}

/* ── Article ── */
.article-layout{display:grid;grid-template-columns:1fr 300px;gap:2.5rem;padding:2rem 0;}
.article-title{font-family:var(--serif);font-weight:900;font-size:clamp(1.6rem,3.5vw,2.5rem);line-height:1.08;letter-spacing:-.02em;margin-bottom:.8rem;}
.article-spot{font-family:var(--serif);font-size:1.1rem;line-height:1.6;color:var(--ink-2);margin-bottom:1rem;border-left:3px solid var(--red);padding-left:1rem;}
.article-meta{display:flex;align-items:center;gap:.8rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap;}
.article-share{display:flex;gap:.4rem;margin-left:auto;}
.share-btn{width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--ink-3);transition:all .2s;}
.share-btn.wa:hover{background:#25D366;border-color:#25D366;color:#fff;}
.share-btn.tw:hover{background:#000;border-color:#000;color:#fff;}
.share-btn.fb:hover{background:#1877F2;border-color:#1877F2;color:#fff;}
.share-btn.tg:hover{background:#2AABEE;border-color:#2AABEE;color:#fff;}
.article-figure{margin:1.5rem 0;}
.article-figure img{width:100%;border-radius:var(--radius);}
.article-figure figcaption{font-size:.75rem;color:var(--ink-4);padding:.4rem .2rem;}
.article-body{font-family:var(--serif);font-size:1.05rem;line-height:1.8;color:var(--ink-2);}
.article-body p{margin-bottom:1.3rem;}
.article-body h2{font-family:var(--display);font-size:1.4rem;color:var(--ink);margin:2rem 0 .7rem;}
.article-body h3{font-family:var(--serif);font-weight:700;font-size:1.15rem;margin:1.5rem 0 .5rem;}
.article-body blockquote{border-left:4px solid var(--red);padding:.8rem 1.4rem;margin:1.5rem 0;background:var(--bg-light);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;font-size:1.1rem;}
.article-body a{color:var(--red);text-decoration:underline;text-underline-offset:3px;}
.article-body ul,.article-body ol{padding-left:1.4rem;margin-bottom:1.2rem;}
.article-body li{margin-bottom:.4rem;}
.ozet-kutu{background:var(--bg-light);border-left:4px solid var(--red);border-radius:0 var(--radius) var(--radius) 0;padding:1.1rem 1.4rem;margin-bottom:1.4rem;}
.ozet-kutu h4{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--red);margin-bottom:.7rem;}
.ozet-kutu ol{padding-left:1.1rem;}
.ozet-kutu li{font-size:.92rem;line-height:1.5;margin-bottom:.35rem;color:var(--ink-2);}
.hk-yorum-kutu{background:var(--ink);color:#fff;border-radius:var(--radius);padding:1.3rem 1.5rem;margin:1.5rem 0;position:relative;}
.hk-yorum-kutu::before{content:'HK ANALİZ';position:absolute;top:-9px;left:1rem;background:var(--red);color:#fff;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;padding:.18rem .6rem;border-radius:2px;}
.hk-yorum-kutu p{font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.6;color:rgba(255,255,255,.88);}
.mac-bilgi-kutu{border:1px solid var(--border);border-top:3px solid var(--red);border-radius:var(--radius);padding:1.2rem;margin:1.5rem 0;}
.mac-bilgi-kutu h4{font-family:var(--display);font-size:.9rem;text-transform:uppercase;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.4rem;}
.mac-bilgi-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;}
.mbi .mbi-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4);display:block;margin-bottom:.1rem;}
.mbi strong{font-size:.88rem;font-weight:600;color:var(--ink);}
.mac-skor-display{font-family:var(--display);font-size:2.5rem;color:var(--red);text-align:center;padding:.8rem;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.8rem;}
.etiketler{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.5rem 0;}
.etiket-link{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:.28rem .8rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;transition:all .2s;}
.etiket-link:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
.yazar-kutu{background:var(--bg-light);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem;display:flex;gap:1.2rem;margin:2rem 0;}
.yazar-kutu .ya{width:64px;height:64px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.4rem;overflow:hidden;flex-shrink:0;}
.yazar-kutu .ya img{width:100%;height:100%;object-fit:cover;}
.yazar-kutu h4{font-size:1rem;font-weight:700;margin-bottom:.15rem;}
.yazar-kutu .unvan{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--red);margin-bottom:.5rem;}
.yazar-kutu p{font-size:.84rem;color:var(--ink-3);line-height:1.5;margin-bottom:.6rem;}

/* ── Sayfalama / Breadcrumb / Flash ── */
.paginator{display:flex;justify-content:center;gap:.4rem;margin:2rem 0;flex-wrap:wrap;}
.page-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.82rem;font-weight:600;transition:all .15s;}
.page-btn:hover{border-color:var(--ink);background:var(--ink);color:#fff;}
.page-btn.aktif{background:var(--red);border-color:var(--red);color:#fff;}
.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.72rem;color:var(--ink-4);padding:.6rem 0;flex-wrap:wrap;}
.breadcrumb a{color:var(--ink-4);transition:color .15s;}
.breadcrumb a:hover{color:var(--red);}
.breadcrumb .bc-sep{color:var(--border);}
.flash{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.88rem;font-weight:500;border-left:4px solid;}
.flash-basari{background:#f0fdf4;border-color:#22c55e;color:#15803d;}
.flash-hata{background:#fef2f2;border-color:#ef4444;color:#b91c1c;}
.flash-bilgi{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;}

/* ── Admin Panel ── */
.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh;}
.admin-sidebar{background:var(--ink);color:rgba(255,255,255,.85);padding:0;position:sticky;top:0;height:100vh;overflow-y:auto;}
.admin-sidebar .admin-logo{padding:1.2rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--display);font-size:1.1rem;color:#fff;display:flex;align-items:center;gap:.5rem;}
.admin-sidebar .admin-logo img{height:1.6em;width:auto;mix-blend-mode:screen;}
.admin-sidebar .admin-logo span{color:var(--red-light);}
.admin-menu{padding:.5rem 0;}
.admin-menu a{display:flex;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.82rem;font-weight:500;color:rgba(255,255,255,.7);transition:all .2s;border-left:3px solid transparent;}
.admin-menu a:hover{background:rgba(255,255,255,.06);color:#fff;}
.admin-menu a.aktif{background:rgba(200,16,46,.15);color:#fff;border-left-color:var(--red);}
.admin-menu .menu-section{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.3);padding:.8rem 1rem .3rem;margin-top:.4rem;}
.admin-content{background:var(--bg);padding:0;}
.admin-topbar{background:#fff;border-bottom:1px solid var(--border);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100;}
.admin-topbar h1{font-size:1.1rem;font-weight:700;color:var(--ink);}
.admin-main{padding:1.5rem;}
.admin-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;}
.admin-card-header{padding:.8rem 1.25rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-light);}
.admin-card-header h3{font-size:.9rem;font-weight:700;}
.admin-card-body{padding:1.25rem;}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}
.stat-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);}
.stat-card .stat-num{font-family:var(--display);font-size:2rem;color:var(--ink);margin-bottom:.2rem;}
.stat-card .stat-lab{font-size:.75rem;color:var(--ink-3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;}
.form-group{margin-bottom:1.1rem;}
.form-label{display:block;font-size:.78rem;font-weight:600;color:var(--ink-2);margin-bottom:.35rem;}
.form-control{width:100%;padding:.6rem .9rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.88rem;font-family:var(--sans);color:var(--ink);background:#fff;outline:none;transition:border-color .2s;}
input[type=file].form-control{padding:.4rem .6rem;cursor:pointer;}
.form-control:focus{border-color:var(--red);}
textarea.form-control{resize:vertical;min-height:120px;}
select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem;padding-right:2.5rem;}
.form-hint{font-size:.72rem;color:var(--ink-4);margin-top:.25rem;}
.admin-table{width:100%;border-collapse:collapse;}
.admin-table th{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-4);padding:.6rem .9rem;background:var(--bg-light);border-bottom:2px solid var(--border);text-align:left;white-space:nowrap;}
.admin-table td{padding:.65rem .9rem;border-bottom:1px solid var(--border);font-size:.85rem;vertical-align:middle;}
.admin-table tr:hover td{background:var(--bg-light);}
.admin-table tr:last-child td{border-bottom:none;}
.admin-actions{display:flex;gap:.3rem;}
.admin-actions a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius);border:1px solid var(--border);color:var(--ink-3);transition:all .2s;}
.admin-actions a.edit:hover{background:var(--blue);border-color:var(--blue);color:#fff;}
.admin-actions a.del:hover{background:var(--red);border-color:var(--red);color:#fff;}
.durum-badge{display:inline-block;padding:.18rem .55rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-radius:2px;}
.durum-yayinda{background:#dcfce7;color:#15803d;}
.durum-taslak{background:#fef9c3;color:#a16207;}
.durum-arsiv{background:#f1f5f9;color:#64748b;}

/* ── Responsive ── */
@media(max-width:1100px){
  .front-grid{grid-template-columns:1fr;}
  .news-grid.cols-4{grid-template-columns:repeat(2,1fr);}
  .authors-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr 1fr;}
  .footer-brand{grid-column:span 3;}
  .article-layout{grid-template-columns:1fr;}
  .article-sidebar{display:none;}
  .special-banner{grid-template-columns:1fr;}
  .special-countdown{display:none;}
  .nl-inner{grid-template-columns:1fr;gap:2rem;}
  .admin-stats{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:768px){
  .masthead-inner{grid-template-columns:1fr;gap:.8rem;text-align:center;}
  .mh-left,.mh-right{justify-content:center;}
  .news-grid{grid-template-columns:1fr;}
  .news-grid.cols-2{grid-template-columns:1fr;}
  .video-hero-grid{grid-template-columns:1fr;min-height:auto;}
  .vtile:first-child{grid-row:span 1;}
  .authors-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .footer-brand{grid-column:span 2;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .admin-layout{grid-template-columns:1fr;}
  .admin-sidebar{position:relative;height:auto;}
  .admin-stats{grid-template-columns:repeat(2,1fr);}
  .topbar-left{justify-content:center;}
  .topbar-right{justify-content:center;}
  .mac-bilgi-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .news-card-h{grid-template-columns:1fr;}
  .news-card-h .news-card-img{height:160px;}
  .admin-stats{grid-template-columns:1fr 1fr;}
  .sec-header{flex-direction:column;align-items:flex-start;gap:.7rem;}
}

/* ── Manşet Carousel ── */
.manshet-carousel{position:relative;}
.manshet-slide{animation:fadeIn .35s ease;}
@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.manshet-controls{display:flex;align-items:center;gap:.5rem;margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--border);flex-wrap:wrap;}
.mc-btn{width:32px;height:32px;border:1.5px solid var(--border);background:#fff;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);transition:all .15s;flex-shrink:0;}
.mc-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);}
.mc-nums{position:absolute;bottom:.75rem;right:.75rem;display:flex;gap:.35rem;z-index:10;pointer-events:all;}
.mc-num-btn{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:rgba(0,0,0,.45);color:#fff;font-family:var(--display);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;line-height:1;}
.mc-num-btn:hover{background:rgba(200,16,46,.85);border-color:rgba(255,255,255,.9);transform:scale(1.1);}
.mc-num-btn.aktif{background:var(--red);border-color:#fff;transform:scale(1.15);box-shadow:0 2px 8px rgba(200,16,46,.5);}
.mc-progress-bar{height:2px;background:var(--border);border-radius:2px;margin-top:.5rem;overflow:hidden;}
.mc-progress-bar-inner{height:100%;background:var(--red);border-radius:2px;width:0%;transition:width 7s linear;}
.breaking-bar { z-index:201 !important; }
.breaking-bar a { position:relative; z-index:202 !important; pointer-events:all !important; }