/* Modül Mekan tasarım sistemi · Yön B (Donduruldu 2026-11-13). Kaynak: docs/tasarim-sistemi.md. İç sayfalar bu dosyayı kullanır. */
/* Yön B · mevcut modulmekan.com.tr tasarımının devamı (kullanıcı kararı 2026-11-13).
   Ölçüler canlı siteden alındı: Montserrat (başlık) + Roboto (gövde), bej #B29E84, koyu #212121, gri zemin #F5F5F5.
   Erişilebilirlik farkı: bej yalnız zemin ve süs; bej üstünde metin koyu, beyaz zemin üstünde bej metin yerine koyu bej. */
@font-face { font-family: "Montserrat"; src: url("assets/fonts/montserrat-latin.woff2") format("woff2"); font-weight: 500 800; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; src: url("assets/fonts/montserrat-latin-ext.woff2") format("woff2"); font-weight: 500 800; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Roboto"; src: url("assets/fonts/roboto-latin.woff2") format("woff2"); font-weight: 400 500; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Roboto"; src: url("assets/fonts/roboto-latin-ext.woff2") format("woff2"); font-weight: 400 500; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  /* Renk */
  --bej: #B29E84;          /* canlı site vurgusu: düğme zemini, çizgi, bant */
  --bej-koyu: #7A6650;     /* beyaz ve gri zeminde bej tonlu metin (5,6:1) */
  --bej-acik: #EFE9E1;
  --koyu: #212121;         /* başlık, koyu bölüm, alt bilgi */
  --koyu-2: #2B2B2B;
  --metin: #424242;
  --metin-ikincil: #5E5E5E; /* gri zeminde 6,1:1 */
  --cizgi: #E0E0E0;
  --zemin: #FFFFFF;
  --zemin-gri: #F5F5F5;
  --wa: #25D366;
  --beyaz: #FFFFFF;
  /* Yazı */
  --font-baslik: "Montserrat", "Segoe UI", Arial, sans-serif;
  --font-govde: "Roboto", "Segoe UI", Arial, sans-serif;
  --t-etiket: 0.875rem;
  --t-govde: clamp(1rem, 0.96rem + 0.18vw, 1.0625rem);
  --t-giris: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --t-h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
  --t-h2: clamp(1.75rem, 1.3rem + 1.9vw, 3rem);
  --t-vaat: clamp(2.25rem, 1.35rem + 3.9vw, 4.75rem);
  /* Boşluk (8 px ızgara) */
  --b1: .5rem; --b2: 1rem; --b3: 1.5rem; --b4: 2.5rem; --b5: 4rem; --b6: 6.5rem;
  --kap: 75rem;
  --kose: 4px;
  --golge: 0 10px 30px rgba(0,0,0,.08);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--metin); font: 400 var(--t-govde)/1.65 var(--font-govde); letter-spacing: .01em; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3 { font-family: var(--font-baslik); color: var(--koyu); margin: 0; }
h2 { font-size: var(--t-h2); font-weight: 700; line-height: 1.15; letter-spacing: -.005em; }
h3 { font-size: var(--t-h3); font-weight: 700; line-height: 1.25; }
p { margin: 0 0 var(--b2); }
p:last-child { margin-bottom: 0; }
.gizli { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.kap { width: 100%; max-width: var(--kap); margin-inline: auto; padding-inline: var(--b2); }
.ikon { width: 1.125rem; height: 1.125rem; flex: none; }
:focus-visible { outline: 3px solid var(--koyu); outline-offset: 3px; }
.atla { position: absolute; left: var(--b2); top: -4rem; z-index: 100; background: var(--koyu); color: var(--beyaz); padding: var(--b1) var(--b2); }
.atla:focus { top: var(--b1); }

/* Etiket (canlı sitedeki "MODÜL MEKAN —") */
.etiket { display: inline-flex; align-items: center; gap: .75rem; margin-bottom: var(--b2); font: 700 var(--t-etiket)/1.3 var(--font-baslik); letter-spacing: .08em; text-transform: uppercase; color: var(--bej-koyu); }
.etiket::after { content: ""; width: 1.5rem; height: 2px; background: var(--bej); }
.etiket--orta::after { display: none; }

/* Düğmeler */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 3rem; padding: .875rem 1.75rem; border: 2px solid transparent; border-radius: var(--kose);
  font: 700 .9375rem/1.1 var(--font-baslik); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; cursor: pointer; transition: background-color .2s, color .2s, border-color .2s; }
