/* ============================================
   GÜBRESAN MADENCİLİK - Ana Stil Dosyası
   Renk Paleti: Yeşil (#2E7D32), Toprak (#5D4037), Bordo (#8B1A1A), Beyaz (#FFFFFF)
   ============================================ */

:root {
    --birincil: #2E7D32; --birincil-koyu: #1B5E20; --birincil-acik: #4CAF50;
    --ikincil: #5D4037; --ikincil-acik: #795548;
    --vurgu: #8B1A1A; --vurgu-acik: #B71C1C;
    --beyaz: #FFFFFF; --acik-gri: #F5F5F5; --gri: #E0E0E0; --koyu-gri: #616161; --siyah: #212121;
    --yazi-birincil: #333333; --yazi-ikincil: #666666;
    --basarili: #2E7D32; --hata: #C62828; --uyari: #F57F17; --bilgi: #1565C0;
    --golge: 0 2px 8px rgba(0,0,0,0.1); --golge-yukari: 0 4px 16px rgba(0,0,0,0.15);
    --kenar-yaricap: 8px; --gecis: all 0.3s ease;
    --font-ana: 'Segoe UI', system-ui, -apple-system, sans-serif;
    --maks-genislik: 1200px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: var(--font-ana); color: var(--yazi-birincil); line-height: 1.6; background: var(--beyaz); }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--birincil); text-decoration: none; transition: var(--gecis); }
a:hover { color: var(--birincil-koyu); }

.konteyner { max-width: var(--maks-genislik); margin: 0 auto; padding: 0 1.5rem; }
.merkez-metin { text-align: center; }
.merkez-buton { text-align: center; margin-top: 2rem; }

/* Butonlar */
.buton { display: inline-block; padding: 0.75rem 1.75rem; border-radius: var(--kenar-yaricap); font-weight: 600; font-size: 0.95rem; transition: var(--gecis); cursor: pointer; border: none; }
.buton-birincil { background: var(--birincil); color: var(--beyaz); }
.buton-birincil:hover { background: var(--birincil-koyu); color: var(--beyaz); transform: translateY(-1px); box-shadow: var(--golge); }
.buton-ikincil { background: transparent; color: var(--birincil); border: 2px solid var(--birincil); }
.buton-ikincil:hover { background: var(--birincil); color: var(--beyaz); }
.buton-kucuk { padding: 0.5rem 1rem; font-size: 0.85rem; }
.tam-genislik { width: 100%; }

/* Üst Bilgi Çubuğu */
.ust-bilgi-cubugu { background: var(--ikincil); color: var(--beyaz); padding: 0.4rem 0; font-size: 0.85rem; }
.ust-bilgi-icerik { display: flex; justify-content: flex-end; gap: 1.5rem; }

/* Ana Başlık */
.ana-baslik { background: var(--beyaz); box-shadow: var(--golge); position: sticky; top: 0; z-index: 1000; }
.baslik-icerik { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 0; }
.logo-gorsel { height: 50px; width: auto; }
.menu-listesi { display: flex; list-style: none; gap: 0.25rem; }
.menu-ogesi a { padding: 0.5rem 1rem; color: var(--yazi-birincil); font-weight: 500; border-radius: var(--kenar-yaricap); }
.menu-ogesi a:hover, .menu-ogesi.aktif a { color: var(--birincil); background: rgba(46,125,50,0.08); }
.mobil-menu-buton { display: none; background: none; border: none; cursor: pointer; padding: 0.5rem; }
.mobil-menu-buton span { display: block; width: 24px; height: 2px; background: var(--siyah); margin: 5px 0; transition: var(--gecis); }

/* Slider */
.slider-bolum { position: relative; overflow: hidden; }
.slider-oge { display: none; position: relative; }
.slider-oge.aktif { display: block; }
.slider-oge img { width: 100%; height: 500px; object-fit: cover; }
.slider-icerik { position: absolute; bottom: 0; left: 0; right: 0; padding: 3rem; background: linear-gradient(transparent, rgba(0,0,0,0.7)); color: var(--beyaz); }
.slider-icerik h2 { font-size: 2.5rem; margin-bottom: 0.5rem; }
.slider-alt-baslik { font-size: 1.2rem; opacity: 0.9; }

