body { margin:0; font-family: Arial, Helvetica, sans-serif; line-height:1.6; color:#333; background:#fff; }
.container { width:90%; max-width:1100px; margin:0 auto; }
h1,h2,h3 { margin-top:0; }
a { text-decoration:none; color:inherit; }


.topbar { background:#ff9800; color:#fff; padding:8px 0; font-size:14px; }
.topbar .container { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.topbar a { color:#fff; font-weight:bold; }
.topbar .btn.small { background:#fff; color:#ff9800; padding:5px 12px; border-radius:4px; }


.site-header { background:#fff; border-bottom:1px solid #eee; padding:10px 0; position:sticky; top:0; z-index:50; }
.header-inner { display:flex; align-items:center; }
.brand { display:flex; align-items:center; gap:10px; }



.hero { position:relative; background:#333 url("../img/hero-truck.jpg") center/cover no-repeat; color:#fff; padding:100px 0; text-align:center; }
.hero .overlay { position:absolute; inset:0; background:rgba(0,0,0,.45); }
.hero-inner { position:relative; z-index:2; }
.hero h1 { font-size:36px; margin-bottom:10px; }
.hero .thin { font-weight:300; }
.hero .btn { margin:10px; }


.btn { display:inline-block; background:#ff9800; color:#fff; padding:10px 20px; border-radius:4px; font-weight:700; transition:.3s; }
.btn:hover { background:#e68900; }
.btn.outline { background:transparent; border:2px solid #fff; }
.btn.lg { padding:14px 28px; font-size:18px; }


section { padding:50px 0; }
.features .cards, .service-highlights .cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.card { background:#f9f9f9; padding:20px; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,.05); }
.features .lead { color:#666; text-align:center; }


.form-wrap form { display:grid; gap:15px; max-width:500px; margin:0 auto; }
.form-wrap input, .form-wrap select { width:100%; padding:10px; border:1px solid #ccc; border-radius:4px; }


.areas { background:#f1f1f1; }
.areas-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.list { list-style:none; padding:0; }
.list li { margin-bottom:8px; }


.footer { background:#333; color:#fff; padding:20px 0; text-align:center; }
.footer nav a { color:#ff9800; margin:0 6px; }


.wa-float{
  position:fixed; right:18px; bottom:18px;
  background:#25d366; border-radius:50%;
  width:60px; height:60px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.2);
  opacity:0; transition:opacity .4s; z-index:9999;
}
.wa-float.show{ opacity:1; }
.wa-float img{ width:34px; height:34px; display:block; }


@media (max-width:900px){
  
  .hero { padding:80px 0; }
  .hero h1 { font-size:28px; }
} 
.main-menu {
  background: #ff8000;   
  padding: 10px;
  text-align: center;
}

.main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.main-menu li {
  display: inline-block;
  margin: 0 12px;
}

.main-menu a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  transition: 0.3s;
}

.main-menu a:hover {
  text-decoration: underline;
  color: #000;   
}






body {
    background-color: #2e2e2e; 
    color: #ffffff; 
}


section, article, .content, .text-block {
    background-color: #2e2e2e; 
    color: #ffffff; 
}







body {
    background-color: #2e2e2e !important; 
    color: #ffffff !important;            
}


section, article, .content, .text-block {
    background-color: #2e2e2e !important;
    color: #ffffff !important;
}


.footer {
    background: #2e2e2e !important;
    color: #ffffff !important;
}


.card {
    background: #3a3a3a !important;
    color: #ffffff !important;
}


/* === LOGO ALANI TEMİZ === */
.logo {
  width: 100% !important;
  height: 150px !important;   /* şerit yüksekliği */
  margin: 0;
  padding: 0;
  overflow: hidden;           /* taşma olursa gizle */
}

.logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;  /* alanı doldur */
  display: block;
}


/* === LOGO ALANI ARKA PLAN === */
.logo {
  width: 100% !important;
  height: 150px !important;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2e2e2e !important; /* gri arka plan */
}

.logo img {
  width: auto !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}


/* === LOGO ALANI DÜZELTME === */
.logo {
  width: 100% !important;
  height: 180px !important;        /* biraz daha yüksek */
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2e2e2e !important; /* gri arka plan */
}

.logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;    /* alanı doldurur */
  display: block;
  margin: 0 auto;
}
/* === LOGO ALANI DAHA DA BÜYÜK === */
.logo {
  width: 100% !important;
  height: 220px !important;        /* yüksekliği biraz daha arttırdım */
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #2e2e2e !important;
}

.logo img {
  width: 120% !important;          /* logoyu %120 büyüttüm */
  height: 120% !important;
  object-fit: cover !important;    /* alanı doldursun */
  display: block;
  margin: 0 auto;
}

.intro-links{margin-bottom:12px;font-size:.95rem;opacity:.95}
.intro-links a{text-decoration:underline}
details{border:1px solid rgba(0,0,0,.08);padding:.6rem .8rem;border-radius:6px;background:rgba(0,0,0,.02);margin:6px 0}
details summary{cursor:pointer;font-weight:600}


/* === Map (Konum) === */
.map-section{padding:40px 0}
.map-embed{position:relative;width:100%;padding-bottom:56.25%;border-radius:8px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.15);background:#1f1f1f;border:1px solid rgba(255,255,255,.08)}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-actions{margin-top:10px;font-size:.95rem}
.map-actions a{text-decoration:underline}