.dugme--bej { background: var(--bej); color: var(--koyu); }
.dugme--bej:hover { background: #A38D72; }
.dugme--koyu { background: var(--koyu); color: var(--beyaz); }
.dugme--koyu:hover { background: #3A3A3A; }
.dugme--cizgi { border-color: var(--beyaz); color: var(--beyaz); }
.dugme--cizgi:hover { background: var(--beyaz); color: var(--koyu); }
.dugme--beyaz { background: var(--beyaz); color: var(--koyu); }
.dugme--beyaz:hover { background: var(--bej-acik); }
.bag { font-weight: 500; color: var(--koyu); text-decoration: underline; text-decoration-color: var(--bej); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.bag:hover { text-decoration-color: var(--koyu); }

/* Üst şerit (canlı sitedeki koyu iletişim şeridi) */
.serit { background: var(--koyu); color: var(--beyaz); font-size: .9375rem; }
.serit__ic { display: flex; align-items: center; gap: var(--b4); min-height: 3.5rem; }
.serit a { display: inline-flex; align-items: center; gap: .625rem; text-decoration: none; }
.serit a:hover { color: var(--bej); }
.serit .ikon { color: var(--bej); }
.serit__sag { margin-left: auto; display: flex; align-items: center; gap: var(--b3); }
.serit__sosyal { display: inline-flex; gap: var(--b2); }
.serit .dugme { min-height: 2.5rem; padding: .5rem 1.25rem; font-size: .8125rem; }

/* Başlık ve menü */
.ust__eylem { padding-inline: 1.25rem; font-size: .8125rem; white-space: nowrap; }
.ust { position: sticky; top: 0; z-index: 50; background: var(--zemin); border-bottom: 1px solid var(--cizgi); }
.ust__ic { display: flex; align-items: center; gap: var(--b3); min-height: 5.5rem; }
.logo { flex: none; }
.logo img { width: 150px; height: auto; }
.menu { margin-left: auto; }
.menu__liste { display: flex; gap: 1.25rem; list-style: none; margin: 0; padding: 0; }
.menu__oge { position: relative; }
.menu__bag { white-space: nowrap; display: inline-flex; align-items: center; gap: .3rem; padding: .75rem 0; background: none; border: 0; cursor: pointer;
  font: 700 .8125rem/1 var(--font-baslik); letter-spacing: .05em; text-transform: uppercase; color: var(--koyu); text-decoration: none; }
.menu__bag:hover, .menu__bag[aria-current="page"] { color: var(--bej-koyu); }
.menu__bag[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--bej); }
.menu__ok { width: .625rem; height: .625rem; }
.alt-menu { position: absolute; left: -1rem; top: 100%; min-width: 15rem; margin: 0; padding: var(--b1) 0; list-style: none; background: var(--zemin); box-shadow: var(--golge); border-top: 2px solid var(--bej);
  opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .2s, transform .2s, visibility .2s; }
.menu__oge:hover .alt-menu, .menu__oge:focus-within .alt-menu, .menu__oge.acik .alt-menu { opacity: 1; visibility: visible; transform: none; }
.alt-menu a { display: block; padding: .625rem 1rem; text-decoration: none; color: var(--metin); font-size: .9375rem; }
.alt-menu a:hover { background: var(--zemin-gri); color: var(--koyu); }
.menu-ac { display: none; margin-left: auto; width: 3rem; height: 3rem; align-items: center; justify-content: center; background: none; border: 0; color: var(--koyu); cursor: pointer; }
.menu-ac .ikon { width: 1.75rem; height: 1.75rem; }
.mobil-menu { display: none; }

/* B1 Hero: tam genişlik fotoğraf, koyu örtü, sola dayalı metin */
.hero { position: relative; isolation: isolate; color: var(--beyaz); min-height: min(46rem, calc(100svh - 9rem)); display: flex; align-items: center; padding-block: var(--b6); }
.hero__gorsel { position: absolute; inset: 0; z-index: -2; margin: 0; }
.hero__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(20,20,20,.88) 0%, rgba(20,20,20,.8) 58%, rgba(20,20,20,.15) 88%); }
.hero__metin { max-width: 56rem; padding-left: clamp(0rem, 4vw, 4rem); }
.hero__h1 { margin-bottom: var(--b2); font: 700 1.0625rem/1.4 var(--font-baslik); letter-spacing: .1em; text-transform: uppercase; color: #D9CBB8; }
.vaat { margin: 0 0 var(--b3); font: 700 var(--t-vaat)/1.05 var(--font-baslik); letter-spacing: -.01em; color: var(--beyaz); }
.hero__aciklama { max-width: 36rem; margin-bottom: var(--b4); font-size: var(--t-giris); line-height: 1.7; color: #EDEDED; }
.hero__eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2); }
.hero__ara { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; margin-top: var(--b3); color: var(--beyaz); font-weight: 500; text-decoration: none; }
.hero__ara:hover { color: #D9CBB8; }

/* Bölüm iskeleti */
.bolum { padding-block: var(--b6); }
.bolum--gri { background: var(--zemin-gri); }
.bolum__bas { max-width: 44rem; margin-bottom: var(--b5); }
.bolum__bas--orta { margin-inline: auto; text-align: center; }
.bolum__bas p { margin-top: var(--b2); color: var(--metin-ikincil); }

/* B2 Önce cevap (canlı sitedeki etiket + büyük başlık + paragraf girişi) */
.cevap { padding-block: var(--b5) var(--b2); }
.hat { list-style: none; margin: 0 0 var(--b5); padding: 0 0 var(--b5); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--cizgi); }
.hat__durak { position: relative; padding: var(--b4) var(--b3) 0 0; }
.hat__durak::before { content: ""; position: absolute; top: .6875rem; left: 0; right: 0; height: 2px; background: var(--bej); }
.hat__durak::after { content: ""; position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--koyu); box-shadow: 0 0 0 3px var(--bej); }
.hat__no { display: block; margin-bottom: var(--b1); font: 700 var(--t-etiket)/1.3 var(--font-baslik); letter-spacing: .08em; color: var(--bej-koyu); }
.hat__ad { display: block; margin-bottom: var(--b1); font: 700 var(--t-h3)/1.25 var(--font-baslik); letter-spacing: .04em; text-transform: uppercase; color: var(--koyu); }
.hat__not { color: var(--metin-ikincil); }
.cevap__izgara { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--b5); align-items: start; }
.cevap__metin { font-size: var(--t-giris); color: var(--metin); }
.cevap__metin p:first-child { font-size: clamp(1.125rem, 1rem + .5vw, 1.375rem); line-height: 1.6; color: var(--koyu); }
.cevap__metin p + p { color: var(--metin-ikincil); }

/* B3 Üç yol (canlı sitedeki "İhtiyacınıza uygun çözümü seçin" kartları) */
.yollar { display: grid; gap: var(--b3); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.yol { position: relative; display: flex; flex-direction: column; background: var(--koyu); color: #E6E6E6; }
.yol__gorsel { margin: 0; aspect-ratio: 3 / 2; overflow: hidden; }
.yol__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.yol:hover .yol__gorsel img { transform: scale(1.04); }
.yol__metin { display: flex; flex-direction: column; flex: 1; padding: var(--b4) var(--b4) var(--b4); }
.yol h3 { display: flex; align-items: center; gap: var(--b2); color: var(--beyaz); margin-bottom: var(--b2); }
.yol h3::after { content: ""; width: 1.75rem; height: 2px; background: var(--bej); flex: none; }
.yol p { margin-bottom: var(--b3); }
.yol__baglar { margin-top: auto; display: flex; flex-wrap: wrap; gap: var(--b2); }
.yol__baglar .dugme { padding-inline: 1.25rem; font-size: .8125rem; }

/* B4 Ürün grupları (canlı sitedeki başlık üstte, görsel altta; üzerine gelince bej panel) */
.urunler { display: grid; gap: var(--b5) var(--b3); grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.urun h3 { margin-bottom: var(--b2); }
.urun h3 a { text-decoration: none; }
.urun__kutu { position: relative; overflow: hidden; }
.urun__kutu img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.urun__panel { padding-top: var(--b2); }
.urun__panel p { margin-bottom: var(--b2); color: var(--metin-ikincil); }
.urun__panel .dugme { align-self: flex-start; white-space: nowrap; }
@media (hover: hover) and (min-width: 64rem) {
  .urun__panel { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; padding: var(--b4); background: var(--bej);
    opacity: 0; transition: opacity .3s; }
  .urun__panel p { color: var(--koyu); }
  .urun:hover .urun__panel, .urun:focus-within .urun__panel { opacity: 1; }
}

/* B5 Konteyner ev mi, prefabrik ev mi (canlı sitedeki "Modüler Kabinler" bölünmüş kartı) */
.bolunmus { display: grid; grid-template-columns: 1fr 1fr; background: var(--zemin-gri); border-radius: var(--kose); overflow: hidden; box-shadow: var(--golge); }
.bolunmus__gorsel { margin: 0; min-height: 100%; }
.bolunmus__gorsel img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 3 / 2; }
.bolunmus__metin { align-self: center; padding: var(--b5) var(--b4); }
.bolunmus__metin h2 { font-size: clamp(1.625rem, 1.3rem + 1.2vw, 2.25rem); margin-bottom: var(--b3); }
.bolunmus__metin p { color: var(--metin-ikincil); }
.bolunmus__metin .dugme { margin-top: var(--b2); }
.bolunmus__baglar { display: flex; flex-wrap: wrap; gap: var(--b2); margin-top: var(--b3); }

/* B6 Süreç (canlı sitedeki "Modüler Yapı Sürecimiz": işaretli liste + sağda görsel) */
.surec { display: grid; grid-template-columns: 1.15fr .85fr; gap: var(--b5); align-items: start; }
.surec__giris { margin-top: var(--b3); font-size: var(--t-giris); color: var(--metin-ikincil); }
.adimlar { list-style: none; margin: var(--b4) 0 0; padding: 0; display: grid; gap: var(--b4); }
.adim { display: grid; grid-template-columns: 3rem 1fr; gap: var(--b3); align-items: start; }
.adim__no { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 50%; background: var(--koyu); color: var(--beyaz); box-shadow: 0 0 0 3px var(--bej);
  font: 700 1.0625rem/1 var(--font-baslik); }
.adim h3 { font-size: 1.125rem; letter-spacing: .04em; text-transform: uppercase; margin: .6rem 0 var(--b1); }
.adim p { color: var(--metin-ikincil); }
.surec__alt { margin-top: var(--b4); }
.surec__gorsel { margin: 0; position: sticky; top: 7rem; }
.surec__gorsel img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid var(--cizgi); }

/* B7 Teklif kalemleri (canlı sitedeki vinç bölümü: solda görsel, sağda büyük başlık) */
.kalemler { display: grid; grid-template-columns: 1fr 1fr; gap: var(--b5); align-items: center; }
.kalemler__gorsel { margin: 0; }
.kalemler__gorsel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.kalemler__metin h2 { margin-bottom: var(--b4); }
.kalemler__metin > p { color: var(--metin-ikincil); }
.isaretli { list-style: none; margin: var(--b3) 0 var(--b4); padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--b2) var(--b3); }
.isaretli li { display: flex; align-items: center; gap: .75rem; font-weight: 500; color: var(--koyu); }
.isaretli li::before { content: ""; flex: none; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--koyu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat; box-shadow: 0 0 0 2px var(--bej); }

