/* Scoped purchase and receipt dialogs. The storefront layout is unchanged. */
.qco-dialog{box-sizing:border-box;margin:auto;position:fixed;inset:0;width:min(510px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:28px;border:1px solid #363239;border-radius:16px;background:#111117;color:#f6f3ee;font:14px/1.5 Inter,Arial,sans-serif;overflow-y:auto;box-shadow:0 24px 80px #0008;scrollbar-width:thin;color-scheme:dark;text-align:left}
.qco-dialog::backdrop{background:#0009}
.qco-dialog *{box-sizing:border-box}.qco-dialog p,.qco-dialog h3{margin:0}.qco-dialog button,.qco-dialog input,.qco-dialog select,.qco-dialog textarea{font:inherit}.qco-dialog button{cursor:pointer}.qco-dialog button:disabled{cursor:not-allowed;opacity:.4}
.qco-dialog :is(button,input,select,textarea,a):focus-visible{outline:2px solid #f5b64b;outline-offset:3px}.qco-dialog h2{font-size:21px;line-height:1.3;letter-spacing:-.5px;margin:8px 20px 0 0;font-weight:700;outline:none;color:#fff}
.qco-dialog .qco-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;background:none;border:0;color:#b8b5be;border-radius:8px;font-size:25px}.qco-close:hover{background:#ffffff0b}
.qco-dialog .qco-kicker{font-size:12px;color:#f5b64b;margin-right:30px;overflow-wrap:anywhere}.qco-dialog .qco-intro{margin-top:9px;color:#aca7b3;line-height:1.6;font-size:13px}
.qco-dialog form{margin-top:21px}.qco-dialog form>label{display:block;font-size:12px;font-weight:600;margin:16px 0 7px}.qco-input-row{display:flex;gap:8px}.qco-dialog input:not([type=checkbox]),.qco-dialog select,.qco-dialog textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid #35303d;background:#0c0c11;border-radius:8px;color:#eee;min-height:43px}.qco-dialog textarea{min-height:112px;resize:vertical}.qco-dialog textarea::placeholder{color:#9c94a4}
.qco-dialog .qco-secondary{padding:10px 12px;border:1px solid #403946;background:#211e26;border-radius:8px;color:#eee;font-size:12px}.qco-dialog .qco-error{font-size:12px;color:#ffaaa1;margin-top:9px}
.qco-account{display:flex;gap:11px;align-items:center;margin-top:17px;padding-bottom:16px;border-bottom:1px solid #ffffff12}.qco-avatar{width:42px;height:42px;flex-shrink:0;object-fit:cover;border:1px solid #ffffff12;border-radius:9px;background:#17151c}.qco-avatar-empty{display:grid;place-items:center;color:#bcb8c3}.qco-account>div{display:flex;flex-direction:column;gap:3px;min-width:0}.qco-account strong{font-size:13px;overflow-wrap:anywhere}.qco-account>div>span{font-size:11px;color:#aaa5b1}.qco-membership{font-size:12px;color:#bcb8c3;text-align:right;margin-left:auto}
.qco-notice{margin-top:18px;padding:14px 16px;background:#f5b64b0d;border-left:3px solid #f5b64b;border-radius:5px}.qco-notice h3{font-size:14px;font-weight:600;color:#f0d097}.qco-notice p{font-size:13px;line-height:1.6;margin-top:8px}.qco-notice a{display:inline-block;color:#f5b64b;margin-top:10px;font-size:12px}.qco-ready{border-color:#34d399;background:#34d3990c}.qco-ready h3{color:#86dfb8}
.qco-consent{display:flex;align-items:flex-start;gap:10px;margin-top:17px;font-size:12px;line-height:1.6;cursor:pointer}.qco-consent input{margin-top:2px;width:17px;height:17px;accent-color:#f5b64b;flex-shrink:0}
.qco-dialog .qco-primary{margin-top:19px;min-height:44px;width:100%;display:flex;justify-content:center;align-items:center;gap:9px;padding:11px 16px;border:0;border-radius:10px;background:#f5b64b;color:#211601;font-size:13px;font-weight:700;text-decoration:none}.qco-dialog .qco-note{font-size:11px;color:#a9a4b1;margin-top:9px;text-align:center}.qco-dialog .qco-left{text-align:left;line-height:1.6}.qco-dialog .qco-back{display:block;margin:14px auto 0;border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:12px;color:#aaa5b1}
.qco-dialog.qco-receipt{padding:24px;background:linear-gradient(180deg,#f5b64b12,transparent 220px),#111117}.qco-receipt h2{font-size:26px;line-height:1.15;letter-spacing:-.4px;font-weight:800;margin-top:6px}.qco-receipt .qco-kicker{color:#aaa5b1}.qco-kicker strong{font-weight:500;color:#e8e4ec;font-variant-numeric:tabular-nums}.qco-receipt .qco-intro{color:#c9c3cf;font-size:13px;line-height:1.55}
.qco-timeline{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:27px 0 24px;gap:0}.qco-timeline li{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;padding:0 5px;color:#a39caa}.qco-timeline li::before{content:'';position:absolute;height:2px;background:#37323d;top:9px;left:-50%;right:50%}.qco-timeline li:first-child::before{display:none}.qco-timeline li.complete::before{background:#3fae74}.qco-node{position:relative;z-index:1;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:2px solid #625a6c;background:#111117;flex-shrink:0}.qco-timeline li.complete .qco-node{background:#3fbf7f;border-color:#3fbf7f;color:#0d1a12}.qco-timeline li.current .qco-node{border-color:#f5b64b;box-shadow:0 0 0 5px #f5b64b29}.qco-timeline li.current .qco-node::after{content:'';width:8px;height:8px;background:#f5b64b;border-radius:50%}.qco-timeline li>strong{margin-top:12px;font-size:12px;line-height:1.4;font-weight:500;text-wrap:balance}.qco-timeline li.complete>strong{color:#a6e3c1;font-weight:600}.qco-timeline li.current>strong{color:#ffce70;font-size:13px;font-weight:700}.qco-caption{font-size:10px;line-height:1.4;color:#edc888;margin-top:4px}.qco-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.qco-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;background:#17151c;border:1px solid #ffffff10;border-radius:10px}.qco-product{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 210px}.qco-product .qco-avatar{width:36px;height:36px}.qco-product>div{min-width:0}.qco-product strong{font-size:15px;font-weight:700;line-height:1.4}.qco-product>div>span{display:block;font-size:11px;line-height:1.5;margin-top:3px;color:#aca7b3;overflow-wrap:anywhere}.qco-preorder{font-size:9px;line-height:1.4;font-weight:700;text-transform:uppercase;padding:2px 5px;border:1px solid #f5b64b66;color:#f0c46e;border-radius:4px}.qco-paid{display:flex;flex-direction:column;gap:3px;text-align:right;flex:0 0 auto}.qco-paid strong{font-size:15px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums}.qco-paid span{font-size:11px;line-height:1.5;color:#a9a3b1}
.qco-receipt .qco-note{font-size:12px;color:#bdb4a6;margin-top:13px}.qco-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.qco-dialog .qco-actions>button{min-height:44px;text-align:center;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.4;margin:0}.qco-profile-link{display:block;text-align:center;color:#aaa5b1;font-size:11px;margin-top:14px;text-underline-offset:3px}
@media(max-width:560px){.qco-dialog{padding:23px 20px;max-height:calc(100dvh - 24px)}.qco-dialog h2{font-size:20px}.qco-dialog input:not([type=checkbox]),.qco-dialog select,.qco-dialog textarea{font-size:16px}.qco-membership{font-size:11px}.qco-account{gap:8px}.qco-account .qco-avatar{width:38px;height:38px}.qco-dialog.qco-receipt{padding:20px 18px}.qco-receipt h2{font-size:22px}.qco-receipt .qco-intro{font-size:12.5px}.qco-timeline{margin:25px 0 21px}.qco-timeline li{padding:0 3px}.qco-timeline li>strong{font-size:11px}.qco-timeline li.current>strong{font-size:12px}.qco-node{width:18px;height:18px}.qco-timeline li::before{top:8px}.qco-card{padding:12px;gap:10px}.qco-product{flex-basis:100%}.qco-paid{width:100%;padding-top:9px;border-top:1px solid #ffffff10;flex-direction:row;align-items:baseline;justify-content:space-between;text-align:left}.qco-actions{grid-template-columns:1fr;gap:8px;margin-top:17px}.qco-actions>.qco-primary{grid-row:1}.qco-dialog .qco-actions>button{min-height:46px}}