/**
 * Ana Sayfa Boyut Optimizasyonu
 * Çok büyük olan bölümleri optimize eder
 */

/* Hero Slider Section - Kompakt */
.hero-slider-section {
  padding: 2.5rem 0 3rem !important;
  min-height: auto !important;
}

.hero-content {
  max-width: 1200px;
  margin: 0 auto;
}

.hero-title {
  font-size: clamp(1.5rem, 3.5vw, 2.25rem) !important;
  margin-bottom: 0.75rem !important;
  line-height: 1.3 !important;
}

.hero-subtitle {
  font-size: clamp(0.875rem, 1.3vw, 0.95rem) !important;
  margin-bottom: 1.5rem !important;
  line-height: 1.5 !important;
  max-width: 800px;
}

.featured-hostings {
  gap: 1rem !important;
  margin-top: 1.5rem !important;
}

.featured-hosting-card {
  padding: 1rem !important;
  min-height: auto !important;
}

/* Hosting Types Nav - Kompakt */
.hosting-types-nav {
  padding: 0.75rem 0 !important;
}

.hosting-type-btn {
  padding: 0.5rem 1rem !important;
  font-size: 0.875rem !important;
}

/* Providers Section - Kompakt */
.providers-section {
  padding: 2.5rem 0 !important;
}

.providers-section h2 {
  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
  margin-bottom: 0.5rem !important;
}

.providers-section .subtitle {
  font-size: 1rem !important;
  margin-bottom: 2rem !important;
}

.providers-container {
  gap: 1rem !important;
  margin-top: 1rem !important;
}

/* Features Section - Kompakt */
.features-section {
  padding: 2.5rem 0 !important;
}

.features-section .display-5 {
  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
  margin-bottom: 1rem !important;
}

.feature-card {
  padding: 1rem !important;
}

.feature-icon {
  font-size: 2rem !important;
  padding: 12px !important;
}

/* Price Comparison Section - Kompakt */
.price-comparison-section {
  padding: 2.5rem 0 !important;
}

.price-comparison-section .display-5 {
  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
  margin-bottom: 1rem !important;
}

/* Hosting & Server Section - Kompakt */
.hosting-server-section {
  padding: 2.5rem 0 !important;
}

.hosting-server-section .display-5 {
  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
  margin-bottom: 1rem !important;
}

/* Quick Links Section - Kompakt */
.quick-links-section {
  padding: 2.5rem 0 !important;
}

.quick-links-section .display-5 {
  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
  margin-bottom: 1rem !important;
}

/* Stats Section - Kompakt */
.stats-section {
  padding: 2.5rem 0 !important;
}

.stat-card {
  padding: 1.5rem !important;
}

.stat-card i {
  font-size: 2rem !important;
  margin-bottom: 0.75rem !important;
}

.stat-card .h2 {
  font-size: 2rem !important;
  margin-bottom: 0.5rem !important;
}

/* FAQ Section - Kompakt */
.faq-section {
  padding: 2.5rem 0 !important;
}

.faq-section .display-5 {
  font-size: clamp(1.75rem, 4vw, 2.25rem) !important;
  margin-bottom: 1rem !important;
}

.accordion-item {
  margin-bottom: 0.75rem !important;
}

.accordion-button {
  padding: 0.75rem 1rem !important;
  font-size: 0.95rem !important;
}

.accordion-body {
  padding: 1rem !important;
  font-size: 0.9rem !important;
}

/* Section Headers - Genel */
section header {
  margin-bottom: 2rem !important;
}

section header .lead {
  font-size: 1rem !important;
  margin-bottom: 0 !important;
}

/* Container Padding - Kompakt */
section .container {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Card Padding - Kompakt */
.card {
  margin-bottom: 1rem;
}

.card-body {
  padding: 1rem !important;
}

/* Button Sizes - Kompakt */
.custom-btn {
  padding: 0.5rem 1.25rem !important;
  font-size: 0.875rem !important;
  min-width: 120px !important;
  height: 36px !important;
  line-height: 36px !important;
}

.custom-btn.btn-lg {
  padding: 0.75rem 1.5rem !important;
  font-size: 1rem !important;
  min-width: 180px !important;
  height: 44px !important;
  line-height: 44px !important;
}

/* Best Overall Hosting Card - Kompakt */
#bestOverallHosting .card-body {
  padding: 1rem !important;
}

#bestOverallHosting .row {
  margin: 0;
}

#bestOverallHosting .col-md-2,
#bestOverallHosting .col-md-3,
#bestOverallHosting .col-md-4 {
  padding: 0.5rem;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
  .hero-slider-section {
    padding: 1.5rem 0 2rem !important;
  }
  
  .featured-hostings {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
  }
  
  section {
    padding: 1.5rem 0 !important;
  }
  
  .providers-container {
    grid-template-columns: 1fr !important;
  }
}

/* Tablet Optimizations */
@media (min-width: 769px) and (max-width: 1024px) {
  .featured-hostings {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1rem !important;
  }
  
  .providers-container {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}