/* Purchase dialog — dark marketplace treatment; overrides legacy Bootstrap colors */
#buyModal .modal-dialog{max-width:930px}#buyModal .modal-content{overflow:hidden!important;border:1px solid #334268!important;border-radius:20px!important;background:#10182d!important;box-shadow:0 28px 90px #000a!important}#buyModal .modal-header{position:relative;padding:22px 25px!important;border:0!important;background:linear-gradient(115deg,#202e62,#352263)!important}#buyModal .modal-header:after{content:'';position:absolute;right:-50px;top:-120px;width:250px;height:250px;border:42px solid #a391ff18;border-radius:50%}#buyModal .modal-title{position:relative;z-index:1;display:flex;align-items:center;gap:10px;font-size:18px!important;letter-spacing:-.02em}#buyModal .modal-title i{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff18;color:#a4ffdb;font-size:15px}#buyModal .modal-title+small{position:relative;z-index:1;display:block;margin-left:42px;margin-top:3px;color:#bdc8e6!important;font-size:12px!important}#buyModal .btn-close{position:relative;z-index:2;display:grid!important;place-items:center;width:33px;height:33px;padding:0!important;border-radius:10px!important;background:#ffffff12!important;opacity:1!important}#buyModal .modal-body{padding:23px 25px!important;background:linear-gradient(135deg,#10182d,#0d1427)!important}#buyModal .modal-body>.row>div:first-child{padding-right:20px}#buyModal .modal-body>.row>div:last-child{padding-left:20px;border-left:1px solid #36446166}#buyModal label.fw-bold{display:flex;align-items:center;gap:7px;margin-bottom:11px!important;color:#eef4ff;font-size:13px}#buyModal label.fw-bold i{color:#9d9cff!important}#buyModal #modal-package-label{margin-top:0!important}#buyModal .modal-package-list{gap:6px;max-height:218px;padding:1px 3px 1px 1px}#buyModal .modal-package{grid-template-columns:minmax(0,1fr) auto 12px!important;padding:8px 11px!important;border-color:#283654!important;background:#0a1121!important;border-radius:10px!important}#buyModal .modal-package:hover,#buyModal .modal-package.selected{border-color:#7d89ff!important;background:linear-gradient(100deg,#202866,#182143)!important;box-shadow:0 0 0 1px #7d89ff22}#buyModal .modal-package b{font-size:12px!important;line-height:1.25;color:#eaf1ff}#buyModal .modal-package small{margin-top:2px!important;font-size:9px!important;line-height:1.2;color:#7f91b1!important}#buyModal .modal-package strong{color:#8fffd0!important;font-family:'JetBrains Mono',monospace;font-size:10px}#buyModal #modal-type-name{height:112px!important;margin-top:12px!important;padding:12px!important;border:1px solid #283654!important;border-radius:11px!important;background:#091121!important;color:#b7c5dc!important;font-size:12px!important}#buyModal #modal-soluong{height:49px!important;border:1px solid #364669!important;border-radius:11px!important;background:#091121!important;color:#fff!important;font-size:20px!important}#buyModal .text-warning{color:#ffcf62!important}#buyModal .text-muted{color:#91a0ba!important}#buyModal .border.rounded-4{border-color:#364669!important;border-radius:13px!important;background:#131e35!important}#buyModal .border.rounded-4 .form-control{font-family:'JetBrains Mono',monospace!important;font-size:21px!important;color:#b1ffdc!important}#buyModal .rounded-4.p-3.text-white{margin-top:5px!important;padding:16px!important;border:1px solid #3e4e74!important;border-radius:14px!important;background:linear-gradient(125deg,#1b2b50,#1b1b42)!important}#buyModal #modal-total{font-family:'JetBrains Mono',monospace!important;font-size:32px!important;color:#fff!important}#buyModal .modal-footer{display:flex;gap:10px;padding:0 25px 24px!important;border:0!important;background:#10182d!important}#buyModal .modal-footer .btn{height:43px;border-radius:11px!important;font-size:13px!important}#buyModal .modal-footer .btn-light-secondary{flex:0 0 94px;border:1px solid #364669!important;background:#19243b!important;color:#dce6f7!important}#buyModal #btn-buy-now{flex:1;border:0!important;background:linear-gradient(100deg,#6878ff,#a065ff)!important;box-shadow:0 10px 25px #6e66ff35!important}#buyModal #btn-buy-now:hover{filter:brightness(1.1);transform:translateY(-1px)}@media(max-width:700px){#buyModal .modal-dialog{margin:12px}#buyModal .modal-body{padding:18px!important}#buyModal .modal-body>.row>div:first-child,#buyModal .modal-body>.row>div:last-child{padding:0!important;border:0!important}#buyModal .modal-body>.row>div:last-child{margin-top:18px}#buyModal .modal-header{padding:18px!important}#buyModal .modal-footer{padding:0 18px 18px!important}}

