.qr-payments-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--spacing-lg)}.qr-payment-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.qr-payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.qr-payment-provider{font-weight:700;font-size:var(--font-size-lg)}.qr-payment-provider.zelle{color:#6d1ed4}.qr-payment-provider.venmo{color:#3d95ce}.qr-payment-status.active{background:var(--success-bg);color:var(--success-color);padding:2px 10px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500}.qr-payment-preview{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.qr-payment-thumbnail{width:100px;height:100px;border-radius:var(--border-radius-md);object-fit:cover;border:1px solid var(--border-color)}.qr-payment-actions{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center}.qr-payment-empty{text-align:center}.qr-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.qr-upload-area:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.qr-upload-hint{font-size:var(--font-size-xs);color:var(--text-light)}.qr-upload-form{display:inline}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.btn-danger{background:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-border)}.btn-danger:hover{background:var(--danger-color);color:white}.cart-payment-methods{margin-bottom:var(--spacing-lg)}.cart-payment-methods h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-md)}.payment-method-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.payment-method-option{width:100%}.payment-method-btn{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;text-decoration:none;color:inherit;transition:var(--transition-fast);font-family:inherit;font-size:var(--font-size-md);text-align:left}.payment-method-btn:hover{border-color:var(--primary-color);background:var(--primary-light)}.payment-method-btn svg{flex-shrink:0;color:var(--primary-color)}.payment-method-name{font-weight:600;display:block}.payment-method-desc{font-size:var(--font-size-sm);color:var(--text-secondary);display:block}.qr-checkout-page{max-width:900px;margin:0 auto;padding:var(--spacing-xl) 0}.qr-checkout-page h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xs)}.qr-checkout-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.qr-checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl)}.qr-code-section,.qr-receipt-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.qr-code-section h2,.qr-receipt-section h2{font-size:var(--font-size-lg);margin:0 0 var(--spacing-md)}.qr-code-display{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.qr-code-image{max-width:100%;height:auto;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.qr-code-hint{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.qr-checkout-amount{text-align:center;padding:var(--spacing-md);background:var(--primary-light);border-radius:var(--border-radius-md)}.qr-amount-label{display:block;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.qr-amount-value{font-size:var(--font-size-xxl);font-weight:700;color:var(--primary-color)}.qr-receipt-hint{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.qr-receipt-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.receipt-upload-area{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border:2px dashed var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.receipt-upload-area:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.receipt-upload-area.has-file{border-color:var(--success-color);background:var(--success-bg);color:var(--success-color)}.receipt-upload-text{font-weight:500}.receipt-upload-hint{font-size:var(--font-size-xs)}.receipt-preview{margin-top:var(--spacing-sm)}.receipt-preview.hidden{display:none}.receipt-preview-image{max-width:200px;border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.qr-checkout-summary{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.qr-checkout-summary h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md)}.qr-checkout-actions{display:flex;gap:var(--spacing-sm)}.qr-checkout-actions .btn{flex:1}.order-status-payment_submitted{background:var(--info-bg);color:var(--info-color)}@media(max-width: 768px){.qr-checkout-layout{grid-template-columns:1fr}.qr-checkout-page{padding:var(--spacing-lg) 0}.qr-checkout-page h1{font-size:var(--font-size-xl)}.payment-method-btn{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.payment-method-btn svg{margin:0 auto}.qr-checkout-actions{flex-direction:column}}@media(max-width: 480px){.qr-payments-grid{grid-template-columns:1fr}.qr-code-section,.qr-receipt-section{padding:var(--spacing-md)}}
