.admin-ecosystem-hero-mobile-order-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.admin-ecosystem-hero-mobile-order-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.admin-ecosystem-hero-mobile-order-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: color-mix(in srgb, var(--panel) 92%, var(--bg));
}

.admin-ecosystem-hero-mobile-order-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 14%, transparent);
  color: var(--ink);
  font-size: 12px;
  font-weight: 700;
}

.admin-ecosystem-hero-mobile-order-row strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-ecosystem-hero-mobile-order-actions {
  display: flex;
  gap: 6px;
}

.admin-ecosystem-hero-mobile-order-actions .button {
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
}

.admin-ecosystem-hero-mobile-order-actions .button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

@media (max-width: 640px) {
  .admin-ecosystem-hero-mobile-order-head,
  .admin-ecosystem-hero-mobile-order-row {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .admin-ecosystem-hero-mobile-order-head {
    display: grid;
  }

  .admin-ecosystem-hero-mobile-order-actions {
    grid-column: 2;
  }
}

@media (max-width: 760px) {
  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-grid,
  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-copy {
    display: contents;
  }

  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part] {
    position: relative;
    z-index: 1;
    width: 100%;
  }

  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-bar,
  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-description,
  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-benefits,
  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .admin-ecosystem-feature-preview-shell,
  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-actions,
  .ecosystem-landing-shell .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-personalization-card {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-grid,
.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-copy,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-grid,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-copy {
  display: contents;
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part] {
  position: relative;
  z-index: 1;
  width: 100%;
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-bar,
.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-description,
.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-benefits,
.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .admin-ecosystem-feature-preview-shell,
.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-actions,
.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-personalization-card,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-bar,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-description,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-benefits,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .admin-ecosystem-feature-preview-shell,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-showcase-actions,
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] .ecosystem-personalization-card {
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 760px) {
  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="brand"] {
    order: var(--eco-hero-mobile-order-brand, 10);
  }

  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="title"] {
    order: var(--eco-hero-mobile-order-title, 20);
  }

  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="tagline"] {
    order: var(--eco-hero-mobile-order-tagline, 30);
  }

  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="description"] {
    order: var(--eco-hero-mobile-order-description, 40);
  }

  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="features"] {
    order: var(--eco-hero-mobile-order-features, 50);
  }

  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="actions"] {
    order: var(--eco-hero-mobile-order-actions, 60);
  }

  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="personalization"] {
    order: var(--eco-hero-mobile-order-personalization, 70);
  }

  .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="media"] {
    order: var(--eco-hero-mobile-order-media, 80);
  }
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="brand"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="brand"] {
  order: var(--eco-hero-mobile-order-brand, 10);
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="title"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="title"] {
  order: var(--eco-hero-mobile-order-title, 20);
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="tagline"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="tagline"] {
  order: var(--eco-hero-mobile-order-tagline, 30);
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="description"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="description"] {
  order: var(--eco-hero-mobile-order-description, 40);
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="features"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="features"] {
  order: var(--eco-hero-mobile-order-features, 50);
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="actions"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="actions"] {
  order: var(--eco-hero-mobile-order-actions, 60);
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="personalization"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="personalization"] {
  order: var(--eco-hero-mobile-order-personalization, 70);
}

.ecosystem-landing-shell.is-mobile-preview .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="media"],
.admin-ecosystem-landing-workbench[data-preview-device="mobile"] .ecosystem-showcase[data-ecosystem-hero-mobile-order="1"] [data-ecosystem-hero-mobile-part="media"] {
  order: var(--eco-hero-mobile-order-media, 80);
}