/* B8 Teklif (canlı sitedeki bej bant + silik büyük marka yazısı; içinde form kartı) */
.teklif { position: relative; overflow: hidden; background: var(--bej); padding-block: var(--b6); }
.teklif__silik { position: absolute; top: var(--b4); left: 50%; transform: translateX(-50%); margin: 0; white-space: nowrap; pointer-events: none;
  font: 800 clamp(4rem, 2rem + 9vw, 11rem)/1 var(--font-baslik); color: rgba(33,33,33,.07); }
.teklif__izgara { position: relative; display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--b5); align-items: start; }
.teklif h2 { margin-bottom: var(--b3); }
.teklif__sol > p { color: var(--koyu); font-size: var(--t-giris); }
.iletisim { list-style: none; margin: var(--b4) 0 0; padding: 0; display: grid; gap: var(--b2); }
.iletisim a, .iletisim span { display: inline-flex; align-items: center; gap: .75rem; color: var(--koyu); font-weight: 500; text-decoration: none; }
.iletisim a:hover { text-decoration: underline; }
.form { background: var(--zemin); padding: var(--b4); border-radius: var(--kose); box-shadow: var(--golge); display: grid; grid-template-columns: 1fr 1fr; gap: var(--b3) var(--b3); }
.alan { display: grid; gap: .375rem; }
.alan--tam, .onay, .form .dugme { grid-column: 1 / -1; }
.alan label { font: 600 .875rem/1.3 var(--font-baslik); color: var(--koyu); }
.alan small { font: 400 .8125rem var(--font-govde); color: var(--metin-ikincil); }
.alan input, .alan select { width: 100%; min-height: 3rem; padding: .625rem .875rem; border: 1px solid #9E9E9E; border-radius: var(--kose); background: var(--zemin); color: var(--koyu); font: 400 1rem var(--font-govde); }
.alan input:focus, .alan select:focus { outline: 3px solid var(--bej); outline-offset: 0; border-color: var(--koyu); }
.onay { display: flex; gap: .75rem; align-items: flex-start; font-size: .9375rem; }
.onay input { width: 1.25rem; height: 1.25rem; margin-top: .2rem; accent-color: var(--koyu); flex: none; }
.form .dugme { justify-self: start; }

/* Alt bilgi (canlı sitedeki koyu alt bilgi) */
.alt { background: var(--koyu); color: #CFCFCF; padding-top: var(--b5); font-size: .9375rem; }
.alt__ust { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.1fr; gap: var(--b4); padding-top: var(--b4); border-top: 1px solid #3A3A3A; }
.alt__logo img { width: 168px; height: auto; filter: brightness(0) invert(1); }
.alt__marka p { margin-top: var(--b3); }
.alt h2 { font-size: 1.125rem; color: var(--beyaz); margin-bottom: var(--b3); }
.alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .75rem; }
.alt__kol a { color: #E6E6E6; text-decoration: none; display: inline-flex; align-items: center; gap: .625rem; }
.alt__kol a:hover { color: var(--bej); }
.alt__liste li { display: flex; align-items: center; gap: .75rem; }
.alt__liste li::before { content: ""; width: 6px; height: 6px; background: var(--bej); flex: none; }
.alt__kol .ikon { color: var(--bej); }
.alt__hizli p { margin-bottom: var(--b3); }
.alt__sosyal { display: flex; gap: var(--b2); margin-top: var(--b3); }
.alt__sosyal a { display: inline-grid; place-items: center; width: 2.75rem; height: 2.75rem; color: var(--beyaz); }
.alt__alt { margin-top: var(--b5); background: #181818; }
.alt__alt .kap { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--b2); padding-block: var(--b3); }
.alt__yasal { display: flex; gap: var(--b3); }
.alt__yasal a { color: #CFCFCF; }

/* Yüzen WhatsApp (canlı sitedeki yeşil düğme) ve mobil çubuk */
.yuzen-wa { position: fixed; right: 1.5rem; bottom: 1.5rem; z-index: 40; display: grid; place-items: center; width: 3.75rem; height: 3.75rem; border-radius: 50%; background: var(--wa); color: var(--beyaz); box-shadow: 0 6px 18px rgba(0,0,0,.25); }
.yuzen-wa .ikon { width: 2rem; height: 2rem; }
.mobil-cubuk { display: none; }
.cerez { position: fixed; right: 1.5rem; bottom: 6.5rem; z-index: 60; max-width: 26rem; padding: var(--b3); background: var(--koyu); color: #E6E6E6; border-top: 3px solid var(--bej); font-size: .9375rem; box-shadow: var(--golge); }
.cerez[hidden] { display: none; }
.cerez a { color: var(--beyaz); }
.cerez__eylem { display: flex; gap: var(--b2); margin-top: var(--b2); }
.cerez button { flex: 1; min-height: 2.75rem; border: 2px solid var(--bej); border-radius: var(--kose); background: transparent; color: var(--beyaz); font: 700 .8125rem/1 var(--font-baslik); letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.cerez button[data-cerez="kabul"] { background: var(--bej); color: var(--koyu); }

/* Ara ekran */
@media (max-width: 80rem) {
  .menu__liste { gap: var(--b2); }
  .menu__bag { letter-spacing: .05em; font-size: .75rem; }
  .serit__ic { gap: var(--b3); }
}
@media (max-width: 63.99rem) {
  .serit, .menu, .ust__eylem { display: none; }
  .menu-ac { display: inline-flex; }
  .ust__ic { min-height: 4.5rem; }
  .logo img { width: 132px; }
  .mobil-menu.acik { display: block; padding: var(--b2) var(--b2) var(--b4); border-top: 1px solid var(--cizgi); max-height: calc(100svh - 4.5rem); overflow: auto; }
  .mobil-menu h2 { font-size: .8125rem; letter-spacing: .08em; text-transform: uppercase; color: var(--bej-koyu); margin: var(--b3) 0 var(--b1); }
  .mobil-menu ul { list-style: none; margin: 0; padding: 0; }
  .mobil-menu a { display: block; padding: .75rem 0; border-bottom: 1px solid var(--cizgi); text-decoration: none; color: var(--koyu); font-weight: 500; }
  .yollar, .urunler { grid-template-columns: 1fr 1fr; }
  .bolunmus, .surec, .kalemler, .teklif__izgara, .cevap__izgara { grid-template-columns: 1fr; }
  .cevap__izgara { gap: var(--b3); }
  .surec__gorsel { position: static; max-width: 30rem; }
  .surec__gorsel img { aspect-ratio: 3 / 2; }
  .alt__ust { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 47.99rem) {
  :root { --b5: 2.5rem; --b6: 4rem; }
  .hero { min-height: 0; flex-direction: column; align-items: stretch; padding-block: 0 var(--b4); }
  .hero__gorsel { position: static; order: -1; height: 13.5rem; }
  .hero::before { top: 13.5rem; background: var(--koyu); }
  .hero__metin { display: flex; flex-direction: column; padding: var(--b3) var(--b2) 0; }
  .hero__eylemler { order: 3; margin-bottom: var(--b2); }
  .hero__ara { order: 4; margin-top: 0; }
  .hero__aciklama { order: 5; margin: var(--b3) 0 0; font-size: 1rem; }
  .hero__eylemler .dugme { flex: 1 1 100%; }
  .yollar, .urunler, .alt__ust { grid-template-columns: 1fr; }
  .yol__metin { padding: var(--b3); }
  .bolunmus__metin { padding: var(--b4) var(--b3); }
  .isaretli { grid-template-columns: 1fr; }
  .hat { grid-template-columns: 1fr; gap: var(--b3); }
  .hat__durak { padding: 0 0 0 var(--b5); }
  .hat__durak::before { top: 1.5rem; bottom: calc(var(--b3) * -1); left: .6875rem; right: auto; width: 2px; height: auto; }
  .hat__durak:last-child::before { display: none; }
  .form { grid-template-columns: 1fr; padding: var(--b3); }
  .form .dugme { justify-self: stretch; }
  .teklif__silik { display: none; }
  .yuzen-wa { display: none; }
  body { padding-bottom: 4.5rem; }
  .mobil-cubuk { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: var(--b1); position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; padding: .5rem; background: var(--zemin); border-top: 1px solid var(--cizgi); box-shadow: 0 -4px 14px rgba(0,0,0,.08); }
  .mobil-cubuk a { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 3rem; border-radius: var(--kose); border: 2px solid var(--koyu); color: var(--koyu); text-decoration: none;
    font: 700 .8125rem/1 var(--font-baslik); letter-spacing: .04em; text-transform: uppercase; }
  .mobil-cubuk a.mobil-cubuk__teklif { background: var(--bej); border-color: var(--bej); }
  .cerez { left: .75rem; right: .75rem; bottom: 4.75rem; max-width: none; padding: .75rem 1rem; font-size: .875rem; }
  .cerez__eylem { margin-top: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0s !important; animation-duration: 0s !important; }
}
@media print { .serit, .yuzen-wa, .mobil-cubuk, .cerez { display: none !important; } .ust { position: static; } }

/* ================= İç sayfa bileşenleri (canlı sitenin kategori ve ürün sayfalarından) ================= */
/* Sayfa bandı: fotoğraf + bej kutuda büyük harf sayfa adı; içerik kartı bandın altına biner */
.bant { position: relative; height: clamp(13rem, 9rem + 12vw, 20rem); overflow: hidden; background: var(--koyu); }
.bant img { width: 100%; height: 100%; object-fit: cover; }
.bant::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(20,20,20,.35), rgba(20,20,20,0) 70%); }
.bant__kap { position: absolute; inset: 0; z-index: 1; display: flex; align-items: center; }
.bant__ad { display: inline-block; margin: 0; padding: .25rem 1rem; background: var(--bej); color: var(--koyu);
  font: 800 clamp(1.375rem, .9rem + 2vw, 2.5rem)/1.15 var(--font-baslik); letter-spacing: .06em; text-transform: uppercase; }
.kirinti { position: relative; z-index: 2; margin-top: -1.75rem; }
.kirinti ol { display: flex; flex-wrap: wrap; gap: .5rem; margin: 0; padding: var(--b2) var(--b3); list-style: none; background: var(--zemin); font-size: .875rem; color: var(--metin-ikincil); box-shadow: 0 -6px 18px rgba(0,0,0,.05); }
.kirinti li + li::before { content: "•"; margin-right: .5rem; color: var(--bej); }
.kirinti a { color: var(--koyu); text-decoration: none; }
.kirinti a:hover { text-decoration: underline; }

/* Sayfa girişi: solda H1 + vaat, sağda açıklama ve düğmeler */
.giris { padding-block: var(--b5); }
.giris__izgara { display: grid; grid-template-columns: 1fr 1fr; gap: var(--b5); align-items: start; padding-bottom: var(--b5); border-bottom: 1px solid var(--cizgi); }
.giris__h1 { margin: 0 0 var(--b2); font: 700 var(--t-govde)/1.4 var(--font-baslik); font-size: 1.0625rem; letter-spacing: .08em; text-transform: uppercase; color: var(--bej-koyu); display: flex; align-items: center; gap: .75rem; }
.giris__h1::after { content: ""; width: 1.5rem; height: 2px; background: var(--bej); flex: none; }
.giris__vaat { margin: 0; font: 700 clamp(2rem, 1.3rem + 2.6vw, 3.5rem)/1.1 var(--font-baslik); color: var(--koyu); letter-spacing: -.005em; }
.giris__sag p { color: var(--metin-ikincil); }
.giris__eylemler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--b2); margin-top: var(--b3); }
.giris__eylemler .hero__ara { color: var(--koyu); margin-top: 0; }
.dugme--cizgi-koyu { border-color: var(--koyu); color: var(--koyu); }
.dugme--cizgi-koyu:hover { background: var(--koyu); color: var(--beyaz); }

/* Sırayla dönen tip kartları: gri kutu, numaralı etiket, etiket çipleri */
.tipler { display: grid; gap: var(--b4); }
.tip-kart { display: grid; grid-template-columns: 1.1fr 1fr; background: var(--zemin-gri); border: 1px solid var(--cizgi); }
.tip-kart:nth-child(even) .tip-kart__gorsel { order: -1; }
.tip-kart__gorsel { margin: 0; }
.tip-kart__gorsel img { width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.tip-kart__metin { align-self: center; padding: var(--b4) var(--b5); }
.tip-kart__no { margin-bottom: var(--b2); font: 700 .8125rem/1.3 var(--font-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--bej-koyu); }
.tip-kart h3 { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem); margin-bottom: var(--b2); }
.tip-kart p { color: var(--metin-ikincil); }
.cipler { display: flex; flex-wrap: wrap; gap: var(--b1) var(--b2); list-style: none; margin: var(--b3) 0; padding: 0; }
.cipler li { padding: .375rem .75rem; border-left: 2px solid var(--bej); font: 600 .8125rem/1.3 var(--font-baslik); color: var(--koyu); }
.kucuk-tipler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b3); list-style: none; margin: var(--b4) 0 0; padding: 0; }
.kucuk-tipler li { padding: var(--b3); border: 1px solid var(--cizgi); border-top: 3px solid var(--bej); }
.kucuk-tipler h3 { font-size: 1.125rem; margin-bottom: var(--b1); }
.kucuk-tipler p { color: var(--metin-ikincil); font-size: .9375rem; }

/* Koyu blok: başlık solda, kısa cevap sağda, altta numaralı hücreler */
.koyu-blok { background: #111111; color: #CFCFCF; padding: var(--b5); }
.koyu-blok__bas { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--b4); align-items: end; margin-bottom: var(--b4); }
.koyu-blok h2 { color: var(--beyaz); }
.koyu-blok__bas p { color: #CFCFCF; }
.hucreler { display: grid; grid-template-columns: repeat(var(--sutun, 3), minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; border: 1px solid #333; }
.hucreler li { padding: var(--b4) var(--b3); border-right: 1px solid #333; }
.hucreler li:last-child { border-right: 0; }
.hucreler__no { display: block; margin-bottom: var(--b3); font: 700 .8125rem/1 var(--font-baslik); color: var(--bej); letter-spacing: .08em; }
.hucreler h3 { color: var(--beyaz); font-size: 1.125rem; margin-bottom: var(--b1); }
.hucreler p { font-size: .9375rem; }

/* Tablo */
.tablo-kap { overflow-x: auto; margin-top: var(--b4); }
.tablo { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.tablo th { padding: var(--b2); text-align: left; background: var(--koyu); color: var(--beyaz); font: 700 .8125rem/1.3 var(--font-baslik); letter-spacing: .06em; text-transform: uppercase; }
.tablo td { padding: var(--b2); border-bottom: 1px solid var(--cizgi); vertical-align: top; }
.tablo tbody tr:nth-child(even) td { background: var(--zemin-gri); }
.tablo td:first-child { font-weight: 500; color: var(--koyu); }

/* Sütunlu adımlar: üstte bej çizgi ve numara */
.sutun-adim { display: grid; grid-template-columns: repeat(var(--sutun, 3), minmax(0, 1fr)); gap: var(--b4); list-style: none; margin: var(--b4) 0 0; padding: 0; }
.sutun-adim li { padding-top: var(--b3); border-top: 2px solid var(--bej); }
.sutun-adim__no { display: block; margin-bottom: var(--b2); font: 700 .8125rem/1 var(--font-baslik); color: var(--bej-koyu); letter-spacing: .08em; }
.sutun-adim h3 { font-size: 1.1875rem; margin-bottom: var(--b1); }
.sutun-adim p { color: var(--metin-ikincil); }

/* Ölçüt listesi + metin */
.olcutler { display: grid; grid-template-columns: 1fr 1fr; gap: var(--b5); align-items: start; }
.olcutler .isaretli { margin-top: 0; }

/* Ürün sayfası: ana sütun + yan menü */
.urun-duzen { display: grid; grid-template-columns: minmax(0, 1fr) 17rem; gap: var(--b5); align-items: start; }
.yan { position: sticky; top: 7rem; padding-left: var(--b4); border-left: 1px solid var(--cizgi); }
.yan h2 { font-size: .875rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: var(--b2); display: flex; align-items: center; gap: .75rem; }
.yan h2::after { content: ""; width: 1.5rem; height: 2px; background: var(--bej); }
.yan ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .25rem; }
.yan a { display: flex; align-items: center; gap: .625rem; min-height: 2.75rem; color: var(--metin); text-decoration: none; font-size: .9375rem; }
.yan a::before { content: ""; width: 5px; height: 5px; background: var(--bej); flex: none; }
.yan a:hover, .yan a[aria-current="page"] { color: var(--koyu); font-weight: 500; }
.yan__iletisim { margin-top: var(--b4); padding: var(--b3); background: var(--zemin-gri); }
.yan__iletisim p { font-size: .9375rem; }
.yan__iletisim .dugme { width: 100%; margin-top: var(--b1); }
.alinti { margin: var(--b3) 0; padding: var(--b1) 0 var(--b1) var(--b3); border-left: 6px solid var(--bej); font-size: var(--t-giris); line-height: 1.6; color: var(--koyu); }
.metin-blok { padding-block: var(--b4); border-top: 1px solid var(--cizgi); }
.metin-blok h2 { font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.25rem); margin-bottom: var(--b3); }
.metin-blok p { color: var(--metin-ikincil); }
.iki-sutun { display: grid; grid-template-columns: 1fr 1fr; gap: var(--b4); margin-top: var(--b3); }
.iki-sutun h3 { margin-bottom: var(--b2); }
.iki-sutun p { color: var(--metin-ikincil); }

/* Model kartları */
.modeller { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b3); list-style: none; margin: var(--b4) 0 0; padding: 0; }
.model { display: flex; flex-direction: column; background: var(--zemin); border: 1px solid var(--cizgi); }
.model img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.model__metin { display: flex; flex-direction: column; flex: 1; padding: var(--b3); }
.model__etiket { margin-bottom: var(--b1); font: 700 .75rem/1.3 var(--font-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--bej-koyu); }
.model h3 { font-size: 1.25rem; margin-bottom: var(--b1); }
.model p { color: var(--metin-ikincil); font-size: .9375rem; }
.model__eylem { display: flex; flex-wrap: wrap; gap: var(--b1); margin-top: auto; padding-top: var(--b2); }
.model__eylem .dugme { min-height: 2.75rem; padding: .625rem 1rem; font-size: .75rem; }

/* Etken hücreleri (açık zemin) */
.etkenler { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1px; list-style: none; margin: var(--b4) 0 0; padding: 0; background: var(--cizgi); border: 1px solid var(--cizgi); }
.etkenler li { padding: var(--b3); background: var(--zemin); }
.etkenler h3 { font-size: 1.0625rem; margin-bottom: var(--b1); }
.etkenler p { font-size: .9375rem; color: var(--metin-ikincil); }

/* İkonlu süreç (canlı sitedeki ürün sayfası süreci) */
.ikon-surec { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--b3); list-style: none; margin: var(--b4) 0 0; padding: 0; text-align: center; }
.ikon-surec svg { width: 3rem; height: 3rem; margin: 0 auto var(--b2); color: var(--bej); }
.ikon-surec h3 { font-size: 1.125rem; margin-bottom: var(--b1); }
.ikon-surec p { font-size: .9375rem; color: var(--metin-ikincil); }

/* Çağrı kutusu (canlı sitedeki çerçeveli kapanış kutusu) */
.cagri-kutu { display: grid; grid-template-columns: 1fr auto; gap: var(--b4); align-items: center; padding: var(--b5) var(--b4); border: 1px solid var(--cizgi); background: var(--zemin-gri); }
.cagri-kutu h2 { font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.25rem); margin-bottom: var(--b2); }
.cagri-kutu p { color: var(--metin-ikincil); }
.cagri-kutu__eylem { display: grid; gap: var(--b2); }
.cagri-kutu .form { box-shadow: none; border: 1px solid var(--cizgi); }
.cagri-kutu--form { grid-template-columns: .8fr 1.2fr; align-items: start; }

/* İlgili sayfalar */
.ilgili { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--b2); list-style: none; margin: var(--b3) 0 0; padding: 0; }
.ilgili a { display: block; height: 100%; padding: var(--b3); border: 1px solid var(--cizgi); border-top: 3px solid var(--bej); text-decoration: none; color: var(--metin-ikincil); font-size: .9375rem; }
.ilgili a strong { display: block; margin-bottom: var(--b1); font: 700 1.0625rem/1.3 var(--font-baslik); color: var(--koyu); }
.ilgili a:hover { background: var(--zemin-gri); }
.guncelleme { margin-top: var(--b3); font-size: .875rem; color: var(--koyu); }

