.sticky-store { display: none; }

@media (max-width: 768px) {
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }

  .sticky-store {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    min-height: 64px;
    padding: 0.5rem 1rem calc(0.5rem + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    border-top: 1px solid var(--c-divider);
    box-shadow: 0 -4px 16px rgba(74, 74, 74, 0.08);
    transform: translateY(110%);
    visibility: hidden;
    transition: transform 0.25s ease, visibility 0s linear 0.25s;
  }

  .sticky-store.is-shown {
    transform: translateY(0);
    visibility: visible;
    transition: transform 0.25s ease, visibility 0s;
  }

  html.intro-pending .sticky-store { visibility: hidden; }

  .sticky-store__text {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--c-text);
    line-height: 1.3;
    letter-spacing: 0;
  }

  .sticky-store__text span { display: inline-block; white-space: nowrap; }

  .sticky-store__buttons { display: flex; gap: 0.5rem; }

  .sticky-store .btn-store { padding: 0.375rem 0.875rem; box-shadow: none; }
  .sticky-store .btn-store:hover { transform: none; }

  .sticky-store[data-platform="ios"] .btn-store[data-store="googleplay"],
  .sticky-store[data-platform="android"] .btn-store[data-store="appstore"] { display: none; }

  .sticky-store[data-platform="both"] .btn-store { padding: 0.5rem 0.625rem; gap: 0.3125rem; }
  .sticky-store[data-platform="both"] .btn-store__logo { width: 18px; height: 18px; }
  .sticky-store[data-platform="both"] .btn-store__sub { display: none; }
  .sticky-store[data-platform="both"] .btn-store__title { font-size: 0.8125rem; white-space: nowrap; }
  .sticky-store[data-platform="both"] { gap: 0.375rem; padding-left: 0.625rem; padding-right: 0.625rem; }
  .sticky-store[data-platform="both"] .sticky-store__text { font-size: 0.75rem; }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  .sticky-store,
  .sticky-store.is-shown { transition: none; }
}