/* IQIPro V11: single-column, predictable responsive payment layout */
#payment-panel.iq6-ready{box-sizing:border-box!important;display:block!important;width:min(100%,620px)!important;min-width:0!important;max-width:620px!important;margin:22px auto!important;padding:clamp(16px,3vw,26px)!important;border:1px solid rgba(237,139,87,.45)!important;border-radius:25px!important;background:linear-gradient(155deg,#17232d,#101c27 60%,#191d29)!important;color:#f7f6f4!important;box-shadow:0 12px 35px #0003!important;overflow:visible!important;animation:iq11-appear .35s ease both}
#payment-panel.iq6-ready *,#payment-panel.iq6-ready *::before,#payment-panel.iq6-ready *::after{box-sizing:border-box!important}
#payment-panel[hidden],#payment-panel [hidden]{display:none!important}
#payment-panel .iq6-hidden-original{display:none!important}
#payment-panel .iq6-view{width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;gap:16px!important}
#payment-panel .iq6-heading{text-align:center!important;margin:0!important}
#payment-panel .iq6-heading h2{font-size:clamp(23px,4.2vw,32px)!important;line-height:1.2!important;margin:0 0 8px!important;color:#f8f8fa!important;font-weight:800!important}
#payment-panel .iq6-heading h2 span:first-child{color:#f3a06a!important;text-shadow:none!important;filter:none!important}
#payment-panel .iq6-heading p{font-size:clamp(13px,2.5vw,16px)!important;line-height:1.5!important;margin:0!important;color:#c7d0d8!important}
#payment-panel .iq6-pricebar{display:flex!important;flex-direction:column!important;gap:9px!important;align-items:center!important;padding:12px!important;margin:0!important;border-radius:16px!important;border:1px solid #db89585c!important;background:#e98d4820!important;box-shadow:none!important}
#payment-panel .iq6-price{font-size:clamp(27px,5vw,37px)!important;line-height:1.1!important;font-weight:850!important;letter-spacing:0!important;color:#f4a16a!important;text-shadow:none!important;white-space:nowrap!important}
#payment-panel .iq6-perks{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px 18px!important;border:0!important;padding:0!important;font-size:12px!important;color:#e0e3e7!important}
#payment-panel .iq6-perks span::before{content:'✓';color:#f1a06e;background:none;box-shadow:none;margin-right:5px}
#payment-panel .iq6-main{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;width:100%!important;min-width:0!important;margin:0!important}
#payment-panel .iq6-qr-side{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;padding:8px 0 0!important;position:relative!important}
#payment-panel .iq6-qr-side::after{display:none!important;content:none!important}
#payment-panel .iq6-qr-side img{display:block!important;width:min(100%,235px)!important;max-width:235px!important;min-width:0!important;height:auto!important;object-fit:contain!important;padding:6px!important;border:2px solid #f0aa7c!important;border-radius:19px!important;background:white!important;box-shadow:0 7px 20px #0003!important;filter:none!important}
#payment-panel .iq6-details{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;min-width:0!important;max-width:100%!important;border:1px solid #ffffff22!important;border-radius:17px!important;padding:4px 14px!important;background:#ffffff05!important}
#payment-panel .iq6-detail{display:grid!important;grid-template-columns:34px minmax(0,1fr) 36px!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;padding:12px 0!important;border-bottom:1px solid #ffffff1d!important}
#payment-panel .iq6-detail:last-child{border-bottom:0!important}
#payment-panel .iq6-detail-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;font-size:19px!important;color:#eaa16f!important;background:#e68a4b18!important;border-radius:10px!important;box-shadow:none!important}
#payment-panel .iq6-detail-text{min-width:0!important;width:100%!important;max-width:100%!important}
#payment-panel .iq6-detail-label{display:block!important;font-size:12px!important;line-height:1.4!important;color:#bac5d0!important;margin:0 0 4px!important}
#payment-panel .iq6-detail-value,#payment-panel .iq6-order,#payment-panel .iq6-reference,#payment-panel .iq6-amount{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;font-size:clamp(12px,2.8vw,17px)!important;line-height:1.45!important;font-weight:750!important;letter-spacing:0!important;color:#f8f8fa!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;text-shadow:none!important}
#payment-panel .iq6-detail-value.iq6-amount{font-size:clamp(18px,4vw,23px)!important;color:#f3a16c!important;white-space:nowrap!important}
#payment-panel .iq6-copy{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-height:0!important;min-width:0!important;padding:0!important;border-radius:10px!important;border:1px solid #e6a07677!important;background:#e99b6530!important;color:#f9e3d5!important;font-size:18px!important;box-shadow:none!important;cursor:pointer!important}
#payment-panel .iq6-copy:hover{background:#e99b6555!important;transform:none!important;box-shadow:none!important}
#payment-panel .iq6-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;width:100%!important;min-width:0!important;margin:0!important;padding:13px 5px!important;border:1px solid #e69a624a!important;border-radius:16px!important;background:#ffffff06!important;box-shadow:none!important}
#payment-panel .iq6-step{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;min-width:0!important;text-align:center!important;font-size:clamp(10px,2.3vw,13px)!important;line-height:1.4!important;color:#e9e9ed!important}
#payment-panel .iq6-step-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#d98249!important;color:white!important;font-size:17px!important;box-shadow:none!important}
#payment-panel .iq6-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;margin:0!important}
#payment-panel .iq6-actions button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:48px!important;padding:10px!important;border:1px solid #efaa7e!important;border-radius:14px!important;background:linear-gradient(180deg,#ef9a5f,#dd7940)!important;color:#15202a!important;font-size:clamp(11px,2.2vw,14px)!important;font-weight:750!important;line-height:1.25!important;text-align:center!important;box-shadow:0 3px 9px #0002!important;filter:none!important;transform:none!important;transition:background .2s ease,transform .2s ease!important;cursor:pointer!important}
#payment-panel .iq6-actions button:hover{background:linear-gradient(180deg,#f1a672,#e48a51)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0003!important}
#payment-panel .iq6-actions button:disabled{opacity:.6!important;cursor:wait!important}
#payment-panel .iq6-note,#payment-panel .iq6-message{margin:0!important;text-align:center!important;font-size:12px!important;line-height:1.55!important;color:#bfcbd5!important}
#payment-panel .iq6-message{color:#f1b48e!important}
@keyframes iq11-appear{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){#payment-panel.iq6-ready{padding:15px!important;border-radius:20px!important}#payment-panel .iq6-view{gap:13px!important}#payment-panel .iq6-qr-side img{max-width:215px!important}#payment-panel .iq6-actions{grid-template-columns:1fr!important}#payment-panel .iq6-actions button{min-height:47px!important}#payment-panel .iq6-details{padding:3px 10px!important}#payment-panel .iq6-detail{grid-template-columns:29px minmax(0,1fr) 32px!important;gap:7px!important}#payment-panel .iq6-detail-icon{width:29px!important;height:29px!important}#payment-panel .iq6-copy{width:32px!important;height:32px!important}}
@media(prefers-reduced-motion:reduce){#payment-panel.iq6-ready{animation:none!important}#payment-panel .iq6-actions button{transition:none!important}}