.qo-page{min-height:100dvh;background:#fafaf9;padding:0 0 80px}.qo-hero{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;text-align:center;padding:48px 20px 40px}.qo-hero-badge{display:inline-block;background:#f59e0b;color:#000;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:999px;margin-bottom:16px}.qo-hero-title{font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;margin:0 0 10px}.qo-hero-sub{font-size:.95rem;color:#94a3b8;margin:0;max-width:420px;margin-inline:auto}.qo-card{max-width:560px;margin:-24px auto 0;background:#fff;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,.08);padding:28px 24px;position:relative;z-index:1}.qo-section-title{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin:0 0 12px}.qo-field{margin-bottom:14px}.qo-label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:5px}.qo-label span{color:#ef4444}.qo-input{width:100%;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;padding:10px 13px;font-size:.93rem;font-family:inherit;background:#fafaf9;transition:border-color .15s;outline:none}.qo-input:focus{border-color:#f59e0b;background:#fff}.qo-textarea{width:100%;box-sizing:border-box;border:1.5px solid #e5e7eb;border-radius:10px;padding:12px 13px;font-size:.93rem;font-family:inherit;background:#fafaf9;resize:vertical;min-height:110px;transition:border-color .15s;outline:none}.qo-textarea:focus{border-color:#f59e0b;background:#fff}.qo-textarea-hint{font-size:.76rem;color:#9ca3af;margin:5px 0 0}.qo-divider{border:none;border-top:1px solid #f3f4f6;margin:20px 0}.qo-btn-primary{width:100%;background:#f59e0b;color:#000;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s}.qo-btn-primary:hover{background:#d97706}.qo-btn-primary:active{transform:scale(.98)}.qo-btn-primary:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.qo-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:900;display:flex;align-items:flex-end;justify-content:center;padding-bottom:env(safe-area-inset-bottom)}@media (min-width:600px){.qo-modal-overlay{align-items:center}}.qo-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:90dvh;overflow-y:auto;padding:24px 20px 28px;box-shadow:0 -4px 32px rgba(0,0,0,.15)}@media (min-width:600px){.qo-modal{border-radius:20px;margin:16px;max-height:85dvh}}.qo-modal-title{font-size:1.1rem;font-weight:700;margin:0 0 4px}.qo-modal-sub{font-size:.82rem;color:#6b7280;margin:0 0 18px}.qo-item-row{display:flex;align-items:flex-start;gap:10px;background:#f9fafb;border-radius:10px;padding:12px 14px;margin-bottom:8px}.qo-item-icon{font-size:1.3rem;flex-shrink:0}.qo-item-info{flex:1}.qo-item-name{font-weight:600;font-size:.9rem;color:#111827;margin:0 0 2px}.qo-item-meta{font-size:.78rem;color:#6b7280}.qo-item-price{font-size:.85rem;font-weight:700;color:#059669;white-space:nowrap}.qo-size-label{font-size:.78rem;font-weight:600;color:#ef4444;margin:6px 0}.qo-size-btns{display:flex;flex-wrap:wrap;gap:6px}.qo-size-btn{border:1.5px solid #e5e7eb;background:#fff;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;font-family:inherit;cursor:pointer;transition:border-color .12s,background .12s}.qo-size-btn.active,.qo-size-btn:hover{border-color:#f59e0b}.qo-size-btn.active{background:#fef3c7;color:#92400e}.qo-summary-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:14px 16px;margin:12px 0 16px}.qo-summary-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px}.qo-summary-row:last-child{margin-bottom:0}.qo-summary-total{display:flex;justify-content:space-between;font-size:1rem;font-weight:700;border-top:1px solid #bbf7d0;padding-top:10px;margin-top:8px}.qo-modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.qo-btn-confirm{width:100%;background:#059669;color:#fff;border:none;border-radius:10px;padding:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s}.qo-btn-confirm:hover{background:#047857}.qo-btn-confirm:disabled{background:#d1fae5;cursor:not-allowed}.qo-btn-secondary{width:100%;background:#f3f4f6;color:#374151;border:none;border-radius:10px;padding:11px;font-size:.92rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s}.qo-btn-secondary:hover{background:#e5e7eb}.qo-success{text-align:center;padding:48px 24px;max-width:480px;margin:32px auto 0}.qo-success-icon{font-size:3.5rem;margin-bottom:16px}.qo-success-title{font-size:1.5rem;font-weight:800;margin:0 0 8px}.qo-success-sub{font-size:.9rem;color:#6b7280;margin:0 0 24px}.qo-order-id-badge{background:#f0fdf4;border:1.5px solid #bbf7d0;color:#065f46;font-size:1rem;padding:10px 20px;margin-bottom:28px}.qo-back-btn,.qo-order-id-badge{display:inline-block;font-weight:700;border-radius:10px}.qo-back-btn{background:#f59e0b;color:#000;text-decoration:none;padding:12px 28px;font-size:.95rem}.qo-error{background:#fef2f2;border:1.5px solid #fecaca;color:#dc2626;border-radius:10px;padding:10px 14px;font-size:.85rem;margin-bottom:14px}.qo-loading{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:.88rem;justify-content:center;padding:12px 0}@keyframes qo-spin{to{transform:rotate(1turn)}}.qo-spinner{width:18px;height:18px;border:2.5px solid #e5e7eb;border-top-color:#f59e0b;border-radius:50%;animation:qo-spin .7s linear infinite;flex-shrink:0}.qo-products-hint{max-width:560px;margin:20px auto 0;padding:0 4px}.qo-products-hint summary{font-size:.8rem;color:#6b7280;cursor:pointer;user-select:none;list-style:none;display:flex;align-items:center;gap:6px}.qo-products-hint summary::-webkit-details-marker{display:none}.qo-products-hint[open] summary{color:#374151}.qo-hint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}@media (min-width:480px){.qo-hint-grid{grid-template-columns:repeat(3,1fr)}}.qo-hint-card{background:#fff;border:1px solid #f3f4f6;border-radius:10px;padding:10px 12px;font-size:.78rem}.qo-hint-name{font-weight:700;color:#111827;margin-bottom:4px}.qo-hint-sizes{color:#6b7280;line-height:1.5}.qo-review-wrap{max-width:560px;margin:0 auto;padding:0 4px 80px}.qo-review-header{text-align:center;padding:28px 16px 20px}.qo-review-title{font-size:1.25rem;font-weight:800;margin:0 0 6px}.qo-review-sub{font-size:.85rem;color:#6b7280;margin:0}.qo-review-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:20px 18px;margin-bottom:12px}.qo-review-cust-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.qo-cust-full{grid-column:1/-1}.qo-cust-label{display:block;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#9ca3af;margin-bottom:2px}.qo-cust-val{font-size:.9rem;font-weight:600;color:#111827}.qo-review-item{gap:10px;background:#f9fafb;border-radius:10px;padding:12px;margin-bottom:8px}.qo-qty-ctrl,.qo-review-item{display:flex;align-items:center}.qo-qty-ctrl{gap:0;border:1.5px solid #e5e7eb;border-radius:8px;overflow:hidden;flex-shrink:0}.qo-qty-btn{background:#f9fafb;border:none;width:32px;height:32px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:background .12s}.qo-qty-btn:hover{background:#f3f4f6}.qo-qty-num{min-width:32px;text-align:center;font-size:.9rem;font-weight:700;color:#111827;border-left:1.5px solid #e5e7eb;border-right:1.5px solid #e5e7eb;padding:0 4px;line-height:32px}.qo-delete-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;border-radius:6px;flex-shrink:0;opacity:.6;transition:opacity .12s}.qo-delete-btn:hover{opacity:1}.qo-add-toggle{width:100%;background:none;border:1.5px dashed #d1d5db;border-radius:10px;padding:10px;font-size:.88rem;font-weight:600;color:#6b7280;cursor:pointer;font-family:inherit;margin-top:4px;transition:border-color .12s,color .12s}.qo-add-toggle:hover{border-color:#f59e0b;color:#d97706}.qo-add-form{background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;padding:14px;margin-top:8px}.qo-add-form-title{font-size:.82rem;font-weight:700;color:#92400e;margin:0 0 10px}.qo-add-row{display:grid;grid-template-columns:1fr 1fr 80px;gap:8px;align-items:end}.qo-add-field{display:flex;flex-direction:column}.qo-select{width:100%;border:1.5px solid #e5e7eb;border-radius:8px;padding:8px 10px;font-size:.88rem;font-family:inherit;background:#fff;outline:none}.qo-select:focus{border-color:#f59e0b}.qo-add-actions{display:flex;gap:8px;margin-top:10px}.qo-btn-add{flex:1;background:#f59e0b;color:#000;border:none;border-radius:8px;padding:9px;font-size:.9rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .12s}.qo-btn-add:hover{background:#d97706}.qo-btn-cancel-add{background:#f3f4f6;color:#374151;border:none;border-radius:8px;padding:9px 16px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer}.qo-review-shipping{display:flex;justify-content:space-between;align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;padding:12px 16px;font-size:.9rem;font-weight:600;color:#065f46;margin-bottom:8px}.qo-review-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.qo-btn-pdf{display:block;width:100%;max-width:320px;margin:0 auto 12px;background:#1e293b;color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:background .15s}.qo-btn-pdf:hover{background:#0f172a}