/* ==========================================================================
   Lezizhane — sayfalar.css (style.css'ten SONRA yüklenir)
   İç sayfalar: sektörler, nasıl çalışırız, kalite, hakkımızda, teklif/iletişim formları,
   teşekkürler, 404, hukuk iskeletleri. Yalnızca style.css token'ları; yeni renk yok.
   İçindekiler: 1 Sayfa başlığı + kırıntı · 2 Çapa çipleri · 3 Sektör bölümleri · 4 Ortak listeler
   5 Bilgi tablosu · 6 Belge ızgarası · 7 Hakkımızda · 8 Formlar · 9 İletişim · 10 Ortalı sayfalar · 11 Hukuk
   ========================================================================== */

/* ---------- 1. Sayfa başlığı (krem bant, ortalı büyük harf serif) ---------- */
.sayfa-baslik { background: var(--renk-krem); text-align: center; padding-block: clamp(2.25rem, 1.6rem + 3vw, 4rem); border-bottom: 1px solid var(--cizgi); }
.sayfa-baslik h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.75rem); text-transform: uppercase; letter-spacing: 0.01em; color: var(--metin); max-width: 26ch; margin-inline: auto; }
.sayfa-baslik p { margin-inline: auto; max-width: 44rem; font-size: var(--yazi-lg); color: var(--metin-ikincil); margin-bottom: 0; }
.sayfa-baslik p a { font-weight: 700; }
.kirinti { margin-bottom: var(--bosluk-4); }
.kirinti ol { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--bosluk-1) var(--bosluk-2); font-size: var(--yazi-sm); color: var(--metin-ikincil); }
.kirinti li + li::before { content: "›"; margin-right: var(--bosluk-2); }
.kirinti a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); }
.kirinti [aria-current] { font-weight: 700; color: var(--metin); }
.kap--dar { max-width: calc(var(--kap-dar) + 2 * var(--kenar)); }
.yardim-metin { font-size: var(--yazi-sm); color: var(--metin-ikincil); }

/* ---------- 2. Çapa çipleri ---------- */
.capa-nav { background: var(--renk-beyaz); border-bottom: 1px solid var(--cizgi); }
.cipler { display: flex; gap: var(--bosluk-2); padding-block: var(--bosluk-4); overflow-x: auto; scrollbar-width: none; }
.cipler::-webkit-scrollbar { display: none; }
@media (min-width: 48em) { .cipler { flex-wrap: wrap; justify-content: center; overflow: visible; } }
.cipler a { flex: none; display: inline-flex; align-items: center; min-height: var(--dokunma-min); padding: 0 1.25rem; border: var(--girdi-kenar); border-radius: var(--radius-tam);
  color: var(--metin); font-weight: var(--agirlik-orta); text-decoration: none; background: var(--renk-beyaz); }
@media (hover: hover) { .cipler a:hover { border-color: var(--eylem); color: var(--eylem); } }

/* ---------- 3. Sektör bölümleri (zikzak) ---------- */
.bolum--sektor { padding-block: clamp(2.5rem, 2rem + 3vw, 4.5rem); scroll-margin-top: calc(var(--header-yuksekligi) + var(--bosluk-4)); }
.sektor { display: grid; gap: var(--bosluk-6); align-items: center; }
.sektor .gorsel-yer { width: 100%; }
@media (min-width: 64em) {
  .sektor { grid-template-columns: 1fr 1fr; gap: var(--bosluk-16); }
  .sektor--ters .gorsel-yer { order: 2; }
}
.bolum .sektor__metin h2, .bolum .yarim__metin h2 { text-align: left; margin-inline: 0; max-width: none; }
.sektor__metin h3 { font: 700 var(--yazi-govde)/1.3 var(--font-govde); text-transform: uppercase; letter-spacing: 0.06em; color: var(--metin); margin: var(--bosluk-5) 0 var(--bosluk-2); }
.sektor__metin .buton-grup { margin-top: var(--bosluk-6); }
.bolum .sektor__metin .buton-grup { margin-top: var(--bosluk-6); }

