@charset "UTF-8";
/* CSS Document */

/* —— original CSS (unchanged) —— */
.share-container{max-width:600px;margin:60px auto;background:var(--white);color:var(--black);border-radius:12px;padding:30px;box-shadow:0 0 15px rgba(0,0,0,.3);}
.share-container h2{text-align:center;font-size:28px;margin-bottom:25px;}
.form-group{display:flex;flex-direction:column;margin-bottom:15px;}
.form-group label{font-weight:bold;margin-bottom:5px;}
.form-group input{padding:10px;border-radius:6px;border:1px solid #ccc;font-size:16px;}
.submit-btn,.confirm-btn{margin-top:20px;width:100%;background:var(--gold);color:var(--black);padding:12px;border:none;font-weight:bold;border-radius:8px;cursor:pointer;}
.submit-btn:hover,.confirm-btn:hover{background:#e6b800;}
.error-message{color:red;font-size:.9rem;margin-top:5px;}
.rate-box{text-align:center;margin-bottom:20px;font-weight:bold;color:#d4af37;}
.success-message{text-align:center;font-weight:bold;margin-bottom:15px;}
.currency-tabs{display:flex;justify-content:center;margin-bottom:20px;}
.currency-tab{padding:10px 20px;margin:0 5px;border:1px solid var(--gold);border-radius:5px;background:transparent;color:var(--gold);cursor:pointer;font-weight:bold;}
.currency-tab.active{background:var(--gold);color:var(--black);}
.upi-section{text-align:center;margin-top:20px;}
.upi-section img{display:block;width:200px;max-width:100%;height:auto;margin:10px auto;}
.upi-section input{padding:8px;width:80%;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;}
/* Mobile: ensure header fits in one line by sizing explicitly */
@media (max-width: 768px) {
  .own-header {
    font-size: 18px;      /* small enough to stay on one line */
    line-height: 1.2;     /* keep comfortable spacing */
  }
}