/* Pressureproof Mobile-Fallback v1
 * Universal Mobile-Safety für alle pp-claude-design-v3 Pages.
 * Greift Inline-Style-Grids ab und collapsed sie auf Mobile.
 * Erstellt 2026-06-29 als Mobile-Audit-Fix.
 */

/* Tablet-Stop bei 980px */
@media (max-width: 980px) {
  section[style*="grid-template-columns: repeat(4, 1fr)"],
  section[style*="grid-template-columns:repeat(4,1fr)"] > div[style*="display:grid"],
  div[style*="grid-template-columns:repeat(4,1fr)"],
  div[style*="grid-template-columns: repeat(4, 1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  section[style*="grid-template-columns: repeat(3, 1fr)"],
  section[style*="grid-template-columns:repeat(3,1fr)"] > div[style*="display:grid"],
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3, 1fr)"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
  /* 2-spaltige Strukturen mit 1fr+1fr varianten */
  section[style*="grid-template-columns:1fr 1fr"],
  section[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"],
  section[style*="grid-template-columns:1.05fr"],
  section[style*="grid-template-columns:0.9fr 1.1fr"],
  section[style*="grid-template-columns:0.85fr 1.15fr"],
  section[style*="grid-template-columns:0.8fr 1.2fr"],
  section[style*="grid-template-columns:1.02fr"],
  section[style*="grid-template-columns:0.95fr 1.05fr"] {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
}

/* Phone-Stop bei 640px */
@media (max-width: 640px) {
  section[style*="grid-template-columns: repeat(4, 1fr)"],
  section[style*="grid-template-columns:repeat(4,1fr)"],
  section[style*="grid-template-columns: repeat(3, 1fr)"],
  section[style*="grid-template-columns:repeat(3,1fr)"],
  section[style*="grid-template-columns: repeat(2, 1fr)"],
  section[style*="grid-template-columns:repeat(2,1fr)"],
  div[style*="grid-template-columns:repeat(4,1fr)"],
  div[style*="grid-template-columns: repeat(4, 1fr)"],
  div[style*="grid-template-columns:repeat(3,1fr)"],
  div[style*="grid-template-columns: repeat(3, 1fr)"],
  div[style*="grid-template-columns:repeat(2,1fr)"],
  div[style*="grid-template-columns: repeat(2, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  /* Tabellen scrollbar machen */
  table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    width: 100% !important;
  }
  /* Headlines verkleinern */
  h1 { font-size: clamp(30px, 8vw, 44px) !important; line-height: 1.05 !important; }
  h2 { font-size: clamp(22px, 6vw, 32px) !important; line-height: 1.1 !important; }
  /* CTA-Buttons full-width auf Mobile */
  a[style*="background:var(--goldGrad)"],
  a[style*="background:linear-gradient(135deg,#ECD79A"] {
    width: 100% !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  /* Sektion-Padding reduzieren */
  section[style*="padding:clamp(60px,8vw,110px)"],
  section[style*="padding:clamp(48px,7vw,96px)"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Page-Body overflow-x Schutz — gegen versteckte Mobile-Scrollbars */
body.pp-claude-design-v3,
body.pp-salespage {
  overflow-x: clip;
}