/*
Theme Name: ALÇIDER
Theme URI: https://alcider.org.tr
Author: ALÇIDER
Description: Türkiye Alçı Üreticileri Derneği (ALÇIDER) için kurumsal klasik WordPress teması. Sayfa oluşturucu yok, ağır animasyon yok; sade PHP şablonları, tek CSS, minimum JS.
Version: 1.0.0
Requires at least: 6.0
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: alcider
Tags: corporate, custom-menu, translation-ready
*/

/* =========================================================
   1. Tasarım Jetonları
   ========================================================= */
:root{
  --red:     #9C2424;
  --red-d:   #6E1818;
  --red-rgb: 156,36,36;
  --ink:    #1C1A19;
  --paper:  #F7F4F0;
  --paper2: #ECE7E1;
  --line:   #D8D0C8;
  --mute:   #6B645E;

  --font-head: "Poppins", system-ui, Arial, sans-serif;
  --font-body: "Manrope", system-ui, Arial, sans-serif;

  --radius:   10px;
  --radius-s: 8px;
  --shadow:   0 1px 2px rgba(28,26,25,.06);
  --shadow-h: 0 4px 14px rgba(28,26,25,.10);
  --container: 1180px;
  --gap: 24px;
  --section: 72px;
  --header-h: 88px;
  --t: .15s ease;
}

/* =========================================================
   2. Reset & Taban
   ========================================================= */
