/* kanal6 — tema stilleri */
/* temel reset (preflight) */
*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--color-border,#e5e7eb)}
::before,::after{--tw-content:''}
html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}
body{margin:0;line-height:inherit}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;background-color:transparent;background-image:none}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
[type='search']{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-search-decoration{-webkit-appearance:none}
summary{display:list-item}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}
fieldset{margin:0;padding:0}
legend{padding:0}
ol,ul,menu{list-style:none;margin:0;padding:0}
dialog{padding:0}
textarea{resize:vertical}
input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}
button,[role="button"]{cursor:pointer}
:disabled{cursor:default}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
[hidden]{display:none}


:root{
  /* LIGHT PORTAL — sayfa geneli */
  --bg:#F7F7F8;
  --paper:#FFFFFF;
  --ink:#0E0E12;
  --ink-2:#3A3A42;
  --muted:#6B6B75;
  --subtle:#9696A0;
  --line:#E5E5EA;
  --line-2:#D4D4D8;
  --accent:#BE9E3A;
  --accent-2:#9F8230;
  --red:#B5882A;
  --night:#F0F0F2;
  --night-2:#F5F5F7;
}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  font-family:'Hanken Grotesk','Inter Tight',system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
.mono{font-family:'JetBrains Mono',monospace}
.text-ink{color:var(--ink)}
.text-ink-2{color:var(--ink-2)}
.text-muted{color:var(--muted)}
.text-subtle{color:var(--subtle)}
.text-accent{color:var(--accent)}
.bg-paper{background:var(--paper)}
.bg-night{background:var(--night)}
.bg-night-2{background:var(--night-2)}
.bg-accent{background:var(--accent)}
.border-line{border-color:var(--line)}
.border-line-2{border-color:var(--line-2)}
.border-accent{border-color:var(--accent)}

/* live */
@keyframes lp{0%,100%{box-shadow:0 0 0 0 rgba(181,136,42,.55)}50%{box-shadow:0 0 0 6px rgba(181,136,42,0)}}
.live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;animation:lp 1.6s ease-out infinite}

/* category tag — vox style: small, uppercase, accent */
.cat{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);font-weight:600;
}
.cat-fill{
  background:var(--accent);color:#fff;padding:3px 8px 2px;
}

/* timestamp */
.ts{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:var(--subtle);letter-spacing:.04em;
}

/* card hover */
.card{display:block;position:relative;background:var(--paper);transition:box-shadow .25s ease,transform .25s ease}
.card-img{overflow:hidden;display:block;background:var(--line-2);position:relative}
.card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.card:hover .card-img img{transform:scale(1.04)}
.card .h{transition:color .2s}
.card:hover .h{color:var(--accent)}
.card-pad{padding:14px 16px 16px}

/* lift on hover (vox-style soft shadow) */
.card-lift:hover{box-shadow:0 6px 24px rgba(0,0,0,.06)}

/* hero overlay caption */
.cap{
  position:absolute;left:0;right:0;bottom:0;padding:18px 18px 16px;color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,0) 100%);
}
.cap-tag{
  display:inline-block;background:var(--accent);color:#fff;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  padding:3px 7px 2px;margin-bottom:8px;
}

/* ═══════════════════════════════════════════════════════════════
   DARK PORTAL HEADER — v4 (Kanal6) · DOC 00-48-47.png referansı
   Hanken Grotesk · dark zemin · orange/amber accent · 3 manşet kart
   ═══════════════════════════════════════════════════════════════ */

:root{
  --k6-bg:#F7F7F8;
  --k6-bg-2:#FFFFFF;
  --k6-card:#FFFFFF;
  --k6-card-2:#F5F5F7;
  --k6-card-3:#EAEAEF;
  --k6-border:#E5E5EA;
  --k6-border-2:#D4D4D8;
  --k6-text:#0E0E12;
  --k6-text-2:#3A3A42;
  --k6-mute:#6B6B75;
  --k6-mute-2:#9696A0;
  --k6-amber:#BE9E3A;
  --k6-amber-2:#D4B454;
  --k6-red:#B5882A;
  --k6-teal:#15B8A6;
}

/* tüm header dark zemin */
.k6-shell{background:var(--k6-bg);font-family:'Hanken Grotesk',sans-serif}
.k6-shell *{font-family:inherit}
.k6-shell .mono{font-family:'Geist Mono','JetBrains Mono',monospace}

/* ---------- 1. UTILITY (very dark, h-9) ---------- */
.k6-utility{
  background:#FFFFFF;
  border-bottom:1px solid var(--k6-border);
}
.k6-util-row{
  display:flex;align-items:center;gap:20px;height:36px;
  color:var(--k6-text-2);
}
.k6-util-l{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}
.k6-util-r{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}

.k6-live{
  display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:600;color:var(--k6-text);letter-spacing:-.005em;
}
.k6-live .ring{position:relative;width:7px;height:7px;flex-shrink:0}
.k6-live .ring::before,.k6-live .ring::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--k6-red)}
.k6-live .ring::after{animation:k6ring 1.8s cubic-bezier(.4,0,.2,1) infinite}
@keyframes k6ring{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.6);opacity:0}}
.k6-live em{font-style:normal;color:var(--k6-mute);font-weight:500;margin-left:2px}

.k6-clock{
  font-family:'Geist Mono',monospace;
  font-size:11.5px;color:var(--k6-text-2);font-weight:500;
  display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums;
}
.k6-clock b{color:var(--k6-text);font-weight:600}
.k6-clock .day{color:var(--k6-mute);text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:700}
.k6-clock .pip{width:3px;height:3px;background:var(--k6-mute-2);border-radius:50%;display:inline-block}

.k6-vsep{width:1px;height:14px;background:var(--k6-border-2);display:inline-block;flex-shrink:0}

.k6-tape{
  flex:1;min-width:0;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
}
.k6-tape-track{
  display:inline-flex;gap:28px;
  animation:k6tape 52s linear infinite;
  white-space:nowrap;padding-right:28px;
}
.k6-tape:hover .k6-tape-track{animation-play-state:paused}
@keyframes k6tape{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.k6-tick{
  display:inline-flex;align-items:center;gap:7px;
  font-family:'Geist Mono',monospace;font-size:11.5px;
  color:var(--k6-text-2);letter-spacing:0;font-weight:500;
}
.k6-tick .sym{color:var(--k6-mute);font-weight:600}
.k6-tick .val{color:var(--k6-text);font-weight:600;font-variant-numeric:tabular-nums}
.k6-tick .up{color:#34D399;font-weight:600;font-size:10.5px}
.k6-tick .dn{color:#F87171;font-weight:600;font-size:10.5px}

.k6-ub{
  width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--k6-mute);border-radius:8px;background:transparent;border:0;cursor:pointer;
  transition:all .18s ease;position:relative;
}
.k6-ub:hover{color:var(--k6-text);background:var(--k6-card-2)}
.k6-ub .badge{
  position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;
  background:var(--k6-amber);box-shadow:0 0 0 1.5px #FFFFFF;
}
.k6-lang-pill{
  display:inline-flex;align-items:center;
  background:transparent;border:1px solid var(--k6-border-2);border-radius:999px;padding:2px;
}
.k6-lang-pill a{
  font-size:10.5px;font-weight:600;letter-spacing:.04em;
  padding:3px 9px;color:var(--k6-mute);border-radius:999px;
  transition:all .18s ease;
}
.k6-lang-pill a.on{background:#0E0E12;color:#fff}
.k6-lang-pill a:not(.on):hover{color:var(--k6-text)}

/* ---------- 2. BRAND + NAV (light, beyaz zemin) ---------- */
.k6-brand{
  background:#FFFFFF;
  border-bottom:1px solid var(--k6-border);
}
.k6-brand-row{
  display:flex;align-items:center;
  height:90px;gap:36px;
}
/* menü ikonu + logo — container'ın en solunda, aralarında küçük boşluk */
.k6-brand-left{
  display:flex;align-items:center;gap:16px;flex-shrink:0;
  margin-left:-32px; /* container px-8 padding'ini iptal et — menü ikonu container'ın en soluna yaslanır */
}

/* LOGO — Hanken Grotesk wordmark + amber rounded "6" */
.k6-logo{
  display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;flex-shrink:0;
}
.k6-logo img{
  height:42px;width:auto;display:block;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.k6-logo:hover img{transform:scale(1.03)}
.k6-logo .word{
  font-family:'Hanken Grotesk',sans-serif;
  font-weight:800;font-size:34px;letter-spacing:-.045em;
  color:var(--k6-text);line-height:1;
}
.k6-logo .six{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:12px;
  background:var(--k6-amber);color:#0E0E12;
  font-family:'Hanken Grotesk',sans-serif;font-weight:900;font-size:28px;
  letter-spacing:-.04em;line-height:1;
  box-shadow:0 6px 18px rgba(190,158,58,.32),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
  position:relative;overflow:hidden;
}
.k6-logo .six::after{
  content:"";position:absolute;top:-50%;left:-120%;width:60%;height:200%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  transform:rotate(22deg);transition:left .7s cubic-bezier(.2,.8,.2,1);
}
.k6-logo:hover .six{transform:rotate(-6deg) scale(1.05)}
.k6-logo:hover .six::after{left:220%}

/* main nav — inline */
.k6-nav{
  display:flex;align-items:center;gap:2px;flex:1;min-width:0;
}
.k6-nav a{
  position:relative;
  display:inline-flex;align-items:center;gap:7px;
  padding:11px 16px;
  font-size:15.5px;font-weight:500;
  color:var(--k6-text-2);letter-spacing:-.008em;
  border-radius:10px;
  transition:color .2s ease;
}
.k6-nav a::before{
  content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;
  background:var(--k6-amber);border-radius:2px 2px 0 0;
  transform:scaleX(0);transform-origin:center;
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.k6-nav a:hover{color:var(--k6-text)}
.k6-nav a:hover::before{transform:scaleX(1)}
.k6-nav a.on{color:var(--k6-text)}
.k6-nav a .new{
  font-size:10.5px;font-weight:800;letter-spacing:.05em;
  background:var(--k6-amber);color:#0E0E12;
  padding:3px 6px;border-radius:5px;text-transform:uppercase;
}

/* right cluster */
.k6-utl{display:flex;align-items:center;gap:10px;flex-shrink:0}

.k6-iconbtn{
  width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  color:var(--k6-text-2);background:transparent;
  border:0;border-radius:999px;
  cursor:pointer;transition:all .2s ease;position:relative;
}
.k6-iconbtn:hover{background:rgba(15,15,30,.05);color:var(--k6-text)}
.k6-menu{
  background:linear-gradient(135deg,#B5882A 0%,#8A6720 100%);
  color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset, 0 6px 18px rgba(181,136,42,.32);
}
.k6-menu:hover{
  background:rgba(190,158,58,.18);
  color:var(--k6-amber);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(190,158,58,.22);
}
.k6-iconbtn svg{width:20px;height:20px}
.k6-iconbtn .badge{
  position:absolute;top:4px;right:4px;
  min-width:18px;height:18px;border-radius:9px;
  background:var(--k6-amber);color:#0E0E12;
  font-size:10.5px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 5px;border:2px solid #FFFFFF;
}

/* arama + gece modu — dolgulu şık buton, canlı yayın ile eş boyut (48px) */
.k6-utl .k6-iconbtn{
  width:48px;height:48px;
  background:var(--k6-card-2);
  border:1px solid var(--k6-border);
  color:var(--k6-text-2);
}
.k6-utl .k6-iconbtn:hover{
  background:#F7F0DA;
  border-color:var(--k6-amber);
  color:var(--k6-amber);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(190,158,58,.18);
}

/* Üyelik — nötr gri pill, canlı yayın ile eş boyut (48px) */
.k6-cta{
  position:relative;
  height:48px;padding:0 22px;
  display:inline-flex;align-items:center;gap:10px;
  background:var(--k6-card-2);
  border:1px solid var(--k6-border);
  color:var(--k6-text-2);
  font-size:15px;font-weight:700;letter-spacing:-.005em;
  border-radius:999px;
  transition:all .2s ease;
}
.k6-cta:hover{
  background:#F7F0DA;
  border-color:var(--k6-amber);
  color:var(--k6-amber);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(190,158,58,.18);
}
.k6-cta svg{width:19px;height:19px;display:block;flex-shrink:0}

/* theme toggle — sun/moon swap */
.k6-theme{position:relative}
.k6-theme .ic-sun{display:none}
.k6-theme[data-mode="dark"] .ic-moon{display:none}
.k6-theme[data-mode="dark"] .ic-sun{display:block}

/* CANLI YAYIN pill — kırmızı→koyu kırmızı gradient, CTA ile eş boyut */
.k6-live-btn{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;gap:11px;
  height:48px;padding:0 22px 0 8px;
  background:linear-gradient(135deg,#B5882A 0%,#8A6720 100%);
  color:#fff;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:15px;font-weight:800;letter-spacing:-.005em;
  border-radius:999px;border:0;
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset, 0 6px 18px rgba(181,136,42,.32);
  text-decoration:none;cursor:pointer;flex-shrink:0;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
}
.k6-live-btn::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,transparent 35%,rgba(255,255,255,.18) 50%,transparent 65%,transparent 100%);
  background-size:250% 100%;
  animation:k6liveshim 3.2s linear infinite;
}
@keyframes k6liveshim{0%{background-position:200% 0}100%{background-position:-100% 0}}
.k6-live-btn > *{position:relative;z-index:1}
.k6-live-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset, 0 10px 24px rgba(181,136,42,.45);
}
.k6-live-btn .disc{
  width:34px;height:34px;border-radius:50%;
  background:rgba(0,0,0,.22);
  display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;color:#fff;
  transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.k6-live-btn:hover .disc{background:#fff;color:#8A6720}
.k6-live-btn .disc svg{display:block;width:13px;height:13px;margin-left:1px}
.k6-live-btn .lbl{
  display:inline-flex;align-items:center;gap:8px;
  text-transform:uppercase;letter-spacing:.06em;line-height:1;font-weight:800;
}
.k6-live-btn .lbl .pulse{
  position:relative;width:8px;height:8px;border-radius:50%;
  background:#fff;flex-shrink:0;
  box-shadow:0 0 0 0 rgba(255,255,255,.65);
  animation:k6livepulse 1.5s cubic-bezier(.4,0,.6,1) infinite;
}
.k6-live-btn .lbl .pulse::before{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.5);
  animation:k6livering 1.5s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes k6livepulse{
  0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.65)}
  50%{box-shadow:0 0 0 6px rgba(255,255,255,0)}
}
@keyframes k6livering{
  0%{transform:scale(.85);opacity:.9}
  100%{transform:scale(2.1);opacity:0}
}

/* ---------- 3. FEATURED HEADLINES STRIP — DOC referans ---------- */
.k6-feat{
  background:var(--k6-bg);
  padding:24px 0 32px;
  border-bottom:1px solid var(--k6-border);
}
.k6-feat-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:18px;
}
.k6-feat-title{
  display:inline-flex;align-items:center;gap:12px;
  color:var(--k6-text);font-weight:700;font-size:15px;
  letter-spacing:.16em;text-transform:uppercase;
}
.k6-feat-title::before{
  content:"";width:5px;height:20px;background:var(--k6-amber);border-radius:2px;
}
.k6-feat-title .accent{color:var(--k6-amber);font-weight:800}
.k6-feat-tabs{display:inline-flex;align-items:center;gap:6px}
.k6-feat-tab{
  padding:9px 16px;font-size:13px;font-weight:600;
  color:var(--k6-mute);border-radius:999px;letter-spacing:.02em;
  text-transform:none;transition:all .2s;
  border:1px solid transparent;cursor:pointer;background:transparent;
}
.k6-feat-tab.on{background:#0E0E12;color:#fff;border-color:#0E0E12}
.k6-feat-tab:not(.on):hover{color:var(--k6-text)}

.k6-slider{
  overflow:hidden;position:relative;
  margin:0 -16px;padding:0 16px;
}
.k6-slider-track{
  display:flex;gap:16px;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
.k6-slider-track > .k6-feat-card{
  flex:0 0 calc((100% - 32px) / 3);
  min-width:0;
}
@media (max-width:1023px){
  .k6-slider-track > .k6-feat-card{flex:0 0 calc((100% - 16px) / 2)}
}
@media (max-width:639px){
  .k6-slider-track > .k6-feat-card{flex:0 0 100%}
}

/* 5-col slider variant */
.k6-slider-5 .k6-slider-track > *{flex:0 0 calc((100% - 64px) / 5);min-width:0}
@media (max-width:1199px){.k6-slider-5 .k6-slider-track > *{flex:0 0 calc((100% - 48px) / 4)}}
@media (max-width:1023px){.k6-slider-5 .k6-slider-track > *{flex:0 0 calc((100% - 32px) / 3)}}
@media (max-width:767px){.k6-slider-5 .k6-slider-track > *{flex:0 0 calc((100% - 16px) / 2)}}
@media (max-width:539px){.k6-slider-5 .k6-slider-track > *{flex:0 0 100%}}

/* 6-col slider variant (köşe yazarları) */
.k6-slider-6 .k6-slider-track > *{flex:0 0 calc((100% - 80px) / 6);min-width:0}
@media (max-width:1199px){.k6-slider-6 .k6-slider-track > *{flex:0 0 calc((100% - 48px) / 4)}}
@media (max-width:767px){.k6-slider-6 .k6-slider-track > *{flex:0 0 calc((100% - 16px) / 2)}}

/* 4-col slider (galeri/video) */
.k6-slider-4 .k6-slider-track > *{flex:0 0 calc((100% - 48px) / 4);min-width:0}
@media (max-width:1023px){.k6-slider-4 .k6-slider-track > *{flex:0 0 calc((100% - 16px) / 2)}}
@media (max-width:539px){.k6-slider-4 .k6-slider-track > *{flex:0 0 100%}}

.k6-slider-ctrl{display:inline-flex;align-items:center;gap:8px}
.k6-arr{
  width:44px;height:44px;border-radius:999px;
  background:var(--k6-card);border:1px solid var(--k6-border);
  color:var(--k6-text-2);
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .2s;
}
.k6-arr:hover{background:var(--k6-amber);border-color:var(--k6-amber);color:#0E0E12}
.k6-arr:disabled{opacity:.35;cursor:not-allowed}
.k6-arr:disabled:hover{background:var(--k6-card);border-color:var(--k6-border);color:var(--k6-text-2)}

.k6-feat-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.k6-feat-card{
  display:flex;align-items:stretch;gap:16px;
  padding:14px;
  background:var(--k6-card);border:1px solid var(--k6-border);
  border-radius:16px;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
  text-decoration:none;
  position:relative;overflow:hidden;
}
.k6-feat-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--k6-amber);transform:scaleY(0);transform-origin:top;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.k6-feat-card:hover{background:var(--k6-card-2);border-color:var(--k6-border-2);transform:translateY(-2px)}
.k6-feat-card:hover::before{transform:scaleY(1)}

.k6-feat-card .thumb{
  width:120px;height:120px;flex-shrink:0;border-radius:12px;overflow:hidden;
  background:#000;position:relative;
}
.k6-feat-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.k6-feat-card:hover .thumb img{transform:scale(1.06)}
.k6-feat-card .thumb .live{
  position:absolute;left:7px;top:7px;
  display:inline-flex;align-items:center;gap:5px;
  background:var(--k6-red);color:#fff;
  font-size:10.5px;font-weight:800;letter-spacing:.06em;
  padding:4px 8px 3px;border-radius:5px;text-transform:uppercase;
}
.k6-feat-card .thumb .live::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#fff;
  animation:k6blink 1.4s ease-in-out infinite;
}
@keyframes k6blink{0%,100%{opacity:1}50%{opacity:.3}}

.k6-feat-card .body{
  display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;
  padding:4px 6px 4px 0;
}
.k6-feat-card .cat{
  font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--k6-amber);margin-bottom:9px;
  display:inline-flex;align-items:center;gap:8px;
}
.k6-feat-card .cat::after{
  content:"";width:18px;height:1px;background:var(--k6-border-2);display:inline-block;
}
.k6-feat-card h3{
  font-weight:700;font-size:19px;line-height:1.3;color:var(--k6-text);
  letter-spacing:-.012em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  margin:0;
}
.k6-feat-card:hover h3{color:var(--k6-amber)}
.k6-feat-card .meta{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Geist Mono',monospace;
  font-size:12px;color:var(--k6-mute);font-weight:500;
  margin-top:10px;letter-spacing:.01em;
}
.k6-feat-card .meta b{color:var(--k6-text-2);font-weight:600}
.k6-feat-card .meta .dot{width:3px;height:3px;border-radius:50%;background:var(--k6-mute-2);display:inline-block}

@media (max-width:1199px){
  .k6-nav a{padding:9px 11px;font-size:13px}
}
@media (max-width:1023px){
  .k6-nav,.k6-tape,.k6-clock .day{display:none!important}
  .k6-feat-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
  .k6-feat-grid{grid-template-columns:1fr}
}
@media (max-width:639px){
  .k6-cta{padding:0 14px;font-size:13px}
  .k6-logo img{height:36px}
  .k6-brand-row{height:64px;gap:12px}
}

/* section header — vox: light bg, simple */
.sec-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 0 14px;
  border-bottom:1px solid var(--line);
  margin-bottom:18px;
}
.sec-head h2{
  font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--ink);
  display:inline-flex;align-items:center;gap:10px;
}
.sec-head h2::before{content:"";width:4px;height:18px;background:var(--accent);display:inline-block}
.sec-head a{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.sec-head a:hover{color:var(--accent)}

/* selection / scroll / focus */
::selection{background:var(--accent);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line)}
::-webkit-scrollbar-thumb:hover{background:var(--subtle)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* hide scrollbar */
.no-bar::-webkit-scrollbar{display:none}.no-bar{scrollbar-width:none}

/* text card title — vox compact */
.h-card{font-weight:600;font-size:14.5px;line-height:1.32;color:var(--ink);letter-spacing:-.005em}
.h-list{font-weight:600;font-size:14px;line-height:1.32;color:var(--ink);letter-spacing:-.003em}

/* hero big title */
.h-hero{font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.01em;color:#fff}

/* clamp */
.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* utility bar items */
.ub{font-size:12px;color:#A8A8AE;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.ub a:hover{color:#fff}

/* footer big slogan */
.foot-slogan{
  font-family:'Hanken Grotesk',sans-serif;
  font-weight:300;font-size:48px;line-height:1.05;letter-spacing:-.025em;color:#fff;text-align:center;
}
.foot-slogan b{font-weight:800;color:var(--accent)}
.foot-slogan .italic{font-weight:400;color:var(--ink-2)}

/* mini meta line */
.meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--subtle);letter-spacing:.04em}
.meta-line .dot{width:3px;height:3px;border-radius:50%;background:var(--subtle);display:inline-block}

/* ============ DOC tasarım dili — modüler portal bileşenleri ============ */

/* Hero left mini-list (numaralı haber listesi) */
.mini-item{
  display:flex;gap:12px;padding:13px 0;
  border-bottom:1px solid var(--line);
  transition:background .2s;
}
.mini-item:last-child{border-bottom:0}
.mini-item:hover{background:rgba(181,136,42,.02)}
.mini-item .num{
  font-family:'Fraunces',serif;font-style:italic;font-weight:600;
  font-variation-settings:"opsz" 60,"SOFT" 80;
  font-size:30px;color:var(--accent);line-height:1;
  width:30px;flex-shrink:0;letter-spacing:-.04em;
}
.mini-item .body{min-width:0}
.mini-item .body .cat{display:inline-block;margin-bottom:4px}
.mini-item h4{
  font-weight:600;font-size:13.5px;line-height:1.3;color:var(--ink);
  letter-spacing:-.003em;
}
.mini-item:hover h4{color:var(--accent)}

/* Sponsor / advert vertical block */
.spnsr{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--accent);color:#fff;padding:22px 18px;text-align:center;
  position:relative;overflow:hidden;
}
.spnsr::before{
  content:"REKLAM";position:absolute;top:8px;right:10px;
  font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.18em;
  opacity:.55;font-weight:600;
}
.spnsr h3{font-weight:700;font-size:22px;line-height:1.15;letter-spacing:-.01em;margin-top:14px}
.spnsr p{font-size:13px;opacity:.85;margin-top:8px;line-height:1.4}
.spnsr .icon{width:54px;height:54px;border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}

/* Hero center caption — bigger, premium */
.cap-hero{
  position:absolute;left:0;right:0;bottom:0;padding:30px 28px 26px;color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,0) 100%);
}

