/* ============================================================
   SELF SMALL — Site CSS
   ============================================================ */

:root {
  --renk-ana:      #1a3c5e;
  --renk-vurgu:    #e8a012;
  --renk-metin:    #2d3748;
  --renk-acik:     #f8fafc;
  --renk-gri:      #6b7280;
  --font-ana:      'Segoe UI', system-ui, -apple-system, sans-serif;
  --gecis:         0.25s ease;
  --golge:         0 4px 20px rgba(0,0,0,.08);
  --golge-buyuk:   0 8px 40px rgba(0,0,0,.12);
  --radius:        12px;
  --radius-buyuk:  20px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: var(--font-ana); color: var(--renk-metin); background: #fff; margin:0; }
a { color: var(--renk-ana); text-decoration: none; transition: color var(--gecis); }
a:hover { color: var(--renk-vurgu); }
img { max-width: 100%; height: auto; }

/* ── ÜST BAR ──────────────────────────────────────────────── */
.ust-bar { background: var(--renk-ana); padding: 8px 0; }
.ust-bar-icerik { display:flex; justify-content:space-between; align-items:center; }
.ust-bar-link { color: rgba(255,255,255,.85); font-size:13px; margin-right:20px; display:inline-flex; align-items:center; gap:6px; transition: color var(--gecis); }
.ust-bar-link:hover { color: var(--renk-vurgu); }
.sosyal-link { color: rgba(255,255,255,.7); margin-left:12px; font-size:16px; }
.sosyal-link:hover { color: var(--renk-vurgu); }

/* ── NAVBAR ───────────────────────────────────────────────── */
.site-header { position: sticky; top: 0; z-index: 1000; }
.navbar { background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,.06); padding: 0; }
.navbar-icerik { display:flex; align-items:center; justify-content:space-between; height:70px; }
.navbar-logo .logo-img { max-height:50px; width:auto; }
.navbar-logo .logo-metin { font-size:22px; font-weight:800; color: var(--renk-ana); }

