*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Poppins",sans-serif;color:#2b2b2b;line-height:1.6;background:#fff}

.btn{display:inline-block;padding:12px 28px;border-radius:30px;font-weight:500;font-size:15px;transition:.3s ease;cursor:pointer;border:none}
.btn.primary{background:linear-gradient(90deg,#e10980,#499cc8);color:#fff;box-shadow:0 8px 20px rgba(225,9,128,.25)}
.btn.primary:hover{transform:translateY(-2px)}

.glass{background:rgba(255,255,255,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);border-radius:22px;box-shadow:0 18px 40px rgba(0,0,0,.08)}

/* ==========================
   CONTACT HERO – SAME AS PRODUCTS / GALLERY
========================== */

.contact-hero{
  position: relative;
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;

  /* IMAGE ONLY */
  background: url("images/atm-1.jpeg.jpg") center / cover no-repeat;

  padding: 60px 24px;
  margin-top: 120px;
  overflow: hidden;
}

/* DARK OVERLAY */
.contact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.72); /* 🔥 same darkness */
  z-index:0;
}

/* WHITE CENTER CARD */
.contact-hero .hero-inner{
  background:#ffffff;
  padding:40px 40px;
  border-radius:30px;
  text-align:center;
  box-shadow:0 20px 45px rgba(0,0,0,.25);
  position:relative;
  z-index:1;
}

/* TITLE */
.contact-hero h1{
  font-size:42px;
  line-height:1.2;
  background: linear-gradient(90deg,#e10980,#499cc8);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* SUBTITLE */
.contact-hero p{
  margin-top:16px;
  color:#555;
  font-size:18px;
}

/* REMOVE BUBBLES COMPLETELY */
.contact-hero .bubbles,
.contact-hero .bubble{
  display:none !important;
}

/* RESPONSIVE */
@media (max-width:640px){
  .contact-hero h1{font-size:32px}
  .contact-hero .hero-inner{
    padding:28px 26px;
    border-radius:22px;
  }
}


.contact-main .wrap{max-width:1200px;margin:0 auto;padding:80px 24px}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.left{padding:24px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.form .field{margin-bottom:12px}
.form input,.form textarea{width:100%;padding:12px 14px;border:1px solid #ffd6e7;border-radius:12px;font-family:inherit;outline:none;background:#fff}
.form textarea{resize:vertical}
.right{display:grid;gap:14px}
.info{padding:18px}
.info h3{color:#e10980;margin-bottom:8px}
.info a{color:#499cc8;text-decoration:none}
.info a:hover{color:#e10980}

.map-title{color:#e10980;margin-top:24px;margin-bottom:10px}
.map h3{color:#e10980;margin-bottom:8px;width:100%}
.map-frame iframe{width:100%;height:380px;border:0;border-radius:12px}
.map-wide{margin-top:24px}

@media(max-width:1024px){.grid{grid-template-columns:1fr}.form .row{grid-template-columns:1fr}}
/* ==========================
   RESPONSIVE – CONTACT
========================== */

@media (max-width: 1024px) {
  .grid {
    grid-template-columns: 1fr;
  }

  .form .row {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .contact-hero h1 {
    font-size: 32px;
  }
}