/* 5-col compact card */
.compact-card{background:var(--paper);transition:box-shadow .25s}
.compact-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.06)}

/* Manşet — numaralı liste (foto-suz, sağ kolon) */
.manset-list .item{
  display:flex;gap:14px;padding:16px 0;
  border-bottom:1px solid var(--line);
}
.manset-list .num{
  font-family:'Fraunces',serif;font-weight:500;font-style:italic;
  font-variation-settings:"opsz" 60,"SOFT" 60;
  font-size:34px;color:var(--ink);line-height:.85;
  width:38px;flex-shrink:0;letter-spacing:-.04em;
  border-right:1px solid var(--line);padding-right:14px;
}
.manset-list a:hover .num{color:var(--accent)}
.manset-list h4{
  font-weight:600;font-size:14.5px;line-height:1.32;color:var(--ink);
}
.manset-list a:hover h4{color:var(--accent)}
.manset-list .meta{
  font-family:'JetBrains Mono',monospace;font-size:10.5px;
  color:var(--subtle);margin-top:5px;letter-spacing:.04em;
}

/* Author yatay grid (köşe yazarları) */
.author-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media(min-width:640px){.author-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.author-grid{grid-template-columns:repeat(6,1fr)}}
.author-card{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  background:var(--paper);padding:18px 14px;
  border:1px solid var(--line);
  transition:all .25s;
}
.author-card:hover{border-color:var(--accent);box-shadow:0 6px 24px rgba(0,0,0,.06)}
.author-card .photo{
  width:72px;height:72px;border-radius:50%;overflow:hidden;
  margin-bottom:12px;
  outline:2px solid var(--paper);outline-offset:-1px;box-shadow:0 0 0 1px var(--line);
  transition:box-shadow .2s;
}
.author-card:hover .photo{box-shadow:0 0 0 2px var(--accent)}
.author-card .photo img{width:100%;height:100%;object-fit:cover}
.author-card .nm{font-weight:700;font-size:13.5px;color:var(--ink);letter-spacing:-.005em}
.author-card .role{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--subtle);text-transform:uppercase;letter-spacing:.1em;margin-top:3px}
.author-card .quote{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Yatay reklam banner */
.ad-banner{
  display:flex;align-items:center;justify-content:center;
  background:repeating-linear-gradient(45deg,#FAF6E8,#FAF6E8 10px,#F4EFD8 10px,#F4EFD8 20px);
  border:1px solid #E5DDC0;color:#7A6517;
  padding:24px;font-family:'JetBrains Mono',monospace;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;font-weight:600;
}
.ad-banner span{color:#7A6517;opacity:.6}

/* Section header v2 — premium with kırmızı sol bar */
.sec-head-v2{
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:2px solid var(--ink);
  padding-bottom:12px;margin-bottom:18px;
}
.sec-head-v2 .lhs{display:flex;align-items:center;gap:0}
.sec-head-v2 .lhs::before{
  content:"";width:6px;height:24px;background:var(--accent);
  margin-right:14px;display:inline-block;
}
.sec-head-v2 h2{
  font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--ink);
  text-transform:uppercase;
}
.sec-head-v2 .ital{font-family:'Fraunces',serif;font-style:italic;font-size:16px;color:var(--muted);margin-left:14px;font-weight:400}
.sec-head-v2 a{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:6px}
.sec-head-v2 a:hover{color:var(--accent)}

/* Magazine 2-col feature (büyük foto + altta büyük başlık) */
.mag-feat{background:var(--paper);transition:box-shadow .25s}
.mag-feat:hover{box-shadow:0 8px 28px rgba(0,0,0,.07)}
.mag-feat .pad{padding:20px 22px 24px}
.mag-feat h3{font-weight:700;font-size:22px;line-height:1.18;letter-spacing:-.01em;color:var(--ink);transition:color .2s}
.mag-feat:hover h3{color:var(--accent)}
.mag-feat p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Video band (dark) */
.video-band{background:var(--night);color:#fff;padding:36px 0}
.video-band .sec-head-v2{border-bottom-color:rgba(255,255,255,.15)}
.video-band .sec-head-v2 h2{color:#fff}
.video-band .sec-head-v2 .ital{color:rgba(255,255,255,.55)}
.video-band .sec-head-v2 a{color:rgba(255,255,255,.7)}
.video-band .sec-head-v2 a:hover{color:#fff}
.video-card{background:var(--night-2);transition:background .25s;cursor:pointer}
.video-card:hover{background:#252530}
.video-card .img{position:relative;overflow:hidden;background:#000}
.video-card .img img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;transition:transform .6s,opacity .3s}
.video-card:hover .img img{transform:scale(1.04);opacity:1}
.video-card .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:50px;height:50px;border-radius:50%;background:rgba(181,136,42,.95);color:#fff;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 24px rgba(0,0,0,.4);transition:all .25s;}
.video-card:hover .play{background:#fff;color:var(--accent);transform:translate(-50%,-50%) scale(1.08)}
.video-card .dur{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.85);color:#fff;
  font-family:'JetBrains Mono',monospace;font-size:10.5px;padding:3px 6px 2px;font-weight:600}
.video-card .vp{padding:14px 16px 16px}
.video-card .cat{color:#BE9E3A}
.video-card h4{font-weight:600;font-size:14px;line-height:1.32;color:#fff;margin-top:6px}
.video-card .vt{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:rgba(255,255,255,.45);margin-top:6px}

/* Photo gallery card — overlay style */
.gal-card{position:relative;overflow:hidden;background:var(--line-2);transition:transform .25s}
.gal-card:hover{transform:translateY(-2px)}
.gal-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.gal-card:hover img{transform:scale(1.05)}
.gal-card .badge{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.75);color:#fff;
  font-family:'JetBrains Mono',monospace;font-size:10px;padding:4px 8px 3px;letter-spacing:.08em;}
.gal-card .gcap{position:absolute;left:0;right:0;bottom:0;padding:18px 16px 14px;color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,0))}
.gal-card .gcap h4{font-weight:600;font-size:14.5px;line-height:1.25}

/* (eski sd-band kuralları — yeni redesign aşağıda override ediyor) */

/* ═══════════════════════════════════════════════════════════════
   FINANS BAR — refined editorial financial · spark + tabular nums
   ═══════════════════════════════════════════════════════════════ */
.k6-fin{
  position:relative;
  background:linear-gradient(180deg,#FAFAFA 0%,#FFFFFF 100%);
  border-bottom:1px solid var(--line);
  isolation:isolate;
}
/* hairline accent on top — matches sd-band's bottom red but in neutral */
.k6-fin::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent 0%,var(--line) 12%,var(--line) 88%,transparent 100%);
  pointer-events:none;
}
.k6-fin-inner{
  max-width:1480px;margin:0 auto;padding:0 32px;
  display:flex;align-items:stretch;
  height:78px;
}

/* sol durum bloğu */
.k6-fin-status{
  display:flex;flex-direction:column;justify-content:center;
  flex-shrink:0;gap:6px;
  padding:0 28px 0 0;
  border-right:1px solid var(--line);
  position:relative;
}
.k6-fin-status .row1{display:inline-flex;align-items:center;gap:9px}
.k6-fin-status .dot{
  position:relative;width:7px;height:7px;border-radius:50%;
  background:#0A8F5C;
  box-shadow:0 0 0 0 rgba(10,143,92,.55);
  animation:k6fdot 2.2s cubic-bezier(.4,0,.6,1) infinite;
}
.k6-fin-status .dot::before{
  content:"";position:absolute;inset:-3px;border-radius:50%;
  border:1.2px solid rgba(10,143,92,.35);
  animation:k6fring 2.2s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes k6fdot{
  0%,100%{box-shadow:0 0 0 0 rgba(10,143,92,.5)}
  50%{box-shadow:0 0 0 5px rgba(10,143,92,0)}
}
@keyframes k6fring{
  0%{transform:scale(.85);opacity:.85}
  100%{transform:scale(2);opacity:0}
}
.k6-fin-status .lbl{
  font-family:'Hanken Grotesk',sans-serif;
  font-size:16px;font-weight:700;letter-spacing:-.01em;
  color:var(--ink);line-height:1;
}
.k6-fin-status .loc{
  font-family:'Hanken Grotesk',sans-serif;
  font-size:13.5px;font-weight:500;letter-spacing:0;
  color:var(--muted);line-height:1;
  padding-left:18px;
}

/* enstrüman grid */
.k6-fin-track{
  flex:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  min-width:0;
}
.k6-fin-cell{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  column-gap:18px;row-gap:7px;
  padding:0 26px;
  border-right:1px solid var(--line);
  align-content:center;
  text-decoration:none;
  position:relative;overflow:hidden;
  transition:background .2s ease;
}
.k6-fin-cell:last-child{border-right:0}
.k6-fin-cell::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:currentColor;transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.k6-fin-cell:hover{background:rgba(15,15,30,.025)}
.k6-fin-cell:hover::before{transform:scaleX(1)}
.k6-fin-cell .sym{
  grid-column:1;grid-row:1;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:15px;font-weight:700;letter-spacing:.005em;
  color:var(--ink-2);
  line-height:1.1;
  display:inline-flex;align-items:center;gap:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* spark yerine yön oku — yeşil yukarı / kırmızı aşağı */
.k6-fin-cell::after{
  content:"";
  grid-column:2;grid-row:1;
  align-self:center;justify-self:end;
  width:0;height:0;
}
.k6-fin-cell.up::after{
  border-left:9px solid transparent;border-right:9px solid transparent;
  border-bottom:14px solid currentColor;
}
.k6-fin-cell.down::after{
  border-left:9px solid transparent;border-right:9px solid transparent;
  border-top:14px solid currentColor;
}
.k6-fin-cell.flat::after{
  width:18px;height:3px;background:currentColor;border-radius:2px;
}
.k6-fin-cell .val{
  grid-column:1;grid-row:2;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:18px;font-weight:700;color:var(--ink);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.015em;line-height:1.1;
  white-space:nowrap;
}
.k6-fin-cell .chg{
  grid-column:2;grid-row:2;
  display:inline-flex;align-items:center;gap:5px;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:13px;font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.005em;line-height:1;
  white-space:nowrap;justify-self:end;
}
/* yön renkleri — refined emerald / crimson */
.k6-fin-cell.up{color:#0A8F5C}
.k6-fin-cell.down{color:#C5232A}
.k6-fin-cell.flat{color:var(--muted)}
.k6-fin-cell.up .chg,.k6-fin-cell.up .spark{color:#0A8F5C}
.k6-fin-cell.down .chg,.k6-fin-cell.down .spark{color:#C5232A}
.k6-fin-cell.flat .chg,.k6-fin-cell.flat .spark{color:var(--muted)}
/* özel üçgen arrow (CSS triangle, unicode ▲▼ değil) */
.k6-fin-cell .chg::before{
  content:"";display:inline-block;
  width:0;height:0;
  border-left:3.5px solid transparent;border-right:3.5px solid transparent;
}
.k6-fin-cell.up .chg::before{border-bottom:5px solid currentColor;margin-bottom:1px}
.k6-fin-cell.down .chg::before{border-top:5px solid currentColor;margin-top:1px}
.k6-fin-cell.flat .chg::before{
  content:"";width:7px;height:1.5px;border:0;background:currentColor;align-self:center;
}

/* responsive */
@media (max-width:1279px){
  .k6-fin-track{grid-template-columns:repeat(5,minmax(0,1fr))}
  .k6-fin-cell:nth-child(n+6){display:none}
  .k6-fin-cell{padding:0 20px;column-gap:14px}
  .k6-fin-cell .spark{width:48px}
}
@media (max-width:1023px){
  .k6-fin-track{grid-template-columns:repeat(4,minmax(0,1fr))}
  .k6-fin-cell:nth-child(n+5){display:none}
}
@media (max-width:767px){
  .k6-fin{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .k6-fin::-webkit-scrollbar{display:none}
  .k6-fin-inner{height:72px;padding:0;min-width:100%;width:max-content}
  .k6-fin-status{padding-left:16px;padding-right:22px}
  .k6-fin-status .loc{display:none}
  .k6-fin-track{display:flex;grid-template-columns:none}
  .k6-fin-cell{display:grid;flex-shrink:0;min-width:170px;padding:0 20px;column-gap:14px}
  .k6-fin-cell:nth-child(n+4){display:grid}
}

/* Section block bg pattern */
.bg-section{background:var(--bg)}
.section-pad{padding:32px 0}

/* ═══════════════════════════════════════════════════════════════
   DARK PORTAL — sayfa geneli override (header dışındaki bölümler)
   ═══════════════════════════════════════════════════════════════ */

/* card lift'i amber tone'a çevir */
.card-lift:hover{box-shadow:0 8px 28px rgba(15,15,30,.08),0 0 0 1px var(--line-2)}
.card{background:var(--paper);border-radius:14px;overflow:hidden}
.card-img{background:#F0F0F2;border-radius:0}
.card .h{color:var(--ink);transition:color .2s}
.card:hover .h{color:var(--accent)}
.card-pad{padding:16px 18px 18px}

/* category tag — amber */
.cat{color:var(--accent);font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.cat-fill{background:var(--accent);color:#0E0E12}

/* timestamp */
.ts{color:var(--muted);font-family:'Geist Mono','JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.01em}

/* ---------- SD-BAND (Son Dakika) — full-width strip + iç container + üst/alt highlight ---------- */
.sd-band{
  position:relative;
  background:var(--paper);
  height:60px;
  isolation:isolate;
  overflow:hidden;
}
/* üst kırmızı highlight çizgisi — full-width, animated */
.sd-band::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1.5px;
  background:linear-gradient(90deg,transparent 0%,var(--red) 30%,#D4B454 50%,var(--red) 70%,transparent 100%);
  background-size:200% 100%;
  animation:k6sdhighlight 4s ease-in-out infinite;
  z-index:3;pointer-events:none;
}
/* alt kırmızı highlight çizgisi — full-width, faz farkıyla */
.sd-band::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;
  background:linear-gradient(90deg,transparent 0%,var(--red) 30%,#D4B454 50%,var(--red) 70%,transparent 100%);
  background-size:200% 100%;
  animation:k6sdhighlight 4s ease-in-out infinite reverse;
  z-index:3;pointer-events:none;
}
@keyframes k6sdhighlight{
  0%,100%{background-position:0% 0;opacity:.55}
  50%{background-position:100% 0;opacity:1}
}
/* iç container (max-w-[1480px] mx-auto px-8) — flex layout */
.sd-band .sd-inner{
  position:relative;
  display:flex;align-items:stretch;
  height:100%;
  max-width:1480px;margin:0 auto;
  padding:0 32px;
}
/* sol kırmızı pulse + label */
.sd-band .lbl{
  display:flex;align-items:center;gap:14px;flex-shrink:0;
  padding:0 26px 0 0;
  background:transparent;
  position:relative;z-index:1;
  border-right:1px solid var(--line);
}
.sd-band .lbl::before{
  content:"";position:absolute;left:-20%;top:-50%;width:140%;height:200%;
  background:radial-gradient(circle at 30% 50%,rgba(181,136,42,.10) 0%,transparent 55%);
  pointer-events:none;z-index:-1;
}
.sd-band .lbl::after{
  content:none;
}
/* canlı pulse rozet */
.sd-band .lbl .live-dot{
  position:relative;
  width:10px;height:10px;border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 0 rgba(181,136,42,.55);
  animation:k6sdpulse 1.6s cubic-bezier(.4,0,.6,1) infinite;
}
.sd-band .lbl .live-dot::before{
  content:"";position:absolute;inset:-4px;border-radius:50%;
  border:1.5px solid rgba(181,136,42,.35);
  animation:k6sdring 1.6s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes k6sdpulse{
  0%,100%{box-shadow:0 0 0 0 rgba(181,136,42,.55)}
  50%{box-shadow:0 0 0 7px rgba(181,136,42,0)}
}
@keyframes k6sdring{
  0%{transform:scale(.85);opacity:.9}
  100%{transform:scale(2.2);opacity:0}
}
.sd-band .lbl > span:last-child{
  font-family:'Hanken Grotesk',sans-serif;
  font-weight:800;font-size:13px;
  color:var(--red);
  letter-spacing:.18em;text-transform:uppercase;
  line-height:1;
}
/* stream marquee */
.sd-band .stream{
  flex:1;min-width:0;display:flex;align-items:center;
  position:relative;overflow:hidden;
  padding:0 24px 0 28px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.sd-band .stream-track{
  display:inline-flex;align-items:center;gap:36px;
  white-space:nowrap;
  animation:k6sdtape 56s linear infinite;
  padding-right:36px;
}
.sd-band:hover .stream-track{animation-play-state:paused}
@keyframes k6sdtape{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
.sd-band .stream .item{
  display:inline-flex;align-items:center;gap:12px;flex-shrink:0;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:16.5px;font-weight:500;
  color:var(--ink);letter-spacing:-.005em;
  cursor:pointer;transition:color .18s;
}
.sd-band .stream .item:hover{color:var(--red)}
.sd-band .stream .t{
  display:inline-flex;align-items:center;
  font-family:'Geist Mono','JetBrains Mono',monospace;
  font-size:13px;font-weight:700;
  color:var(--red);
  background:rgba(181,136,42,.08);
  border:1px solid rgba(181,136,42,.18);
  padding:4px 10px 3px;border-radius:7px;
  letter-spacing:.04em;flex-shrink:0;
  font-variant-numeric:tabular-nums;
}
.sd-band .stream .div{
  width:3px;height:3px;border-radius:50%;
  background:var(--subtle);flex-shrink:0;
  font-size:0;
}

@media (max-width:767px){
  .sd-band{
    height:auto;
    background:
      radial-gradient(720px 320px at 50% 30%,rgba(181,136,42,.14),transparent 65%),
      var(--paper);
  }
  .sd-band .lbl::before{display:none}
  .sd-band .sd-inner{flex-direction:column;padding:0 20px}
  .sd-band .lbl{
    border-right:0;border-bottom:1px solid var(--line);
    padding:12px 0;width:100%;
  }
  .sd-band .stream{padding:12px 0;height:48px}
}

/* ---------- HERO mini-item (sol numaralı liste) ---------- */
.mini-item{border-bottom-color:var(--line);padding:16px 0}
.mini-item:hover{background:rgba(190,158,58,.06)}
.mini-item .num{
  font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-weight:900;
  color:var(--accent);font-size:30px;letter-spacing:-.02em;width:38px;
}
.mini-item h4{color:var(--ink);font-weight:700;font-size:15.5px;line-height:1.36}
.mini-item:hover h4{color:var(--accent)}
.mini-item .body .cat{font-size:11.5px;margin-bottom:6px}
.bg-paper{background:var(--paper)}
.border-line{border-color:var(--line)}

/* hero left mini-list container */
section .bg-paper.border.border-line{
  background:var(--paper);border:1px solid var(--line);border-radius:14px;
}
section .bg-paper.border.border-line h3{color:var(--ink)}

/* hero cap-tag (overlay tag) — amber pill */
.cap-tag{
  display:inline-flex;align-items:center;gap:7px;
  background:var(--accent);color:#0E0E12;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 12px 4px;border-radius:999px;
  box-shadow:0 6px 16px rgba(190,158,58,.32);
  margin-bottom:10px;
}
.cap-tag::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#0E0E12;flex-shrink:0;
}
.cap{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.55) 50%,rgba(0,0,0,0) 100%)}
.cap-hero{background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,0) 100%)}

/* ---------- SPONSOR block → dark with amber accent ---------- */
.spnsr{
  background:linear-gradient(135deg,#FFFFFF 0%, #F5F5F7 100%);
  color:var(--ink);border:1px solid var(--line);border-radius:14px;
  position:relative;overflow:hidden;
}
.spnsr::after{
  content:"";position:absolute;left:-30%;top:-30%;width:80%;height:80%;
  background:radial-gradient(circle,rgba(190,158,58,.18) 0%,transparent 60%);
  pointer-events:none;
}
.spnsr::before{color:var(--accent);opacity:.65;letter-spacing:.22em}
.spnsr .icon{border-color:var(--accent);color:var(--accent);position:relative;z-index:1}
.spnsr h3{color:var(--ink);position:relative;z-index:1}
.spnsr p{color:var(--muted);position:relative;z-index:1}
.spnsr a{
  background:var(--accent)!important;color:#0E0E12!important;
  font-family:'Hanken Grotesk',sans-serif!important;font-weight:800!important;
  letter-spacing:.04em!important;border-radius:999px!important;
  padding:10px 18px!important;text-transform:none!important;font-size:13px!important;
  transition:all .25s!important;position:relative;z-index:1;
}
.spnsr a:hover{background:#0E0E12!important;color:var(--accent)!important}

/* ---------- COMPACT CARD ---------- */
.compact-card{background:var(--paper);border:1px solid var(--line);border-radius:14px}
.compact-card:hover{background:var(--night-2);border-color:var(--line-2);box-shadow:0 8px 28px rgba(15,15,30,.06)}

/* ---------- TÜRKİYE'DEN HABERLER + SON HABERLER — premium kart ---------- */
#k6-five-slider{padding-top:8px;padding-bottom:0}
#k6-five-slider .compact-card,
#k6-news-grid .compact-card{
  border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:var(--paper);display:flex;flex-direction:column;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s;
}
#k6-five-slider .compact-card:hover,
#k6-news-grid .compact-card:hover{
  transform:translateY(-5px);
  background:var(--paper);border-color:var(--line-2);
  box-shadow:0 22px 46px -18px rgba(15,15,30,.24);
}
#k6-five-slider .card-img,
#k6-news-grid .card-img{border-radius:0;position:relative}
#k6-five-slider .card-img::after,
#k6-news-grid .card-img::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.22),transparent 40%);
  opacity:0;transition:opacity .32s;
}
#k6-five-slider .compact-card:hover .card-img::after,
#k6-news-grid .compact-card:hover .card-img::after{opacity:1}
#k6-five-slider .card-pad,
#k6-news-grid .card-pad{
  padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;
}
#k6-five-slider .cat,
#k6-news-grid .cat{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
}
#k6-five-slider .cat::before,
#k6-news-grid .cat::before{
  content:"";width:18px;height:2px;border-radius:2px;
  background:var(--accent);flex-shrink:0;
}
#k6-five-slider .h-card,
#k6-news-grid .h-card{
  margin-top:13px;
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:18px;line-height:1.34;letter-spacing:-.016em;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
#k6-five-slider .compact-card:hover .h-card,
#k6-news-grid .compact-card:hover .h-card{color:var(--accent)}
#k6-five-slider .ts,
#k6-news-grid .ts{
  display:flex;align-items:center;gap:9px;
  margin-top:20px;padding-top:18px;
  border-top:1px solid var(--line);
  font-family:'Hanken Grotesk',sans-serif;
  font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0;
}
#k6-five-slider .ts::before,
#k6-news-grid .ts::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--accent);flex-shrink:0;
}
#k6-five-slider .compact-card:hover .ts,
#k6-news-grid .compact-card:hover .ts{border-top-color:var(--line-2)}

/* ---------- SEC-HEAD-V2 — section header ---------- */
.sec-head-v2{
  border-bottom:1px solid var(--line);
  padding-bottom:18px;margin-bottom:24px;
}
.sec-head-v2 .lhs{align-items:baseline}
.sec-head-v2 .lhs::before{
  background:var(--accent);width:6px;height:30px;border-radius:3px;
  align-self:center;
}
.sec-head-v2 h2{
  color:var(--ink);font-family:'Hanken Grotesk',sans-serif;
  font-weight:800;letter-spacing:-.015em;text-transform:none;font-size:30px;
  line-height:1;
}
.sec-head-v2 .ital{
  font-family:'Hanken Grotesk',sans-serif;font-style:normal;
  color:var(--muted);font-weight:400;font-size:16px;
  line-height:1;
}
.sec-head-v2 a{
  color:var(--muted);font-family:'Hanken Grotesk',sans-serif;
  font-size:14px;font-weight:600;letter-spacing:-.005em;text-transform:none;
  display:inline-flex;align-items:center;gap:7px;padding:11px 18px;
  background:var(--paper);border:1px solid var(--line);border-radius:999px;
  transition:all .2s;
}
.sec-head-v2 a:hover{color:var(--accent);border-color:var(--accent);background:var(--night-2)}

/* sec-head v1 (hero left list) */
.sec-head{border-bottom-color:var(--line);padding:8px 0 14px}
.sec-head h2{color:var(--ink);font-size:16px!important;letter-spacing:.08em!important}
.sec-head h2::before{background:var(--accent);width:5px!important;height:18px!important}
.sec-head a{color:var(--muted);font-size:12.5px!important}
.sec-head a:hover{color:var(--accent)}

/* ---------- MANSET LIST (numaralı sağ liste) ---------- */
.manset-list .item{
  display:flex;gap:20px;align-items:flex-start;
  border-bottom:1px solid var(--line-2);
  padding:26px 0;
}
.manset-list a:first-child .item{padding-top:8px}
.manset-list a:last-child .item{border-bottom:0;padding-bottom:8px}
.manset-list .num{
  font-family:'Hanken Grotesk',sans-serif;font-style:normal;font-weight:900;
  color:var(--ink);font-size:38px;
  width:auto;border-right:0;padding-right:0;
  letter-spacing:-.02em;line-height:1;flex-shrink:0;
}
.manset-list a:hover .num{color:var(--accent)}
.manset-list h4{color:var(--ink);font-weight:600;font-size:18px;line-height:1.42}
.manset-list a:hover h4{color:var(--accent)}
.manset-list .meta{
  color:var(--muted);
  font-family:'Hanken Grotesk',sans-serif;
  font-size:13.5px;margin-top:9px;font-weight:500;
  letter-spacing:0;
}

/* ---------- MANSET FEAT (sol büyük kart — hero gibi cap) ---------- */
.k6-manset-hero .cap-hero{
  padding:60px 32px 30px;
  background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.85) 32%,rgba(0,0,0,.58) 62%,rgba(0,0,0,.24) 84%,rgba(0,0,0,0) 100%);
}
.k6-manset-hero .cap-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--accent);color:#0E0E12;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  padding:8px 16px 7px;border-radius:999px;margin-bottom:18px;
  box-shadow:0 8px 22px rgba(190,158,58,.42);
}
.k6-manset-hero .cap-tag::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#0E0E12;
}
.k6-manset-hero h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;color:#fff;
  font-size:clamp(22px,2.4vw,34px);line-height:1.16;letter-spacing:-.018em;
  text-shadow:0 2px 28px rgba(0,0,0,.55);
  margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s;
}
.k6-manset-hero h2 .font-light{font-weight:300}
.k6-manset-hero:hover h2{color:var(--accent)}

/* ---------- AUTHOR CARD (köşe yazarları) ---------- */
.author-card{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  transition:all .25s;padding:24px 18px;
}
.author-card:hover{
  background:var(--night-2);border-color:var(--accent);
  transform:translateY(-2px);box-shadow:0 8px 28px rgba(190,158,58,.18);
}
.author-card .photo{width:84px;height:84px;box-shadow:0 0 0 2px var(--line);outline-color:var(--paper)}
.author-card:hover .photo{box-shadow:0 0 0 2px var(--accent)}
.author-card .nm{color:var(--ink);font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:16px;margin-top:14px}
.author-card .role{
  color:var(--accent);font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  letter-spacing:.12em;font-size:11.5px;margin-top:5px;
}
.author-card .quote{color:var(--muted);font-family:'Hanken Grotesk',sans-serif;font-size:13.5px;line-height:1.5;margin-top:11px}

/* ---------- AD-BANNER → dark with amber dashed ---------- */
.ad-banner{
  background:repeating-linear-gradient(45deg,#F5F5F7,#F5F5F7 12px,#EAEAEF 12px,#EAEAEF 24px);
  border:1px dashed var(--line-2);color:var(--muted);
  font-family:'Geist Mono','JetBrains Mono',monospace;
  border-radius:16px;padding:36px 24px;
  letter-spacing:.16em;font-size:13px;
}
.ad-banner span{color:var(--subtle);opacity:.7}

/* ---------- MAGAZINE FEATURE 2-col — sol aksiyon kolonu + sağ kart ---------- */
.mag-feat{
  display:flex;align-items:flex-start;gap:0;
  background:transparent!important;
  box-shadow:none!important;
}
.mag-feat .mag-body{
  flex:1;min-width:0;
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;text-decoration:none;
  display:flex;flex-direction:column;
  transition:background .25s,border-color .25s,box-shadow .25s;
}
.mag-feat .mag-body:hover{
  background:var(--night-2);border-color:var(--line-2);
  box-shadow:0 8px 28px rgba(15,15,30,.07);
}
.mag-actions{
  flex-shrink:0;width:66px;
  display:flex;flex-direction:column;align-items:center;
  padding:14px 0;gap:14px;margin-top:20px;
  background:var(--paper)!important;
  border:1px solid var(--line)!important;border-right:0!important;
  border-radius:16px 0 0 16px;
  box-shadow:0 4px 14px -6px rgba(15,15,30,.08)!important;
}
.ma-btn{
  width:54px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:6px 4px;
  background:transparent;border:0;
  color:var(--ink);
  cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),color .22s;
}
.ma-btn:hover{transform:translateY(-2px)}
.ma-btn svg{width:22px;height:22px;display:block;color:var(--ink-2);transition:transform .28s cubic-bezier(.2,.8,.2,1),color .22s}
.ma-btn:hover svg{transform:scale(1.15)}
.ma-btn.like:hover{color:#E5484D}
.ma-btn.like:hover svg{color:#E5484D;fill:rgba(229,72,77,.18)}
@media (max-width:767px){
  .mag-actions{width:54px;padding:10px 0;gap:10px}
  .ma-btn{width:46px;padding:5px 3px;gap:4px;font-size:11.5px}
  .ma-btn svg{width:18px;height:18px}
}
.mag-feat .pad{padding:24px 26px 28px}
.mag-feat h3{color:var(--ink);font-family:'Hanken Grotesk',sans-serif;font-weight:700;letter-spacing:-.012em;font-size:24px;line-height:1.22}
.mag-feat:hover h3{color:var(--accent)}
.mag-feat p{color:var(--muted);font-family:'Hanken Grotesk',sans-serif;font-size:15px;line-height:1.55;margin-top:10px}
.mag-feat .cat{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
}
.mag-feat .cat::before{
  content:"";width:18px;height:2px;border-radius:2px;
  background:var(--accent);flex-shrink:0;
}
.mag-feat .ts{
  display:flex;align-items:center;gap:9px;
  margin-top:18px;padding-top:16px;
  border-top:1px solid var(--line);
  font-family:'Hanken Grotesk',sans-serif;
  font-size:14px;color:var(--muted);font-weight:500;letter-spacing:0;
}
.mag-feat .ts::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;
}

/* ---------- VIDEO BAND (light variant) ---------- */
.video-band{background:#F0F0F2;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0}
.video-band .sec-head-v2{border-bottom-color:var(--line-2)}
.video-band .sec-head-v2 h2{color:var(--ink)}
.video-band .sec-head-v2 .ital{color:var(--muted)}
.video-band .sec-head-v2 a{color:var(--muted);background:#FFFFFF;border-color:var(--line)}
.video-band .sec-head-v2 a:hover{color:var(--accent);border-color:var(--accent);background:#FAFAFA}
.video-card{background:#FFFFFF;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.video-card:hover{background:#FAFAFA;border-color:var(--line-2)}
.video-card .vp{padding:20px 20px 22px;display:flex;flex-direction:column}
.video-card .play{background:rgba(190,158,58,.95);box-shadow:0 4px 24px rgba(190,158,58,.4);width:56px;height:56px}
.video-card:hover .play{background:#fff;color:var(--accent)}
.video-card .dur{font-size:12px;padding:4px 8px}
.video-card .cat{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
}
.video-card .cat::before{
  content:"";width:18px;height:2px;border-radius:2px;
  background:var(--accent);flex-shrink:0;
}
.video-card h4{
  color:var(--ink);font-family:'Hanken Grotesk',sans-serif;
  font-size:18px;font-weight:700;line-height:1.32;
  letter-spacing:-.012em;margin-top:14px;
}
.video-card .vt{
  display:flex;align-items:center;gap:9px;
  margin-top:18px;padding-top:16px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:500;letter-spacing:0;
}
.video-card .vt::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;
}

/* ---------- MINI EDITORIAL CARD — Spor/Ekonomi alt kartlar ---------- */
.k6-mini{padding:20px 22px 22px!important;display:flex;flex-direction:column;min-height:200px}
.k6-mini .cat{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
  margin-bottom:0;
}
.k6-mini .cat::before{
  content:"";width:18px;height:2px;border-radius:2px;
  background:var(--accent);flex-shrink:0;
}
.k6-mini .h-list{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:18px;line-height:1.32;letter-spacing:-.012em;color:var(--ink);
  margin-top:14px!important;
}
.k6-mini:hover .h-list{color:var(--accent)}
.k6-mini .ts{
  display:flex;align-items:center;gap:9px;
  margin-top:auto;padding-top:16px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:500;letter-spacing:0;
}
.k6-mini .ts::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;
}

/* ---------- CAP — foto üzeri başlık (Spor/Ekonomi büyük kartlar) ---------- */
.cap .h,
.cap h3{
  color:#fff;
  font-family:'Hanken Grotesk',sans-serif;
  font-weight:700;font-size:22px;line-height:1.22;letter-spacing:-.014em;
  text-shadow:0 2px 16px rgba(0,0,0,.5);
}
.cap .meta-line{
  font-family:'Hanken Grotesk',sans-serif;
  font-size:14px;font-weight:500;letter-spacing:0;
  color:rgba(255,255,255,.78);
  display:flex;align-items:center;gap:9px;
  margin-top:10px;
}
.cap .meta-line::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--accent);flex-shrink:0;
}

/* ---------- NEWS CARD — sol foto + sağ içerik (kategori bölüm yan kartları) ---------- */
.k6-news-card{
  display:flex;gap:14px;align-items:stretch;
  padding:14px;
  background:var(--paper);
  border:1px solid var(--line);border-radius:14px;
  text-decoration:none;overflow:hidden;
  position:relative;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
}
.k6-news-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--accent);transform:scaleY(0);transform-origin:top;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.k6-news-card:hover{background:var(--night-2);border-color:var(--line-2);transform:translateY(-2px)}
.k6-news-card:hover::before{transform:scaleY(1)}
.k6-news-card .thumb{
  width:120px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#000;
}
.k6-news-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.k6-news-card:hover .thumb img{transform:scale(1.06)}
.k6-news-card .body{
  display:flex;flex-direction:column;min-width:0;flex:1;
  padding:2px 6px 2px 0;
}
.k6-news-card .cat{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
  margin-bottom:10px;
}
.k6-news-card .cat::before{
  content:"";width:16px;height:2px;border-radius:2px;
  background:var(--accent);flex-shrink:0;
}
.k6-news-card h3{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:16.5px;line-height:1.3;letter-spacing:-.012em;color:var(--ink);
  margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s;
}
.k6-news-card:hover h3{color:var(--accent)}
.k6-news-card .meta{
  display:inline-flex;align-items:center;gap:9px;
  margin-top:auto;padding-top:10px;
  font-family:'Hanken Grotesk',sans-serif;font-size:13.5px;color:var(--muted);font-weight:500;
}
.k6-news-card .meta::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;
}

/* ---------- GALLERY CARD ---------- */
.gal-card{background:var(--paper);border-radius:16px;overflow:hidden}
.gal-card .badge{
  position:static;top:auto;left:auto;
  display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  background:var(--accent);color:#0E0E12;
  backdrop-filter:none;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;border-radius:999px;
  font-size:13px;padding:6px 14px 5px;
  margin-bottom:14px;
  letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 6px 18px rgba(190,158,58,.34);
}
.gal-card .gcap{padding:24px 20px 22px;display:flex;flex-direction:column;align-items:flex-start}
.gal-card .gcap h4{font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:20px;line-height:1.28;letter-spacing:-.012em}

/* ---------- META LINE bigger ---------- */
.meta-line{font-size:12.5px}
.h-card{font-size:16px;line-height:1.36}
.h-list{font-size:15.5px;line-height:1.36}
.h-hero{font-size:30px}

/* ---------- HERO SIDE CARD (sağda 3 alt-alta haber) ---------- */
.k6-side-card{
  display:flex;align-items:stretch;gap:14px;
  padding:14px;background:var(--paper);
  border:1px solid var(--line);border-radius:14px;
  text-decoration:none;flex:1;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
  position:relative;overflow:hidden;
  min-height:0;
}
.k6-side-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:var(--accent);transform:scaleY(0);transform-origin:top;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.k6-side-card:hover{background:var(--night-2);border-color:var(--line-2);transform:translateY(-2px)}
.k6-side-card:hover::before{transform:scaleY(1)}
.k6-side-card .thumb{
  width:120px;flex-shrink:0;border-radius:10px;overflow:hidden;background:#000;
}
.k6-side-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.k6-side-card:hover .thumb img{transform:scale(1.06)}
.k6-side-card .body{
  display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1;
  padding:2px 4px 2px 0;
}
.k6-side-card .cat{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:14px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
  display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;
}
.k6-side-card .cat::after{
  content:"";width:14px;height:1px;background:var(--line-2);display:inline-block;
}
.k6-side-card h3{
  font-weight:700;font-size:17px;line-height:1.3;color:var(--ink);
  letter-spacing:-.01em;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.k6-side-card:hover h3{color:var(--accent)}
.k6-side-card .meta{
  font-family:'Geist Mono',monospace;font-size:11.5px;color:var(--muted);
  display:inline-flex;align-items:center;gap:8px;margin-top:8px;
}
.k6-side-card .meta b{color:var(--ink-2);font-weight:600}
.k6-side-card .meta .dot{width:3px;height:3px;border-radius:50%;background:var(--subtle);display:inline-block}
/* dikey varyant — tam foto + alt siyah gradient overlay (kategori + başlık) */
.k6-side-card.vertical{flex-direction:column;padding:0;overflow:hidden;gap:0;position:relative}
.k6-side-card.vertical .thumb{
  width:100%;height:300px;border-radius:0;flex:0 0 300px;
}
.k6-side-card.vertical .thumb img{width:100%;height:100%;object-fit:cover}
.k6-side-card.vertical .body{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:48px 18px 16px;
  background:linear-gradient(to top,rgba(0,0,0,.96) 0%,rgba(0,0,0,.88) 30%,rgba(0,0,0,.62) 55%,rgba(0,0,0,.28) 80%,rgba(0,0,0,0) 100%);
}
.k6-side-card.vertical .cat{
  margin:0 0 5px;background:none;box-shadow:none;padding:0;border-radius:0;
  color:var(--accent);font-size:14px;
}
.k6-side-card.vertical .cat::after{background:rgba(255,255,255,.35)}
.k6-side-card.vertical h3{
  -webkit-line-clamp:2;font-size:20px;line-height:1.26;
  color:#fff;text-shadow:0 2px 16px rgba(0,0,0,.5);
}
.k6-side-card.vertical:hover h3{color:var(--accent)}

/* ═══════════════════════════════════════════════════════════════
   HERO ORTA — manşet slider (10 haber · badge + başlık · şık)
   ═══════════════════════════════════════════════════════════════ */
.k6-hero{
  display:flex;position:relative;
  border-radius:14px;overflow:hidden;background:#000;
  box-shadow:0 8px 28px rgba(15,15,30,.10),0 0 0 1px var(--line-2);
}
.k6-hero-slider{flex:1;min-width:0;min-height:205px;overflow:hidden;position:relative}
.k6-hero-slider .k6-slider-track{
  display:flex;gap:0;height:100%;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);will-change:transform;
}
.k6-hero-slide{
  flex:0 0 100%;min-width:0;height:100%;
  position:relative;display:block;text-decoration:none;overflow:hidden;
}
.k6-hero-slide img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;transition:transform 7s ease;
}
.k6-hero-slide:hover img{transform:scale(1.06)}
.k6-hero-cap{
  position:absolute;inset:0;z-index:2;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;
  padding:48px 36px 86px;
  background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.34) 62%,rgba(0,0,0,0) 100%);
}
.k6-hero-cap .cap-tag{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--accent);color:#0E0E12;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  padding:8px 16px 7px;border-radius:999px;margin-bottom:18px;
  box-shadow:0 8px 22px rgba(190,158,58,.42);
}
.k6-hero-cap .cap-tag::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#0E0E12;
}
.k6-hero-title{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;color:#fff;
  font-size:clamp(24px,2.6vw,40px);line-height:1.12;letter-spacing:-.02em;
  text-shadow:0 2px 28px rgba(0,0,0,.55);max-width:90%;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s;
}
.k6-hero-slide:hover .k6-hero-title{color:var(--accent)}
.k6-hero-arr{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:48px;height:48px;border-radius:999px;
  background:rgba(255,255,255,.14);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.30);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .22s ease;opacity:0;
}
.k6-hero:hover .k6-hero-arr{opacity:1}
.k6-hero-arr:hover{background:var(--accent);border-color:var(--accent);color:#0E0E12}
.k6-hero-arr.prev{left:22px}
.k6-hero-arr.next{right:22px}
.k6-hero-dots{
  position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3;
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(0,0,0,.32);backdrop-filter:blur(10px);
  padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
}
.k6-hero-dots b{
  width:7px;height:7px;border-radius:999px;
  background:rgba(255,255,255,.45);cursor:pointer;
  transition:all .3s cubic-bezier(.2,.8,.2,1);display:inline-block;
}
.k6-hero-dots b.on{background:var(--accent);width:22px}
@media (max-width:1023px){
  .k6-hero-slider{min-height:185px}
  .k6-hero-cap{padding:30px 24px 26px}
  .k6-hero-title{max-width:100%}
  .k6-hero-arr{display:none}
}

/* ---------- META LINE ---------- */
.meta-line{color:var(--muted);font-family:'Geist Mono','JetBrains Mono',monospace}
.meta-line .dot{background:var(--subtle)}

/* ---------- HERO MEGA HEADLINE ---------- */
.h-hero{font-family:'Hanken Grotesk',sans-serif;font-weight:700;letter-spacing:-.015em}

/* h tags inside cards */
.card h1, .card h3{font-family:'Hanken Grotesk',sans-serif;letter-spacing:-.012em}

/* selection */
::selection{background:var(--accent);color:#0E0E12}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* paragraph default text */
p, span{color:inherit}

/* ---------- LOAD MORE pill button ---------- */
.k6-loadmore{
  display:inline-flex;align-items:center;gap:14px;
  padding:14px 28px;border-radius:999px;
  background:var(--paper);border:1px solid var(--line);
  font-family:'Hanken Grotesk',sans-serif;
  font-size:13.5px;font-weight:700;color:var(--ink);
  letter-spacing:-.005em;cursor:pointer;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
}
.k6-loadmore:hover{background:var(--accent);color:#0E0E12;border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 28px rgba(190,158,58,.32)}
.k6-loadmore .dot{width:4px;height:4px;border-radius:50%;background:var(--muted);display:inline-block}
.k6-loadmore:hover .dot{background:#0E0E12}
.k6-loadmore .num{
  font-family:'Geist Mono','JetBrains Mono',monospace;
  font-weight:500;color:var(--muted);font-size:12px;
}
.k6-loadmore:hover .num{color:rgba(14,14,18,.7)}

/* ═══════════════════════════════════════════════════════════════
   MOBİL UYGULAMA BANDI — full-width altın gradient
   ═══════════════════════════════════════════════════════════════ */
.k6-app-band{
  position:relative;overflow:hidden;
  margin-top:60px;
  background:
    radial-gradient(900px 380px at 12% -20%,rgba(255,236,180,.40),transparent 60%),
    radial-gradient(760px 360px at 92% 120%,rgba(159,130,48,.45),transparent 60%),
    linear-gradient(135deg,#D4B454 0%,#BE9E3A 50%,#9F8230 100%);
}
.k6-app-band::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(14,14,18,.40) 50%,transparent);
  pointer-events:none;
}
.k6-app-inner{
  max-width:1480px;margin:0 auto;padding:30px 32px;
  display:flex;align-items:center;justify-content:space-between;gap:40px;
}
.k6-app-left{flex:1;min-width:0}
.k6-app-left h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:clamp(22px,2vw,28px);line-height:1.14;letter-spacing:-.018em;
  color:#0E0E12;margin:0 0 6px;
}
.k6-app-left p{
  font-family:'Hanken Grotesk',sans-serif;font-size:15px;
  color:rgba(14,14,18,.78);line-height:1.45;font-weight:500;
  max-width:560px;margin:0;
}

.k6-app-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.k6-app-btn{
  display:inline-flex;align-items:center;gap:12px;flex-shrink:0;
  padding:12px 22px 12px 16px;
  background:#0E0E12;color:#fff;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;text-decoration:none;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
  box-shadow:0 8px 22px rgba(14,14,18,.28);
}
.k6-app-btn:hover{
  background:#1A1A22;transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(14,14,18,.38);
}
.k6-app-btn .ic{
  width:32px;height:32px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;color:#fff;
}
.k6-app-btn .ic svg{width:28px;height:28px;display:block}
.k6-app-btn .tx{display:flex;flex-direction:column;line-height:1.15}
.k6-app-btn .p{
  font-family:'Hanken Grotesk',sans-serif;font-size:10.5px;font-weight:500;
  color:rgba(255,255,255,.62);letter-spacing:.06em;text-transform:uppercase;
}
.k6-app-btn .n{
  font-family:'Hanken Grotesk',sans-serif;font-size:16.5px;font-weight:800;
  color:#fff;letter-spacing:-.012em;margin-top:1px;
}

@media (max-width:899px){
  .k6-app-inner{flex-direction:column;align-items:flex-start;gap:28px;padding:40px 24px}
  .k6-app-right{width:100%;flex-wrap:wrap}
}

/* ═══════════════════════════════════════════════════════════════
   FOOTER — modern dark portal
   ═══════════════════════════════════════════════════════════════ */
.k6-app-band + .k6-footer{margin-top:0}
.k6-footer{
  background:#F0F0F2;
  border-top:1px solid var(--line);
  margin-top:60px;
  position:relative;
  overflow:hidden;
}
.k6-footer::before{
  content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);
  width:80%;max-width:900px;height:1px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  opacity:.5;
}

/* ---------- NEWSLETTER ---------- */
.k6-newsletter{
  display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;
  padding:36px;
  background:linear-gradient(135deg,#FFFFFF 0%,#F5F5F7 100%);
  border:1px solid var(--line);border-radius:24px;
  position:relative;overflow:hidden;
  margin-bottom:60px;
}
.k6-newsletter::before{
  content:"";position:absolute;right:-10%;top:-30%;width:50%;height:160%;
  background:radial-gradient(circle,rgba(190,158,58,.18) 0%,transparent 60%);
  pointer-events:none;
}
.k6-newsletter::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(to bottom,var(--accent),transparent);
}
.k6-newsletter .left{position:relative;z-index:1}
.k6-newsletter .kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);
  padding:6px 12px;border-radius:999px;
  background:rgba(190,158,58,.1);border:1px solid rgba(190,158,58,.25);
}
.k6-newsletter .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:k6blink 1.6s ease-in-out infinite}
.k6-newsletter h3{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.02em;
  color:var(--ink);margin-top:14px;
}
.k6-newsletter h3 .hl{color:var(--accent)}
.k6-newsletter p{
  color:var(--muted);font-size:14px;margin-top:10px;line-height:1.55;
  max-width:420px;
}