/* Bölüm Başlıkları */
.bolum-baslik { font-size: 2rem; text-align: center; margin-bottom: 0.5rem; color: var(--ikincil); }
.bolum-aciklama { text-align: center; color: var(--yazi-ikincil); margin-bottom: 2.5rem; }

/* Tanıtım */
.tanitim-bolum { padding: 5rem 0; background: var(--acik-gri); }
.tanitim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
.tanitim-metin h2 { font-size: 2rem; color: var(--ikincil); margin-bottom: 0.5rem; }
.tanitim-metin .alt-baslik { color: var(--birincil); font-size: 1.1rem; margin-bottom: 1rem; }
.tanitim-rozetler { display: flex; gap: 1.5rem; margin: 1.5rem 0; }
.rozet { text-align: center; padding: 1rem; background: var(--beyaz); border-radius: var(--kenar-yaricap); box-shadow: var(--golge); flex:1; }
.rozet strong { display: block; font-size: 1.1rem; color: var(--birincil); }
.rozet span { font-size: 0.8rem; color: var(--yazi-ikincil); }

/* Ürün Grid */
.urunler-bolum { padding: 5rem 0; }
.urun-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; }
.urun-kart { background: var(--beyaz); border-radius: var(--kenar-yaricap); box-shadow: var(--golge); overflow: hidden; transition: var(--gecis); }
.urun-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-yukari); }
.urun-kart img { height: 200px; object-fit: cover; width: 100%; }
.urun-kart-icerik { padding: 1.5rem; }
.urun-kart-icerik h3 { margin-bottom: 0.5rem; color: var(--ikincil); }

/* Güven */
.guven-bolum { padding: 5rem 0; background: var(--acik-gri); }
.guven-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 2rem; }
.guven-kart { text-align: center; padding: 2rem; background: var(--beyaz); border-radius: var(--kenar-yaricap); box-shadow: var(--golge); }
.guven-ikon { font-size: 2.5rem; margin-bottom: 1rem; }
.guven-kart h3 { color: var(--birincil); margin-bottom: 0.5rem; }

/* Blog Grid */
.blog-bolum { padding: 5rem 0; }
.blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2rem; }
.blog-kart { background: var(--beyaz); border-radius: var(--kenar-yaricap); box-shadow: var(--golge); overflow: hidden; }
.blog-kart img { height: 200px; object-fit: cover; width: 100%; }
.blog-kart-icerik { padding: 1.5rem; }
.blog-kart-icerik time { font-size: 0.85rem; color: var(--yazi-ikincil); }
.blog-kart-icerik h3 { margin: 0.5rem 0; }

/* CTA */
.cta-bolum { padding: 5rem 0; background: var(--ikincil); color: var(--beyaz); text-align: center; }
.cta-bolum h2 { font-size: 2rem; margin-bottom: 0.5rem; }
.cta-butonlar { margin-top: 2rem; display: flex; gap: 1rem; justify-content: center; }
.cta-bolum .buton-ikincil { color: var(--beyaz); border-color: var(--beyaz); }
.cta-bolum .buton-ikincil:hover { background: var(--beyaz); color: var(--ikincil); }