*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-padding-top:calc(var(--header-h) + 12px); }
body{
  margin:0;
  font-family:var(--font-body);
  font-size:16px; line-height:1.65;
  color:var(--ink);
  background:#fff;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:var(--red); text-decoration:none; transition:color var(--t); }
a:hover{ color:var(--red-d); }
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-head);
  font-weight:700; line-height:1.2;
  color:var(--ink); margin:0 0 .5em;
}
h1{ font-size:40px; letter-spacing:-.5px; font-weight:800; }
h2{ font-size:30px; letter-spacing:-.5px; }
h3{ font-size:21px; }
p{ margin:0 0 1em; }
ul,ol{ padding-left:1.3em; }
:focus-visible{ outline:2px solid var(--red); outline-offset:2px; border-radius:2px; }
.screen-reader-text{
  position:absolute !important; width:1px; height:1px;
  clip-path:inset(50%); overflow:hidden; white-space:nowrap;
}
.skip-link{
  position:absolute; left:8px; top:-48px; z-index:200;
  background:var(--red); color:#fff; padding:8px 16px; border-radius:6px;
}
.skip-link:focus{ top:8px; color:#fff; }
.container{ max-width:var(--container); margin:0 auto; padding:0 24px; }

/* =========================================================
   3. Butonlar
   ========================================================= */
.btn{
  display:inline-block; padding:12px 26px;
  font-family:var(--font-head); font-weight:600; font-size:15px;
  border-radius:var(--radius-s); border:2px solid transparent;
  cursor:pointer; transition:background var(--t), color var(--t), border-color var(--t), box-shadow var(--t);
}
.btn-red{ background:var(--red); color:#fff; }
.btn-red:hover{ background:var(--red-d); color:#fff; box-shadow:var(--shadow-h); }
.btn-paper{ background:var(--paper); color:var(--red); }
.btn-paper:hover{ background:#fff; color:var(--red-d); box-shadow:var(--shadow-h); }
.btn-outline{ background:transparent; color:#fff; border-color:rgba(255,255,255,.7); }
.btn-outline:hover{ border-color:#fff; color:#fff; background:rgba(255,255,255,.08); }
.btn-sm{ padding:8px 18px; font-size:14px; }
/* .main-nav a{display:block} kuralını ezmek için özgüllük .main-nav ile artırıldı. */
.main-nav .nav-cta{ display:none; } /* yalnızca mobil menüde görünür */
.nav-lang{ display:none; } /* dil anahtarı: masaüstünde üst barda, mobilde menü içinde */

/* =========================================================
   4. Üst Bar
   ========================================================= */
.site-header{
  position:sticky; top:0; z-index:100;
  background:#fff;
  border-bottom:1px solid var(--line);
  box-shadow:0 2px 12px rgba(28,26,25,.07);
  transition:background .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.site-header.is-scrolled{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  box-shadow:0 1px 6px rgba(28,26,25,.05);
  border-bottom-color:rgba(0,0,0,.06);
}
.site-header.is-scrolled .header-inner{ height:64px; }
.site-header.is-scrolled .brand-logo{ height:52px; }
.header-inner{
  display:flex; align-items:center; gap:28px;
  height:var(--header-h);
  transition:height .3s ease;
}
.brand{ display:flex; align-items:center; flex-shrink:0; }
.brand-logo{ height:72px; width:auto; transition:height .3s ease; }
.brand-text{
  font-family:var(--font-head); font-weight:800; font-size:24px;
  letter-spacing:-.5px; color:var(--ink); display:flex; flex-direction:column; line-height:1.05;
}
.brand-text small{
  font-weight:600; font-size:9px; letter-spacing:.14em; color:var(--red);
}
.brand-text.is-light{ color:var(--paper); }
.brand-text.is-light small{ color:#E8A0A0; }

.main-nav{ flex:1; min-width:0; }
.main-nav > ul{
  list-style:none; margin:0; padding:0;
  display:flex; justify-content:flex-end; gap:4px;
  white-space:nowrap;
}
.main-nav li{ position:relative; }
.main-nav a{
  display:block; padding:9px 13px;
  font-family:var(--font-head); font-weight:450; font-size:13px;
  color:var(--ink); border-radius:6px;
}
/* Yalnızca üst seviye sekmeler (Hakkımızda, Alçı vb.) büyük harf; açılır
   alt menü öğeleri normal harf büyüklüğünde kalır. */
.main-nav > ul > li > a{ text-transform:uppercase; }
.main-nav a:hover{ color:var(--red); background:var(--paper2); }
.main-nav .current-menu-item > a,
.main-nav .current-menu-ancestor > a,
.main-nav .current_page_item > a,
.main-nav .current_page_ancestor > a{ color:var(--red); }

/* Dropdown */
.main-nav .sub-menu,
.main-nav .children{
  list-style:none; margin:0; padding:8px;
  position:absolute; left:0; top:100%; min-width:240px;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-s);
  box-shadow:var(--shadow-h);
  opacity:0; visibility:hidden; transform:translateY(4px);
  transition:opacity var(--t), transform var(--t), visibility var(--t);
  z-index:110;
}
.main-nav li:hover > .sub-menu,
.main-nav li:focus-within > .sub-menu,
.main-nav li:hover > .children,
.main-nav li:focus-within > .children{
  opacity:1; visibility:visible; transform:translateY(0);
}
.main-nav .sub-menu a,
.main-nav .children a{ padding:8px 11px; font-weight:500; white-space:normal; }

/* Ok işareti yalnızca açılır menü içindeki alt-menülü öğelerde (flyout sinyali);
   ana sekmelerde ok gösterilmez. */
.main-nav .sub-menu .menu-item-has-children > a::after,
.main-nav .children .page_item_has_children > a::after{
  content:"›"; float:right; margin-left:8px;
  font-weight:700; opacity:.55;
}
/* 3. seviye: alta değil yana açılan (flyout) */
.main-nav .sub-menu .sub-menu,
.main-nav .children .children{
  top:-9px; left:100%; margin-left:5px;
}
.sub-toggle{ display:none; }

.header-actions{ display:flex; align-items:center; gap:16px; flex-shrink:0; }
.lang-switch{
  display:flex; align-items:center; gap:6px;
  list-style:none; margin:0; padding:0;
  font-family:var(--font-head); font-weight:600; font-size:13px;
}
.lang-switch a{ color:var(--mute); padding:4px 2px; }
.lang-switch a.is-active,
.lang-switch .current-lang a{ color:var(--red); }
.lang-switch span{ color:var(--line); }

.nav-toggle{
  display:none; background:none; border:0; padding:10px; cursor:pointer;
}
.nav-toggle .bars,
.nav-toggle .bars::before,
.nav-toggle .bars::after{
  display:block; content:""; width:24px; height:2px;
  background:var(--ink); border-radius:2px; position:relative;
  transition:transform var(--t), opacity var(--t);
}
.nav-toggle .bars::before{ position:absolute; top:-7px; }
.nav-toggle .bars::after{ position:absolute; top:7px; }
body.nav-open .nav-toggle .bars{ background:transparent; }
body.nav-open .nav-toggle .bars::before{ transform:translateY(7px) rotate(45deg); }
body.nav-open .nav-toggle .bars::after{ transform:translateY(-7px) rotate(-45deg); }

/* =========================================================
   5. Hero (Ana Sayfa)
   ========================================================= */
.hero{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg, var(--ink) 0%, var(--red-d) 130%);
  color:#fff;
  display:flex; align-items:flex-end;
  min-height:calc(100vh - var(--header-h));
  min-height:calc(100svh - var(--header-h));
}
.hero > .container{ width:100%; }
/* Slider katmanı hero ile aynı kutuyu doldurur; görsel sayısı/geçişi yüksekliği etkilemez. */
.hero-slider{ position:absolute; inset:0; width:100%; height:100%; }
.hero-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity 1.1s ease;
}
.hero-img.is-active{ opacity:1; }
@media (prefers-reduced-motion: reduce){
  .hero-img{ transition:none; }
}
.hero-controls{
  position:absolute; z-index:3; left:50%; bottom:28px; transform:translateX(-50%);
  display:flex; align-items:center; gap:18px;
}
.hero-dots{ display:flex; align-items:center; gap:10px; }
.hero-dot{
  width:7px; height:7px; border-radius:50%; padding:0; border:none;
  background:rgba(255,255,255,.4); cursor:pointer;
  transition:background .3s ease, transform .3s ease;
}
.hero-dot:hover{ background:rgba(255,255,255,.7); }
.hero-dot.is-active{ background:#fff; transform:scale(1.4); }
.hero-arrow{
  display:flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%; padding:0;
  background:rgba(255,255,255,.14); border:none;
  color:#fff; cursor:pointer; flex-shrink:0;
  backdrop-filter:blur(6px);
  transition:background .25s ease, transform .25s ease;
}
.hero-arrow:hover{ background:rgba(255,255,255,.26); transform:scale(1.07); }
.hero-arrow svg{ display:block; }
@media (max-width:580px){
  .hero-controls{ gap:12px; }
  .hero-arrow{ width:32px; height:32px; }
}
.hero-overlay{
  position:absolute; inset:0;
  /* Koyu/siyah katman, okunabilirlik için belirgin ama görseli boğmayacak ölçüde şeffaf. */
  background:linear-gradient(100deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.08) 100%);
}
.hero-pattern{
  position:absolute; inset:0; opacity:.06;
  background-image:repeating-linear-gradient(45deg, #fff 0 1px, transparent 1px 22px);
}
.hero-inner{
  position:relative; z-index:2;
  padding:0 0 100px; max-width:680px;
}
.hero-kicker{
  font-family:var(--font-head); font-weight:600; font-size:13px;
  letter-spacing:.16em; text-transform:uppercase; color:#E8A0A0;
  margin-bottom:14px;
}
.hero h1, .hero .hero-title-alt{ color:#fff; font-size:48px; margin-bottom:18px; }
.hero p{ font-size:18px; color:rgba(255,255,255,.85); margin-bottom:30px; }
.hero-actions{ display:flex; gap:14px; flex-wrap:wrap; }
/* Slayt başına başlık/buton; sadece aktif olan görünür (boyutu .hero değil viewport belirler, etkilenmez). */
.hero-caption{ display:none; }
.hero-caption.is-active{ display:block; }
.hero-title-alt{ font-family:var(--font-head); font-weight:800; line-height:1.2; letter-spacing:-.5px; }

/* =========================================================
   6. Bölümler & Kartlar
   ========================================================= */
.section{ padding:var(--section) 0; }
.section-alt{ background:#fff; }
.section-head{ margin-bottom:36px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.kicker{
  font-family:var(--font-head); font-weight:600; font-size:12.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--red);
  display:block; margin-bottom:8px;
}
.section-head h2{ margin:0; }
.section-head .more{ font-family:var(--font-head); font-weight:600; font-size:14px; }

.card{
  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);
  padding:28px; box-shadow:var(--shadow);
  transition:box-shadow var(--t), border-color var(--t);
}
.card:hover{ box-shadow:var(--shadow-h); }
.card-accent{ border-left:4px solid var(--red); }
.card-accent-top{ border-top:4px solid var(--red); }
.card h3 a{ color:var(--ink); }
.card h3 a:hover{ color:var(--red); }
.card .meta{ font-size:13px; color:var(--mute); margin-bottom:8px; }
.card p:last-child{ margin-bottom:0; }

/* Anasayfa büyük fotoğraflı öne çıkan kartlar (Ekonomik Çözümler / Karbon ve Çevre) */
/* Deneme: kart çerçevesi (arkaplan/border/shadow/padding) kaldırıldı, sade "görsel + metin" görünümü. */
.feature-card{ background:none; border:0; box-shadow:none; padding:0; }
.feature-card:hover{ box-shadow:none; }
figure.feature-card-figure{ margin:0 0 26px; }
.feature-card-figure .ph-box{ aspect-ratio:4/3; }
figure.feature-card-figure img{ aspect-ratio:4/3; object-fit:cover; }
.feature-card h3{ font-size:17px; margin-top:.2em; margin-bottom:.4em; }
.feature-card p{ font-size:14px; }
.feature-card .btn{ margin-top:8px; }

.grid-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gap); }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); }
.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); }

/* Logo bandı (üye firmalar) — sağdan sola akan şerit, gri tonlama → hover renk */
.logo-band{ padding:31px 0; background:#fff; border-bottom:1px solid var(--line); overflow:hidden; }
.logo-band-track{
  display:flex; width:max-content;
  animation:band-scroll 55s linear infinite;
}
.logo-band:hover .logo-band-track{ animation-play-state:paused; }
@keyframes band-scroll{
  from{ transform:translateX(0); }
  to  { transform:translateX(-50%); }
}
.logo-band-items{
  display:flex; flex-wrap:nowrap; align-items:center;
  gap:80px; padding:0 20px;
}
.logo-band-items a{
  flex:0 0 auto;
  display:flex; align-items:center;
  filter:grayscale(1); opacity:.62;
  transition:filter var(--t), opacity var(--t);
}
.logo-band-items a:hover{ filter:grayscale(0); opacity:1; }
.logo-band-items img{ height:23px; width:auto; max-width:126px; object-fit:contain; }
.logo-band-items img[src*="abs-alci"]{ height:30px; max-width:150px; }
.logo-band-items img[src*="alcibay"]{ height:20px; max-width:110px; }
.logo-band-items .logo-text{
  font-family:var(--font-head); font-weight:700; font-size:15px; color:var(--mute);
  white-space:nowrap;
}
.logo-band-items a:hover .logo-text{ color:var(--red); }
@media (max-width:580px){
  .logo-band-items{ gap:55px; padding:0 13px; }
  .logo-band-items img{ height:17px; max-width:95px; }
  .logo-band-items img[src*="abs-alci"]{ height:23px; max-width:113px; }
  .logo-band-items img[src*="alcibay"]{ height:14px; max-width:83px; }
}

/* Üyelik bandı (Eurogypsum / İMSAD) */
.member-band{
  background:#fff; border-top:1px solid var(--line);
  padding:26px 0;
}
.member-band .band-label{
  display:block; text-align:center; margin-bottom:16px;
  font-family:var(--font-head); font-weight:600; font-size:12px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--mute);
}
.member-band-inner{
  display:flex; align-items:center; justify-content:center; gap:40px; flex-wrap:wrap;
}
.member-band a{ display:flex; align-items:center; }
.member-band a:hover{ filter:none; }
.member-band img{ max-height:40px; width:auto; filter:grayscale(1); opacity:.75; transition:filter var(--t), opacity var(--t); }
.member-band a:hover img{ filter:grayscale(0); opacity:1; }
.member-band .logo-text{
  font-family:var(--font-head); font-weight:700; font-size:16px; color:var(--ink);
}
.member-band a:hover .logo-text{ color:var(--red); }

/* Ana sayfa — Tanıtım / Misyon bloğu */
.intro-head{ max-width:760px; margin:0 auto 48px; text-align:center; }
.intro-head h2{ margin:0 0 16px; }
.intro-lead{ font-size:18px; color:var(--mute); margin:0; }
.motto{
  font-family:var(--font-head); font-weight:700; font-size:15px;
  color:var(--ink); margin:0 0 4px; letter-spacing:.01em;
}
.intro-pillars{ margin-top:8px; }
.pillar{ text-align:center; padding:8px 12px; }
.pillar-icon{
  width:56px; height:56px; margin:0 auto 18px;
  display:flex; align-items:center; justify-content:center;
  background:var(--paper2); color:var(--red); border-radius:50%;
}
.pillar-icon svg{ width:26px; height:26px; }
.pillar h3{ font-size:19px; margin:0 0 8px; }
.pillar p{ margin:0; color:var(--mute); font-size:15px; }

/* Ana sayfa — Sayılarla ALÇIDER bandı */
.stats-band{ background:var(--ink); color:#fff; padding:60px 0; }
.stats-band .stat{ text-align:center; padding:8px; }
.stat-num{
  display:block; font-family:var(--font-head); font-weight:800;
  font-size:48px; line-height:1; color:#fff; letter-spacing:-.01em;
}
.stat-label{
  display:block; margin-top:12px; font-size:14px;
  letter-spacing:.04em; color:rgba(247,244,240,.7);
}

/* Ana sayfa — Alt çağrı (CTA) bandı */
.cta-band{
  background:linear-gradient(135deg, var(--red) 0%, var(--red-d) 100%);
  color:#fff; padding:56px 0;
}
.cta-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:24px 40px; flex-wrap:wrap;
}
.cta-text h2{ color:#fff; margin:0 0 6px; }
.cta-text p{ margin:0; color:rgba(255,255,255,.88); max-width:560px; }
.cta-actions{ display:flex; gap:14px; flex-wrap:wrap; }

/* Scroll ile yumuşak beliriş */
.reveal{
  opacity:0; transform:translateY(22px);
  transition:opacity .6s ease, transform .6s ease;
}
.reveal.is-visible{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity:1; transform:none; transition:none; }
}

/* =========================================================
   7. İç Sayfa Başlık Bandı
   ========================================================= */
.page-hero{
  position:relative; color:var(--paper); padding:122px 0 107px; min-height:340px;
  display:flex; align-items:center;
  background-image:
    linear-gradient(100deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.28) 55%, rgba(0,0,0,.08) 100%),
    var(--hero-img, url(assets/img/hero3.jpg));
  background-size:cover; background-position:center;
}
.page-hero > .container{ width:100%; }
.breadcrumb{
  font-size:13px; color:rgba(247,244,240,.55); margin-bottom:18px;
}
.breadcrumb a{ color:rgba(247,244,240,.75); }
.breadcrumb a:hover{ color:#fff; }
.breadcrumb .sep{ margin:0 8px; opacity:.5; }
.page-hero h1{ color:#fff; margin-bottom:14px; font-size:40px; }
.page-hero .lead{ color:rgba(247,244,240,.78); font-size:18px; line-height:1.6; margin:0; max-width:760px; }

/* =========================================================
   8. İçerik Düzeni
   ========================================================= */
.content-area{ padding:56px 0 var(--section); }
.with-sidebar{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:48px; align-items:start; }
.entry-content{ max-width:760px; }
.entry-content h2{ margin-top:1.4em; font-size:26px; }
.entry-content h3{ margin-top:1.2em; }
.entry-content img{ border-radius:var(--radius-s); }
.entry-content blockquote{
  margin:1.4em 0; padding:18px 24px;
  background:#fff; border-left:4px solid var(--red);
  border-radius:0 var(--radius-s) var(--radius-s) 0;
  font-style:italic; color:var(--mute);
}
.entry-content table{ width:100%; border-collapse:collapse; }
.entry-content th, .entry-content td{ border:1px solid var(--line); padding:10px 14px; text-align:left; }
.entry-content th{ background:var(--paper2); font-family:var(--font-head); font-size:14px; }

/* Yan kolon */
.sidebar-box{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 24px;
}
.sidebar-box + .sidebar-box{ margin-top:20px; }
.sidebar-box h2{
  font-size:13px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--red); margin-bottom:14px; font-weight:700;
}
.sidebar-box ul{ list-style:none; margin:0; padding:0; }
.sidebar-box li{ border-bottom:1px solid var(--paper2); }
.sidebar-box li:last-child{ border-bottom:0; }
.sidebar-box li a{
  display:block; padding:9px 0;
  font-family:var(--font-head); font-weight:500; font-size:14.5px; color:var(--ink);
}
.sidebar-box li a:hover{ color:var(--red); padding-left:4px; transition:padding var(--t), color var(--t); }
.sidebar-box li.current_page_item > a{ color:var(--red); font-weight:700; }

/* Hızlı bilgiler (Dernek) */
.facts li{
  display:flex; justify-content:space-between; gap:12px;
  padding:10px 0; border-bottom:1px solid var(--paper2);
  font-size:14.5px;
}
.facts li:last-child{ border-bottom:0; }
.facts .fact-label{ color:var(--mute); }
.facts .fact-value{ font-family:var(--font-head); font-weight:700; color:var(--ink); text-align:right; }

/* =========================================================
   9. Yönetim Kurulu
   ========================================================= */
.board-president{
  display:grid; grid-template-columns:200px minmax(0,1fr); gap:40px;
  background:#fff; border:1px solid var(--line); border-left:4px solid var(--red);
  border-radius:var(--radius); padding:36px; margin-bottom:44px;
  align-items:center; box-shadow:var(--shadow);
}
/* Yuvarlak profil fotoğrafı: kart/komite gridlerinde ve Başkan kartında ortak. */
.board-photo{
  aspect-ratio:1/1; border-radius:50%; overflow:hidden;
  background:var(--paper2); box-shadow:var(--shadow);
  transition:box-shadow var(--t), transform var(--t);
}
.board-photo img{ width:100%; height:100%; object-fit:cover; }
.avatar-fallback{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:linear-gradient(135deg, var(--red) 0%, var(--red-d) 100%);
  color:#fff; font-family:var(--font-head); font-weight:700; font-size:42px;
}
.board-president .board-photo{ width:200px; height:200px; margin:0 auto; }
.board-president .board-name{ font-size:24px; }
.board-name{ font-size:18px; margin:0 0 5px; }
.board-role{
  font-family:var(--font-head); font-weight:600; font-size:13px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--red);
  margin:0 0 5px;
}
.board-company{ color:var(--mute); font-size:14px; margin:0; }

