:root {
  --dark: #0f1218;
  --dark-2: #1b1f27;
  --accent: #ffd24a;
}
html { scroll-behavior: smooth; }
body { background: var(--dark); color: #222; }
.navbar { background: rgba(0,0,0,0.9)!important; }
.hero { height: 92vh; min-height: 520px; margin-top: 56px; }
.hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(0.55) saturate(1.05); }
.hero .overlay { position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.55) 80%); }
.section-title { font-weight: 800; }
.service-card img { aspect-ratio: 3 / 2; object-fit: cover; }
.step { border: 1px solid #eee; border-left: 4px solid var(--accent); border-radius: 12px; }
.step-num { width: 40px; height: 40px; border-radius: 50%; background: var(--accent); color: #000; display: inline-flex; align-items:center; justify-content:center; font-weight:700; margin-bottom: 12px; }
footer { border-top: 1px solid rgba(255,255,255,0.06); }
footer .container { color: #bbb; }
.bg-light { background: #f7f7f8 !important; }
h1,h2,h3,h4,h5 { color: #111; }
.lead { color: #eaecef!important; }

body {
  background-color: #F5F5F5;
  color: #222;
}

header.hero {
  background: linear-gradient(180deg, rgba(27,31,36,0.95) 0%, rgba(27,31,36,0.85) 100%), url('img/hero-towtruck.webp') center/cover no-repeat;
  color: #fff;
}

.btn-primary {
  background-color: #FF6B00;
  border-color: #FF6B00;
}

.btn-primary:hover {
  background-color: #e55d00;
}

.section-dark {
  background-color: #1B1F24;
  color: #fff;
}

.card {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #222;
}

.footer {
  background-color: #1B1F24;
  color: #ddd;
}

.hero-logo-img {
  max-width: 130px;
  height: auto;
}

@media (max-width: 576px) {
  .hero-logo-img {
    max-width: 90px;
  }
}

.hero-logo-img {
  max-width: 260px;   /* veći logo na desktopu */
  height: auto;
}

@media (max-width: 768px) {
  .hero-logo-img {
    max-width: 180px; /* malo manji ali i dalje dominantan na mobitelu */
  }
}