/* ═══════════════════════════════════════════════════════════════
   RivCut Mobile Optimization — Shared across all 12,000+ pages
   Loaded LAST to override page-specific CSS via cascade.
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* ─── HIDE NON-ESSENTIAL SECTIONS ─── */
  .materials-section,
  .featured-section,
  .trust-bar,
  .nearby-section,
  .certs-strip,
  .alley-section,
  .eco-section { display: none !important; }

  /* ─── GLOBAL SPACING ─── */
  .section { padding: 48px 0 !important; }
  .section-title { font-size: 24px !important; margin-bottom: 12px !important; }
  .section-label { font-size: 11px !important; margin-bottom: 8px !important; }
  .section-subtitle { font-size: 14px !important; display: none; }

  /* ─── HERO ─── */
  .hero { padding: 130px 0 32px !important; min-height: auto !important; }
  .hero h1 { font-size: 28px !important; letter-spacing: -1px !important; }
  .hero-text { font-size: 15px !important; margin-bottom: 24px !important; }
  .hero-badge { margin-bottom: 16px !important; font-size: 12px !important; }
  .hero-buttons { margin-bottom: 16px !important; flex-direction: column !important; align-items: stretch !important; }
  .hero-buttons .btn { justify-content: center; }
  .hero-microcopy { font-size: 11px !important; }
  .hero-img-left, .hero-img-right { display: none !important; }

  /* ─── PROMO BAR ─── */
  .promo-bar { font-size: 12px !important; padding: 8px 40px 8px 16px !important; line-height: 1.4 !important; }
  .promo-bar code { font-size: 11px !important; padding: 1px 6px !important; }
  .promo-bar a { display: block !important; margin-left: 0 !important; margin-top: 4px !important; }
  .promo-bar .promo-close { right: 10px !important; }

  /* ─── NAV ─── */
  .nav { top: 58px !important; }
  .nav-links { display: none !important; }
  .mobile-toggle { display: flex !important; }

  /* ─── STATS STRIP ─── */
  .stats-strip { padding: 24px 0 !important; }
  .stats-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
  .stat-number { font-size: 24px !important; }
  .stat-label { font-size: 12px !important; }
  .stat-source { display: none !important; }

  /* ─── PROCESS STEPS ─── */
  .process-steps { grid-template-columns: 1fr !important; gap: 16px !important; }
  .process-step { padding: 24px 20px !important; }
  .process-icon { width: 48px !important; height: 48px !important; border-radius: 12px !important; margin-bottom: 12px !important; }
  .process-step h4 { font-size: 16px !important; margin-bottom: 6px !important; }
  .process-step p { font-size: 13px !important; }

  /* ─── CAPABILITIES / PARTS GRID ─── */
  .parts-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .part-card { padding: 20px 16px !important; }
  .part-icon { width: 40px !important; height: 40px !important; border-radius: 10px !important; margin-bottom: 12px !important; }
  .part-card h3 { font-size: 16px !important; margin-bottom: 6px !important; }
  .part-card p { font-size: 13px !important; }
  .part-tag { font-size: 11px !important; margin-top: 8px !important; }
  .parts-grid .part-card:nth-child(n+4) { display: none !important; }

  /* ─── WHY SECTION ─── */
  .why-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .why-card { padding: 24px 20px !important; }
  .why-card-icon { width: 40px !important; height: 40px !important; border-radius: 10px !important; margin-bottom: 12px !important; }
  .why-card h3 { font-size: 16px !important; }
  .why-card p { font-size: 13px !important; }
  .why-grid .why-card:nth-child(n+3) { display: none !important; }

  /* ─── INDUSTRIES GRID ─── */
  .industries-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .industry-link { padding: 16px 12px !important; }
  .industry-link h3 { font-size: 14px !important; }
  .industry-link p { display: none !important; }
  .industry-link-icon { width: 36px !important; height: 36px !important; margin-bottom: 8px !important; }
  .industries-grid .industry-link:nth-child(n+5) { display: none !important; }

  /* ─── REVIEWS ─── */
  .reviews-grid { grid-template-columns: 1fr !important; }
  .review-card { padding: 24px 20px !important; }
  .review-card p { font-size: 13px !important; }
  .reviews-grid .review-card:nth-child(n+2) { display: none !important; }

  /* ─── FAQ ─── */
  .faq-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
  .faq-question { padding: 14px 16px !important; font-size: 14px !important; }
  .faq-answer-inner { padding: 0 16px 14px !important; font-size: 13px !important; }
  .faq-grid .faq-item:nth-child(n+5) { display: none !important; }

  /* ─── PILLARS (3-column feature grid) ─── */
  .pillars-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .pillar-card { padding: 24px 20px !important; }
  .pillar-icon { width: 48px !important; height: 48px !important; }
  .pillar-card h3 { font-size: 16px !important; }
  .pillar-card p { font-size: 13px !important; }
  .pillar-list li { font-size: 13px !important; }
  .pillars-grid .pillar-card:nth-child(n+4) { display: none !important; }

  /* ─── CTA ─── */
  .cta { padding: 56px 0 !important; }
  .cta .section-title { font-size: 24px !important; }
  .cta-sub { font-size: 15px !important; margin-bottom: 24px !important; }
  .cta-buttons { flex-direction: column !important; align-items: center !important; }
  .cta-note { font-size: 11px !important; }

  /* ─── SUBINDUSTRY GRID (city pages) ─── */
  .subindustry-grid { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  .subindustry-card { padding: 16px 12px !important; }
  .subindustry-card h4 { font-size: 13px !important; }
  .subindustry-card p { display: none !important; }
  .subindustry-grid .subindustry-card:nth-child(n+5) { display: none !important; }

  /* ─── WM (What We Machine) GRID ─── */
  .wm-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
  .wm-card { padding: 16px !important; }
  .wm-grid .wm-card:nth-child(n+4) { display: none !important; }

  /* ─── AEO SECTION (city pages) ─── */
  .aeo-section .aeo-answer { font-size: 14px !important; }
  .aeo-step { padding: 16px !important; }
  .aeo-step h4 { font-size: 15px !important; }
  .aeo-step p { font-size: 13px !important; }

  /* ─── CASE STUDY CARDS (industry pages) ─── */
  .cs-section-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
  .cs-card { padding: 20px !important; }
  .cs-card:nth-child(n+4) { display: none !important; }

  /* ─── SHOWCASE GRID ─── */
  .showcase-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .showcase-card { padding: 16px !important; }
  .showcase-grid .showcase-card:nth-child(n+4) { display: none !important; }

  /* ─── PROOF/CASE STUDY SPLIT ─── */
  .proof-split { grid-template-columns: 1fr !important; gap: 24px !important; }
  .proof-specs { grid-template-columns: 1fr !important; }

  /* ─── TRUST GRID ─── */
  .trust-grid { grid-template-columns: 1fr !important; gap: 10px !important; }

  /* ─── ECO COMPANIES GRID ─── */
  .eco-companies-grid { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }

  /* ─── FOOTER ─── */
  .footer-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
  .footer { padding: 48px 0 24px !important; }

  /* ─── BUTTONS ─── */
  .btn { padding: 12px 24px !important; font-size: 14px !important; }

  /* ─── NEARBY LINKS (hidden above, but if shown) ─── */
  .nearby-grid { flex-direction: column !important; gap: 8px !important; }
  .nearby-link { font-size: 13px !important; }

  /* ─── CHAT FAB position ─── */
  .chat-fab { width: 48px !important; height: 48px !important; bottom: 16px !important; right: 16px !important; }
  .email-fab-wrap { bottom: 16px !important; left: 16px !important; }
  .email-fab { width: 48px !important; height: 48px !important; }
}

/* ─── Extra small screens (iPhone SE, 375px) ─── */
@media (max-width: 400px) {
  .hero h1 { font-size: 24px !important; }
  .hero-text { font-size: 14px !important; }
  .stat-number { font-size: 20px !important; }
  .stats-grid { gap: 12px !important; }
  .section-title { font-size: 20px !important; }
  .industries-grid { grid-template-columns: 1fr !important; }
}
/* v1 */

/* ═══ Global promo bar contact block (hello@rivcut.com + LinkedIn) ═══ */
/* This rule lives in mobile.css because every page loads mobile.css.
   It provides consistent positioning across all ~140 page-specific CSS files. */
.promo-bar .promo-right{position:absolute!important;right:56px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:18px;margin-left:0!important;padding-left:22px;border-left:1px solid rgba(255,255,255,0.3);font-size:13px}
.promo-bar .promo-right a{color:rgba(255,255,255,0.9);text-decoration:none}
.promo-bar .promo-right a:hover{color:#fff}
@media (min-width:1100px){.promo-bar{padding-right:340px!important}}
@media (min-width:900px) and (max-width:1099px){.promo-bar{padding-right:320px!important}}
@media (max-width:899px){.promo-bar .promo-right{display:none!important}}