@media (max-width: 63.99rem) {
  .giris__izgara, .tip-kart, .koyu-blok__bas, .olcutler, .urun-duzen, .iki-sutun, .cagri-kutu, .cagri-kutu--form { grid-template-columns: 1fr; }
  .tip-kart .tip-kart__gorsel, .tip-kart:nth-child(even) .tip-kart__gorsel { order: -1; }
  .hucreler li:nth-child(2n) { border-right: 0; }
  .hucreler li { border-bottom: 1px solid #333; }
  .modeller, .kucuk-tipler { grid-template-columns: 1fr 1fr; }
  .ikon-surec { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yan { position: static; padding-left: 0; border-left: 0; border-top: 1px solid var(--cizgi); padding-top: var(--b4); }
}
@media (max-width: 47.99rem) {
  .giris { padding-block: var(--b4); }
  .giris__izgara { gap: var(--b3); padding-bottom: var(--b4); }
  .giris__eylemler .dugme { flex: 1 1 100%; }
  .giris__sag { display: flex; flex-direction: column; }
  .giris__sag .giris__eylemler { order: -1; margin: 0 0 var(--b3); }
  .tip-kart__metin { padding: var(--b3); }
  .koyu-blok { padding: var(--b4) var(--b3); margin-inline: calc(var(--b2) * -1); }
  .modeller, .kucuk-tipler, .ikon-surec { grid-template-columns: 1fr; }
  .hucreler li { border-right: 0; }
  .ikon-surec { text-align: left; }
  .ikon-surec svg { margin-left: 0; }
  .cagri-kutu { padding: var(--b4) var(--b3); }
  .kirinti { margin-top: -1rem; }
  .kirinti ol { padding: .75rem var(--b2); }
}
.sutun-3 { --sutun: 3; }
.sutun-4 { --sutun: 4; }
@media (max-width: 63.99rem) { .sutun-3, .sutun-4 { --sutun: 2; } }
@media (max-width: 47.99rem) { .sutun-3, .sutun-4 { --sutun: 1; } }
.bolum--ust0 { padding-top: 0; }
.cevap--ic { margin-top: var(--b5); }
.giris--urun { padding-block: var(--b4); }
.giris--urun .giris__vaat { margin-bottom: var(--b2); }
.metin-blok--bosluk { margin-top: var(--b4); }
.orta { text-align: center; }
@media (min-width: 48rem) { .etkenler { grid-template-columns: repeat(3, minmax(0, 1fr)); } .etkenler li:last-child:nth-child(3n+2) { grid-column: span 2; } }

/* Ürün (hizmet) sayfası girişi: solda büyük görsel, sağda H1, vaat, açıklama, düğmeler ve üretim hattı */
.urun-giris { padding-block: var(--b5); }
.urun-giris__izgara { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--b5); align-items: center; }
.urun-giris__gorsel { margin: 0; }
.urun-giris__gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.urun-giris .giris__vaat { margin-bottom: var(--b3); }
.urun-giris .alinti { margin-top: 0; }
.mini-hat { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; margin: var(--b4) 0 0; padding: var(--b3) 0 0; border-top: 1px solid var(--cizgi); }
.mini-hat li { font: 700 .8125rem/1.3 var(--font-baslik); letter-spacing: .08em; text-transform: uppercase; color: var(--koyu); display: flex; align-items: center; gap: .5rem; }
.mini-hat li::before { content: ""; width: .75rem; height: .75rem; border-radius: 50%; background: var(--koyu); box-shadow: 0 0 0 2px var(--bej); flex: none; }
.iki-kolon { display: grid; grid-template-columns: .9fr 1.1fr; gap: var(--b5); align-items: start; }
.iki-kolon .tablo-kap { margin-top: 0; }
.iki-kolon__eylem { display: flex; flex-wrap: wrap; gap: var(--b2); margin-top: var(--b3); }
.koyu-blok__bas p + p { margin-top: var(--b2); }
.hucreler.sutun-5 { --sutun: 5; }
.ilgili--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 63.99rem) {
  .urun-giris__izgara, .iki-kolon { grid-template-columns: 1fr; }
  .hucreler.sutun-5 { --sutun: 2; }
  .ilgili--5 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 47.99rem) {
  .urun-giris { padding-block: var(--b3) var(--b4); }
  .urun-giris__gorsel { display: none; }
  .hucreler.sutun-5 { --sutun: 1; }
  .ilgili--5 { grid-template-columns: 1fr; }
  .mini-hat { grid-template-columns: 1fr; gap: var(--b1); }
}
.bolunmus--bosluk { margin-top: var(--b5); }
.zemin-ruhsat { margin-top: var(--b5); padding-top: var(--b5); border-top: 1px solid var(--cizgi); }
.zemin-ruhsat > h2 { margin-bottom: var(--b2); }
.zemin-ruhsat > p { max-width: 50rem; color: var(--metin-ikincil); }
.bant--kisa { height: 13rem; }
.urun-giris { padding-top: var(--b4); }
.urun-giris__izgara { align-items: start; }
.urun-giris .giris__vaat { font-size: clamp(2rem, 1.3rem + 2.2vw, 3.25rem); }
.bant img { object-position: 50% 55%; }