/* Flash Mesajlar */
.flash-mesajlar { position: relative; z-index: 999; }
.flash-mesaj { padding: 1rem 1.5rem; margin: 0.5rem 0; border-radius: var(--kenar-yaricap); display: flex; justify-content: space-between; align-items: center; }
.flash-basarili { background: #E8F5E9; color: #2E7D32; border-left: 4px solid #2E7D32; }
.flash-hata { background: #FFEBEE; color: #C62828; border-left: 4px solid #C62828; }
.flash-uyari { background: #FFF3E0; color: #E65100; border-left: 4px solid #E65100; }
.flash-kapat { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: inherit; }

/* Alt Bilgi */
.alt-bilgi { background: var(--siyah); color: #ccc; padding: 3rem 0 1.5rem; }
.alt-bilgi-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }
.alt-bilgi h3 { color: var(--beyaz); margin-bottom: 1rem; font-size: 1.1rem; }
.alt-bilgi ul { list-style: none; }
.alt-bilgi li { margin-bottom: 0.5rem; }
.alt-bilgi a { color: #aaa; }
.alt-bilgi a:hover { color: var(--birincil-acik); }
.alt-bilgi-alt { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid #444; text-align: center; font-size: 0.85rem; color: #888; }

/* Hata Sayfası */
.hata-sayfa { padding: 5rem 0; min-height: 60vh; display: flex; align-items: center; }
.hata-sayfa h1 { font-size: 6rem; color: var(--gri); }

/* Form */
.form-grup { margin-bottom: 1.25rem; }
.form-grup label { display: block; margin-bottom: 0.4rem; font-weight: 500; color: var(--yazi-birincil); }
.form-grup input, .form-grup textarea, .form-grup select { width: 100%; padding: 0.75rem 1rem; border: 1px solid var(--gri); border-radius: var(--kenar-yaricap); font-family: var(--font-ana); font-size: 0.95rem; transition: var(--gecis); }
.form-grup input:focus, .form-grup textarea:focus, .form-grup select:focus { outline: none; border-color: var(--birincil); box-shadow: 0 0 0 3px rgba(46,125,50,0.15); }

/* Sayfa İçerik */
.sayfa-icerik { padding: 3rem 0; }
.sayfa-icerik h1 { color: var(--ikincil); margin-bottom: 1.5rem; padding-bottom: 1rem; border-bottom: 3px solid var(--birincil); display: inline-block; }

/* Sayfa Banner */
.sayfa-banner { background: var(--ikincil); color: var(--beyaz); padding: 3rem 0; text-align: center; }
.sayfa-banner h1 { font-size: 2rem; margin-bottom: 0.5rem; }
.sayfa-aciklama { font-size: 1.1rem; opacity: 0.9; }

/* Breadcrumb */
.ekmek-kirinti { margin-bottom: 2rem; }
.ekmek-kirinti ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; font-size: 0.9rem; }
.ekmek-kirinti li:not(:last-child)::after { content: '/'; margin-left: 0.5rem; color: var(--koyu-gri); }
.ekmek-kirinti a { color: var(--birincil); }
.ekmek-kirinti [aria-current] { color: var(--yazi-ikincil); }

/* İçerik + Kenar Grid */
.icerik-kenar-grid { display: grid; grid-template-columns: 240px 1fr; gap: 2rem; }
.kenar-cubugu { position: sticky; top: 80px; align-self: start; }
.filtre-kutu { background: var(--acik-gri); padding: 1.5rem; border-radius: var(--kenar-yaricap); }
.filtre-kutu h3 { margin-bottom: 1rem; color: var(--ikincil); }
.kategori-listesi { list-style: none; }
.kategori-listesi li { margin-bottom: 0.25rem; }
.kategori-listesi a { display: block; padding: 0.5rem 0.75rem; border-radius: 4px; color: var(--yazi-birincil); }
.kategori-listesi li.aktif a, .kategori-listesi a:hover { background: var(--birincil); color: var(--beyaz); }
.aktif-filtre { margin-bottom: 1.5rem; padding: 0.75rem 1rem; background: #E8F5E9; border-radius: var(--kenar-yaricap); display: flex; justify-content: space-between; align-items: center; }
.filtre-temizle { color: var(--hata); font-size: 0.85rem; }

/* Boş Durum */
.bos-durum { text-align: center; padding: 4rem 2rem; }
.bos-durum-ikon { font-size: 4rem; margin-bottom: 1rem; }
.bos-durum h3 { color: var(--ikincil); margin-bottom: 0.5rem; }

/* Ürün Detay */
.urun-detay-ust { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
.urun-ana-gorsel img { width: 100%; border-radius: var(--kenar-yaricap); }
.urun-galeri { display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); gap: 0.5rem; margin-top: 1rem; }
.galeri-kucuk-gorsel img { width: 100%; height: 80px; object-fit: cover; border-radius: 4px; cursor: pointer; border: 2px solid transparent; transition: var(--gecis); }
.galeri-kucuk-gorsel img:hover { border-color: var(--birincil); }
.urun-bilgi-bolum h1 { font-size: 1.8rem; color: var(--ikincil); margin-bottom: 1rem; }
.urun-meta-bilgiler { margin-bottom: 1.5rem; }
.meta-satir { display: flex; gap: 0.5rem; padding: 0.5rem 0; border-bottom: 1px solid var(--gri); }
.meta-etiket { font-weight: 600; color: var(--yazi-ikincil); min-width: 120px; }
.urun-kisa-aciklama { margin-bottom: 1.5rem; color: var(--yazi-ikincil); }
.urun-aksiyonlar { display: flex; gap: 1rem; }

/* Sekmeler */
.urun-detay-sekmeler { margin-top: 3rem; }
.sekme-basliklar { display: flex; border-bottom: 2px solid var(--gri); gap: 0; }
.sekme-baslik { padding: 0.75rem 1.5rem; background: none; border: none; cursor: pointer; font-size: 0.95rem; font-weight: 500; color: var(--yazi-ikincil); border-bottom: 2px solid transparent; margin-bottom: -2px; transition: var(--gecis); }
.sekme-baslik.aktif, .sekme-baslik:hover { color: var(--birincil); border-bottom-color: var(--birincil); }
.sekme-icerik { display: none; padding: 2rem 0; }
.sekme-icerik.aktif { display: block; }
.zengin-icerik { line-height: 1.8; }
.zengin-icerik h2, .zengin-icerik h3 { margin: 1.5rem 0 0.75rem; color: var(--ikincil); }
.zengin-icerik p { margin-bottom: 1rem; }
.zengin-icerik ul, .zengin-icerik ol { margin: 1rem 0 1rem 1.5rem; }
.teknik-tablo { width: 100%; border-collapse: collapse; }
.teknik-tablo th, .teknik-tablo td { padding: 0.75rem 1rem; border-bottom: 1px solid var(--gri); text-align: left; }
.teknik-tablo th { background: var(--acik-gri); width: 40%; font-weight: 600; }

/* Blog Detay */
.blog-kapak-gorsel img { width: 100%; max-height: 500px; object-fit: cover; border-radius: var(--kenar-yaricap); margin-bottom: 2rem; }
.blog-baslik-bolum { margin-bottom: 2rem; }
.blog-baslik-bolum h1 { font-size: 2rem; color: var(--ikincil); margin-bottom: 1rem; }
.blog-meta { display: flex; flex-wrap: wrap; gap: 1rem; color: var(--yazi-ikincil); font-size: 0.9rem; }
.blog-meta a { color: var(--birincil); }
.blog-icerik { margin-bottom: 2rem; }
.blog-etiketler { margin: 2rem 0; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.etiket-baslik { font-weight: 600; margin-right: 0.5rem; }
.etiket-rozet { display: inline-block; padding: 0.3rem 0.8rem; background: var(--acik-gri); border-radius: 20px; font-size: 0.85rem; color: var(--yazi-birincil); }
.etiket-rozet:hover { background: var(--birincil); color: var(--beyaz); }
.blog-paylasim { display: flex; align-items: center; gap: 1rem; padding: 1.5rem 0; border-top: 1px solid var(--gri); }
.paylasim-link { padding: 0.4rem 1rem; background: var(--acik-gri); border-radius: 4px; font-size: 0.85rem; color: var(--yazi-birincil); }
.paylasim-link:hover { background: var(--birincil); color: var(--beyaz); }
.devamini-oku { color: var(--birincil); font-weight: 600; font-size: 0.9rem; }
.ilgili-yazilar { margin-top: 3rem; padding-top: 2rem; border-top: 1px solid var(--gri); }
.ilgili-yazilar h2 { margin-bottom: 1.5rem; color: var(--ikincil); }

/* Belge Kartları */
.belge-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; }
.belge-kart { background: var(--beyaz); border-radius: var(--kenar-yaricap); box-shadow: var(--golge); overflow: hidden; transition: var(--gecis); }
.belge-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-yukari); }
.belge-kart-gorsel img { width: 100%; height: 200px; object-fit: cover; }
.belge-kart-icerik { padding: 1.5rem; }
.belge-tip-rozet { display: inline-block; padding: 0.2rem 0.6rem; background: var(--birincil); color: var(--beyaz); border-radius: 4px; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.5rem; }
.belge-tip-rozet.buyuk { font-size: 0.85rem; padding: 0.3rem 0.8rem; }
.belge-kurum { font-size: 0.9rem; color: var(--yazi-ikincil); margin: 0.25rem 0; }
.belge-ozet { font-size: 0.9rem; margin: 0.5rem 0; }
.belge-detay-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin-bottom: 2rem; }
.belge-buyuk-gorsel img { width: 100%; border-radius: var(--kenar-yaricap); }
.belge-geri-link { margin-top: 2rem; }

/* İletişim */
.iletisim-grid { display: grid; grid-template-columns: 1fr 350px; gap: 3rem; margin-bottom: 3rem; }
.iletisim-formu .form-grup { margin-bottom: 1.25rem; }
.iletisim-bilgi-bolum { display: flex; flex-direction: column; gap: 1rem; }
.iletisim-bilgi-kart { background: var(--acik-gri); padding: 1.5rem; border-radius: var(--kenar-yaricap); }
.iletisim-bilgi-kart h3 { color: var(--birincil); margin-bottom: 0.5rem; font-size: 1rem; }
.iletisim-harita { margin-top: 2rem; }
.harita-konteyner { width: 100%; height: 400px; background: var(--acik-gri); border-radius: var(--kenar-yaricap); }
.harita-yer-tutucu { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--yazi-ikincil); }
.form-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.zorunlu { color: var(--hata); }

/* Bayilik */
.bayilik-tanitim { margin-bottom: 3rem; }
.bayilik-avantajlar { list-style: none; margin: 1.5rem 0; }
.bayilik-avantajlar li { padding: 0.5rem 0 0.5rem 1.5rem; position: relative; }
.bayilik-avantajlar li::before { content: '\2713'; position: absolute; left: 0; color: var(--birincil); font-weight: 700; }
.bayilik-form-bolum { max-width: 800px; }
.bayilik-formu fieldset { border: 1px solid var(--gri); border-radius: var(--kenar-yaricap); padding: 1.5rem; margin-bottom: 1.5rem; }
.bayilik-formu legend { font-weight: 600; color: var(--birincil); padding: 0 0.5rem; }
.form-aciklama { color: var(--yazi-ikincil); margin-bottom: 1.5rem; }
.form-yardim { display: block; font-size: 0.8rem; color: var(--yazi-ikincil); margin-top: 0.25rem; }
.form-gonder { margin-top: 1.5rem; }

/* SSS Accordion */
.sss-konteyner { max-width: 800px; margin: 0 auto; }
.sss-kategori-baslik { font-size: 1.3rem; color: var(--ikincil); margin: 2rem 0 1rem; border-bottom: 2px solid var(--birincil); padding-bottom: 0.5rem; }
.sss-listesi { margin-bottom: 1rem; }
.sss-oge { border: 1px solid var(--gri); border-radius: var(--kenar-yaricap); margin-bottom: 0.5rem; overflow: hidden; }
.sss-soru { width: 100%; text-align: left; padding: 1rem 1.5rem; background: var(--beyaz); border: none; cursor: pointer; font-size: 1rem; font-weight: 500; display: flex; justify-content: space-between; align-items: center; transition: var(--gecis); }
.sss-soru:hover { background: var(--acik-gri); }
.sss-soru[aria-expanded="true"] { background: var(--acik-gri); }
.sss-ikon { font-size: 1.3rem; font-weight: 700; color: var(--birincil); }
.sss-cevap-icerik { padding: 1rem 1.5rem 1.5rem; line-height: 1.7; color: var(--yazi-ikincil); }

/* Hakkımızda */
.hakkimizda-ust { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem; }
.hakkimizda-metin h2 { color: var(--ikincil); margin-bottom: 1rem; }
.hakkimizda-metin p { margin-bottom: 1rem; color: var(--yazi-ikincil); }
.hakkimizda-gorsel img { border-radius: var(--kenar-yaricap); }
.degerler-bolum { margin-top: 3rem; }
.degerler-bolum h2 { text-align: center; color: var(--ikincil); margin-bottom: 2rem; }
.degerler-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.5rem; }
.deger-kart { background: var(--acik-gri); padding: 2rem; border-radius: var(--kenar-yaricap); text-align: center; }
.deger-kart h3 { color: var(--birincil); margin-bottom: 0.5rem; }

