INSTANT CASH FOR SCRAP BIKE

/* —– core card (unchanged look) —– */ .calculator-card { max-width: 420px; background: #0b0b0b; padding: 25px; border-radius: 16px; color: #fff; font-family: Arial, sans-serif; box-shadow: 0 0 25px rgba(212,175,55,0.25); border: 1px solid #d4af37; } .calculator-card h2 { text-align: center; color: #d4af37; } .subtitle { text-align: center; font-size: 13px; color: #aaa; margin-bottom: 20px; } .field { margin-bottom: 16px; } label { display: block; margin-bottom: 6px; font-size: 13px; color: #d4af37; } /* Custom Select */ .select-wrapper { position: relative; } .select-wrapper::after { content: “▾”; position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #d4af37; font-size: 16px; pointer-events: none; } select { width: 100%; padding: 12px 40px 12px 12px; border-radius: 10px; border: 1px solid #333; outline: none; background: #141414; color: #fff; font-size: 14px; appearance: none; transition: 0.25s; } select:hover { border-color: #d4af37; } select:focus { border-color: #f5d76e; box-shadow: 0 0 0 2px rgba(212,175,55,0.25); } /* Button */ #estimateBtn { width: 100%; padding: 13px; border-radius: 12px; border: none; cursor: pointer; background: linear-gradient(135deg, #d4af37, #f5d76e); color: #000; font-weight: bold; font-size: 16px; margin-top: 10px; transition: 0.3s; } #estimateBtn:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(212,175,55,0.4); } .result-box { margin-top: 18px; padding: 15px; border-radius: 12px; text-align: center; font-size: 18px; font-weight: bold; color: #d4af37; display: none; border: 1px solid #d4af37; } /* Note about minimum */ .min-note { margin-top: 8px; font-size: 12px; color: #bfb29b; font-weight: 600; } /* CTA group */ .cta-group { display: flex; gap: 10px; margin-top: 14px; justify-content: space-between; align-items: center; } .cta-btn { flex: 1; text-align: center; padding: 10px 8px; border-radius: 10px; text-decoration: none; color: #000; font-weight: 700; font-size: 14px; border: none; cursor: pointer; display: inline-block; } /* Call button darker gold */ .cta-btn.call { background: linear-gradient(135deg,#b8861b,#d4af37); box-shadow: 0 6px 12px rgba(0,0,0,0.4); } /* WhatsApp gold-accent look */ .cta-btn.whatsapp { background: linear-gradient(135deg,#f5d76e,#d4af37); } /* Make sure links look like buttons on mobile */ .cta-btn:active { transform: translateY(1px); } /* small screens */ @media (max-width:480px) { .cta-group { flex-direction: column; } .cta-btn { width: 100%; } }