/* ================= celik grubundan taşındı (2026-11-13) ================= */
/* Grup: celik (çelik yapılar, çelik ev). Yalnız tasarım sistemi token'ları. */
.kucuk-tipler.kucuk-tipler--tek { grid-template-columns: minmax(0, 1fr); }
.kucuk-tipler--tek li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: var(--b3); align-items: baseline; }
.kucuk-tipler--tek h3 { margin-bottom: 0; }
@media (max-width: 47.99rem) { .kucuk-tipler--tek li { grid-template-columns: 1fr; gap: var(--b1); } }
.kaynak { margin-top: var(--b3); font-size: .875rem; color: var(--metin-ikincil); }


/* ================= kabin grubundan taşındı (2026-11-13) ================= */
/* kabin grubu (güvenlik kulübesi, WC-duş, şantiye) · yalnız tasarım sistemi token'ları */
/* Dik kadrajlı ürün görseli: 3:2 kutuda kırpılmadan, gri zemin üstünde gösterilir */
.model img.gorsel--tam,
.kalemler__gorsel img.gorsel--tam { object-fit: contain; background: var(--zemin-gri); }
.kalemler__gorsel img.gorsel--tam { background: var(--zemin); }


/* ================= kurumsal grubundan taşındı (2026-11-13) ================= */
/* Kurumsal grup ek bileşenleri (üretim ve kurulum, hakkımızda, iletişim, yasal sayfalar, teşekkür, 404).
   Yalnız tasarim-sistemi.css token'ları; yeni renk, font ya da boşluk değeri yok. */