/* Komite grup başlığı */
.board-group-title{
  font-size:20px; margin:38px 0 18px;
  padding-bottom:10px; border-bottom:2px solid var(--paper2);
}
.board-group-title:first-of-type{ margin-top:0; }

/* Daha ferah görünüm için kartlar arası boşluk büyütüldü. */
.board-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:40px 28px; }

/* Doküman / kaynak kartları (Teknik Kaynaklar, Deprem Çalışmaları) */
.doc-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gap); margin-top:8px; align-items:stretch; }
.doc-grid .doc-card{ height:100%; }
.doc-card{
  display:flex; gap:16px; align-items:flex-start;
  background:#fff; border:1px solid var(--line); border-left:4px solid var(--red);
  border-radius:var(--radius); padding:22px; box-shadow:var(--shadow);
  transition:box-shadow var(--t);
}
.doc-card:hover{ box-shadow:var(--shadow-h); }
.doc-card--photo{ flex-direction:column; gap:0; padding:0; overflow:hidden; border-left:none; border-top:4px solid var(--red); }
.doc-card-thumb{ display:block; line-height:0; }
.doc-card-thumb img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.doc-card--photo .doc-card-body{ padding:20px 22px 22px; flex:1; }
.doc-card-body{ flex:1; }
.doc-icon{
  flex-shrink:0; width:44px; height:44px; border-radius:var(--radius-s);
  background:var(--paper2); color:var(--red);
  display:flex; align-items:center; justify-content:center;
}
.doc-icon svg{ width:22px; height:22px; }
.doc-card h3{ font-size:17px; margin:0 0 6px; }
.doc-card p{ margin:0 0 12px; color:var(--mute); font-size:14.5px; }
.doc-card .more{ font-family:var(--font-head); font-weight:600; font-size:14px; }

/* Sosyal Sorumluluk proje kartları */
.sr-projects{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin-top:8px; }
.sr-card{ display:flex; gap:16px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-top:4px solid var(--red); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow); }
.sr-card-icon{ flex-shrink:0; width:36px; height:36px; color:var(--red); margin-top:2px; }
.sr-card-icon svg{ width:100%; height:100%; }
.sr-card-body h3{ font-size:15px; margin:0 0 8px; }
.sr-card-body p{ margin:0; color:var(--mute); font-size:14px; line-height:1.6; }
@media(max-width:768px){ .sr-projects{ grid-template-columns:1fr; } }

.sr-gallery{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:36px; }
.sr-gallery-item{ position:relative; overflow:hidden; border-radius:var(--radius); aspect-ratio:4/3; }
.sr-gallery-item img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.sr-gallery-item:hover img{ transform:scale(1.04); }
@media(max-width:600px){ .sr-gallery{ grid-template-columns:1fr; } }

/* Gömülü harita alanı (Fabrika Haritası, İletişim) */
.map-embed{
  margin-top:8px; border:1px solid var(--line); border-radius:var(--radius);
  overflow:hidden; background:var(--paper2);
  aspect-ratio:16/9;
}
.map-embed iframe{ width:100%; height:100%; border:0; display:block; }
.map-placeholder{
  width:100%; height:100%; min-height:280px;
  display:flex; align-items:center; justify-content:center; text-align:center;
  color:var(--mute); font-size:14.5px; padding:24px;
}
/* Üretici tesis listesi (Fabrika Haritası) */
.facility-list{ list-style:none; margin:24px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:12px 24px; }
.facility-list li{ padding:12px 0; border-bottom:1px solid var(--paper2); display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.facility-list li::before{ content:"📍"; font-size:14px; }
.facility-address{ display:block; width:100%; font-size:12.5px; color:var(--mute); margin-top:3px; }
/* Kutu/çerçeve yok: yuvarlak fotoğraf + altında isim, ferah/açık bir görünüm. */
.board-card{ text-align:center; }
.board-card .board-photo{ width:144px; height:144px; margin:0 auto 18px; }
.board-card .board-photo .avatar-fallback{ font-size:38px; }
.board-card:hover .board-photo{ box-shadow:var(--shadow-h); transform:translateY(-3px); }
.board-card-body{ padding:0; }

/* Komite isim listesi */
.komite-list{
  list-style:none; margin:0 auto; padding:0;
  max-width:520px;
}
.komite-list li{
  position:relative;
  padding:13px 0 13px 28px;
  border-bottom:1px solid var(--line);
  font-family:var(--font-head); font-weight:500; font-size:16px; color:var(--ink);
}
.komite-list li::before{
  content:"";
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  width:8px; height:8px; border-radius:50%;
  background:var(--red);
}
.komite-list li:last-child{ border-bottom:none; }

/* Başkan'ın Mesajı: uzun metinli makale sayfası, dikey portre fotoğrafı korunur. */
.president-message{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:48px; align-items:start; }
.president-message .board-photo{
  position:sticky; top:calc(var(--header-h) + 20px);
  aspect-ratio:3/3.4; border-radius:var(--radius-s);
}
.signature{
  margin-top:36px; padding-top:22px; border-top:1px solid var(--line);
}
.signature .sig-name{ font-family:var(--font-head); font-weight:700; font-size:18px; }
.signature .sig-role{ color:var(--red); font-size:14px; font-family:var(--font-head); font-weight:600; }

/* =========================================================
   10. Mesleki Çalışma İlkeleri
   ========================================================= */
.manifesto{
  background:var(--red-d); color:#fff;
  border-radius:var(--radius); padding:30px 36px; margin-bottom:44px;
}
.manifesto p{
  margin:0; font-family:var(--font-head); font-weight:600;
  font-size:20px; line-height:1.5; color:#fff;
}
.page-ilkeler .entry-content{ max-width:840px; }
.page-ilkeler .entry-content > ol{
  list-style:none; counter-reset:ilke; margin:0; padding:0;
}
.page-ilkeler .entry-content > ol > li{
  counter-increment:ilke;
  position:relative;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 28px 26px 104px; margin-bottom:18px;
  box-shadow:var(--shadow); transition:box-shadow var(--t);
}
.page-ilkeler .entry-content > ol > li:hover{ box-shadow:var(--shadow-h); }
.page-ilkeler .entry-content > ol > li::before{
  content:counter(ilke, decimal-leading-zero);
  position:absolute; left:28px; top:24px;
  font-family:var(--font-head); font-weight:800; font-size:34px;
  color:var(--red); line-height:1;
}
.page-ilkeler .entry-content > ol > li strong{
  display:block; font-family:var(--font-head); font-size:18px;
  margin-bottom:4px; color:var(--ink);
}

/* ALÇIDER Deklarasyonu — "Alçı" menüsü altında, görsel olarak farklı, depremi öne çıkaran "bildirge" sayfası */
.declaration-hero{
  background:linear-gradient(135deg, #4a3e3e 0%, #8B2020 100%);
  color:#fff; padding:104px 0 72px;
}
.decl-hero-title{
  color:#fff; margin-bottom:28px; text-transform:uppercase;
  font-weight:800; font-size:52px; line-height:1.08; letter-spacing:.01em;
  max-width:780px;
}
.manifesto-on-dark{ background:rgba(255,255,255,.1); margin-bottom:0; }
.manifesto-on-dark p{ color:#fff; font-family:var(--font-head); font-weight:700; font-size:20px; }

.decl-section-lead{ max-width:820px; margin:0 0 8px; font-size:16px; line-height:1.65; color:var(--mute); }
.decl-section-lead + .decl-section-lead{ margin-top:14px; }

.decl-final-message{
  background:linear-gradient(135deg, var(--ink) 0%, var(--red-d) 130%);
  color:#fff; border-radius:var(--radius); padding:36px 40px; margin:8px 0 32px;
}
.decl-final-lead{
  font-family:var(--font-head); font-weight:800; font-size:24px; text-transform:uppercase;
  color:#fff; margin:0 0 12px;
}
.decl-final-message p:not(.decl-final-lead){ color:rgba(255,255,255,.85); font-size:16px; line-height:1.6; margin:0; max-width:760px; }

.decl-cta{
  background:linear-gradient(135deg, #14384A 0%, #0C2630 100%);
  color:#fff; border-radius:10px; padding:30px 32px;
  display:flex; align-items:center; gap:24px; flex-wrap:wrap;
}
.decl-cta p{ flex:1 1 320px; font-family:var(--font-head); font-style:italic; font-size:17px; line-height:1.55; margin:0; }
.decl-cta span{ font-family:var(--font-head); font-weight:700; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#7FC1E6; white-space:nowrap; }

@media (max-width:760px){
  .decl-hero-title{ font-size:36px; }
  .decl-final-message{ padding:26px 24px; }
  .decl-final-lead{ font-size:19px; }
}

/* =========================================================
   11. Üyeler & Üyelikler
   ========================================================= */
.member-counts{ display:flex; gap:var(--gap); margin-bottom:36px; }
.member-count-box{
  flex:1; padding:24px 26px; text-align:center;
  background:linear-gradient(135deg, var(--red) 0%, var(--red-d) 110%);
  color:#fff; border-radius:var(--radius); box-shadow:var(--shadow);
}
.member-count-num{ display:block; font-family:var(--font-head); font-weight:800; font-size:40px; line-height:1; }
.member-count-label{ display:block; margin-top:6px; font-size:14.5px; color:rgba(255,255,255,.9); }
@media (max-width:580px){ .member-counts{ flex-direction:column; } }

.firm-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); }
.firm-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:26px 20px; text-align:center;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  min-height:150px;
  transition:box-shadow var(--t), border-color var(--t);
}
.firm-card:hover{ box-shadow:var(--shadow-h); border-color:var(--red); }
.firm-card img{ max-height:60px; width:auto; }
.firm-card .firm-name{
  font-family:var(--font-head); font-weight:600; font-size:15px; color:var(--ink);
}
.firm-card:hover .firm-name{ color:var(--red); }

.org-card{
  display:grid; grid-template-columns:160px minmax(0,1fr); gap:32px; align-items:center;
  background:#fff; border:1px solid var(--line); border-top:4px solid var(--red);
  border-radius:var(--radius); padding:32px; margin-bottom:24px;
  box-shadow:var(--shadow);
}
.org-logo{
  display:flex; align-items:center; justify-content:center;
  background:var(--paper2); border-radius:var(--radius-s);
  min-height:110px; padding:16px;
}
.org-logo img{ max-height:78px; width:auto; }
.org-logo .logo-text{ font-family:var(--font-head); font-weight:800; font-size:18px; color:var(--red); text-align:center; }
.org-card h3{ margin-bottom:6px; }
.org-card p{ color:var(--mute); }

/* =========================================================
   12. İletişim
   ========================================================= */
.contact-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin-bottom:40px; }
.contact-card{ text-align:left; }
.contact-card .contact-label{
  font-family:var(--font-head); font-weight:700; font-size:12.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--red);
  display:block; margin-bottom:10px;
}
.contact-card a{ font-family:var(--font-head); font-weight:600; color:var(--ink); }
.contact-card a:hover{ color:var(--red); }
.map-embed{
  background:var(--paper2); border:1px solid var(--line); border-radius:var(--radius);
  min-height:360px; margin-bottom:40px;
  display:flex; align-items:center; justify-content:center;
  color:var(--mute); font-size:14px;
}
.map-embed iframe{ width:100%; height:100%; min-height:360px; border:0; border-radius:var(--radius); }