.nav-menu { display:flex; list-style:none; margin:0; padding:0; gap:4px; }
.nav-item { position:relative; }
.nav-link { display:flex; align-items:center; gap:4px; padding:8px 14px; font-size:14px; font-weight:600; color: var(--renk-metin); border-radius:8px; transition: all var(--gecis); white-space:nowrap; }
.nav-link:hover, .nav-link.aktif { background: var(--renk-ana); color: #fff; }
.nav-ok { font-size:11px; transition: transform var(--gecis); }
.nav-item:hover .nav-ok { transform: rotate(180deg); }

/* Dropdown */
.dropdown-menu-nav { display:none; position:absolute; top:100%; left:0; background:#fff; border-radius:10px; box-shadow: var(--golge-buyuk); min-width:200px; padding:8px; list-style:none; z-index:999; }
.nav-item:hover .dropdown-menu-nav { display:block; }
.dropdown-menu-nav li a { display:block; padding:9px 14px; font-size:13px; font-weight:500; color: var(--renk-metin); border-radius:6px; transition: all var(--gecis); }
.dropdown-menu-nav li a:hover { background: var(--renk-ana); color:#fff; }

/* Hamburger */
.hamburger { display:none; background:none; border:none; cursor:pointer; padding:8px; flex-direction:column; gap:5px; }
.hamburger span { display:block; width:24px; height:2px; background: var(--renk-ana); border-radius:2px; transition: all var(--gecis); }

/* Mobil overlay */
.mobil-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.5); z-index:998; }
.mobil-overlay.aktif { display:block; }

/* ── HERO ─────────────────────────────────────────────────── */
.hero-bolum { position:relative; overflow:hidden; }
.hero-slider { position:relative; height:520px; overflow:hidden; }
.slide { position:absolute; inset:0; opacity:0; transition: opacity .7s ease; }
.slide.aktif { opacity:1; z-index:1; }
.slide-arkaplan { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.slide-overlay { position:absolute; inset:0; background:linear-gradient(135deg, rgba(26,60,94,.7) 0%, rgba(0,0,0,.3) 100%); }
.slide-icerik { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; height:100%; padding:80px 0; }
.hero-rozet { display:inline-block; background:var(--renk-vurgu); color:#fff; font-size:12px; font-weight:700; padding:4px 14px; border-radius:20px; margin-bottom:16px; text-transform:uppercase; letter-spacing:.5px; }
.slide-baslik { font-size:clamp(28px,4vw,52px); font-weight:800; color:#fff; margin-bottom:16px; line-height:1.2; text-shadow:0 2px 8px rgba(0,0,0,.2); }
.slide-altyazi { font-size:clamp(15px,2vw,20px); margin-bottom:28px; max-width:560px; line-height:1.6; }
.slide-butonlar { display:flex; gap:14px; flex-wrap:wrap; }
.btn-hero-ana { background:var(--renk-vurgu); color:#fff; border:none; padding:14px 32px; border-radius:8px; font-weight:700; font-size:15px; transition:all var(--gecis); }
.btn-hero-ana:hover { background:#d4920f; color:#fff; transform:translateY(-2px); box-shadow:0 6px 20px rgba(232,160,18,.4); }
.btn-hero-ikincil { background:transparent; color:#fff; border:2px solid rgba(255,255,255,.7); padding:12px 30px; border-radius:8px; font-weight:600; transition:all var(--gecis); }
.btn-hero-ikincil:hover { background:rgba(255,255,255,.15); border-color:#fff; }

/* Slider Kontroller */
.slider-btn { position:absolute; top:50%; transform:translateY(-50%); z-index:5; background:rgba(255,255,255,.15); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,.3); color:#fff; width:48px; height:48px; border-radius:50%; cursor:pointer; font-size:18px; transition:all var(--gecis); }
.slider-onceki { left:20px; }
.slider-sonraki { right:20px; }
.slider-btn:hover { background:rgba(255,255,255,.3); }
.slider-noktalar { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:5; }
.slider-nokta { width:8px; height:8px; border-radius:50%; background:rgba(255,255,255,.5); border:none; cursor:pointer; transition:all var(--gecis); padding:0; }
.slider-nokta.aktif { background:#fff; width:24px; border-radius:4px; }

/* Hero Video */
.hero-video-wrap { position:relative; height:520px; overflow:hidden; }
.hero-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(135deg,rgba(26,60,94,.65) 0%,rgba(0,0,0,.25) 100%); }
.hero-video-icerik { position:absolute; inset:0; z-index:2; display:flex; align-items:center; }
.hero-baslik { font-size:clamp(28px,4vw,52px); font-weight:800; color:#fff; margin-bottom:14px; }
.hero-altyazi { font-size:clamp(15px,2vw,20px); color:rgba(255,255,255,.85); margin-bottom:28px; }
.btn-hero { background:var(--renk-vurgu); color:#fff; padding:14px 32px; border-radius:8px; font-weight:700; display:inline-block; }

/* Hero Fallback (slider/video yoksa) */
.hero-fallback { background:linear-gradient(135deg, var(--renk-ana) 0%, color-mix(in srgb, var(--renk-ana) 70%, black) 100%); min-height:380px; display:flex; align-items:center; padding:60px 0; }
.hero-fallback h1 { font-size:clamp(28px,4vw,52px); font-weight:800; color:#fff; margin-bottom:16px; }
.hero-fallback p  { font-size:clamp(15px,2vw,20px); color:rgba(255,255,255,.85); }

/* ── BÖLÜM BAŞLIKLARI ──────────────────────────────────────── */
.section-padding { padding: 80px 0; }
.bolum-baslik-merkez { text-align:center; margin-bottom:48px; }
.bolum-baslik-merkez h2, .bolum-baslik-sol h2 { font-size:clamp(24px,3vw,38px); font-weight:800; color:var(--renk-ana); margin-bottom:12px; }
.bolum-alt-baslik { display:inline-block; background:color-mix(in srgb, var(--renk-vurgu) 15%, white); color:var(--renk-vurgu); font-size:12px; font-weight:700; padding:4px 16px; border-radius:20px; letter-spacing:.5px; text-transform:uppercase; margin-bottom:12px; }

/* Sol hizalı bölüm başlığı */
.bolum-baslik-sol { margin-bottom:28px; }
.bolum-baslik-sol-kucuk { font-size:18px; font-weight:700; color:var(--renk-ana); margin-bottom:16px; display:block; }

/* ── SAYAÇLAR ─────────────────────────────────────────────── */
.sayaclar-bolum { background:var(--renk-ana); padding:48px 0; }
.sayaclar-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:32px; }
.sayac-kart { text-align:center; color:#fff; }
.sayac-deger { font-size:clamp(32px,4vw,52px); font-weight:800; color:var(--renk-vurgu); display:block; line-height:1; }
.sayac-etiket { font-size:13px; opacity:.8; margin-top:8px; text-transform:uppercase; letter-spacing:.5px; }

/* ── BUTTONS ──────────────────────────────────────────────── */
.btn-ana { background:var(--renk-ana); color:#fff; border:none; padding:12px 28px; border-radius:8px; font-weight:600; display:inline-flex; align-items:center; gap:8px; transition:all var(--gecis); }
.btn-ana:hover { background:color-mix(in srgb,var(--renk-ana) 85%,black); color:#fff; transform:translateY(-2px); box-shadow:0 6px 20px rgba(26,60,94,.25); }
.btn-ikincil { background:transparent; color:var(--renk-ana); border:2px solid var(--renk-ana); padding:10px 26px; border-radius:8px; font-weight:600; transition:all var(--gecis); }
.btn-ikincil:hover { background:var(--renk-ana); color:#fff; }
.btn-whatsapp { background:#25d366; color:#fff; border:none; padding:12px 28px; border-radius:8px; font-weight:600; }
.btn-whatsapp:hover { background:#20bd5a; color:#fff; }
.btn-lg { padding:14px 32px; font-size:16px; border-radius:10px; }

/* ── KATEGORİLER BÖLÜMÜ ──────────────────────────────────── */
.kategoriler-bolum { background:var(--renk-acik); padding:80px 0; }
.kategoriler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:24px; }
.kategori-kart { background:#fff; border:1px solid #eef2f7; border-radius:var(--radius); padding:28px 20px; text-align:center; transition:all var(--gecis); text-decoration:none; color:inherit; display:block; }
.kategori-kart:hover { border-color:var(--renk-ana); box-shadow:var(--golge); transform:translateY(-4px); }
.kategori-ikon { width:64px; height:64px; border-radius:50%; background:color-mix(in srgb,var(--renk-ana) 10%,white); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; font-size:28px; color:var(--renk-ana); }
.kategori-ikon img { width:36px; height:36px; object-fit:contain; }
.kategori-ad { font-size:15px; font-weight:700; color:var(--renk-ana); margin-bottom:8px; }
.kategori-aciklama { font-size:13px; color:var(--renk-gri); margin-bottom:12px; }
.kategori-link { font-size:13px; color:var(--renk-vurgu); font-weight:600; display:flex; align-items:center; justify-content:center; gap:6px; }

/* ── ÜRÜN KARTLARI ────────────────────────────────────────── */
.one-cikan-urunler-bolum { padding:80px 0; }
.urunler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:24px; }
.urun-kart { border:1px solid #eef2f7; border-radius:var(--radius); overflow:hidden; transition:all var(--gecis); background:#fff; }
.urun-kart:hover { border-color:var(--renk-ana); box-shadow:var(--golge); transform:translateY(-4px); }
.urun-kart-icerik { text-decoration:none; color:inherit; display:block; }
.urun-gorsel-wrap { position:relative; padding-top:66%; overflow:hidden; background:#f8fafc; }
.urun-gorsel { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.urun-kart:hover .urun-gorsel { transform:scale(1.05); }
.urun-gorsel-yok { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:40px; color:#ddd; }
.urun-rozet { position:absolute; top:12px; left:12px; background:var(--renk-vurgu); color:#fff; font-size:11px; font-weight:700; padding:3px 10px; border-radius:4px; }
.urun-bilgi { padding:16px; }
.urun-kategori { font-size:11px; font-weight:700; color:var(--renk-vurgu); text-transform:uppercase; letter-spacing:.5px; margin-bottom:6px; display:block; }
.urun-adi { font-size:15px; font-weight:700; color:var(--renk-ana); margin-bottom:8px; }
.urun-aciklama { font-size:13px; color:var(--renk-gri); margin-bottom:12px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.urun-incele, .urun-incele-btn { font-size:13px; color:var(--renk-vurgu); font-weight:600; display:inline-flex; align-items:center; gap:6px; }

/* Küçük ürün kartı (ilgili ürünler) */
.urun-kart-kucuk { border:1px solid #eef2f7; border-radius:10px; overflow:hidden; background:#fff; transition:all var(--gecis); }
.urun-kart-kucuk:hover { border-color:var(--renk-ana); box-shadow:var(--golge); }
.urun-kart-kucuk a { text-decoration:none; color:var(--renk-metin); display:block; }
.urun-kart-kucuk img { width:100%; aspect-ratio:1; object-fit:cover; display:block; }
.urun-kart-kucuk span { display:block; padding:8px 10px; font-size:13px; font-weight:600; color:var(--renk-ana); }

/* ── ÖZELLİKLER BÖLÜMÜ ───────────────────────────────────── */
.ozellikler-bolum { background:var(--renk-acik); padding:80px 0; }
.ozellikler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:28px; }
.ozellik-kart { background:#fff; border:1px solid #eef2f7; border-radius:var(--radius); padding:28px 20px; text-align:center; transition:all var(--gecis); }
.ozellik-kart:hover { border-color:var(--renk-ana); box-shadow:var(--golge); }
.ozellik-ikon { width:72px; height:72px; border-radius:50%; background:color-mix(in srgb,var(--renk-ana) 8%,white); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; font-size:32px; color:var(--renk-ana); }
.ozellik-baslik { font-size:16px; font-weight:700; color:var(--renk-ana); margin-bottom:8px; }
.ozellik-aciklama { font-size:13px; color:var(--renk-gri); line-height:1.6; }

/* ── HAKKIMIZDA KISA BÖLÜMÜ ──────────────────────────────── */
.hakkinda-bolum { padding:80px 0; }
.hakkinda-gorsel-wrap { border-radius:var(--radius-buyuk); overflow:hidden; box-shadow:var(--golge-buyuk); }
.hakkinda-gorsel { width:100%; height:100%; object-fit:cover; display:block; }
.hakkinda-metin { font-size:15px; color:var(--renk-gri); line-height:1.8; }
.hakkinda-metin p { margin-bottom:14px; }

/* ── CTA ──────────────────────────────────────────────────── */
.cta-bolum { position:relative; background:var(--renk-ana); background-size:cover; background-position:center; padding:80px 0; }
.cta-overlay { position:absolute; inset:0; background:rgba(26,60,94,.75); }
.cta-icerik { position:relative; z-index:1; text-align:center; color:#fff; max-width:600px; margin:0 auto; }
.cta-icerik h2 { font-size:clamp(24px,3vw,38px); font-weight:800; margin-bottom:16px; }
.cta-icerik p { font-size:17px; opacity:.9; margin-bottom:28px; }
.btn-cta { background:var(--renk-vurgu); color:#fff; border:none; padding:14px 36px; border-radius:8px; font-size:16px; font-weight:700; transition:all var(--gecis); }
.btn-cta:hover { background:#d4920f; color:#fff; transform:translateY(-2px); }

/* ── SAYFA BAŞLIĞI ────────────────────────────────────────── */
.sayfa-basligi { background:linear-gradient(135deg,var(--renk-ana) 0%,color-mix(in srgb,var(--renk-ana) 70%,black) 100%); padding:48px 0; color:#fff; }
.sayfa-basligi h1 { font-size:clamp(24px,3vw,40px); font-weight:800; margin-bottom:8px; }
.breadcrumb { background:transparent; padding:0; margin:0; }
.breadcrumb-item a { color:rgba(255,255,255,.7); }
.breadcrumb-item.active { color:rgba(255,255,255,.9); }
.breadcrumb-item + .breadcrumb-item::before { color:rgba(255,255,255,.5); }

/* ── ÜRÜNLER SAYFA ────────────────────────────────────────── */
.urunler-sayfa { padding:60px 0; }

/* Filtre Paneli */
.filtre-panel { background:#fff; border:1px solid #eef2f7; border-radius:var(--radius); padding:20px; position:sticky; top:90px; }
.filtre-baslik { font-size:14px; font-weight:700; color:var(--renk-ana); text-transform:uppercase; letter-spacing:.4px; margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid #f0f2f5; }
.filtre-liste { list-style:none; padding:0; margin:0; }
.filtre-liste li { margin-bottom:4px; }
.filtre-link { display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:8px; font-size:13.5px; color:var(--renk-metin); transition:all var(--gecis); }
.filtre-link:hover { background:color-mix(in srgb,var(--renk-ana) 6%,white); color:var(--renk-ana); }
.filtre-link.aktif { background:var(--renk-ana); color:#fff; font-weight:600; }
.filtre-link.aktif .badge { background:rgba(255,255,255,.25); color:#fff; }
.filtre-link .badge { margin-left:auto; background:#f0f2f5; color:var(--renk-gri); font-size:11px; padding:2px 8px; border-radius:12px; font-weight:600; }

/* Boş sonuç */
.bos-sonuc { text-align:center; padding:60px 20px; color:var(--renk-gri); }
.bos-sonuc i { font-size:56px; display:block; margin-bottom:16px; opacity:.4; }
.bos-sonuc p { font-size:15px; }

/* ── İLETİŞİM ─────────────────────────────────────────────── */
.iletisim-form-wrap { background:#fff; border-radius:var(--radius); padding:32px; box-shadow:var(--golge); }
.form-baslik { font-size:22px; font-weight:700; color:var(--renk-ana); margin-bottom:6px; }
.zorunlu { color:#e53e3e; }
.form-control:focus, .form-select:focus { border-color:var(--renk-ana); box-shadow:0 0 0 .2rem color-mix(in srgb,var(--renk-ana) 20%,transparent); }
.iletisim-bilgileri h3 { font-size:20px; font-weight:700; color:var(--renk-ana); margin-bottom:20px; }
.iletisim-bilgi-kart { display:flex; gap:14px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #f0f0f0; }
.bilgi-ikon { width:42px; height:42px; border-radius:10px; background:color-mix(in srgb,var(--renk-ana) 10%,white); display:flex; align-items:center; justify-content:center; font-size:18px; color:var(--renk-ana); flex-shrink:0; }
.bilgi-icerik strong { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.5px; color:var(--renk-gri); margin-bottom:4px; }
.harita-wrap { border-radius:var(--radius); overflow:hidden; }
.harita-wrap iframe { width:100%; height:400px; border:none; display:block; }
.harita-link { color:var(--renk-vurgu); font-size:13px; font-weight:600; display:inline-flex; align-items:center; gap:6px; }

/* ── ÜRÜN DETAY ───────────────────────────────────────────── */
.urun-detay-bolum { padding:60px 0; }
.urun-gorsel-galeri { position:sticky; top:90px; }
.ana-gorsel-wrap { border-radius:var(--radius); overflow:hidden; border:1px solid #eef2f7; background:#f8fafc; }
.ana-gorsel { width:100%; aspect-ratio:4/3; object-fit:cover; }
.gorsel-yok-buyuk { display:flex; align-items:center; justify-content:center; aspect-ratio:4/3; font-size:72px; color:#e0e0e0; background:#f8fafc; border-radius:var(--radius); }
.galeri-thumbnails { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.thumb-item { width:72px; height:72px; border-radius:8px; overflow:hidden; cursor:pointer; border:2px solid transparent; transition:border-color var(--gecis); }
.thumb-item.aktif { border-color:var(--renk-ana); }
.thumb-item img { width:100%; height:100%; object-fit:cover; }
.urun-detay-bilgi { }
.urun-detay-kategori { font-size:12px; font-weight:700; text-transform:uppercase; color:var(--renk-vurgu); margin-bottom:10px; display:inline-block; }
.urun-detay-adi { font-size:clamp(20px,2.5vw,32px); font-weight:800; color:var(--renk-ana); margin-bottom:14px; }
.urun-detay-kisa { font-size:15px; color:var(--renk-gri); line-height:1.7; margin-bottom:20px; }
.ozellik-liste-kisa { list-style:none; padding:0; margin-bottom:20px; }
.ozellik-liste-kisa li { padding:6px 0; font-size:14px; display:flex; align-items:flex-start; gap:8px; }
.ozellik-liste-kisa .bi-check-circle-fill { color:var(--renk-ana); flex-shrink:0; margin-top:2px; }
.urun-kodu-wrap { background:#f8fafc; border-radius:8px; padding:10px 16px; margin-bottom:20px; }
.urun-kodu-etiket { font-size:12px; color:var(--renk-gri); margin-right:8px; }
.urun-kodu { font-family:monospace; font-weight:600; color:var(--renk-ana); }
.urun-aksiyonlar { display:flex; gap:12px; flex-wrap:wrap; }
.urun-paylas { display:flex; align-items:center; gap:12px; font-size:13px; color:var(--renk-gri); }
.urun-paylas span { font-weight:600; }
.urun-paylas a { width:34px; height:34px; border-radius:50%; background:#f0f2f5; display:inline-flex; align-items:center; justify-content:center; color:var(--renk-metin); font-size:15px; transition:all var(--gecis); }
.urun-paylas a:hover { background:var(--renk-ana); color:#fff; }

/* Sekmeler (Açıklama / Teknik Detaylar) */
.urun-sekmeler { border-top:1px solid #eef2f7; padding-top:40px; }
.urun-tab-icerik { padding:24px; background:#f8fafc; border:1px solid #eef2f7; border-top:none; border-radius:0 0 var(--radius) var(--radius); }
.urun-aciklama-tam { font-size:15px; color:var(--renk-metin); line-height:1.8; }
.urun-aciklama-tam p { margin-bottom:12px; }
.urun-aciklama-tam ul, .urun-aciklama-tam ol { padding-left:20px; margin-bottom:12px; }
.urun-aciklama-tam li { margin-bottom:6px; }
.teknik-tablo .table { margin:0; font-size:14px; }
.teknik-tablo .table td { padding:10px 14px; vertical-align:middle; }
.teknik-tablo .ozellik-isim { width:40%; color:var(--renk-ana); }

/* İlgili ürünler */
.ilgili-urunler { margin-top:48px; padding-top:48px; border-top:1px solid #eef2f7; }

/* ── ÜRETİM SÜRECİ ────────────────────────────────────────── */
.uretim-bolum { padding:80px 0; }
.uretim-metin { font-size:15px; color:var(--renk-gri); line-height:1.8; }
.uretim-metin p { margin-bottom:14px; }
.uretim-adimlar { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:28px; }
.adim-kart { background:#fff; border:1px solid #eef2f7; border-radius:var(--radius); padding:28px; display:flex; gap:20px; align-items:flex-start; transition:all var(--gecis); }
.adim-kart:hover { border-color:var(--renk-ana); box-shadow:var(--golge); }
.adim-numara { width:52px; height:52px; border-radius:50%; background:var(--renk-ana); color:#fff; font-size:18px; font-weight:800; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.adim-icerik { flex:1; }
.adim-icerik img { width:100%; border-radius:8px; margin-bottom:12px; object-fit:cover; max-height:140px; }
.adim-icerik h3 { font-size:16px; font-weight:700; color:var(--renk-ana); margin-bottom:8px; }
.adim-icerik p { font-size:13.5px; color:var(--renk-gri); line-height:1.6; margin:0; }

/* ── KURUMSAL ──────────────────────────────────────────────── */
.kurumsal-bolum { padding:80px 0; }
.kurumsal-metin { font-size:15px; color:var(--renk-gri); line-height:1.8; }
.kurumsal-metin p { margin-bottom:14px; }
.rounded-custom { border-radius:var(--radius-buyuk); }
.misyon-vizyon { }
.mv-kart { background:#fff; border-radius:var(--radius); padding:32px; height:100%; box-shadow:var(--golge); }
.misyon-kart { border-top:4px solid var(--renk-ana); }
.vizyon-kart { border-top:4px solid var(--renk-vurgu); }
.mv-ikon { width:56px; height:56px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:16px; }
.misyon-kart .mv-ikon { background:color-mix(in srgb,var(--renk-ana) 10%,white); color:var(--renk-ana); }
.vizyon-kart .mv-ikon { background:color-mix(in srgb,var(--renk-vurgu) 15%,white); color:var(--renk-vurgu); }
.mv-metin { font-size:14px; color:var(--renk-gri); line-height:1.7; }
.degerler-bolum { background:var(--renk-acik); padding:80px 0; }
.degerler-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:24px; }
.deger-kart { background:#fff; border:1px solid #eef2f7; border-radius:var(--radius); padding:28px 20px; text-align:center; transition:all var(--gecis); }
.deger-kart:hover { border-color:var(--renk-ana); box-shadow:var(--golge); }
.deger-ikon { width:64px; height:64px; border-radius:50%; background:color-mix(in srgb,var(--renk-vurgu) 12%,white); display:flex; align-items:center; justify-content:center; margin:0 auto 16px; font-size:28px; color:var(--renk-vurgu); }
.deger-ikon img { width:36px; height:36px; object-fit:contain; }
.deger-kart h3 { font-size:15px; font-weight:700; color:var(--renk-ana); margin-bottom:8px; }
.deger-kart p { font-size:13px; color:var(--renk-gri); line-height:1.6; margin:0; }

/* ── FOOTER ───────────────────────────────────────────────── */
.site-footer { background:#1a2840; color:rgba(255,255,255,.75); padding:60px 0 0; }
.footer-kolon { margin-bottom:32px; }
.footer-logo { max-height:50px; width:auto; filter:brightness(0) invert(1); opacity:.85; }
.footer-site-adi { font-size:22px; font-weight:800; color:#fff; }
.footer-aciklama { font-size:13px; line-height:1.7; margin:14px 0 20px; }
.footer-sosyal { display:flex; gap:10px; }
.footer-sosyal-link { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.1); display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.75); font-size:16px; transition:all var(--gecis); }
.footer-sosyal-link:hover { background:var(--renk-vurgu); color:#fff; }
.footer-baslik { font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; color:#fff; margin-bottom:16px; }
.footer-liste { list-style:none; padding:0; margin:0; }
.footer-liste li { margin-bottom:8px; }
.footer-liste a { color:rgba(255,255,255,.65); font-size:13px; display:flex; align-items:center; gap:6px; transition:color var(--gecis); }
.footer-liste a:hover { color:var(--renk-vurgu); }
.footer-iletisim-liste { list-style:none; padding:0; margin:0; }
.footer-iletisim-liste li { display:flex; gap:10px; align-items:flex-start; margin-bottom:12px; font-size:13px; }
.footer-iletisim-liste i { color:var(--renk-vurgu); margin-top:2px; flex-shrink:0; }
.footer-iletisim-liste a { color:rgba(255,255,255,.75); transition:color var(--gecis); }
.footer-iletisim-liste a:hover { color:var(--renk-vurgu); }
.footer-harita-btn { background:rgba(255,255,255,.1); color:rgba(255,255,255,.8); border:1px solid rgba(255,255,255,.2); padding:8px 16px; border-radius:8px; font-size:13px; display:inline-flex; align-items:center; gap:6px; transition:all var(--gecis); }
.footer-harita-btn:hover { background:var(--renk-vurgu); border-color:var(--renk-vurgu); color:#fff; }
.footer-alt-bar { background:rgba(0,0,0,.2); padding:16px 0; margin-top:32px; }
.footer-alt-icerik { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.telif { margin:0; font-size:12px; color:rgba(255,255,255,.5); }
.footer-alt-linkler { display:flex; gap:16px; }
.footer-alt-linkler a { font-size:12px; color:rgba(255,255,255,.5); transition:color var(--gecis); }
.footer-alt-linkler a:hover { color:var(--renk-vurgu); }

/* ── YUKARIYA DÖN ─────────────────────────────────────────── */
.yukari-cik { position:fixed; bottom:24px; right:24px; width:48px; height:48px; background:var(--renk-ana); color:#fff; border:none; border-radius:50%; cursor:pointer; font-size:18px; transition:all var(--gecis); opacity:0; visibility:hidden; z-index:999; box-shadow:0 4px 16px rgba(26,60,94,.3); }
.yukari-cik.gorunen { opacity:1; visibility:visible; }
.yukari-cik:hover { background:var(--renk-vurgu); transform:translateY(-3px); }

/* WhatsApp */
.whatsapp-buton { position:fixed; bottom:80px; right:24px; width:52px; height:52px; background:#25d366; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; z-index:999; box-shadow:0 4px 16px rgba(37,211,102,.4); transition:all var(--gecis); }
.whatsapp-buton:hover { background:#20bd5a; transform:scale(1.1); color:#fff; }

/* ── ÇEREZ BANDI ──────────────────────────────────────────── */
.cerez-band { position:fixed; bottom:0; left:0; right:0; background:rgba(26,60,94,.97); color:#fff; padding:16px; z-index:9999; box-shadow:0 -4px 20px rgba(0,0,0,.2); }
.cerez-icerik { display:flex; align-items:center; justify-content:space-between; gap:16px; max-width:1200px; margin:0 auto; flex-wrap:wrap; }
.cerez-icerik p { margin:0; font-size:13px; flex:1; }
.cerez-link { color:var(--renk-vurgu); }
.cerez-butonlar { display:flex; gap:8px; }
.btn-cerez-kabul { background:var(--renk-vurgu); color:#fff; border:none; padding:8px 20px; border-radius:6px; font-size:13px; font-weight:600; cursor:pointer; }
.btn-cerez-reddet { background:transparent; color:rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.3); padding:8px 20px; border-radius:6px; font-size:13px; cursor:pointer; }

/* ── 404 ──────────────────────────────────────────────────── */
.hata-404-bolum { display:flex; align-items:center; justify-content:center; min-height:60vh; text-align:center; }
.hata-numara { font-size:clamp(80px,15vw,160px); font-weight:900; color:color-mix(in srgb,var(--renk-ana) 15%,white); line-height:1; }
.hata-icerik h1 { font-size:clamp(22px,3vw,36px); color:var(--renk-ana); margin-bottom:12px; }
.hata-icerik p { color:var(--renk-gri); margin-bottom:28px; }
.hata-butonlar { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }

/* ── RESPONSIVE ────────────────────────────────────────────── */
@media (max-width:991px) {
    .hamburger { display:flex; }
    .nav-menu { display:none; position:fixed; top:0; right:-280px; width:280px; height:100vh; background:#fff; flex-direction:column; padding:80px 20px 20px; box-shadow:-4px 0 20px rgba(0,0,0,.1); z-index:999; transition:right var(--gecis); overflow-y:auto; }
    .nav-menu.acik { display:flex; right:0; }
    .dropdown-menu-nav { display:block; position:static; box-shadow:none; padding-left:16px; }
    .hero-slider, .hero-video-wrap { height:380px; }
    .slide-icerik { padding:60px 0 40px; }
    .urun-gorsel-galeri { position:static; }
    .filtre-panel { position:static; margin-bottom:24px; }
    .uretim-adimlar { grid-template-columns:1fr; }
}
@media (max-width:575px) {
    .ust-bar { display:none; }
    .hero-slider, .hero-video-wrap, .hero-fallback { min-height:300px; }
    .hero-slider, .hero-video-wrap { height:300px; }
    .kategoriler-grid { grid-template-columns:repeat(2,1fr); }
    .urunler-grid { grid-template-columns:repeat(2,1fr); }
    .sayaclar-grid { grid-template-columns:repeat(2,1fr); }
    .section-padding { padding:48px 0; }
    .hakkinda-bolum, .kategoriler-bolum, .one-cikan-urunler-bolum, .ozellikler-bolum,
    .cta-bolum, .uretim-bolum, .kurumsal-bolum, .degerler-bolum { padding:48px 0; }
    .cerez-icerik { flex-direction:column; }
    .urun-paylas { flex-wrap:wrap; }
}