/* Кнопка «В корзину» с выбором оплаты — вариант 5 «всплытие» (portit-paychoice.js) */
.portit-paychoice{position:relative;display:block;width:100%;min-height:56px}
.portit-paychoice>#button-cart{width:100%}
.portit-paychoice-row{position:absolute;inset:0;display:flex;gap:8px;pointer-events:none}
.portit-paychoice-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;color:#fff;cursor:pointer;opacity:0;transform:translateY(14px) scale(.9);font:inherit;padding:0 10px;min-width:0}
.portit-paychoice-opt svg{width:20px;height:20px;flex:none}
.portit-paychoice-opt span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;min-width:0}
.portit-paychoice-opt b{font-size:15px;font-weight:600;white-space:nowrap}
.portit-paychoice-opt small{font-size:11px;opacity:.8;white-space:nowrap}
.portit-paychoice-opt.is-invoice{background:#2b3338}.portit-paychoice-opt.is-invoice:hover{background:#1c2226}
.portit-paychoice-opt.is-sbp{background:linear-gradient(135deg,#0f9d58,#0b7a8f)}.portit-paychoice-opt.is-sbp:hover{filter:brightness(1.07)}
.portit-paychoice-opt:focus-visible{outline:3px solid rgba(43,108,176,.45);outline-offset:2px}
.portit-paychoice-ring{position:absolute;inset:0;border-radius:10px;pointer-events:none}
.portit-paychoice.is-open>#button-cart{animation:portitPayPop .5s forwards;pointer-events:none}
.portit-paychoice.is-open .portit-paychoice-row{pointer-events:auto}
.portit-paychoice.is-open .portit-paychoice-opt{animation:portitPayRise .45s cubic-bezier(.2,.9,.3,1.25) forwards}
.portit-paychoice.is-open .portit-paychoice-opt.is-sbp{animation-delay:.12s}
.portit-paychoice.is-open .portit-paychoice-ring{animation:portitPayRing .7s ease-out}
.portit-paychoice.is-done>#button-cart{animation:portitPayBack .35s ease-out}
@keyframes portitPayPop{0%{transform:scale(1)}40%{transform:scale(1.04)}100%{transform:scale(.6);opacity:0;visibility:hidden}}
@keyframes portitPayRise{to{opacity:1;transform:none}}
@keyframes portitPayRing{from{box-shadow:0 0 0 0 rgba(217,68,58,.5)}to{box-shadow:0 0 0 18px rgba(217,68,58,0)}}
@keyframes portitPayBack{from{transform:scale(.9);opacity:.4}to{transform:none;opacity:1}}
@media (max-width:420px){.portit-paychoice-opt small{display:none}.portit-paychoice-opt b{font-size:14px}}
@media (prefers-reduced-motion:reduce){.portit-paychoice *{animation-duration:.01s!important}}