@media (hover: none) {
  .vip-card:hover,
  .sponsor-card:hover {
    transform: none;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
  }

  .tg-btn:hover {
    transform: none;
  }

  .vip-card:active,
  .sponsor-card:active,
  .tg-btn:active {
    transform: scale(0.985);
  }
}

@media (max-width: 860px) {
  body {
    background-attachment: scroll;
  }

  .top {
    position: sticky;
    top: 0;
    z-index: 20;
    height: auto;
    min-height: calc(56px + env(safe-area-inset-top));
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px;
    background: rgba(5, 6, 13, 0.78);
    gap: 10px;
  }

  .brand {
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
  }

  .brand img {
    width: 36px;
    height: 36px;
    flex: none;
  }

  .brand-name {
    font-size: 18px;
    letter-spacing: 0.14em;
    white-space: nowrap;
  }

  .tg-btn {
    width: 42px;
    height: 42px;
    flex: none;
    z-index: 21;
    background: #24a1de;
  }

  .tg-btn img {
    width: 42px;
    height: 42px;
  }

  .site-foot {
    padding: 28px 16px 40px;
    gap: 12px;
  }

  .site-foot p {
    font-size: 16px;
    letter-spacing: 0.1em;
  }

  .tg-btn--foot,
  .tg-btn--foot img {
    width: 44px;
    height: 44px;
  }

  .wrap {
    width: min(1120px, calc(100% - 24px));
    padding: 20px 0 calc(48px + env(safe-area-inset-bottom));
  }

  .page-head .kicker {
    font-size: 11px;
    letter-spacing: 0.22em;
    margin-bottom: 6px;
  }

  .page-head h1 {
    font-size: 28px;
    letter-spacing: 0.04em;
  }

  .vip-label {
    margin: 22px 0 12px;
    gap: 12px;
  }

  .vip-label span {
    font-size: 34px;
    letter-spacing: 0.28em;
    padding-left: 0.28em;
  }

  .vip-card {
    max-width: 100%;
    border-radius: 18px;
  }

  .vip-visual {
    aspect-ratio: auto;
    min-height: 168px;
    padding: 28px 18px 24px;
  }

  .vb-logo {
    flex-direction: column;
    gap: 12px;
  }

  .vb-name {
    font-size: clamp(28px, 8.4vw, 38px);
    letter-spacing: 0.14em;
    white-space: nowrap;
  }

  .vb-flag {
    width: 86px;
    height: 50px;
  }

  .vip-meta {
    padding: 14px 14px 16px;
  }

  .vip-meta strong {
    font-size: 18px;
    letter-spacing: 0.14em;
  }

  .vip-meta em {
    margin-top: 4px;
    font-size: 10px;
    letter-spacing: 0.14em;
  }

  .sponsors-block {
    margin-top: 28px;
  }

  .sponsors-block h2 {
    font-size: 18px;
    margin-bottom: 12px;
  }

  .sponsor-grid {
    gap: 10px;
  }

  .sponsor-card {
    min-height: 112px;
    padding: 16px 10px 12px;
    border-radius: 16px;
    gap: 10px;
  }

  .sponsor-card img {
    height: 38px;
    width: 86%;
  }

  .sponsor-card img[alt="Marsbahis"] {
    height: 32px;
    width: 92%;
  }

  .sponsor-card span {
    font-size: 10px;
    letter-spacing: 0.12em;
  }
}

@media (max-width: 380px) {
  .vb-name {
    font-size: 26px;
    letter-spacing: 0.1em;
  }

  .vb-flag {
    width: 74px;
    height: 42px;
  }

  .sponsor-card {
    min-height: 104px;
    padding: 14px 8px 10px;
  }
}