/* Üretim Tesisi */
.tesis-giris { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; margin-bottom: 3rem; }
.tesis-metin h2 { color: var(--ikincil); margin-bottom: 1rem; }
.tesis-metin p { margin-bottom: 1rem; color: var(--yazi-ikincil); }
.tesis-gorsel img { border-radius: var(--kenar-yaricap); }
.tesis-ozellikler { margin-bottom: 3rem; }
.tesis-ozellikler h2 { text-align: center; color: var(--ikincil); margin-bottom: 2rem; }
.ozellik-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 1.5rem; }
.ozellik-kart { background: var(--acik-gri); padding: 2rem; border-radius: var(--kenar-yaricap); text-align: center; }
.ozellik-kart h3 { color: var(--birincil); margin-bottom: 0.5rem; }
.tesis-cta { text-align: center; padding: 3rem; background: var(--acik-gri); border-radius: var(--kenar-yaricap); }
.tesis-cta h2 { color: var(--ikincil); margin-bottom: 0.5rem; }
.tesis-cta p { margin-bottom: 1.5rem; color: var(--yazi-ikincil); }

/* Sayfa Kapak Görseli */
.sayfa-kapak-gorsel { margin-bottom: 2rem; }
.sayfa-kapak-gorsel img { width: 100%; max-height: 400px; object-fit: cover; border-radius: var(--kenar-yaricap); }

