/*
Theme Name: TR Armory
Theme URI: https://trarmory.com.tr
Author: TR Armory
Description: Ateşli silah, mühimmat, savunma, avcılık ve outdoor sektörleri için kurumsal haber/dergi teması. Eklentisiz çalışır: Özelleştirici ile yönetilen anasayfa bölümleri, reklam yönetimi (geçişli/rastgele, tarih ve cihaz hedefleme, istatistik), Video / Organizasyon / Üretici / Dergi içerik türleri, form kayıtları ve tek tık kurulum sihirbazı.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: trarmory
*/

/* ==========================================================================
   TR ARMORY — Ana stil dosyası
   Yapı: 1) Değişkenler  2) Temel  3) Yardımcılar  4) Header  5) Navigasyon
         6) Ticker  7) Bileşenler (kart, başlık, buton)  8) Anasayfa bölümleri
         9) Alt sayfalar  10) Footer  11) Responsive
   WordPress'e taşırken bu dosya style.css olarak tema köküne kopyalanabilir.
   ========================================================================== */

/* 1) Değişkenler ---------------------------------------------------------- */
:root {
  --red: #CE1515;
  --red-dark: #A80F0F;
  --ink: #12110C;
  --text: #2B2D31;
  --muted: #6B7079;
  --line: #E4E6EA;
  --bg-soft: #F3F4F6;
  --navy: #1E2832;
  --navy-2: #151C24;
  --navy-3: #2A3642;
  --white: #fff;
  --radius: 2px;
  --container: 1440px;
  --gutter: 20px;
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-head: "Inter Tight", "Inter Display", "Inter", system-ui, Arial, sans-serif;
  --shadow: 0 10px 30px rgba(18, 17, 12, .08);
  --t: .2s ease;
}

/* 2) Temel ---------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  margin: 0; font-family: var(--font); font-size: 15px; line-height: 1.55;
  color: var(--text); background: #fff; -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: color var(--t); }
a:hover { color: var(--red); }
h1, h2, h3, h4, h5 { font-family: var(--font-head); color: var(--ink); line-height: 1.15; margin: 0 0 .5em; font-weight: 800; letter-spacing: -.02em; }
p { margin: 0 0 1em; }
ul, ol { margin: 0; padding: 0; list-style: none; }
dl, figure { margin: 0; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
.icon { width: 1em; height: 1em; display: inline-block; vertical-align: middle; flex-shrink: 0; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.icon.fill { fill: currentColor; stroke: none; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }

/* 3) Yardımcılar ---------------------------------------------------------- */
.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); }
.section { padding: 32px 0; }
.section--soft { background: var(--bg-soft); }
.section--dark { background: var(--navy); color: #C9D0D8; }
.section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4 { color: #fff; }
.grid { display: grid; gap: 20px; }
.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }
.grid > *, .layout > * { min-width: 0; }
.layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 24px; align-items: start; }
.stack > * + * { margin-top: 20px; }
.muted { color: var(--muted); }
.text-red { color: var(--red); }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.center { text-align: center; }

