.payment-widget{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.payment-widget__logo{display:flex;align-items:center;flex-shrink:0}.payment-widget__logo img{display:block;height:auto}.payment-widget__text{display:flex;align-items:center;flex-wrap:wrap;gap:4px;line-height:1.4}.payment-widget__text span{white-space:nowrap}.payment-widget__amount{font-weight:700}.payment-widget__info-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1.5px solid currentColor;background:transparent;color:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:0;line-height:1;transition:background .2s,color .2s;flex-shrink:0;font-family:inherit}.payment-widget__info-trigger:hover{background:var(--color-text, #151515);color:var(--color-background, #ffffff)}.payment-widget__learn-more{background:none;border:none;padding:0;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;text-underline-offset:3px}.payment-widget__learn-more:hover{opacity:.7}.payment-widget-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.payment-widget-modal.is-active{opacity:1;visibility:visible}.payment-widget-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;cursor:pointer}.payment-widget-modal__container{position:relative;background:#fff;border-radius:12px;max-width:620px;width:calc(100% - 40px);max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 20px 60px #0003;transform:translateY(20px);transition:transform .3s ease;z-index:2}.payment-widget-modal.is-active .payment-widget-modal__container{transform:translateY(0)}.payment-widget-modal__close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#00000014;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:3;transition:background .2s}.payment-widget-modal__close:hover{background:#00000026}.payment-widget-modal__close svg{width:14px;height:14px}.payment-widget-modal__header{text-align:center;padding:40px 40px 24px}.payment-widget-modal__header-logo{margin-bottom:20px}.payment-widget-modal__header-logo img{max-height:50px;display:inline-block}.payment-widget-modal__heading{font-size:24px;font-weight:700;line-height:1.3;margin:0 0 8px;color:#1a1a2e;font-style:italic}.payment-widget-modal__subheading{font-size:16px;font-weight:400;color:#1a1a2e;font-style:italic;margin:0}.payment-widget-modal__body{padding:0 40px 30px}.payment-widget-modal__section-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#1a1a2e}.payment-widget-modal__description{font-size:14px;line-height:1.6;color:#555;margin:0 0 30px}.payment-widget-modal__steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;margin-bottom:30px}.payment-widget-modal__step{text-align:center}.payment-widget-modal__step-number{width:56px;height:56px;border-radius:50%;background:#b8a9d4;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 12px}.payment-widget-modal__step-text{font-size:13px;line-height:1.4;color:#333}.payment-widget-modal__requirements{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px 0;border-top:1px solid #eee}.payment-widget-modal__requirement{display:flex;align-items:center;gap:8px;font-size:13px;color:#333}.payment-widget-modal__requirement-icon{width:24px;height:24px;border-radius:50%;background:#5cb85c;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.payment-widget-modal__requirement-icon svg{width:12px;height:12px}.payment-widget-modal__footer{text-align:center;padding:0 40px 30px}.payment-widget-modal__footer a{font-size:14px;color:#555}@media screen and (max-width:749px){.payment-widget-modal__container{width:calc(100% - 24px);max-height:calc(100vh - 40px)}.payment-widget-modal__header{padding:32px 24px 20px}.payment-widget-modal__body,.payment-widget-modal__footer{padding:0 24px 24px}.payment-widget-modal__heading{font-size:20px}.payment-widget-modal__steps{grid-template-columns:repeat(2,1fr)}.payment-widget-modal__requirements{flex-direction:column;align-items:flex-start;padding-left:12px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/payment-widgets.css.map */
