/* Shared Mini Program chrome — all Batch 2+ skins. Unique heroes stay in per-batch CSS. */

body[data-mini-program="1"] .ms-hero .ml-home-hero-ctas,
body[data-mini-program="1"] .b2h-hero .ml-home-hero-ctas {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
body[data-mini-program="1"] .ms-hero .ml-btn,
body[data-mini-program="1"] .b2h-hero .ml-btn {
  min-height: 44px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
}
body[data-mini-program="1"] .ms-hero .ml-btn--secondary,
body[data-mini-program="1"] .b2h-hero .ml-btn--secondary {
  background: transparent !important;
  color: var(--text-dark, currentColor) !important;
  border: 1px solid color-mix(in srgb, var(--text-dark, currentColor) 45%, transparent) !important;
}

body[data-mini-program="1"] .sg-ms-card {
  background: var(--store-card-bg, inherit);
}

body[data-mini-program="1"] .ms-footer .aq-footer-grid,
body[data-mini-program="1"] .ms-footer .aq-footer-base {
  width: min(1180px, calc(100% - 40px));
  margin-left: auto;
  margin-right: auto;
}
body[data-mini-program="1"] .ms-footer a {
  min-height: 40px;
}

body[data-mini-program="1"] .ms-look .ml-story {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}
body[data-mini-program="1"] .ms-look-stage {
  position: relative;
  min-height: 320px;
  overflow: hidden;
  border-radius: 18px;
  background: color-mix(in srgb, var(--store-card-bg, #fff) 88%, var(--store-bg, #f3f0eb));
}
body[data-mini-program="1"] .ms-look-stage .ms-story-fallback {
  z-index: 1;
}
body[data-mini-program="1"] .ms-look-stage img.se-is-img:not(.is-empty) {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.store-editor-on[data-mini-program="1"] .ms-look-stage img.is-empty {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
@media (max-width: 860px) {
  body[data-mini-program="1"] .ms-look .ml-story {
    grid-template-columns: 1fr;
  }
}