/* Form (CF7 uyumlu taban) */
.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content input[type="tel"],
.entry-content textarea{
  width:100%; padding:12px 14px;
  border:1px solid var(--line); border-radius:var(--radius-s);
  background:#fff; font-family:var(--font-body); font-size:15px;
  transition:border-color var(--t);
}
.entry-content input:focus,
.entry-content textarea:focus{ border-color:var(--red); outline:none; }
.entry-content input[type="submit"],
.entry-content button[type="submit"]{
  background:var(--red); color:#fff; border:0; cursor:pointer;
  padding:12px 28px; border-radius:var(--radius-s);
  font-family:var(--font-head); font-weight:600; font-size:15px;
  transition:background var(--t);
}
.entry-content input[type="submit"]:hover{ background:var(--red-d); }

/* =========================================================
   13. Haberler
   ========================================================= */
.news-filter{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:28px; }
.news-filter-item{
  display:inline-block; padding:9px 18px; border-radius:999px;
  border:1px solid var(--line); font-family:var(--font-head); font-weight:600;
  font-size:13.5px; color:var(--ink); transition:background var(--t), color var(--t), border-color var(--t);
}
.news-filter-item:hover{ border-color:var(--red); color:var(--red); }
.news-filter-item.is-active{ background:var(--red); border-color:var(--red); color:#fff; }
.post-list .card{ margin-bottom:var(--gap); }
.post-thumb{ border-radius:var(--radius-s); overflow:hidden; margin-bottom:16px; aspect-ratio:16/9; background:var(--paper2); }
.post-thumb img{ width:100%; height:100%; object-fit:cover; }
.pagination{ display:flex; gap:8px; justify-content:center; margin-top:32px; }
.pagination .page-numbers{
  display:inline-block; padding:8px 14px;
  background:#fff; border:1px solid var(--line); border-radius:6px;
  font-family:var(--font-head); font-weight:600; font-size:14px; color:var(--ink);
}
.pagination .page-numbers.current{ background:var(--red); color:#fff; border-color:var(--red); }
.pagination a.page-numbers:hover{ border-color:var(--red); color:var(--red); }
.single-post-meta{ color:var(--mute); font-size:14px; margin-bottom:24px; }
.back-link{ display:inline-block; margin-top:32px; font-family:var(--font-head); font-weight:600; font-size:14px; }

/* =========================================================
   14. Footer
   ========================================================= */
.site-footer{ background:var(--ink); color:rgba(247,244,240,.65); }
.footer-main{
  display:grid; grid-template-columns:1fr 1fr 1fr; gap:64px;
  padding:44px 24px 36px;
}
.site-footer h2{
  color:rgba(247,244,240,.45); font-size:11px; letter-spacing:.14em; text-transform:uppercase;
  font-weight:600; margin-bottom:14px;
}
.site-footer a{ color:rgba(247,244,240,.65); }
.site-footer a:hover{ color:#fff; }
.footer-contact ul, .footer-menu ul{ list-style:none; margin:0; padding:0; }
.footer-contact li{ padding:3px 0; font-size:13.5px; }
.footer-menu li a{ display:block; padding:3px 0; font-size:13.5px; }
.footer-social{ display:flex; gap:10px; margin-top:18px; }
.footer-social a{
  display:flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  border:1px solid rgba(247,244,240,.2);
  transition:border-color var(--t), background var(--t);
}
.footer-social a:hover{ border-color:var(--red); background:var(--red); }
.footer-social svg{ width:13px; height:13px; fill:currentColor; }
.footer-bottom{
  border-top:1px solid rgba(247,244,240,.1);
  padding:14px 0;
}
.footer-bottom-inner{
  display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap;
  font-size:12.5px; color:rgba(247,244,240,.4);
}
.footer-bottom .lang-switch a{ color:rgba(247,244,240,.5); }
.footer-credit{
  text-align:center; padding:6px 0 10px;
  font-size:10px; color:rgba(247,244,240,.25);
}
.footer-credit a{ color:rgba(247,244,240,.38); }
.footer-credit a:hover{ color:rgba(247,244,240,.6); }
.footer-decl-link{
  font-family:var(--font-head); font-weight:500; font-size:12.5px;
  color:rgba(247,244,240,.55); text-decoration:none; letter-spacing:.02em;
  transition:color var(--t);
}
.footer-decl-link:hover{ color:#fff; }
.footer-bottom .lang-switch a.is-active{ color:#fff; }

/* =========================================================
   14b. İnteraktif Fabrika Haritası
   ========================================================= */
.harita-app{
  display:grid; grid-template-columns:260px minmax(0,1fr); gap:28px;
  align-items:start; margin-top:8px;
}
/* Üretici listesi */
.harita-firms-title{ font-size:14px; letter-spacing:.1em; text-transform:uppercase; color:var(--mute); margin:0 0 14px; }
.harita-firm{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; text-align:left; cursor:pointer;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-s);
  padding:11px 14px; margin-bottom:8px;
  font-family:var(--font-head); font-weight:600; font-size:14px; color:var(--ink);
  transition:border-color var(--t), background var(--t), color var(--t);
}
.harita-firm:hover{ border-color:var(--red); color:var(--red); }
.harita-firm.is-active{ background:var(--red); border-color:var(--red); color:#fff; }
.harita-firm-count{
  flex-shrink:0; min-width:22px; height:22px; padding:0 6px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--paper2); color:var(--mute); border-radius:11px;
  font-size:12px; font-weight:700;
}
.harita-firm.is-active .harita-firm-count{ background:rgba(255,255,255,.22); color:#fff; }
.harita-legend{ display:flex; align-items:center; gap:8px; margin:16px 0 0; font-size:13px; color:var(--mute); }
.harita-legend-dot{ width:12px; height:12px; border-radius:50%; background:var(--red); box-shadow:0 0 0 4px rgba(var(--red-rgb),.18); }

/* Harita alanı */
.harita-wrap{
  position:relative; background:#fff;
  border:1px solid var(--line); border-radius:var(--radius); padding:16px;
  box-shadow:var(--shadow);
}
.harita-wrap svg{ width:100%; height:auto; display:block; overflow:visible; }
/* İl yüzeyleri */
.harita-wrap svg path{
  fill:#E6DED6; stroke:#fff; stroke-width:.6;
  transition:fill var(--t);
}
.harita-wrap svg g[data-iladi]:hover path{ fill:#CBB4B0; cursor:pointer; }
.harita-wrap svg g.has-facility path{ fill:rgba(var(--red-rgb),.32); }
.harita-wrap svg g.has-facility:hover path{ fill:rgba(var(--red-rgb),.5); }

/* İşaretçiler */
.harita-pin{ cursor:pointer; }
.harita-pin .pin-dot{ fill:var(--red); stroke:#fff; stroke-width:2; }
.harita-pin .pin-hit{ fill:transparent; }
.harita-pin .pin-pulse{
  fill:var(--red); opacity:.45;
  transform-box:fill-box; transform-origin:center;
  animation:pin-pulse 1.8s ease-out infinite;
}
.harita-pin:hover .pin-dot,
.harita-pin:focus .pin-dot{ fill:var(--red-d); }
.harita-pin:focus{ outline:none; }
.harita-pin:focus .pin-dot{ stroke:var(--ink); }
@keyframes pin-pulse{
  0%   { transform:scale(.6); opacity:.5; }
  70%  { transform:scale(2.4); opacity:0; }
  100% { transform:scale(2.4); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
  .harita-pin .pin-pulse{ animation:none; opacity:.3; }
}

/* Bilgi balonu */
.harita-tooltip{
  position:absolute; z-index:20; left:0; top:0;
  transform:translate(-50%, calc(-100% - 14px));
  width:max-content; max-width:260px;
  background:#fff; color:var(--ink);
  border:1px solid var(--line); border-radius:var(--radius-s);
  box-shadow:var(--shadow-h); padding:14px 16px;
  pointer-events:none;
}
.harita-tooltip::after{
  content:""; position:absolute; left:50%; bottom:-7px; transform:translateX(-50%) rotate(45deg);
  width:12px; height:12px; background:#fff; border-right:1px solid var(--line); border-bottom:1px solid var(--line);
}
.harita-tooltip .tt-title{ display:block; font-size:15px; color:var(--red); margin-bottom:8px; }
.harita-tooltip .tt-list{ margin:0; display:grid; gap:5px; }
.harita-tooltip .tt-list > div{ display:flex; gap:10px; font-size:13px; }
.harita-tooltip .tt-list dt{ flex-shrink:0; width:64px; color:var(--mute); margin:0; }
.harita-tooltip .tt-list dd{ margin:0; font-weight:600; }
.harita-tooltip .tt-line{ display:flex; flex-direction:column; padding:6px 0; border-top:1px solid var(--paper2); font-size:13px; }
.harita-tooltip .tt-line:first-of-type{ border-top:0; }
.harita-tooltip .tt-line span{ color:var(--mute); font-size:12px; }

.harita-hint{ margin:14px 2px 0; font-size:13px; color:var(--mute); }

/* JS yedeği (JS açıkken gizlenir) */
.harita-fallback{ margin-top:40px; }
.harita-fallback h3{ font-size:17px; margin:22px 0 8px; }

/* =========================================================
   14c. Yapılarda Kullanımı
   ========================================================= */
/* Vurgulu istatistik kutusu */
.stat-box{
  margin-top:26px; padding:26px 28px;
  background:linear-gradient(135deg, var(--red) 0%, var(--red-d) 110%);
  color:#fff; border-radius:var(--radius); box-shadow:var(--shadow);
}
.stat-box p{ margin:0; }
.stat-box-lead{ font-size:14px; color:rgba(255,255,255,.82); }
.stat-box-figure{ font-family:var(--font-head); font-size:22px; margin:4px 0 2px !important; }
.stat-box-figure strong{ font-size:34px; font-weight:800; }
.stat-box-sub{ font-size:15px; color:rgba(255,255,255,.9); }
.stat-box-note{ margin-top:12px !important; font-size:12px; color:rgba(255,255,255,.62); font-style:italic; }

/* Kullanım kartları (görsel + metin) */
.usage-card{ padding:0; overflow:hidden; display:flex; flex-direction:column; }
.usage-media{ aspect-ratio:16/10; background:var(--paper2); overflow:hidden; }
.usage-media img{ width:100%; height:100%; object-fit:cover; }
.usage-media-ph{
  display:block; width:100%; height:100%;
  background:
    repeating-linear-gradient(45deg, rgba(var(--red-rgb),.06) 0 10px, transparent 10px 20px),
    var(--paper2);
}
.usage-body{ padding:22px; display:flex; flex-direction:column; flex:1; }
.usage-body h3{ font-size:18px; margin:0 0 8px; }
.usage-body p{ margin:0 0 14px; color:var(--mute); font-size:14.5px; }
.usage-body .more{ margin-top:auto; font-family:var(--font-head); font-weight:600; font-size:14px; }

/* "Biliyor muydunuz?" performans listesi */
.product-list{
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px 24px;
  list-style:none; padding:0; margin:0;
}
.product-list li{
  padding:14px 18px; background:#fff; border:1px solid var(--line);
  border-left:4px solid var(--red); border-radius:var(--radius);
  font-family:var(--font-head); font-weight:600; font-size:15px;
}
.content-wide{ max-width:820px; }

/* Geri Dönüşüm — yapı biyolojisi ilkeleri kutusu */
.principles-box{
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:24px 28px; margin:28px 0;
}
.principles-box > p{
  color:var(--red); font-size:13px; font-weight:700; text-transform:uppercase;
  letter-spacing:.06em; margin:0 0 14px;
}
.principles-box > ol{
  margin:0; padding:0 0 0 22px; display:flex; flex-direction:column; gap:10px;
}
.principles-box > ol > li{ color:var(--ink); line-height:1.65; padding-left:4px; }

/* Neden Alçı — avantaj kartları */
.neden-card{
  border-left:4px solid var(--red); padding:22px 24px 22px 28px;
  margin-bottom:20px; background:#fff;
  border-radius:0 var(--radius) var(--radius) 0;
  box-shadow:0 1px 6px rgba(28,26,25,.06);
}
.neden-card:last-child{ margin-bottom:0; }
.neden-card h3{ color:var(--ink); font-size:17px; font-weight:700; margin:0 0 8px; }
.neden-card p{ color:var(--ink); opacity:.8; margin:0; line-height:1.75; }

.dernek-kurulus-figure{ margin:28px 0 36px; }
.dernek-kurulus-figure img{ width:100%; height:auto; border-radius:var(--radius); display:block; }
.dernek-kurulus-figure figcaption{ font-size:12px; color:var(--mute); margin-top:8px; }

.recycle-visual{ max-width:480px; margin:40px auto; text-align:center; }
.recycle-visual img{ width:100%; height:auto; display:block; margin:0 auto; border-radius:0; }

.chart-figure{ margin:32px 0; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px; overflow-x:auto; }
.chart-figure svg{ width:100%; height:auto; max-width:680px; display:block; margin:0 auto; }
.chart-figure figcaption{ font-size:12px; color:var(--mute); text-align:center; margin-top:10px; }

.perf-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gap); }
.perf-item{
  display:flex; gap:16px; align-items:flex-start;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  padding:20px 22px; box-shadow:var(--shadow);
}
.perf-icon{
  flex-shrink:0; width:46px; height:46px; border-radius:50%;
  background:var(--paper2); color:var(--red);
  display:flex; align-items:center; justify-content:center;
}
.perf-icon svg{ width:23px; height:23px; }
.perf-item p{ margin:0 0 8px; font-size:14.5px; }
.perf-item .more{ font-family:var(--font-head); font-weight:600; font-size:13.5px; }

/* İletişim formu */
.contact-form-wrap{ max-width:720px; margin-top:14px; }
.form-status{ padding:14px 18px; border-radius:var(--radius-s); margin-bottom:20px; font-size:14.5px; border:1px solid; }
.form-status-ok{ background:#eaf3ec; border-color:#bcdcc4; color:#1e6b34; }
.form-status-err{ background:#f7e9e9; border-color:#e4bcbc; color:var(--red-d); }
.contact-form .cf-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.cf-row.cf-2{ display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
.cf-field{ margin:0 0 16px; }
.cf-field label{ display:block; font-family:var(--font-head); font-weight:600; font-size:13.5px; margin-bottom:6px; }
.cf-req{ color:var(--red); }
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form select,
.contact-form textarea{
  width:100%; padding:11px 13px; font-family:var(--font-body); font-size:15px; color:var(--ink);
  background:#fff; border:1px solid var(--line); border-radius:var(--radius-s);
  transition:border-color var(--t), box-shadow var(--t);
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  outline:none; border-color:var(--red); box-shadow:0 0 0 3px rgba(var(--red-rgb),.12);
}
.contact-form textarea{ resize:vertical; min-height:130px; }
.cf-consent{ display:flex; margin:4px 0 20px; font-size:14px; color:var(--mute); }
.cf-consent label{ display:flex; gap:10px; align-items:flex-start; cursor:pointer; }
.cf-consent input{ margin-top:3px; flex-shrink:0; }
.cf-consent a{ font-weight:600; }
.cf-submit{ margin:0; }

/* Misyon & Vizyon (Dernek sayfası) */
.mv-heading{ margin-top:40px; }
.mission-grid{ display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); margin-top:18px; }
.mv-card .mv-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:50%;
  background:var(--paper2); color:var(--red); margin-bottom:14px;
}
.mv-card .mv-icon svg{ width:23px; height:23px; }
.mv-card h3{ margin:0 0 8px; font-size:19px; }
.mv-card p{ margin:0; color:var(--mute); font-size:14.5px; }

/* =========================================================
   14e. Alçının Tarihi (uzun-okuma)
   ========================================================= */
.history-split{ display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:center; }
.history-lead{ font-size:18px; line-height:1.75; margin:0; }
.history-main > h2{ margin:42px 0 16px; }
.history-main > p{ color:var(--mute); }

/* Görsel / placeholder */
.ph-figure{ margin:0; }
.ph-figure img{ width:100%; height:auto; border-radius:var(--radius); display:block; }
.ph-box{
  display:block; width:100%; aspect-ratio:4/3; border-radius:var(--radius);
  border:1px solid var(--line);
  background:repeating-linear-gradient(45deg, rgba(var(--red-rgb),.06) 0 10px, transparent 10px 20px), var(--paper2);
}

/* Alıntı bandı */
.history-quote{
  margin:36px 0; padding:30px 34px; border:0; border-radius:var(--radius);
  background:linear-gradient(135deg, var(--red) 0%, var(--red-d) 110%); color:#fff;
  font-family:var(--font-head); font-weight:600; font-size:22px; line-height:1.5;
}

/* Zaman çizelgesi */
.timeline{ list-style:none; margin:0; padding:0; position:relative; }
.timeline::before{ content:""; position:absolute; left:7px; top:6px; bottom:6px; width:2px; background:var(--line); }
.timeline-item{ position:relative; padding:0 0 26px 34px; }
.timeline-item::before{
  content:""; position:absolute; left:0; top:5px; width:16px; height:16px; border-radius:50%;
  background:var(--red); box-shadow:0 0 0 4px var(--paper);
  transition:transform .45s ease;
}
.timeline-item:last-child{ padding-bottom:0; }
/* Scroll ile beliriş: soldan kayar, nokta büyüyerek çizgiye oturur. */
.timeline-item.reveal{ opacity:0; transform:translateX(-20px); }
.timeline-item.reveal.is-visible{ opacity:1; transform:none; }
.timeline-item.reveal::before{ transform:scale(0); }
.timeline-item.reveal.is-visible::before{ transform:scale(1); }
@media (prefers-reduced-motion: reduce){
  .timeline-item.reveal{ opacity:1; transform:none; }
  .timeline-item.reveal::before{ transform:scale(1); }
}
.timeline-year{ display:block; font-family:var(--font-head); font-weight:700; font-size:15px; color:var(--red); margin-bottom:5px; }
.timeline-body p{ margin:0 0 12px; }
.timeline-figure{ max-width:340px; }
.timeline-figure img, .timeline-figure .ph-box{ border-radius:var(--radius-s); }
.timeline-figure .ph-box{ aspect-ratio:16/9; }

/* Kullanım dağılımı kartları (% vurgulu) */
.use-card .use-figure{ display:block; font-family:var(--font-head); font-weight:800; font-size:30px; color:var(--red); margin-bottom:6px; }
.use-card h3{ margin:0 0 8px; font-size:18px; }
.use-card p{ color:var(--mute); font-size:14.5px; }
.use-card .more{ font-family:var(--font-head); font-weight:600; font-size:14px; }

/* Kimya bilgi kutusu */
.info-box{
  display:flex; gap:18px; align-items:flex-start; margin:42px 0; padding:26px 28px;
  background:var(--paper2); border:1px solid var(--line); border-radius:var(--radius);
}
.info-icon{ flex-shrink:0; width:48px; height:48px; border-radius:50%; background:#fff; color:var(--red); display:flex; align-items:center; justify-content:center; }
.info-icon svg{ width:24px; height:24px; }
.info-box h2{ margin:0 0 10px !important; font-size:20px; }
.info-box ul{ margin:0 0 12px; padding-left:18px; }
.info-box li{ margin-bottom:6px; font-size:14.5px; }

/* Türkiye kapanış kartı */
.closing-card{
  display:grid; grid-template-columns:300px 1fr; gap:28px; align-items:center; margin-top:42px;
  background:var(--paper2); border:1px solid var(--line); border-radius:var(--radius); padding:24px;
}
.closing-figure{ margin:0; }
.closing-figure img, .closing-figure .ph-box{ border-radius:var(--radius-s); }
.closing-figure .ph-box{ aspect-ratio:4/3; }
.closing-body h2{ margin:0 0 10px; }
.closing-body p{ color:var(--mute); margin:0 0 16px; }
.closing-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.btn-outline-ink{ background:transparent; color:var(--ink); border-color:var(--line); }
.btn-outline-ink:hover{ border-color:var(--red); color:var(--red); }

/* =========================================================
   14f. Çevre & Karbon (gömülü karbon karşılaştırması)
   — bu sayfaya özel yeşil vurgu; genel --red temasının yanında
   ikinci bir marka rengi olarak yalnızca burada kullanılır.
   ========================================================= */
.carbon-page{ --green:#3F7A5C; --green-d:#2E5C44; --green-rgb:63,122,92; }

.carbon-intro{ max-width:70ch; }

.carbon-media{ margin:32px 0; }
.carbon-media .ph-box{ aspect-ratio:16/9; }

/* Büyük karşılaştırma: alçı vs tuğla */
.carbon-compare{ display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); margin:32px 0; }
.carbon-compare-item{
  padding:26px 28px; border-radius:var(--radius); border:1px solid var(--line);
}
.carbon-compare-item--low{
  background:linear-gradient(135deg, var(--green) 0%, var(--green-d) 110%);
  border-color:transparent; color:#fff;
}
.carbon-compare-item--high{ background:var(--paper2); }
.carbon-compare-label{ display:block; font-size:13px; font-weight:600; letter-spacing:.04em; margin-bottom:10px; }
.carbon-compare-item--low .carbon-compare-label{ color:rgba(255,255,255,.85); }
.carbon-compare-item--high .carbon-compare-label{ color:var(--mute); }
.carbon-compare-figure{ font-family:var(--font-head); font-weight:800; font-size:30px; line-height:1.15; margin-bottom:6px; }
.carbon-compare-item--high .carbon-compare-figure{ color:var(--ink); }
.carbon-compare-sub{ font-size:14px; }
.carbon-compare-item--low .carbon-compare-sub{ color:rgba(255,255,255,.9); }
.carbon-compare-item--high .carbon-compare-sub{ color:var(--mute); }

/* Emisyon karşılaştırma tablosu */
.carbon-table-wrap{ margin:28px 0; overflow-x:auto; }
.carbon-table{ width:100%; border-collapse:collapse; font-size:14.5px; }
.carbon-table th, .carbon-table td{ padding:13px 16px; border-bottom:1px solid var(--line); text-align:left; }
.carbon-table th{ font-family:var(--font-head); font-size:13px; text-transform:uppercase; letter-spacing:.04em; color:var(--mute); font-weight:600; }
.carbon-table td:last-child, .carbon-table th:last-child{ text-align:right; }
.carbon-table tr.is-lowest td{ background:rgba(var(--green-rgb),.08); font-weight:700; color:var(--green-d); }
.carbon-table tr.is-lowest td:first-child{ border-left:3px solid var(--green); }

/* "Neden Farklıdır" kartları */
.carbon-why-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gap); margin:28px 0; }
.carbon-why-card{ padding:24px 26px; background:var(--paper2); border:1px solid var(--line); border-radius:var(--radius); }
.carbon-why-card h3{ font-size:17px; margin:0 0 10px; color:var(--green-d); }
.carbon-why-card p{ color:var(--mute); font-size:14.5px; margin:0; }

.carbon-footnote{ margin-top:32px; padding-top:18px; border-top:1px solid var(--line); font-size:13px; color:var(--mute); font-style:italic; }

@media (max-width:760px){
  .carbon-compare, .carbon-why-grid{ grid-template-columns:1fr; }
}

/* =========================================================
   14d. Yukarı çık butonu + Çerez (KVKK) bildirimi
   ========================================================= */
.to-top{
  position:fixed; right:24px; bottom:24px; z-index:90;
  width:46px; height:46px; border:0; border-radius:50%; cursor:pointer;
  background:var(--red); color:#fff; box-shadow:var(--shadow-h);
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transform:translateY(10px);
  transition:opacity var(--t), transform var(--t), visibility var(--t), background var(--t);
}
.to-top.is-visible{ opacity:1; visibility:visible; transform:none; }
.to-top:hover{ background:var(--red-d); }
.to-top svg{ width:20px; height:20px; }
@media (prefers-reduced-motion: reduce){
  .to-top{ transition:opacity var(--t), visibility var(--t); transform:none; }
}


/* =========================================================
   Erişilebilirlik araç çubuğu
   ========================================================= */
.a11y-toggle{
  position:fixed; right:20px; bottom:80px; z-index:120;
  width:44px; height:44px; border:0; border-radius:50%; cursor:pointer;
  background:var(--ink); color:#fff; box-shadow:var(--shadow-h);
  display:flex; align-items:center; justify-content:center;
  transition:background var(--t);
}
.a11y-toggle:hover{ background:var(--red); }
.a11y-toggle svg{ width:22px; height:22px; }

.a11y-panel{
  position:fixed; right:20px; bottom:132px; z-index:120;
  width:260px; max-height:calc(100svh - 160px); overflow-y:auto;
  background:#fff; border:1px solid var(--line); border-radius:var(--radius);
  box-shadow:var(--shadow-h); padding:16px;
  display:flex; flex-direction:column; gap:10px;
}
.a11y-panel[hidden]{ display:none; }
.a11y-panel-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:4px; }
.a11y-panel-head strong{ font-family:var(--font-head); font-size:15px; }
.a11y-close{
  background:none; border:0; font-size:22px; line-height:1; cursor:pointer;
  color:var(--mute); padding:0 4px;
}
.a11y-close:hover{ color:var(--red); }
.a11y-row{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:13.5px; }
.a11y-fs-controls{ display:flex; align-items:center; gap:8px; }
.a11y-fs-controls button{
  width:30px; height:30px; border-radius:6px; border:1px solid var(--line);
  background:var(--paper2); cursor:pointer; font-weight:700; font-size:13px;
}
.a11y-fs-controls button:hover{ background:var(--paper); border-color:var(--red); }
.a11y-fs-current{ min-width:38px; text-align:center; font-weight:600; font-size:12.5px; color:var(--mute); }
.a11y-option{
  display:block; width:100%; text-align:left;
  padding:9px 12px; border-radius:8px; border:1px solid var(--line);
  background:var(--paper2); cursor:pointer; font-size:13.5px; font-family:var(--font-body);
  color:var(--ink); transition:background var(--t), border-color var(--t);
}
.a11y-option:hover{ border-color:var(--red); }
.a11y-option.is-active{ background:var(--red); border-color:var(--red); color:#fff; }
.a11y-reset{
  margin-top:4px; padding:9px 12px; border-radius:8px; border:0;
  background:var(--ink); color:#fff; cursor:pointer; font-size:13.5px; font-weight:600;
}
.a11y-reset:hover{ background:var(--red-d); }
@media (max-width:600px){
  .a11y-toggle{ right:16px; bottom:74px; width:40px; height:40px; }
  .a11y-panel{ right:16px; left:16px; width:auto; bottom:122px; max-height:calc(100svh - 140px); }
}

/* Yazı boyutu ölçekleri (kök font-size; rem tabanlı tüm tipografi ölçeklenir). */
html.a11y-fs1{ font-size:112.5%; }
html.a11y-fs2{ font-size:125%; }
html.a11y-fs3{ font-size:137.5%; }

/* Kontrast/gri ton: document.documentElement.style.filter üzerinden JS uygular
   (accessibility.js). Araç çubuğunun kendisi okunaksız hale gelmesin diye
   filtreyi kendi üzerinde tersine çevirip iptal eder. */
html.a11y-contrast .a11y-toggle,
html.a11y-contrast .a11y-panel,
html.a11y-grayscale .a11y-toggle,
html.a11y-grayscale .a11y-panel{
  filter:invert(1) hue-rotate(180deg);
}
html.a11y-contrast.a11y-grayscale .a11y-toggle,
html.a11y-contrast.a11y-grayscale .a11y-panel{
  filter:invert(1) hue-rotate(180deg) grayscale(1);
}

html.a11y-underline a{ text-decoration:underline !important; text-decoration-thickness:1.5px; }

html.a11y-readable-font,
html.a11y-readable-font input,
html.a11y-readable-font textarea,
html.a11y-readable-font button{
  font-family:Arial, Helvetica, sans-serif !important;
  letter-spacing:.01em;
}
html.a11y-readable-font p,
html.a11y-readable-font li{ line-height:1.85 !important; }

html.a11y-stop-motion *,
html.a11y-stop-motion *::before,
html.a11y-stop-motion *::after{
  animation:none !important; transition:none !important;
}

html.a11y-big-cursor,
html.a11y-big-cursor *{
  cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'><path d='M3 2l7.07 18 2.51-7.61L21 10.07z' fill='black' stroke='white' stroke-width='1.3'/></svg>") 2 2, auto !important;
}
html.a11y-big-cursor a,
html.a11y-big-cursor button,
html.a11y-big-cursor [role="button"],
html.a11y-big-cursor input,
html.a11y-big-cursor select,
html.a11y-big-cursor textarea{
  cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'><path d='M3 2l7.07 18 2.51-7.61L21 10.07z' fill='%239C2424' stroke='white' stroke-width='1.3'/></svg>") 2 2, pointer !important;
}

.cookie-bar{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:95;
  max-width:760px; margin:0 auto;
  background:var(--ink); color:rgba(247,244,240,.9);
  border-radius:var(--radius); box-shadow:var(--shadow-h);
  padding:18px 22px;
  display:flex; align-items:center; gap:18px 24px; flex-wrap:wrap;
}
.cookie-bar[hidden]{ display:none; }
.cookie-bar p{ margin:0; font-size:14px; flex:1 1 320px; line-height:1.55; }
.cookie-bar a{ color:#fff; text-decoration:underline; }
.cookie-bar .cookie-actions{ display:flex; gap:10px; flex-shrink:0; }

/* =========================================================
   15. Responsive
   ========================================================= */
@media (max-width:1080px){
  /* main-nav sabit konuma geçince flex boşluğu kaybolur; aksiyonları sağa sabitle. */
  .header-inner{ justify-content:space-between; gap:16px; }
  .nav-toggle{ display:block; }
  .main-nav{
    position:fixed; inset:var(--header-h) 0 0 0;
    background:var(--paper);
    padding:24px; overflow-y:auto;
    display:none; z-index:99;
  }
  body.nav-open .main-nav{ display:block; }
  body.nav-open{ overflow:hidden; }
  body.nav-open .site-header{ background:#fff; backdrop-filter:none; }
  .main-nav > ul{
    flex-direction:column; gap:0; white-space:normal; justify-content:flex-start;
  }
  .main-nav > ul > li{ border-bottom:1px solid var(--line); }
  .main-nav a{ padding:13px 4px; font-size:15px; }
  .main-nav .sub-menu,
  .main-nav .children{
    position:static; min-width:0; opacity:1; visibility:visible; transform:none;
    border:0; box-shadow:none; background:transparent;
    padding:0 0 10px 16px; display:none;
  }
  .main-nav li.sub-open > .sub-menu,
  .main-nav li.sub-open > .children{ display:block; }
  .sub-toggle{
    display:inline-flex; align-items:center; justify-content:center;
    position:absolute; right:0; top:6px; width:40px; height:40px;
    background:none; border:1px solid var(--line); border-radius:6px; cursor:pointer;
  }
  .sub-toggle::before{
    content:""; width:8px; height:8px;
    border-right:2px solid var(--mute); border-bottom:2px solid var(--mute);
    transform:rotate(45deg); transition:transform var(--t);
  }
  li.sub-open > .sub-toggle::before{ transform:rotate(-135deg); }
  /* Üst bar sadeleşir: dil anahtarı ve CTA menüye taşınır, yalnızca hamburger kalır. */
  .header-actions .btn{ display:none; }
  .header-actions .lang-switch{ display:none; }
  .header-actions{ gap:0; }
  .nav-toggle{ margin-right:-10px; } /* hamburger en sağ kenara hizalanır */
  .brand-logo{ height:42px; }
  /* CTA ve dil anahtarı açılan menünün altına taşınır. */
  .nav-lang{
    display:flex; justify-content:center; gap:10px;
    margin-top:22px; font-size:16px;
  }
  .nav-lang .lang-switch{ gap:10px; font-size:16px; }
  .nav-lang .lang-switch a{ padding:6px 10px; }
  /* Mobilde alt menü işareti olarak v düğmesi var; satır içi › okunu gizle. */
  .main-nav .menu-item-has-children > a::after,
  .main-nav .page_item_has_children > a::after{ display:none; }
}
@media (max-width:900px){
  :root{ --section:52px; }
  h1{ font-size:32px; }
  .hero h1, .hero .hero-title-alt{ font-size:36px; }
  .page-hero{ padding:81px 0 66px; min-height:auto; }
  .page-hero h1{ font-size:32px; }
  .to-top{ right:16px; bottom:16px; width:42px; height:42px; }
  /* Çerez barı tam genişlikte alt kenarı kaplar; çakışmasın diye butonu gizle. */
  body.cookie-open .to-top{ display:none; }
  /* Alçının Tarihi: tek sütuna düş. */
  .history-split, .closing-card{ grid-template-columns:1fr; }
  .info-box{ flex-direction:column; gap:14px; }
  .hero-inner{ padding:0 0 72px; }
  .grid-3, .grid-4{ grid-template-columns:repeat(2,1fr); }
  .board-grid{ grid-template-columns:repeat(2,1fr); }
  .firm-grid{ grid-template-columns:repeat(3,1fr); }
  .with-sidebar{ grid-template-columns:1fr; gap:32px; }
  .board-president{ grid-template-columns:1fr; gap:24px; text-align:center; }
  .board-president .board-photo{ width:180px; height:180px; margin:0 auto; }
  .president-message{ grid-template-columns:1fr; gap:28px; }
  .president-message .board-photo{ position:static; width:auto; max-width:280px; margin:0 auto; }
  .org-card{ grid-template-columns:1fr; gap:20px; }
  .footer-main{ grid-template-columns:1fr; gap:28px; padding:36px 24px 28px; }
  /* Fabrika haritası: liste üstte yatay kaydırma, harita altta. */
  .harita-app{ grid-template-columns:1fr; gap:18px; }
  .harita-firms{ display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; -webkit-overflow-scrolling:touch; }
  .harita-firms-title{ display:none; }
  .harita-firm{ flex:0 0 auto; width:auto; margin-bottom:0; white-space:nowrap; }
  .harita-legend{ display:none; }
}
@media (max-width:580px){
  .grid-2, .grid-3, .grid-4, .board-grid{ grid-template-columns:1fr; }
  .firm-grid{ grid-template-columns:repeat(2,1fr); }
  .contact-grid{ grid-template-columns:1fr; }
  .hero h1, .hero .hero-title-alt{ font-size:30px; }
  .page-ilkeler .entry-content > ol > li{ padding:70px 22px 22px; }
  .page-ilkeler .entry-content > ol > li::before{ left:22px; top:20px; }
  /* İstatistikler tek sütunda çok uzar; 2×2 daha dengeli durur. */
  .stats-band .stats{ grid-template-columns:repeat(2,1fr); gap:32px 16px; }
  .stat-num{ font-size:38px; }
  /* CTA butonları tam genişlik — daha rahat dokunma alanı. */
  .cta-actions{ width:100%; }
  .cta-actions .btn{ display:block; width:100%; text-align:center; }
  .doc-grid, .facility-list, .perf-list, .mission-grid{ grid-template-columns:1fr; }
  .product-list{ grid-template-columns:1fr 1fr; }
  .cf-row.cf-2{ grid-template-columns:1fr; }
}

/* WordPress çekirdek sınıfları */
.alignleft{ float:left; margin:0 24px 16px 0; }
.alignright{ float:right; margin:0 0 16px 24px; }
.aligncenter{ margin-left:auto; margin-right:auto; }
.wp-caption{ max-width:100%; }
.wp-caption-text{ font-size:13px; color:var(--mute); margin-top:6px; }
.sticky{ /* gerekli sınıf */ }
.bypostauthor{ /* gerekli sınıf */ }

/* "Bina Kaç Kilo?" hesaplayıcı eklentisi (alcider-bina-hesaplayici) — marka
   renklerine bağla; eklenti kendi varsayılanına (mavi) düşmesin. */
.alcider-calc{
  --bkk-accent: var(--red);
  --bkk-surface: var(--paper);
  --bkk-text: var(--ink);
}

/* "Ne Kadar Tasarruf Edersiniz?" fiyat karşılaştırıcı eklentisi
   (alcider-fiyat-karsilastirma) — marka renklerine bağla. */
.alcider-fk{
  --fk-accent: var(--red);
  --fk-surface: var(--paper);
  --fk-text: var(--ink);
  --fk-heavy: var(--mute);
}

/* =========================================================
   Alçı Dergi — Sayı listesi
   ========================================================= */
.dergi-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:28px;
  margin-top:40px;
}

.dergi-card{
  background:var(--paper);
  border-radius:var(--radius);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  box-shadow:0 2px 12px rgba(28,26,25,.08);
  transition:transform .22s var(--ease),box-shadow .22s var(--ease);
}
.dergi-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 36px rgba(28,26,25,.14);
}

.dergi-cover{
  aspect-ratio:3/4;
  overflow:hidden;
  background:var(--paper2);
  position:relative;
}
.dergi-cover img{
  width:100%; height:100%;
  object-fit:cover; display:block;
  transition:transform .4s var(--ease);
}
.dergi-card:hover .dergi-cover img{ transform:scale(1.04); }

.dergi-cover-placeholder{
  width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,var(--ink) 0%,#3d3633 100%);
  color:var(--paper);
  font-family:var(--font-head);
  font-size:28px; font-weight:800; letter-spacing:.06em;
}

.dergi-badge{
  position:absolute; top:10px; left:10px;
  background:var(--red); color:#fff;
  font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase;
  padding:3px 9px; border-radius:4px;
}

.dergi-meta{
  padding:14px 16px 0;
  font-size:11px; font-weight:600; color:var(--mute);
  text-transform:uppercase; letter-spacing:.07em;
}

.dergi-title{
  font-size:14px; font-weight:700; color:var(--ink);
  margin:6px 16px 0; line-height:1.4;
}

.dergi-desc{
  font-size:13px; color:var(--mute); line-height:1.6;
  margin:6px 16px 0;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}

.dergi-actions{
  padding:12px 16px 16px;
  display:flex; gap:8px; margin-top:auto;
}
.dergi-actions .btn{ flex:1; text-align:center; }
.dergi-soon{
  background:var(--paper2); color:var(--mute); cursor:default;
  border-color:transparent; flex:1; text-align:center;
}

.dergi-empty{
  color:var(--mute); text-align:center; padding:64px 0;
  font-size:16px;
}

/* =========================================================
   Alçı Dergi — PDF Flip-Book Modal
   ========================================================= */
#dergi-modal{
  position:fixed; inset:0; z-index:100000;
  display:flex; align-items:center; justify-content:center;
  padding:12px;
}
#dergi-modal[hidden]{ display:none; }

#dergi-modal-overlay{
  position:absolute; inset:0;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(5px);
}

.dergi-modal-inner{
  position:relative; z-index:1;
  width:100%; max-width:1120px;
  height:92vh; max-height:92vh;
  display:flex; flex-direction:column;
  background:#1a1818;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.65);
}

.dergi-modal-header{
  display:flex; align-items:center; justify-content:space-between;
  padding:13px 20px;
  border-bottom:1px solid rgba(255,255,255,.09);
  flex-shrink:0; gap:12px;
}

#dergi-modal-title{
  color:#f7f4f0;
  font-family:var(--font-head); font-size:14px; font-weight:600;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.dergi-close-btn{
  flex-shrink:0; background:none; border:none;
  color:rgba(247,244,240,.65); cursor:pointer;
  padding:6px; border-radius:6px;
  display:flex; align-items:center; justify-content:center;
  transition:color .15s,background .15s;
}
.dergi-close-btn:hover{ color:#fff; background:rgba(255,255,255,.1); }

.dergi-modal-body{
  flex:1; min-height:0; overflow:hidden;
  position:relative;
  display:flex; align-items:center; justify-content:center;
}

/* Yükleme durumu — hidden attribute display:none atar, !important ile override edilmesin */
#dergi-loader[hidden], #dergi-error[hidden], #dergi-book-wrap[hidden], #dergi-footer[hidden]{
  display:none !important;
}
#dergi-loader{
  position:absolute; inset:0;
  display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:16px;
  color:rgba(247,244,240,.75);
  font-family:var(--font-body); font-size:14px;
}

.dergi-spinner{
  width:40px; height:40px;
  border:3px solid rgba(156,36,36,.3);
  border-top-color:var(--red);
  border-radius:50%;
  animation:dergi-spin .7s linear infinite;
}
@keyframes dergi-spin{ to{ transform:rotate(360deg); } }

.dergi-progress-track{
  width:220px; height:4px;
  background:rgba(255,255,255,.12);
  border-radius:2px; overflow:hidden;
}
#dergi-progress-bar{
  height:100%; background:var(--red);
  border-radius:2px; width:0%;
  transition:width .25s;
}

/* Hata durumu */
#dergi-error{
  position:absolute; inset:0;
  display:flex; flex-direction:column; /* hidden attribute tarafından override edilir */
  align-items:center; justify-content:center; gap:14px;
  color:rgba(247,244,240,.65);
  font-family:var(--font-body); font-size:15px;
  text-align:center; padding:32px;
}

/* Kitap sarmalayıcı */
#dergi-book-wrap{
  width:100%; height:100%;
}
#dergi-book{
  width:100%; height:100%;
}

