/* C tasarımı (2026-09-23) — Ana Sayfa, Hakkımızda, İletişim bölümleri.
   Kaynak: icerik-uretim/c-tasarim/referans/*.dc.html (Kağan Murat onaylı tuval).
   HTML'i admin/inc/sayfa-render.php üretir; sınıf adları "c-" ile başlar. */

:root{
  --c-koyu:#1B1B1B; --c-turuncu:#D9502A; --c-turuncu-koyu:#B63F1A; --c-zemin:#F1F0EC;
  --c-cizgi:#E7E6E1; --c-cizgi2:#D9D8D2; --c-metin2:#55554F; --c-metin3:#7A7A73;
  --c-yan:56px; --c-max:1440px;
}
.c-sayfa{font-family:'Archivo',system-ui,sans-serif;color:var(--c-koyu);background:#fff}
.c-sayfa *{box-sizing:border-box}
.c-sayfa a{color:inherit;text-decoration:none}
.c-vurgu{color:var(--c-turuncu)}
/* Admin'den girilen uzun, boşluksuz metinler dar ekranda taşmasın */
.c-sayfa h1,.c-sayfa h2,.c-sayfa h3,.c-sayfa p,.c-mozaik-ad,.c-mozaik-cta-baslik{overflow-wrap:anywhere}
.c-h2{margin:0;font-size:56px;line-height:1;font-weight:800;font-stretch:75%;text-transform:uppercase}
.c-bolum-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.c-alti-cizgili{font-weight:700;font-size:16px;border-bottom:2px solid var(--c-turuncu);padding-bottom:4px;white-space:nowrap}
.c-alti-cizgili:hover{color:var(--c-turuncu-koyu)}
.c-eyebrow{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--c-turuncu);text-transform:uppercase}
.c-eyebrow-cizgi{width:40px;height:2px;background:var(--c-turuncu);flex-shrink:0}
.c-dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;border-radius:6px;font-weight:700;font-size:15px;line-height:1.2;border:2px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap}
.c-dugme-koyu{background:var(--c-koyu);color:#fff!important}
.c-dugme-koyu:hover{background:var(--c-turuncu)}
.c-dugme-turuncu{background:var(--c-turuncu);color:#fff!important}
.c-dugme-turuncu:hover{background:var(--c-turuncu-koyu)}
.c-dugme-beyaz{background:#fff;color:var(--c-koyu)!important}
.c-dugme-beyaz:hover{background:var(--c-zemin)}
.c-dugme-cerceve{border-color:var(--c-koyu);color:var(--c-koyu)!important;background:transparent}
.c-dugme-cerceve:hover{background:var(--c-zemin)}

/* ---------- ANA SAYFA ---------- */
.c-ana{max-width:var(--c-max);margin:0 auto;padding-top:88px}
.c-hero{padding:72px var(--c-yan) 64px;display:flex;flex-direction:column;gap:36px}
.c-hero-baslik{margin:0;font-size:104px;line-height:.92;font-weight:800;font-stretch:72%;letter-spacing:-.01em;text-transform:uppercase}

.c-mozaik{padding:0 var(--c-yan);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:420px;grid-auto-rows:320px;gap:16px}
.c-mozaik-cta-2{grid-column:span 2}.c-mozaik-cta-3{grid-column:span 3}.c-mozaik-cta-4{grid-column:span 4}
.c-oc-gorsel-bos{display:block;background:var(--c-zemin);border-radius:8px}
.c-mozaik-kutu{position:relative;overflow:hidden;display:block;background:var(--c-zemin);border-radius:12px;min-height:0}
.c-mozaik-kutu:hover .c-mozaik-ad{color:var(--c-turuncu-koyu)}
.c-mozaik-gorsel{clip-path:inset(.6%);position:absolute;right:0;bottom:0;height:78%;max-width:92%;object-fit:contain;mix-blend-mode:multiply}
.c-mozaik-yazi{position:absolute;left:26px;top:26px;right:26px;display:flex;flex-direction:column;gap:4px;z-index:1}
.c-mozaik-sayi{font-size:14px;font-weight:600;color:var(--c-turuncu)}
.c-mozaik-ad{font-size:30px;font-weight:800;font-stretch:75%;text-transform:uppercase;line-height:1}
.c-mozaik-buyuk{grid-column:span 2;grid-row:span 2;grid-row-end:span 2}
.c-mozaik-buyuk .c-mozaik-yazi{left:36px;top:36px;gap:8px}
.c-mozaik-buyuk .c-mozaik-sayi{font-size:15px}
.c-mozaik-buyuk .c-mozaik-ad{font-size:56px;line-height:.95}
.c-mozaik-buyuk .c-mozaik-gorsel{height:96%;right:-20px;bottom:-10px}
.c-mozaik-dugme{position:absolute;left:36px;bottom:36px;padding:12px 18px;background:#fff;border-radius:6px;font-weight:700;font-size:15px;z-index:1}
.c-mozaik-genis{grid-column:span 2}
/* Kategori kartı genişlikleri (admin/inc/sayfa-render.php c_mozaik_genislikleri hesaplar; her kategori sayısında boşluksuz) */
.c-mz-d1{grid-column:span 1}.c-mz-d2{grid-column:span 2}.c-mz-d3{grid-column:span 3}.c-mz-d4{grid-column:span 4}
.c-mozaik-koyu{background:var(--c-koyu);color:#fff}
.c-mozaik-koyu .c-mozaik-ad{font-size:min(44px,3.3vw);color:#fff}
.c-mozaik-koyu:hover .c-mozaik-ad{color:#fff}
/* Koyu geniş kutu: beyaz zeminli görsel kartın içinde dikeyde ortalı, dört yandan eşit boşluk (hangi ürün seçilirse seçilsin) */
.c-mozaik-koyu{--c-koyu-bosluk:20px}
.c-mozaik-koyu .c-mozaik-gorsel{mix-blend-mode:normal;background:#fff;border-radius:10px;top:var(--c-koyu-bosluk);bottom:auto;right:var(--c-koyu-bosluk);height:calc(100% - 2 * var(--c-koyu-bosluk));width:auto;max-width:46%;aspect-ratio:1/1}
.c-mozaik-cta{background:var(--c-turuncu);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.c-mozaik-cta:hover{background:var(--c-turuncu-koyu)}
.c-mozaik-cta-baslik{font-size:30px;font-weight:800;font-stretch:75%;text-transform:uppercase;line-height:1}
.c-mozaik-cta-metin{font-size:16px;font-weight:600}

.c-oc{padding:112px var(--c-yan) 0;display:flex;flex-direction:column;gap:28px}
.c-oc-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.c-oc-kart{border:1px solid var(--c-cizgi);border-radius:12px;padding:20px;display:flex;gap:20px;align-items:center;background:#fff}
.c-oc-gorsel{width:150px;height:170px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0;clip-path:inset(.6%)}
/* clip-path: bazı ürün fotoğraflarının en dış kenarındaki 1px gri çerçeve çizgisi kartta şerit gibi görünmesin (dosyada var, hangi ürün seçilirse seçilsin) */
.c-oc-yazi{display:flex;flex-direction:column;gap:8px;min-width:0}
.c-oc-ust{font-size:13px;font-weight:600;color:var(--c-metin3)}
.c-oc-ad{margin:0;font-size:20px;font-weight:700;line-height:1.2}
.c-oc-linkler{display:flex;gap:14px;font-size:15px;font-weight:700;padding-top:6px}
.c-oc-linkler a:hover{text-decoration:underline}
.c-oc-linkler .c-oc-teklif{color:var(--c-turuncu)!important;background:none!important;border:0!important;padding:0}
/* nav.css'teki genel turuncu teklif-düğmesi kuralı (a[href^="iletisim.html?urun="]:hover) burada kutu çıkarmasın: tasarımda düz yazı bağlantısı */
.c-oc-linkler a.c-oc-teklif:hover{color:var(--c-turuncu-koyu)!important;background:none!important;border:0!important}

.c-vizyon{margin-top:128px;display:flex;align-items:stretch;gap:64px;min-height:560px}
.c-vizyon-yazi{width:616px;flex-shrink:0;padding-left:var(--c-yan);display:flex;flex-direction:column;justify-content:center;gap:26px}
.c-vizyon-baslik{margin:0;font-size:84px;font-weight:800;font-stretch:70%;text-transform:uppercase;line-height:.9}
.c-vizyon-metin{margin:0;font-size:18px;line-height:1.65;color:var(--c-metin2)}
.c-vizyon-alt{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.c-vizyon-sayilar{font-size:15px;color:var(--c-metin2)}
.c-vizyon-sayilar strong{font-size:28px;font-stretch:75%;color:var(--c-koyu)}
.c-vizyon-gorsel{flex-grow:1;position:relative;min-height:560px}
.c-vizyon-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px 0 0 12px}
.c-vizyon-etiket{position:absolute;left:-32px;bottom:40px;padding:20px 24px;background:#fff;border-radius:10px;box-shadow:0 12px 36px rgba(27,27,27,.12);display:flex;flex-direction:column;gap:4px}
.c-vizyon-etiket span:first-child{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--c-turuncu);text-transform:uppercase}
.c-vizyon-etiket span:last-child{font-size:16px;font-weight:600}

.c-teklif{margin:112px var(--c-yan) 80px;background:var(--c-turuncu);border-radius:16px;padding:64px;display:flex;gap:64px;color:#fff;scroll-margin-top:100px}
.c-teklif-sol{width:480px;flex-shrink:0;display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.c-teklif-baslik{margin:0;font-size:64px;font-weight:800;font-stretch:72%;text-transform:uppercase;line-height:.95;color:#fff}
.c-teklif-adimlar{display:flex;flex-direction:column;gap:12px;font-size:17px;font-weight:500}
.c-teklif .c-dugme-beyaz{margin-top:8px}
.c-teklif .c-form-kart{flex-grow:1;min-width:0}

/* ---------- ORTAK TALEP FORMU (ana sayfa + iletişim birebir aynı) ---------- */
.c-form-kart{background:#fff;color:var(--c-koyu);border-radius:12px;padding:44px;border:1px solid var(--c-cizgi)}
.c-form-baslik{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:8px;margin-bottom:22px;border-bottom:1px solid var(--c-cizgi)}
.c-form-baslik h2{margin:0;font-size:36px;font-weight:800;font-stretch:75%;text-transform:uppercase;line-height:1}
.c-form-baslik span{font-size:13px;color:var(--c-metin3);white-space:nowrap}
.c-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:22px}
.c-alan{display:flex;flex-direction:column;gap:8px;position:relative;min-width:0}
.c-alan-genis{grid-column:span 2}
.c-alan label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.c-alan input,.c-alan textarea{width:100%;height:54px;border:1.5px solid var(--c-cizgi2);border-radius:6px;padding:0 16px;font-size:16px;font-family:inherit;background:#FAFAF8;color:var(--c-koyu)}
.c-alan textarea{height:150px;padding:14px 16px;resize:none}
.c-alan input:focus,.c-alan textarea:focus{outline:none;border-color:var(--c-turuncu);background:#fff;box-shadow:none}
.c-alan input.border-error{border-color:#ba1a1a}
.c-alan-ipucu{margin:0;font-size:13px;color:var(--c-metin3)}
.c-alan-hata{margin:0;font-size:13px;color:#ba1a1a}
.c-alan-oneri input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-oneri-kutu{position:absolute;z-index:20;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--c-cizgi2);border-radius:6px;box-shadow:0 12px 24px rgba(27,27,27,.12);max-height:14rem;overflow-y:auto}
.c-form-alt{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;gap:24px}
.c-form-alt span{font-size:13px;color:var(--c-metin3);line-height:1.5;max-width:460px}
.c-form-alt span a{color:var(--c-koyu);text-decoration:underline}
.c-form-alt .c-dugme{padding:19px 40px;font-size:17px;flex-shrink:0}
.c-form-bildirim{margin-bottom:22px;padding:20px;border-radius:8px;background:var(--c-zemin);display:flex;align-items:flex-start;gap:14px}
.c-form-bildirim h4{margin:0 0 4px;font-size:18px;font-weight:800;font-stretch:80%;text-transform:uppercase}
.c-form-bildirim p{margin:0;font-size:15px;color:var(--c-metin2)}
.c-form-hata{border-left:4px solid #ba1a1a}
.c-form-hata .material-symbols-outlined{color:#ba1a1a}
.c-form-basari{border-left:4px solid var(--c-turuncu)}
.c-form-basari .material-symbols-outlined{color:var(--c-turuncu)}
.c-form-bildirim.hidden,.c-alan-hata.hidden,.c-oneri-kutu.hidden{display:none}

/* ---------- TABLET ---------- */
@media (max-width:1180px){
  :root{--c-yan:32px}
  .c-hero-baslik{font-size:80px}
  .c-mozaik{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:300px;grid-auto-flow:dense}
  .c-mozaik-buyuk{grid-column:span 2}
  .c-mozaik-genis{grid-column:span 2}
  .c-mozaik-koyu .c-mozaik-ad{font-size:36px}
  .c-mozaik-cta-baslik{font-size:min(30px,2.8vw)}
  .c-mozaik-koyu .c-mozaik-gorsel{max-width:44%}
  .c-mozaik-cta-t1{grid-column:span 1}.c-mozaik-cta-t2{grid-column:span 2}.c-mozaik-cta-t3{grid-column:span 3}
  .c-mz-t1{grid-column:span 1}.c-mz-t2{grid-column:span 2}.c-mz-t3{grid-column:span 3}
  .c-oc-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
  .c-vizyon{flex-direction:column;gap:40px}
  .c-vizyon-yazi{width:auto;padding:0 var(--c-yan)}
  .c-vizyon-gorsel{min-height:420px;margin-left:var(--c-yan)}
  .c-vizyon-etiket{left:24px}
  .c-teklif{flex-direction:column;padding:48px;gap:40px}
  .c-teklif-sol{width:auto}
}
/* ---------- TELEFON ---------- */
@media (max-width:767px){
  :root{--c-yan:16px}
  .c-ana{padding-top:64px}
  .c-hero{padding:36px var(--c-yan) 32px;gap:20px}
  .c-hero-baslik{font-size:min(52px,10vw)}
  .c-mozaik{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(220px,auto);gap:10px;grid-auto-flow:dense} /* minmax: turuncu kartta uzun admin metni kırpılmasın (2026-09-25) */
  .c-mozaik-buyuk{grid-column:span 2;grid-row:span 2}
  .c-mozaik-genis{grid-column:span 2}
  .c-mozaik-cta-m1{grid-column:span 1}.c-mozaik-cta-m2{grid-column:span 2}
  .c-mz-m1{grid-column:span 1}.c-mz-m2{grid-column:span 2}
  .c-mozaik-yazi{left:16px;top:16px;right:16px}
  .c-mozaik-ad{font-size:min(22px,6vw)}
  .c-mozaik-buyuk .c-mozaik-ad{font-size:40px}
  .c-mozaik-koyu .c-mozaik-ad{font-size:30px}
  .c-mozaik-koyu{--c-koyu-bosluk:12px}
  .c-mozaik-koyu .c-mozaik-gorsel{max-width:46%}
  .c-mozaik-buyuk .c-mozaik-yazi,.c-mozaik-dugme{left:20px}
  .c-mozaik-dugme{bottom:20px}
  .c-mozaik-cta{padding:20px;gap:16px}
  .c-mozaik-cta-baslik{font-size:min(24px,5vw)}
  .c-h2{font-size:40px}
  .c-bolum-bas{flex-direction:column;align-items:flex-start}
  .c-oc{padding-top:72px}
  .c-oc-izgara{grid-template-columns:1fr}
  .c-oc-gorsel{width:110px;height:130px}
  .c-vizyon{margin-top:80px}
  .c-vizyon-baslik{font-size:56px}
  .c-vizyon-gorsel{min-height:300px;margin-left:var(--c-yan)}
  .c-vizyon-etiket{left:16px;right:16px;bottom:16px}
  .c-teklif{margin:72px var(--c-yan) 48px;padding:28px 20px}
  .c-teklif-baslik{font-size:44px}
  .c-form-kart{padding:24px 18px}
  .c-form-baslik{flex-direction:column;align-items:flex-start}
  .c-form-baslik h2{font-size:28px}
  .c-form{grid-template-columns:1fr}
  .c-alan-genis,.c-form-alt{grid-column:span 1}
  .c-form-alt{flex-direction:column;align-items:stretch}
  .c-form-alt .c-dugme{width:100%}
}
/* TELEFON: küçük kategori kutularında makine görseli başlığın üstüne biniyordu ("GIDA KAPAMA", "VAKUMLU PAKETLEME" —
   2026-09-26 mobil tarama). Küçük kutular sütun düzenine geçer: başlık üstte, görsel başlığın ALTINDA kalan alana sığar,
   sağ-alt hizalı kalır (büyük kutu, koyu geniş kutu ve turuncu kutu hariç). Masaüstü/tablet aynı. */
@media (max-width:767px){
  .c-mozaik-kutu:not(.c-mozaik-buyuk):not(.c-mozaik-koyu):not(.c-mozaik-cta){display:flex;flex-direction:column}
  .c-mozaik-kutu:not(.c-mozaik-buyuk):not(.c-mozaik-koyu):not(.c-mozaik-cta) .c-mozaik-yazi{order:-1;position:relative;left:auto;top:auto;right:auto;padding:16px 16px 6px}
  .c-mozaik-kutu:not(.c-mozaik-buyuk):not(.c-mozaik-koyu):not(.c-mozaik-cta) .c-mozaik-gorsel{position:relative;right:auto;bottom:auto;flex:1 1 0;min-height:0;height:auto;width:100%;max-width:100%;object-fit:contain;object-position:right bottom}
}
@media (max-width:380px){
  .c-mozaik-koyu .c-mozaik-ad{font-size:24px}
  .c-mozaik-koyu .c-mozaik-gorsel{max-width:40%}
}

/* ---------- HAKKIMIZDA ---------- */
.c-hk{padding-top:88px}
.c-hk-hero,.c-degerler{max-width:var(--c-max);margin:0 auto}
.c-hk-hero{padding:56px var(--c-yan) 112px;display:flex;flex-direction:column;gap:48px}
.c-hk-baslik{margin:0;font-size:104px;line-height:.9;font-weight:800;font-stretch:72%;text-transform:uppercase;letter-spacing:-.01em}
.c-hk-hero-alt{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.c-hk-gorsel{grid-column:span 7;position:relative;height:460px}
.c-hk-gorsel-golge{position:absolute;left:36px;top:36px;right:-36px;bottom:-36px;background:var(--c-zemin);border-radius:12px}
.c-hk-gorsel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:12px}
.c-hk-hero-yazi{grid-column:9/span 4;display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.c-hk-aciklama{margin:0;font-size:21px;line-height:1.6;color:#2B2B28}
.c-hk-sayilar{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--c-koyu)}
.c-hk-sayilar div{padding-top:14px;display:flex;flex-direction:column}
.c-hk-sayilar strong{font-size:48px;font-weight:800;font-stretch:72%;line-height:1;white-space:nowrap}
.c-hk-sayilar span{font-size:14px;color:var(--c-metin2)}
.c-dugme-orta{font-size:16px}
.c-etiket{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--c-turuncu);text-transform:uppercase}
.c-h2-buyuk{margin:0;font-size:72px;font-weight:800;font-stretch:72%;text-transform:uppercase;line-height:.92}
.c-degerler{padding:0 var(--c-yan) 120px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.c-degerler-bas{grid-column:span 5;display:flex;flex-direction:column;gap:16px}
/* "DEĞERLERİMİZ" gibi uzun tek kelime sütuna sığsın (sözcük ortadan bölünmesin) */
.c-degerler-bas .c-h2-buyuk{font-size:min(72px,calc((100vw - 112px) * .062))}
.c-degerler-liste{grid-column:6/span 7;display:flex;flex-direction:column}
.c-deger{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:30px 0;border-top:1px solid var(--c-cizgi2)}
.c-deger:first-child{border-top:2px solid var(--c-koyu)}
.c-deger:last-child{border-bottom:1px solid var(--c-cizgi2)}
.c-deger-no{font-size:56px;font-weight:800;font-stretch:70%;line-height:.9;color:var(--c-turuncu)}
.c-deger h3{margin:0 0 8px;font-size:30px;font-weight:800;font-stretch:80%;text-transform:uppercase}
.c-deger p{margin:0;font-size:17px;line-height:1.6;color:var(--c-metin2)}
.c-surec{background:var(--c-koyu);color:#fff}
.c-surec-ic{max-width:var(--c-max);margin:0 auto;padding:104px var(--c-yan) 112px;display:flex;flex-direction:column;gap:56px}
.c-surec-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.c-surec-bas .c-h2-buyuk{color:#fff}
.c-surec-bas p{margin:0;font-size:18px;line-height:1.6;color:#BDBDB6;max-width:440px}
.c-surec-adimlar{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.c-surec-cizgi{position:absolute;left:28px;right:28px;top:27px;height:2px;background:#3A3A36}
.c-adim{position:relative;display:flex;flex-direction:column;gap:18px}
.c-adim-no{width:56px;height:56px;border-radius:50%;background:#fff;color:var(--c-koyu);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}
.c-adim-no-ilk{background:var(--c-turuncu);color:#fff}
.c-adim h3{margin:0;font-size:26px;font-weight:800;font-stretch:80%;text-transform:uppercase;color:#fff}
.c-adim p{margin:0;font-size:16px;line-height:1.6;color:#BDBDB6}

/* ---------- SAYFA SONU TEKLİF BANDI (dört yandan eşit 56px) ---------- */
.c-bant-dis{max-width:var(--c-max);margin:0 auto;padding:var(--c-yan)}
.c-bant{min-height:240px;background:var(--c-turuncu);border-radius:16px;padding:40px 64px;display:flex;align-items:center;justify-content:space-between;gap:32px;color:#fff}
.c-bant-yazi{display:flex;flex-direction:column;gap:14px}
.c-bant-baslik{margin:0;font-size:60px;font-weight:800;font-stretch:72%;text-transform:uppercase;line-height:.95;color:#fff}
.c-bant-metin{margin:0;font-size:18px;color:#fff}
.c-bant-dugmeler{display:flex;gap:12px;flex-wrap:wrap}
.c-dugme-buyuk{padding:20px 30px;font-size:17px}
.c-dugme-cerceve-beyaz{border-color:#fff;color:#fff!important;background:transparent}
.c-dugme-cerceve-beyaz:hover{background:rgba(255,255,255,.12)}

@media (max-width:1180px){
  .c-hk-baslik{font-size:80px}
  .c-hk-hero-alt{grid-template-columns:1fr;gap:56px}
  .c-hk-gorsel,.c-hk-hero-yazi{grid-column:auto}
  .c-hk-gorsel{height:380px;margin-right:36px}
  .c-degerler{grid-template-columns:1fr}
  .c-degerler-bas,.c-degerler-liste{grid-column:auto}
  .c-surec-bas{flex-direction:column;align-items:flex-start}
  .c-surec-adimlar{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}
  .c-surec-cizgi{display:none}
  .c-bant{flex-direction:column;align-items:flex-start;padding:40px}
}
@media (max-width:767px){
  .c-hk{padding-top:64px}
  .c-hk-hero{padding:32px var(--c-yan) 72px;gap:32px}
  .c-hk-baslik{font-size:min(56px,12.5vw)}
  .c-hk-gorsel{height:260px;margin-right:20px}
  .c-hk-gorsel-golge{left:20px;top:20px;right:-20px;bottom:-20px}
  .c-hk-aciklama{font-size:18px}
  .c-hk-sayilar strong{font-size:36px}
  .c-h2-buyuk,.c-degerler-bas .c-h2-buyuk{font-size:min(48px,13vw)}
  .c-degerler{padding-bottom:72px}
  .c-deger{grid-template-columns:64px 1fr;gap:16px}
  .c-deger-no{font-size:40px}
  .c-deger h3{font-size:24px}
  .c-surec-ic{padding:72px var(--c-yan)}
  .c-surec-adimlar{grid-template-columns:1fr}
  .c-bant{padding:28px 20px}
  .c-bant-baslik{font-size:40px}
  .c-bant-dugmeler{width:100%}
  .c-bant-dugmeler .c-dugme{flex:1 1 100%}
}

/* ---------- İLETİŞİM ---------- */
.c-il{padding-top:88px}
.c-il-giris,.c-il-izgara{max-width:var(--c-max);margin:0 auto}
.c-il-giris{padding:56px var(--c-yan) 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.c-il-giris-yazi{display:flex;flex-direction:column;gap:18px;min-width:0}
.c-il-baslik{margin:0;font-size:104px;line-height:.9;font-weight:800;font-stretch:72%;text-transform:uppercase}
.c-il-aciklama{margin:0;font-size:19px;line-height:1.55;color:var(--c-metin2);max-width:640px}
.c-il-dugmeler{display:flex;gap:10px;flex-shrink:0}
.c-il-dugmeler .c-dugme{padding:16px 22px;border-width:1.5px}
.c-il-izgara{padding:0 var(--c-yan) 112px;display:grid;grid-template-columns:460px minmax(0,1fr);gap:20px}
.c-il-bilgi{background:var(--c-koyu);color:#fff;border-radius:12px;padding:44px;display:flex;flex-direction:column;gap:30px}
.c-il-bilgi-baslik{margin:0;font-size:44px;font-weight:800;font-stretch:72%;text-transform:uppercase;line-height:.95;color:#fff}
.c-il-satirlar{display:flex;flex-direction:column;gap:22px}
.c-il-satir{display:flex;gap:16px;min-width:0}
.c-il-ikon{width:44px;height:44px;border-radius:8px;background:#2A2A27;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--c-turuncu)}
.c-il-etiket{font-size:12px;font-weight:700;letter-spacing:.12em;color:#8C8C85;text-transform:uppercase}
.c-sayfa .c-il-deger{font-size:17px;color:#fff;overflow-wrap:anywhere}
.c-sayfa a.c-il-deger:hover{color:var(--c-turuncu)}
.c-il-harita{margin-top:auto;height:260px;border-radius:10px;background:#2A2A27;position:relative;overflow:hidden}
.c-il-harita-yer{position:absolute;inset:0;background:#2A2A27}
.c-il-harita-cerceve{position:absolute;inset:0;width:100%;height:100%;border:0}
.c-sayfa .c-il-harita-ac{margin-top:-14px;font-size:14px;font-weight:600;color:#fff}
.c-sayfa .c-il-harita-ac:hover{color:var(--c-turuncu)}
#teklif-formu{scroll-margin-top:100px}
@media (max-width:1180px){
  .c-il-baslik{font-size:80px}
  .c-il-giris{flex-direction:column;align-items:flex-start;gap:28px}
  .c-il-izgara{grid-template-columns:1fr}
}
@media (max-width:767px){
  .c-sayfa .c-dugme{white-space:normal;text-align:center}
  .c-il{padding-top:64px}
  .c-il-giris{padding:32px var(--c-yan) 32px}
  .c-il-baslik{font-size:min(56px,12.5vw)}
  .c-il-aciklama{font-size:17px}
  .c-il-dugmeler{width:100%}
  .c-il-dugmeler .c-dugme{flex:1 1 0}
  .c-il-izgara{padding-bottom:72px}
  .c-il-bilgi{padding:28px 20px}
  .c-il-bilgi-baslik{font-size:36px}
  .c-il-harita{height:220px}
  #teklif-formu{scroll-margin-top:76px}
}
/* Görsel admin panelinden kaldırıldığında (2026-09-27): ana sayfa "vizyon" bölümü yalnız yazı, Hakkımızda girişi yazı solda */
.c-vizyon-gorselsiz{min-height:0}
.c-vizyon-gorselsiz .c-vizyon-yazi{width:auto;max-width:960px;padding-right:var(--c-yan)}
.c-hk-hero-alt-gorselsiz .c-hk-hero-yazi{grid-column:1/span 6}
@media (max-width:1180px){.c-hk-hero-alt-gorselsiz .c-hk-hero-yazi{grid-column:auto}}