/* ---------- 4. Ortak listeler ---------- */
.maddeler { display: grid; gap: var(--bosluk-2); margin-bottom: var(--bosluk-4); }
.maddeler li { padding-left: var(--bosluk-5); position: relative; }
.maddeler li::before { content: ""; position: absolute; left: 0; top: 0.7em; width: 0.75rem; height: 2px; background: var(--eylem); }
.urun-linkler { display: flex; flex-wrap: wrap; gap: var(--bosluk-1) var(--bosluk-5); }
.urun-linkler a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); font-weight: 700; }
.baglanti-ok--pasif { color: var(--metin-ikincil); font-weight: var(--agirlik-orta); min-height: 0; }
.soguk-ozet { text-align: center; margin: var(--bosluk-8) auto 0; max-width: 46rem; }

/* ---------- 5. Bilgi tablosu (dl; mobilde etiket üstte) ---------- */
.bilgi-tablo { max-width: 52rem; margin: 0 auto; border-top: 1px solid var(--cizgi); background: var(--renk-beyaz); border-radius: var(--radius-kart); padding-inline: var(--bosluk-4); }
.bilgi-tablo > div { display: grid; gap: var(--bosluk-1); padding-block: var(--bosluk-4); border-bottom: 1px solid var(--cizgi); }
.bilgi-tablo > div:last-child { border-bottom: 0; }
.bilgi-tablo dt { font-weight: 700; }
.bilgi-tablo dd { margin: 0; }
@media (min-width: 48em) { .bilgi-tablo > div { grid-template-columns: 14rem 1fr; gap: var(--bosluk-6); } }

/* ---------- 6. Belge ızgarası ---------- */
.belge-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: var(--bosluk-5); max-width: 46rem; margin-inline: auto; }
.belge-izgara .belge { flex: none; display: flex; flex-direction: column; }
.belge-izgara .belge .gorsel-yer { width: 100%; }
.belge-izgara .belge dl { flex: 1; }

/* ---------- 7. Hakkımızda ---------- */
.yarim--ters .gorsel-yer { order: 0; }
@media (min-width: 64em) { .yarim--ters { grid-template-columns: 5fr 7fr; } }
.degerler { display: grid; gap: var(--bosluk-6); counter-reset: d; }
@media (min-width: 48em) { .degerler { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--bosluk-8); } }
.degerler li { counter-increment: d; text-align: center; padding-top: var(--bosluk-4); border-top: 3px solid var(--eylem); }
.degerler h3 { font-size: var(--yazi-h3); color: var(--metin); text-transform: uppercase; letter-spacing: 0.01em; }
.degerler p { margin-inline: auto; color: var(--metin-ikincil); }
.kurucu-not { margin: 0 0 var(--bosluk-4); padding: var(--bosluk-4) var(--bosluk-6); border-left: 4px solid var(--eylem); background: var(--renk-krem); border-radius: 0 var(--radius-2) var(--radius-2) 0; font-size: var(--yazi-lg); }
.kurucu-not p { margin: 0; }