/* Light-mode final contrast guard for this component. */
html[data-theme="light"] .text-muted,html[data-theme="light"] small{color:#52637f!important;opacity:1!important}html[data-theme="light"] .btn{font-weight:700!important;opacity:1!important}html[data-theme="light"] .form-control,html[data-theme="light"] select{color:#203650!important;border-color:#c6d3e3!important}


/* Purchase dialog must use the active light theme, not the dark marketplace palette. */
html[data-theme="light"] #buyModal .modal-content{border-color:#cbd7ec!important;background:#fff!important;box-shadow:0 28px 80px rgba(31,51,92,.25)!important}html[data-theme="light"] #buyModal .modal-header{background:linear-gradient(115deg,#e9efff,#eee8ff)!important;border-bottom:1px solid #d2dcf0!important}html[data-theme="light"] #buyModal .modal-header:after{border-color:rgba(92,110,212,.11)!important}html[data-theme="light"] #buyModal .modal-title{color:#243767!important}html[data-theme="light"] #buyModal .modal-title i{background:#dce7ff!important;color:#4863c8!important}html[data-theme="light"] #buyModal .modal-title+small{color:#60718f!important}html[data-theme="light"] #buyModal .btn-close{background:#dfe7f7!important;filter:none!important}html[data-theme="light"] #buyModal .modal-body{background:linear-gradient(135deg,#fff,#f6f8ff)!important}html[data-theme="light"] #buyModal .modal-body>.row>div:last-child{border-left-color:#d8e1f0!important}html[data-theme="light"] #buyModal label.fw-bold{color:#304565!important}html[data-theme="light"] #buyModal label.fw-bold i{color:#5069d6!important}html[data-theme="light"] #buyModal .modal-package{border-color:#d6e0f0!important;background:#fff!important;color:#2d405e!important}html[data-theme="light"] #buyModal .modal-package:hover,html[data-theme="light"] #buyModal .modal-package.selected{border-color:#7084e9!important;background:linear-gradient(100deg,#edf1ff,#f5f0ff)!important;box-shadow:0 0 0 1px #8494e633!important}html[data-theme="light"] #buyModal .modal-package b{color:#2a3d5b!important}html[data-theme="light"] #buyModal .modal-package small,html[data-theme="light"] #buyModal .text-muted{color:#63738e!important}html[data-theme="light"] #buyModal .modal-package strong{color:#168965!important}html[data-theme="light"] #buyModal #modal-type-name,html[data-theme="light"] #buyModal #modal-soluong{border-color:#ccd8ea!important;background:#fff!important;color:#2b405e!important}html[data-theme="light"] #buyModal .border.rounded-4{border-color:#d4deee!important;background:#f7f9fd!important}html[data-theme="light"] #buyModal .border.rounded-4 .form-control{color:#178d69!important;background:transparent!important}html[data-theme="light"] #buyModal .rounded-4.p-3.text-white{border-color:#ccd7ee!important;background:linear-gradient(125deg,#eaf0ff,#f0ecff)!important}html[data-theme="light"] #buyModal .rounded-4.p-3.text-white .text-light{color:#5a6d8c!important}html[data-theme="light"] #buyModal #modal-total{color:#2a3e68!important;background:transparent!important}html[data-theme="light"] #buyModal .modal-footer{background:#fff!important}html[data-theme="light"] #buyModal .modal-footer .btn-light-secondary{border-color:#cbd7e7!important;background:#eff3f9!important;color:#3a506f!important}html[data-theme="light"] #buyModal #btn-buy-now{color:#fff!important}


/* Guest/member package picker: real product cards, not a compact list. */
#buyModal .modal-dialog{max-width:1120px}
#buyModal .modal-body{padding:26px!important}
#buyModal .modal-body>.row{display:block!important;margin:0!important}
#buyModal .modal-body>.row>div:first-child,#buyModal .modal-body>.row>div:last-child{width:100%!important;max-width:100%!important;padding:0!important;border:0!important}
#buyModal .modal-package-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px!important;max-height:none!important;padding:0!important;overflow:visible!important}
#buyModal .modal-package.modal-package-card{position:relative;display:flex!important;flex-direction:column!important;align-items:stretch!important;min-height:260px;padding:0!important;overflow:hidden;border:1px solid #293a5b!important;border-radius:17px!important;background:#101b31!important;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}
#buyModal .modal-package.modal-package-card:hover{transform:translateY(-3px);border-color:#7186ff!important;background:#142042!important;box-shadow:0 16px 34px #0005!important}
#buyModal .modal-package.modal-package-card.selected{border-color:#8c82ff!important;background:linear-gradient(155deg,#1c2b55,#151938)!important;box-shadow:0 0 0 2px #8f7eff45,0 18px 38px #0005!important}
#buyModal .modal-package-card.is-unavailable{opacity:.57!important;filter:saturate(.55)}
#buyModal .modal-package-art{position:relative;display:flex;align-items:center;justify-content:center;height:132px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#314a8f 0, #17264d 38%,#111d34 72%)}
#buyModal .modal-package-art:after{content:'';position:absolute;width:130px;height:130px;border-radius:42% 58% 62% 38% / 45% 37% 63% 55%;background:#8f82ff20;transform:rotate(-18deg)}
#buyModal .modal-package-art img{position:relative;z-index:1;width:66px;height:66px;object-fit:contain;padding:8px;border-radius:18px;background:#ffffff12;filter:drop-shadow(0 8px 13px #0007)}
#buyModal .modal-package-art em{position:absolute;z-index:2;top:10px;left:10px;border-radius:6px;padding:4px 7px;background:#ff794d;color:#fff;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.04em}
#buyModal .modal-package-card .modal-package-main{display:block;min-width:0;padding:14px 15px 15px}
#buyModal .modal-package-card b{display:block;min-height:31px;color:#eef4ff!important;font-size:13px!important;font-weight:850;line-height:1.3}
#buyModal .modal-package-card small{display:block;min-height:18px;margin:8px 0 10px!important;padding-bottom:10px;border-bottom:1px solid #2b3b59;color:#8ca0c1!important;font-size:10px!important;line-height:1.45}
#buyModal .modal-package-card strong{display:block;color:#70e8b5!important;font-family:'JetBrains Mono',monospace;font-size:15px!important;font-weight:800}
#buyModal .modal-package-check{position:absolute;right:12px;bottom:13px;color:#667894;font-size:19px}
#buyModal .modal-package.selected .modal-package-check{color:#9e8cff}
#buyModal .modal-body>.row>div:last-child{display:grid!important;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:24px;padding-top:22px!important;border-top:1px solid #30415f!important}
#buyModal .modal-body>.row>div:last-child>.mb-3{margin:0!important}
#buyModal .modal-body>.row>div:last-child>.row{margin:0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px}
#buyModal .modal-body>.row>div:last-child>.rounded-4{margin:0!important;align-self:end}
@media(max-width:800px){#buyModal .modal-package-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}#buyModal .modal-package.modal-package-card{min-height:232px}#buyModal .modal-package-art{height:112px}#buyModal .modal-body>.row>div:last-child{grid-template-columns:1fr!important}#buyModal .modal-body>.row>div:last-child>.rounded-4{margin-top:0!important}}
@media(max-width:460px){#buyModal .modal-package-list{grid-template-columns:1fr!important}#buyModal .modal-package.modal-package-card{min-height:205px;display:grid!important;grid-template-columns:120px 1fr!important}.modal-package-art{height:auto!important}.modal-package-card .modal-package-main{padding:15px!important}.modal-package-check{top:11px;bottom:auto!important}}
html[data-theme="light"] #buyModal .modal-package.modal-package-card{background:#fff!important;border-color:#d5dfef!important;box-shadow:0 10px 22px #2d467012!important}html[data-theme="light"] #buyModal .modal-package.modal-package-card.selected{background:linear-gradient(145deg,#edf2ff,#fbf8ff)!important;border-color:#7d8eea!important}html[data-theme="light"] #buyModal .modal-package-art{background:radial-gradient(circle at 50% 35%,#d8e1ff,#edf2ff 64%,#f7f9ff)}html[data-theme="light"] #buyModal .modal-package-card b{color:#263b5b!important}html[data-theme="light"] #buyModal .modal-package-card small{color:#617490!important;border-color:#dde5f1!important}


/* Compact 9:16 package cards: selection is visual; quantity and payment live in guest QR step. */
#buyModal .modal-package-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch}
#buyModal .modal-package.modal-package-card{min-height:330px!important;aspect-ratio:9 / 16}
#buyModal .modal-package-art{height:142px!important;flex:none}
#buyModal .modal-package-card .modal-package-main{display:flex;flex:1;flex-direction:column;padding:13px 14px 15px!important}
#buyModal .modal-package-card b{min-height:34px;font-size:12px!important}
#buyModal .modal-package-card .modal-package-description{display:-webkit-box!important;min-height:42px;margin:7px 0!important;padding:0!important;border:0!important;overflow:hidden;color:#9aabc4!important;font-size:10px!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#buyModal .modal-package-card .modal-package-stock{min-height:0;margin:6px 0 8px!important;padding:7px 0 0!important;border-top:1px solid #2b3b59!important;border-bottom:0!important;color:#aab8cf!important;font-size:10px!important}
#buyModal .modal-package-card strong{margin-top:auto;font-size:16px!important}
#buyModal #modal-type-name{display:none!important}
#guestPaymentModal .modal-content{border:1px solid #35466b;background:#10192c;color:#edf4ff}
#guestPaymentModal .modal-body{background:linear-gradient(145deg,#101a30,#0c1425)}
#guestPaymentModal label{color:#dce7fa;font-size:12px}
#guestPaymentModal .form-control{border-color:#334563;background:#0a1324;color:#eef5ff}
.guest-order-preview{margin-bottom:14px;padding:13px 14px;border:1px solid #374a6d;border-radius:13px;background:#14223e}.guest-order-preview span,.guest-order-preview small{display:block;color:#93a5c0;font-size:10px}.guest-order-preview strong{display:block;margin:4px 0 5px;color:#fff;font-size:14px}.guest-quantity-row{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:12px 13px;border:1px solid #344662;border-radius:12px;background:#0d172a}.guest-quantity-row>div:first-child{width:120px}.guest-quantity-row .form-control{height:38px}.guest-quantity-row>div:last-child{text-align:right}.guest-quantity-row span{display:block;color:#92a3bc;font-size:10px}.guest-quantity-row strong{display:block;margin-top:3px;color:#71e7b4;font-family:'JetBrains Mono',monospace;font-size:17px}
html[data-theme="light"] #guestPaymentModal .modal-content{background:#fff;border-color:#d1ddec;color:#263b5a}html[data-theme="light"] #guestPaymentModal .modal-body{background:#f7f9ff}html[data-theme="light"] #guestPaymentModal label{color:#405674}html[data-theme="light"] #guestPaymentModal .form-control{background:#fff;border-color:#cfdbeb;color:#263b5a}html[data-theme="light"] .guest-order-preview,html[data-theme="light"] .guest-quantity-row{background:#f4f7fc;border-color:#d8e2ef}html[data-theme="light"] .guest-order-preview strong{color:#263b5a}
@media(max-width:800px){#buyModal .modal-package.modal-package-card{min-height:285px!important;aspect-ratio:unset}#buyModal .modal-package-art{height:116px!important}}@media(max-width:460px){#buyModal .modal-package.modal-package-card{min-height:205px!important;aspect-ratio:unset}#buyModal .modal-package-card .modal-package-description{min-height:30px;-webkit-line-clamp:2}}


/* Match storefront product-card-grid density: compact cards, no forced 9:16 portrait layout. */
#buyModal .modal-body>.row>div.d-none{display:none!important}
#buyModal .modal-package-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
#buyModal .modal-package.modal-package-card{display:flex!important;min-height:224px!important;height:224px!important;aspect-ratio:auto!important;border-radius:14px!important}
#buyModal .modal-package-art{height:78px!important;min-height:78px!important;background:radial-gradient(circle at 50% 35%,#314a8f 0,#17264d 44%,#111d34 75%)}
#buyModal .modal-package-art:after{width:84px!important;height:84px!important}
#buyModal .modal-package-art img{width:43px!important;height:43px!important;padding:5px!important;border-radius:12px!important}
#buyModal .modal-package-art em{top:7px!important;left:7px!important;padding:3px 5px!important;font-size:7px!important}
#buyModal .modal-package-card .modal-package-main{padding:10px 11px 11px!important}
#buyModal .modal-package-card b{min-height:30px!important;font-size:11px!important;line-height:1.3!important}
#buyModal .modal-package-card .modal-package-description{min-height:28px!important;margin:4px 0!important;font-size:9px!important;line-height:1.35!important;-webkit-line-clamp:2!important}
#buyModal .modal-package-card .modal-package-stock{margin:4px 0 5px!important;padding:5px 0 0!important;font-size:9px!important}
#buyModal .modal-package-card strong{font-size:13px!important}
#buyModal .modal-package-check{right:9px!important;bottom:9px!important;font-size:16px!important}
@media(max-width:800px){#buyModal .modal-package.modal-package-card{min-height:210px!important;height:210px!important}#buyModal .modal-package-art{height:70px!important;min-height:70px!important}}@media(max-width:460px){#buyModal .modal-package-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}#buyModal .modal-package.modal-package-card{display:flex!important;height:205px!important;min-height:205px!important;grid-template-columns:none!important}}


/* The selector must preserve storefront grid column width even when a category has only 2?3 variants. */
#buyModal .modal-package-list{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}
#buyModal .modal-package.modal-package-card{min-width:0!important;width:auto!important}
@media(max-width:980px){#buyModal .modal-package-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:760px){#buyModal .modal-package-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:560px){#buyModal .modal-package-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:360px){#buyModal .modal-package-list{grid-template-columns:1fr!important}}


/* Balanced selector density: four storefront-like cards per desktop row, not five tiny tiles. */
#buyModal .modal-dialog{max-width:930px!important}
#buyModal .modal-package-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#buyModal .modal-package.modal-package-card{height:232px!important;min-height:232px!important}
@media(max-width:760px){#buyModal .modal-package-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:560px){#buyModal .modal-package-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:360px){#buyModal .modal-package-list{grid-template-columns:1fr!important}}


/* Four-column desktop variant grid. Cards stay substantial but no longer wrap the fourth option below. */
#buyModal .modal-dialog{max-width:1100px!important}
#buyModal .modal-package-list{grid-template-columns:repeat(4,minmax(0,1fr))!important;justify-content:stretch!important;gap:14px!important}
#buyModal .modal-package.modal-package-card{width:100%!important;min-width:0!important;height:278px!important;min-height:278px!important}
#buyModal .modal-package-art{height:100px!important;min-height:100px!important}
#buyModal .modal-package-art img{width:56px!important;height:56px!important}
#buyModal .modal-package-card .modal-package-main{padding:12px 13px!important}
#buyModal .modal-package-card b{font-size:12px!important}
#buyModal .modal-package-card .modal-package-description{min-height:34px!important;font-size:9px!important}
#buyModal .modal-package-card strong{font-size:14px!important}
@media(max-width:760px){#buyModal .modal-package-list{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))!important}#buyModal .modal-package.modal-package-card{width:auto!important;height:245px!important;min-height:245px!important}}@media(max-width:480px){#buyModal .modal-package-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#buyModal .modal-package.modal-package-card{height:220px!important;min-height:220px!important}}


/* Selected state, visible close control, and compact two/three-variant modal. */
#buyModal .btn-close{background-color:rgba(255,255,255,.22)!important;border:1px solid rgba(255,255,255,.42)!important;filter:invert(1) grayscale(1) brightness(4)!important;box-shadow:0 4px 14px #0004!important}
#buyModal .btn-close:hover{background-color:rgba(255,255,255,.38)!important;transform:rotate(90deg)}
#buyModal .modal-package.modal-package-card.selected{border-color:#a99bff!important;box-shadow:0 0 0 2px #a99bff,0 0 18px #917cff,0 0 42px #755effb8,0 18px 38px #0007!important;transform:translateY(-3px)}
#buyModal .modal-package.selected .modal-package-art{box-shadow:inset 0 0 22px #a28cff75}
#buyModal .modal-package-art em{min-width:26px;text-align:center;background:linear-gradient(135deg,#ff8d5c,#ff5b54)!important;box-shadow:0 4px 10px #ff654c66}
#buyModal .modal-package-stock{color:#9eafca!important}
#buyModal[data-variant-count="1"] .modal-dialog{max-width:344px!important}
#buyModal[data-variant-count="2"] .modal-dialog{max-width:590px!important}
#buyModal[data-variant-count="3"] .modal-dialog{max-width:842px!important}
#buyModal[data-variant-count="1"] .modal-package-list,#buyModal[data-variant-count="2"] .modal-package-list,#buyModal[data-variant-count="3"] .modal-package-list{grid-template-columns:repeat(var(--variant-columns),minmax(0,1fr))!important}
#buyModal[data-variant-count="1"] .modal-package-list{--variant-columns:1}
#buyModal[data-variant-count="2"] .modal-package-list{--variant-columns:2}
#buyModal[data-variant-count="3"] .modal-package-list{--variant-columns:3}
html[data-theme="light"] #buyModal .btn-close{filter:none!important;background-color:#d9e3f3!important;border-color:#9eacc4!important}
@media(max-width:760px){#buyModal[data-variant-count] .modal-dialog{max-width:none!important}#buyModal[data-variant-count] .modal-package-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}}


/* Final balanced header/footer controls. */
#buyModal .modal-close-control{position:relative;z-index:5;display:grid;place-items:center;width:34px;height:34px;margin:0;padding:0;border:1px solid rgba(255,255,255,.50);border-radius:10px;background:rgba(22,38,82,.24);color:#344970;font-family:Arial,sans-serif;font-size:28px;font-weight:300;line-height:1;box-shadow:0 4px 12px #263a6b22;cursor:pointer}#buyModal .modal-close-control:hover{background:#fff;color:#394e79;transform:rotate(90deg)}
#buyModal .modal-footer{justify-content:flex-end!important}#buyModal .modal-footer #btn-buy-now{width:100%!important;flex:1 1 100%!important;min-height:46px!important;font-size:13px!important}
html[data-theme="light"] #buyModal .modal-close-control{background:#dbe5f5;border-color:#9aaaca;color:#344c78}


/* Guest QR payment: clear amount, reference and scan target. */
#guestPaymentModal .guest-checkout-modal{border:1px solid #35466b;background:#10192c;color:#edf4ff}.guest-checkout-header{background:linear-gradient(135deg,#172554,#4c1d95);color:#fff}.guest-modal-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff75;border-radius:10px;background:#ffffff18;color:#fff;font:300 28px/1 Arial;cursor:pointer}.guest-modal-close:hover{background:#fff;color:#263b63}.guest-qr-title{text-align:center;margin-bottom:18px}.guest-qr-title span{color:#7ef3c3;font-size:11px;font-weight:800}.guest-qr-title h6{margin:6px 0;color:#fff;font-size:17px;font-weight:800}.guest-qr-title p{margin:0;color:#94a6c2;font-size:11px}.guest-qr-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:center;padding:15px;border:1px solid #324665;border-radius:16px;background:#0b1427}.guest-qr-image{padding:10px;border-radius:12px;background:#fff}.guest-qr-image img{display:block;width:100%;aspect-ratio:1;object-fit:contain}.guest-payment-details{min-width:0}.guest-payment-label,.guest-payment-reference>span{display:block;color:#8ea2c2;font-size:10px}.guest-payment-details>b{display:block;margin:5px 0 20px;color:#72e9b6;font:800 23px/1.2 'JetBrains Mono',monospace}.guest-payment-reference{padding-top:12px;border-top:1px solid #2c405e}.guest-payment-reference>div{display:flex;align-items:center;gap:8px;margin-top:6px}.guest-payment-reference code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f7ff;font-size:14px;font-weight:800}.guest-payment-reference button{margin-left:auto;width:31px;height:31px;border:1px solid #4b5f7c;border-radius:8px;background:#1a2942;color:#bdd0ff}.guest-payment-details p{margin:13px 0 0;color:#a8b8d0;font-size:11px;line-height:1.5}.guest-order-status{display:flex;justify-content:center;align-items:center;gap:6px;margin:15px auto 0;color:#aab6ff;font-size:12px;text-decoration:none}@media(max-width:520px){.guest-qr-layout{grid-template-columns:1fr}.guest-qr-image{width:min(230px,100%);margin:auto}.guest-payment-details{text-align:center}.guest-payment-reference>div{justify-content:center}.guest-payment-reference button{margin-left:0}}

#guestPaymentModal .guest-order-status{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px;width:100%;min-height:46px;margin:16px 0 0;padding:10px 16px;border:1px solid #7c6cff;border-radius:12px;background:linear-gradient(135deg,#5f75ff,#985cff);color:#fff;font-size:13px;font-weight:800;line-height:1;box-shadow:0 10px 24px #625cff45}#guestPaymentModal .guest-order-status:hover{color:#fff;filter:brightness(1.08);transform:translateY(-1px)}#guestPaymentModal .guest-order-status i{display:block!important;width:16px!important;height:16px!important;margin:0!important;font-size:16px!important;line-height:16px!important;text-align:center!important}#guestPaymentModal .guest-order-status.is-checking{pointer-events:none;opacity:.9}.guest-order-spinner{display:block;width:16px;height:16px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:guest-order-spin .7s linear infinite}@keyframes guest-order-spin{to{transform:rotate(360deg)}}