/* Modal footer — gezinti */
.dergi-modal-footer{
  display:flex; align-items:center; justify-content:space-between;
  padding:9px 20px;
  border-top:1px solid rgba(255,255,255,.09);
  flex-shrink:0; gap:12px;
}

.dergi-nav-btn{
  background:rgba(156,36,36,.14);
  border:1px solid rgba(156,36,36,.32);
  color:rgba(247,244,240,.85);
  border-radius:6px; padding:7px 16px;
  font-family:var(--font-head); font-size:13px; font-weight:600;
  cursor:pointer; display:flex; align-items:center; gap:5px;
  transition:background .15s,border-color .15s;
}
.dergi-nav-btn:hover{
  background:rgba(156,36,36,.32);
  border-color:rgba(156,36,36,.55);
  color:#fff;
}

#dergi-counter{
  color:rgba(247,244,240,.6);
  font-family:var(--font-body); font-size:13px; font-weight:500;
}

/* Mobil uyarlamaları */
@media(max-width:680px){
  #dergi-modal{ padding:0; }
  .dergi-modal-inner{ border-radius:0; max-height:100svh; height:100svh; }
  .dergi-grid{ grid-template-columns:repeat(2,1fr); gap:16px; }
  .dergi-actions{ flex-direction:column; }
  .dergi-modal-footer{ padding:7px 12px; }
  .dergi-nav-btn{ padding:6px 12px; font-size:12px; }
}
@media(max-width:360px){
  .dergi-grid{ grid-template-columns:1fr; }
}

