/* Blue Snail feature content: keep the tab interaction, remove the outer card shell. */
#page-app .app-feature-tabs {
  padding-block: 28px !important;
  background: #fff !important;
}

#page-app .app-feature-tabs__head {
  margin-bottom: 0 !important;
}

#page-app .app-feature-tablist {
  margin-top: 18px !important;
}

#page-app .app-feature-panels {
  margin-top: 8px !important;
}

#page-app .app-feature-panel {
  min-height: 0 !important;
  padding: 24px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove the legacy circular arrow controls from both card groups. */
#page-app .app-position-more,
#page-app .app-training-card__more {
  display: none !important;
}

/* Parent-child content sits directly on the page with a compact phone mockup. */
#page-app #appFeaturePanelParent {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
  align-items: start !important;
  gap: 18px 44px !important;
  padding-top: 8px !important;
}

#page-app #appFeaturePanelParent .app-feature-panel__intro .app-section-icon {
  margin-bottom: 16px !important;
}

#page-app #appFeaturePanelParent .app-feature-panel__intro {
  align-self: start !important;
  padding-top: 8px !important;
}

#page-app #appFeaturePanelParent .app-feature-panel__intro > p:last-child {
  margin-top: 14px !important;
}

#page-app #appFeaturePanelParent .app-feature-panel__visual--phone {
  height: 390px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
}

#page-app #appFeaturePanelParent .app-feature-panel__visual--phone img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  filter: none !important;
}

#page-app #appFeaturePanelParent .app-feature-panel__cards {
  margin-top: -4px !important;
}

@media (max-width: 760px) {
  #page-app .app-feature-tabs {
    padding-block: 22px !important;
  }

  #page-app .app-feature-tablist {
    margin-top: 14px !important;
  }

  #page-app .app-feature-panels {
    margin-top: 4px !important;
  }

  #page-app .app-feature-panel {
    padding-top: 18px !important;
  }

  #page-app #appFeaturePanelParent {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    padding-top: 6px !important;
  }

  #page-app #appFeaturePanelParent .app-feature-panel__visual--phone {
    height: 340px !important;
  }
}