/*
Theme Name: 2M Grup Otomotiv Suite
Theme URI: https://2motomotiv.com
Author: 2M Grup Otomotiv
Description: 2M Grup Otomotiv için kapsamlı WordPress teması: slider, özel içerik türleri (Ürünler), alt kategoriler, menüler, sayfa şablonları, Özelleştir alanları, WhatsApp, SEO yapılandırılmış veri.
Version: 2.0.0
Text Domain: twoem-otomotiv
Tags: custom-logo, custom-menu, responsive-layout, custom-post-type
*/
:root{ --primary:#c40000; --dark:#0b0b0b; --muted:#6b7280; --bg:#f7f7f7; }
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:var(--bg);line-height:1.6}
a{color:var(--primary);text-decoration:none}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
.topbar{background:#000;color:#fff;font-size:14px}
.topbar .container{display:flex;gap:18px;justify-content:center;align-items:center;padding:8px 20px;flex-wrap:wrap}
.header{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.06);position:sticky;top:0;z-index:10}
.header .container{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:50px;width:auto;display:block}
.site-title{font-weight:800;color:var(--primary)}
nav ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}
nav a{color:#222;font-weight:600}
nav a:hover{color:var(--primary)}
.hero{position:relative;color:#fff}
.slider{position:relative;overflow:hidden}
.slide{min-height:60vh;display:flex;align-items:center;background:#222;background-size:cover;background-position:center;position:relative}
.slide .shade{background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.35),rgba(0,0,0,.25));position:absolute;inset:0}
.slide .inner{position:relative;z-index:1;padding:70px 20px}
.slide h1{font-size:40px;margin:0 0 8px}
.btn{background:var(--primary);color:#fff;padding:12px 20px;border-radius:8px;display:inline-block;font-weight:700}
.section{padding:50px 0;background:#fff;margin:24px 0;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.section h2{text-align:center;margin:0 0 12px}
.section .lead{text-align:center;color:var(--muted);margin:0 0 24px}
.grid{display:grid;gap:20px}
.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:22px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.brand-pills{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.brand-pill{border:1px solid #e5e7eb;border-radius:999px;padding:10px 16px;background:#fafafa;font-weight:700}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.gallery img{width:100%;border-radius:12px;display:block;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #eee;padding:10px;text-align:left}
.footer{background:#0b0b0b;color:#bbb;text-align:center;padding:26px;margin-top:30px}
.footer a{color:#e0e0e0}
.whatsapp {position:fixed;right:16px;bottom:16px;background:#25D366;color:#fff;border-radius:999px;padding:12px 16px;font-weight:800;box-shadow:0 8px 22px rgba(0,0,0,.2)}
.badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#f3f4f6;color:#111;font-weight:700;font-size:.85rem}
@media (max-width:768px){.slide h1{font-size:30px}}