/* Spacing adjustments apply only to reseller, domains and SSL pages. */
.cch-spacing-page {
    --service-section-space: 24px;
    --service-heading-space: 24px;
    --service-detail-space: 32px;
}
.cch-spacing-page > section:is(.py-16, .py-24, .s-padding) {
    padding-block: var(--service-section-space) !important;
}
/* Tighten introductory blocks without changing padding inside cards or tables. */
.cch-spacing-page > section > .container > :is(.mb-10, .mb-12, .mb-14, .mb-16) {
    margin-bottom: var(--service-heading-space) !important;
}
.cch-spacing-page > section > .container > :is(.mt-12, .mt-16, .mt-20) {
    margin-top: var(--service-detail-space) !important;
}
.cch-spacing-page > section > .container > .mb-20 {
    margin-bottom: var(--service-detail-space) !important;
}
/* The domain hero previously started with 160px of empty space. */
.page-domains-unique.cch-spacing-page .hero-section {
    padding-block: 36px 24px;
}
.page-domains-unique.cch-spacing-page .hero-section p.mb-12 {
    margin-bottom: 24px;
}
.rs-page.cch-spacing-page .rs-hero > .container {
    padding-block: 32px;
}
.cch-ssl-page.cch-spacing-page > section:first-of-type {
    padding-block: 32px;
}
.cch-ssl-page.cch-spacing-page > section:nth-of-type(2) {
    padding-block: 20px;
}
@media (min-width: 768px) {
    .cch-spacing-page {
        --service-section-space: 32px;
        --service-heading-space: 28px;
        --service-detail-space: 36px;
    }
    .page-domains-unique.cch-spacing-page .hero-section { padding-block: 48px 32px; }
    .rs-page.cch-spacing-page .rs-hero > .container,
    .cch-ssl-page.cch-spacing-page > section:first-of-type { padding-block: 40px; }
    .cch-ssl-page.cch-spacing-page > section:nth-of-type(2) { padding-block: 24px; }
}
@media (min-width: 1024px) {
    .cch-spacing-page {
        --service-section-space: 40px;
        --service-heading-space: 32px;
        --service-detail-space: 40px;
    }
    .page-domains-unique.cch-spacing-page .hero-section { padding-block: 56px 40px; }
    .rs-page.cch-spacing-page .rs-hero > .container,
    .cch-ssl-page.cch-spacing-page > section:first-of-type { padding-block: 48px; }
}