.cribz-app-promo-banner {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99999;
        background: #121212;
        color: #fff;
        padding: 12px 14px 14px;
        box-shadow: 0 -4px 16px rgba(0,0,0,0.4);
        display: flex;
        align-items: center;
        gap: 10px;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

        transform: translateY(100%);
        opacity: 0;
        transition: transform 0.25s ease-out, opacity 0.25s ease-out;
      }
      .cribz-app-promo-banner--visible {
        transform: translateY(0);
        opacity: 1;
        }
      .cribz-app-promo-banner__text {
        flex: 1 1 auto;
      }
      .cribz-app-promo-banner__title {
        font-size: 14px;
        font-weight: 600;
        margin: 0 0 2px;
      }
      .cribz-app-promo-banner__body {
        font-size: 12px;
        opacity: 0.8;
        margin: 0;
      }
      .cribz-app-promo-banner__actions {
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 0 0 auto;
      }
      .cribz-app-promo-banner__btn-primary,
      .cribz-app-promo-banner__btn-secondary {
        border-radius: 999px;
        padding: 6px 10px;
        font-size: 12px;
        border: none;
        cursor: pointer;
        white-space: nowrap;
      }
      .cribz-app-promo-banner__btn-primary {
        background: #ff4500;
        color: #f5f5f5;
        font-weight: 600;
      }
      .cribz-app-promo-banner__btn-secondary {
        background: transparent;
        color: #fff;
        opacity: 0.75;
      }
      @media (min-width: 600px) {
        .cribz-app-promo-banner {
          max-width: 480px;
          margin: 0 auto;
          left: 0;
          right: 0;
          border-radius: 12px 12px 0 0;
        }
      }