@font-face { font-family: "__FontFloripa_d46173"; src: url("/gta5/_next/static/media/777b8c3267723e30-s.p.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; }
@font-face { font-family: "__FontGotham_29c9b1"; src: url("/gta5/_next/static/media/dbd71dab0245af66-s.p.woff2") format("woff2"); font-display: swap; font-weight: 400; font-style: normal; }
@font-face { font-family: "__FontGotham_29c9b1"; src: url("/gta5/_next/static/media/83ad6d7df6a1d1c8-s.p.woff2") format("woff2"); font-display: swap; font-weight: 300; font-style: normal; }
@font-face { font-family: "__FontGotham_29c9b1"; src: url("/gta5/_next/static/media/9dd0d0e83d87b3a7-s.p.woff2") format("woff2"); font-display: swap; font-weight: 500; font-style: normal; }
@font-face { font-family: "__FontGotham_29c9b1"; src: url("/gta5/_next/static/media/aeae14db12b07391-s.p.woff2") format("woff2"); font-display: swap; font-weight: 700; font-style: normal; }
@font-face { font-family: "__FontGotham_29c9b1"; src: url("/gta5/_next/static/media/db9c8df30816b022-s.p.woff2") format("woff2"); font-display: swap; font-weight: 900; font-style: normal; }

:root {
  --donate-bg: #1d1d1f;
  --donate-panel: #202023;
  --donate-panel-2: #24242a;
  --donate-line: #3a3a40;
  --donate-muted: #999aa2;
  --donate-text: #f1f1f3;
  --donate-orange: #ff7627;
  --donate-blue: #168be3;
}

/* Footer shared visually with the main GTA5 page. */
.l5-modern-footer{margin-top:72px;padding:34px max(20px,calc((100vw - 1200px)/2));background:#171718;border-top:1px solid rgba(255,255,255,.12);color:#929396;font:14px/1.45 Arial,sans-serif}
.l5-modern-footer__top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12)}
.l5-modern-footer__brand{display:inline-flex;align-items:center;color:#fff}.l5-modern-footer__logo{display:block;width:148px;height:49px;fill:currentColor}.l5-modern-footer__brand>img{display:block!important;width:184px!important;height:62px!important;max-width:184px!important;object-fit:contain}
.l5-modern-footer__payments{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:16px}.l5-modern-footer__payments img{display:block;max-width:58px;max-height:27px;width:auto;height:auto;object-fit:contain}
.l5-modern-footer__bottom{display:flex;gap:20px;flex-wrap:wrap;padding-top:21px}.l5-modern-footer a{color:#d0d1d3;text-decoration:none}.l5-modern-footer a:hover{color:#fff}
.l5-modern-footer__legal{max-width:850px;margin:18px 0 0;color:#6f7074;font-size:11px}
@media (max-width:640px){.l5-modern-footer{margin-top:48px;padding:28px 20px}.l5-modern-footer__top{align-items:flex-start;flex-direction:column}.l5-modern-footer__logo{width:132px;height:44px}.l5-modern-footer__brand>img{width:150px!important;height:51px!important;max-width:150px!important}.l5-modern-footer__payments{justify-content:flex-start;gap:12px}.l5-modern-footer__payments img{max-width:52px}}

html, body { min-height: 100%; }
.l5-donate-page *, .l5-donate-page *::before, .l5-donate-page *::after { box-sizing: border-box; }
body.l5-donate-page {
  margin: 0;
  color: var(--donate-text);
  background: #1d1d1e !important;
  background-image: none !important;
  font-family: var(--font-gotham, "Gotham Pro", "Montserrat", Arial, sans-serif);
  letter-spacing: .01em;
}
html body.l5-page.l5-donate-page { background: #1d1d1e !important; background-image: none !important; }
body.l5-donate-page::before {
  display: none;
}
.l5-donate-page a { color: inherit; text-decoration: none; }
.l5-donate-page button, .l5-donate-page input { font: inherit; }

.l5-donate-header {
  width: 100%;
  margin: 0 auto;
  height: 82px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
  padding: 0 18px;
  box-sizing: border-box;
}
.l5-donate-logo { display: inline-flex; align-items: center; justify-self: start; }
.l5-donate-logo img { display: block; width: 110px; height: auto; }
.l5-donate-nav { display: flex; align-items: center; justify-self: center; justify-content: center; gap: 62px; color: #77777d; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.l5-donate-nav a { opacity: 1; transition: color .2s, opacity .2s; }
.l5-donate-nav a:hover { color: var(--donate-orange); opacity: 1; }
.l5-donate-nav a + a::before { display: none; }
.l5-donate-account { display: flex; align-items: center; gap: 18px; min-width: 150px; justify-self: end; justify-content: flex-end; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.l5-donate-account .top-pay { color: var(--donate-orange); }
.l5-donate-account .top-login { color: #c7c7cc; }
.l5-donate-account .navMain__profile-menu { margin: 0; padding: 0; }
.l5-donate-account .navMain__profile-menu a { color: #c7c7cc; }
.l5-donate-account .navMain__profile-menu > * { white-space: nowrap; }
.l5-donate-account .navMain__profile-menu .ml-auto { display: flex !important; align-items: center; justify-content: flex-end; gap: 18px; }
.l5-donate-account .navMain__profile-menu .mr-\[1\.625rem\] { margin: 0 !important; }
.l5-donate-account .navMain__profile-menu .mr-\[1\.625rem\] a { border: 0 !important; padding: 0 !important; color: var(--donate-orange) !important; background: transparent !important; }
.l5-donate-account .navMain__profile-menu .relative { display: none !important; }
.l5-donate-account #l5AccWrap { position: relative; }
.l5-donate-account #profileMenuBtn {
  display: inline-flex;
  align-items: center;
  height: 46px;
  margin: 0;
  padding: 0 0 0 24px;
  border: 0;
  border-left: 1px solid #3a3a40;
  background: transparent;
  color: #c7c7cc;
  font: inherit;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}
.l5-donate-account #profileMenuBtn > div:first-child {
  display: block !important;
  color: inherit;
  background: transparent;
}
.l5-donate-account #profileMenuBtn > div:last-child { display: none !important; }
.l5-donate-account #profileMenu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 300;
  width: 296px !important;
  padding: 16px 0;
  background: #101011;
  text-transform: none;
}
.l5-donate-account #profileMenu[hidden],
.l5-donate-account #profileMenu.hidden { display: none !important; }
.l5-donate-account #profileMenu > ul { display: flex; width: 100%; margin: 0; padding: 0; flex-direction: column; list-style: none; }
.l5-donate-account #profileMenu [role="menuitem"] {
  display: block;
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent;
  color: #c7c7cc;
  text-align: left;
  cursor: pointer;
  font: inherit;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
}
.l5-donate-account #profileMenu [role="menuitem"]:hover { background: var(--donate-orange); color: #171718; }
.l5-donate-account #profileMenu [role="menuitem"] a,
.l5-donate-account #profileMenu [role="menuitem"] > div {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 22px !important;
  border: 0 !important;
  align-items: center;
  justify-content: space-between;
  color: inherit;
  background: transparent !important;
  text-decoration: none;
  box-sizing: border-box;
}
.l5-donate-account #profileMenu #adminEntryBtn,
.l5-donate-account #profileMenu #adminMenuBtn,
.l5-donate-account #profileMenu .l5-menu-gap { margin-top: 34px; }
.l5-donate-account #profileMenu svg { width: 20px; height: 20px; flex: 0 0 20px; }

.l5-donate-main { width: 100%; margin: 0 auto; padding: 2px 17.6875px 76px; box-sizing: border-box; }
.l5-donate-title { margin: 14.8px 0 112.08px; text-align: center; font-family: var(--font-floripa, Impact, sans-serif); font-size: clamp(38px, 3.278vw, 64px); line-height: 1; letter-spacing: .04em; font-weight: 400; text-transform: uppercase; }
.donate-stage { display: grid; grid-template-columns: minmax(0, 1fr) 379.0625px minmax(0, 1fr); grid-template-rows: 285.40625px; align-items: start; height: 285.40625px; margin-bottom: 200.453125px; border: 1px solid var(--donate-line); background: transparent; }
.donate-side { height: 285.40625px; min-height: 0; padding: 29.5px; display: flex; flex-direction: column; justify-content: center; }
.donate-side h2 { margin: 0 0 11.8px; font-size: 17.7px; line-height: 22.125px; font-weight: 900; text-transform: none; }
.donate-side p { margin: 0 0 29.5px; color: #ecedf0; font-size: 11.8px; line-height: 14.75px; }
.donate-side .hint { font-size: 13px; }
.donate-converter, .donate-discounts > div { transform: translateY(-0.97px); }
.donate-converter { max-width: 452px; }
.donate-converter input, .donate-form input { width: 100%; height: 44.25px; box-sizing: border-box; padding: 0 13.275px; border: 1px solid #383838; border-radius: 0; background: #151515; color: var(--donate-text); outline: none; font-size: 11.8px; }
.donate-converter input:focus, .donate-form input:focus { border-color: var(--donate-orange); }
.donate-converter .converted { margin-top: 14px; color: #e8e8ec; font-weight: 700; }
.donate-converter .converted b { color: var(--donate-orange); }
.donate-discounts > div { width: 300.89px; max-width: 100%; }
.donate-discounts h2 { margin-bottom: 14.015px; }
.discount-row { display: flex; align-items: center; height: 27.656px; gap: 0; padding: 0; border: 0; color: #ecedf0; font-size: 11.8px; line-height: 14.75px; }
.discount-row + .discount-row { margin-top: 10.312px; }
.discount-row b { min-width: 62.6875px; color: #ff7a2f; white-space: nowrap; font-size: 22.125px; line-height: 27.656px; font-weight: 900; }
.donate-payment { position: relative; z-index: 3; height: 538.9375px; margin-top: -65.89px; }
.donate-payment-card { height: 489.390625px; min-height: 0; padding: 23.6px 26.55px 26.55px; box-sizing: border-box; border: 1px solid #383838; background: #202020; }
.payment-methods { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10.325px; height: 73.015625px; margin-bottom: 74.46875px; }
.payment-methods button { min-width: 0; min-height: 0; height: 100%; overflow: hidden; border: 1px solid var(--donate-line); background: #1b1b1e; color: #d8d8dd; cursor: pointer; font-weight: 700; }
.payment-methods button img { display: block; width: 100%; height: 100%; padding: 14px 16px; box-sizing: border-box; object-fit: contain; }
.payment-methods button.active { border-color: var(--donate-orange); background: rgba(87,45,28,.42); color: #fff; }
.payment-methods button[data-method="donationalerts"] img { padding: 4px 6px; }
.donate-form { display: flex; flex-direction: column; gap: 8.84375px; }
.donate-form label { color: #aaaab1; font-size: 0; }
.donate-form input { height: 44.25px; margin-top: 0; font-size: 11.8px; }
.donate-form .amount-line { position: relative; }
.donate-form .amount-line::before { content: "Сумма пополнения"; position: absolute; z-index: 1; left: 15px; top: 5px; color: #85858c; font-size: 8px; line-height: 1; }
.donate-form .amount-line::after { content: "₽"; position: absolute; right: 15px; bottom: 14px; color: #9c9ca2; }
.donate-form .amount-line input { padding: 11px 34px 0 15px; }
.dp-preview { margin: 5.90625px 0; text-align: center; color: #ecedf0; font-size: 11.8px; line-height: 14.734px; font-weight: 300; }
.dp-preview strong { color: #ecedf0; font-size: 11.8px; font-weight: 300; }
.currency-switch { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; min-width: 0; }
.currency-switch button { height: 44.953125px; padding: 0 7px; border: 1px solid #383838; background: #808080; color: rgba(255,255,255,.3); cursor: pointer; font-size: 11.8px; white-space: nowrap; }
.currency-switch button { min-width: 0; }
.currency-switch button.active { border-color: #ff7a2f; background: rgba(120,71,56,.33); color: #fff; }
.donate-form .donate-terms { display: flex; align-items: flex-start; gap: 6.64px; margin-top: 28.78px; color: #ecedf0; font-size: 8.85px; line-height: 12.531px; }
.donate-terms input { width: 12.531px; height: 12.531px; margin: 0; accent-color: #ff7a2f; }
.donate-submit { position: relative; width: 100%; height: 39.234375px; margin-top: 10.3125px; border: 0; border-radius: 0; background: #ff7a2f !important; background-image: none !important; color: #ecedf0; cursor: pointer; font-size: 11.8px; font-weight: 500; text-transform: uppercase; transition: filter .2s, transform .2s; }
.donate-submit-arrow { position: absolute; right: 12px; top: 50%; transform: translateY(-52%); font-size: 25px; font-weight: 300; }
.donate-submit:hover { filter: brightness(1.08); transform: translateY(-1px); }
.donate-submit:disabled { opacity: .55; cursor: wait; transform: none; }
.donate-alert { display: none; margin: 0 0 12px; padding: 10px 12px; border: 1px solid transparent; font-size: 12px; line-height: 1.35; }
.donate-alert.alert-danger { display: block; border-color: #8d3d3d; color: #ffb4b4; background: #3c2020; }
.donate-alert.alert-success { display: block; border-color: #3b825a; color: #b0f3c7; background: #1b3827; }

.donate-legal { margin: 11.8px 0 0; color: #50535b; text-align: center; font-size: 8.85px; line-height: 14.75px; }
.donate-shop { margin-top: 135.6875px; }
.donate-outline-title { margin: 0 0 52.359px; color: transparent; -webkit-text-stroke: 1px #4c4c51; text-align: center; font-family: var(--font-floripa, Impact, sans-serif); font-size: clamp(48px, 4.1997vw, 82px); line-height: 1; letter-spacing: .04em; font-weight: 400; text-transform: uppercase; white-space: nowrap; }
.donate-catalog { display: grid; grid-template-columns: 32.3% minmax(0, 1fr); gap: 23.59375px; }
.donate-catalog-main { min-width: 0; }
.donate-section { margin-top: 0; }
.donate-section h3 { margin: 0 0 28.78125px; color: rgba(255,255,255,.3); font-family: var(--font-floripa, Impact, sans-serif); font-size: clamp(38px, 3.278vw, 64px); line-height: 1; letter-spacing: .04em; font-weight: 400; text-transform: uppercase; }
.catalog-hint { margin: -10px 0 22px; color: #6e6e74; font-size: 11px; line-height: 1.45; }
.service-grid { display: grid; grid-template-columns: 1fr; gap: 0; border: 1px solid var(--donate-line); }
.service-card { min-height: 36.140625px; padding: 4px 12px; border: 0; border-bottom: 1px solid var(--donate-line); background: transparent; color: #ecedf0; text-align: left; cursor: pointer; transition: border-color .2s, background .2s; }
.service-card:last-child { border-bottom: 0; }
.service-card:hover { border-color: var(--donate-orange); background: #28282d; }
.service-card:disabled { opacity: .55; cursor: wait; }
.service-card strong { display: inline; margin-right: 8px; font-size: 11.8px; font-weight: 400; }
.service-card small { display: inline; float: right; color: #ecedf0; font-size: 11.8px; font-weight: 500; }
.vip-table { width: 100%; border-collapse: collapse; border: 1px solid var(--donate-line); background: var(--donate-panel); }
.vip-table th, .vip-table td { padding: 0 14px; border: 1px solid var(--donate-line); text-align: center; font-size: 11.8px; }
.vip-table thead th { height: 38.8125px; }
.vip-table tbody td { height: 36.359375px; }
.vip-table tbody tr:last-child td { height: 42.8125px; }
.vip-table th { color: #77777d; background: #1d1d20; font-weight: 800; text-transform: uppercase; }
.vip-table th:last-child { background: #1d1d20; }
.vip-table td { color: #68686e; background: #1d1d20; }
.vip-table td:first-child { text-align: left; color: #77777d; }
.vip-table tfoot td { height: 46.46875px; padding: 10.328125px 2px 0; border: 0; background: transparent; }
.vip-price { width: 100%; height: 36.140625px; border: 0; background: #808080; color: #ecedf0; cursor: pointer; font-size: 11.8px; }
.vip-price:hover, .pack-price:hover { background: #ff7a2f; }
.donate-packs { margin-top: 135.21875px; }
.donate-packs h3 { text-align: center; margin-bottom: 35.65625px; }
.packs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pack-card { display: flex; flex-direction: column; height: 517.859375px; border: 1px solid var(--donate-line); background: transparent; }
.pack-card h4 { display: flex; align-items: center; justify-content: center; min-height: 56.78125px; margin: 0; padding: 4px 12px; border-bottom: 1px solid var(--donate-line); text-align: center; font-size: 29.5px; line-height: 1; font-weight: 900; text-transform: uppercase; }
.pack-card ul { flex: 1; margin: 0; padding: 0; color: #ecedf0; font-size: 11.8px; line-height: 14.75px; list-style: none; }
.pack-card li { display: flex; align-items: center; height: 35.390625px; padding: 0 35.39px; }
.pack-price { width: 100%; height: 35.390625px; border: 0; padding: 0; background: #808080; color: #ecedf0; text-align: center; font-size: 11.8px; font-weight: 700; cursor: pointer; }
.l5-donate-footer { max-width: 1240px; margin: 0 auto; padding: 28px; border-top: 1px solid var(--donate-line); color: #8f8f96; text-align: center; font-size: 12px; }
.l5-cookie { position: fixed; left: 18px; right: 18px; bottom: 16px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 920px; margin: auto; padding: 14px 18px; border: 1px solid #44444a; background: rgba(28,28,31,.96); color: #c5c5cb; box-shadow: 0 8px 28px rgba(0,0,0,.35); font-size: 12px; }
.l5-cookie button { border: 0; padding: 8px 18px; background: var(--donate-orange); color: #fff; cursor: pointer; }

/* GTA5RP scales the whole donation composition up on large desktop screens. */
@media (min-width: 1620px) {
  .l5-donate-header { height: 109.333px; gap: 37.333px; padding: 0 24px; }
  .l5-donate-logo img { width: 146.667px; }
  .l5-donate-nav { gap: 82.667px; font-size: 16px; }
  .l5-donate-account { gap: 24px; min-width: 200px; font-size: 16px; }
  .l5-donate-account .navMain__profile-menu .ml-auto { gap: 24px; }

  .l5-donate-main { padding: 2.667px 23.594px 101.333px; }
  .l5-donate-title { margin: 19.733px 0 149.44px; font-size: 62.938px; }
  .donate-stage {
    width: min(calc(100% - 47.188px), 1547.75px);
    grid-template-columns: 520.164px 505.422px 520.164px;
    grid-template-rows: 380.547px;
    height: 380.547px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 267.271px;
  }
  .donate-side { height: 380.547px; padding: 39.333px; }
  .donate-side h2 { margin-bottom: 15.733px; font-size: 23.6px; line-height: 29.5px; }
  .donate-side p { margin-bottom: 39.333px; font-size: 15.733px; line-height: 19.667px; }
  .donate-side .hint { font-size: 17.333px; }
  .donate-converter, .donate-discounts > div { transform: translateY(-1.293px); }
  .donate-converter { max-width: 602.667px; }
  .donate-converter input, .donate-form input { height: 59px; padding: 0 17.7px; font-size: 15.733px; }
  .donate-converter .converted { margin-top: 18.667px; }
  .donate-discounts > div { width: 401.187px; }
  .donate-discounts h2 { margin-bottom: 18.687px; }
  .discount-row { height: 36.875px; font-size: 15.733px; line-height: 19.667px; }
  .discount-row + .discount-row { margin-top: 13.749px; }
  .discount-row b { min-width: 83.583px; font-size: 29.5px; line-height: 36.875px; }

  .donate-payment { height: 718.583px; margin-top: -87.853px; }
  .donate-payment-card { height: 652.521px; padding: 31.467px 35.4px 35.4px; }
  .payment-methods { gap: 13.767px; height: 97.354px; margin-bottom: 99.292px; }
  .payment-methods button img { padding: 18.667px 21.333px; }
  .payment-methods button[data-method="donationalerts"] img { padding: 5px 8px; }
  .donate-form { gap: 11.792px; }
  .donate-form input { height: 59px; font-size: 15.733px; }
  .donate-form .amount-line::before { left: 20px; top: 6.667px; font-size: 10.667px; }
  .donate-form .amount-line::after { right: 20px; bottom: 18.667px; }
  .donate-form .amount-line input { padding: 14.667px 45.333px 0 20px; }
  .dp-preview { margin: 7.875px 0; font-size: 15.733px; line-height: 19.645px; }
  .dp-preview strong { font-size: 15.733px; }
  .currency-switch { gap: 9.333px; }
  .currency-switch button { height: 59.938px; padding: 0 9.333px; font-size: 15.733px; }
  .donate-form .donate-terms { gap: 8.853px; margin-top: 38.373px; font-size: 11.8px; line-height: 16.708px; }
  .donate-terms input { width: 16.708px; height: 16.708px; }
  .donate-submit { height: 52.313px; margin-top: 13.75px; font-size: 15.733px; }
  .donate-submit-arrow { right: 16px; font-size: 33.333px; }
  .donate-alert { margin-bottom: 16px; padding: 13.333px 16px; font-size: 16px; }

  .donate-legal { margin-top: 15.733px; font-size: 11.8px; line-height: 19.667px; }
  .donate-shop { margin-top: 180.917px; }
  .donate-outline-title { margin-bottom: 69.812px; -webkit-text-stroke-width: 1.333px; font-size: 80.634px; }
  .donate-catalog { gap: 31.458px; }
  .donate-section h3 { margin-bottom: 38.375px; font-size: 62.938px; }
  .catalog-hint { margin: -13.333px 0 29.333px; font-size: 14.667px; }
  .service-card { min-height: 48.188px; padding: 5.333px 16px; }
  .service-card strong, .service-card small { font-size: 15.733px; }
  .vip-table th, .vip-table td { padding: 0 18.667px; font-size: 15.733px; }
  .vip-table thead th { height: 51.75px; }
  .vip-table tbody td { height: 48.479px; }
  .vip-table tbody tr:last-child td { height: 57.083px; }
  .vip-table tfoot td { height: 61.958px; padding: 13.771px 2.667px 0; }
  .vip-price { height: 48.188px; font-size: 15.733px; }
  .donate-packs { margin-top: 180.292px; }
  .donate-packs h3 { margin-bottom: 47.542px; }
  .packs-grid { gap: 21.333px; }
  .pack-card { height: 690.479px; }
  .pack-card h4 { min-height: 75.708px; padding: 5.333px 16px; font-size: 39.333px; }
  .pack-card ul { font-size: 15.733px; line-height: 19.667px; }
  .pack-card li { height: 47.188px; padding: 0 47.187px; }
  .pack-price { height: 47.188px; font-size: 15.733px; }
  .l5-donate-footer { max-width: 1653.333px; padding: 37.333px; font-size: 16px; }
  .l5-cookie { left: 24px; right: 24px; bottom: 21.333px; gap: 26.667px; max-width: 1226.667px; padding: 18.667px 24px; font-size: 16px; }
  .l5-cookie button { padding: 10.667px 24px; }
}

@media (max-width: 980px) {
  .l5-donate-header { height: 74px; grid-template-columns: auto 1fr; padding-top: 12px; padding-bottom: 12px; }
  .l5-donate-nav { display: none; }
  .l5-donate-account { grid-column: 2; }
  .l5-donate-title { margin: 28px 0 44px; }
  .donate-stage { display: flex; height: auto; margin-bottom: 0; flex-direction: column; border: 0; background: transparent; }
  .donate-payment { order: 1; width: min(100%, 420px); height: auto; margin: 0 auto; }
  .donate-payment-card { min-height: 0; }
  .payment-methods { margin-bottom: 34px; height: 72px; }
  .donate-side { border: 1px solid var(--donate-line); background: rgba(29,29,31,.96); }
  .donate-stage > .donate-side:first-child { order: 2; margin-top: 34px; }
  .donate-discounts { order: 3; border-top: 0; }
  .donate-side { padding: 34px 28px; }
  .donate-legal { margin-top: 36px; }
  .donate-shop { margin-top: 76px; }
  .donate-outline-title { white-space: normal; }
  .donate-catalog { grid-template-columns: 1fr; }
  .donate-catalog-main { margin-top: 28px; }
  .service-grid, .packs-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  html, body { overflow-x: hidden; }
  .l5-donate-main { padding-left: 14px; padding-right: 14px; }
  .l5-donate-header { grid-template-columns: 1fr; padding-left: 14px; padding-right: 14px; gap: 0; }
  .l5-donate-logo img { width: 112px; }
  .l5-donate-account { display: none; }
  .l5-donate-title { font-size: 24px; letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: clip; }
  .donate-side, .donate-payment { padding-left: 20px; padding-right: 20px; }
  .donate-payment { width: 100%; padding: 0; }
  .donate-payment-card { width: 100%; min-width: 0; padding-left: 20px; padding-right: 20px; overflow: hidden; }
  .payment-methods { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; min-width: 0; }
  .payment-methods button { min-width: 0; overflow: hidden; }
  .payment-methods button img { max-width: 100%; padding-left: 8px; padding-right: 8px; }
  .currency-switch { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; min-width: 0; }
  .currency-switch button { min-width: 0; padding: 0 3px; font-size: 10px; line-height: 1.15; white-space: normal; }
  .donate-side h2 { font-size: 19px; overflow-wrap: anywhere; }
  .donate-outline-title { font-size: 48px; -webkit-text-stroke-width: 1px; }
  .donate-section h3 { font-size: 42px; }
  .service-grid, .packs-grid { grid-template-columns: 1fr; }
  .vip-table { display: block; overflow-x: auto; white-space: nowrap; }
  .l5-cookie { position: static; width: auto; max-width: none; margin: 24px 14px 8px; }
}

/* Keep the donation page navigation visually identical to the main page. */
@media (min-width: 981px) {
  .l5-donate-header {
    height: 136px;
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
    padding: 0 44px;
  }
  .l5-donate-logo img { width: 110px; }
  .l5-donate-nav { gap: 74px; font-size: 15px; }
  .l5-donate-nav a[href="/vacancy"] { display: none !important; }
  .l5-donate-account { min-width: 300px; gap: 24px; font-size: 15px; }
  .l5-donate-account .navMain__profile-menu .ml-auto { gap: 24px; }
  /* header donate only — never #profileMenu links */
  .l5-donate-account .top-pay,
  .l5-donate-account .navMain__profile-menu .mr-\[1\.625rem\] a[href="/donate"] {
    min-width: 166px;
    height: 46px;
    padding: 0 26px !important;
    border: 1px solid #3a3a40 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ff7627 !important;
    background: transparent !important;
  }
  .l5-donate-account .top-login,
  .l5-donate-account a[href="/login"] {
    height: 46px;
    padding: 0 0 0 24px !important;
    border-left: 1px solid #3a3a40 !important;
    display: inline-flex;
    align-items: center;
    color: #c7c7cc !important;
  }
  .l5-donate-account #profileMenuBtn {
    height: 46px;
    padding: 0 0 0 24px;
    border-left: 1px solid #3a3a40;
    color: #c7c7cc;
  }
  .l5-donate-account .navMain__profile-menu .relative {
    display: flex !important;
  }
  .l5-donate-account #l5AccWrap.l5-mobile-menu {
    display: none !important;
  }
}

/* Keep the DP result preview and its original DP tab; hide only extra currencies. */
.l5-donate-page .currency-switch {
  display: grid !important;
  grid-template-columns: 1fr !important;
}
.l5-donate-page .currency-switch button:nth-child(n + 2) {
  display: none !important;
}
.l5-donate-page .dp-preview {
  display: block !important;
}