/* The Blues Studios — homepage layout spacing only.
   Original Tebex CSS and all other pages remain unchanged. */

/* Exo defines explicit grid-template-rows, including a flexible 1fr row.
   grid-auto-rows alone cannot override those explicit rows.
   On our custom homepage, size each row to its content instead. */
body.page-index .site {
  grid-template-rows: none !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
}

/* Keep the module wrapper content-sized and remove its extra bottom space. */
body.page-index .site > .store-sidebar {
  box-sizing: border-box;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  align-self: start !important;
}

/* The Recent Purchases module already supplies its own top spacing.
   Remove only its bottom margin to avoid stacking two gaps. */
body.page-index .site > .store-sidebar .tbs-recent-purchases {
  margin-bottom: 0 !important;
}

@media (max-width: 600px) {
  body.page-index .site > .store-sidebar {
    margin-bottom: 32px !important;
  }
}