@media (max-width: 768px) {
  .mobile-loading-quote {
    position: fixed;
    left: 24px;
    right: 24px;

    /* Bottom navbar ke upar */
    bottom: calc(140px + env(safe-area-inset-bottom));

    z-index: 80;
    margin: 0;

    color: rgba(148, 163, 184, 0.78);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.01em;

    pointer-events: none;

    opacity: 1;
    transform: translateY(0);
    transition: opacity 260ms ease, transform 260ms ease;
  }

  .mobile-loading-quote.is-fading {
    opacity: 0;
    transform: translateY(4px);
  }
}

@media (min-width: 769px) {
  .mobile-loading-quote {
    display: none !important;
  }
}