body.sanpota-order-spacing { --order-section-gap: 32px; }
body.sanpota-order-spacing .elementor-top-section,
body.sanpota-order-spacing .elementor-top-section > .elementor-container,
body.sanpota-order-spacing .elementor-widget-wrap,
body.sanpota-order-spacing .elementor-widget,
body.sanpota-order-spacing .elementor-widget > .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    row-gap: 0 !important;
    --kit-widget-spacing: 0px;
}
body.sanpota-order-spacing .sanpota-hto-section,
body.sanpota-order-spacing #footer-cta.footer-cta-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: calc(var(--order-section-gap) / 2) !important;
    padding-bottom: calc(var(--order-section-gap) / 2) !important;
}
body.sanpota-order-spacing .sanpota-hto-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body.sanpota-order-spacing .sanpota-hto-faq-wrapper { margin-bottom: 0 !important; }
body.sanpota-order-spacing #home.hero-section {
    margin-bottom: 0 !important;
    padding-bottom: calc(var(--order-section-gap) / 2) !important;
}
body.sanpota-order-spacing #home.hero-section:not(.has-page-banner-slider) { min-height: 0 !important; }
body.sanpota-order-spacing #home .features-ribbon { margin-bottom: 0 !important; }
body.sanpota-order-spacing .reveal-up { transform: none !important; }
body.sanpota-order-spacing .main-footer { margin-top: 16px !important; }
@media (min-width:901px) {
    body.sanpota-order-spacing #home.hero-section { padding-top: 69px !important; }
    body.sanpota-order-spacing #home.page-banner-order.has-page-banner-slider .page-banner-stage {
        inset: 111px auto auto 50% !important;
    }
    body.sanpota-order-spacing #home.page-banner-order .page-banner-img {
        object-position: center top !important;
    }
    body.sanpota-order-spacing #home .page-banner-img:is([src*="/banner-order-2-1.png"],[src*="/order-slide.png"]) {
        transform: translateY(-10.952381%) !important;
    }
}
@media (min-width:768px) and (max-width:1199px) {
    body.sanpota-order-spacing { --order-section-gap: 24px; }
}
@media (max-width:767px) {
    body.sanpota-order-spacing { --order-section-gap: 20px; }
}

/* Use the hero's actual width; both uploaded artworks end at row 779/780.
   Faint alpha pixels below the first banner must not add layout space. */
@media (min-width:901px) {
 body.sanpota-order-spacing #home.page-banner-order.has-page-banner-slider:not(.is-original-slide) {
  container-type: inline-size;
  min-height: 0 !important;
  height: auto !important;
  padding-bottom: 0 !important;
 }
 body.sanpota-order-spacing #home.page-banner-order.has-page-banner-slider:not(.is-original-slide)::after {
  content: '';
  display: block;
  height: calc(58px + min(calc((100cqw - 32px) * 0.358333333), 465.833333px));
 }
 body.sanpota-order-spacing #home.page-banner-order.has-page-banner-slider:not(.is-original-slide) .hero-container {
  position: static !important;
  min-height: 0 !important;
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
 }
 body.sanpota-order-spacing #home.page-banner-order.has-page-banner-slider:not(.is-original-slide) .hero-actions {
  position: absolute !important;
  top: calc(111px + min(calc((100cqw - 32px) * 0.245), 318.5px)) !important;
  left: max(54px, calc((100% - 1300px) / 2 + 44px)) !important;
  margin: 0 !important;
  translate: none !important;
  transform: none !important;
 }
}

body.sanpota-order-spacing .e-con { padding-top: 0 !important; padding-bottom: 0 !important; row-gap: 0 !important; }