/* Bej fiil bandı (canlı kurumsal sayfadaki bej "performans" bandının düzeni; rakam yerine iş) */
.fiil-bant { position: relative; overflow: hidden; background: var(--bej); padding-block: var(--b6); }
.fiil-bant h2 { max-width: 40rem; margin-bottom: var(--b5); }
.fiil-bant__liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--b4); list-style: none; margin: 0; padding: 0; }
.fiil-bant__liste li { padding-top: var(--b3); border-top: 2px solid var(--koyu); }
.fiil-bant__ad { display: block; margin-bottom: var(--b2); font: 800 var(--t-h2)/1.1 var(--font-baslik); color: var(--koyu); }
.fiil-bant__liste p { color: var(--koyu); }

/* Koyu iki sütun: solda metin ve işaretli maddeler, sağda görsel (canlı "Yaklaşımımız" bölümü) */
.koyu-iki { background: #111111; color: #CFCFCF; padding-block: var(--b6); }
.koyu-iki__izgara { display: grid; grid-template-columns: 1fr 1fr; gap: var(--b5); align-items: center; }
.koyu-iki h2, .koyu-iki h3 { color: var(--beyaz); }
.koyu-iki h2 { margin-bottom: var(--b3); }
.koyu-iki .etiket { color: var(--bej); }
.koyu-iki__maddeler { list-style: none; margin: var(--b4) 0 0; padding: 0; display: grid; gap: var(--b3); }
.koyu-iki__maddeler li { display: grid; grid-template-columns: 1.5rem 1fr; gap: var(--b2); }
.koyu-iki__maddeler li::before { content: ""; width: 1.5rem; height: 1.5rem; margin-top: .125rem; border-radius: 50%; border: 2px solid var(--bej); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23B29E84' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat; }
.koyu-iki__maddeler h3 { font-size: 1.0625rem; letter-spacing: .06em; text-transform: uppercase; margin-bottom: var(--b1); }
.koyu-iki__maddeler p { font-size: .9375rem; }
.koyu-iki__gorsel { margin: 0; }
.koyu-iki__gorsel img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }

/* Dört sütunlu ikon satırı */
.ikon-surec--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ikon-surec--4 a { color: var(--koyu); }

/* Yasal ve düz metin sayfaları */
.yasal { max-width: 48rem; }
.yasal__tarih { margin-bottom: var(--b4); padding: var(--b2) var(--b3); border-left: 4px solid var(--bej); background: var(--zemin-gri); font-size: .9375rem; color: var(--koyu); }
.yasal h2 { font-size: clamp(1.375rem, 1.2rem + .7vw, 1.75rem); margin: var(--b5) 0 var(--b2); }
.yasal h3 { font-size: 1.125rem; margin: var(--b4) 0 var(--b1); }
.yasal p, .yasal li { color: var(--metin); }
.yasal ul, .yasal ol { margin: 0 0 var(--b2); padding-left: var(--b3); }
.yasal li + li { margin-top: var(--b1); }
.yasal .tablo-kap { margin: var(--b3) 0; }
.yasal__kaynak { margin-top: var(--b5); padding-top: var(--b3); border-top: 1px solid var(--cizgi); font-size: .9375rem; color: var(--metin-ikincil); }
.yasal__kaynak a { color: var(--koyu); }

/* Sade sayfa girişi (teşekkür, 404): bant olmadan */
.sade-giris { padding-block: var(--b6) var(--b5); background: var(--zemin-gri); border-bottom: 1px solid var(--cizgi); }
.sade-giris .giris__vaat { max-width: 44rem; margin-bottom: var(--b3); }
.sade-giris p { max-width: 40rem; color: var(--metin-ikincil); }
.sade-giris .giris__eylemler { margin-top: var(--b4); }

@media (max-width: 63.99rem) {
  .fiil-bant__liste, .koyu-iki__izgara { grid-template-columns: 1fr; }
  .koyu-iki__gorsel { max-width: 30rem; }
  .ikon-surec--4 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 47.99rem) {
  .fiil-bant, .koyu-iki { padding-block: var(--b5); }
  .fiil-bant h2 { margin-bottom: var(--b4); }
  .koyu-iki__gorsel img { aspect-ratio: 3 / 2; }
  .ikon-surec--4 { grid-template-columns: 1fr; }
  .sade-giris { padding-block: var(--b5) var(--b4); }
  .sade-giris .giris__eylemler .dugme { flex: 1 1 100%; }
}

/* İletişim sayfası yan sütunu: ikonlu liste ve tek satır düğme */
.yan .iletisim { margin-top: 0; }
.yan .iletisim a::before { display: none; }
.yan .iletisim a, .yan .iletisim span { min-height: 2.75rem; }
.yan__iletisim .dugme { padding-inline: var(--b2); }


/* ================= rehber grubundan taşındı (2026-11-13) ================= */
/* Rehber grubu (blog liste + blog yazısı) · Yön B token'larıyla; yeni renk, font ya da boşluk değeri yok.
   Düzen kaynağı: canlı sitenin /blog/ (kart ızgarası) ve yazı sayfası (bant, sayfa yolu, ortada dar metin sütunu). */

/* ---------- Blog liste ---------- */
.yazi-one { display: grid; grid-template-columns: 1.1fr 1fr; background: var(--zemin-gri); border: 1px solid var(--cizgi); }
.yazi-one__gorsel { margin: 0; }
.yazi-one__gorsel img { width: 100%; height: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.yazi-one__metin { align-self: center; padding: var(--b4) var(--b5); }
.yazi-one h2 { font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.25rem); margin-bottom: var(--b2); }
.yazi-one p { color: var(--metin-ikincil); }

.yazi-liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--b4) var(--b3); list-style: none; margin: var(--b4) 0 0; padding: 0; }
.yazi-kart { display: flex; flex-direction: column; background: var(--zemin); border: 1px solid var(--cizgi); }
.yazi-kart img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.yazi-kart__metin { display: flex; flex-direction: column; flex: 1; padding: var(--b3) var(--b4) var(--b4); }
.yazi-kart h2 { font-size: var(--t-h3); margin-bottom: var(--b2); }
.yazi-kart p { color: var(--metin-ikincil); font-size: .9375rem; }
.yazi-kart__bag { margin-top: auto; align-self: flex-start; }
.yazi-kart h2 a, .yazi-one h2 a { text-decoration: none; }
.yazi-kart h2 a:hover, .yazi-one h2 a:hover { text-decoration: underline; text-decoration-color: var(--bej); text-decoration-thickness: 2px; text-underline-offset: 4px; }

