/* ═══════════════════════════════════════════════════════════════
   MK MEDIA - DESKTOP FIX v1.3 - FORCE CENTER
   ═══════════════════════════════════════════════════════════════ */

/* ─── FORCE CENTER ALL CONTENT ─── */
@media (min-width: 901px) {
  
  /* Body wrapper */
  body {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  
  /* Alle sections zentrieren */
  body > section,
  html > body > section {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 60px 40px !important;
    width: auto !important;
  }
  
  /* Hero - full width mit Grid */
  body > section.hero {
    max-width: none !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }
  
  /* Intro schmaler */
  body > section.intro {
    max-width: 900px !important;
  }
  
  /* Benefits Grid */
  body > section.benefits .benefit-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
  }
  
  /* Services Grid */
  body > section.services .service-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
  }
  
  /* Process Steps */
  body > section.process .process-steps {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 24px !important;
  }
  
  /* Examples Grid */
  body > section.examples .example-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 24px !important;
  }
  
  /* Testimonials */
  body > section.testimonials .testimonial-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
  }
  
  /* Pricing */
  body > section.pricing .pricing-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 32px !important;
  }
  
  /* FAQ */
  body > section.faq {
    max-width: 1000px !important;
  }
  
  .faq-grid,
  .faq-items {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
  
  /* Contact */
  body > section.contact {
    max-width: 800px !important;
    text-align: center !important;
  }
  
  /* Data Box */
  .data-box {
    max-width: 700px !important;
    margin: 40px auto !important;
    padding: 30px !important;
    border-radius: 8px !important;
  }
  
  /* Stats Grid */
  .stats-grid {
    display: flex !important;
    gap: 40px !important;
    justify-content: flex-start !important;
  }
  
  /* Text paragraphs */
  body > section > p {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  body > section > h2 {
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ─── LARGE DESKTOP (> 1600px) ─── */
@media (min-width: 1600px) {
  body > section {
    max-width: 1600px !important;
  }
  
  body > section.intro,
  body > section.faq,
  body > section.contact {
    max-width: 1000px !important;
  }
}

/* ─── SMALL DESKTOP (901px - 1200px) ─── */
@media (min-width: 901px) and (max-width: 1200px) {
  body > section.benefits .benefit-grid,
  body > section.services .service-grid,
  body > section.testimonials .testimonial-grid,
  body > section.pricing .pricing-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  body > section.process .process-steps {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  
  body > section.examples .example-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}