/* HCS Landing – tighten spacing above product image (Mode theme, mobile only) */
@media screen and (max-width: 749px) {

  /* Scope ONLY to HCS landing template */
  body.template-product.template-suffix-product-hcs-landing {

    /* Kill excess spacing on sections */
    .shopify-section,
    .section,
    .cc-section,
    .section-spacing {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }

    /* Rich text container spacing */
    .rte,
    .rte p,
    .block,
    .block p {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }

    /* Pull the media section upward */
    .shopify-section + .shopify-section,
    .section + .section {
      margin-top: 0 !important;
    }

    /* Extra safety: remove hidden top padding Mode adds */
    .main-container,
    .container {
      padding-top: 0 !important;
    }
  }
}