/* Онлайн-оплата: интерфейс подготовлен для будущей интеграции с эквайрингом. */
.payment-tab{position:fixed;left:0;top:50%;z-index:11;display:flex;align-items:center;gap:11px;min-height:66px;padding:9px 14px 9px 10px;border:1px solid #dce5f3;border-left:0;border-radius:0 17px 17px 0;background:#fff;color:#0c172b;box-shadow:0 16px 42px rgba(8,24,49,.18);cursor:pointer;transform:translateY(-50%);transition:transform .25s ease,box-shadow .25s ease}.payment-tab:hover{transform:translateY(calc(-50% - 3px));box-shadow:0 20px 50px rgba(8,24,49,.25)}.payment-tab__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ffb35d,#ff8b2c);color:#0b1c35}.payment-tab__icon svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.payment-tab__copy{display:grid;text-align:left;line-height:1.15}.payment-tab__copy b{font-size:13px}.payment-tab__copy small{margin-top:4px;color:#69758a;font-size:10px}.payment-tab__arrow{color:#2d64f0;font-size:18px;font-weight:800}
.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-tab{top:auto;left:14px;bottom:15px;min-height:52px;padding:6px 12px 6px 7px;border:1px solid #dce5f3;border-radius:15px;transform:none}.payment-tab:hover{transform:translateY(-2px)}.payment-tab__icon{width:38px;height:38px}.payment-tab__copy small,.payment-tab__arrow{display:none}.payment-tab__copy b{font-size:12px}.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-tab__copy,.payment-tab__arrow{display:none}.payment-tab{border-radius:50%;width:52px;height:52px;padding:7px}.payment-tab__icon{width:36px;height:36px}.payment-method{font-size:10px}}
@media(prefers-reduced-motion:reduce){.payment-tab,.payment-modal__close,.payment-submit{transition:none}}

/* Metallic gold accents replace the previous orange CTA treatment. */
.payment-tab__icon,.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}

/* Vertical side tab on desktop and mobile. */
.payment-tab{
  width:66px;
  height:220px;
  min-height:0;
  padding:10px 7px;
  flex-direction:column;
  justify-content:flex-start;
  gap:9px;
  border-radius:0 18px 18px 0;
}
.payment-tab:hover{transform:translate(3px,-50%)}
.payment-tab__icon{flex:0 0 42px;width:42px;height:42px}
.payment-tab__copy{
  display:flex;
  flex:1 1 auto;
  align-items:center;
  justify-content:center;
  min-height:0;
  text-align:center;
  line-height:1;
}
.payment-tab__copy b{
  display:block;
  white-space:nowrap;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-size:13px;
  letter-spacing:.025em;
}
.payment-tab__copy small{display:none}
.payment-tab__arrow{
  display:block;
  flex:0 0 auto;
  line-height:1;
  transform:rotate(90deg);
}

@media(max-width:720px){
  .payment-tab{
    top:50%;
    bottom:auto;
    left:0;
    width:56px;
    height:184px;
    min-height:0;
    padding:8px 6px;
    gap:7px;
    border-left:0;
    border-radius:0 16px 16px 0;
    transform:translateY(-50%);
  }
  .payment-tab:hover{transform:translate(2px,-50%)}
  .payment-tab__icon{flex-basis:38px;width:38px;height:38px}
  .payment-tab__copy{display:flex}
  .payment-tab__copy b{font-size:11px}
  .payment-tab__arrow{display:block;font-size:16px}
}

@media(max-width:480px){
  .payment-tab{
    width:52px;
    height:172px;
    padding:7px 5px;
    border-radius:0 15px 15px 0;
  }
  .payment-tab__copy{display:flex}
  .payment-tab__arrow{display:block}
  .payment-tab__icon{width:36px;height:36px}
}