/* ─── Basın Arşivi — Press Timeline ───────────────────────────── */
.press-intro{ max-width:720px; margin-bottom:56px; }

.press-timeline{
  position:relative;
  padding:16px 0 64px;
}
/* Merkez dikey çizgi */
.press-timeline::before{
  content:'';
  position:absolute;
  left:50%;
  top:0; bottom:0;
  width:2px;
  background:linear-gradient(180deg,transparent 0%,rgba(156,36,36,.45) 6%,rgba(156,36,36,.45) 94%,transparent 100%);
  transform:translateX(-50%);
  pointer-events:none;
}

/* Yıl belirteçleri */
.press-year-marker{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:center;
  margin:52px 0 44px;
}
.press-year-marker span{
  background:var(--clr-accent,#9c2424);
  color:#fff;
  font-family:var(--font-head);
  font-size:22px;
  font-weight:700;
  letter-spacing:.08em;
  padding:6px 28px;
  border-radius:40px;
  box-shadow:0 2px 16px rgba(156,36,36,.35);
}

/* Kartlar: 290px genişlik, merkeze bitişik */
.press-item{
  position:relative;
  width:290px;
  max-width:calc(50% - 60px);
  margin-bottom:32px;
  z-index:1;
}
.press-item--left {
  margin-left:auto;
  margin-right:calc(50% + 46px);
}
.press-item--right {
  margin-left:calc(50% + 46px);
  margin-right:auto;
}

/* Kart → merkez bağlantı çizgisi */
.press-item--left::after,
.press-item--right::after{
  content:'';
  position:absolute;
  top:50%;
  width:46px;
  height:1px;
  background:rgba(156,36,36,.32);
  pointer-events:none;
}
.press-item--left::after  { right:-46px; }
.press-item--right::after { left:-46px; }

/* Merkez nokta */
.press-dot{
  position:absolute;
  top:50%;
  width:12px; height:12px;
  border-radius:50%;
  background:var(--clr-accent,#9c2424);
  border:3px solid var(--paper);
  transform:translateY(-50%);
  box-shadow:0 0 0 3px rgba(156,36,36,.22);
  transition:box-shadow .25s;
}
.press-item--left  .press-dot{ right:-52px; }
.press-item--right .press-dot{ left:-52px; }
.press-item:hover .press-dot{ box-shadow:0 0 0 6px rgba(156,36,36,.22); }

/* Kart */
.press-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
  box-shadow:var(--shadow);
  transition:transform .25s, box-shadow .25s, border-color .25s;
}
.press-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-h);
  border-color:rgba(156,36,36,.4);
}

