/**
 * Anasayfa modern görünüm (sadece .home-modern içinde)
 */

.home-modern {
  --hm-accent: #ffcc00;
  --hm-accent-dark: #e6b800;
  --hm-dark: #12151c;
  --hm-card: #1c2230;
  --hm-radius: 16px;
  --hm-shadow: 0 20px 50px rgba(0, 0, 0, 0.28);
  --hm-shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.18);
}

/* Üst slider alanı */
.home-modern .google-map-area.after-image {
  background: linear-gradient(180deg, #0b0d11 0%, #151922 45%, #1a1f28 100%);
  padding-bottom: 24px;
}

.home-modern .header-map-content {
  position: relative;
}

.home-modern #jssor_1 {
  border-radius: var(--hm-radius);
  box-shadow: var(--hm-shadow);
  visibility: visible !important;
}

/* Yan iletişim kartı */
.home-modern .contact-info-block.contact-style-one {
  border-radius: var(--hm-radius);
  box-shadow: var(--hm-shadow-sm);
  border: 1px solid rgba(255, 204, 0, 0.2);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

@media (min-width: 992px) {
  .home-modern .contact-info-block.contact-style-one:hover {
    transform: translateY(-4px);
    box-shadow: var(--hm-shadow);
  }
}

.home-modern .contact-info-block .contact-title {
  letter-spacing: 0.06em;
  font-size: 13px;
}

.home-modern .contact-info-block .button.nevy-bg {
  border-radius: 999px;
  padding: 12px 22px;
  font-weight: 700;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.home-modern .contact-info-block .button.nevy-bg:hover {
  transform: scale(1.02);
}

/* Bölüm ayırıcı */
.home-modern .vehicle-section-divider {
  opacity: 0.85;
}

/* Hizmet kartları */
.home-modern .popular-vehicle-block {
  background: linear-gradient(180deg, #f4f5f7 0%, #eceef2 100%);
}

.home-modern .popular-vehicle-block .vehicle-content.theme-yellow {
  border-radius: var(--hm-radius);
  overflow: hidden;
  box-shadow: var(--hm-shadow-sm);
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
  background: #fff;
}

.home-modern .popular-vehicle-block .vehicle-content.theme-yellow:hover {
  transform: translateY(-6px);
  box-shadow: var(--hm-shadow);
}

.home-modern .popular-vehicle-block .vehicle-thumbnail img {
  border-radius: 0;
  transition: transform 0.35s ease;
}

.home-modern .popular-vehicle-block .vehicle-content:hover .vehicle-thumbnail img {
  transform: scale(1.04);
}

.home-modern .popular-vehicle-block .button.nevy-bg {
  border-radius: 999px;
}

/* Şoför / sürücü bloğu */
.home-modern .driver-block {
  background: #eef0f4 !important;
}

.home-modern .driver-block .driver-content,
.home-modern .driver-block .vehicle-content {
  border-radius: var(--hm-radius);
  overflow: hidden;
  box-shadow: var(--hm-shadow-sm);
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-modern .driver-block .driver-content:hover,
.home-modern .driver-block .vehicle-content:hover {
  transform: translateY(-4px);
  box-shadow: var(--hm-shadow);
}

/* Haber önizleme */
.home-modern .blog-content-block {
  background: #fff;
}

.home-modern .blog-content-block .post {
  border-radius: var(--hm-radius);
  overflow: hidden;
  box-shadow: var(--hm-shadow-sm);
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.home-modern .blog-content-block .post:hover {
  transform: translateY(-4px);
  box-shadow: var(--hm-shadow);
}

/* İstatistik şeridi */
.home-modern .fun-facts-block {
  border-radius: 0;
}

.home-modern .fun-facts-block .milestone-counter {
  padding: 12px 8px;
}

/* SEO metin alanı */
.home-modern-seo {
  max-width: 1100px;
  margin: 0 auto;
  padding: 48px 20px 56px;
  background: linear-gradient(180deg, #fafbfc 0%, #f0f2f5 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.home-modern-seo__rule {
  border: 0;
  height: 3px;
  max-width: 120px;
  margin: 0 auto 28px;
  border-radius: 3px;
  background: linear-gradient(90deg, transparent, var(--hm-accent), transparent);
}

.home-modern-seo h2,
.home-modern-seo h3 {
  text-align: center;
  line-height: 1.35;
  margin-bottom: 1rem;
}

.home-modern-seo h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.65;
}

.home-modern-seo h3 a {
  color: #1e3a5f;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.home-modern-seo h3 a:hover {
  color: #c9a010;
  border-bottom-color: var(--hm-accent);
}

.home-modern-seo p {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.75;
  color: #3a3f4a;
}

.home-modern-seo p img {
  display: block;
  margin: 24px auto;
  max-width: 100%;
  height: auto !important;
  border-radius: var(--hm-radius);
  box-shadow: var(--hm-shadow-sm);
}

/* Yorumlar */
.home-modern .testimonial-block .item {
  padding: 8px 4px;
}

.home-modern .testimonial-block .client-detales {
  border-radius: var(--hm-radius);
  padding: 20px 22px;
  background: #fff;
  box-shadow: var(--hm-shadow-sm);
}

.home-modern .testimonial-block .button.nevy-bg {
  border-radius: 999px;
}

/* Genel başlık vurgusu */
.home-modern .heading-content.style-one .title,
.home-modern .heading-content.style-one .subtitle {
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}

.home-modern .view-all-btn {
  border-radius: 999px;
  transition: background 0.2s ease, color 0.2s ease;
}

@media (max-width: 991px) {
  .home-modern #jssor_1 {
    border-radius: 0;
  }

  .home-modern-seo {
    padding: 32px 14px 40px;
  }
}