/* SIFIR MAKİNA - Modern Kurumsal Açık Tema */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

body{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#fff !important;color:#1e293b !important;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;line-height:1.65 !important;font-size:16px !important}
.hdr{background:rgba(255,255,255,.96) !important;border-bottom:1px solid #e2e8f0 !important;box-shadow:0 1px 8px rgba(15,23,42,.05) !important}
.ustbar,.t{background:#0f172a !important;border-bottom:1px solid #1e293b !important;color:#94a3b8 !important}
.lg{color:#0f172a !important;font-weight:800 !important;letter-spacing:-.5px !important}
.lg b{color:#f97316 !important}
.logo img{height:46px !important;width:auto !important;max-width:none !important;display:block !important;object-fit:contain !important;object-position:center !important}
.ft .logo img{height:34px !important}
.hdr-in{padding:14px 20px !important;gap:16px !important}
.nv a{color:#475569 !important;font-weight:600 !important;font-size:14px !important;padding:9px 11px !important}
.nv a:hover{color:#0f172a !important;background:#f1f5f9 !important}
.nv a.on{color:#f97316 !important}
/* Header responsive düzeltme — ara+dil header'da taşma, nav sarma, başlık kayması */
.nv{flex-wrap:nowrap !important;white-space:nowrap !important}
.hdr-in{flex-wrap:nowrap !important}
@media(max-width:1280px){.hdr .ara{display:none !important}}
@media(max-width:900px){.nv a{padding:8px 10px !important;font-size:13.5px !important}.logo img{height:44px !important}.hdr-in{gap:16px !important}}
/* Dil seçici — tüm sayfalarda beyaz tema tutarlı */
.dil-sel{background:#fff !important;color:#0f172a !important;border:1.5px solid #f97316 !important;border-radius:7px !important;padding:6px 8px !important;font-size:13px !important;font-weight:600 !important;cursor:pointer !important;outline:none !important}
.dil-sel option{background:#fff !important;color:#0f172a !important}

/* Kartlar - yumuşak + gölge */
.ucard,.citem,.kkart,.hkart,.bcard,.skart,.cd,.bilgi,.formkutu,.teklif,.tanitim,.fcard{background:#fff !important;border:1px solid #e2e8f0 !important;border-radius:16px !important;box-shadow:0 1px 3px rgba(15,23,42,.06) !important;transition:transform .2s,box-shadow .2s,border-color .2s !important}
.ucard .img{background:#f1f5f9 !important}
.ucard .img img{background:#f1f5f9 !important}
.ucard:hover,.citem:hover,.bcard:hover,.skart:hover,.kkart:hover{transform:translateY(-4px) !important;box-shadow:0 12px 28px rgba(15,23,42,.1) !important;border-color:#cbd5e1 !important}

h1,h2,h3,h4{color:#0f172a !important;letter-spacing:-.3px !important}
p,.pre,.satir span{color:#334155 !important}
.alt,.kucuk,.tarih,.sml,.lb{color:#64748b !important}

/* Bölüm başlıkları - kurumsal */
.sec{max-width:1240px !important;margin:0 auto !important;padding:48px 24px !important}
.sec h1{font-size:clamp(28px,3.5vw,40px) !important;color:#0f172a !important;font-weight:800 !important;letter-spacing:-1px !important}
.sec h2{font-size:clamp(24px,3vw,32px) !important;color:#0f172a !important;font-weight:800 !important;letter-spacing:-.8px !important}
.sec .alt{color:#64748b !important;font-size:14px !important;margin-bottom:30px !important}
.sec p{color:#334155 !important;line-height:1.85 !important;font-size:16px !important}

/* Hero - güçlü kurumsal */
.hero-icerik{padding:160px 24px 150px !important}
.hero-icerik h1{font-size:clamp(34px,5vw,52px) !important;font-weight:900 !important;letter-spacing:-1px !important;color:#fff !important}
.hero-icerik p{color:#e2e8f0 !important;font-size:16px !important}
.hero-icerik .btn-tur{background:#f97316 !important;box-shadow:0 8px 20px rgba(249,115,22,.35) !important}
.hero-icerik .btn-tur:hover{background:#ea580c !important}
.hero-icerik .btn-cizgi{color:#fff !important;border:1px solid rgba(255,255,255,.5) !important;background:rgba(255,255,255,.08) !important;backdrop-filter:blur(6px) !important}

/* Tanıtım blokları */
.tanitim{background:#fff !important;border:1px solid #e2e8f0 !important}
.tanitim .gorsel{background:#f8fafc !important}
.tanitim .gorsel img{object-fit:contain !important;padding:28px}
.tanitim .ust-baslik{color:#f97316 !important;font-weight:800 !important}
.tanitim h3{color:#0f172a !important}
.tanitim p{color:#475569 !important}
.tanitim .link{color:#f97316 !important}

/* Marka bölümü */
.marka h2{color:#0f172a !important}
.marka p{color:#475569 !important}

/* Sektör kartları */
.skart{background:#fff !important;border:1px solid #e2e8f0 !important;padding:0 !important;overflow:hidden !important;text-align:left !important;position:relative !important}
.skart:hover{transform:translateY(-4px) !important;box-shadow:0 14px 32px rgba(15,23,42,.14) !important;border-color:#f97316 !important}
.skart h4{color:#0f172a !important;padding:13px 16px !important;font-size:15px !important;font-weight:700 !important;text-align:center !important}
.skart img{background:#f1f5f9 !important;object-fit:contain !important;height:100px !important;width:100% !important;object-position:center !important;padding:10px !important;transition:transform .35s ease !important}
.skart:hover img{transform:scale(1.08) !important}
.skart::after{content:'→';position:absolute !important;right:14px !important;top:14px !important;color:#fff !important;background:rgba(249,115,22,.92) !important;width:30px !important;height:30px !important;border-radius:50% !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:16px !important;font-weight:700 !important;opacity:0 !important;transition:.25s !important}
.skart:hover::after{opacity:1 !important}

/* Kategori kartları */
.kkart{background:#fff !important;border:1px solid #e2e8f0 !important;grid-template-columns:420px 1fr !important}
.kkart .gorsel{background:#f8fafc !important;min-height:260px !important;height:100% !important}
.kkart .gorsel img{background:#f8fafc !important;object-fit:contain !important;height:100% !important;width:100% !important}
.kategoriler{max-width:1240px !important}
.kkart .metin{border-left:1px solid #e2e8f0 !important}
.kkart h4{color:#0f172a !important}
.kkart p{color:#64748b !important}

/* Footer */
.ft{background:#0f172a !important;color:#94a3b8 !important;border-top:1px solid #1e293b !important;padding:40px 24px 24px !important;margin-top:40px !important;text-align:left !important}
.ft-in{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;gap:28px !important;max-width:1240px !important;margin:0 auto !important}
.ft h4{color:#e2e8f0 !important;font-size:13px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.5px !important;margin-bottom:12px !important}
.ft p,.ft a{color:#94a3b8 !important;display:block !important;margin-bottom:6px !important;font-size:13px !important}
.ft a:hover{color:#f97316 !important}
.ft .logo img{height:30px !important;margin-bottom:12px !important}
.ft-alt{color:#64748b !important;border-top:1px solid #1e293b !important;margin-top:26px !important;padding-top:18px !important;text-align:center !important;font-size:12px !important}

/* Formlar */
.inp,.txt,.sel{background:#fff !important;border:1px solid #cbd5e1 !important;color:#1e293b !important;border-radius:10px !important}
.inp:focus,.txt:focus,.sel:focus{border-color:#f97316 !important;box-shadow:0 0 0 3px rgba(249,115,22,.12) !important;outline:none !important}
.gonder{background:#f97316 !important;border-radius:10px !important}
.gonder:hover{background:#ea580c !important}

.slogan span{color:#94a3b8 !important}
.tel{color:#f97316 !important}
.sektor span{background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;color:#334155 !important}
.fiyat-kutu>div{background:#fff !important;border:1px solid #e2e8f0 !important}
.fiyat-kutu .lb{color:#64748b !important}
.fiyat-kutu .vl{color:#1e293b !important}
.fiyat-kutu .tutar{color:#f97316 !important}
.fiyat-kutu .buyuk{color:#1e293b !important}
.spec{background:#fff !important;border:1px solid #e2e8f0 !important}
.spec h2{color:#0f172a !important}
.spec pre{color:#334155 !important}
.katlar{background:#fff !important;border:1px solid #e2e8f0 !important}
.katlar h3{color:#0f172a !important}
.katlar a{color:#475569 !important}
.katlar a:hover{color:#0f172a !important;background:#f1f5f9 !important}
.katlar a.on{color:#f97316 !important;background:#fef3e8 !important;border-left:3px solid #f97316 !important;font-weight:700 !important}
.katlar .altkat{color:#64748b !important}
.katlar a.altkat.on{color:#0f172a !important;font-weight:800 !important;background:#f1f5f9 !important;border-left:3px solid #0f172a !important}

/* Mobil menü (hamburger) */
.hamburger{display:none !important;background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;color:#0f172a !important;font-size:22px !important;width:42px !important;height:42px !important;border-radius:10px !important;cursor:pointer !important;line-height:1 !important}
@media(max-width:760px){
  .sektor{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  .s-item{min-width:0 !important}
  .s-item>div{min-width:0 !important;overflow-wrap:break-word !important}
  .skart img{height:90px !important}
  .skart h4{padding:8px 12px !important;font-size:13px !important}
  .ustbar .sosyal{display:flex !important;gap:4px !important}
  .ustbar .sosyal a{width:22px !important;height:22px !important}
  .ustbar .sosyal a svg{width:12px !important;height:12px !important}
  .ustbar .slogan{display:none !important}
  .ustbar .tel{margin-left:auto !important;font-size:11px !important;white-space:nowrap !important}
  .ustbar-in{padding:6px 12px !important;gap:6px !important;flex-wrap:nowrap !important}
  .ustbar .ara{display:none !important}
  .hamburger{display:block !important}
  .nv{display:none !important;position:absolute !important;top:100% !important;left:0 !important;right:0 !important;background:#fff !important;border-bottom:1px solid #e2e8f0 !important;box-shadow:0 12px 28px rgba(15,23,42,.12) !important;padding:10px 16px !important;flex-direction:column !important;gap:2px !important;width:100% !important}
  .nv.acik{display:flex !important}
  .nv a{padding:12px 14px !important;width:100% !important;border-radius:8px !important;font-size:15px !important}
  .hdr-in{position:relative !important;padding:12px 16px !important}
  .hdr .dil{margin-left:auto !important}
  .hero-icerik{padding:150px 20px 130px !important}
  .hero-icerik h1{font-size:30px !important}
  .sec{padding:32px 16px !important}
  .tanitim{grid-template-columns:1fr !important}
  .tanitim.reverse{direction:ltr !important}
  .kkart{grid-template-columns:1fr !important}
  .kkart .metin{border-left:none !important;border-top:1px solid #e2e8f0 !important}
  .logo img{height:32px !important}
  .hdr-in{gap:12px !important}
  .sec iframe{height:460px !important}
}

/* Sosyal medya ikonlari (turuncu cerceve) */
.sosyal{display:flex;gap:8px;align-items:center}
.sosyal a{display:flex !important;align-items:center !important;justify-content:center !important;width:30px !important;height:30px !important;margin:0 !important;border-radius:50%;border:1.5px solid #f97316;color:#94a3b8 !important;line-height:0 !important;font-size:0 !important;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.sosyal a svg{display:block;width:15px;height:15px}
.sosyal a:hover{transform:translateY(-3px);background:#f97316;color:#fff !important;box-shadow:0 5px 14px rgba(249,115,22,.45)}
/* Footer sosyal (turuncu cerceve, buyuk) */
.ft-sosyal{display:flex;gap:12px;align-items:center;margin-top:14px}
.ft-sosyal a{display:flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;margin:0 !important;border-radius:50%;border:1.5px solid #f97316;color:#94a3b8 !important;line-height:0 !important;font-size:0 !important;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}
.ft-sosyal a svg{display:block;width:18px;height:18px}
.ft-sosyal a:hover{transform:translateY(-3px);background:#f97316;color:#fff !important;box-shadow:0 5px 14px rgba(249,115,22,.45)}

/* MOBIL 320px (iPhone SE / dar Android) — header tasmasini onler */
@media(max-width:400px){
  .logo img{height:30px !important}
  .hdr-in{gap:6px !important;padding:10px 12px !important}
  .dil-sel{font-size:11px !important;padding:4px 6px !important}
  .hamburger{width:38px !important;height:38px !important;font-size:18px !important}
}
/* Dropdown menü (Keşfet) */
.dd{position:relative}
.dd-btn{background:none;border:none;cursor:pointer;font-family:inherit;padding:9px 11px;border-radius:8px;font-size:14px;color:#475569;font-weight:600;line-height:1.65}
.dd-btn:hover{color:#0f172a;background:#f1f5f9}
.dd-btn.on{color:#f97316 !important}
.dd-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 28px rgba(15,23,42,.12);padding:6px;min-width:180px;z-index:60}
.dd-menu a{display:block;padding:10px 14px;border-radius:7px;color:#475569 !important;font-size:14px !important;font-weight:600}
.dd-menu a:hover{background:#f1f5f9;color:#0f172a !important}
.dd:hover .dd-menu{display:block}
.dd.acik .dd-menu{display:block}
html[dir="rtl"] .dd-menu{right:auto;left:0}
@media(max-width:900px){.dd-menu{position:static;box-shadow:none;border:none;padding:0 0 0 8px;min-width:0}.dd-menu a{padding:12px 14px;border-bottom:1px solid #e2e8f0;border-radius:0}}