/* ==========================================================================
   D'AMICO DENTAL CARE — HOMEPAGE CSS
   Site Assets Manager -> Page Assets (CSS) — asset key: whatever the
   homepage's slug resolves to (typically empty/"home"; confirm in the
   Page Assets meta box on Edit Page — see docs/PLACEMENT.md).

   Deliberately small. Nearly everything the homepage uses (buttons, cards,
   sliders, FAQ accordion, before/after comparison, section-header pattern)
   is a genuinely reusable component and now lives in Global CSS so the
   Dental Implants pillar page (Phase 2) and future pages can use it too.
   This file holds only the homepage's own section-order spacing.
   ========================================================================== */

/* Space between the "Why choose us" card grid and the "Real Stories" review
   block. The original markup used three empty <br> tags for this gap —
   replaced here with real CSS spacing (non-semantic spacer tags removed
   from the HTML; see html/homepage-widget.html). */
[data-ddc] .ddc-reviews__stories-heading {
  margin-top: 64px;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  [data-ddc] .ddc-reviews__stories-heading {
    margin-top: 40px;
    margin-bottom: 28px;
  }
}