/* ---------- 8. Formlar (teklif, iletişim) ---------- */
.bolum--form { padding-block: clamp(2rem, 1.4rem + 3vw, 4.5rem); }
.form-yerlesim { display: grid; gap: var(--bosluk-8); align-items: start; }
@media (min-width: 64em) { .form-yerlesim { grid-template-columns: minmax(0, 1fr) 21rem; gap: var(--bosluk-12); } }
.form-yerlesim__ana { min-width: 0; }
.form-kart { background: var(--renk-krem); border-radius: var(--radius-kart); padding: var(--bosluk-5); }
@media (min-width: 48em) { .form-kart { padding: var(--bosluk-10); } }
.bolum--krem .form-kart { background: var(--renk-beyaz); }
.form-baslik { font-size: var(--yazi-h3) !important; text-transform: none !important; text-align: left !important; margin: 0 0 var(--bosluk-4) !important; max-width: none !important; color: var(--metin) !important; }
.grup { border: 0; padding: 0; margin: 0 0 var(--bosluk-6); min-width: 0; }
.grup > legend { font: 400 var(--yazi-xl)/1.2 var(--font-baslik); text-transform: uppercase; letter-spacing: 0.02em; color: var(--metin); padding: 0 0 var(--bosluk-3); margin-bottom: var(--bosluk-3); border-bottom: 1px solid var(--cizgi); width: 100%; }
.alan-cift { display: grid; gap: 0 var(--bosluk-4); }
@media (min-width: 40em) { .alan-cift { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.alan textarea { width: 100%; min-height: 7rem; padding: var(--bosluk-3); font-size: 1rem; background: var(--renk-beyaz); border: var(--girdi-kenar); border-radius: var(--radius-2); color: var(--metin); resize: vertical; }
.alan textarea:focus { border-color: var(--odak); box-shadow: 0 0 0 1px var(--odak); }
.alan textarea[aria-invalid="true"] { border-color: var(--hata); box-shadow: 0 0 0 1px var(--hata); }
@media (hover: hover) { .alan textarea:hover { border-color: var(--metin-ikincil); } }
.alan__yardim { display: block; font-size: var(--yazi-xs); color: var(--metin-ikincil); }
.alan__hata[hidden], .hata-ozet[hidden] { display: none; }
.alan__hata { margin: 0; font-weight: 700; }
.alan__hata::before { content: "! "; font-weight: 700; }
.onay .alan__hata { margin-left: 2.25rem; }
.onay__kutu input[aria-invalid="true"] { border-color: var(--hata); box-shadow: 0 0 0 1px var(--hata); }
.onay__kutu input[type="radio"] { border-radius: var(--radius-tam); }
.onay__kutu input[type="radio"]::after { width: 0.6rem; height: 0.6rem; border: 0; border-radius: var(--radius-tam); background: var(--renk-beyaz); transform: none; }
.form-bilgi { font-size: var(--yazi-sm); color: var(--metin-ikincil); margin: var(--bosluk-4) 0 0; }
.secim-grup { border: 0; padding: 0; margin: 0 0 var(--bosluk-4); min-width: 0; }
.secim-grup > legend { font-size: var(--yazi-sm); font-weight: 700; padding: 0; margin-bottom: var(--bosluk-1); }
.secim-grup--ana > legend { font-size: var(--yazi-sm); }
.secim-izgara { display: grid; gap: 0 var(--bosluk-4); margin-top: var(--bosluk-2); }
@media (min-width: 40em) { .secim-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.onay__kutu--kompakt { min-height: var(--dokunma-min); align-items: center; }
.urun-sec { margin-top: var(--bosluk-3); border: 1px solid var(--cizgi); border-radius: var(--radius-2); background: var(--renk-beyaz); }
.urun-sec summary { display: flex; align-items: center; justify-content: space-between; gap: var(--bosluk-3); min-height: 3rem; padding: 0 var(--bosluk-4); font-weight: 700; cursor: pointer; list-style: none; }
.urun-sec summary::-webkit-details-marker { display: none; }
.urun-sec summary .ikon { transition: transform var(--sure-normal) var(--ease); }
.urun-sec[open] summary .ikon { transform: rotate(45deg); }
.urun-sec__ic { padding: 0 var(--bosluk-4) var(--bosluk-3); }
.urun-sec .secim-grup > legend { margin-top: var(--bosluk-3); color: var(--metin-marka); }
.on-dolu { margin: var(--bosluk-3) 0 0; padding: var(--bosluk-2) var(--bosluk-3); background: var(--renk-krem); border-left: 4px solid var(--eylem); font-size: var(--yazi-sm); font-weight: 700; max-width: none; }
.on-dolu[hidden] { display: none; }
.hata-ozet { margin-bottom: var(--bosluk-4); padding: var(--bosluk-4); background: var(--renk-beyaz); border: 2px solid var(--hata); border-radius: var(--radius-2); }
.hata-ozet p { margin: 0 0 var(--bosluk-2); font-weight: 700; color: var(--hata); }
.hata-ozet ul { display: grid; gap: var(--bosluk-1); padding-left: var(--bosluk-5); list-style: disc; }
.hata-ozet a { color: var(--hata); font-weight: var(--agirlik-orta); display: inline-flex; align-items: center; min-height: var(--dokunma-min); }
.form-gonder { margin-top: var(--bosluk-4); }
.yan-panel { background: var(--renk-beyaz); border: 1px solid var(--cizgi); border-radius: var(--radius-kart); padding: var(--bosluk-6); }
@media (min-width: 64em) { .yan-panel { position: sticky; top: calc(var(--header-yuksekligi) + var(--bosluk-6)); } }
.yan-panel h2 { font-size: var(--yazi-h3); text-transform: none; text-align: left; margin: 0 0 var(--bosluk-3); max-width: none; color: var(--metin); }
.yan-panel h3 { font: 700 var(--yazi-govde)/1.3 var(--font-govde); text-transform: uppercase; letter-spacing: 0.06em; color: var(--metin); margin: var(--bosluk-5) 0 var(--bosluk-2); }
.yan-panel__liste { display: grid; gap: var(--bosluk-1); margin-bottom: var(--bosluk-3); }
.yan-panel__liste .baglanti-ok .ikon { width: 1.25rem; height: 1.25rem; stroke-width: 1.75; }
.hizli-satir { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--bosluk-2); margin-bottom: var(--bosluk-5); }
.hizli-satir--uc { grid-template-columns: repeat(3, 1fr); }
.hizli-satir .buton { padding-inline: var(--bosluk-2); font-size: var(--yazi-sm); }
@media (min-width: 64em) { .hizli-satir:not(.hizli-satir--uc) { display: none; } .hizli-satir--uc { max-width: 34rem; } }
@media (max-width: 29.99em) { .hizli-satir--uc .buton { flex-direction: column; gap: 0; } }

/* ---------- 9. İletişim ---------- */
.iletisim-yerlesim { display: grid; gap: var(--bosluk-8); align-items: start; }
@media (min-width: 64em) { .iletisim-yerlesim { grid-template-columns: 5fr 7fr; gap: var(--bosluk-12); } }
.bolum .iletisim-baslik { font-size: var(--yazi-h3); text-transform: none; text-align: left; margin: 0 0 var(--bosluk-4); max-width: none; color: var(--metin); }
.bilgi-liste { margin: 0; }
.bilgi-liste > div { padding-block: var(--bosluk-3); border-bottom: 1px solid var(--cizgi); }
.bilgi-liste dt { font-size: var(--yazi-xs); font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--metin-ikincil); margin-bottom: var(--bosluk-1); }
.bilgi-liste dd { margin: 0; }
.bilgi-liste dd p { margin: var(--bosluk-1) 0 0; }
.bilgi-liste address, .harita-kart address { font-style: normal; }
.bilgi-liste a { display: inline-flex; align-items: center; min-height: var(--dokunma-min); font-weight: 700; font-size: var(--yazi-lg); }
.harita-kart { max-width: 56rem; margin-inline: auto; background: var(--renk-beyaz); border-radius: var(--radius-kart); overflow: hidden; }
.harita-kart .gorsel-yer { border-radius: 0; width: 100%; }
.harita-kart__eylem { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--bosluk-4); padding: var(--bosluk-5) var(--bosluk-6); }

