/* Compact, continuous payment ribbon — dark and gold footer. */
:root {
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 18px;
  --space-6: 24px;
  --control-height: 44px;
  --text-small: 0.8125rem;
  --ribbon-logo-width: 98px;
  --ribbon-logo-height: 34px;
  --ribbon-fade: 24px;
  --mask-solid: #000;
  --gold-hover: rgba(201,168,76,0.1);
}
.skip-link { position: fixed; top: var(--space-3); left: var(--space-3); z-index: 1000; padding: var(--space-3) var(--space-4); background: var(--gold-300); color: var(--bg-900); border-radius: var(--radius-sm); transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
:where(a, button):focus-visible { outline: 2px solid var(--gold-300); outline-offset: 4px; }
#main-content { scroll-margin-top: 88px; }
.footer-bottom, .footer-bottom p { color: var(--text-300); }
.tg-bubble--out .tg-meta { color: #d5e4ef; }
@media (max-width: 380px) {
  .nav-inner { gap: var(--space-2); }
  .nav-inner .btn-nav { padding: 10px 12px; font-size: 0.6875rem; }
  .nav-burger { flex-shrink: 0; }
  .referral-cta .btn { max-width: 100%; white-space: normal; padding: var(--space-3) var(--space-4); justify-content: center; }
}
.footer-payment-bar {
  gap: var(--space-6);
  padding: var(--space-5) 0;
  border: 0;
  border-top: 1px solid var(--border-sm);
  border-bottom: 1px solid var(--border-sm);
  border-radius: 0;
  background: transparent;
}
.footer-payment-bar__logos-window {
  position: relative;
  padding-top: var(--space-6);
  mask-image: linear-gradient(to right, transparent, var(--mask-solid) var(--ribbon-fade), var(--mask-solid) calc(100% - var(--ribbon-fade)), transparent);
}
.footer-payment-bar__logos-window::before {
  content: "СПОСОБЫ ОПЛАТЫ";
  position: absolute;
  top: 0;
  left: var(--space-6);
  color: var(--gold-400);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.2em;
}
.footer-payment-bar__logos-track { animation: footer-payment-marquee 36s linear infinite; will-change: auto; }
.footer-payment-bar__logos-group { gap: var(--space-6); padding-right: var(--space-6); }
.footer-payment-bar .payment-logo {
  flex: 0 0 var(--ribbon-logo-width);
  width: var(--ribbon-logo-width);
  height: var(--ribbon-logo-height);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden;
}
.footer-payment-bar .payment-logo img { height: 30px; width: 100%; object-fit: contain; }
.footer-payment-bar .payment-logo img[src$="/bepaid.png"],
.footer-payment-bar .payment-logo img[src$="/apple-pay.png"],
.footer-payment-bar .payment-logo img[src$="/samsung-pay.png"] {
  filter: grayscale(1) invert(1) brightness(1.4);
  mix-blend-mode: screen;
}
.footer-payment-bar .payment-logo img[src$="/apple-pay.png"] { transform: scale(1.5); }
.footer-payment-bar .payment-logo img[src$="/samsung-pay.png"] { transform: scale(1.35); }
.footer-payment-bar .payment-logo img[src$="/erip.png"] { transform: scale(1.45); }
.footer-payment-bar__links { border-left: 1px solid var(--border); padding-left: 22px; }
.footer-payment-bar__links a { min-width: 0; width: auto; padding: 0 var(--space-3); height: var(--control-height); font-size: var(--text-small); background: transparent; color: var(--gold-400); }
.footer-payment-bar__links a:hover { background: var(--gold-hover); }
@media (max-width: 900px) {
  .footer-payment-bar { gap: var(--space-5); }
  .footer-payment-bar__links { border-left: 0; padding-left: 0; }
  .footer-payment-bar__links { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
}
@media (prefers-reduced-motion: reduce) {
  .footer-payment-bar__logos-track { animation: none; }
}