/* Konu ve tarih satırı (canlıdaki "KONU —— TARİH") */
.yazi-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin: 0 0 var(--b2); padding: 0; list-style: none;
  font: 700 .8125rem/1.3 var(--font-baslik); letter-spacing: .08em; text-transform: uppercase; color: var(--bej-koyu); }
.yazi-meta li + li::before { content: ""; display: inline-block; width: 1.5rem; height: 2px; margin-right: .75rem; vertical-align: middle; background: var(--bej); }

/* ---------- Blog yazısı ---------- */
.yazi { padding-block: var(--b5) var(--b6); }
.yazi__bas { max-width: 50rem; margin-inline: auto; }
.yazi__h1 { margin: 0 0 var(--b3); font: 700 var(--t-h2)/1.15 var(--font-baslik); letter-spacing: -.005em; color: var(--koyu); }
.yazi__gorsel { max-width: 60rem; margin: var(--b4) auto 0; }
.yazi__gorsel img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.yazi__govde { max-width: 62ch; margin: var(--b5) auto 0; }

/* Önce cevap: başlığın sorusuna ilk paragrafta cevap */
.yazi__cevap { margin: 0 0 var(--b4); padding-left: var(--b3); border-left: 6px solid var(--bej); font-size: var(--t-giris); line-height: 1.6; color: var(--koyu); }