/* ---------- 10. Ortalı sayfalar (teşekkürler, 404) ---------- */
.orta-sayfa { text-align: center; padding-block: clamp(3.5rem, 2.5rem + 5vw, 7rem); }
.orta-sayfa h1 { font-size: clamp(1.75rem, 1.3rem + 2vw, 2.75rem); text-transform: uppercase; color: var(--metin); max-width: 24ch; margin-inline: auto; }
.orta-sayfa p { margin-inline: auto; font-size: var(--yazi-lg); color: var(--metin-ikincil); }
.orta-sayfa h2 { font: 700 var(--yazi-govde)/1.3 var(--font-govde); text-transform: uppercase; letter-spacing: 0.08em; color: var(--metin); margin: var(--bosluk-8) 0 var(--bosluk-3); max-width: none; }
.orta-sayfa__ikon { display: grid; place-items: center; width: 4rem; height: 4rem; margin: 0 auto var(--bosluk-5); border-radius: var(--radius-tam); background: var(--eylem); color: var(--renk-beyaz); }
.orta-sayfa__ikon .ikon { width: 2rem; height: 2rem; stroke-width: 3; }
.orta-sayfa__no { font: 400 clamp(4rem, 3rem + 6vw, 8rem)/1 var(--font-baslik); color: var(--eylem); margin: 0 0 var(--bosluk-3); }
.beklerken { display: grid; justify-items: center; gap: var(--bosluk-1); }
.beklerken li { color: var(--metin-ikincil); }
.beklerken .baglanti-ok { font-size: var(--yazi-lg); }

/* ---------- 11. Hukuk sayfaları (iskelet) ---------- */
.hukuk h2 { font-size: var(--yazi-h3); text-transform: none; text-align: left; margin: var(--bosluk-8) 0 var(--bosluk-3); max-width: none; color: var(--metin); }
.hukuk__not { padding: var(--bosluk-4); background: var(--renk-yer-isaret-zemin); border-left: 4px solid var(--renk-yer-isaret-cizgi); color: var(--renk-antrasit); max-width: none; }

@media (prefers-reduced-motion: reduce) { .urun-sec summary .ikon { transition: none; } }