.purchase-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.purchase-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 40px #0000004d}.purchase-choice h3,.address-form h3{text-align:center;margin-bottom:24px;font-size:18px;font-weight:600;color:#000}.currency-selector{text-align:center;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:8px}.currency-selector label{display:block;margin-bottom:8px;font-weight:600;color:#333}.currency-selector select{padding:12px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;background:#fff;cursor:pointer;transition:border-color .2s ease}.currency-selector select:focus{outline:none;border-color:#f9d70b}.wallet-method-indicator{text-align:center;margin-bottom:16px;padding:12px;border-radius:8px;font-size:14px;font-weight:500}.wallet-method-indicator .checking{color:#666;background:#f8f9fa;padding:8px 16px;border-radius:20px;display:inline-block}.wallet-method-indicator .native{color:#1976d2;background:#e3f2fd;padding:8px 16px;border-radius:20px;display:inline-block;border:2px solid #1976d2}.wallet-method-indicator .external{color:#f57c00;background:#fff3e0;padding:8px 16px;border-radius:20px;display:inline-block;border:2px solid #f57c00}.btn-refresh-wallet{background:none;border:none;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;margin-left:12px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-refresh-wallet:hover{background:#f0f0f0;transform:rotate(180deg)}.btn-refresh-wallet:active{transform:rotate(360deg)}.purchase-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.btn-yes,.btn-no{padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-yes{background:#f9d70b;color:#000}.btn-yes:hover{background:#e6c200;transform:translateY(-2px)}.btn-no{background:#ff1f2f;color:#fff}.btn-no:hover{background:#e01a28;transform:translateY(-2px)}.btn-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:8px;border-radius:50%;transition:background .2s ease}.btn-close:hover{background:#f0f0f0}.address-form form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:12px}.form-row.three-columns{gap:8px}.form-row input{flex:1;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-row input:focus{outline:none;border-color:#f9d70b}.address-input-container{position:relative;flex:1;display:flex;align-items:center}.address-input-container input{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .2s ease}.address-input-container input:focus{outline:none;border-color:#f9d70b}.address-line2{background-color:#f8f9fa;border-color:#d0d0d0}.city-input,.state-input,.postal-input{min-width:0}@media (max-width: 768px){.form-row{flex-direction:column;gap:16px}.form-row.three-columns{gap:16px}}.form-buttons{display:flex;gap:12px;margin-top:8px}.btn-confirm,.btn-back{flex:1;padding:16px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm{background:#f9d70b;color:#000}.btn-confirm:hover{background:#e6c200;transform:translateY(-2px)}.btn-back{background:#f0f0f0;color:#666}.btn-back:hover{background:#e0e0e0}@media (max-width: 480px){.purchase-modal{padding:24px;margin:20px}.purchase-choice h3,.address-form h3{font-size:16px}.btn-yes,.btn-no,.btn-confirm,.btn-back{padding:14px 20px;font-size:14px}}.locked-payment{text-align:center}.quantity-counter{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e0e0e0}.quantity-counter h4{margin:0 0 16px;color:#333;font-size:16px;font-weight:600}.counter-controls{display:flex;align-items:center;justify-content:center;gap:16px}.btn-counter{width:40px;height:40px;border:2px solid #e0e0e0;border-radius:50%;background:#fff;color:#333;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-counter:hover{background:#f0f0f0;border-color:#ccc;transform:scale(1.1)}.btn-counter:active{transform:scale(.95)}.quantity-display{font-size:24px;font-weight:700;color:#333;min-width:40px;text-align:center}.transaction-details{background:#f8f9fa;border-radius:8px;padding:20px;margin:20px 0;border:2px solid #e0e0e0}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e0e0e0}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#333;text-align:left}.detail-row .value{color:#666;font-family:monospace;font-size:12px;text-align:right;word-break:break-all}.currency-buttons{display:flex;flex-direction:column;gap:16px;margin:24px 0}.btn-eth,.btn-usdc{padding:16px 24px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-eth{background:linear-gradient(135deg,#f9d70b,#e6c200);color:#000;border:2px solid #f9d70b}.btn-eth:hover{background:linear-gradient(135deg,#e6c200,#d4b000);transform:translateY(-2px);box-shadow:0 6px 20px #f9d70b66}.btn-usdc{background:linear-gradient(135deg,#ff1f2f,#e01a28);color:#fff;border:2px solid #ff1f2f}.btn-usdc:hover{background:linear-gradient(135deg,#e01a28,#c01722);transform:translateY(-2px);box-shadow:0 6px 20px #ff1f2f66}.pac-container{z-index:10001!important;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0;font-family:inherit}.pac-item{padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.pac-item:hover{background-color:#f8f9fa}.pac-item-selected{background-color:#e3f2fd}.pac-item-query{font-weight:600;color:#333}.pac-matched{font-weight:600;color:#1976d2}.mobile-purchase{text-align:center;padding:20px}.mobile-purchase h3{color:#f9d70b;margin-bottom:20px;font-size:24px}.mobile-purchase p{margin-bottom:30px;font-size:18px;color:#333}.mobile-buttons{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.btn-eth,.btn-usdc{padding:20px;font-size:20px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.btn-eth{background:linear-gradient(135deg,#f9d70b,#f4c430);color:#000}.btn-usdc{background:linear-gradient(135deg,#2775ca,#1e5aa8);color:#fff}.btn-eth:hover,.btn-usdc:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003}.btn-eth:active,.btn-usdc:active{transform:translateY(0)}
