.payment-methods__item { zoom: .84; }
.payment-methods { margin-bottom: 0; }
.site-footer { --f: clamp(.72px, .055vw, 1.06px); position: relative; display: grid; grid-template-columns: 200fr 960fr; gap: calc(44 * var(--f)); min-height: calc(280 * var(--f)); padding: calc(30 * var(--f)) calc(290 * var(--f)) calc(34 * var(--f)) calc(28 * var(--f)); border-radius: calc(22 * var(--f)); background: #121222; color: #f4f3fa; overflow: hidden; flex: none; }
.site-footer button { font: inherit; border: 0; cursor: pointer; }
.site-footer__brand { display: flex; flex-direction: column; align-items: stretch; z-index: 1; }
.site-footer__logo { display: flex; align-items: center; gap: calc(9 * var(--f)); color: #f5f5fc; text-decoration: none; font-size: calc(25 * var(--f)); font-weight: 850; letter-spacing: -.04em; white-space: nowrap; }
.site-footer__logo img { width: calc(40 * var(--f)); height: calc(44 * var(--f)); object-fit: contain; }

.site-footer__support { margin-top: calc(30 * var(--f)); min-height: calc(48 * var(--f)); display: flex; justify-content: center; align-items: center; gap: calc(8 * var(--f)); background: #401e30; color: #f34451; border-radius: calc(16 * var(--f)); font-size: calc(14 * var(--f)) !important; font-weight: 700 !important; }
.site-footer__support svg { width: calc(20 * var(--f)); height: calc(20 * var(--f)); }
.site-footer__socials { display: flex; gap: calc(8 * var(--f)); margin-top: auto; padding: calc(20 * var(--f)) calc(10 * var(--f)); }
.footer-social { display: grid; place-items: center; width: calc(36 * var(--f)); height: calc(36 * var(--f)); border-radius: 50%; padding: 8px; }
.footer-social span { width: 100%; height: 100%; background: white; mask: var(--social-icon) center / contain no-repeat; }
.footer-social--telegram { background: #20b9ee; }.footer-social--vk { background: #2787f5; }.footer-social--discord { background: #7189ff; }.footer-social--youtube { background: #fa3945; }
.site-footer .footer-social{background:#1a1a2c;color:#4b4b66}
.site-footer .footer-social svg{display:block;width:100%;height:100%;fill:currentColor}
.site-footer .footer-social:hover,.site-footer .footer-social:focus-visible{background:#24243a;color:#9696b3}
.site-footer__main { z-index: 1; min-width: 0; }
.site-footer__top { display: grid; grid-template-columns: 1fr 1.07fr 1fr 1.02fr; gap: calc(32 * var(--f)); }
.site-footer__column h3 { margin: calc(5 * var(--f)) 0 calc(16 * var(--f)); font-size: calc(20 * var(--f)); font-weight: 750; }
.site-footer__column button { display: block; background: none; padding: 0; margin: 0 0 calc(10 * var(--f)); color: #858198; text-align: left; font-size: calc(14 * var(--f)); font-weight: 650; white-space: nowrap; }

.site-footer button:focus-visible, .site-footer a:focus-visible { outline: 2px solid #399aff; outline-offset: 4px; }
.site-footer__stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: calc(12 * var(--f)); margin-top: calc(24 * var(--f)); min-width: 0; }
.footer-stat { display: flex; flex-direction: column; gap: calc(5 * var(--f)); padding: calc(12 * var(--f)) calc(12 * var(--f)); border-radius: calc(20 * var(--f)); background: #161526; min-width: 0; overflow: hidden; }
.footer-stat strong { font-size: clamp(13px, 1.05vw, calc(18.5 * var(--f))); font-weight: 750; letter-spacing: -.02em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.footer-stat span { color: #777389; font-size: calc(13 * var(--f)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.site-footer__agent { position: absolute; right: calc(15 * var(--f)); bottom: calc(-16 * var(--f)); height: calc(310 * var(--f)); width: calc(255 * var(--f)); object-fit: contain; object-position: bottom; pointer-events: none; }
@media (max-width: 1100px) { .site-footer { padding-right: 28px; grid-template-columns: 170px 1fr; gap: 28px; }.site-footer__agent { display: none; }.site-footer__top { gap: 16px; }.site-footer__stats { gap: 10px; }.footer-stat { padding: 12px 9px; } }
@media (max-width: 700px) { .payment-methods__item { zoom: 1; }.site-footer { --f: 1px; grid-template-columns: 1fr; padding: 24px 18px; gap: 24px; }.site-footer__brand { align-items: center; }.site-footer__support { width: 200px; margin-top: 18px; }.site-footer__socials { padding: 20px 0 0; }.site-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 12px; }.site-footer__column h3 { font-size: 17px; }.site-footer__column button { font-size: 12px; }.site-footer__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; }.footer-stat:last-child { grid-column: 1 / -1; }.footer-stat strong { font-size: 18px; } }

.site-footer__logo { color: #fff; font-weight: 800; }
.site-footer__mark { display: grid; place-items: center; width: calc(44 * var(--f)); height: calc(44 * var(--f)); flex: none; background-image: var(--gloss-sheen), var(--gloss-blue); box-shadow: var(--gloss-shadow); border-radius: var(--tab-radius); }
.site-footer__mark img { width: calc(22 * var(--f)); height: auto; }
.site-footer, .site-footer button, .site-footer__logo, .footer-stat { border-radius: var(--tab-radius); }
.site-footer__column button { white-space: normal; line-height: 1.45; }
@media (max-width: 1100px) and (min-width: 701px) { .site-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); }.site-footer__stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .site-footer__column h3 { font-size: 19px; }.site-footer__column button { font-size: 14px; }.footer-stat strong { font-size: 20px; }.footer-stat span { font-size: 14px; } }

.site-footer { margin-bottom: max(20px, calc(20 * var(--f))); border-radius: var(--tab-radius); }
.footer-feedback { position: relative; padding-top: calc(5 * var(--f)); }
.footer-feedback__icon { color: #439fff; font-size: calc(25 * var(--f)); float: right; }
.footer-feedback h3 { font-size: calc(20 * var(--f)); margin: 0 0 calc(12 * var(--f)); }
.footer-feedback p { color: #858198; font-size: calc(14 * var(--f)); line-height: 1.5; margin: 0 0 calc(16 * var(--f)); }
.footer-feedback button { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: calc(12 * var(--f)); background: #1b3556; color: #66b1ff; font-size: calc(14 * var(--f)); font-weight: 700; text-align: left; }
.site-footer button:hover, .site-footer button:focus-visible { filter: brightness(1.06); }

.site-footer button:active { filter: brightness(.96); }
@media (prefers-reduced-motion: reduce) { .site-footer button, .site-footer__logo { transition: none; } }
@media (max-width: 700px) { .footer-feedback h3 { font-size: 19px; }.footer-feedback p { font-size: 14px; }.footer-feedback button { font-size: 12px; } }

.site-footer button { transition: filter 220ms ease; }
.footer-feedback p { margin-bottom: calc(10 * var(--f)); }
.footer-feedback button { font-size: calc(12 * var(--f)); padding: calc(10 * var(--f)); }
@media (prefers-reduced-motion: reduce) { .site-footer button { transition: none; } }

.payment-methods { min-height: calc(94 * var(--pay-unit)); }

/* A real flex spacer keeps the page background visible below the footer. */
body::after { content: ''; display: block; flex: 0 0 calc(12px + var(--safe-bottom)); height: calc(12px + var(--safe-bottom)); margin-top: calc(-10 * var(--u)); }
.site-footer { margin-bottom: 0; }
@media (max-width: 700px) {
 .site-footer { --f: .92px; padding: 20px 16px; gap: 20px; }
 .site-footer__column h3, .footer-feedback h3 { font-size: 17px; }
 .site-footer__column button, .footer-feedback p { font-size: 13px; }
 .footer-stat strong { font-size: 18px; }
 .footer-stat span { font-size: 13px; }
 .payment-methods__item { zoom: .94; }
}

/* Slightly smaller footer typography; keep the existing layout scale. */
.site-footer__logo { font-size: calc(23 * var(--f)); }
.site-footer__column h3, .footer-feedback h3 { font-size: calc(18.5 * var(--f)); }
.site-footer__column button, .footer-feedback p, .footer-stat span { font-size: calc(13 * var(--f)); }
.site-footer__support { font-size: calc(13 * var(--f)) !important; }
.footer-stat strong { font-size: calc(18.5 * var(--f)); }
.footer-feedback button { font-size: calc(11.5 * var(--f)); }
@media (max-width: 700px) {
 .site-footer__column h3, .footer-feedback h3 { font-size: 16px; }
 .site-footer__column button, .footer-feedback p, .footer-stat span { font-size: 12px; }
 .footer-stat strong { font-size: 17px; }
}