/* Zamana bağlı bilgi kutusu (mevzuat, son kontrol) */
.yazi-not { margin: 0 0 var(--b4); padding: var(--b3); background: var(--bej-acik); border-left: 3px solid var(--bej-koyu); font-size: .9375rem; color: var(--koyu); }
.yazi-not strong { font-family: var(--font-baslik); }

/* İçindekiler */
.icindekiler { margin: 0 0 var(--b5); padding: var(--b3); background: var(--zemin-gri); border-top: 3px solid var(--bej); }
.icindekiler h2 { margin-bottom: var(--b2); font-size: .875rem; letter-spacing: .08em; text-transform: uppercase; }
.icindekiler ol { margin: 0; padding-left: 1.25rem; display: grid; gap: .25rem; }
.icindekiler li::marker { color: var(--bej-koyu); font-weight: 700; }
.icindekiler a { display: inline-block; padding-block: .375rem; color: var(--koyu); text-decoration: none; }
.icindekiler a:hover { text-decoration: underline; text-decoration-color: var(--bej); }

/* Yazı metni */
.yazi__metin h2 { margin: var(--b5) 0 var(--b2); font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.25rem); scroll-margin-top: 7rem; }
.yazi__metin h2:first-child { margin-top: 0; }
.yazi__metin h3 { margin: var(--b4) 0 var(--b1); font-size: 1.1875rem; }
.yazi__metin ul, .yazi__metin ol { margin: 0 0 var(--b3); padding-left: 1.25rem; }
.yazi__metin li { margin-bottom: var(--b1); }
.yazi__metin ul li::marker { color: var(--bej-koyu); }
.yazi__metin .tablo-kap { margin: var(--b3) 0 var(--b4); }
.yazi__metin .tablo td:first-child { min-width: 9rem; }
.yazi__metin .isaretli { grid-template-columns: 1fr; padding-left: 0; }
.yazi__metin .isaretli li { align-items: flex-start; margin-bottom: 0; }

/* Kaynaklar */
.kaynaklar { margin-top: var(--b5); padding-top: var(--b4); border-top: 1px solid var(--cizgi); }
.kaynaklar h2 { margin-bottom: var(--b2); font-size: var(--t-h3); }
.kaynaklar ol { margin: 0; padding-left: 1.25rem; display: grid; gap: var(--b2); font-size: .9375rem; color: var(--metin-ikincil); }
.kaynaklar a { word-break: break-word; }

/* Yazar kutusu (yazar: Organization) */
.yazar-kutu { display: grid; grid-template-columns: auto 1fr; gap: var(--b3); align-items: start; margin-top: var(--b5); padding: var(--b3); border: 1px solid var(--cizgi); border-top: 3px solid var(--bej); }
.yazar-kutu__isaret { display: grid; place-items: center; width: 3rem; height: 3rem; background: var(--koyu); color: var(--bej); }
.yazar-kutu__isaret svg { width: 1.5rem; height: 1.5rem; }
.yazar-kutu__etiket { margin-bottom: .25rem; font: 700 .75rem/1.3 var(--font-baslik); letter-spacing: .1em; text-transform: uppercase; color: var(--bej-koyu); }
.yazar-kutu__ad { margin-bottom: var(--b1); font: 700 1.125rem/1.3 var(--font-baslik); color: var(--koyu); }
.yazar-kutu p { font-size: .9375rem; color: var(--metin-ikincil); }
.yazar-kutu .guncelleme { margin-top: var(--b1); }

/* İlgili ürün kartları: tek eylemli */
.urun-kartlar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.urun-kartlar--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Ruhsat rehberi kapanışı: teklif düğmesi yok, yalnız iletişim */
.yazi-kapanis { padding-block: var(--b5); background: var(--zemin-gri); border-top: 1px solid var(--cizgi); }
.yazi-kapanis__izgara { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--b5); align-items: start; }
.yazi-kapanis h2 { font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.25rem); margin-bottom: var(--b2); }
.yazi-kapanis p { color: var(--metin-ikincil); }
.yazi-kapanis .iletisim { margin-top: 0; }

@media (max-width: 63.99rem) {
  .yazi-one, .yazi-kapanis__izgara { grid-template-columns: 1fr; }
  .urun-kartlar, .urun-kartlar--3 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 47.99rem) {
  .yazi { padding-block: var(--b4) var(--b5); }
  .yazi-one__metin, .yazi-kart__metin { padding: var(--b3); }
  .yazi-liste, .urun-kartlar, .urun-kartlar--3 { grid-template-columns: 1fr; }
  .yazi__govde { margin-top: var(--b4); }
  .yazi__gorsel { margin-top: var(--b3); }
  .yazar-kutu { grid-template-columns: 1fr; }
}

/* Yazı başında içindekilere geçiş (ilk ekrandaki eylem; teklif çağrısı yazının sonunda tektir) */
.yazi__ic-bag { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; color: var(--koyu); text-decoration: underline; text-decoration-color: var(--bej); text-decoration-thickness: 2px; text-underline-offset: 4px;
  font: 700 .8125rem/1.3 var(--font-baslik); letter-spacing: .08em; text-transform: uppercase; }
.yazi__ic-bag:hover { text-decoration-color: var(--koyu); }
.icindekiler { scroll-margin-top: 7rem; }

/* Çerez tercihleri paneli */
.cerez__eylem { flex-wrap: wrap; }
.cerez__tercih { margin: var(--b2) 0 0; padding: 0; border: 0; }
.cerez__tercih[hidden] { display: none; }
.cerez__tercih legend { padding: 0; margin-bottom: var(--b1); font: 700 .8125rem/1.3 var(--font-baslik); letter-spacing: .06em; text-transform: uppercase; color: var(--beyaz); }
.cerez__secenek { display: flex; align-items: flex-start; gap: .625rem; min-height: 2.75rem; font-size: .875rem; }
.cerez__secenek input { width: 1.125rem; height: 1.125rem; margin-top: .2rem; accent-color: var(--bej); flex: none; }

/* Ürün model kartı ölçü listesi ve model grupları (canlı sitedeki ürünler, 2026-11-13) */
.model__olcu { display: grid; gap: 0; margin: var(--b1) 0 0; font-size: .875rem; }
.model__olcu div { display: flex; justify-content: space-between; gap: var(--b2); padding: .375rem 0; border-bottom: 1px solid var(--cizgi); }
.model__olcu dt { color: var(--metin-ikincil); }
.model__olcu dd { margin: 0; font-weight: 500; color: var(--koyu); text-align: right; }
.model h4 { font: 700 1.125rem/1.3 var(--font-baslik); color: var(--koyu); margin: 0 0 var(--b1); }
.modeller--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 56rem; margin-inline: auto; }
.modeller--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.model-grup + .model-grup { margin-top: var(--b5); }
.model-grup > h3 { font-size: clamp(1.375rem, 1.15rem + .8vw, 1.75rem); margin-bottom: var(--b1); }
.model-grup > p { color: var(--metin-ikincil); }
.model-grup .modeller { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 63.99rem) { .modeller--4, .model-grup .modeller { grid-template-columns: 1fr 1fr; } }
@media (max-width: 47.99rem) { .modeller--2, .modeller--4, .model-grup .modeller { grid-template-columns: 1fr; } }