/**
 * Homepage section spacing — controlled from admin (homepage layout).
 * --hp-section-spacing is set inline on .homepage-sections (px).
 */
.homepage-sections {
    --hp-section-spacing: 60px;
}

.homepage-sections .homepage-section-slot {
    padding-block: calc(var(--hp-section-spacing) / 2);
}

.homepage-sections .homepage-section-slot:first-child {
    padding-block-start: 0;
}

.homepage-sections .homepage-section-slot:last-child {
    padding-block-end: 0;
}

.homepage-sections .homepage-section-slot:not(:has(> *)) {
    display: none;
    padding: 0;
}

/* Replace theme padding utilities inside managed homepage slots */
.homepage-sections .homepage-section-slot > section,
.homepage-sections .homepage-section-slot > div {
    margin-block: 0 !important;
}

.homepage-sections .homepage-section-slot > .py-120,
.homepage-sections .homepage-section-slot > section.py-120,
.homepage-sections .homepage-section-slot > div.py-120,
.homepage-sections .homepage-section-slot > .pt-120,
.homepage-sections .homepage-section-slot > section.pt-120,
.homepage-sections .homepage-section-slot > .pb-120,
.homepage-sections .homepage-section-slot > section.pb-120,
.homepage-sections .homepage-section-slot > .pt-80,
.homepage-sections .homepage-section-slot > section.pt-80,
.homepage-sections .homepage-section-slot > .pb-80,
.homepage-sections .homepage-section-slot > section.pb-80,
.homepage-sections .homepage-section-slot > .py-80,
.homepage-sections .homepage-section-slot > div.py-80,
.homepage-sections .homepage-section-slot > .mb-80,
.homepage-sections .homepage-section-slot > section.mb-80,
.homepage-sections .homepage-section-slot > .mt-80,
.homepage-sections .homepage-section-slot > section.mt-80,
.homepage-sections .homepage-section-slot > div.mt-80,
.homepage-sections .homepage-section-slot > .mt-32,
.homepage-sections .homepage-section-slot > section.mt-32 {
    padding-block: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.homepage-sections .homepage-section-slot--compact {
    padding-block: calc(var(--hp-section-spacing) / 4);
}

.homepage-sections .homepage-section-slot--compact > .py-28,
.homepage-sections .homepage-section-slot--compact > div.py-28 {
    padding-block: 0 !important;
}

@media (max-width: 767.98px) {
    .homepage-sections .homepage-section-slot {
        padding-block: calc(var(--hp-section-spacing) / 2.5);
    }

    .homepage-sections .homepage-section-slot--compact {
        padding-block: calc(var(--hp-section-spacing) / 5);
    }
}