.q9cs-checkout-zone,.q9cs-cart-zone{margin:18px 0 28px;font-family:inherit}.q9cs-zone-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.q9cs-zone-kicker{font-size:9px;font-weight:900;letter-spacing:1.5px;color:#5b5cf6}.q9cs-zone-head h3{margin:3px 0;font-size:20px;line-height:1.1}.q9cs-zone-head p{margin:4px 0 0;font-size:11px;color:#778399}.q9cs-spark{font-size:30px;color:#5b5cf6}.q9cs-front-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.q9cs-coupon-card{--q9-bg:#fff;--q9-accent:#5b5cf6;--q9-text:#172033;--q9-button:#5b5cf6;position:relative;overflow:hidden;background:var(--q9-bg);color:var(--q9-text);border:1px solid rgba(35,50,80,.12);border-radius:17px;padding:16px;box-shadow:0 9px 28px rgba(28,42,73,.07);font-family:inherit}.q9cs-card-shine{position:absolute;width:130px;height:130px;border-radius:50%;right:-60px;top:-65px;background:var(--q9-accent);opacity:.08}.q9cs-card-image{display:block;width:100%;max-height:105px;object-fit:cover;border-radius:11px;margin-bottom:10px}.q9cs-card-top{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;font-weight:900;text-transform:uppercase;color:var(--q9-accent)}.q9cs-card-main{display:flex;align-items:center;gap:13px;margin:13px 0}.q9cs-card-amount{font-size:27px;line-height:1;font-weight:950;letter-spacing:-1px;white-space:nowrap}.q9cs-card-main h3{font-size:13px;margin:0 0 3px}.q9cs-card-main p{font-size:10px;line-height:1.4;margin:0;opacity:.65}.q9cs-card-benefit{font-size:9px;line-height:1.4;padding:8px 9px;border-radius:8px;background:rgba(91,92,246,.07);opacity:.8}.q9cs-card-action{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.q9cs-code{display:flex;align-items:center;min-width:0;border:1px dashed rgba(40,52,78,.22);border-radius:8px;overflow:hidden}.q9cs-code span{font-size:10px;font-weight:900;letter-spacing:1px;padding:7px 8px;overflow:hidden;text-overflow:ellipsis}.q9cs-copy-btn{border:0;background:transparent;color:var(--q9-accent);font-size:9px;font-weight:800;padding:7px;cursor:pointer}.q9cs-apply-btn{border:0;background:var(--q9-button);color:#fff;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.q9cs-apply-btn:disabled{opacity:.55;cursor:default}.q9cs-card-instruction{font-size:8px;opacity:.55;margin-top:8px}.q9cs-card-ticket{border:2px dashed var(--q9-accent);border-radius:10px}.q9cs-card-ticket:before,.q9cs-card-ticket:after{content:"";position:absolute;top:58%;width:17px;height:17px;border-radius:50%;background:#fff;border:1px solid rgba(30,40,60,.12)}.q9cs-card-ticket:before{left:-10px}.q9cs-card-ticket:after{right:-10px}.q9cs-card-bold{background:linear-gradient(135deg,#101a3d,var(--q9-accent));color:#fff;border:0}.q9cs-card-bold .q9cs-card-top,.q9cs-card-bold .q9cs-card-main p,.q9cs-card-bold .q9cs-card-instruction{color:#dfe6ff}.q9cs-card-bold .q9cs-card-benefit{background:rgba(255,255,255,.1)}.q9cs-card-bold .q9cs-code{border-color:rgba(255,255,255,.25)}.q9cs-card-bold .q9cs-copy-btn{color:#fff}.q9cs-card-bold .q9cs-apply-btn{background:#fff;color:#192451}.q9cs-card-glass{background:linear-gradient(135deg,#eff7ff,#fff);backdrop-filter:blur(12px);border-color:#cfe0ff}.q9cs-card-dark{background:#111827;color:#fff;border-color:#111827}.q9cs-card-dark .q9cs-card-main p,.q9cs-card-dark .q9cs-card-instruction{color:#c4ccda}.q9cs-card-dark .q9cs-card-benefit{background:#202a3a}.q9cs-card-minimal{border-radius:5px;box-shadow:none;border-width:0 0 3px;border-color:var(--q9-accent);padding-left:3px;padding-right:3px}.q9cs-popup-auto,.q9cs-popup-manual{position:fixed;inset:0;z-index:999999;display:none}.q9cs-popup-auto.q9cs-open,.q9cs-popup-manual.q9cs-open{display:block}.q9cs-popup-backdrop{position:absolute;inset:0;background:rgba(10,16,35,.62);backdrop-filter:blur(4px)}.q9cs-popup-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 28px));max-height:90vh;overflow:auto}.q9cs-popup-box>.q9cs-coupon-card{box-shadow:0 25px 80px rgba(0,0,0,.3);padding:22px}.q9cs-popup-close{position:absolute;z-index:2;right:10px;top:8px;width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#222;font-size:21px;line-height:1;cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.16)}.q9cs-promo-bar{position:fixed;z-index:999998;left:0;right:0;top:0;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 42px 10px 14px;background:#111a3d;color:#fff;font-size:12px;font-weight:800;box-shadow:0 5px 20px rgba(0,0,0,.14)}.q9cs-bar-timer{font-variant-numeric:tabular-nums;color:#cdd7ff}.q9cs-bar-close{position:absolute;right:12px;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.q9cs-pulse{animation:q9pulse 1.4s ease}.q9cs-toast{position:fixed;z-index:1000000;left:50%;bottom:25px;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 14px;border-radius:10px;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.2)}@keyframes q9pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(91,92,246,.12)}}@media(max-width:900px){.q9cs-front-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.q9cs-front-grid{grid-template-columns:1fr}.q9cs-zone-head h3{font-size:18px}.q9cs-promo-bar{font-size:10px;gap:8px}}
.q9cs-home-zone{max-width:1180px;margin:28px auto;padding:0 16px}.q9cs-popup-pos-bottom-right .q9cs-popup-box{left:auto;right:18px;top:auto;bottom:18px;transform:none;width:min(470px,calc(100% - 36px))}.q9cs-popup-pos-bottom-right .q9cs-popup-close{right:8px;top:8px}.q9cs-card-bold .q9cs-card-amount{color:#fff}.q9cs-card-dark .q9cs-card-amount{color:#fff}
/* Q9 2.2 custom image tickets and richer popup placements */
.q9cs-custom-ticket{display:block;width:100%;margin:0 auto 8px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;overflow:hidden;border-radius:14px}
.q9cs-custom-ticket img{display:block;width:100%;height:auto;max-height:1200px;object-fit:contain;margin:0 auto}
.q9cs-custom-ticket.q9cs-click-copy:hover,.q9cs-custom-ticket.q9cs-click-copy:focus-visible{filter:brightness(.98);transform:translateY(-1px);outline:2px solid var(--q9-accent);outline-offset:3px}
.q9cs-custom-ticket-hint{text-align:center;font-size:10px;color:var(--q9-accent);font-weight:800;margin:2px 0 9px}
.q9cs-copied{font-weight:900!important}
.q9cs-popup-pos-top .q9cs-popup-box{left:50%;top:22px;transform:translateX(-50%)}
.q9cs-popup-pos-bottom .q9cs-popup-box{left:50%;top:auto;bottom:22px;transform:translateX(-50%)}
.q9cs-popup-pos-bottom-left .q9cs-popup-box{left:18px;right:auto;top:auto;bottom:18px;transform:none;width:min(470px,calc(100% - 36px))}
.q9cs-popup-anim-fade .q9cs-popup-box{animation:q9fadein .28s ease both}
.q9cs-popup-anim-slide-up .q9cs-popup-box{animation:q9slideup .34s cubic-bezier(.2,.8,.2,1) both}
.q9cs-popup-anim-slide-down .q9cs-popup-box{animation:q9slidedown .34s cubic-bezier(.2,.8,.2,1) both}
.q9cs-popup-anim-slide-left .q9cs-popup-box{animation:q9slideleft .34s cubic-bezier(.2,.8,.2,1) both}
.q9cs-popup-anim-slide-right .q9cs-popup-box{animation:q9slideright .34s cubic-bezier(.2,.8,.2,1) both}
@keyframes q9fadein{from{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes q9slideup{from{opacity:0;transform:translate(-50%,28px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes q9slidedown{from{opacity:0;transform:translate(-50%,-28px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes q9slideleft{from{opacity:0;transform:translate(28px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@keyframes q9slideright{from{opacity:0;transform:translate(-28px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
.q9cs-bar-copy{border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:900;cursor:pointer}
@media(max-width:700px){.q9cs-popup-box{max-height:88vh}.q9cs-custom-ticket-hint{font-size:9px}.q9cs-promo-bar{padding-right:80px;flex-wrap:wrap}}

.q9cs-custom-ticket img{object-fit:contain;background:transparent}.q9cs-custom-ticket{border-radius:12px}.q9cs-card-top,.q9cs-card-main,.q9cs-card-benefit,.q9cs-card-action,.q9cs-card-instruction{position:relative;z-index:1}.q9cs-live-card .q9cs-live-top,.q9cs-live-card h3,.q9cs-live-card p,.q9cs-live-card strong,.q9cs-live-card .q9cs-live-code{position:relative;z-index:1}.q9cs-live-card.q9cs-live-bold,.q9cs-live-card.q9cs-live-dark{color:#fff}.q9cs-live-card.q9cs-live-bold p,.q9cs-live-card.q9cs-live-dark p{color:rgba(255,255,255,.8)}

/* Q9 2.3 image-only ticket mode: the uploaded creative is the entire frontend experience. */
.q9cs-image-only{grid-column:1 / -1;position:relative;width:100%;max-width:var(--q9-image-max,1200px);margin:0 auto;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;color:inherit!important}
.q9cs-image-only .q9cs-custom-ticket{width:100%;max-width:100%!important;margin:0 auto;padding:0;border:0;background:transparent;box-shadow:none;line-height:0;border-radius:0;overflow:visible;outline:0}
.q9cs-image-only .q9cs-custom-ticket img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;margin:0 auto;border:0;border-radius:0;background:transparent}
.q9cs-image-only .q9cs-custom-ticket.q9cs-click-copy:hover,.q9cs-image-only .q9cs-custom-ticket.q9cs-click-copy:focus-visible{filter:none;transform:none;outline:0}
.q9cs-image-only.q9cs-image-speed-slow{--q9-image-duration:4s}.q9cs-image-only.q9cs-image-speed-normal{--q9-image-duration:2.2s}.q9cs-image-only.q9cs-image-speed-fast{--q9-image-duration:1.1s}
.q9cs-image-only.q9cs-image-intensity-low{--q9-image-distance:6px;--q9-image-scale:1.025;--q9-image-rotate:1deg;--q9-image-shadow:0 0 14px rgba(91,92,246,.20)}
.q9cs-image-only.q9cs-image-intensity-medium{--q9-image-distance:12px;--q9-image-scale:1.06;--q9-image-rotate:2deg;--q9-image-shadow:0 0 28px rgba(91,92,246,.34)}
.q9cs-image-only.q9cs-image-intensity-high{--q9-image-distance:20px;--q9-image-scale:1.12;--q9-image-rotate:4deg;--q9-image-shadow:0 0 45px rgba(91,92,246,.48)}
.q9cs-image-only[class*="q9cs-image-anim-"]:not(.q9cs-image-anim-none){animation-duration:var(--q9-image-duration,2.2s);animation-delay:var(--q9-image-delay,0s);animation-fill-mode:both;animation-timing-function:ease-in-out;animation-iteration-count:1}
.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-float,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-pulse,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-shake,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-glow,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-zoom,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-slide,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-rotate,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-blink,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-confetti,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-bounce,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-fade,.q9cs-image-only.q9cs-image-loop.q9cs-image-anim-flash{animation-iteration-count:infinite}
.q9cs-image-anim-pop{animation-name:q9imagepop}.q9cs-image-anim-fade{animation-name:q9imagefade}.q9cs-image-anim-flash{animation-name:q9imageflash}.q9cs-image-anim-bounce{animation-name:q9imagebounce}.q9cs-image-anim-float{animation-name:q9imagefloat}.q9cs-image-anim-pulse{animation-name:q9imagepulse}.q9cs-image-anim-shake{animation-name:q9imageshake}.q9cs-image-anim-glow{animation-name:q9imageglow}.q9cs-image-anim-zoom{animation-name:q9imagezoom}.q9cs-image-anim-slide{animation-name:q9imageslide}.q9cs-image-anim-rotate{animation-name:q9imagerotate}.q9cs-image-anim-blink{animation-name:q9imageblink}
.q9cs-image-anim-confetti{animation-name:q9imageconfetti}
@keyframes q9imagepop{0%{opacity:0;transform:scale(.82)}65%{opacity:1;transform:scale(1.05)}100%{opacity:1;transform:scale(1)}}
@keyframes q9imagefade{0%{opacity:0}100%{opacity:1}}
@keyframes q9imageflash{0%,100%{opacity:1}35%{opacity:.18}55%{opacity:1}75%{opacity:.35}}
@keyframes q9imagebounce{0%,100%{transform:translateY(0)}45%{transform:translateY(calc(var(--q9-image-distance) * -1))}70%{transform:translateY(3px)}}
@keyframes q9imagefloat{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(var(--q9-image-distance) * -1))}}
@keyframes q9imagepulse{0%,100%{transform:scale(1)}50%{transform:scale(var(--q9-image-scale))}}
@keyframes q9imageshake{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(calc(var(--q9-image-distance) * -1)) rotate(calc(var(--q9-image-rotate) * -1))}40%{transform:translateX(var(--q9-image-distance)) rotate(var(--q9-image-rotate))}60%{transform:translateX(calc(var(--q9-image-distance) * -.7)) rotate(calc(var(--q9-image-rotate) * -.7))}80%{transform:translateX(calc(var(--q9-image-distance) * .7)) rotate(calc(var(--q9-image-rotate) * .7))}}
@keyframes q9imageglow{0%,100%{filter:drop-shadow(0 0 0 rgba(91,92,246,0))}50%{filter:drop-shadow(var(--q9-image-shadow))}}
@keyframes q9imagezoom{0%,100%{transform:scale(1)}50%{transform:scale(var(--q9-image-scale))}}
@keyframes q9imageslide{0%,100%{transform:translateX(calc(var(--q9-image-distance) * -1))}50%{transform:translateX(var(--q9-image-distance))}}
@keyframes q9imagerotate{0%,100%{transform:rotate(calc(var(--q9-image-rotate) * -1))}50%{transform:rotate(var(--q9-image-rotate))}}
@keyframes q9imageblink{0%,100%{opacity:1}50%{opacity:.15}}
.q9cs-image-anim-confetti:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border-radius:2px;pointer-events:none;opacity:0;z-index:2;box-shadow:-90px -55px 0 #f59e0b,80px -65px 0 #ef4444,110px 20px 0 #22c55e,-105px 35px 0 #3b82f6,-40px 85px 0 #a855f7,50px 80px 0 #ec4899,145px 65px 0 #14b8a6,-145px -10px 0 #f97316;animation:q9imageconfettiblast var(--q9-image-duration,2.2s) var(--q9-image-delay,0s) ease-out 1 both}
.q9cs-image-loop.q9cs-image-anim-confetti:before{animation-iteration-count:infinite}
@keyframes q9imageconfetti{0%,100%{transform:scale(1)}35%{transform:scale(var(--q9-image-scale))}65%{transform:scale(1)}}
@keyframes q9imageconfettiblast{0%{opacity:0;transform:scale(.1) rotate(0)}12%{opacity:1}70%{opacity:1;transform:scale(1.05) rotate(35deg)}100%{opacity:0;transform:scale(1.15) rotate(70deg)}}
@media(max-width:700px){.q9cs-image-only{max-width:100%}}
@media(prefers-reduced-motion:reduce){.q9cs-image-only[class*="q9cs-image-anim-"]{animation:none!important}.q9cs-image-anim-confetti:before{animation:none!important;display:none!important}}