.press-img-wrap{
  display:block;
  aspect-ratio:3/2;
  overflow:hidden;
  background:rgba(0,0,0,.25);
}
.press-img-wrap img{
  width:100%; height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.press-card:hover .press-img-wrap img{ transform:scale(1.05); }

.press-card-body{ padding:11px 13px 13px; }

.press-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-bottom:7px;
}
.press-pub-tag{
  font-family:var(--font-head);
  font-size:10px;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--clr-accent,#9c2424);
  background:rgba(156,36,36,.12);
  border:1px solid rgba(156,36,36,.28);
  border-radius:4px;
  padding:2px 6px;
  white-space:nowrap;
}
/* Kart içindeki tarih: yalnızca mobilde göster */
.press-date{
  font-size:11px;
  font-weight:500;
  color:var(--mute);
  white-space:nowrap;
}
@media(min-width:901px){ .press-meta .press-date{ display:none; } }

/* Tarihin merkez çizgisinin karşı tarafında gösterimi (masaüstü) */
.press-item-date{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:12px;
  font-weight:600;
  color:var(--ink);
  white-space:nowrap;
  letter-spacing:.02em;
  pointer-events:none;
  display:none; /* mobilde gizli */
}
@media(min-width:901px){
  .press-item-date{ display:block; }
  .press-item--left  .press-item-date{ left:calc(100% + 70px); }
  .press-item--right .press-item-date{ right:calc(100% + 70px); text-align:right; }
}

