/* === ULTRALITE MOBILE FIX (safe rollback + gutters) === */
@media (max-width: 600px){
  /* Rollback any previous patch that changed the container */
  .hero-overlay-symbol .hero-text{
    width: auto !important;
    padding: 0 !important;
  }

  /* Pill itself gets the gutters and wrapping */
  .hero-overlay-symbol .hero-text .muted.pill{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    max-width: calc(100vw - 32px) !important; /* 16px links/rechts */
    padding: 8px 14px !important;
    border-radius: 18px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
    margin: 0 auto !important; /* falls nötig */
  }

  @supports (padding: max(0px)){
    .hero-overlay-symbol .hero-text .muted.pill{
      max-width: calc(100vw - max(32px, env(safe-area-inset-left) + env(safe-area-inset-right))) !important;
      padding-left: max(14px, env(safe-area-inset-left)) !important;
      padding-right: max(14px, env(safe-area-inset-right)) !important;
    }
  }
}