/* eDocVisit site — shared layout & responsive rules (links after styles.css) */
body { margin: 0; background: var(--surface-page); }
img { max-width: 100%; }

.section { padding: 88px 0; }
.section--white { background: var(--color-white); }
.section--page { background: var(--surface-page); }

/* responsive grids — controlled by class hooks set in JSX */
@media (max-width: 1000px) {
  .hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; }
  .trust-grid { grid-template-columns: repeat(2,1fr) !important; row-gap: 32px !important; }
  .cond-grid { grid-template-columns: repeat(2,1fr) !important; }
  .six-grid { grid-template-columns: repeat(2,1fr) !important; }
  .three-grid { grid-template-columns: 1fr !important; }
  .two-col { grid-template-columns: 1fr !important; gap: 40px !important; }
  .desk-nav { display: none !important; }
  .mobile-toggle { display: inline-flex !important; }
  h1 { font-size: 44px !important; }
  h2 { font-size: 34px !important; }
}
@media (max-width: 640px) {
  .section { padding: 60px 0 !important; }
  .cond-grid { grid-template-columns: 1fr !important; }
  .six-grid { grid-template-columns: 1fr !important; }
  .trust-grid { grid-template-columns: 1fr !important; }
  .price-grid { grid-template-columns: 1fr !important; }
  h1 { font-size: 36px !important; }
  .hide-mobile { display: none !important; }
  /* sticky mobile CTA */
  #mobile-cta { display: flex !important; }
  body { padding-bottom: 72px; }
}

/* sticky mobile CTA (hidden on desktop) */
#mobile-cta {
  display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 60;
  padding: 12px 16px; background: #fff; border-top: 1px solid var(--border-default);
  box-shadow: 0 -4px 16px rgba(31,41,55,.08);
}
#mobile-cta a {
  flex: 1; text-align: center; background: var(--cta-bg); color: #fff;
  font-family: var(--font-sans); font-weight: 700; padding: 14px;
  border-radius: var(--radius-md); text-decoration: none; box-shadow: var(--shadow-cta);
}
