/* Онлайн-оплата: интерфейс подготовлен для будущей интеграции с эквайрингом. */
.payment-modal{width:min(640px,calc(100% - 28px));max-height:min(900px,calc(100vh - 32px));margin:auto;padding:0;border:0;border-radius:26px;background:#f8faff;color:#0c172b;box-shadow:0 34px 100px rgba(4,14,31,.42);overflow:auto}.payment-modal::backdrop{background:rgba(6,16,31,.72);backdrop-filter:blur(7px)}.payment-modal__close{position:absolute;top:18px;right:18px;z-index:2;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}.payment-modal__close:hover{background:rgba(255,255,255,.2);transform:rotate(4deg)}.payment-modal__close svg{width:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.payment-modal__head{display:grid;grid-template-columns:auto 1fr;gap:19px;padding:36px 70px 31px 34px;background:radial-gradient(circle at 8% 0,#294d7e,transparent 42%),linear-gradient(135deg,#081629,#132d50);color:#fff}.payment-modal__mark{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#ffb35d,#ff8b2c);color:#0a1a31}.payment-modal__mark svg{width:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.payment-modal__eyebrow{margin:1px 0 7px;color:#b9ceec;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.payment-modal h2{margin:0;font:700 clamp(23px,3vw,32px)/1.18 Unbounded,Manrope,sans-serif;letter-spacing:-.045em}.payment-modal__head>div>p:last-child{max-width:455px;margin:12px 0 0;color:#c8d5e7;font-size:12px}.payment-methods{display:flex;align-items:center;gap:8px;padding:20px 34px 0}.payment-method{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 11px;border:1px solid #dce4ef;border-radius:10px;background:#fff;font-size:11px;font-weight:800;letter-spacing:.01em}.payment-method--mir{color:#168f62}.payment-method--sbp{color:#5b47b7}.payment-method--card{color:#526076;font-weight:700}.payment-form{display:grid;gap:15px;padding:22px 34px 31px}.payment-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-field{display:grid;gap:7px}.payment-field>span:first-child{color:#435068;font-size:11px;font-weight:800}.payment-field em{color:#8a94a6;font-size:9px;font-style:normal;font-weight:500}.payment-field input{width:100%;height:52px;padding:0 15px;border:1px solid #d7e0ec;border-radius:13px;outline:0;background:#fff;color:#0c172b;font:14px Manrope,Arial,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}.payment-field input:focus{border-color:#2d64f0;box-shadow:0 0 0 4px rgba(45,100,240,.1)}.payment-field__control{position:relative}.payment-field__control input{padding-right:42px}.payment-field__control b{position:absolute;right:16px;top:50%;color:#657289;transform:translateY(-50%)}.payment-agree{display:flex;align-items:flex-start;gap:10px;color:#69758a;font-size:10px;line-height:1.4}.payment-agree input{margin:2px 0 0;accent-color:#2d64f0}.payment-agree a{text-decoration:underline;text-underline-offset:2px}.payment-submit{display:flex;align-items:center;justify-content:center;gap:11px;min-height:56px;border:0;border-radius:15px;background:linear-gradient(135deg,#ffb35d,#ff8b2c);color:#07182e;font:800 15px Manrope,Arial,sans-serif;box-shadow:0 14px 30px rgba(255,139,44,.22);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease}.payment-submit:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(255,139,44,.3)}.payment-submit svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.payment-form__status{min-height:18px;margin:-4px 0 0;color:#a55a17;font-size:11px;font-weight:700;text-align:center}.payment-form__secure{display:flex;align-items:center;justify-content:center;gap:7px;margin:-7px 0 0;color:#788498;font-size:10px;text-align:center}.payment-form__secure svg{width:16px;flex:0 0 auto;fill:none;stroke:#4ba97b;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body:has(.payment-modal[open]){overflow:hidden}
@media(max-width:720px){.payment-modal__head{grid-template-columns:1fr;padding:29px 58px 25px 24px}.payment-modal__mark{width:48px;height:48px}.payment-methods{padding:17px 22px 0;flex-wrap:wrap}.payment-form{padding:19px 22px 25px}.payment-form__row{grid-template-columns:1fr}.payment-modal__close{top:13px;right:13px}.wafab{bottom:15px}}
@media(max-width:480px){.payment-method{font-size:10px}}
@media(prefers-reduced-motion:reduce){.payment-modal__close,.payment-submit{transition:none}}

/* Metallic gold accents replace the previous orange CTA treatment. */
.payment-modal__mark{
  background:linear-gradient(135deg,#fff2bd 0%,#d9ae47 48%,#b87916 100%);
  box-shadow:inset 0 1px rgba(255,255,255,.78),0 8px 20px rgba(148,101,20,.22);
}
.payment-submit{
  background:linear-gradient(135deg,#fff2bd 0%,#e5c463 30%,#bd8120 68%,#e9cc70 100%);
  box-shadow:0 14px 30px rgba(148,101,20,.26),inset 0 1px rgba(255,255,255,.78),inset 0 -1px rgba(91,55,5,.22);
}
.payment-submit:hover{
  background:linear-gradient(135deg,#fff8d6 0%,#efd67f 32%,#ca922d 68%,#f2db87 100%);
  box-shadow:0 18px 38px rgba(148,101,20,.35),inset 0 1px rgba(255,255,255,.82);
}
.payment-form__status{color:#86601b}

/* Online payment entry lives in the footer instead of covering page content. */
.foot-payment{
  width:100%;
  max-width:260px;
  min-height:62px;
  margin-top:13px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:15px;
  background:rgba(255,255,255,.055);
  color:#fff;
  font-family:Manrope,Arial,sans-serif;
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px rgba(255,255,255,.04);
  transition:border-color .22s ease,background .22s ease,transform .22s ease;
}
.foot-payment:hover{
  transform:translateY(-2px);
  border-color:rgba(229,196,99,.55);
  background:rgba(255,255,255,.09);
}
.foot-payment:focus-visible{outline:3px solid rgba(229,196,99,.45);outline-offset:3px}
.foot-payment__icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:linear-gradient(135deg,#fff2bd 0%,#d9ae47 48%,#b87916 100%);
  color:#0b1c35;
  box-shadow:inset 0 1px rgba(255,255,255,.78),0 8px 20px rgba(0,0,0,.2);
}
.foot-payment__icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.foot-payment__copy{display:grid;line-height:1.15}
.foot-payment__copy b{font-size:13px}
.foot-payment__copy small{margin-top:4px;color:#9eafc5;font-size:10px}
.foot-payment__arrow{color:#e9cc70;font-size:18px;font-weight:800;transition:transform .22s ease}
.foot-payment:hover .foot-payment__arrow{transform:translateX(3px)}
@media(max-width:850px){.foot-payment{max-width:280px}}
@media(max-width:600px){.foot-payment{max-width:none}}
@media(prefers-reduced-motion:reduce){.foot-payment,.foot-payment__arrow{transition:none}}