/* Sayfalama (Public) */
.sayfalama ul { list-style: none; display: flex; justify-content: center; gap: 0.25rem; }
.sayfalama li a { display: inline-block; padding: 0.5rem 0.85rem; border: 1px solid var(--gri); border-radius: 4px; color: var(--yazi-birincil); }
.sayfalama li.aktif a { background: var(--birincil); color: var(--beyaz); border-color: var(--birincil); }
.sayfalama li a:hover { background: var(--acik-gri); }

/* Responsive */
@media (max-width: 768px) {
    .ana-navigasyon { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--beyaz); box-shadow: var(--golge-yukari); padding: 1rem; }
    .ana-navigasyon.acik { display: block; }
    .menu-listesi { flex-direction: column; }
    .mobil-menu-buton { display: block; }
    .tanitim-grid { grid-template-columns: 1fr; }
    .slider-icerik h2 { font-size: 1.5rem; }
    .slider-oge img { height: 300px; }
    .cta-butonlar { flex-direction: column; align-items: center; }
    .tanitim-rozetler { flex-direction: column; }
    .icerik-kenar-grid { grid-template-columns: 1fr; }
    .kenar-cubugu { position: static; }
    .urun-detay-ust { grid-template-columns: 1fr; }
    .belge-detay-grid { grid-template-columns: 1fr; }
    .iletisim-grid { grid-template-columns: 1fr; }
    .hakkimizda-ust { grid-template-columns: 1fr; }
    .tesis-giris { grid-template-columns: 1fr; }
    .form-satir { grid-template-columns: 1fr; }
}