.k6-newsletter .right{position:relative;z-index:1}
.k6-newsletter .field{
  display:flex;align-items:center;gap:6px;
  background:#FFFFFF;border:1px solid var(--line-2);border-radius:999px;
  padding:6px 6px 6px 22px;
  transition:border-color .2s;
}
.k6-newsletter .field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px rgba(190,158,58,.12)}
.k6-newsletter .field input{
  flex:1;background:transparent;border:0;outline:0;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:14px;color:var(--ink);font-weight:500;
  padding:14px 8px;letter-spacing:-.005em;
}
.k6-newsletter .field input::placeholder{color:var(--muted)}
.k6-newsletter .field button{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--accent);color:#0E0E12;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:13.5px;letter-spacing:-.005em;
  padding:12px 20px;border-radius:999px;
  cursor:pointer;border:0;
  transition:all .2s;
}
.k6-newsletter .field button:hover{background:#CBA94A;transform:translateX(2px)}
.k6-newsletter .note{
  font-family:'Geist Mono','JetBrains Mono',monospace;
  font-size:11px;color:var(--subtle);margin-top:12px;display:block;padding-left:6px;
}

/* ---------- FOOTER COLUMNS ---------- */
.k6-foot-cols{
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:48px;
  padding-bottom:50px;border-bottom:1px solid var(--line);
}
.k6-foot-cols .col-brand p{
  color:var(--muted);font-size:15.5px;line-height:1.6;
  max-width:340px;margin-top:20px;font-weight:500;
}
.k6-foot-cols .col-brand .k6-logo{display:inline-flex}
.k6-foot-cols .col-brand .k6-logo img{height:42px}
.k6-foot-cols .apps{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}
.k6-foot-cols .apps a{
  display:inline-flex;align-items:center;gap:9px;
  padding:10px 18px;background:#FFFFFF;border:1px solid var(--line);
  border-radius:999px;color:var(--ink-2);
  font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:600;
  transition:all .2s;
}
.k6-foot-cols .apps a:hover{border-color:var(--accent);color:var(--accent);background:#FAFAFA}

.k6-foot-cols .col h4{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:15px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
  margin-bottom:22px;
}
.k6-foot-cols .col ul{display:flex;flex-direction:column;gap:13px}
.k6-foot-cols .col ul a{
  font-family:'Hanken Grotesk',sans-serif;font-size:15px;color:var(--ink-2);
  font-weight:500;letter-spacing:-.005em;
  transition:color .2s,padding-left .2s;
  display:inline-block;
}
.k6-foot-cols .col ul a:hover{color:var(--accent);padding-left:4px}

/* ---------- FOOTER BOTTOM ---------- */
.k6-foot-bottom{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;
  padding-top:32px;
}
.k6-foot-bottom .left{
  display:inline-flex;align-items:center;gap:11px;flex-wrap:wrap;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:16px;color:var(--muted);font-weight:500;letter-spacing:0;
}
.k6-foot-bottom .left .dot{width:3px;height:3px;border-radius:50%;background:var(--subtle);display:inline-block}
.k6-foot-bottom .social{display:inline-flex;align-items:center;gap:6px}
.k6-foot-bottom .social a{
  width:38px;height:38px;border-radius:999px;
  background:#FFFFFF;border:1px solid var(--line);
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--ink-2);transition:all .25s;
}
.k6-foot-bottom .social a:hover{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(190,158,58,.32);
}

@media (max-width:1023px){
  .k6-newsletter{grid-template-columns:1fr;gap:24px;padding:28px}
  .k6-foot-cols{grid-template-columns:1fr 1fr 1fr;gap:32px}
  .k6-foot-cols .col-brand{grid-column:span 3}
}
@media (max-width:639px){
  .k6-foot-cols{grid-template-columns:1fr 1fr}
  .k6-foot-cols .col-brand{grid-column:span 2}
  .k6-newsletter .field{flex-direction:column;border-radius:18px;padding:8px;gap:8px;align-items:stretch}
  .k6-newsletter .field input{padding:14px 16px;text-align:center}
  .k6-newsletter .field button{justify-content:center;padding:14px}
}

/* max-width container fix on h-hero font size for dark bg readability */
.cap-hero h1, .cap-hero p{color:#fff!important}
.cap h3, .cap-hero h1{color:#fff}

/* hero left list section header tweak — amber bar */
.bg-paper h3 .w-1\.5.bg-accent{background:var(--accent)!important}

/* utility text overrides for tailwind-injected styles */
.text-white\/85,.text-white\/70{color:rgba(255,255,255,.85)!important}

/* ═══════════════════════════════════════════════════════════════
   KANAL6 STORY BANDI — pro · koyu zemin · animasyonlu play
   ═══════════════════════════════════════════════════════════════ */
.k6-stories{
  position:relative;margin-top:0;overflow:hidden;
  background:
    radial-gradient(900px 380px at 12% -20%,rgba(190,158,58,.16),transparent 60%),
    radial-gradient(760px 360px at 92% 120%,rgba(181,136,42,.13),transparent 60%),
    linear-gradient(135deg,#0E0E12 0%,#16161C 55%,#0E0E12 100%);
}
.k6-stories::before{
  content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(190,158,58,.55),transparent);
}
.k6-stories-inner{max-width:1480px;margin:0 auto;padding:40px 32px 46px}
.k6-stories-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;
}
.k6-stories-kicker{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);
  padding:7px 14px;border-radius:999px;
  background:rgba(190,158,58,.10);border:1px solid rgba(190,158,58,.30);
}
.k6-stories-kicker .dot{
  width:7px;height:7px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 0 rgba(190,158,58,.6);animation:k6stpulse 1.6s ease-out infinite;
}
@keyframes k6stpulse{0%,100%{box-shadow:0 0 0 0 rgba(190,158,58,.55)}50%{box-shadow:0 0 0 7px rgba(190,158,58,0)}}
.k6-stories-head h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:clamp(26px,2.4vw,36px);letter-spacing:-.02em;color:#fff;
  margin-top:14px;line-height:1.04;
}
.k6-stories-head h2 .hl{
  background:linear-gradient(135deg,var(--accent),#9F8230);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.k6-stories-head p{color:rgba(255,255,255,.55);font-size:14px;margin-top:9px}
.k6-stories-all{
  display:inline-flex;align-items:center;gap:9px;flex-shrink:0;
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14px;color:#fff;
  padding:12px 20px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  transition:all .22s ease;
}
.k6-stories-all:hover{background:var(--accent);border-color:var(--accent);color:#0E0E12;transform:translateY(-1px)}
.k6-stories-all svg{width:16px;height:16px}
.k6-stories-row{display:grid;grid-template-columns:repeat(7,1fr);gap:18px}
@media (max-width:1100px){
  .k6-stories-row{
    display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
    padding-bottom:8px;scrollbar-width:none;
  }
  .k6-stories-row::-webkit-scrollbar{display:none}
  .k6-stories-row .k6-story{flex:0 0 170px;scroll-snap-align:start}
}
.k6-story{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none}
.k6-story-card{
  position:relative;width:100%;aspect-ratio:9/15;border-radius:20px;overflow:hidden;
  background:#000;isolation:isolate;
  box-shadow:0 0 0 1px rgba(255,255,255,.07);
  transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s;
}
.k6-story-card::before{
  content:"";position:absolute;inset:-2px;border-radius:22px;z-index:-1;
  background:conic-gradient(from 140deg,var(--accent),#9F8230,#B5882A,#D4B454,var(--accent));
  opacity:0;transition:opacity .38s;
}
.k6-story:hover .k6-story-card{transform:translateY(-7px) scale(1.015);box-shadow:0 20px 44px rgba(0,0,0,.55)}
.k6-story:hover .k6-story-card::before{opacity:1}
.k6-story-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .85s cubic-bezier(.2,.8,.2,1);
}
.k6-story:hover .k6-story-card img{transform:scale(1.09)}
.k6-story-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.80) 0%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.04) 100%);
}
.k6-story-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
  width:54px;height:54px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.16);backdrop-filter:blur(6px);
  border:1.5px solid rgba(255,255,255,.72);color:#fff;
  transition:all .32s cubic-bezier(.2,.8,.2,1);
}
.k6-story-play::before,.k6-story-play::after{
  content:"";position:absolute;inset:0;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.45);
}
.k6-story-play::before{animation:k6stripple 2.4s ease-out infinite}
.k6-story-play::after{animation:k6stripple 2.4s ease-out infinite 1.2s}
@keyframes k6stripple{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.95);opacity:0}}
.k6-story-play svg{width:20px;height:20px;margin-left:3px;position:relative;z-index:1}
.k6-story:hover .k6-story-play{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  transform:translate(-50%,-50%) scale(1.12);
}
.k6-story-live{
  position:absolute;left:10px;top:10px;z-index:3;
  display:inline-flex;align-items:center;gap:5px;
  background:var(--red);color:#fff;font-family:'Hanken Grotesk',sans-serif;
  font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 9px 4px;border-radius:7px;
}
.k6-story-live::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#fff;
  animation:k6blink 1.3s ease-in-out infinite;
}
.k6-story-cap{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:14px 13px 14px}
.k6-story-cap .c{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:#D4B454;
  display:block;margin-bottom:5px;
}
.k6-story-cap h3{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:16.5px;
  line-height:1.24;color:#fff;margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  text-shadow:0 2px 10px rgba(0,0,0,.6);
}
.k6-story-name{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14px;
  color:rgba(255,255,255,.75);letter-spacing:-.005em;transition:color .2s;
}
.k6-story:hover .k6-story-name{color:#fff}

/* ═══════════════════════════════════════════════════════════════
   YAZARLAR — premium · isim + son yazı + foto (sade, etkileyici)
   ═══════════════════════════════════════════════════════════════ */
.k6-writer{
  position:relative;display:flex;align-items:center;gap:18px;
  background:var(--paper);border:1px solid var(--line);
  border-radius:18px;padding:22px 22px 22px 26px;
  text-decoration:none;overflow:hidden;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s,background .32s;
}
.k6-writer::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(to bottom,var(--accent),#9F8230);
  transform:scaleY(0);transform-origin:top;
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.k6-writer:hover{
  background:var(--night-2);border-color:var(--line-2);
  transform:translateY(-5px);
  box-shadow:0 20px 44px rgba(15,15,30,.11);
}
.k6-writer:hover::before{transform:scaleY(1)}
.k6-writer-ph{
  position:relative;width:88px;height:88px;flex-shrink:0;border-radius:50%;
  padding:3px;background:conic-gradient(from 140deg,var(--accent),#9F8230,#D4B454,var(--accent));
  box-shadow:0 8px 20px rgba(190,158,58,.22);
}
.k6-writer-ph img{
  width:100%;height:100%;border-radius:50%;object-fit:cover;
  border:3px solid var(--paper);background:var(--line-2);
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.k6-writer:hover .k6-writer-ph img{transform:scale(1.07)}
.k6-writer-body{min-width:0;flex:1}
.k6-writer-name{
  display:block;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:19px;letter-spacing:-.015em;color:var(--ink);line-height:1.1;
}
.k6-writer-rule{
  display:block;width:26px;height:3px;border-radius:3px;
  background:var(--line-2);margin:9px 0 10px;
  transition:width .35s cubic-bezier(.2,.8,.2,1),background .3s;
}
.k6-writer:hover .k6-writer-rule{width:40px;background:var(--accent)}
.k6-writer-last{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;
  font-size:15px;line-height:1.34;color:var(--muted);letter-spacing:-.005em;
  transition:color .25s;
}
.k6-writer:hover .k6-writer-last{color:var(--accent)}

/* ═══════════════════════════════════════════════════════════════
   HAVA DURUMU BANDI — sade · pro · 5 şehir
   ═══════════════════════════════════════════════════════════════ */
.k6-weather{
  position:relative;background:var(--paper);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  margin-top:32px;
}
.k6-weather-inner{
  max-width:1480px;margin:0 auto;padding:0 32px;
  display:flex;align-items:stretch;min-height:96px;
}
.k6-weather-brand{
  display:flex;align-items:center;gap:14px;flex-shrink:0;
  padding-right:30px;border-right:1px solid var(--line);
}
.k6-weather-brand .ic{
  width:46px;height:46px;border-radius:13px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--accent) 0%,#9F8230 100%);
  color:#fff;
  box-shadow:0 8px 20px rgba(190,158,58,.32),inset 0 1px 0 rgba(255,255,255,.30);
}
.k6-weather-brand .ic svg{width:24px;height:24px;display:block}
.k6-weather-brand .k{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);
  margin-bottom:5px;
}
.k6-weather-brand .t{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:17px;letter-spacing:-.012em;color:var(--ink);line-height:1;
}

.k6-weather-cities{
  flex:1;min-width:0;display:flex;align-items:stretch;
}
.k6-weather-city{
  flex:1;min-width:0;display:flex;align-items:center;gap:14px;
  padding:0 22px;text-decoration:none;
  border-right:1px solid var(--line);
  position:relative;transition:background .22s ease;
}
.k6-weather-city:last-child{border-right:0}
.k6-weather-city::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.k6-weather-city:hover{background:var(--night-2)}
.k6-weather-city:hover::after{transform:scaleX(1)}
.k6-weather-city .cit-ic{
  width:42px;height:42px;border-radius:12px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--night-2);color:var(--accent);
  border:1px solid var(--line);
  transition:all .25s cubic-bezier(.2,.8,.2,1);
}
.k6-weather-city:hover .cit-ic{
  background:rgba(190,158,58,.14);border-color:rgba(190,158,58,.30);
  transform:rotate(-6deg);
}
.k6-weather-city .cit-ic svg{width:22px;height:22px;display:block}
.k6-weather-city .cit-tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.k6-weather-city .nm{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:14.5px;letter-spacing:-.005em;color:var(--ink);line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.k6-weather-city .dg{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:19px;letter-spacing:-.022em;color:var(--accent);line-height:1;
  font-variant-numeric:tabular-nums;
}

.k6-weather-all{
  display:inline-flex;align-items:center;gap:10px;flex-shrink:0;
  padding:0 30px 0 26px;
  border-left:1px solid var(--line);
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14px;
  color:var(--ink-2);text-decoration:none;letter-spacing:-.005em;
  transition:color .2s,background .2s;
}
.k6-weather-all:hover{color:var(--accent);background:var(--night-2)}
.k6-weather-all svg{width:16px;height:16px}

@media (max-width:1023px){
  .k6-weather-inner{flex-direction:column;padding:0}
  .k6-weather-brand{
    border-right:0;border-bottom:1px solid var(--line);
    padding:16px 22px;width:100%;
  }
  .k6-weather-cities{
    width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .k6-weather-cities::-webkit-scrollbar{display:none}
  .k6-weather-city{flex:0 0 auto;min-width:180px;padding:18px 22px;border-right:1px solid var(--line)}
  .k6-weather-all{
    border-left:0;border-top:1px solid var(--line);
    padding:16px 22px;justify-content:center;
  }
}

/* ═══════════════════════════════════════════════════════════════
   SOSYAL GÜNDEM (TREND) BANDI — premium · koyu zemin
   ═══════════════════════════════════════════════════════════════ */
.k6-weather + .k6-trend,
.k6-stories + .k6-trend{margin-top:0}
.k6-trend{
  position:relative;overflow:hidden;margin-top:42px;
  background:
    radial-gradient(620px 240px at 8% -10%,rgba(255,240,196,.45),transparent 60%),
    radial-gradient(560px 260px at 96% 120%,rgba(159,130,48,.45),transparent 62%),
    linear-gradient(90deg,#9F8230 0%,#BE9E3A 18%,#D4B454 38%,#E5C766 50%,#D4B454 62%,#BE9E3A 82%,#9F8230 100%);
  background-size:100% 100%,100% 100%,300% 100%;
  background-position:0 0,100% 100%,0% 0%;
  animation:k6trendflow 22s linear infinite;
}
@keyframes k6trendflow{
  0%  {background-position:0 0,100% 100%,0% 0%}
  100%{background-position:0 0,100% 100%,-200% 0%}
}
@media (prefers-reduced-motion:reduce){
  .k6-trend{animation:none}
}
.k6-trend::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:3;
  background:linear-gradient(90deg,transparent 0%,rgba(14,14,18,.45) 28%,rgba(14,14,18,.65) 50%,rgba(14,14,18,.45) 72%,transparent 100%);
  background-size:200% 100%;
  animation:k6sdhighlight 4s ease-in-out infinite;
  pointer-events:none;
}
.k6-trend-inner{
  max-width:1480px;margin:0 auto;padding:0 32px;
  display:flex;align-items:stretch;height:84px;
}

/* sol marka bloğu */
.k6-trend-brand{
  display:flex;align-items:center;gap:14px;flex-shrink:0;
  padding-right:30px;border-right:1px solid rgba(14,14,18,.14);
}
.k6-trend-brand .ic{
  width:46px;height:46px;border-radius:13px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1A1A20 0%,#0E0E12 100%);
  color:#D4B454;font-family:'Hanken Grotesk',sans-serif;font-weight:900;font-size:24px;line-height:1;
  box-shadow:0 8px 20px rgba(14,14,18,.30),inset 0 1px 0 rgba(255,255,255,.10);
}
.k6-trend-brand .k{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(14,14,18,.62);
  margin-bottom:4px;
}
.k6-trend-brand .t{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:18px;letter-spacing:-.015em;color:#0E0E12;line-height:1;
}

/* trend item akışı */
.k6-trend-flow{flex:1;min-width:0;display:flex;align-items:stretch}
.k6-trend-item{
  flex:1;min-width:0;display:flex;align-items:center;gap:13px;
  padding:0 26px;text-decoration:none;
  border-right:1px solid rgba(14,14,18,.14);
  position:relative;transition:background .22s ease;
}
.k6-trend-item:last-child{border-right:0}
.k6-trend-item::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:#0E0E12;transform:scaleX(0);transform-origin:left;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.k6-trend-item:hover{background:rgba(255,255,255,.18)}
.k6-trend-item:hover::after{transform:scaleX(1)}
.k6-trend-item .ic{
  width:38px;height:38px;border-radius:10px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;color:#fff;line-height:1;
  box-shadow:0 4px 12px rgba(14,14,18,.28),inset 0 1px 0 rgba(255,255,255,.12);
}
.k6-trend-item .ic svg{width:18px;height:18px;display:block}
.k6-trend-item .ic.x{background:#000;border:1px solid rgba(14,14,18,.20)}
.k6-trend-item .ic.eksi{
  background:#5FB446;font-family:'Hanken Grotesk',sans-serif;
  font-weight:900;font-size:22px;color:#fff;
}
.k6-trend-item .ic.ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.k6-trend-item .ic.tt{background:#000;border:1px solid rgba(14,14,18,.20)}
.k6-trend-item .tx{min-width:0}
.k6-trend-item .p{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(14,14,18,.58);margin-bottom:5px;
}
.k6-trend-item .v{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:15.5px;letter-spacing:-.01em;color:#0E0E12;line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .2s;
}
.k6-trend-item:hover .v{color:#000}

@media (max-width:1023px){
  .k6-trend-inner{height:auto;flex-direction:column;padding:0}
  .k6-trend-brand{
    border-right:0;border-bottom:1px solid rgba(14,14,18,.14);
    padding:16px 22px;width:100%;
  }
  .k6-trend-flow{
    width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .k6-trend-flow::-webkit-scrollbar{display:none}
  .k6-trend-item{flex:0 0 auto;min-width:220px;padding:17px 22px}
}

/* ═══════════════════════════════════════════════════════════════
   SOL AÇILIR MENÜ — premium off-canvas drawer
   ═══════════════════════════════════════════════════════════════ */
body.k6-noscroll{overflow:hidden}

.k6-drawer-ov{
  position:fixed;inset:0;z-index:200;
  background:rgba(8,8,12,.55);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;
  transition:opacity .45s ease,visibility .45s ease;
}
.k6-drawer-ov.open{opacity:1;visibility:visible}

.k6-drawer{
  position:fixed;top:0;left:0;bottom:0;z-index:201;
  width:390px;max-width:86vw;
  background:#FFFFFF;
  display:flex;flex-direction:column;
  box-shadow:0 0 0 1px var(--line),32px 0 64px -20px rgba(15,15,30,.38);
  transform:translateX(-100%);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
.k6-drawer-ov.open .k6-drawer{transform:translateX(0)}

/* üst — logo + kapat */
.k6-drawer-top{
  display:flex;align-items:center;justify-content:space-between;
  padding:24px 24px 22px;border-bottom:1px solid var(--line);
  flex-shrink:0;
}
.k6-drawer-top .k6-logo img{height:38px;width:auto;display:block}
.k6-drawer-close{
  width:44px;height:44px;border-radius:999px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--k6-card-2);border:1px solid var(--k6-border);
  color:var(--k6-text-2);cursor:pointer;
  transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.k6-drawer-close:hover{
  background:#F7F0DA;border-color:var(--k6-amber);color:var(--k6-amber);
  transform:rotate(90deg);
}
.k6-drawer-close svg{width:18px;height:18px}

/* arama */
.k6-drawer-search{padding:22px 24px 8px;flex-shrink:0}
.k6-drawer-search .f{
  display:flex;align-items:center;gap:11px;
  background:var(--k6-card-2);border:1px solid var(--k6-border);
  border-radius:999px;padding:14px 20px;
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.k6-drawer-search .f:focus-within{
  border-color:var(--k6-amber);background:#fff;
  box-shadow:0 0 0 4px rgba(190,158,58,.12);
}
.k6-drawer-search .f svg{width:18px;height:18px;color:var(--k6-mute);flex-shrink:0}
.k6-drawer-search input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  font-family:'Hanken Grotesk',sans-serif;font-size:15px;font-weight:500;
  color:var(--k6-text);letter-spacing:-.005em;
}
.k6-drawer-search input::placeholder{color:var(--k6-mute)}

/* menü (scroll) */
.k6-drawer-nav{
  flex:1;overflow-y:auto;padding:14px 16px 22px;
  scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;
}
.k6-drawer-nav::-webkit-scrollbar{width:6px}
.k6-drawer-nav::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}
.k6-drawer-nav a{
  position:relative;display:flex;align-items:center;gap:14px;
  padding:14px 16px;border-radius:12px;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;
  font-size:17px;letter-spacing:-.01em;color:var(--k6-text);
  transition:all .28s cubic-bezier(.2,.8,.2,1);
}
.k6-drawer-nav a .idx{
  width:36px;height:36px;border-radius:10px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--k6-card-2);border:1px solid var(--k6-border);
  color:var(--k6-mute);
  transition:all .28s cubic-bezier(.2,.8,.2,1);
}
.k6-drawer-nav a .idx svg{width:18px;height:18px;display:block}
.k6-drawer-nav a .ar{
  margin-left:auto;display:inline-flex;color:var(--k6-mute-2);
  opacity:0;transform:translateX(-7px);
  transition:all .28s cubic-bezier(.2,.8,.2,1);
}
.k6-drawer-nav a .ar svg{width:16px;height:16px;display:block}
.k6-drawer-nav a::before{
  content:"";position:absolute;left:0;top:50%;
  transform:translateY(-50%) scaleY(0);transform-origin:center;
  width:3px;height:62%;border-radius:0 3px 3px 0;background:var(--k6-amber);
  transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.k6-drawer-nav a:hover{
  background:var(--k6-card-2);color:var(--k6-amber);padding-left:22px;
}
.k6-drawer-nav a:hover .idx{background:var(--k6-amber);border-color:var(--k6-amber);color:#0E0E12}
.k6-drawer-nav a:hover .ar{opacity:1;transform:translateX(0);color:var(--k6-amber)}
.k6-drawer-nav a:hover::before{transform:translateY(-50%) scaleY(1)}
.k6-drawer-div{height:1px;background:var(--line);margin:12px 16px}

/* alt — sosyal medya */
.k6-drawer-foot{
  flex-shrink:0;padding:20px 24px 24px;
  border-top:1px solid var(--line);background:var(--k6-card-2);
}
.k6-drawer-soc{display:flex;align-items:center;gap:9px}
.k6-drawer-soc a{
  width:42px;height:42px;border-radius:999px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid var(--k6-border);color:var(--k6-text-2);
  transition:all .3s cubic-bezier(.2,.8,.2,1);
}
.k6-drawer-soc a:hover{
  background:var(--k6-amber);border-color:var(--k6-amber);color:#0E0E12;
  transform:translateY(-3px);
  box-shadow:0 10px 22px rgba(190,158,58,.32);
}
.k6-drawer-soc a svg{width:16px;height:16px}

/* nav item stagger giriş animasyonu */
@keyframes k6drawerin{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
.k6-drawer-ov.open .k6-drawer-nav a{animation:k6drawerin .55s cubic-bezier(.16,1,.3,1) both}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(1){animation-delay:.08s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(2){animation-delay:.12s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(3){animation-delay:.16s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(4){animation-delay:.20s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(5){animation-delay:.24s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(6){animation-delay:.28s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(7){animation-delay:.32s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(8){animation-delay:.36s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(9){animation-delay:.40s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(10){animation-delay:.44s}
.k6-drawer-ov.open .k6-drawer-nav a:nth-of-type(11){animation-delay:.48s}
@media (prefers-reduced-motion:reduce){
  .k6-drawer-ov.open .k6-drawer-nav a{animation:none}
  .k6-drawer{transition:transform .25s ease}
}

/* ═══════════════════════════════════════════════════════════════
   TAM EKRAN STORY GÖRÜNTÜLEYİCİ — dikey kaydırmalı (snap)
   ═══════════════════════════════════════════════════════════════ */
.k6-sv{
  position:fixed;inset:0;z-index:300;background:#0B0B0E;
  opacity:0;visibility:hidden;
  transition:opacity .4s ease,visibility .4s ease;
}
.k6-sv.open{opacity:1;visibility:visible}
.k6-sv-scroll{
  position:relative;height:100%;overflow-y:auto;
  scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.k6-sv-scroll::-webkit-scrollbar{display:none}
.k6-sv-slide{
  position:relative;width:100%;height:100vh;height:100dvh;
  scroll-snap-align:start;scroll-snap-stop:always;
  overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
/* bulanık ortam arkaplanı (Instagram hissi) */
.k6-sv-slide .bg{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:blur(46px) brightness(.34) saturate(1.1);
  transform:scale(1.18);pointer-events:none;
}
/* ortalı 9:16 story kartı */
.k6-sv-card{
  position:relative;
  aspect-ratio:9 / 16;
  height:min(94dvh, calc((100vw - 28px) * 1.7778));
  border-radius:24px;overflow:hidden;background:#000;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06);
}
.k6-sv-card img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
}
.k6-sv-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.10) 44%,rgba(0,0,0,.42) 100%);
}
.k6-sv-cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  padding:0 26px 30px;
}
.k6-sv-cap .in{width:100%}
.k6-sv-cap h3{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;color:#fff;
  font-size:clamp(20px,2.2vw,28px);line-height:1.18;letter-spacing:-.018em;
  text-shadow:0 4px 24px rgba(0,0,0,.6);margin:0;
}
.k6-sv-cap .m{
  margin-top:13px;font-family:'Geist Mono','JetBrains Mono',monospace;
  font-size:12px;color:rgba(255,255,255,.62);letter-spacing:.02em;
}
.k6-sv-top{
  position:fixed;top:0;left:0;right:0;z-index:5;
  display:flex;align-items:center;justify-content:space-between;
  padding:22px clamp(18px,4vw,40px);
  background:linear-gradient(to bottom,rgba(0,0,0,.55),transparent);
}
.k6-sv-brand{
  display:inline-flex;align-items:center;gap:10px;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;color:#fff;
  font-size:15px;letter-spacing:-.01em;
}
.k6-sv-brand .d{
  width:8px;height:8px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px rgba(190,158,58,.22);
}
.k6-sv-right{display:inline-flex;align-items:center;gap:18px}
.k6-sv-count{
  font-family:'Geist Mono','JetBrains Mono',monospace;font-size:13px;
  color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums;
}
.k6-sv-count b{color:#fff;font-weight:600}
.k6-sv-close{
  width:46px;height:46px;border-radius:999px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  color:#fff;cursor:pointer;backdrop-filter:blur(8px);
  transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.k6-sv-close:hover{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  transform:rotate(90deg);
}
.k6-sv-close svg{width:20px;height:20px}
.k6-sv-hint{
  position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:5;
  display:inline-flex;flex-direction:column;align-items:center;gap:5px;
  color:rgba(255,255,255,.75);font-family:'Hanken Grotesk',sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  pointer-events:none;transition:opacity .3s;
  animation:k6svbounce 1.8s ease-in-out infinite;
}
.k6-sv.scrolled .k6-sv-hint{opacity:0}
@keyframes k6svbounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}
.k6-sv-rail{
  position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:5;
  display:flex;flex-direction:column;gap:7px;
}
.k6-sv-rail b{
  width:4px;height:18px;border-radius:3px;background:rgba(255,255,255,.28);
  cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.k6-sv-rail b.on{background:var(--accent);height:32px}
@media (max-width:600px){.k6-sv-rail{display:none}}

/* ═══════════════════════════════════════════════════════════════
   DARK MODE — body[data-theme="dark"]
   ═══════════════════════════════════════════════════════════════ */
body[data-theme="dark"]{
  --bg:#0B0B0F;
  --paper:#15151B;
  --ink:#F5F5F7;
  --ink-2:#C5C5CC;
  --muted:#8A8A92;
  --subtle:#6B6B75;
  --line:#262630;
  --line-2:#363641;
  --night:#1C1C24;
  --night-2:#22222B;
  --accent:#D4B454;
  --accent-2:#BE9E3A;

  --k6-bg:#0B0B0F;
  --k6-bg-2:#15151B;
  --k6-card:#15151B;
  --k6-card-2:#1C1C24;
  --k6-card-3:#22222B;
  --k6-border:#262630;
  --k6-border-2:#363641;
  --k6-text:#F5F5F7;
  --k6-text-2:#C5C5CC;
  --k6-mute:#8A8A92;
  --k6-mute-2:#6B6B75;
  --k6-amber:#D4B454;
  --k6-amber-2:#E5C766;
}
body[data-theme="dark"] .k6-utility,
body[data-theme="dark"] .k6-brand{background:#15151B}
body[data-theme="dark"] .sd-band{background:#15151B}
body[data-theme="dark"] .k6-fin{background:linear-gradient(180deg,#15151B 0%,#1A1A22 100%)}
body[data-theme="dark"] .k6-footer{background:#0E0E14}
body[data-theme="dark"] .video-band{background:#15151B}
body[data-theme="dark"] .video-card{background:#1C1C24;border-color:#262630}
body[data-theme="dark"] .video-card:hover{background:#22222B}
body[data-theme="dark"] .k6-utl .k6-iconbtn{background:#1C1C24;border-color:#262630;color:#C5C5CC}
body[data-theme="dark"] .k6-cta{background:#1C1C24;border-color:#262630;color:#C5C5CC}
body[data-theme="dark"] .k6-newsletter{background:linear-gradient(135deg,#15151B 0%,#1C1C24 100%);border-color:#262630}
body[data-theme="dark"] .k6-newsletter .field{background:#1C1C24;border-color:#363641}
body[data-theme="dark"] .k6-newsletter .field input{color:#F5F5F7}
body[data-theme="dark"] .k6-foot-cols .apps a{background:#1C1C24;border-color:#262630;color:#C5C5CC}
body[data-theme="dark"] .k6-foot-bottom .social a{background:#1C1C24;border-color:#262630;color:#C5C5CC}
body[data-theme="dark"] .spnsr{background:linear-gradient(135deg,#15151B 0%,#22222B 100%);border-color:#262630}
body[data-theme="dark"] .author-card{background:#15151B;border-color:#262630}
body[data-theme="dark"] .k6-loadmore{background:#15151B;border-color:#262630;color:#F5F5F7}
body[data-theme="dark"] .k6-feat-card{background:#15151B;border-color:#262630}
body[data-theme="dark"] .k6-feat-card:hover{background:#1C1C24}
body[data-theme="dark"] .k6-side-card{background:#15151B;border-color:#262630}
body[data-theme="dark"] .compact-card{background:#15151B;border-color:#262630}
body[data-theme="dark"] .compact-card:hover{background:#1C1C24}
body[data-theme="dark"] .mag-feat .mag-body{background:#15151B;border-color:#262630}
body[data-theme="dark"] .mag-feat .mag-body:hover{background:#1C1C24}
body[data-theme="dark"] .mag-actions{background:#15151B!important;border-color:#262630!important}
body[data-theme="dark"] .ma-btn{color:#F5F5F7}
body[data-theme="dark"] .ma-btn svg{color:#C5C5CC}
body[data-theme="dark"] .card{background:#15151B}
body[data-theme="dark"] .k6-arr{background:#15151B;border-color:#262630;color:#C5C5CC}
body[data-theme="dark"] .k6-drawer{background:#15151B}
body[data-theme="dark"] .k6-drawer-foot{background:#1C1C24}
body[data-theme="dark"] .k6-drawer-soc a{background:#1C1C24;border-color:#262630;color:#C5C5CC}
body[data-theme="dark"] .k6-drawer-search .f{background:#1C1C24;border-color:#262630}
body[data-theme="dark"] .k6-drawer-search .f:focus-within{background:#22222B}
body[data-theme="dark"] .k6-drawer-nav a .idx{background:#1C1C24;border-color:#262630}
body[data-theme="dark"] .k6-drawer-close{background:#1C1C24;border-color:#262630;color:#C5C5CC}
body[data-theme="dark"] .ad-banner{
  background:repeating-linear-gradient(45deg,#1C1C24,#1C1C24 12px,#22222B 12px,#22222B 24px);
  color:#8A8A92;border-color:#363641;
}
body[data-theme="dark"] .sec-head-v2 a{background:#15151B;border-color:#262630;color:#8A8A92}
body[data-theme="dark"] .k6-fin-cell:hover{background:rgba(255,255,255,.025)}
body[data-theme="dark"] .k6-stories::before{background:linear-gradient(90deg,transparent,rgba(212,180,84,.55),transparent)}

/* ═══════════════════════════════════════════════════════════════
   TAM EKRAN ARAMA — header arama ikonu
   ═══════════════════════════════════════════════════════════════ */
.k6-srch-ov{
  position:fixed;inset:0;z-index:250;
  background:rgba(8,8,12,.78);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  opacity:0;visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;
  display:flex;align-items:flex-start;justify-content:center;
  padding:14vh 24px 24px;
}
.k6-srch-ov.open{opacity:1;visibility:visible}
.k6-srch{
  width:min(720px,100%);
  transform:translateY(-14px) scale(.98);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.k6-srch-ov.open .k6-srch{transform:translateY(0) scale(1)}
.k6-srch-close{
  position:absolute;top:24px;right:24px;
  width:48px;height:48px;border-radius:999px;
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);
  color:#fff;cursor:pointer;
  backdrop-filter:blur(10px);
  display:inline-flex;align-items:center;justify-content:center;
  transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.k6-srch-close:hover{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  transform:rotate(90deg);
}
.k6-srch-close svg{width:20px;height:20px}

.k6-srch-logo{
  display:flex;justify-content:center;margin-bottom:24px;
}
.k6-srch-logo img{
  height:52px;width:auto;display:block;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.55));
}
.k6-srch-field{
  display:flex;align-items:center;gap:14px;
  background:var(--paper);
  border-radius:18px;padding:6px 6px 6px 22px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.10);
}
.k6-srch-field .searchic{width:22px;height:22px;color:var(--muted);flex-shrink:0}
.k6-srch-field input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  font-family:'Hanken Grotesk',sans-serif;
  font-size:22px;font-weight:500;letter-spacing:-.015em;
  color:var(--ink);padding:18px 6px;
}
.k6-srch-field input::placeholder{color:var(--muted)}
.k6-srch-field .submit{
  display:inline-flex;align-items:center;gap:9px;flex-shrink:0;
  height:54px;padding:0 22px;border-radius:14px;
  background:var(--accent);color:#0E0E12;border:0;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:15px;letter-spacing:-.005em;
  cursor:pointer;transition:all .2s;
}
.k6-srch-field .submit:hover{background:#CBA94A;transform:translateX(2px)}
.k6-srch-field .submit svg{width:16px;height:16px}

.k6-srch-trend{margin-top:38px;text-align:center}
.k6-srch-trend .lbl{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:20px;letter-spacing:-.012em;text-transform:none;
  color:#fff;margin-bottom:20px;
  display:inline-flex;align-items:center;gap:11px;
}
.k6-srch-trend .lbl::before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px rgba(190,158,58,.22);
}
.k6-srch-tags{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
.k6-srch-tags a{
  display:inline-flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:14px;
  padding:10px 16px;border-radius:999px;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
  text-decoration:none;
}
.k6-srch-tags a:hover{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  transform:translateY(-2px);
}
.k6-srch-tags .num{
  font-family:'Geist Mono','JetBrains Mono',monospace;
  font-size:11.5px;color:rgba(255,255,255,.55);font-weight:500;
  font-variant-numeric:tabular-nums;
}
.k6-srch-tags a:hover .num{color:rgba(14,14,18,.6)}

@media (max-width:639px){
  .k6-srch-ov{padding-top:10vh}
  .k6-srch-field input{font-size:18px;padding:14px 4px}
  .k6-srch-field .submit{padding:0 14px;height:46px;font-size:14px}
  .k6-srch-field .submit span{display:none}
}

/* ═══════════════════════════════════════════════════════════════
   TAM EKRAN ÜYE GİRİŞİ — header CTA
   ═══════════════════════════════════════════════════════════════ */
.k6-login-ov{
  position:fixed;inset:0;z-index:260;
  background:rgba(8,8,12,.78);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  opacity:0;visibility:hidden;
  transition:opacity .35s ease,visibility .35s ease;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.k6-login-ov.open{opacity:1;visibility:visible}
.k6-login{
  width:min(520px,100%);
  background:var(--paper);
  border-radius:24px;padding:48px 44px 42px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.08);
  position:relative;
  transform:translateY(20px) scale(.96);
  transition:transform .5s cubic-bezier(.16,1,.3,1);
}
.k6-login-ov.open .k6-login{transform:translateY(0) scale(1)}
.k6-login-close{
  position:absolute;top:18px;right:18px;
  width:42px;height:42px;border-radius:999px;
  background:transparent;border:0;color:var(--muted);
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
}
.k6-login-close:hover{background:var(--night-2);color:var(--ink);transform:rotate(90deg)}
.k6-login-close svg{width:20px;height:20px}

.k6-login-brand{
  display:inline-flex;align-items:center;margin-bottom:26px;
}
.k6-login-brand img{height:42px;width:auto;display:block}
.k6-login h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:30px;line-height:1.2;letter-spacing:-.02em;color:var(--ink);
  margin-bottom:8px;
}
.k6-login p.sub{
  font-family:'Hanken Grotesk',sans-serif;font-size:16px;color:var(--muted);
  margin-bottom:28px;line-height:1.5;font-weight:500;
}

.k6-login-form{display:flex;flex-direction:column;gap:16px}
.k6-login-field{display:flex;flex-direction:column;gap:9px}
.k6-login-field label{
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:14px;
  color:var(--ink-2);letter-spacing:.005em;
}
.k6-login-input{
  display:flex;align-items:center;gap:12px;
  background:var(--night-2);border:1px solid var(--line);
  border-radius:13px;padding:0 16px;
  transition:all .22s cubic-bezier(.2,.8,.2,1);
}
.k6-login-input:focus-within{
  border-color:var(--accent);background:var(--paper);
  box-shadow:0 0 0 4px rgba(190,158,58,.14);
}
.k6-login-input > svg{width:20px;height:20px;color:var(--muted);flex-shrink:0}
.k6-login-input input{
  flex:1;min-width:0;border:0;outline:0;background:transparent;
  font-family:'Hanken Grotesk',sans-serif;font-size:16.5px;font-weight:500;
  color:var(--ink);padding:17px 0;letter-spacing:-.005em;
}
.k6-login-input input::placeholder{color:var(--muted)}
.k6-login-input .show{
  background:transparent;border:0;cursor:pointer;
  color:var(--muted);display:inline-flex;align-items:center;justify-content:center;
  padding:6px;border-radius:6px;
  transition:color .2s;
}
.k6-login-input .show:hover{color:var(--ink)}
.k6-login-input .show svg{width:20px;height:20px}

.k6-login-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:10px;
}
.k6-login-remember{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-size:15px;color:var(--ink-2);font-weight:500;
  user-select:none;
}
.k6-login-remember input{
  appearance:none;-webkit-appearance:none;
  width:20px;height:20px;border:1.5px solid var(--line-2);border-radius:6px;
  cursor:pointer;background:var(--paper);
  position:relative;transition:all .2s;flex-shrink:0;
}
.k6-login-remember input:checked{background:var(--accent);border-color:var(--accent)}
.k6-login-remember input:checked::after{
  content:"";position:absolute;left:5.5px;top:1.5px;width:6px;height:11px;
  border:solid #0E0E12;border-width:0 2.2px 2.2px 0;transform:rotate(45deg);
}
.k6-login-forgot{
  font-family:'Hanken Grotesk',sans-serif;font-size:15px;font-weight:600;
  color:var(--accent);text-decoration:none;
  transition:color .2s;
}
.k6-login-forgot:hover{color:var(--accent-2)}

.k6-login-submit{
  margin-top:10px;
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  height:58px;border-radius:14px;
  background:var(--accent);color:#0E0E12;border:0;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:17px;letter-spacing:-.005em;
  cursor:pointer;width:100%;
  transition:all .2s;
}
.k6-login-submit:hover{background:#CBA94A;transform:translateY(-1px);box-shadow:0 10px 24px rgba(190,158,58,.32)}
.k6-login-submit svg{width:20px;height:20px}

.k6-login-divider{
  display:flex;align-items:center;gap:14px;margin:28px 0 22px;
  font-family:'Hanken Grotesk',sans-serif;font-size:13px;color:var(--muted);
  text-transform:uppercase;letter-spacing:.16em;font-weight:700;
}
.k6-login-divider::before,.k6-login-divider::after{
  content:"";flex:1;height:1px;background:var(--line);
}

.k6-login-signup{
  text-align:center;
  font-family:'Hanken Grotesk',sans-serif;font-size:15.5px;color:var(--muted);font-weight:500;
}
.k6-login-signup a{
  color:var(--accent);font-weight:700;text-decoration:none;
  transition:color .2s;
}
.k6-login-signup a:hover{color:var(--accent-2)}

@media (max-width:480px){
  .k6-login{padding:32px 24px}
  .k6-login h2{font-size:24px}
  .k6-login p.sub{font-size:15px}
}

/* ═══════════════════════════════════════════════════════════════
   MOBILE OPTIMIZATIONS — < 768px
   ═══════════════════════════════════════════════════════════════ */
@media (max-width:767px){
  /* Overflow-x guard — yatay kayma kesinlikle engellenir */
  body{max-width:100vw}
  .k6-shell,header,footer,section,div[class*="max-w-"]{max-width:100vw}
  /* Container padding sıkıştır — attribute selector tüm px-8 kullanan tailwind class'ları yakalar */
  [class*="px-8"]{padding-left:16px!important;padding-right:16px!important}
  .max-w-\[1480px\]{padding-left:16px!important;padding-right:16px!important;max-width:100vw}

  /* Section spacing kontrolü */
  .mt-10{margin-top:32px!important}
  .mt-8{margin-top:24px!important}

  /* Section header v2 */
  .sec-head-v2{padding-bottom:14px;margin-bottom:18px}
  .sec-head-v2 h2{font-size:22px}
  .sec-head-v2 .ital{display:none}
  .sec-head-v2 .lhs::before{height:24px;width:5px}
  .sec-head-v2 a{padding:8px 13px;font-size:13px}

  /* Hero side cards (vertical foto + overlay) */
  .k6-side-card.vertical .thumb{height:240px;flex:0 0 240px}
  .k6-side-card.vertical h3{font-size:17px;line-height:1.28}
  .k6-side-card.vertical .body{padding:38px 16px 14px}

  /* Hero mega slider */
  .k6-hero-slider{min-height:260px}
  .k6-hero-cap{padding:24px 20px 58px}
  .k6-hero-title{font-size:17px!important;line-height:1.22;-webkit-line-clamp:2}
  .k6-hero-cap .cap-tag{font-size:10.5px;padding:4px 10px 3px;margin-bottom:12px}
  .k6-hero-dots{bottom:14px}

  /* Featured cards mobile */
  .k6-feat-card{padding:12px;border-radius:14px}
  .k6-feat-card .thumb{width:88px;height:88px;border-radius:10px}
  .k6-feat-card h3{font-size:15.5px;line-height:1.28}
  .k6-feat-card .cat{font-size:11.5px;margin-bottom:6px}

  /* News card (Spor/Ekonomi yan kartlar) */
  .k6-news-card{padding:12px;gap:12px}
  .k6-news-card .thumb{width:96px;border-radius:10px}
  .k6-news-card h3{font-size:15px;line-height:1.3}
  .k6-news-card .cat{font-size:11.5px;margin-bottom:7px}
  .k6-news-card .meta{font-size:12.5px;padding-top:8px}

  /* k6-mini (foto-suz kartlar) */
  .k6-mini{padding:16px 18px 18px!important;min-height:auto!important}
  .k6-mini .h-list{font-size:16px;line-height:1.3}
  .k6-mini .ts{font-size:13px;padding-top:14px;margin-top:14px}

  /* Manşet sağ liste container ve item */
  .manset-list{padding:6px 14px!important}
  .manset-list .item{padding:20px 0;gap:14px}
  .manset-list .num{font-size:30px}
  .manset-list h4{font-size:15px;line-height:1.34}
  .manset-list .meta{font-size:12.5px;margin-top:7px}
  .k6-manset-hero .cap-hero{padding:40px 20px 18px}

  /* Trend brand padding */
  .k6-trend-brand{padding:14px 16px;gap:11px}
  .k6-trend-brand .ic{width:40px;height:40px;font-size:20px}
  .k6-trend-brand .t{font-size:16px}

  /* Hava durumu */
  .k6-weather-brand{padding:14px 16px;gap:11px}
  .k6-weather-brand .ic{width:40px;height:40px}
  .k6-weather-brand .t{font-size:16px}

  /* Video band */
  .video-band{padding:32px 0}
  .video-card .vp{padding:16px 16px 18px}
  .video-card h4{font-size:16px;margin-top:10px}

  /* Magazine (Diğer) */
  .mag-feat .pad{padding:18px 18px 20px}
  .mag-feat h3{font-size:20px;line-height:1.22}
  .mag-feat p{font-size:14px;margin-top:8px}

  /* 5-col / news grid cards mobile padding */
  #k6-five-slider .card-pad,
  #k6-news-grid .card-pad{padding:14px 16px 16px}
  #k6-five-slider .h-card,
  #k6-news-grid .h-card{font-size:15.5px;margin-top:10px}
  #k6-five-slider .ts,
  #k6-news-grid .ts{font-size:13px;margin-top:14px;padding-top:14px}

  /* Stories band padding */
  .k6-stories-inner{padding:28px 16px 32px}
  .k6-stories-head h2{font-size:24px}

  /* Yazarlar slider */
  .k6-writer{padding:16px 16px 16px 20px;gap:14px}
  .k6-writer-ph{width:72px;height:72px}
  .k6-writer-name{font-size:17px}
  .k6-writer-last{font-size:14px}

  /* Mobil uygulama bandı */
  .k6-app-inner{padding:26px 16px;gap:20px;flex-direction:column;align-items:flex-start}
  .k6-app-right{width:100%;flex-wrap:wrap;gap:10px}
  .k6-app-btn{flex:1 1 auto;min-width:140px;justify-content:flex-start;padding:11px 16px 11px 14px}
  .k6-app-btn .n{font-size:15px}
  .k6-app-left h2{font-size:22px}
  .k6-app-left p{font-size:14.5px}

  /* Footer */
  .k6-footer{margin-top:0}
  .k6-foot-cols{gap:28px;padding-bottom:32px}
  .k6-foot-cols .col h4{font-size:14px;margin-bottom:14px}
  .k6-foot-cols .col ul{gap:11px}
  .k6-foot-cols .col ul a{font-size:14.5px}
  .k6-foot-cols .col-brand p{font-size:14.5px;line-height:1.5;margin-top:14px}
  .k6-foot-bottom{padding-top:24px;flex-direction:column;align-items:flex-start;gap:18px}
  .k6-foot-bottom .left{font-size:13.5px;gap:8px}

  /* Hero grid gap */
  section .grid.grid-cols-12{gap:14px}

  /* SD-band son dakika küçük ekran */
  .sd-band .lbl > span:last-child{font-size:12px}
  .sd-band .stream .item{font-size:14.5px}

  /* Finans bar */
  .k6-fin-inner{padding:0 16px}
  .k6-fin-cell{padding:0 16px;column-gap:10px}
  .k6-fin-cell .sym{font-size:13px}
  .k6-fin-cell .val{font-size:15.5px}

  /* Brand row mobile fix — sol grup + sağ grup, ortada nav gizli */
  .k6-brand-row{gap:6px;height:64px;justify-content:space-between}
  .k6-brand-left{margin-left:-16px;gap:6px;min-width:0}
  .k6-utl{margin-left:auto}
  .k6-logo{min-width:0}
  .k6-logo img{height:28px;max-width:160px;object-fit:contain;object-position:left center}
  .k6-iconbtn{width:38px;height:38px}
  .k6-utl{gap:2px;margin-left:auto}
  /* Mobilde arama + tema + üyelik bg/border yok — kompakt görünüm */
  .k6-utl .k6-iconbtn{width:40px;height:40px;background:transparent;border:0;box-shadow:none}
  .k6-utl .k6-iconbtn:hover{background:rgba(15,15,30,.05);border:0}
  /* Üyelik CTA mobilde sadece ikon, bg yok */
  .k6-cta{padding:0;width:40px;height:40px;justify-content:center;gap:0;background:transparent;border:0;box-shadow:none}
  .k6-cta:hover{background:rgba(15,15,30,.05);border:0;transform:none;box-shadow:none}
  .k6-cta span{display:none}
  .k6-cta svg{width:18px;height:18px}
  /* Canlı yayın mobilde ikon-only */
  .k6-live-btn{height:40px;width:40px;padding:0;justify-content:center;gap:0}
  .k6-live-btn .disc{width:30px;height:30px;background:transparent}
  .k6-live-btn .lbl{display:none}

  /* Login & search overlay padding ek */
  .k6-srch-trend .lbl{font-size:17px}
  .k6-srch-tags a{font-size:13px;padding:8px 13px}
}

@media (max-width:480px){
  /* Brand row — çok dar ekran: logo + butonlar tek satıra sığsın */
  .k6-brand-row{gap:4px;height:60px}
  .k6-brand-left{gap:4px;margin-left:-12px}
  .k6-logo img{height:24px;max-width:124px}
  .k6-iconbtn{width:34px;height:34px}
  .k6-utl .k6-iconbtn,
  .k6-cta,
  .k6-live-btn{width:36px;height:36px}
  .k6-live-btn .disc{width:26px;height:26px}
  .k6-live-btn .disc svg{width:11px;height:11px}

  /* Hero side cards küçülsün daha */
  .k6-side-card.vertical .thumb{height:200px;flex:0 0 200px}

  /* Featured cards mobile vurgu */
  .k6-feat-grid{gap:12px}

  /* News card single column tek satır */
  .k6-news-card .thumb{width:84px}

  /* Hero gradient bg full mobile */
  .k6-fin-inner{padding:0 12px}

  /* App butonu tam genişlik */
  .k6-app-btn{flex:1 1 100%;min-width:100%}

  /* Manşet sağ liste num daralt */
  .manset-list .num{font-size:26px}
}

/* ═══════════════════════════════════════════════════════════════
   AYAR PANELİ — sol kenara yapışık toggle + drawer (görsel demo)
   ═══════════════════════════════════════════════════════════════ */
.k6-settings-toggle{
  position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:180;
  display:inline-flex;align-items:center;gap:10px;
  background:linear-gradient(135deg,var(--accent) 0%,#9F8230 100%);
  color:#0E0E12;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;
  border:0;cursor:pointer;
  padding:14px 18px 14px 16px;
  border-radius:0 16px 16px 0;
  box-shadow:0 14px 36px rgba(190,158,58,.45),0 2px 8px rgba(14,14,18,.22);
  transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.k6-settings-toggle:hover{
  padding-left:22px;
  box-shadow:0 20px 48px rgba(190,158,58,.58),0 3px 10px rgba(14,14,18,.28);
}
.k6-settings-toggle svg{width:20px;height:20px}

.k6-settings-ov{
  position:fixed;inset:0;z-index:210;
  background:rgba(8,8,12,.48);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  opacity:0;visibility:hidden;
  transition:opacity .4s ease,visibility .4s ease;
}
.k6-settings-ov.open{opacity:1;visibility:visible}

.k6-settings-panel{
  position:fixed;left:0;top:0;bottom:0;
  width:380px;max-width:90vw;
  background:var(--paper);
  display:flex;flex-direction:column;
  box-shadow:32px 0 64px -20px rgba(14,14,18,.38);
  transform:translateX(-100%);
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.k6-settings-ov.open .k6-settings-panel{transform:translateX(0)}

.k6-settings-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:20px 22px;border-bottom:1px solid var(--line);
  flex-shrink:0;
}
.k6-settings-head h3{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:20px;letter-spacing:-.015em;color:var(--ink);
  display:flex;align-items:center;gap:11px;margin:0;
}
.k6-settings-head h3 svg{width:22px;height:22px;color:var(--accent)}
.k6-settings-close{
  width:38px;height:38px;border-radius:999px;
  background:transparent;border:0;color:var(--muted);
  cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
}
.k6-settings-close:hover{background:var(--night-2);color:var(--ink);transform:rotate(90deg)}
.k6-settings-close svg{width:18px;height:18px}

.k6-settings-content{
  flex:1;overflow-y:auto;padding:14px 16px 16px;
  scrollbar-width:thin;
}
.k6-settings-content::-webkit-scrollbar{width:6px}
.k6-settings-content::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}

/* Accordion */
.k6-acc{
  background:var(--paper);border:1px solid var(--line);border-radius:12px;
  margin-bottom:10px;overflow:hidden;
  transition:border-color .25s;
}
.k6-acc.open{border-color:var(--accent)}
.k6-acc-head{
  width:100%;
  display:flex;align-items:center;
  padding:14px 14px;
  background:transparent;border:0;cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:16px;
  color:var(--ink);letter-spacing:-.005em;text-align:left;
  transition:background .2s;
}
.k6-acc-head:hover{background:var(--night-2)}
.k6-acc-head .ic{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--night-2);color:var(--accent);
  margin-right:11px;
  transition:all .25s;
}
.k6-acc-head .ic svg{width:16px;height:16px}
.k6-acc-head .title{flex:1}
.k6-acc-head .chev{
  width:18px;height:18px;color:var(--muted);flex-shrink:0;
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.k6-acc.open .k6-acc-head .chev{transform:rotate(180deg);color:var(--accent)}
.k6-acc.open .k6-acc-head .ic{background:var(--accent);color:#0E0E12}

.k6-acc-body{
  max-height:0;overflow:hidden;
  transition:max-height .4s cubic-bezier(.16,1,.3,1);
}
.k6-acc.open .k6-acc-body{max-height:560px}
.k6-acc-body-inner{
  padding:14px 16px 16px;
  display:flex;flex-direction:column;gap:14px;
  border-top:1px solid var(--line);
}

/* Field types */
.k6-acc-field{display:flex;flex-direction:column;gap:7px}
.k6-acc-field > label{
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:13.5px;
  color:var(--ink-2);letter-spacing:.005em;
}
.k6-acc-field input[type="text"],
.k6-acc-field input[type="number"],
.k6-acc-field select{
  width:100%;padding:12px 14px;
  background:var(--night-2);border:1px solid var(--line);border-radius:10px;
  font-family:'Hanken Grotesk',sans-serif;font-size:15px;font-weight:500;
  color:var(--ink);outline:0;
  transition:all .22s;
}
.k6-acc-field input:focus,
.k6-acc-field select:focus{
  border-color:var(--accent);background:var(--paper);
  box-shadow:0 0 0 3px rgba(190,158,58,.14);
}

.k6-acc-color-row{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.k6-acc-color-row label{
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:14.5px;
  color:var(--ink);flex:1;
}
.k6-acc-color-row input[type="color"]{
  width:60px;height:36px;border-radius:9px;border:1px solid var(--line);
  cursor:pointer;padding:3px;background:var(--paper);
}

/* Toggle switch */
.k6-acc-toggle{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.k6-acc-toggle label{
  font-family:'Hanken Grotesk',sans-serif;font-size:15px;color:var(--ink);font-weight:500;
  flex:1;cursor:pointer;
}
.k6-acc-switch{
  position:relative;width:44px;height:24px;flex-shrink:0;display:inline-block;
}
.k6-acc-switch input{
  appearance:none;-webkit-appearance:none;
  position:absolute;inset:0;margin:0;cursor:pointer;opacity:0;z-index:2;
}
.k6-acc-switch .track{
  position:absolute;inset:0;border-radius:999px;
  background:var(--line-2);
  transition:background .25s cubic-bezier(.2,.8,.2,1);
}
.k6-acc-switch .knob{
  position:absolute;left:2px;top:2px;width:20px;height:20px;border-radius:999px;
  background:#fff;
  box-shadow:0 2px 6px rgba(14,14,18,.25);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.k6-acc-switch input:checked ~ .track{background:var(--accent)}
.k6-acc-switch input:checked ~ .knob{transform:translateX(20px)}

.k6-settings-foot{
  padding:14px 16px 18px;
  border-top:1px solid var(--line);flex-shrink:0;
  display:flex;gap:10px;
}
.k6-settings-foot .save{
  flex:1;height:46px;border-radius:11px;
  background:var(--accent);color:#0E0E12;
  border:0;cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:15.5px;
  letter-spacing:-.005em;
  transition:all .22s;
}
.k6-settings-foot .save:hover{background:#CBA94A;transform:translateY(-1px);box-shadow:0 8px 18px rgba(190,158,58,.32)}
.k6-settings-foot .reset{
  height:46px;padding:0 20px;border-radius:11px;
  background:transparent;color:var(--muted);
  border:1px solid var(--line);cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:15px;
  transition:all .22s;
}
.k6-settings-foot .reset:hover{border-color:var(--accent);color:var(--accent)}

@media (max-width:767px){
  .k6-settings-toggle{padding:11px 12px;font-size:11.5px;border-radius:0 12px 12px 0}
  .k6-settings-toggle svg{width:18px;height:18px}
  .k6-settings-toggle span{display:none}
}

/* renk değişkenleri */
:root{
  --color-bg:#FFFFFF;
  --color-surface:#F7F7F8;
  --color-card:#FFFFFF;
  --color-border:#E5E5EA;
  --color-text:#0E0E12;
  --color-muted:#6B6B75;
  --color-primary:#BE9E3A;
  --color-primary-600:#9F8230;
  --color-primary-50:#F2EAD0;
  --color-success:#16a34a;
  --color-warning:#d97706;
  --color-danger:#dc2626;
  --color-info:#0284c7;
}
body[data-theme="dark"]{
  --color-bg:#15151B;
  --color-surface:#0B0B0F;
  --color-card:#15151B;
  --color-border:#262630;
  --color-text:#F5F5F7;
  --color-muted:#8A8A92;
  --color-primary:#D4B454;
  --color-primary-600:#BE9E3A;
  --color-primary-50:rgba(212,180,84,.16);
  --color-success:#22c55e;
  --color-warning:#f59e0b;
  --color-danger:#ef4444;
  --color-info:#38bdf8;
}

/* yardımcı sınıflar */
.max-w-\[1480px\]{max-width:1480px}
.aspect-\[16\/10\]{aspect-ratio:16/10}
.aspect-\[16\/9\]{aspect-ratio:16/9}
.aspect-\[16\/9\.5\]{aspect-ratio:16/9.5}
.aspect-\[4\/5\]{aspect-ratio:4/5}

/* kategori sayfası */
/* ═══════════════════════════════════════════════════════════════
   KATEGORİ FEAT KART — foto + ayrı beyaz kart (başlık+açıklama)
   ═══════════════════════════════════════════════════════════════ */
.k6-cat-feat{
  display:flex;flex-direction:column;
  background:var(--paper);border:1px solid var(--line);
  border-radius:18px;overflow:hidden;
  text-decoration:none;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
}
.k6-cat-feat:hover{
  border-color:var(--line-2);
  transform:translateY(-3px);
  box-shadow:0 22px 46px -18px rgba(15,15,30,.20);
}
.k6-cat-feat .cf-img{
  width:100%;aspect-ratio:16/9.4;overflow:hidden;background:#000;
}
.k6-cat-feat .cf-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.k6-cat-feat:hover .cf-img img{transform:scale(1.04)}
.k6-cat-feat .cf-body{
  padding:26px 28px 24px;
  display:flex;flex-direction:column;
}
.k6-cat-feat .cap-tag,
.k6-cat-feat .cf-meta{display:none!important}
.k6-cat-feat h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.018em;
  color:var(--ink);margin:0;
  transition:color .2s;
}
.k6-cat-feat:hover h2{color:var(--accent)}
.k6-cat-feat p{
  font-family:'Hanken Grotesk',sans-serif;font-size:15.5px;font-weight:500;
  line-height:1.55;color:var(--muted);margin:14px 0 0;letter-spacing:-.003em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.k6-cat-feat .cf-meta{
  display:inline-flex;align-items:center;gap:9px;
  margin-top:18px;padding-top:16px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:500;
}
.k6-cat-feat .cf-meta::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;
}
@media (max-width:767px){
  .k6-cat-feat .cf-body{padding:20px 20px 20px}
  .k6-cat-feat h2{font-size:20px}
  .k6-cat-feat p{font-size:14.5px;margin-top:10px}
}

/* Slider varyant — orta hero için */
.k6-cat-slider-wrap{position:relative;width:100%;display:flex;flex-direction:column}
.k6-cat-slider{
  position:relative;overflow:hidden;
  border-radius:18px;border:1px solid var(--line);
  background:var(--paper);
  transition:border-color .3s,box-shadow .3s;
}
.k6-cat-slider:hover{border-color:var(--line-2);box-shadow:0 22px 46px -18px rgba(15,15,30,.20)}
.k6-cat-slider .k6-slider-track{
  display:flex;gap:0;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
  will-change:transform;
}
.k6-cat-feat-slide{
  flex:0 0 100%;min-width:0;
  display:flex;flex-direction:column;
  text-decoration:none;
}
.k6-cat-slider .cf-img{
  width:100%;aspect-ratio:16/9.4;overflow:hidden;background:#000;
}
.k6-cat-slider .cf-img img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform 7s ease;
}
.k6-cat-feat-slide:hover .cf-img img{transform:scale(1.04)}
.k6-cat-slider .cf-body{
  padding:26px 28px 24px;
  display:flex;flex-direction:column;
}
.k6-cat-slider h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:clamp(22px,2.2vw,30px);line-height:1.2;letter-spacing:-.018em;
  color:var(--ink);margin:0;transition:color .2s;
}
.k6-cat-feat-slide:hover h2{color:var(--accent)}
.k6-cat-slider p{
  font-family:'Hanken Grotesk',sans-serif;font-size:15.5px;font-weight:500;
  line-height:1.55;color:var(--muted);margin:14px 0 0;letter-spacing:-.003em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.k6-cat-arr{
  position:absolute;top:28%;transform:translateY(-50%);z-index:3;
  width:42px;height:42px;border-radius:999px;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border:1px solid rgba(14,14,18,.10);color:var(--ink);
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;transition:all .25s ease;opacity:0;
  box-shadow:0 6px 18px rgba(0,0,0,.22);
}
.k6-cat-slider:hover .k6-cat-arr{opacity:1}
.k6-cat-arr:hover{background:var(--accent);border-color:var(--accent);color:#0E0E12}
.k6-cat-arr.prev{left:14px}
.k6-cat-arr.next{right:14px}
.k6-cat-arr svg{width:20px;height:20px}
.k6-cat-dots{
  position:absolute;
  left:50%;transform:translateX(-50%);
  z-index:3;
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(0,0,0,.42);backdrop-filter:blur(10px);
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  /* top JS ile dinamik set ediliyor (foto altı içinde) */
}
.k6-cat-dots b{
  width:7px;height:7px;border-radius:999px;
  background:rgba(255,255,255,.45);cursor:pointer;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
  display:inline-block;
}
.k6-cat-dots b.on{background:var(--accent);width:22px}
@media (max-width:767px){
  .k6-cat-arr{display:none}
  .k6-cat-slider .cf-body{padding:20px 20px 20px}
  .k6-cat-slider h2{font-size:20px}
  .k6-cat-slider p{font-size:14.5px;margin-top:10px}
}

/* Mini varyant — açıklama yok, kompakt */
.k6-cat-feat-mini .cf-img{aspect-ratio:16/10}
.k6-cat-feat-mini .cf-body{padding:18px 20px 16px;flex:1}
.k6-cat-feat-mini .cap-tag{font-size:10.5px;padding:4px 10px 3px;margin-bottom:10px;letter-spacing:.10em}
.k6-cat-feat-mini h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:16.5px;line-height:1.3;letter-spacing:-.012em;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.k6-cat-feat-mini p{display:none}
.k6-cat-feat-mini .cf-meta{
  margin-top:14px;padding-top:12px;font-size:13px;
}
@media (max-width:767px){
  .k6-cat-feat-mini h2{font-size:15.5px;-webkit-line-clamp:2}
  .k6-cat-feat-mini .cf-body{padding:14px 16px 14px}
}

/* ═══════════════════════════════════════════════════════════════
   KATEGORİ BAŞLIK BANDI + MANŞETİ — kategori sayfası
   ═══════════════════════════════════════════════════════════════ */
.k6-cat-head{
  background:
    radial-gradient(700px 280px at 50% 0%,rgba(190,158,58,.10),transparent 60%),
    var(--paper);
  border-bottom:1px solid var(--line);
  padding:44px 0 38px;
  text-align:center;
  position:relative;
}
.k6-crumb{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:500;
  color:var(--muted);
  margin-bottom:18px;
}
.k6-crumb a{color:var(--muted);transition:color .2s;text-decoration:none}
.k6-crumb a:hover{color:var(--accent)}
.k6-crumb .sep{color:var(--subtle);font-weight:400}
.k6-crumb .cur{color:var(--accent);font-weight:700}

.k6-cat-title-row{
  display:flex;flex-direction:column;align-items:center;
}
.k6-cat-kicker{
  display:inline-flex;align-items:center;gap:11px;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--accent);margin-bottom:12px;
}
.k6-cat-kicker::before,.k6-cat-kicker::after{
  content:"";width:24px;height:1.5px;background:var(--accent);border-radius:1px;
}
.k6-cat-title-row h1{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.028em;
  margin:0;
  background:linear-gradient(135deg,var(--ink) 0%,var(--ink) 55%,var(--accent) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}
.k6-cat-title-row p{
  font-family:'Hanken Grotesk',sans-serif;font-size:16px;color:var(--muted);
  line-height:1.55;font-weight:500;max-width:600px;margin:14px auto 0;
  padding:0 16px;
}

.k6-cat-subs{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;
  margin-top:28px;max-width:880px;
}
.k6-cat-subs a{
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:13.5px;
  color:var(--ink-2);text-decoration:none;letter-spacing:-.005em;
  padding:9px 17px;border-radius:999px;
  background:var(--night-2);border:1px solid var(--line);
  transition:all .22s cubic-bezier(.2,.8,.2,1);
}
.k6-cat-subs a:hover{
  background:rgba(190,158,58,.10);border-color:var(--accent);color:var(--accent);
  transform:translateY(-1px);
}
.k6-cat-subs a.on{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  box-shadow:0 6px 16px rgba(190,158,58,.30);
}

@media (max-width:767px){
  .k6-cat-head{padding:32px 0 28px}
  .k6-cat-kicker{font-size:10.5px;letter-spacing:.18em}
  .k6-cat-kicker::before,.k6-cat-kicker::after{width:18px}
  .k6-cat-title-row h1{font-size:38px}
  .k6-cat-title-row p{font-size:14.5px;margin-top:10px}
  .k6-cat-subs{margin-top:20px;gap:6px;padding:0 8px}
  .k6-cat-subs a{font-size:12.5px;padding:7px 13px}
}

/* haber detay */
/* ═══════════════════════════════════════════════════════════════
   HABER DETAY SAYFASI
   ═══════════════════════════════════════════════════════════════ */
.k6-article-head{
  background:
    radial-gradient(700px 280px at 50% 0%,rgba(190,158,58,.08),transparent 60%),
    var(--paper);
  border-bottom:1px solid var(--line);
  padding:36px 0 40px;
}
.k6-article-head > div{max-width:1280px!important}
.k6-article-hero{max-width:1280px!important}
.k6-article-head h1,
.k6-article-spot{max-width:820px}
.k6-article-foot{max-width:1280px!important}
.k6-related{max-width:1280px!important;margin-left:auto;margin-right:auto}
.k6-comments{max-width:1280px!important}
.k6-article-head .crumb{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:500;
  color:var(--muted);margin-bottom:18px;
}
.k6-article-head .crumb a{color:var(--muted);transition:color .2s;text-decoration:none}
.k6-article-head .crumb a:hover{color:var(--accent)}
.k6-article-head .crumb .sep{color:var(--subtle)}
.k6-article-head .crumb .cur{color:var(--accent);font-weight:700}
.k6-article-head h1{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:clamp(28px,3.6vw,46px);line-height:1.12;letter-spacing:-.022em;
  color:var(--ink);margin:0;max-width:920px;
}
.k6-article-spot{
  font-family:'Hanken Grotesk',sans-serif;font-weight:500;
  font-size:clamp(16px,1.6vw,19px);line-height:1.5;
  color:var(--muted);margin:18px 0 0;max-width:820px;letter-spacing:-.005em;
}
.k6-article-meta{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;
  margin-top:26px;padding-top:24px;border-top:1px solid var(--line);
}
.k6-article-meta-l{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
}
.k6-article-meta-r{
  display:inline-flex;align-items:center;gap:8px;flex-shrink:0;
}
.k6-article-meta-r a{
  width:36px;height:36px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--paper);border:1px solid var(--line);color:var(--ink-2);
  transition:all .25s cubic-bezier(.2,.8,.2,1);text-decoration:none;
}
.k6-article-meta-r a:hover{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(190,158,58,.28);
}
.k6-article-meta-r svg{width:16px;height:16px}
.k6-article-author{
  display:inline-flex;align-items:center;gap:14px;
}
.k6-article-author img{
  width:50px;height:50px;border-radius:999px;object-fit:cover;
  background:var(--line-2);
}
.k6-article-author .nm{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:16.5px;color:var(--ink);letter-spacing:-.008em;line-height:1.1;
}
.k6-article-author .role{
  display:block;font-family:'Hanken Grotesk',sans-serif;font-weight:500;
  font-size:13.5px;color:var(--muted);margin-top:4px;line-height:1;
}
.k6-article-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--subtle)}
.k6-article-meta .date{
  display:inline-flex;align-items:center;gap:9px;
  font-family:'Hanken Grotesk',sans-serif;font-size:15.5px;color:var(--ink-2);font-weight:500;
}
.k6-article-meta .date::before{
  content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);
}
.k6-article-meta .read{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'Hanken Grotesk',sans-serif;font-size:15.5px;color:var(--ink-2);font-weight:500;
}
.k6-article-meta .read svg{width:18px;height:18px;color:var(--muted)}

/* Hero görsel */
.k6-article-hero{
  margin-top:0;
}
.k6-article-hero .wrap{
  border-radius:18px;overflow:hidden;
  background:#000;
  box-shadow:0 22px 46px -18px rgba(15,15,30,.18);
}
.k6-article-hero img{
  width:100%;height:auto;display:block;
  aspect-ratio:16/9;object-fit:cover;
}
.k6-article-hero figcaption{
  font-family:'Hanken Grotesk',sans-serif;font-size:13.5px;color:var(--muted);
  margin-top:14px;line-height:1.45;padding:0 4px;font-weight:500;
  display:inline-flex;align-items:center;gap:9px;
}
.k6-article-hero figcaption::before{
  content:"";width:24px;height:1px;background:var(--accent);flex-shrink:0;
}

/* Body — sol aksiyon + orta (hero+metin) + sağ sidebar (yukarıdan sticky) */
.k6-article-body{
  display:grid;
  grid-template-columns:72px 1fr 320px;gap:32px;
  grid-template-areas:
    "actions hero side"
    "actions text side";
  padding-top:0;
  max-width:1280px;margin:0 auto;
  align-items:start;
}
.k6-article-actions{grid-area:actions}
.k6-article-body > .k6-article-hero{grid-area:hero;margin-top:0!important;padding:0!important;max-width:none!important}
.k6-article-text{grid-area:text}
.k6-article-body > .k6-side{grid-area:side}

/* Sidebar — öne çıkan haberler */
.k6-side{
  position:sticky;top:24px;align-self:start;
  background:var(--paper);border:1px solid var(--line);border-radius:18px;
  padding:22px;
  box-shadow:0 4px 14px -6px rgba(15,15,30,.08);
}
.k6-side-title{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:14.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
  margin:0 0 16px;display:flex;align-items:center;gap:10px;
}
.k6-side-title::before{
  content:"";width:18px;height:2px;background:var(--accent);border-radius:2px;
}
.k6-side-list{list-style:none;padding:0;margin:0;counter-reset:k6side}
.k6-side-list li{
  padding:14px 0;border-bottom:1px solid var(--line);
  counter-increment:k6side;
}
.k6-side-list li:last-child{border-bottom:0;padding-bottom:0}
.k6-side-list li:first-child{padding-top:0}
.k6-side-list a{
  display:flex;gap:12px;align-items:flex-start;text-decoration:none;
}
.k6-side-list img{
  width:78px;height:58px;flex-shrink:0;border-radius:10px;object-fit:cover;background:var(--line-2);
  transition:transform .4s;
}
.k6-side-list a:hover img{transform:scale(1.04)}
.k6-side-list .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.k6-side-list .cat{
  display:inline-block;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:10.5px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
}
.k6-side-list h4{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14.5px;
  line-height:1.32;letter-spacing:-.005em;color:var(--ink);margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s;
}
.k6-side-list a:hover h4{color:var(--accent)}
.k6-side-list .when{
  font-family:'Hanken Grotesk',sans-serif;font-size:12px;color:var(--muted);font-weight:500;
  margin-top:2px;
}

@media (max-width:1023px){
  .k6-article-body{
    grid-template-columns:72px 1fr;
    grid-template-areas:
      "actions hero"
      "actions text"
      "side    side";
    gap:28px;
  }
  .k6-side{position:static;margin-top:24px}
}
@media (max-width:767px){
  .k6-side-list img{width:64px;height:48px}
  .k6-side-list h4{font-size:13.5px}
}
.k6-article-actions{
  position:sticky;top:24px;
  display:flex;flex-direction:column;gap:12px;align-items:center;
  align-self:start;
  padding:14px 0;
  background:var(--paper);border:1px solid var(--line);border-radius:18px;
  box-shadow:0 4px 14px -6px rgba(15,15,30,.08);
}
.k6-aa-btn{
  width:54px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  padding:6px 4px;
  background:transparent;border:0;cursor:pointer;
  color:var(--ink);
  font-family:'Hanken Grotesk',sans-serif;font-size:12.5px;font-weight:700;
  font-variant-numeric:tabular-nums;
  transition:transform .25s cubic-bezier(.2,.8,.2,1),color .22s;
}
.k6-aa-btn:hover{transform:translateY(-2px)}
.k6-aa-btn svg{width:22px;height:22px;display:block;color:var(--ink-2);transition:transform .25s,color .22s}
.k6-aa-btn:hover svg{transform:scale(1.12)}
.k6-aa-btn.like:hover{color:#E5484D}
.k6-aa-btn.like:hover svg{color:#E5484D;fill:rgba(229,72,77,.18)}
.k6-aa-btn.save:hover{color:var(--accent)}
.k6-aa-btn.save:hover svg{color:var(--accent)}
.k6-article-actions hr{
  width:32px;height:1px;background:var(--line);border:0;margin:2px 0;
}

.k6-article-text{
  font-family:'Hanken Grotesk',sans-serif;
  font-size:18px;line-height:1.7;color:var(--ink-2);
  letter-spacing:-.003em;font-weight:400;
}
.k6-article-text > p{margin:0 0 22px}
.k6-article-text > p:first-child::first-letter{
  font-weight:800;font-size:1.05em;color:var(--ink);
}
.k6-article-text h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:26px;line-height:1.22;letter-spacing:-.018em;color:var(--ink);
  margin:36px 0 16px;padding-left:18px;border-left:4px solid var(--accent);
}
.k6-article-text h3{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:20px;line-height:1.3;letter-spacing:-.012em;color:var(--ink);
  margin:28px 0 12px;
}
.k6-article-text blockquote{
  margin:32px 0;padding:24px 28px;
  background:var(--night-2);border:1px solid var(--line);border-radius:14px;
  border-left:4px solid var(--accent);
  font-family:'Hanken Grotesk',sans-serif;font-weight:500;font-style:italic;
  font-size:19px;line-height:1.55;color:var(--ink);letter-spacing:-.012em;
}
.k6-article-text blockquote cite{
  display:block;font-style:normal;font-weight:700;font-size:14px;
  color:var(--muted);margin-top:12px;letter-spacing:0;
}
.k6-article-text blockquote cite::before{
  content:"— ";color:var(--accent);
}
.k6-article-text a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.k6-article-text a:hover{color:var(--accent-2)}
.k6-article-text ul{margin:0 0 22px;padding-left:22px}
.k6-article-text ul li{margin:8px 0}
.k6-article-text ul li::marker{color:var(--accent)}
.k6-article-figure{
  margin:36px 0;
}
.k6-article-figure img{
  width:100%;display:block;border-radius:14px;
  aspect-ratio:16/9;object-fit:cover;background:#000;
}
.k6-article-figure figcaption{
  font-family:'Hanken Grotesk',sans-serif;font-size:13.5px;color:var(--muted);
  margin-top:12px;line-height:1.45;padding:0 4px;font-weight:500;
}

/* Etiketler + paylaş */
.k6-article-foot{
  max-width:920px;margin:36px auto 0;
  padding-top:28px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
}
.k6-article-tags{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
}
.k6-article-tags .lbl{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:4px;
}
.k6-article-tags a{
  display:inline-flex;align-items:center;
  font-family:'Hanken Grotesk',sans-serif;font-weight:600;font-size:13px;
  color:var(--ink-2);text-decoration:none;
  padding:7px 14px;border-radius:999px;
  background:var(--night-2);border:1px solid var(--line);
  transition:all .22s;
}
.k6-article-tags a:hover{
  background:rgba(190,158,58,.10);border-color:var(--accent);color:var(--accent);
}
.k6-article-share{display:flex;align-items:center;gap:8px}
.k6-article-share .lbl{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:11.5px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:4px;
}
.k6-article-share a{
  width:36px;height:36px;border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--paper);border:1px solid var(--line);color:var(--ink-2);
  transition:all .25s;text-decoration:none;
}
.k6-article-share a:hover{
  background:var(--accent);border-color:var(--accent);color:#0E0E12;
  transform:translateY(-2px);
}
.k6-article-share svg{width:16px;height:16px}

/* İlgili haberler */
.k6-related{margin-top:54px}
.k6-related .sec-head-v2{margin-bottom:22px}
.k6-related-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}

/* Yorumlar */
.k6-comments{margin-top:48px;max-width:820px;margin-left:auto;margin-right:auto}
.k6-comments-head{
  display:flex;align-items:baseline;gap:11px;
  margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line);
}
.k6-comments-head h2{
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:22px;letter-spacing:-.015em;color:var(--ink);margin:0;
}
.k6-comments-head .count{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14px;
  color:var(--accent);background:rgba(190,158,58,.12);
  padding:3px 10px;border-radius:999px;
}
.k6-comment-form{
  display:flex;align-items:flex-start;gap:14px;
  background:var(--paper);border:1px solid var(--line);border-radius:14px;
  padding:14px;margin-bottom:32px;
}
.k6-comment-form .av{
  width:42px;height:42px;border-radius:999px;flex-shrink:0;
  background:linear-gradient(135deg,var(--accent),#9F8230);
  display:inline-flex;align-items:center;justify-content:center;
  color:#0E0E12;font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:16px;
}
.k6-comment-form textarea{
  flex:1;min-height:48px;
  background:var(--night-2);border:1px solid var(--line);border-radius:10px;
  padding:12px 14px;
  font-family:'Hanken Grotesk',sans-serif;font-size:14.5px;font-weight:500;
  color:var(--ink);outline:0;resize:vertical;
  transition:all .22s;
}
.k6-comment-form textarea:focus{
  border-color:var(--accent);background:var(--paper);
  box-shadow:0 0 0 3px rgba(190,158,58,.14);
}
.k6-comment-form .submit{
  flex-shrink:0;align-self:flex-end;
  padding:10px 18px;border-radius:10px;
  background:var(--accent);color:#0E0E12;border:0;cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;font-size:13.5px;
  transition:all .22s;
}
.k6-comment-form .submit:hover{background:#CBA94A;transform:translateY(-1px)}

.k6-comment{
  display:flex;align-items:flex-start;gap:14px;
  padding:18px 0;border-bottom:1px solid var(--line);
}
.k6-comment:last-child{border-bottom:0}
.k6-comment .av{
  width:42px;height:42px;border-radius:999px;flex-shrink:0;
  object-fit:cover;background:var(--line-2);
}
.k6-comment .body{flex:1;min-width:0}
.k6-comment .head{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-bottom:6px;
}
.k6-comment .nm{
  font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:14.5px;color:var(--ink);
}
.k6-comment .when{
  font-family:'Hanken Grotesk',sans-serif;font-size:12.5px;color:var(--muted);font-weight:500;
}
.k6-comment p{
  margin:0;font-family:'Hanken Grotesk',sans-serif;font-size:15px;
  line-height:1.55;color:var(--ink-2);font-weight:500;
}
.k6-comment .acts{
  display:flex;align-items:center;gap:14px;margin-top:8px;
}
.k6-comment .acts button{
  background:transparent;border:0;cursor:pointer;
  font-family:'Hanken Grotesk',sans-serif;font-size:12.5px;font-weight:600;
  color:var(--muted);
  display:inline-flex;align-items:center;gap:6px;
  transition:color .2s;
}
.k6-comment .acts button:hover{color:var(--accent)}
.k6-comment .acts svg{width:14px;height:14px}

@media (max-width:899px){
  .k6-article-body{
    grid-template-columns:1fr;
    grid-template-areas:
      "actions"
      "hero"
      "text"
      "side";
    gap:0;
  }
  .k6-article-actions{
    position:static;flex-direction:row;
    width:auto;padding:8px 12px;margin-bottom:18px;
    align-self:auto;
  }
  .k6-article-actions hr{
    width:1px;height:24px;margin:0 4px;
  }
  .k6-aa-btn{
    flex-direction:row;width:auto;padding:6px 10px;gap:7px;
  }
  .k6-aa-btn svg{width:18px;height:18px}
  .k6-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .k6-article-head{padding:24px 0 30px}
  .k6-article-head h1{font-size:26px}
  .k6-article-spot{font-size:15.5px}
  .k6-article-text{font-size:16.5px;line-height:1.65}
  .k6-article-text h2{font-size:22px}
  .k6-article-text blockquote{padding:18px 20px;font-size:16.5px}
  .k6-article-foot{flex-direction:column;align-items:flex-start;gap:18px}

  /* Body grid'ine meta satırı ekleniyor (JS hero altına yerleştiriyor) */
  .k6-article-body{
    grid-template-areas:
      "actions"
      "hero"
      "meta"
      "text"
      "side";
  }
  .k6-article-meta{grid-area:meta}

  /* Yazar meta — mobilde hero altına taşınıyor (JS) + temiz grid yerleşim */
  .k6-article-meta{
    display:grid;
    grid-template-columns:auto 1fr auto;
    column-gap:12px;row-gap:10px;
    align-items:center;
    margin-top:14px;padding-top:14px;
    border-top:1px solid var(--line);
  }
  .k6-article-meta-l{display:contents}
  .k6-article-author{display:contents}
  .k6-article-author img{
    grid-column:1;grid-row:1;
    width:42px;height:42px;
  }
  .k6-article-author > div{
    grid-column:2;grid-row:1;
    display:flex;flex-direction:column;gap:2px;min-width:0;
  }
  .k6-article-author .nm{font-size:14.5px;line-height:1.18}
  .k6-article-author .role{font-size:12px;margin-top:0;line-height:1.15}
  .k6-article-meta-r{
    grid-column:3;grid-row:1;
    gap:6px;align-self:center;
  }
  .k6-article-meta-r a{width:32px;height:32px}
  .k6-article-meta-r svg{width:13px;height:13px}
  .k6-article-meta-l .dot{display:none}
  .k6-article-meta .date{
    grid-column:1 / span 2;grid-row:2;
    font-size:12.5px;color:var(--muted);gap:7px;
  }
  .k6-article-meta .date::before{width:5px;height:5px}
  .k6-article-meta .read{
    grid-column:3;grid-row:2;
    justify-self:end;font-size:12.5px;color:var(--muted);gap:6px;
  }
  .k6-article-meta .read svg{width:14px;height:14px}
}
/* utilities */
@keyframes spin{to{transform:rotate(360deg)}}
.\!bg-\[var\(--color-primary\)\]{background-color:var(--color-primary) !important}
.\!mt-1{margin-top:0.25rem !important}
.\!no-underline{text-decoration-line:none !important}
.\!text-white{color:#fff !important}
.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}
.-translate-y-1\/2{transform:translateY(-50%)}
.absolute{position:absolute}
.animate-spin{animation:spin 1s linear infinite}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.aspect-\[16\/10\]{aspect-ratio:16/10}
.aspect-\[16\/9\]{aspect-ratio:16/9}
.aspect-\[4\/3\]{aspect-ratio:4/3}
.aspect-\[4\/5\]{aspect-ratio:4/5}
.aspect-video{aspect-ratio:16/9}
.backdrop-blur-md{backdrop-filter:blur(12px)}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}
.bg-\[var\(--color-card\)\]{background-color:var(--color-card)}
.bg-\[var\(--color-primary\)\]{background-color:var(--color-primary)}
.bg-\[var\(--color-primary-50\)\]{background-color:var(--color-primary-50)}
.bg-\[var\(--color-success\)\]{background-color:var(--color-success)}
.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}
.bg-black{background-color:#000}
.bg-black\/40{background-color:rgba(0,0,0,0.4)}
.bg-black\/45{background-color:rgba(0,0,0,0.45)}
.bg-black\/50{background-color:rgba(0,0,0,0.5)}
.bg-blue-50{background-color:#eff6ff}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.bg-gray-900{background-color:#111827}
.bg-green-50{background-color:#f0fdf4}
.bg-green-600{background-color:#16a34a}
.bg-red-50{background-color:#fef2f2}
.bg-red-500\/60{background-color:rgba(239,68,68,0.6)}
.bg-transparent{background-color:transparent}
.bg-white{background-color:#fff}
.bg-white\/20{background-color:rgba(255,255,255,0.2)}
.bg-yellow-400{background-color:#facc15}
.block{display:block}
.border-2{border-width:2px}
.border-4{border-width:4px}
.border-\[var\(--color-border\)\]{border-color:var(--color-border)}
.border-\[var\(--color-primary\)\]{border-color:var(--color-primary)}
.border-\[var\(--color-primary-50\)\]{border-color:var(--color-primary-50)}
.border-b{border-bottom-width:1px}
.border-b-1{border-bottom-width:1px}
.border-b-2{border-bottom-width:2px}
.border-green-200{border-color:#bbf7d0}
.border-l{border-left-width:1px}
.border-r{border-right-width:1px}
.border-red-200{border-color:#fecaca}
.border-t{border-top-width:1px}
.border-t-2{border-top-width:2px}
.border-t-transparent{border-top-color:transparent}
.border-transparent{border-color:transparent}
.border-white{border-color:#fff}
.border-white\/30{border-color:rgba(255,255,255,0.3)}
.bottom-0{bottom:0}
.bottom-4{bottom:1rem}
.col-span-1{grid-column:span 1/span 1}
.col-span-12{grid-column:span 12/span 12}
.col-span-6{grid-column:span 6/span 6}
.cursor-not-allowed{cursor:not-allowed}
body[data-theme="dark"] .dark\:bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}
body[data-theme="dark"] .dark\:bg-blue-400\/20{background-color:rgba(96,165,250,0.2)}
body[data-theme="dark"] .dark\:bg-blue-500\/10{background-color:rgba(59,130,246,0.1)}
body[data-theme="dark"] .dark\:bg-gray-500\/10{background-color:rgba(107,114,128,0.1)}
body[data-theme="dark"] .dark\:bg-green-500\/10{background-color:rgba(34,197,94,0.1)}
body[data-theme="dark"] .dark\:bg-green-900\/20{background-color:rgba(20,83,45,0.2)}
body[data-theme="dark"] .dark\:bg-red-900\/20{background-color:rgba(127,29,29,0.2)}
body[data-theme="dark"] .dark\:bg-sky-500\/10{background-color:rgba(14,165,233,0.1)}
body[data-theme="dark"] .dark\:border-green-800{border-color:#166534}
body[data-theme="dark"] .dark\:border-red-800{border-color:#991b1b}
body[data-theme="dark"] .dark\:hover\:bg-\[var\(--color-border\)\]:hover{background-color:var(--color-border)}
body[data-theme="dark"] .dark\:hover\:bg-blue-500\/30:hover{background-color:rgba(59,130,246,0.3)}
body[data-theme="dark"] .dark\:hover\:bg-gray-500\/30:hover{background-color:rgba(107,114,128,0.3)}
body[data-theme="dark"] .dark\:hover\:bg-green-500\/30:hover{background-color:rgba(34,197,94,0.3)}
body[data-theme="dark"] .dark\:hover\:bg-sky-500\/30:hover{background-color:rgba(14,165,233,0.3)}
body[data-theme="dark"] .dark\:text-\[var\(--color-text\)\]{font-size:var(--color-text)}
body[data-theme="dark"] .dark\:text-green-300{color:#86efac}
body[data-theme="dark"] .dark\:text-red-300{color:#fca5a5}
.duration-200{transition-duration:200ms}
.duration-300{transition-duration:300ms}
.duration-500{transition-duration:500ms}
.file\:bg-\[var\(--color-primary\)\]::file-selector-button{background-color:var(--color-primary)}
.file\:border-0::file-selector-button{border-width:0}
.file\:font-semibold::file-selector-button{font-weight:600}
.file\:mr-4::file-selector-button{margin-right:1rem}
.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem}
.file\:py-2::file-selector-button{padding-top:0.5rem;padding-bottom:0.5rem}
.file\:rounded-lg::file-selector-button{border-radius:0.5rem}
.file\:text-sm::file-selector-button{font-size:0.875rem;line-height:1.25rem}
.file\:text-white::file-selector-button{color:#fff}
.fixed{position:fixed}
.flex{display:flex}
.grid{display:grid}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.flex-1{flex:1 1 0%}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-shrink-0{flex-shrink:0}
.flex-wrap{flex-wrap:wrap}
.focus\:border-\[var\(--color-primary\)\]:focus{border-color:var(--color-primary)}
.focus\:border-white:focus{border-color:#fff}
.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color,#3b82f6)}
.focus\:ring-\[var\(--color-primary\)\]:focus{--tw-ring-color:var(--color-primary)}
.focus\:ring-white:focus{--tw-ring-color:#fff}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.from-\[var\(--color-primary\)\]{--tw-gradient-from:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-\[var\(--color-primary-50\)\]{--tw-gradient-from:var(--color-primary-50);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-black\/60{--tw-gradient-from:rgba(0,0,0,0.6);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.from-yellow-400{--tw-gradient-from:#facc15;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}
.gap-1{gap:0.25rem}
.gap-1\.5{gap:0.375rem}
.gap-2{gap:0.5rem}
.gap-3{gap:0.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.group:hover .group-hover\:border-\[var\(--color-primary\)\]{border-color:var(--color-primary)}
.group:hover .group-hover\:border-b-1{border-bottom-width:1px}
.group:hover .group-hover\:opacity-100{opacity:1}
.group:hover .group-hover\:scale-110{transform:scale(1.1)}
.group:hover .group-hover\:text-\[var\(--color-primary\)\]{font-size:var(--color-primary)}
.group:hover .group-hover\:translate-x-1{transform:translateX(0.25rem)}
.group:hover .group-hover\:translate-y-\[-5px\]{transform:translateY(-5px)}
.h-10{height:2.5rem}
.h-12{height:3rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-24{height:6rem}
.h-32{height:8rem}
.h-48{height:12rem}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-8{height:2rem}
.h-9{height:2.25rem}
.h-auto{height:auto}
.h-full{height:100%}
.hidden{display:none}
.hover\:\!bg-\[var\(--color-primary-600\)\]:hover{background-color:var(--color-primary-600) !important}
.hover\:-translate-y-0\.5:hover{transform:translateY(-0.125rem)}
.hover\:bg-\[var\(--color-border\)\]:hover{background-color:var(--color-border)}
.hover\:bg-\[var\(--color-primary\)\]:hover{background-color:var(--color-primary)}
.hover\:bg-\[var\(--color-primary-50\)\]:hover{background-color:var(--color-primary-50)}
.hover\:bg-\[var\(--color-primary-600\)\]:hover{background-color:var(--color-primary-600)}
.hover\:bg-\[var\(--color-surface\)\]:hover{background-color:var(--color-surface)}
.hover\:bg-blue-100:hover{background-color:#dbeafe}
.hover\:bg-gray-100:hover{background-color:#f3f4f6}
.hover\:bg-gray-900:hover{background-color:#111827}
.hover\:bg-green-100:hover{background-color:#dcfce7}
.hover\:bg-green-700:hover{background-color:#15803d}
.hover\:bg-red-600\/80:hover{background-color:rgba(220,38,38,0.8)}
.hover\:bg-white\/90:hover{background-color:rgba(255,255,255,0.9)}
.hover\:border-\[var\(--color-primary\)\]:hover{border-color:var(--color-primary)}
.hover\:file\:bg-\[var\(--color-primary-600\)\]:hover::file-selector-button{background-color:var(--color-primary-600)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.hover\:text-\[var\(--color-primary\)\]:hover{font-size:var(--color-primary)}
.hover\:text-\[var\(--color-primary-600\)\]:hover{font-size:var(--color-primary-600)}
.hover\:text-\[var\(--color-text\)\]:hover{font-size:var(--color-text)}
.hover\:text-gray-300:hover{color:#d1d5db}
.hover\:text-white:hover{color:#fff}
.hover\:underline:hover{text-decoration-line:underline}
.inline-flex{display:inline-flex}
.inset-0{top:0;right:0;bottom:0;left:0}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.justify-end{justify-content:flex-end}
.justify-start{justify-content:flex-start}
.leading-relaxed{line-height:1.625}
.leading-snug{line-height:1.375}
.leading-tight{line-height:1.25}
.left-0{left:0}
.left-1{left:0.25rem}
.left-2{left:0.5rem}
.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.list-disc{list-style-type:disc}
.list-inside{list-style-position:inside}
.max-h-\[590px\]{max-height:590px}
.max-h-\[calc\(100vh-15rem\)\]{max-height:calc(100vh-15rem)}
.max-w-40{max-width:10rem}
.max-w-48{max-width:12rem}
.max-w-7xl{max-width:80rem}
.max-w-\[1480px\]{max-width:1480px}
.max-w-\[920px\]{max-width:920px}
.max-w-lg{max-width:32rem}
.max-w-md{max-width:28rem}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:0.25rem}
.mb-12{margin-bottom:3rem}
.mb-2{margin-bottom:0.5rem}
.mb-3{margin-bottom:0.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.mb-8{margin-bottom:2rem}
.ml-0\.5{margin-left:0.125rem}
.ml-8{margin-left:2rem}
.ml-auto{margin-left:auto}
.mt-1{margin-top:0.25rem}
.mt-12{margin-top:3rem}
.mt-2{margin-top:0.5rem}
.mt-24{margin-top:6rem}
.mt-3{margin-top:0.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mx-auto{margin-left:auto;margin-right:auto}
.my-4{margin-top:1rem;margin-bottom:1rem}
.my-8{margin-top:2rem;margin-bottom:2rem}
.no-underline{text-decoration-line:none}
.object-cover{object-fit:cover}
.opacity-0{opacity:0}
.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.overflow-x-hidden{overflow-x:hidden}
.overflow-y-auto{overflow-y:auto}
.p-2{padding:0.5rem}
.p-3{padding:0.75rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.pb-10{padding-bottom:2.5rem}
.pb-2{padding-bottom:0.5rem}
.pb-4{padding-bottom:1rem}
.pl-2{padding-left:0.5rem}
.pl-4{padding-left:1rem}
.placeholder-white\/70::placeholder{color:rgba(255,255,255,0.7)}
.pt-12{padding-top:3rem}
.pt-4{padding-top:1rem}
.pt-6{padding-top:1.5rem}
.pt-8{padding-top:2rem}
.px-1{padding-left:0.25rem;padding-right:0.25rem}
.px-2{padding-left:0.5rem;padding-right:0.5rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.px-3{padding-left:0.75rem;padding-right:0.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.py-16{padding-top:4rem;padding-bottom:4rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.relative{position:relative}
.resize-none{resize:none}
.right-0{right:0}
.right-2{right:0.5rem}
.right-4{right:1rem}
.right-6{right:1.5rem}
.ring-2{box-shadow:0 0 0 2px var(--tw-ring-color,#3b82f6)}
.ring-4{box-shadow:0 0 0 4px var(--tw-ring-color,#3b82f6)}
.ring-\[var\(--color-border\)\]{--tw-ring-color:var(--color-border)}
.ring-\[var\(--color-primary\)\]\/20{--tw-ring-color:color-mix(in srgb, var(--color-primary) 20%, transparent)}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.rounded-lg{border-radius:0.5rem}
.rounded-md{border-radius:0.375rem}
.rounded-xl{border-radius:0.75rem}
.scroll-smooth{scroll-behavior:smooth}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.shrink-0{flex-shrink:0}
.space-x-4 > * + *{margin-left:1rem}
.space-y-1 > * + *{margin-top:0.25rem}
.space-y-3 > * + *{margin-top:0.75rem}
.space-y-4 > * + *{margin-top:1rem}
.space-y-6 > * + *{margin-top:1.5rem}
.sticky{position:sticky}
.text-2xl{font-size:1.5rem;line-height:2rem}
.text-3xl{font-size:1.875rem;line-height:2.25rem}
.text-5xl{font-size:3rem;line-height:1}
.text-\[10px\]{font-size:10px}
.text-\[var\(--color-muted\)\]{font-size:var(--color-muted)}
.text-\[var\(--color-primary\)\]{font-size:var(--color-primary)}
.text-\[var\(--color-text\)\]{font-size:var(--color-text)}
.text-base{font-size:1rem;line-height:1.5rem}
.text-black{color:#000}
.text-blue-500{color:#3b82f6}
.text-blue-600{color:#2563eb}
.text-blue-700{color:#1d4ed8}
.text-center{text-align:center}
.text-green-600{color:#16a34a}
.text-green-700{color:#15803d}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-orange-600{color:#ea580c}
.text-pink-500{color:#ec4899}
.text-red-500{color:#ef4444}
.text-red-600{color:#dc2626}
.text-red-700{color:#b91c1c}
.text-sky-500{color:#0ea5e9}
.text-sm{font-size:0.875rem;line-height:1.25rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-xs{font-size:0.75rem;line-height:1rem}
.to-\[var\(--color-primary-600\)\]{--tw-gradient-to:var(--color-primary-600)}
.to-orange-500{--tw-gradient-to:#f97316}
.to-transparent{--tw-gradient-to:transparent}
.top-0{top:0}
.top-1\/2{top:50%}
.top-2{top:0.5rem}
.top-6{top:1.5rem}
.tracking-tight{letter-spacing:-0.025em}
.tracking-wider{letter-spacing:0.05em}
.transform{transform:translate(var(--tw-tx,0),var(--tw-ty,0)) rotate(var(--tw-rot,0)) scale(var(--tw-sca,1))}
.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-border{transition-property:border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-colors{transition-property:color,background-color,border-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}
.uppercase{text-transform:uppercase}
.via-transparent{--tw-gradient-stops:var(--tw-gradient-from),transparent,var(--tw-gradient-to,transparent)}
.w-10{width:2.5rem}
.w-12{width:3rem}
.w-14{width:3.5rem}
.w-16{width:4rem}
.w-24{width:6rem}
.w-32{width:8rem}
.w-5{width:1.25rem}
.w-8{width:2rem}
.w-9{width:2.25rem}
.w-96{width:24rem}
.w-auto{width:auto}
.w-fit{width:fit-content}
.w-full{width:100%}
.whitespace-nowrap{white-space:nowrap}
.z-10{z-index:10}
.z-20{z-index:20}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
@media (min-width:640px){
  .sm\:flex-row{flex-direction:row}
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:items-center{align-items:center}
  .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}
}
@media (min-width:768px){
  .md\:-mx-8{margin-left:-2rem;margin-right:-2rem}
  .md\:block{display:block}
  .md\:flex-row{flex-direction:row}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:items-start{align-items:flex-start}
  .md\:justify-start{justify-content:flex-start}
  .md\:p-8{padding:2rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-left{text-align:left}
  .md\:w-auto{width:auto}
}
@media (min-width:1024px){
  .lg\:\!hidden{display:none !important}
  .lg\:block{display:block}
  .lg\:border-l{border-left-width:1px}
  .lg\:col-span-1{grid-column:span 1/span 1}
  .lg\:col-span-2{grid-column:span 2/span 2}
  .lg\:col-span-3{grid-column:span 3/span 3}
  .lg\:col-span-4{grid-column:span 4/span 4}
  .lg\:col-span-6{grid-column:span 6/span 6}
  .lg\:col-span-8{grid-column:span 8/span 8}
  .lg\:flex{display:flex}
  .lg\:flex-row{flex-direction:row}
  .lg\:gap-0{gap:0}
  .lg\:gap-4{gap:1rem}
  .lg\:gap-6{gap:1.5rem}
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
  .lg\:h-14{height:3.5rem}
  .lg\:hidden{display:none}
  .lg\:items-center{align-items:center}
  .lg\:max-h-\[calc\(100vh-15rem\)\]{max-height:calc(100vh-15rem)}
  .lg\:max-w-60{max-width:15rem}
  .lg\:mb-6{margin-bottom:1.5rem}
  .lg\:mr-12{margin-right:3rem}
  .lg\:order-none{order:0}
  .lg\:p-4{padding:1rem}
  .lg\:p-6{padding:1.5rem}
  .lg\:p-8{padding:2rem}
  .lg\:px-0{padding-left:0;padding-right:0}
  .lg\:px-2{padding-left:0.5rem;padding-right:0.5rem}
  .lg\:px-4{padding-left:1rem;padding-right:1rem}
  .lg\:px-8{padding-left:2rem;padding-right:2rem}
  .lg\:py-0{padding-top:0;padding-bottom:0}
  .lg\:py-12{padding-top:3rem;padding-bottom:3rem}
  .lg\:py-2{padding-top:0.5rem;padding-bottom:0.5rem}
  .lg\:py-4{padding-top:1rem;padding-bottom:1rem}
  .lg\:py-8{padding-top:2rem;padding-bottom:2rem}
  .lg\:rounded-2xl{border-radius:1rem}
  .lg\:text-2xl{font-size:1.5rem;line-height:2rem}
  .lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .lg\:text-base{font-size:1rem;line-height:1.5rem}
  .lg\:text-sm{font-size:0.875rem;line-height:1.25rem}
  .lg\:text-xl{font-size:1.25rem;line-height:1.75rem}
  .lg\:text-xs{font-size:0.75rem;line-height:1rem}
  .lg\:w-14{width:3.5rem}
  .lg\:w-3\/5{width:60%}
  .lg\:w-64{width:16rem}
  .lg\:w-\[130px\]{width:130px}
}
@media (min-width:1280px){
  .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* eksik temel utility'ler + trend bandı alt boşluğu */
.border{border-width:1px}
.w-1{width:0.25rem}
.k6-trend{margin-bottom:42px}
.text-white{color:#fff}

/* compact-card premium stili — tüm haber grid'lerine (id'siz, class bazlı) */
.compact-card{
  border:1px solid var(--line);border-radius:18px;overflow:hidden;
  background:var(--paper);display:flex;flex-direction:column;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s;
}
.compact-card:hover{
  transform:translateY(-5px);border-color:var(--line-2);
  box-shadow:0 22px 46px -18px rgba(15,15,30,.24);
}
.compact-card .card-img{border-radius:0;position:relative}
.compact-card .card-img::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(0,0,0,.22),transparent 40%);
  opacity:0;transition:opacity .32s;
}
.compact-card:hover .card-img::after{opacity:1}
.compact-card .card-pad{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.compact-card .cat{
  display:inline-flex;align-items:center;gap:9px;align-self:flex-start;
  font-family:'Hanken Grotesk',sans-serif;font-weight:800;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);
}
.compact-card .cat::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--accent);flex-shrink:0}
.compact-card .h-card{
  margin-top:13px;font-family:'Hanken Grotesk',sans-serif;font-weight:700;
  font-size:18px;line-height:1.34;letter-spacing:-.016em;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.compact-card:hover .h-card{color:var(--accent)}
.compact-card .ts{
  display:flex;align-items:center;gap:9px;margin-top:20px;padding-top:18px;
  border-top:1px solid var(--line);font-family:'Hanken Grotesk',sans-serif;
  font-size:14px;color:var(--muted);font-weight:500;
}
.compact-card .ts::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}
.compact-card:hover .ts{border-top-color:var(--line-2)}

/* eksik col-span varyantları (Manşet 7/5 düzeni) */
.col-span-5{grid-column:span 5/span 5}
.col-span-7{grid-column:span 7/span 7}
@media (min-width:1024px){
  .lg\:col-span-5{grid-column:span 5/span 5}
  .lg\:col-span-7{grid-column:span 7/span 7}
}
.p-8{padding:2rem}

/* bölümler arası boşluğu biraz artır (mt-10 yalnız section kaplarında kullanılıyor) */
.mt-10{margin-top:3.5rem}

/* mobil/tablet: çok-kartlı slider'lar parmakla kaydırılır (native scroll + snap) */
@media (max-width:1023px){
  .k6-slider{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}
  .k6-slider::-webkit-scrollbar{display:none}
  .k6-slider .k6-slider-track{transform:none!important}
  .k6-slider .k6-slider-track>*{scroll-snap-align:start}
}