/* 4) Üst bar + Header ----------------------------------------------------- */
.topbar { background: var(--bg-soft); font-size: 13.5px; color: #4A4E55; }
.topbar .container { display: flex; align-items: center; justify-content: space-between; height: 42px; }
.topbar__left, .topbar__right { display: flex; align-items: center; height: 100%; }
.topbar__left > * + *, .topbar__mail { border-left: 1px solid #D4D7DC; }
.topbar__left > * { padding: 0 22px; line-height: 1; }
.topbar__left > :first-child { padding-left: 0; display: flex; align-items: center; gap: 10px; }
.topbar__left .icon { font-size: 17px; color: #9AA0A8; }
.topbar__mail { padding: 0 26px; border-left: 0; border-right: 1px solid #D4D7DC; line-height: 1; }
.social { display: flex; align-items: center; gap: 16px; padding: 0 24px; }
.social a { color: var(--ink); font-size: 18px; display: inline-flex; }
.social a:hover { color: var(--red); }
.lang { position: relative; height: 100%; }
.lang__btn { height: 100%; background: var(--red); color: #fff; padding: 0 18px; font-weight: 600; font-size: 13.5px; display: flex; align-items: center; gap: 8px; }
.lang__btn .icon { font-size: 12px; transition: transform var(--t); }
.lang.is-open .lang__btn .icon { transform: rotate(180deg); }
.lang__menu { position: absolute; right: 0; top: 100%; background: #fff; min-width: 140px; box-shadow: var(--shadow); z-index: 60; display: none; }
.lang.is-open .lang__menu { display: block; }
.lang__menu a { display: block; padding: 10px 16px; font-size: 14px; border-bottom: 1px solid var(--line); }
.lang__menu a.is-active { color: var(--red); font-weight: 600; }

.site-header { position: relative; overflow: hidden; background: #fff; }
.site-header::after { /* sağdaki bulut/sis dokusu */
  content: ""; position: absolute; inset: 0 0 0 auto; width: 55%;
  background:
    radial-gradient(ellipse 40% 60% at 85% 20%, rgba(210, 216, 224, .55), transparent 70%),
    radial-gradient(ellipse 35% 50% at 65% 85%, rgba(220, 224, 230, .5), transparent 70%),
    radial-gradient(ellipse 30% 45% at 98% 80%, rgba(200, 206, 214, .5), transparent 70%),
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 40%);
  pointer-events: none;
}
.site-header .container { position: relative; z-index: 1; display: flex; align-items: center; height: 142px; }
.brand { display: flex; align-items: center; }
.brand img { height: 80px; width: auto; }
.brand__slogan { margin-left: 34px; padding-left: 32px; border-left: 1px solid #D7DADF; font-size: 19px; line-height: 1.25; color: #3A3D42; height: 62px; display: flex; flex-direction: column; justify-content: center; }
.brand__slogan strong { font-weight: 600; color: var(--ink); }
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 28px; }
.issue-teaser { display: flex; align-items: center; gap: 14px; padding: 10px 18px 10px 10px; background: rgba(255,255,255,.75); border: 1px solid var(--line); backdrop-filter: blur(4px); }
.issue-teaser img { width: 54px; height: 72px; object-fit: cover; box-shadow: 0 4px 10px rgba(0,0,0,.15); }
.issue-teaser small { display: block; font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.issue-teaser strong { display: block; font-size: 15px; color: var(--ink); line-height: 1.3; }
.issue-teaser span { font-size: 13px; color: var(--red); font-weight: 600; }
.icon-btn { width: 46px; height: 46px; border: 1px solid var(--line); background: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 19px; color: var(--ink); transition: all var(--t); }
.icon-btn:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.burger { display: none; }

/* 5) Ana navigasyon ------------------------------------------------------- */
.main-nav { background: var(--navy); position: sticky; top: 0; z-index: 50; }
.main-nav .container { display: flex; align-items: stretch; height: 50px; }
.nav-home { width: 62px; display: flex; align-items: center; justify-content: center; background: var(--navy-3); color: #fff; font-size: 20px; }
.nav-home:hover { background: var(--red); color: #fff; }
.nav-menu { display: flex; align-items: stretch; flex: 1; padding-left: 18px; }
.nav-menu > li { position: relative; display: flex; align-items: center; }
.nav-menu > li + li::before { content: ""; width: 1px; height: 16px; background: rgba(255,255,255,.25); }
.nav-menu > li > a { display: flex; align-items: center; gap: 8px; height: 100%; padding: 0 22px; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: .01em; text-transform: uppercase; position: relative; }
.nav-menu > li > a::after { content: ""; position: absolute; left: 22px; right: 22px; bottom: 0; height: 3px; background: var(--red); transform: scaleX(0); transition: transform var(--t); }
.nav-menu > li > a:hover::after, .nav-menu > li > a.is-active::after { transform: scaleX(1); }
.nav-menu > li > a .icon { font-size: 12px; }
.nav-portal { display: flex; align-items: center; gap: 10px; padding: 0 40px; background: var(--navy-2); color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase; }
.nav-portal .icon { font-size: 19px; }
.nav-portal:hover, .nav-portal.is-active { background: var(--red); color: #fff; }

/* Mega menü (Sektörler) */
.mega { position: absolute; top: 100%; left: 0; width: 720px; background: #fff; box-shadow: 0 20px 40px rgba(0,0,0,.15); border-top: 3px solid var(--red); padding: 22px; display: grid; grid-template-columns: 1fr 1fr 220px; gap: 6px 18px; opacity: 0; visibility: hidden; transform: translateY(8px); transition: all var(--t); z-index: 70; }
.has-mega:hover .mega, .has-mega.is-open .mega { opacity: 1; visibility: visible; transform: none; }
.mega a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; color: var(--ink); font-weight: 600; font-size: 14.5px; }
.mega a .icon { font-size: 20px; color: var(--red); }
.mega a:hover { background: var(--bg-soft); }
.mega__promo { grid-row: span 5; grid-column: 3; background: var(--navy); color: #C9D0D8; padding: 18px; font-size: 13.5px; display: flex; flex-direction: column; }
.mega__promo strong { color: #fff; font-size: 16px; line-height: 1.3; margin-bottom: 8px; }
.mega__promo .btn { margin-top: auto; }

/* 6) Son dakika şeridi ---------------------------------------------------- */
.ticker { margin-top: 10px; }
.ticker .container > div { display: flex; align-items: center; height: 38px; background: var(--bg-soft); }
.ticker__label { flex-shrink: 0; height: 100%; background: var(--red); color: #fff; font-weight: 700; font-size: 13.5px; text-transform: uppercase; display: flex; align-items: center; gap: 8px; padding: 0 18px 0 14px; }
.ticker__viewport { flex: 1; overflow: hidden; position: relative; mask-image: linear-gradient(90deg, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%); }
.ticker__track { display: flex; width: max-content; animation: ticker 50s linear infinite; }
.ticker:hover .ticker__track { animation-play-state: paused; }
.ticker__track a { display: flex; align-items: center; gap: 18px; padding: 0 20px; font-size: 13.5px; font-weight: 500; color: var(--ink); white-space: nowrap; }
.ticker__track a::after { content: ""; width: 2px; height: 16px; background: var(--red); margin-left: 20px; }
.ticker__track time { color: #8C9199; font-weight: 500; }
.ticker__all { flex-shrink: 0; padding: 0 16px; font-weight: 600; font-size: 13.5px; display: flex; align-items: center; gap: 6px; color: var(--ink); }
@keyframes ticker { to { transform: translateX(-50%); } }

/* 7) Bileşenler ------------------------------------------------------------ */
/* Bölüm başlığı */
.s-title { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.s-title h2, .s-title h1 { margin: 0; font-size: 24px; text-transform: uppercase; display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.s-title h2::before, .s-title h1::before { content: ""; width: 8px; height: 20px; background: var(--red); }
.s-title__line { flex: 1; height: 1px; background: #D5D8DC; position: relative; }
.s-title__line::before { content: ""; position: absolute; left: 0; top: -1px; width: 26px; height: 3px; background: var(--red); }
.s-title--sm h2 { font-size: 20px; text-transform: none; }
.sidebar .s-title h2, aside .s-title h2 { white-space: normal; }
.s-title--light h2 { color: #fff; }
.s-title--light .s-title__line { background: rgba(255,255,255,.18); }
.s-title__more { font-size: 13.5px; font-weight: 600; display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.arrows { display: flex; gap: 8px; }
.arrows button { width: 34px; height: 30px; border: 1px solid #C9CDD2; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; color: var(--ink); background: #fff; transition: all var(--t); }
.arrows button:hover { background: var(--ink); border-color: var(--ink); color: #fff; }

/* Butonlar */
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; height: 38px; background: var(--red); color: #fff; font-weight: 600; font-size: 14px; border: 1px solid var(--red); transition: all var(--t); white-space: nowrap; }
.btn:hover { background: var(--red-dark); border-color: var(--red-dark); color: #fff; }
.btn--lg { height: 50px; padding: 0 26px; font-size: 15px; }
.btn--dark { background: var(--ink); border-color: var(--ink); }
.btn--dark:hover { background: #000; border-color: #000; }
.btn--ghost { background: transparent; color: var(--ink); border-color: #C9CDD2; }
.btn--ghost:hover { background: var(--ink); color: #fff; border-color: var(--ink); }
.btn--ghost-light { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.btn--ghost-light:hover { background: #fff; color: var(--ink); border-color: #fff; }
.btn--block { width: 100%; }
.link-arrow { color: var(--red); font-weight: 600; font-size: 14.5px; display: inline-flex; align-items: center; gap: 6px; }
.link-arrow .icon { transition: transform var(--t); }
.link-arrow:hover .icon { transform: translateX(3px); }

/* Etiketler / meta */
.badge { display: inline-block; background: var(--ink); color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; padding: 6px 12px; letter-spacing: .02em; }
.badge--red { background: var(--red); }
.badge--light { background: #fff; color: var(--ink); }
.cat { color: var(--red); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; }
.meta { display: flex; align-items: center; flex-wrap: wrap; gap: 0; font-size: 13.5px; color: #7C818A; }
.meta > * + * { margin-left: 12px; padding-left: 12px; border-left: 1px solid #D5D8DC; }
.meta .icon { margin-right: 5px; font-size: 14px; }

/* Görsel kutusu (oranlı) */
.media { position: relative; display: block; overflow: hidden; background: #2B3138; aspect-ratio: 16 / 10; }
.media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
a.media:hover img, .card:hover .media img { transform: scale(1.04); }
.media .badge { position: absolute; left: 12px; bottom: 12px; z-index: 2; }
.media--wide { aspect-ratio: 16 / 9; }
.media--sq { aspect-ratio: 1; }
.media--tall { aspect-ratio: 3 / 4; }
.media__play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 2; }
.media__play span { width: 64px; height: 64px; border-radius: 50%; background: rgba(206,21,21,.92); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; box-shadow: 0 0 0 8px rgba(255,255,255,.18); transition: transform var(--t); }
.media__play span .icon { margin-left: 3px; }
.card:hover .media__play span, .media:hover .media__play span { transform: scale(1.08); }
.media__dur { position: absolute; right: 10px; bottom: 10px; z-index: 2; background: rgba(0,0,0,.75); color: #fff; font-size: 12px; font-weight: 600; padding: 3px 8px; }

/* Haber kartı */
.card { display: flex; flex-direction: column; }
.card__body { padding-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.card__title { font-size: 19px; line-height: 1.3; margin: 0; }
.card__title a:hover { color: var(--red); }
.card__excerpt { font-size: 15px; color: #555A62; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.card--sm .card__title { font-size: 16.5px; }
.card--boxed { background: #fff; border: 1px solid var(--line); }
.card--boxed .card__body { padding: 18px 20px 22px; }

/* Yatay kart (liste) */
.hcard { display: grid; grid-template-columns: 300px 1fr; gap: 24px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.hcard + .hcard { padding-top: 28px; }
.hcard .card__title { font-size: 22px; }
.hcard--sm { grid-template-columns: 110px 1fr; gap: 14px; padding-bottom: 16px; }
.hcard--sm + .hcard--sm { padding-top: 16px; }
.hcard--sm .card__title { font-size: 15px; font-weight: 700; }
.hcard--sm .media { aspect-ratio: 4 / 3; }
.hcard--sm .card__body { padding-top: 0; gap: 4px; }

/* Bindirmeli (overlay) kart */
.ocard { position: relative; display: block; overflow: hidden; color: #fff; min-height: 260px; background: #222; }
.ocard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ocard::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.85) 100%); }
.ocard:hover img { transform: scale(1.04); }
.ocard__body { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px; z-index: 2; }
.ocard__body h3 { color: #fff; font-size: 21px; margin: 10px 0 8px; }
.ocard:hover { color: #fff; }
.ocard .meta { color: rgba(255,255,255,.75); }
.ocard .meta > * + * { border-color: rgba(255,255,255,.3); }

/* Kutu (bordered panel) */
.panel { border: 1px solid var(--line); background: #fff; padding: 22px 24px; }
.panel + .panel { margin-top: 28px; }
.panel--soft { background: var(--bg-soft); border-color: var(--bg-soft); }
.panel--dark { background: var(--navy); border-color: var(--navy); color: #C9D0D8; }
.panel--dark h3 { color: #fff; }

/* Numaralı liste (çok okunanlar) */
.toplist { counter-reset: top; }
.toplist li { counter-increment: top; display: grid; grid-template-columns: 44px 1fr; gap: 12px; padding: 14px 0; border-bottom: 1px solid var(--line); }
.toplist li:last-child { border-bottom: 0; padding-bottom: 0; }
.toplist li::before { content: counter(top, decimal-leading-zero); font-size: 28px; font-weight: 800; color: #D5D8DC; line-height: 1; }
.toplist li:nth-child(-n+3)::before { color: var(--red); }
.toplist a { font-weight: 700; font-size: 15px; line-height: 1.35; color: var(--ink); display: block; }
.toplist a:hover { color: var(--red); }
.toplist .meta { margin-top: 4px; font-size: 12.5px; }

/* Sekmeler */
.tabs__nav { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 24px; border-bottom: 2px solid var(--ink); }
.tabs__nav button { padding: 10px 16px; font-weight: 700; font-size: 14px; text-transform: uppercase; color: #555A62; background: var(--bg-soft); }
.tabs__nav button:hover { color: var(--ink); }
.tabs__nav button.is-active { background: var(--ink); color: #fff; }
.tabs__panel { display: none; }
.tabs__panel.is-active { display: block; animation: fade .35s ease; }
@keyframes fade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Çipler / filtre */
.chips { display: flex; flex-wrap: wrap; gap: 8px; }
.chip { padding: 8px 14px; border: 1px solid #D5D8DC; background: #fff; font-size: 13.5px; font-weight: 600; color: #3A3D42; transition: all var(--t); }
.chip:hover { border-color: var(--ink); color: var(--ink); }
.chip.is-active { background: var(--ink); border-color: var(--ink); color: #fff; }

/* Formlar */
.field { display: flex; flex-direction: column; gap: 6px; margin-bottom: 16px; }
.field label { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.input, .select, .textarea { width: 100%; height: 48px; padding: 0 14px; border: 1px solid #D5D8DC; background: #fff; border-radius: var(--radius); transition: border-color var(--t); }
.textarea { height: auto; min-height: 140px; padding: 12px 14px; resize: vertical; }
.input:focus, .select:focus, .textarea:focus { outline: none; border-color: var(--ink); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: var(--muted); margin-bottom: 16px; }
.check input { margin-top: 3px; accent-color: var(--red); }
.form-success { display: none; padding: 14px 16px; background: #EAF6EE; color: #1F6B3A; border-left: 3px solid #2E9B57; font-size: 14.5px; font-weight: 500; margin-top: 14px; }
form.is-sent .form-success { display: block; }

/* Sayfalama */
.pagination { display: flex; gap: 6px; justify-content: center; margin-top: 40px; }
.pagination a, .pagination span { min-width: 42px; height: 42px; padding: 0 12px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #D5D8DC; font-weight: 600; font-size: 14.5px; }
.pagination a:hover { border-color: var(--ink); color: var(--ink); }
.pagination .is-active { background: var(--red); border-color: var(--red); color: #fff; }

/* Reklam alanı */
.ad { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: repeating-linear-gradient(45deg, #F3F4F6, #F3F4F6 10px, #ECEEF1 10px, #ECEEF1 20px); border: 1px dashed #C9CDD2; color: #8C9199; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.ad strong { color: #5B6068; font-size: 15px; letter-spacing: 0; }
.ad--300 { height: 250px; }
.ad--728 { height: 110px; }

/* 8) Anasayfa bölümleri ------------------------------------------------------ */
.home-top { padding: 24px 0 8px; }
.home-top__grid { display: grid; grid-template-columns: minmax(0, 1fr) 502px; border: 1px solid var(--line); }
.headline { padding: 14px 14px 14px; border-right: 1px solid var(--line); min-width: 0; }
.headline .s-title { margin-bottom: 12px; }
.slider { position: relative; }
.slide { display: none; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 26px; }
.slide.is-active { display: grid; animation: fade .45s ease; }
.slide .media { aspect-ratio: auto; height: 405px; }
.slide .media .badge { left: 12px; bottom: 0; padding: 14px 22px; font-size: 13.5px; background: var(--navy-2); }
.slide__body { padding: 6px 10px 0 0; display: flex; flex-direction: column; }
.slide__body h2 { font-size: 30px; line-height: 1.15; margin: 14px 0 20px; letter-spacing: -.02em; }
.slide__body p { font-size: 16px; color: #33363B; line-height: 1.35; margin-bottom: 18px; }
.slide__body .btn { align-self: flex-start; }
.slider__pager { display: flex; gap: 4px; margin-top: 14px; }
.slider__pager button { flex: 1; height: 34px; background: var(--bg-soft); font-weight: 700; font-size: 13px; color: #6B7079; position: relative; overflow: hidden; }
.slider__pager button:hover { color: var(--ink); background: #E8EAED; }
.slider__pager button.is-active { background: var(--ink); color: #fff; }
.slider__pager button.is-active::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; background: var(--red); animation: progress 6s linear forwards; }
.slider.is-paused .slider__pager button.is-active::after { animation-play-state: paused; }
@keyframes progress { from { width: 0; } to { width: 100%; } }

.editor { padding: 14px 14px 0; display: flex; flex-direction: column; }
.editor .s-title { margin-bottom: 0; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
.editor .s-title h2 { text-transform: none; font-size: 21px; }
.editor-item { display: grid; grid-template-columns: 116px 1fr; gap: 16px; padding: 12px 0 22px; }
.editor-item img { width: 116px; height: 148px; object-fit: cover; }
.editor-item h3 { font-size: 18px; line-height: 1.25; margin-bottom: 12px; }
.editor-item .meta { font-size: 13px; margin-bottom: 12px; }
.editor-item .meta strong { color: var(--ink); font-weight: 700; }
.editor-item p { font-size: 14.5px; color: #33363B; line-height: 1.35; margin-bottom: 12px; }
.editor-list { border-top: 1px solid var(--line); margin: 0 -14px; }
.editor-list li { padding: 13px 14px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 14px; }
.editor-list li:last-child { border-bottom: 0; }
.editor-list img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }
.editor-list a { font-weight: 700; font-size: 14.5px; color: var(--ink); line-height: 1.3; display: block; }
.editor-list a:hover { color: var(--red); }
.editor-list small { font-size: 12.5px; color: var(--muted); }

/* Sektör kutucukları */
.sector-tiles { display: grid; grid-template-columns: repeat(9, 1fr); gap: 10px; }
.sector-tile { background: #fff; border: 1px solid var(--line); padding: 18px 10px 16px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; font-weight: 700; font-size: 13.5px; color: var(--ink); line-height: 1.25; transition: all var(--t); }
.sector-tile .icon { font-size: 30px; color: var(--red); stroke-width: 1.6; transition: color var(--t); }
.sector-tile small { font-weight: 500; color: var(--muted); font-size: 12px; }
.sector-tile:hover { background: var(--ink); border-color: var(--ink); color: #fff; transform: translateY(-3px); }
.sector-tile:hover .icon { color: #fff; }
.sector-tile:hover small { color: #A9AFB7; }

/* Öne çıkan karma ızgara */
.feature-grid { display: grid; grid-template-columns: 1.4fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; }
.feature-grid .ocard:first-child { grid-row: span 2; min-height: 540px; }
.feature-grid .ocard:first-child h3 { font-size: 30px; }

/* Makale / yazar kartı */
.author-card { background: #fff; border: 1px solid var(--line); padding: 26px 24px; display: flex; flex-direction: column; gap: 14px; position: relative; transition: box-shadow var(--t), transform var(--t); }
.author-card:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.author-card__quote { position: absolute; right: 22px; top: 18px; font-size: 40px; color: #ECEEF1; }
.author-card h3 { font-size: 19px; line-height: 1.3; margin: 0; min-height: 50px; }
.author-card p { font-size: 14.5px; color: #555A62; margin: 0; }
.author { display: flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
.author img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.author strong { display: block; color: var(--ink); font-size: 14.5px; line-height: 1.2; }
.author small { color: var(--muted); font-size: 12.5px; }

/* Dergi bandı */
.mag { display: grid; grid-template-columns: 340px 1fr; gap: 56px; align-items: center; }
.mag__cover { position: relative; }
.mag__cover img { box-shadow: 0 30px 60px rgba(0,0,0,.45); transform: rotate(-2deg); transition: transform .4s ease; }
.mag__cover:hover img { transform: rotate(0) scale(1.02); }
.mag__cover .badge { position: absolute; top: -12px; right: -12px; z-index: 2; }
.mag__eyebrow { color: var(--red); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: 13px; }
.mag h2 { font-size: 40px; margin: 10px 0 14px; }
.mag__lead { font-size: 17px; max-width: 640px; }
.mag__toc { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; margin: 22px 0 30px; max-width: 760px; }
.mag__toc li { display: flex; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 15px; color: #E5E9EE; }
.mag__toc li span { color: var(--red); font-weight: 800; min-width: 26px; }
.mag__actions { display: flex; gap: 12px; flex-wrap: wrap; }
.mag__archive { display: grid; grid-template-columns: repeat(7, 1fr); gap: 18px; margin-top: 50px; padding-top: 34px; border-top: 1px solid rgba(255,255,255,.12); }
.mag__archive a { display: block; color: #C9D0D8; font-size: 13px; font-weight: 600; }
.mag__archive img { margin-bottom: 10px; transition: transform var(--t); box-shadow: 0 10px 20px rgba(0,0,0,.3); }
.mag__archive a:hover img { transform: translateY(-4px); }
.mag__archive a:hover { color: #fff; }

/* Video bölümü */
.video-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 24px; }
.video-list { display: flex; flex-direction: column; gap: 18px; }
.video-list .hcard { grid-template-columns: 190px 1fr; border-color: rgba(255,255,255,.12); padding-bottom: 18px; }
.video-list .hcard + .hcard { padding-top: 0; }
.video-list .hcard .card__title { font-size: 16.5px; color: #fff; }
.video-list .hcard .media { aspect-ratio: 16 / 10; }
.video-list .media__play span { width: 40px; height: 40px; font-size: 14px; box-shadow: 0 0 0 5px rgba(255,255,255,.15); }
.section--dark .meta { color: #8F98A3; }
.section--dark .meta > * + * { border-color: rgba(255,255,255,.18); }
.section--dark .card__title a { color: #fff; }
.section--dark .card__title a:hover { color: #ff6a6a; }

/* Etkinlik kartları */
.event { display: grid; grid-template-columns: 92px 1fr auto; gap: 22px; align-items: center; padding: 20px 22px; background: #fff; border: 1px solid var(--line); transition: border-color var(--t), box-shadow var(--t); }
.event + .event { margin-top: 12px; }
.event:hover { border-color: var(--ink); box-shadow: var(--shadow); }
.event__date { text-align: center; background: var(--ink); color: #fff; padding: 10px 6px; line-height: 1.1; }
.event__date strong { display: block; font-size: 30px; font-weight: 800; }
.event__date span { font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.event__date small { display: block; font-size: 11px; color: #A9AFB7; margin-top: 3px; }
.event h3 { font-size: 19px; margin: 4px 0 6px; }
.event .meta .icon { color: var(--red); }

/* Platform CTA */
.platform { position: relative; overflow: hidden; background: var(--navy-2); color: #C9D0D8; }
.platform::before { content: ""; position: absolute; inset: 0; background: url("assets/img/bg-4.svg") center / cover; opacity: .35; }
.platform .container { position: relative; display: grid; grid-template-columns: 1.15fr 1fr; gap: 60px; align-items: center; padding-top: 72px; padding-bottom: 72px; }
.platform h2 { font-size: 40px; color: #fff; margin: 12px 0 16px; }
.platform h2 em { font-style: normal; color: var(--red); }
.platform p { font-size: 17px; max-width: 620px; }
.platform__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.pcard { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); padding: 26px 24px; backdrop-filter: blur(4px); display: flex; flex-direction: column; gap: 12px; }
.pcard .icon { font-size: 34px; color: var(--red); stroke-width: 1.6; }
.pcard h3 { color: #fff; font-size: 19px; margin: 0; }
.pcard p { font-size: 14.5px; margin: 0; }
.pcard ul li { font-size: 14px; padding: 4px 0 4px 22px; position: relative; }
.pcard ul li::before { content: ""; position: absolute; left: 0; top: 12px; width: 10px; height: 2px; background: var(--red); }
.pcard .btn { margin-top: auto; align-self: flex-start; }
.stats { display: flex; gap: 40px; margin-top: 30px; flex-wrap: wrap; }
.stats strong { display: block; font-size: 34px; color: #fff; font-weight: 800; line-height: 1; }
.stats span { font-size: 13.5px; }

/* Bülten */
.newsletter { background: var(--red); color: #fff; }
.newsletter .container { display: flex; align-items: center; gap: 40px; padding-top: 34px; padding-bottom: 34px; }
.newsletter .icon { font-size: 48px; stroke-width: 1.4; flex-shrink: 0; }
.newsletter h3 { color: #fff; font-size: 24px; margin: 0 0 4px; }
.newsletter p { margin: 0; color: rgba(255,255,255,.85); }
.newsletter form { margin-left: auto; display: flex; gap: 0; flex: 0 0 520px; flex-wrap: wrap; }
.newsletter .input { border-color: #fff; height: 52px; flex: 1; }
.newsletter .btn { height: 52px; padding: 0 28px; }
.newsletter .form-success { flex-basis: 100%; }

/* 9) Alt sayfalar ----------------------------------------------------------- */
.page-hero { background: var(--bg-soft); padding: 34px 0 32px; border-bottom: 1px solid var(--line); }
.page-hero--dark { background: var(--navy); border: 0; position: relative; overflow: hidden; color: #C9D0D8; }
.page-hero--dark::before { content: ""; position: absolute; inset: 0; background: url("assets/img/bg-1.svg") center / cover; opacity: .4; }
.page-hero--dark .container { position: relative; }
.page-hero--dark h1 { color: #fff; }
.page-hero h1 { font-size: 40px; margin: 10px 0 8px; letter-spacing: -.02em; }
.page-hero p { max-width: 760px; font-size: 17px; margin: 0; }
.breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 13.5px; color: var(--muted); }
.breadcrumb a { color: var(--muted); }
.breadcrumb a:hover { color: var(--red); }
.breadcrumb .icon { font-size: 12px; }
.page-hero--dark .breadcrumb, .page-hero--dark .breadcrumb a { color: #A9AFB7; }
.toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 28px; }
.search-inline { position: relative; min-width: 300px; }
.search-inline .input { padding-left: 42px; }
.search-inline .icon { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--muted); font-size: 18px; }
.sidebar { position: sticky; top: 74px; }

/* Haber detay */
.article-head { max-width: 980px; }
.article-head h1 { font-size: 44px; line-height: 1.12; margin: 14px 0 16px; letter-spacing: -.02em; }
.article-head .spot { font-size: 20px; line-height: 1.5; color: #3A3D42; font-weight: 500; margin-bottom: 22px; }
.article-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px; padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 28px; }
.article-bar .author img { width: 42px; height: 42px; }
.article-bar .author { margin: 0; padding: 0; border: 0; }
.share { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.share a, .share button { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #D5D8DC; font-size: 16px; color: var(--ink); transition: all var(--t); }
.share a:hover, .share button:hover { background: var(--ink); border-color: var(--ink); color: #fff; }
.share small { font-size: 12.5px; font-weight: 700; text-transform: uppercase; color: var(--muted); margin-right: 4px; }
.fontsize button { width: 38px; height: 38px; border: 1px solid #D5D8DC; font-weight: 700; }
.figure { margin: 0 0 28px; }
.figure figcaption { font-size: 13.5px; color: var(--muted); padding: 10px 0; border-bottom: 1px solid var(--line); }
.prose { font-size: 18px; line-height: 1.75; color: #24262A; }
.prose h2 { font-size: 26px; margin: 36px 0 14px; }
.prose h3 { font-size: 21px; margin: 28px 0 12px; }
.prose p { margin-bottom: 1.2em; }
.prose a { color: var(--red); text-decoration: underline; text-underline-offset: 3px; }
.prose ul { margin: 0 0 1.2em; }
.prose ul li { padding-left: 24px; position: relative; margin-bottom: 8px; }
.prose ul li::before { content: ""; position: absolute; left: 4px; top: 13px; width: 8px; height: 8px; background: var(--red); }
.prose blockquote { margin: 32px 0; padding: 24px 28px 24px 30px; border-left: 4px solid var(--red); background: var(--bg-soft); font-size: 21px; font-weight: 600; line-height: 1.5; color: var(--ink); }
.prose blockquote cite { display: block; font-size: 14px; font-style: normal; font-weight: 600; color: var(--muted); margin-top: 10px; }
.prose .figure { margin: 32px 0; }
.infobox { border: 1px solid var(--line); border-top: 3px solid var(--ink); padding: 20px 24px; margin: 28px 0; font-size: 16px; }
.infobox h4 { font-size: 15px; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 10px; }
.tags { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 30px 0; padding-top: 24px; border-top: 1px solid var(--line); }
.tags strong { font-size: 13.5px; text-transform: uppercase; margin-right: 6px; }
.tags a { padding: 6px 12px; background: var(--bg-soft); font-size: 13.5px; font-weight: 500; }
.tags a:hover { background: var(--ink); color: #fff; }
.author-box { display: grid; grid-template-columns: 110px 1fr; gap: 24px; padding: 26px; background: var(--bg-soft); margin-bottom: 40px; }
.author-box img { width: 110px; height: 110px; border-radius: 50%; object-fit: cover; }
.author-box h4 { font-size: 19px; margin-bottom: 4px; }
.author-box p { font-size: 15px; margin: 8px 0 10px; }
.prevnext { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 48px; }
.prevnext a { border: 1px solid var(--line); padding: 18px 20px; display: block; }
.prevnext a:hover { border-color: var(--ink); color: var(--ink); }
.prevnext small { display: flex; align-items: center; gap: 6px; color: var(--muted); font-weight: 600; text-transform: uppercase; font-size: 12px; margin-bottom: 6px; }
.prevnext strong { font-size: 16px; line-height: 1.35; display: block; }
.prevnext a:last-child { text-align: right; }
.prevnext a:last-child small { justify-content: flex-end; }
.read-progress { position: fixed; top: 0; left: 0; height: 3px; background: var(--red); z-index: 200; width: 0; }

/* Sektör sayfası */
.sector-card { position: relative; background: #fff; border: 1px solid var(--line); padding: 28px 26px; display: flex; flex-direction: column; gap: 12px; transition: all var(--t); overflow: hidden; }
.sector-card::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--red); transition: width .35s ease; }
.sector-card:hover { box-shadow: var(--shadow); transform: translateY(-3px); color: inherit; }
.sector-card:hover::after { width: 100%; }
.sector-card .icon { font-size: 42px; color: var(--red); stroke-width: 1.4; }
.sector-card h3 { font-size: 21px; margin: 4px 0 0; }
.sector-card p { font-size: 15px; color: #555A62; margin: 0; }
.sector-card .meta { margin-top: auto; padding-top: 12px; }

/* Üretici rehberi */
.maker { background: #fff; border: 1px solid var(--line); display: flex; flex-direction: column; transition: all var(--t); }
.maker:hover { box-shadow: var(--shadow); border-color: #D5D8DC; }
.maker__top { display: flex; gap: 16px; align-items: center; padding: 22px 22px 16px; }
.maker__top img { width: 68px; height: 68px; border: 1px solid var(--line); }
.maker__top > div { min-width: 0; }
.maker__top .meta { row-gap: 4px; }
.maker__top h3 { font-size: 18px; margin: 0 0 4px; }
.maker__top .meta { font-size: 13px; }
.maker__body { padding: 0 22px 18px; font-size: 14.5px; color: #555A62; }
.maker__tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 22px 18px; }
.maker__tags span { font-size: 12px; font-weight: 600; padding: 4px 9px; background: var(--bg-soft); color: #3A3D42; }
.maker__foot { margin-top: auto; display: flex; border-top: 1px solid var(--line); }
.maker__foot a { flex: 1; padding: 13px; text-align: center; font-weight: 600; font-size: 14px; }
.maker__foot a + a { border-left: 1px solid var(--line); color: var(--red); }
.verified { display: inline-flex; align-items: center; gap: 4px; color: #1F7A45; font-size: 12px; font-weight: 700; }
.filters { border: 1px solid var(--line); padding: 22px; }
.filters h4 { font-size: 14px; text-transform: uppercase; letter-spacing: .04em; margin: 0 0 12px; }
.filters .group + .group { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--line); }
.filters label { display: flex; align-items: center; gap: 10px; font-size: 14.5px; padding: 5px 0; cursor: pointer; }
.filters input { accent-color: var(--red); width: 16px; height: 16px; }
.filters label span { margin-left: auto; color: var(--muted); font-size: 12.5px; }

.profile-head { background: var(--navy); color: #C9D0D8; position: relative; overflow: hidden; }
.profile-head::before { content: ""; position: absolute; inset: 0; background: url("assets/img/bg-2.svg") center / cover; opacity: .45; }
.profile-head .container { position: relative; padding-top: 40px; padding-bottom: 40px; display: grid; grid-template-columns: 140px 1fr auto; gap: 28px; align-items: center; }
.profile-head img.logo { width: 140px; height: 140px; border: 4px solid #fff; }
.profile-head h1 { color: #fff; font-size: 36px; margin: 6px 0 8px; }
.profile-head .meta { color: #A9AFB7; }
.profile-head .meta > * + * { border-color: rgba(255,255,255,.2); }
.profile-head .actions { display: flex; flex-direction: column; gap: 10px; }
.kv { display: grid; grid-template-columns: 140px 1fr; font-size: 14.5px; }
.kv dt, .kv dd { padding: 10px 0; border-bottom: 1px solid var(--line); margin: 0; }
.kv--wide { grid-template-columns: 240px 1fr; background: #fff; padding: 10px 26px; border: 1px solid var(--line); }
.kv dt { color: var(--muted); font-weight: 500; }
.kv dd { color: var(--ink); font-weight: 600; }
.product { border: 1px solid var(--line); background: #fff; }
.product .media { aspect-ratio: 4 / 3; }
.product div.p { padding: 14px 16px 16px; }
.product h4 { font-size: 16px; margin: 0 0 4px; }
.product small { color: var(--muted); font-size: 13px; }

/* Dergi sayfası */
.issue { display: block; }
.issue img { box-shadow: 0 14px 30px rgba(0,0,0,.18); transition: transform var(--t); margin-bottom: 14px; }
.issue:hover img { transform: translateY(-5px); }
.issue strong { display: block; font-size: 16px; color: var(--ink); }
.issue small { color: var(--muted); font-size: 13px; }
.issue-actions { display: flex; gap: 8px; margin-top: 10px; }
.issue-actions .btn { height: 34px; font-size: 13px; padding: 0 12px; }

/* Fiyat / paket kartları */
.plan { border: 1px solid var(--line); background: #fff; padding: 32px 28px; display: flex; flex-direction: column; position: relative; }
.plan--featured { border: 2px solid var(--red); box-shadow: var(--shadow); }
.plan--featured .badge { position: absolute; top: -14px; left: 28px; }
.plan h3 { font-size: 22px; margin-bottom: 6px; }
.plan .price { font-size: 42px; font-weight: 800; color: var(--ink); line-height: 1; margin: 18px 0 4px; letter-spacing: -.02em; }
.plan .price small { font-size: 15px; font-weight: 500; color: var(--muted); letter-spacing: 0; }
.plan ul { margin: 22px 0 28px; }
.plan ul li { display: flex; gap: 10px; padding: 8px 0; font-size: 15px; border-bottom: 1px dashed var(--line); }
.plan ul li .icon { color: var(--red); margin-top: 4px; }
.plan .btn { margin-top: auto; }

/* Hakkımızda */
.about-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-intro h2 { font-size: 36px; }
.value { padding: 30px 26px; border: 1px solid var(--line); background: #fff; }
.value .icon { font-size: 36px; color: var(--red); stroke-width: 1.5; margin-bottom: 14px; }
.value h3 { font-size: 20px; }
.value p { margin: 0; font-size: 15px; color: #555A62; }
.numbers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.numbers div { padding: 30px; border-right: 1px solid rgba(255,255,255,.12); }
.numbers div:last-child { border-right: 0; }
.numbers strong { display: block; font-size: 44px; color: #fff; font-weight: 800; line-height: 1; margin-bottom: 8px; }
.team { text-align: center; }
.team img { width: 100%; aspect-ratio: 1; object-fit: cover; margin-bottom: 14px; }
.team h4 { margin: 0 0 2px; font-size: 18px; }
.team small { color: var(--muted); }

/* İletişim */
.contact-info li { display: flex; gap: 16px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.contact-info .icon { font-size: 22px; color: var(--red); margin-top: 3px; }
.contact-info strong { display: block; color: var(--ink); }
.map { aspect-ratio: 16 / 7; background: url("assets/img/bg-8.svg") center / cover; position: relative; display: flex; align-items: center; justify-content: center; }
.map span { background: #fff; padding: 12px 18px; font-weight: 700; display: inline-flex; gap: 8px; align-items: center; box-shadow: var(--shadow); color: var(--ink); }
.map span .icon { color: var(--red); }

/* Portal */
.portal { display: grid; grid-template-columns: 1fr 1fr; min-height: 640px; }
.portal__side { background: var(--navy); color: #C9D0D8; padding: 60px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.portal__side::before { content: ""; position: absolute; inset: 0; background: url("assets/img/bg-4.svg") center / cover; opacity: .4; }
.portal__side > * { position: relative; }
.portal__side h1 { color: #fff; font-size: 38px; margin: 12px 0 14px; }
.portal__side ul li { display: flex; gap: 12px; padding: 10px 0; font-size: 15.5px; }
.portal__side ul .icon { color: var(--red); margin-top: 4px; }
.portal__form { padding: 60px; display: flex; flex-direction: column; justify-content: center; max-width: 620px; }
.seg { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #D5D8DC; margin-bottom: 24px; }
.seg button { padding: 12px; font-weight: 700; font-size: 14px; }
.seg button.is-active { background: var(--ink); color: #fff; }
.role { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
.role label { border: 1px solid #D5D8DC; padding: 14px; display: flex; gap: 10px; align-items: center; cursor: pointer; font-weight: 600; font-size: 14.5px; }
.role label:has(input:checked) { border-color: var(--red); background: #FFF5F5; }
.role input { accent-color: var(--red); }
.notice { display: flex; gap: 12px; padding: 14px 16px; background: #FFF8E6; border-left: 3px solid #E0A100; font-size: 14px; color: #6B5300; margin-bottom: 22px; }

/* 404 */
.notfound { text-align: center; padding: 100px 0; }
.notfound strong { font-size: 140px; line-height: 1; font-weight: 900; color: var(--ink); letter-spacing: -.04em; }
.notfound strong span { color: var(--red); }

/* Arama katmanı */
.search-overlay { position: fixed; inset: 0; background: rgba(21, 28, 36, .97); z-index: 300; display: flex; align-items: flex-start; justify-content: center; padding-top: 18vh; opacity: 0; visibility: hidden; transition: all .25s ease; }
.search-overlay.is-open { opacity: 1; visibility: visible; }
.search-overlay form { width: min(900px, 90vw); }
.search-overlay .input { height: 72px; font-size: 26px; background: transparent; border: 0; border-bottom: 2px solid rgba(255,255,255,.3); color: #fff; padding: 0; }
.search-overlay .input:focus { border-color: var(--red); }
.search-overlay p { color: #8F98A3; margin-top: 16px; font-size: 14px; }
.search-overlay .chips { margin-top: 16px; }
.search-overlay .chip { background: transparent; color: #C9D0D8; border-color: rgba(255,255,255,.2); }
.search-overlay__close { position: absolute; top: 28px; right: 32px; color: #fff; font-size: 30px; }

/* Video modal */
.modal { position: fixed; inset: 0; background: rgba(0,0,0,.88); z-index: 300; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; visibility: hidden; transition: all .25s ease; }
.modal.is-open { opacity: 1; visibility: visible; }
.modal__box { width: min(1100px, 100%); aspect-ratio: 16 / 9; background: #000; position: relative; }
.modal__box iframe { width: 100%; height: 100%; border: 0; }
.modal__placeholder { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #8F98A3; gap: 10px; background: url("assets/img/bg-5.svg") center / cover; }
.modal__placeholder .icon { font-size: 60px; color: var(--red); }
.modal__placeholder strong { color: #fff; font-size: 20px; }
.modal__close { position: absolute; top: -46px; right: 0; color: #fff; font-size: 30px; }

/* Mobil menü */
.mobile-nav { position: fixed; inset: 0 auto 0 0; width: min(360px, 88vw); background: #fff; z-index: 250; transform: translateX(-100%); transition: transform .3s ease; overflow-y: auto; display: flex; flex-direction: column; }
.mobile-nav.is-open { transform: none; }
.mobile-nav__head { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid var(--line); }
.mobile-nav__head img { height: 42px; }
.mobile-nav__head button { font-size: 26px; }
.mobile-nav nav a { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; border-bottom: 1px solid var(--line); font-weight: 700; text-transform: uppercase; font-size: 14.5px; color: var(--ink); }
.mobile-nav nav a.is-active { color: var(--red); }
.mobile-nav details summary { list-style: none; display: flex; justify-content: space-between; align-items: center; padding: 14px 20px; border-bottom: 1px solid var(--line); font-weight: 700; text-transform: uppercase; font-size: 14.5px; color: var(--ink); cursor: pointer; }
.mobile-nav details summary::-webkit-details-marker { display: none; }
.mobile-nav details[open] summary .icon { transform: rotate(180deg); }
.mobile-nav details a { text-transform: none; font-weight: 500; padding-left: 34px; background: var(--bg-soft); }
.mobile-nav__foot { padding: 20px; margin-top: auto; display: flex; flex-direction: column; gap: 12px; }
.mobile-nav__foot .social { padding: 0; }
.backdrop { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 240; opacity: 0; visibility: hidden; transition: all .3s ease; }
.backdrop.is-open { opacity: 1; visibility: visible; }

.to-top { position: fixed; right: 24px; bottom: 24px; width: 46px; height: 46px; background: var(--red); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; z-index: 90; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all var(--t); box-shadow: 0 8px 20px rgba(206,21,21,.35); }
.to-top.is-visible { opacity: 1; visibility: visible; transform: none; }
.to-top:hover { background: var(--ink); }

/* 10) Footer ---------------------------------------------------------------- */
.site-footer { background: var(--navy-2); color: #9AA3AD; font-size: 14.5px; }
.footer-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr 1.3fr; gap: 48px; padding-top: 64px; padding-bottom: 48px; }
.footer-brand img { height: 64px; width: auto; margin-bottom: 20px; }
.footer-brand p { max-width: 360px; }
.site-footer h4 { color: #fff; font-size: 15px; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 18px; display: flex; align-items: center; gap: 10px; }
.site-footer h4::before { content: ""; width: 4px; height: 14px; background: var(--red); }
.site-footer ul li { padding: 5px 0; }
.site-footer a:hover { color: #fff; }
.footer-contact li { display: flex; gap: 10px; }
.footer-contact .icon { color: var(--red); margin-top: 4px; }
.site-footer .social { padding: 0; margin-top: 18px; gap: 10px; }
.site-footer .social a { width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.15); color: #fff; justify-content: center; align-items: center; font-size: 16px; }
.site-footer .social a:hover { background: var(--red); border-color: var(--red); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding: 20px 0; font-size: 13.5px; }
.footer-bottom .container { display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.footer-bottom nav { display: flex; gap: 22px; flex-wrap: wrap; }

/* ==========================================================================
   10b) KURUMSAL / SIKI TEMA — yoğun yerleşim, çerçeveli kutular, Inter Tight başlıklar
   ========================================================================== */
/* Üst bar */
.topbar { font-size: 12.5px; border-bottom: 1px solid var(--line); }
.topbar .container { height: 34px; }
.topbar__left > * { padding: 0 16px; }
.topbar__left .icon { font-size: 15px; }
.topbar__search { position: relative; margin-right: 18px; }
.topbar__search input { width: 220px; height: 26px; border: 1px solid #D5D8DC; background: #fff; padding: 0 30px 0 10px; font-size: 12.5px; }
.topbar__search input:focus { outline: none; border-color: var(--ink); }
.topbar__search button { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); font-size: 14px; color: var(--ink); display: flex; }
.social { gap: 14px; padding: 0 18px; }
.social a { font-size: 16px; }
.lang__btn { padding: 0 16px; font-size: 13px; }

/* Header */
.site-header .container { height: 108px; }
.brand img { height: 68px; }
.brand__slogan { margin-left: 26px; padding-left: 26px; height: 50px; font-size: 14px; color: #6B7079; letter-spacing: .01em; }
.brand__slogan strong { font-family: var(--font-head); font-size: 22px; color: var(--ink); font-weight: 600; letter-spacing: -.01em; order: -1; line-height: 1.15; }
.brand__slogan strong b { color: var(--red); font-weight: 800; }
.site-header::after {
  width: 60%;
  background:
    radial-gradient(ellipse 45% 70% at 80% 30%, rgba(196, 202, 210, .55), transparent 70%),
    radial-gradient(ellipse 35% 55% at 55% 90%, rgba(214, 218, 224, .55), transparent 70%),
    radial-gradient(ellipse 30% 50% at 100% 85%, rgba(190, 196, 204, .5), transparent 70%),
    linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 35%);
}
.header-actions[hidden] { display: none; }
.header-flag { position: absolute; right: 345px; bottom: -6px; height: 112px; opacity: .9; z-index: 1; pointer-events: none; }
.header-tagline { position: relative; z-index: 2; margin-left: auto; border-left: 3px solid var(--red); padding: 2px 0 2px 12px; font-size: 16.5px; line-height: 1.3; color: var(--ink); font-weight: 500; max-width: 300px; }

/* Ana menü */
.main-nav .container { height: 44px; }
.nav-home { width: 58px; font-size: 18px; }
.nav-menu { padding-left: 0; justify-content: space-between; }
.nav-menu > li { flex: 1 1 auto; justify-content: center; }
.nav-menu > li + li::before { position: absolute; left: 0; }
.nav-menu > li > a { padding: 0 10px; white-space: nowrap; font-family: var(--font-head); font-size: 14.5px; font-weight: 700; letter-spacing: 0; }
.nav-menu > li > a::after { left: 10px; right: 10px; }
.nav-search { width: 50px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; }
.nav-search:hover { color: #fff; background: var(--red); }

/* Son dakika */
.ticker { margin-top: 8px; }
.ticker .container > div { height: 32px; border: 1px solid var(--line); }
.ticker__label { font-family: var(--font-head); font-size: 13.5px; padding: 0 22px 0 14px; letter-spacing: .02em; }
.ticker__track a { font-size: 13px; padding: 0 16px; gap: 14px; }
.ticker__track a::after { margin-left: 16px; height: 14px; }
.ticker__all { font-size: 13px; }

/* Başlıklar, kart, meta */
.s-title { gap: 12px; margin-bottom: 14px; }
.s-title h2, .s-title h1 { font-family: var(--font-head); font-size: 21px; letter-spacing: -.01em; gap: 10px; }
.s-title h2::before, .s-title h1::before { width: 6px; height: 19px; }
.s-title h2 { text-transform: none; }
.headline .s-title h2 { text-transform: uppercase; }
.s-title__more { font-size: 12.5px; font-weight: 500; color: #3A3D42; }
.s-title__more .icon { color: var(--red); }
.card__body { padding-top: 10px; gap: 5px; }
.card__title { font-family: var(--font-head); font-size: 18.5px; line-height: 1.18; font-weight: 700; letter-spacing: -.015em; }
.card--sm .card__title { font-size: 16px; }
.card__excerpt { font-size: 13.5px; line-height: 1.45; color: #4A4E55; }
.meta { font-size: 12px; }
.meta > * + * { margin-left: 8px; padding-left: 8px; }
.badge { font-family: var(--font-head); font-size: 11.5px; padding: 5px 10px; letter-spacing: .01em; }
.badge--sm { background: var(--red); font-size: 11px; padding: 4px 8px; }
.media .badge { left: 8px; bottom: 8px; }
.btn { height: 34px; padding: 0 14px; font-size: 13.5px; font-family: var(--font-head); font-weight: 700; }
.btn--lg { height: 44px; padding: 0 22px; font-size: 14.5px; }
.panel { padding: 16px 18px; }
.panel + .panel { margin-top: 20px; }
.hcard { grid-template-columns: 240px 1fr; gap: 18px; padding-bottom: 18px; }
.hcard + .hcard { padding-top: 18px; }
.hcard .card__title { font-size: 20px; }
.hcard--sm { grid-template-columns: 96px 1fr; gap: 12px; padding-bottom: 12px; }
.hcard--sm + .hcard--sm { padding-top: 12px; }
.hcard--sm .card__title { font-size: 15px; }
.toplist li { padding: 10px 0; grid-template-columns: 38px 1fr; }
.toplist li::before { font-family: var(--font-head); font-size: 24px; }
.toplist a { font-family: var(--font-head); font-size: 15px; }
.tabs__nav { margin-bottom: 16px; }
.tabs__nav button { padding: 8px 13px; font-family: var(--font-head); font-size: 13.5px; }
.ocard__body { padding: 16px; }
.ocard__body h3 { font-size: 19px; }
.feature-grid { gap: 14px; }
.feature-grid .ocard { min-height: 190px; }
.feature-grid .ocard:first-child { min-height: 400px; }
.feature-grid .ocard:first-child h3 { font-size: 26px; }
.page-hero { padding: 22px 0 20px; }
.page-hero h1 { font-size: 34px; margin: 6px 0 4px; }
.page-hero p { font-size: 15.5px; }
.article-head h1 { font-size: 40px; line-height: 1.08; }
.article-head .spot { font-size: 18px; }
.prose { font-size: 17px; }
.author-card { padding: 18px; gap: 10px; }
.author-card h3 { font-size: 18px; min-height: 0; padding-right: 30px; }
.author-card p { font-size: 13.5px; }
.event { padding: 12px 16px; gap: 16px; grid-template-columns: 74px 1fr auto; }
.event + .event { margin-top: 8px; }
.event__date { padding: 7px 4px; }
.event__date strong { font-family: var(--font-head); font-size: 24px; }
.event h3 { font-size: 17px; margin: 2px 0 4px; }
.sector-card { padding: 20px; }
.plan { padding: 24px 22px; }
.value { padding: 22px 20px; }
.newsletter .container { padding-top: 22px; padding-bottom: 22px; }
.newsletter h3 { font-size: 21px; }
.newsletter .icon { font-size: 38px; }
.newsletter p { font-size: 14px; }
.newsletter .input, .newsletter .btn { height: 44px; }
.footer-top { padding-top: 44px; padding-bottom: 34px; gap: 36px; }
.footer-brand img { height: 52px; margin-bottom: 14px; }
.site-footer { font-size: 13.5px; }
.site-footer ul li { padding: 3px 0; }
.mag h2, .platform h2 { font-size: 34px; }

/* Form ve çip yoğunluğu */
.chip { padding: 6px 12px; font-size: 12.5px; }
.chips { gap: 6px; }
.input, .select { height: 40px; font-size: 14px; }
.toolbar { margin-bottom: 18px; gap: 12px; }
.filters { padding: 16px; }
.filters label { font-size: 13.5px; padding: 3px 0; }
.maker__top { padding: 16px 16px 12px; }
.maker__body, .maker__tags { padding-left: 16px; padding-right: 16px; }
.maker__tags { padding-bottom: 14px; }
.maker__foot a { padding: 10px; font-size: 13px; }
.pagination { margin-top: 26px; }
.pagination a, .pagination span { min-width: 36px; height: 36px; font-size: 13.5px; }

/* Çok okunanlar */
.toplist li { grid-template-columns: 34px 1fr; gap: 10px; }
.toplist li:first-child { padding-top: 2px; }
.toplist li::before { font-size: 22px; line-height: 1.1; }
.toplist li:nth-child(n+4)::before { color: #B9BEC5; }
.toplist a { font-size: 14.5px; line-height: 1.3; }
.toplist .meta { margin-top: 3px; font-size: 12px; }

/* Alt sayfalarda kalan geniş alanlar */
.panel > h3 { font-size: 18px !important; }
.author-box { padding: 18px; gap: 18px; grid-template-columns: 84px 1fr; margin-bottom: 24px; }
.author-box img { width: 84px; height: 84px; }
.author-box h4 { font-size: 17px; }
.author-box p { font-size: 14px; margin: 6px 0 8px; }
.prevnext { margin-bottom: 28px; gap: 12px; }
.prevnext a { padding: 12px 16px; }
.prevnext strong { font-family: var(--font-head); font-size: 15px; }
.tags { margin: 20px 0; padding-top: 16px; }
.tags a { padding: 4px 10px; font-size: 12.5px; }
.article-bar { padding: 10px 0; margin-bottom: 18px; }
.share a, .share button, .fontsize button { width: 34px; height: 34px; font-size: 14px; }
.figure { margin-bottom: 18px; }
.figure figcaption { font-size: 12.5px; padding: 8px 0; }
.prose h2 { font-size: 24px; margin: 26px 0 10px; }
.prose blockquote { margin: 22px 0; padding: 16px 20px; font-size: 19px; }
.infobox { padding: 14px 18px; margin: 20px 0; font-size: 15px; }
.mag { gap: 36px; grid-template-columns: 260px 1fr; }
.mag__lead { font-size: 15.5px; }
.mag__toc { margin: 14px 0 20px; }
.mag__toc li { padding: 8px 0; font-size: 14px; }
.mag__archive { margin-top: 30px; padding-top: 24px; gap: 14px; }
.platform .container { padding-top: 44px; padding-bottom: 44px; gap: 36px; }
.pcard { padding: 18px; }
.page-hero--dark { padding: 26px 0 24px; }
.profile-head .container { padding-top: 24px; padding-bottom: 24px; grid-template-columns: 110px 1fr auto; gap: 20px; }
.profile-head img.logo { width: 110px; height: 110px; border-width: 3px; }
.profile-head h1 { font-size: 30px; margin: 4px 0 6px; }
.kv dt, .kv dd { padding: 7px 0; font-size: 13.5px; }
.kv { grid-template-columns: 120px 1fr; }
.product div.p { padding: 10px 12px 12px; }
.product h4 { font-size: 15px; }
.issue strong { font-family: var(--font-head); font-size: 15px; }
.issue img { margin-bottom: 10px; }
.plan h3 { font-size: 20px; }
.plan .price { font-size: 34px; margin: 12px 0 2px; }
.plan ul { margin: 14px 0 20px; }
.plan ul li { padding: 6px 0; font-size: 14px; }
.about-intro { gap: 36px; }
.about-intro h2 { font-size: 30px; }
.numbers div { padding: 20px 24px; }
.numbers strong { font-size: 36px; }
.value .icon { font-size: 30px; margin-bottom: 10px; }
.value h3 { font-size: 18px; }
.value p { font-size: 14px; }
.team h4 { font-size: 16px; }
.team img { width: 150px; height: 150px; border-radius: 50%; margin: 0 auto 10px; }
.team img { margin-bottom: 10px; }
.contact-info li { padding: 12px 0; gap: 12px; font-size: 14px; }
.contact-info .icon { font-size: 19px; }
.portal { min-height: 520px; }
.portal__side, .portal__form { padding: 40px; }
.portal__side h1 { font-size: 32px; margin: 8px 0 10px; }
.portal__side ul li { padding: 6px 0; font-size: 14.5px; }
.seg { margin-bottom: 18px; }
.seg button { padding: 9px; font-size: 13.5px; }
.role label { padding: 10px 12px; font-size: 13.5px; }
.field { margin-bottom: 12px; gap: 4px; }
.field label { font-size: 12.5px; }
.textarea { min-height: 110px; }
.check { font-size: 12.5px; margin-bottom: 12px; }
.sector-card { gap: 8px; }
.sector-card .icon { font-size: 32px; }
.sector-card h3 { font-size: 19px; }
.sector-card p { font-size: 14px; }
.maker__top img { width: 56px; height: 56px; }
.maker__top h3 { font-size: 16.5px; }
.notfound { padding: 56px 0; }
.notfound strong { font-size: 110px; }
.map { aspect-ratio: 16 / 5; }
.ad--300 { height: 250px; }
.sidebar .panel .s-title, aside .panel .s-title { margin-bottom: 8px; }

/* Kutu sistemi (anasayfa) */
.home-top { padding: 14px 0 0; }
.board { display: grid; border: 1px solid var(--line); background: #fff; }
.board + .board { border-top: 0; }
.board > * { min-width: 0; padding: 12px 14px 14px; }
.board > * + * { border-left: 1px solid var(--line); }
.board--hero { grid-template-columns: minmax(0, 1fr) 392px; }
.board--news { grid-template-columns: minmax(0, 1fr) 340px; }
.board--trio { grid-template-columns: minmax(0, .85fr) minmax(0, 1.3fr) minmax(0, 1.6fr); }
.board .s-title { margin-bottom: 10px; }
.board .s-title--case h2 { font-size: 19px; }
.board .s-title--case h2::before { height: 17px; }

/* Manşet */
.headline { padding: 12px 14px 14px; border-right: 0; }
.slide { grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr); gap: 16px; }
.slide .media { height: 300px; }
.slide .media .badge { left: 10px; bottom: 10px; padding: 5px 10px; font-size: 11.5px; background: var(--red); }
.slide__body { padding: 0 0 22px; }
.slide__body h2 { font-size: 40px; line-height: 1.02; margin: 10px 0 12px; letter-spacing: -.03em; font-weight: 800; }
.slide__body p { font-size: 15.5px; line-height: 1.45; color: #3A3D42; margin-bottom: 14px; }
.slider__pager--bars { position: absolute; left: calc((100% - 16px) * 1.22 / 2.22 + 16px); bottom: 2px; margin: 0; gap: 6px; }
.slider__pager--bars button { flex: none; width: 30px; height: 4px; font-size: 0; background: #D5D8DC; padding: 0; }
.slider__pager--bars button:hover { background: #9AA0A8; }
.slider__pager--bars button.is-active { background: var(--red); }
.slider__pager--bars button.is-active::after { display: none; }

/* Editör + bülten */
.side-stack { padding: 0 !important; display: flex; flex-direction: column; }
.side-stack > div { padding: 12px 14px 14px; }
.side-stack > div + div { border-top: 1px solid var(--line); }
.editor-item { grid-template-columns: 92px 1fr; gap: 12px; padding: 0; }
.editor-item img { width: 92px; height: 120px; }
.editor-item h3 { font-size: 18px; line-height: 1.15; margin-bottom: 6px; }
.editor-item .meta { margin-bottom: 6px; }
.editor-item p { font-size: 13px; line-height: 1.45; margin-bottom: 6px; color: #4A4E55; }
.editor-item .link-arrow { font-size: 13px; }
.bulletin { display: grid; grid-template-columns: 44px 1fr; gap: 12px; }
.bulletin__icon { width: 44px; height: 44px; border: 2px solid var(--red); color: var(--red); display: flex; align-items: center; justify-content: center; font-size: 22px; }
.bulletin h3 { font-size: 19px; margin: 0 0 2px; }
.bulletin p { font-size: 13px; color: #4A4E55; margin: 0 0 10px; line-height: 1.4; }
.bulletin form { grid-column: 1 / -1; display: flex; flex-wrap: wrap; }
.bulletin .input { height: 36px; flex: 1; font-size: 13.5px; }
.bulletin .btn { height: 36px; }
.bulletin .form-success { flex-basis: 100%; margin-top: 8px; padding: 8px 10px; font-size: 13px; }

/* Bölünmüş kart satırı */
.divided { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.divided > * { padding: 0 12px; }
.divided > :first-child { padding-left: 0; }
.divided > :last-child { padding-right: 0; }
.divided > * + * { border-left: 1px solid var(--line); }
.divided .media { aspect-ratio: auto; height: 140px; }
.divided .card__title { font-size: 18px; }

/* Sektör listesi */
.sector-list li + li { border-top: 1px solid var(--line); }
.sector-list a { display: flex; align-items: center; gap: 12px; padding: 7px 2px; font-family: var(--font-head); font-weight: 700; font-size: 14.5px; color: var(--ink); }
.sector-list a > .icon:first-child { font-size: 21px; color: var(--ink); stroke-width: 1.7; width: 24px; }
.sector-list a > .icon:last-child { margin-left: auto; font-size: 14px; color: #8C9199; transition: transform var(--t); }
.sector-list a:hover { color: var(--red); }
.sector-list a:hover > .icon { color: var(--red); }
.sector-list a:hover > .icon:last-child { transform: translateX(3px); }

/* Dergi kutusu */
.mag-box { display: grid; grid-template-columns: 118px 1fr; gap: 14px; }
.mag-box img { box-shadow: 0 8px 18px rgba(0,0,0,.2); }
.mag-box h3 { font-size: 18px; margin: 0 0 4px; }
.mag-box p { font-size: 13.5px; color: #4A4E55; line-height: 1.45; margin-bottom: 10px; }
.mag-box small { display: block; font-size: 12px; color: var(--muted); margin-bottom: 10px; }
.mag-box .btn { width: 100%; }

/* Video kutusu */
.video-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.video-box .card__title { font-size: 15.5px; }
.video-box .media__play span { width: 44px; height: 44px; font-size: 16px; box-shadow: 0 0 0 5px rgba(255,255,255,.2); }
.vmini { display: grid; grid-template-columns: 70px 1fr; gap: 8px; align-items: start; }
.vmini + .vmini { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--line); }
.vmini .media { aspect-ratio: 16 / 10; }
.vmini .media__play span { width: 24px; height: 24px; font-size: 9px; box-shadow: none; }
.vmini a.t { font-family: var(--font-head); font-weight: 700; font-size: 13.5px; line-height: 1.2; color: var(--ink); display: block; }
.vmini small { font-size: 11.5px; color: var(--muted); }

/* Üretici portalı kutusu */
.portal-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 16px; }
.portal-box__title { display: flex; align-items: center; gap: 10px; }
.portal-box__title .icon { font-size: 32px; color: var(--red); stroke-width: 1.6; }
.portal-box h3 { font-size: 20px; margin: 0; }
.portal-box .lead { font-size: 15px; color: var(--ink); line-height: 1.35; margin: 10px 0 6px; font-weight: 500; }
.portal-box p.small { font-size: 12.5px; color: #4A4E55; line-height: 1.45; margin-bottom: 12px; }
.portal-box__img { position: relative; overflow: hidden; min-height: 190px; background: #222 url("assets/img/bg-4.svg") center / cover; color: #fff; padding: 20px 22px; display: flex; flex-direction: column; justify-content: center; }
.portal-box__img::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,14,20,.85), rgba(10,14,20,.25)); }
.portal-box__img > * { position: relative; }
.portal-box__img strong { font-family: var(--font-head); font-size: 22px; line-height: 1.15; display: block; margin-bottom: 8px; }
.portal-box__img span { font-size: 12.5px; color: #C9D0D8; max-width: 230px; display: block; }
.portal-box__img .icon { margin-top: 14px; font-size: 26px; }

@media (max-width: 1440px) {
  .header-flag { right: 330px; }
}
@media (max-width: 1200px) {
  .header-flag, .header-tagline, .topbar__search { display: none; }
  .nav-search { margin-left: auto; }
  .board--hero, .board--news { grid-template-columns: 1fr; }
  .board--trio { grid-template-columns: 1fr 1fr; }
  .board--trio > :last-child { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--line); }
  .board > * + * { border-left: 0; border-top: 1px solid var(--line); }
  .board--trio > :nth-child(2) { border-top: 0; border-left: 1px solid var(--line); }
  .divided { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 18px; }
  .divided > :nth-child(3) { padding-left: 0; border-left: 0; }
  .divided > :nth-child(2) { padding-right: 0; }
}
@media (max-width: 992px) {
  .slider__pager--bars { position: static; margin-top: 12px; }
  .slide__body h2 { font-size: 30px; }
}
@media (max-width: 680px) {
  .board--trio { grid-template-columns: 1fr; }
  .board--trio > :nth-child(2) { border-left: 0; border-top: 1px solid var(--line); }
  .divided { grid-template-columns: 1fr; }
  .divided > * { padding: 0 !important; border-left: 0 !important; }
  .divided > * + * { border-top: 1px solid var(--line) !important; padding-top: 14px !important; }
  .divided > :nth-child(n+3) { display: none; }
  .video-box, .portal-box { grid-template-columns: 1fr; }
  .slide__body h2 { font-size: 26px; }
  .brand__slogan { display: none; }
}


/* Header: dalgalanan bayrak + başlık */
.header-promo { position: relative; z-index: 2; margin-left: auto; display: flex; align-items: center; gap: 26px; }
.flag-wave { position: relative; display: flex; align-items: flex-start; height: 92px; padding-top: 6px; }
.flag-wave__pole { width: 4px; height: 92px; margin-top: -6px; border-radius: 2px; background: linear-gradient(90deg, #6B7079, #D5D8DC 45%, #6B7079); box-shadow: 1px 0 2px rgba(0,0,0,.15); }
.flag-wave__pole::before { content: ""; position: absolute; left: -2px; top: -9px; width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #EDEFF1, #8C9199); }
.flag-wave__cloth { display: flex; width: 120px; height: 80px; filter: drop-shadow(0 6px 10px rgba(18,17,12,.18)); }
.flag-wave__cloth span {
  flex: 1; height: 100%;
  background: url("assets/img/flag-tr.svg") no-repeat;
  background-size: 120px 80px;
  background-position: calc(var(--i) * -2.5px) 0;
  animation: flag-wave 2.6s ease-in-out infinite;
  animation-delay: calc(var(--i) * -0.055s);
}
@keyframes flag-wave {
  0%, 100% { transform: translateY(calc(var(--i) * -0.12px)); filter: brightness(1.06); }
  50%      { transform: translateY(calc(var(--i) * 0.12px));  filter: brightness(.84); }
}
@media (prefers-reduced-motion: reduce) { .flag-wave__cloth span { animation: none; } }
.header-promo__text { border-left: 1px solid #D5D8DC; padding-left: 22px; display: flex; flex-direction: column; line-height: 1.2; }
.header-promo__text span { font-family: var(--font-head); font-size: 11.5px; font-weight: 700; color: var(--red); text-transform: uppercase; letter-spacing: .12em; margin-bottom: 4px; }
.header-promo__text strong { font-family: var(--font-head); font-size: 23px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; }
.header-promo__text small { font-size: 12.5px; color: var(--muted); margin-top: 5px; letter-spacing: .02em; }
@media (max-width: 1200px) { .header-promo { display: none; } }


/* Yapışkan footer: içerik kısa olsa da footer ekranın altında kalır */
body { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
body > main { flex: 1 0 auto; }
main:has(> .portal) { display: flex; flex-direction: column; }
main > .portal { flex: 1; }

@media (min-width: 1201px) {
  .portal__side { padding-left: max(40px, calc((100vw - var(--container)) / 2 + var(--gutter))); }
  .portal__form { padding-right: max(40px, calc((100vw - var(--container)) / 2 + var(--gutter))); max-width: none; }
  .portal__form > * { max-width: 560px; width: 100%; }
}

/* Bülten: ikon-başlık yakınlığı + kağıt uçak hareketi */
.newsletter .container { gap: 18px; }
.newsletter .container > .icon { font-size: 40px; animation: nl-fly 3.2s ease-in-out infinite; transform-origin: 40% 60%; }
.newsletter form { margin-left: auto; }
@keyframes nl-fly {
  0%, 100% { transform: translate(0, 0) rotate(0); }
  35%      { transform: translate(5px, -5px) rotate(-8deg); }
  60%      { transform: translate(2px, -2px) rotate(-3deg); }
}
@media (prefers-reduced-motion: reduce) { .newsletter .container > .icon { animation: none; } }
@media (max-width: 992px) { .newsletter .container { gap: 14px; } }

/* Üretici Portalı — Çok Yakında */
.soon-pill { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 2px 6px; background: var(--red); color: #fff; font-family: var(--font-head); font-size: 9.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; line-height: 1.3; }
.mega__promo .soon-pill { margin: 0 0 8px; align-self: flex-start; }
.portal-box__title .soon-pill { margin-left: 2px; }
.soon-hero { position: relative; overflow: hidden; background: var(--navy-2); color: #C9D0D8; }
.soon-hero::before { content: ""; position: absolute; inset: 0; background: url("assets/img/bg-4.svg") center / cover; opacity: .45; }
.soon-hero::after { content: ""; position: absolute; right: -10%; top: -30%; width: 60%; height: 160%; background: radial-gradient(closest-side, rgba(206,21,21,.28), transparent); }
.soon-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; padding-top: 40px; padding-bottom: 48px; }
.soon-hero .breadcrumb, .soon-hero .breadcrumb a { color: #8F98A3; }
.soon-badge { display: inline-flex; align-items: center; gap: 8px; margin: 22px 0 14px; padding: 6px 12px; border: 1px solid rgba(255,255,255,.2); background: rgba(255,255,255,.06); color: #fff; font-family: var(--font-head); font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.soon-badge i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 0 rgba(206,21,21,.7); animation: pulse 1.8s infinite; }
@keyframes pulse { 70% { box-shadow: 0 0 0 9px rgba(206,21,21,0); } 100% { box-shadow: 0 0 0 0 rgba(206,21,21,0); } }
.soon-hero h1 { color: #fff; font-size: 44px; line-height: 1.06; letter-spacing: -.03em; margin: 0 0 16px; }
.soon-hero h1 em { font-style: normal; color: #FF4D4D; }
.soon-lead { font-size: 16.5px; line-height: 1.55; max-width: 600px; margin-bottom: 24px; }
.soon-actions { display: flex; gap: 10px; flex-wrap: wrap; }

/* Arayüz önizlemesi (mock) */
.mock { position: relative; background: #fff; box-shadow: 0 30px 60px rgba(0,0,0,.45); transform: perspective(1400px) rotateY(-8deg) rotateX(3deg); transition: transform .5s ease; }
.mock:hover { transform: perspective(1400px) rotateY(-2deg) rotateX(1deg); }
.mock__bar { display: flex; align-items: center; gap: 6px; height: 30px; padding: 0 12px; background: #ECEEF1; }
.mock__bar span { width: 9px; height: 9px; border-radius: 50%; background: #C9CDD2; }
.mock__bar span:first-child { background: var(--red); }
.mock__bar em { margin-left: 12px; font-style: normal; font-size: 11px; color: #8C9199; background: #fff; padding: 2px 10px; }
.mock__body { padding: 18px; }
.mock__search { display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 6px 0 14px; border: 1px solid var(--line); color: var(--ink); font-size: 13px; }
.mock__search .icon { color: var(--red); }
.mock__search small { color: #9AA0A8; }
.mock__search span { margin-left: auto; background: var(--red); color: #fff; font-weight: 700; font-size: 12px; padding: 7px 14px; }
.mock__chips { display: flex; gap: 6px; margin: 12px 0 14px; }
.mock__chips span { font-size: 11px; font-weight: 600; padding: 4px 9px; background: var(--bg-soft); color: #4A4E55; }
.mock__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; filter: blur(.6px); }
.mock-card { display: flex; gap: 10px; align-items: center; padding: 10px; border: 1px solid var(--line); }
.mock-card img { width: 42px; height: 42px; }
.mock-card div { flex: 1; display: flex; flex-direction: column; gap: 6px; }
.mock-card i { display: block; height: 7px; background: #E4E6EA; }
.mock-card i:first-child { background: #C9CDD2; }
.mock__label { position: absolute; left: 18px; bottom: -14px; background: var(--red); color: #fff; font-family: var(--font-head); font-size: 11.5px; font-weight: 700; padding: 6px 10px; letter-spacing: .04em; }

/* Yol haritası şeridi */
.soon-status { border-bottom: 1px solid var(--line); background: #fff; }
.soon-status .container { display: grid; grid-template-columns: repeat(var(--n, 3), 1fr); }
.soon-phase { display: flex; align-items: center; gap: 14px; padding: 18px 20px; }
.soon-phase + .soon-phase { border-left: 1px solid var(--line); }
.soon-phase > span { font-family: var(--font-head); font-size: 26px; font-weight: 800; color: #D5D8DC; }
.soon-phase strong { display: block; font-family: var(--font-head); font-size: 16px; color: var(--ink); }
.soon-phase small { color: var(--muted); font-size: 12.5px; }
.soon-phase em { margin-left: auto; font-style: normal; font-size: 11.5px; font-weight: 700; padding: 4px 9px; background: var(--bg-soft); color: #6B7079; white-space: nowrap; }
.soon-phase.is-live > span { color: #2E9B57; }
.soon-phase.is-live em { background: #EAF6EE; color: #1F7A45; }
.soon-phase.is-prep > span { color: #E0A100; }
.soon-phase.is-prep em { background: #FFF8E6; color: #8A6500; }

/* Hedef kitle */
.soon-aud { display: grid; grid-template-columns: 48px 1fr; gap: 16px; border: 1px solid var(--line); border-top: 3px solid var(--ink); padding: 22px; }
.soon-aud > .icon { font-size: 40px; color: var(--red); stroke-width: 1.5; }
.soon-aud h3 { font-size: 20px; margin-bottom: 6px; }
.soon-aud p { font-size: 14.5px; color: #4A4E55; margin-bottom: 10px; }
.soon-aud li { position: relative; padding: 4px 0 4px 20px; font-size: 14px; }
.soon-aud li::before { content: ""; position: absolute; left: 0; top: 13px; width: 10px; height: 2px; background: var(--red); }

/* Adımlar */
.soon-steps { display: grid; grid-template-columns: repeat(var(--n, 4), 1fr); gap: 16px; position: relative; }
.soon-steps::before { content: ""; position: absolute; left: 12%; right: 12%; top: 46px; border-top: 2px dashed #C9CDD2; }
.soon-step { position: relative; background: #fff; border: 1px solid var(--line); padding: 22px 18px 20px; text-align: center; transition: transform var(--t), box-shadow var(--t); }
.soon-step:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.soon-step__no { position: absolute; top: 10px; left: 12px; font-family: var(--font-head); font-weight: 800; font-size: 13px; color: var(--red); }
.soon-step__icon { width: 52px; height: 52px; margin: 0 auto 12px; background: var(--ink); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 22px; position: relative; z-index: 1; box-shadow: 0 0 0 6px #fff; }
.soon-step h3 { font-size: 17px; margin-bottom: 6px; }
.soon-step p { font-size: 13.5px; color: #4A4E55; margin: 0; }
.soon-note { display: flex; align-items: center; gap: 8px; margin: 16px 0 0; font-size: 13px; color: var(--muted); }
.soon-note .icon { color: var(--red); }

/* Özellikler */
.soon-feat { display: grid; grid-template-columns: 34px 1fr; gap: 14px; border: 1px solid var(--line); padding: 18px; transition: border-color var(--t); }
.soon-feat:hover { border-color: var(--ink); }
.soon-feat > .icon { font-size: 28px; color: var(--red); stroke-width: 1.6; }
.soon-feat h3 { font-size: 17px; margin: 6px 0 4px; }
.soon-feat p { font-size: 13.5px; color: #4A4E55; margin: 0; }
.soon-tag { display: inline-block; font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; padding: 3px 7px; background: var(--bg-soft); color: #4A4E55; }
.soon-tag--idea { background: #FFF8E6; color: #8A6500; }
.soon-legal { display: flex; gap: 14px; align-items: flex-start; margin-top: 22px; padding: 16px 18px; background: var(--bg-soft); border-left: 3px solid var(--ink); font-size: 13.5px; color: #3A3D42; }
.soon-legal .icon { font-size: 24px; color: var(--ink); flex-shrink: 0; margin-top: 2px; }
.soon-legal p { margin: 0; }

/* Ön kayıt */
.soon-signup { background: var(--navy); color: #C9D0D8; }
.soon-signup__grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; align-items: center; }
.soon-signup h2 { color: #fff; font-size: 34px; margin: 8px 0 12px; }
.soon-signup p { font-size: 15.5px; }
.soon-checks li { display: flex; gap: 10px; padding: 5px 0; font-size: 14.5px; color: #E5E9EE; }
.soon-checks .icon { color: var(--red); margin-top: 4px; }
.soon-signup .panel { padding: 22px; border: 0; color: var(--text); }

/* SSS */
.soon-faq { background: #fff; border: 1px solid var(--line); }
.soon-faq + .soon-faq { border-top: 0; }
.soon-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; font-family: var(--font-head); font-weight: 700; font-size: 16px; color: var(--ink); }
.soon-faq summary::-webkit-details-marker { display: none; }
.soon-faq summary .icon { color: var(--red); transition: transform var(--t); }
.soon-faq[open] summary .icon { transform: rotate(180deg); }
.soon-faq p { padding: 0 18px 16px; margin: 0; font-size: 14.5px; color: #4A4E55; }

@media (max-width: 1200px) {
  .soon-hero__grid, .soon-signup__grid { grid-template-columns: 1fr; }
  .mock { max-width: 620px; transform: none; }
  .soon-steps { grid-template-columns: 1fr 1fr; }
  .soon-steps::before { display: none; }
}
@media (max-width: 860px) {
  .soon-status .container { grid-template-columns: 1fr; }
  .soon-phase + .soon-phase { border-left: 0; border-top: 1px solid var(--line); }
}
@media (max-width: 680px) {
  .soon-hero h1 { font-size: 30px; }
  .soon-steps { grid-template-columns: 1fr; }
  .mock__grid { grid-template-columns: 1fr; }
  .mock__search small { display: none; }
  .soon-signup h2 { font-size: 26px; }
}

/* 11) Responsive ------------------------------------------------------------ */
@media (max-width: 1440px) {
  .nav-menu > li > a { padding: 0 15px; font-size: 13.5px; }
  .nav-menu > li > a::after { left: 15px; right: 15px; }
  .nav-portal { padding: 0 24px; }
  .home-top__grid { grid-template-columns: minmax(0, 1fr) 430px; }
  .mag__archive { grid-template-columns: repeat(5, 1fr); }
  .mag__archive a:nth-child(n+6) { display: none; }
  .footer-top { gap: 32px; }
}
@media (max-width: 1200px) {
  #uretici-liste { grid-template-columns: repeat(2, 1fr); }
  .nav-menu, .nav-portal span { display: none; }
  .nav-portal { margin-left: auto; padding: 0 18px; }
  .burger { display: inline-flex; }
  .main-nav .burger { width: 50px; height: 50px; color: #fff; font-size: 24px; align-items: center; justify-content: center; }
  .issue-teaser { display: none; }
  .sector-tiles { grid-template-columns: repeat(3, 1fr); }
  .home-top__grid { grid-template-columns: 1fr; }
  .headline { border-right: 0; border-bottom: 1px solid var(--line); }
  .layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .grid-4, .grid-5 { grid-template-columns: repeat(3, 1fr); }
  .platform .container, .mag { grid-template-columns: 1fr; }
  .mag__cover { max-width: 300px; }
  .portal { grid-template-columns: 1fr; }
}
@media (max-width: 992px) {
  .topbar__left > :not(:first-child), .topbar__mail { display: none; }
  .brand__slogan { display: none; }
  .site-header .container { height: 100px; }
  .brand img { height: 58px; }
  .slide { grid-template-columns: 1fr; }
  .slide .media { height: auto; aspect-ratio: 16 / 10; }
  .grid-3, .grid-4, .grid-5 { grid-template-columns: repeat(2, 1fr); }
  .feature-grid { grid-template-columns: 1fr; grid-template-rows: auto; }
  .feature-grid .ocard:first-child { grid-row: auto; min-height: 380px; }
  .video-grid { grid-template-columns: 1fr; }
  .newsletter .container { flex-direction: column; align-items: flex-start; }
  .newsletter form { flex: auto; width: 100%; margin: 0; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .about-intro { grid-template-columns: 1fr; }
  .numbers { grid-template-columns: 1fr 1fr; }
  .profile-head .container { grid-template-columns: 100px 1fr; }
  .profile-head img.logo { width: 100px; height: 100px; }
  .profile-head .actions { grid-column: 1 / -1; flex-direction: row; }
  .event { grid-template-columns: 80px 1fr; }
  .event > :last-child { grid-column: 1 / -1; flex-wrap: wrap; }
}
@media (max-width: 680px) {
  :root { --gutter: 16px; }
  .section { padding: 40px 0; }
  .topbar .social { display: none; }
  .header-actions .icon-btn { width: 40px; height: 40px; }
  .brand img { height: 48px; }
  .site-header .container { height: 82px; }
  .ticker__all { display: none; }
  .grid-2, .grid-3, .grid-4, .grid-5, .platform__cards, .mag__toc, .form-row, .prevnext, .role { grid-template-columns: 1fr; }
  .sector-tiles { grid-template-columns: repeat(3, 1fr); }
  .mag__archive { grid-template-columns: repeat(3, 1fr); }
  .mag__archive a:nth-child(n+4) { display: none; }
  .hcard { grid-template-columns: 120px 1fr; gap: 14px; }
  .hcard .card__title { font-size: 16.5px; }
  .hcard .card__excerpt { display: none; }
  .slide__body h2 { font-size: 24px; }
  .feature-grid .ocard:first-child h3 { font-size: 23px; }
  .grid--limit > :nth-child(n+5) { display: none; }
  .editor-item { grid-template-columns: 90px 1fr; }
  .editor-item img { width: 90px; height: 116px; }
  .slider__pager button:nth-child(n+6) { display: none; }
  .page-hero h1, .article-head h1 { font-size: 30px; }
  .article-head .spot { font-size: 17px; }
  .prose { font-size: 17px; }
  .mag h2, .platform h2 { font-size: 30px; }
  .footer-top { grid-template-columns: 1fr; gap: 32px; }
  .author-box { grid-template-columns: 1fr; }
  .s-title h2, .s-title h1 { font-size: 20px; white-space: normal; }
  .s-title__line { min-width: 20px; }
  #uretici-liste { grid-template-columns: 1fr; }
  .s-title__more span { display: none; }
  .portal__side, .portal__form { padding: 36px 20px; }
  .newsletter .btn { width: 100%; }
  .toolbar .search-inline { min-width: 0; width: 100%; }
  .kv, .kv.kv--wide { grid-template-columns: 110px 1fr !important; padding: 6px 16px !important; }
  .numbers div { padding: 20px; }
  .numbers strong { font-size: 32px; }
}

/* ==========================================================================
   12) WordPress uyarlaması
   ========================================================================== */
.admin-bar .main-nav { top: 32px; }
@media (max-width: 782px) { .admin-bar .main-nav { top: 0; } }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.alignleft { float: left; margin: 6px 22px 12px 0; }
.alignright { float: right; margin: 6px 0 12px 22px; }
.aligncenter { display: block; margin: 0 auto 18px; }
.alignwide, .alignfull { max-width: 100%; }
.wp-caption, .wp-block-image { margin: 24px 0; }
.wp-caption-text, .wp-block-image figcaption, .wp-element-caption { font-size: 13px; color: var(--muted); padding: 8px 0; border-bottom: 1px solid var(--line); margin: 0; }
.prose img { height: auto; }
.prose iframe { max-width: 100%; }
.prose .wp-block-embed__wrapper iframe, .prose .wp-block-embed iframe { width: 100%; aspect-ratio: 16 / 9; height: auto; }
.prose table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; font-size: 15px; }
.prose th, .prose td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; }
.prose ol { padding-left: 22px; margin: 0 0 1.2em; list-style: decimal; }
.figure img, .figure__img { width: 100%; height: auto; }
.sticky {}
.bypostauthor {}
.gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

/* Anasayfa kutu sistemi — bölümler arası */
.home-top + .home-block .board, .home-block + .home-block .board { border-top: 0; }
.board--single { grid-template-columns: 1fr !important; }
.board--single > * + * { border-left: 0; }
.board--trio.board--n2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
.board--trio.board--n1 { grid-template-columns: 1fr; }
.divided { grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); }
.home-ad { margin-top: 20px; }
.video-box--single { grid-template-columns: 1fr; }
.feature-grid--1 { grid-template-columns: 1fr; grid-template-rows: auto; }
.feature-grid--2 { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
.feature-grid--1 .ocard:first-child, .feature-grid--2 .ocard:first-child { grid-row: auto; min-height: 340px; }
.feature-grid--2 .ocard { min-height: 340px; }
.editor-item img.avatar { width: 92px; height: 120px; object-fit: cover; border-radius: 0; }
.author img.avatar { border-radius: 50%; }

/* Reklam alanları */
.tra-ad { position: relative; display: flex; flex-direction: column; align-items: center; width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; }
.sidebar .tra-ad { width: 100%; }
.tra-ad__track { position: relative; width: 100%; display: grid; justify-items: center; }
.tra-ad__item { grid-area: 1 / 1; width: 100%; display: flex; justify-content: center; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
.tra-ad__item.is-active { opacity: 1; visibility: visible; }
.tra-ad__item a, .tra-ad__item picture { display: block; max-width: 100%; }
.tra-ad__item img { max-width: 100%; height: auto; display: block; margin: 0 auto; }
.tra-ad__label { align-self: flex-end; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #9AA0A8; margin-top: 3px; }
.tra-ad__dots { display: flex; gap: 5px; margin-top: 4px; }
.tra-ad__dots:empty { display: none; }
.tra-ad__dots button { width: 18px; height: 3px; background: #D5D8DC; }
.tra-ad__dots button.is-active { background: var(--red); }
.tra-ad.is-inline { margin: 24px 0; }
.tra-ad-empty { padding: 18px; gap: 4px; min-height: 90px; }
.tra-ad-empty a { color: var(--red); font-weight: 700; text-transform: none; letter-spacing: 0; font-size: 14px; }
.tra-ad-empty small { font-size: 11px; text-transform: none; letter-spacing: 0; font-weight: 500; }
.sidebar .tra-ad-empty, .tra-ad-empty.tra-ad--sidebar { min-height: 250px; }
.header-ad { margin-left: auto; position: relative; z-index: 2; max-width: 740px; }
.header-ad .tra-ad__label { display: none; }
@media (max-width: 1200px) { .header-ad { display: none; } }

/* Formlar */
.tra-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-success.is-visible { display: block; }
.form-error { padding: 12px 14px; background: #FDECEC; color: #8F1414; border-left: 3px solid var(--red); font-size: 14px; margin-top: 12px; }
.newsletter .form-error, .newsletter .form-success { flex-basis: 100%; }
.check a { color: var(--ink); text-decoration: underline; }
.sub-grid { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: start; }
.sub-grid--full { grid-template-columns: 1fr; max-width: 820px; }
.sub-cover img { width: 100%; height: auto; box-shadow: 0 20px 40px rgba(0,0,0,.2); }
@media (max-width: 992px) { .sub-grid { grid-template-columns: 1fr; } .sub-cover { max-width: 240px; } }

/* Video gömme */
.video-embed { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.map-embed iframe { display: block; width: 100%; height: 420px; border: 0; filter: grayscale(.3); }
.modal__box iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Üreticiler */
.maker-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; }
@media (max-width: 992px) { .maker-layout { grid-template-columns: 1fr; } }
.filter-link { display: flex; align-items: center; padding: 6px 0; font-size: 14px; color: var(--text); }
.filter-link span { margin-left: auto; color: var(--muted); font-size: 12.5px; }
.filter-link.is-active { color: var(--red); font-weight: 700; }
.maker__ph { width: 56px; height: 56px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; background: var(--navy); color: #fff; font-family: var(--font-head); font-weight: 800; font-size: 18px; text-transform: uppercase; }
.maker__top img { object-fit: contain; background: #fff; }
.maker-mini-list { padding: 4px 16px; }
.maker-mini-list a { display: flex; gap: 12px; align-items: center; padding: 9px 0; border-bottom: 1px solid var(--line); }
.maker-mini-list a:last-child { border-bottom: 0; }
.maker-mini-list img, .maker-mini-list .maker__ph { width: 42px; height: 42px; border: 1px solid var(--line); object-fit: contain; font-size: 14px; }
.maker-mini-list strong { display: block; color: var(--ink); font-size: 14px; font-family: var(--font-head); }
.maker-mini-list .verified { margin-left: auto; }
.profile-head::before { background-image: var(--cover, url("assets/img/bg-2.svg")); }
.profile-head .maker__ph.logo { width: 110px; height: 110px; font-size: 34px; border: 3px solid #fff; }
.profile-head .meta a { color: #C9D0D8; }

/* Makaleler */
.article-lead { grid-template-columns: 1.1fr 1fr; border: 0; padding: 0 !important; margin-bottom: 28px; background: var(--bg-soft); }
.article-lead .media { aspect-ratio: auto; min-height: 300px; }
.article-lead .card__body { padding: 24px 24px 24px 4px; justify-content: center; }
.article-lead h2 { font-size: 28px; margin: 6px 0 10px; }
@media (max-width: 680px) { .article-lead { grid-template-columns: 1fr; } .article-lead .card__body { padding: 16px; } }

/* Diğer */
.about-intro--full { grid-template-columns: 1fr; max-width: 960px; }
.soon-hero__grid--single { grid-template-columns: 1fr; max-width: 860px; }
.mock-card__logo { width: 42px; height: 42px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 800; font-size: 13px; }
.sector-list small { margin-left: auto; }
.comments { margin-top: 36px; }
.comment-list { margin-bottom: 24px; }
.comment-list li { padding: 14px 0; border-bottom: 1px solid var(--line); }
.comment-list .children { padding-left: 24px; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; padding: 10px 12px; border: 1px solid #D5D8DC; }
.pagination .dots { border: 0; }
.share button.is-done { background: #2E9B57; border-color: #2E9B57; color: #fff; }