/* ============================================================
   Ancillary Insurance hub — page-level CSS (T2)
   Figma: desktop 1407:64998, tablet 1407:74540, mobile 1407:74173.

   The section classes carry their own look and gutters; this file holds
   the page's vertical rhythm. The product families (Legal, Motor,
   Property) and their tiles are the shared TileCarousel class
   (classes/tile-carousel).
   ============================================================ */

/* ── Section spacing ──────────────────────────────────────── */
/* "Why partners choose Coplus" and the "Trusted by" strip are one white band:
   40 above, 40 between the cards and the logos, 80 below */
.ancillary__section--why { padding-top: var(--space-section); padding-bottom: 0; }
.ancillary__section--logos { padding-top: var(--space-section); padding-bottom: var(--space-section-alt); }
/* The family bands pad themselves 80 above and below (48 from 1024 down) */
.ancillary__section--family { padding-top: var(--space-section-alt); padding-bottom: var(--space-section-alt); }
.ancillary__section--cases { padding-top: var(--space-section-alt); padding-bottom: var(--space-section-alt); }
.ancillary__section--also { padding-top: var(--space-section-alt); padding-bottom: var(--space-section-alt); }
/* Full-bleed: the AI panel pads itself */
.ancillary__section--ai { padding: 0; }