.press-note{
  margin:0;
  font-size:11.5px;
  line-height:1.6;
  color:var(--mute);
}

/* Lightbox */
#press-lightbox{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.92);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s;
}
#press-lightbox.is-open{
  opacity:1;
  pointer-events:all;
}
#press-lightbox img{
  max-width:90vw;
  max-height:90vh;
  object-fit:contain;
  border-radius:4px;
  box-shadow:0 8px 64px rgba(0,0,0,.6);
  display:block;
}
#press-lb-close{
  position:absolute;
  top:16px; right:20px;
  background:none;
  border:none;
  color:#fff;
  font-size:36px;
  line-height:1;
  cursor:pointer;
  opacity:.65;
  transition:opacity .15s;
  padding:4px 8px;
}
#press-lb-close:hover{ opacity:1; }

/* Reveal — sol/sağdan kayma */
.press-item--left.reveal  { opacity:0; transform:translateX(-30px); }
.press-item--right.reveal { opacity:0; transform:translateX(30px); }
.press-item.reveal.is-visible{
  opacity:1;
  transform:translateX(0);
  transition:opacity .55s ease, transform .55s cubic-bezier(.22,.8,.36,1);
}

/* Mobil */
@media(max-width:900px){
  .press-timeline::before{ left:18px; }
  .press-item{
    width:calc(100% - 50px) !important;
    max-width:100% !important;
    margin-left:50px !important;
    margin-right:0 !important;
  }
  .press-item--left::after,
  .press-item--right::after{ display:none; }
  .press-item--left.reveal,
  .press-item--right.reveal{ transform:translateX(24px); opacity:0; }
  .press-item--left  .press-dot,
  .press-item--right .press-dot{ left:-38px; right:auto; }
  .press-year-marker{ justify-content:flex-start; padding-left:50px; }
}
@media(max-width:520px){
  .press-note{ font-size:11px; }
}