/* CONTACT PAGE V3 */
.contact-hero { position:relative; min-height:450px; display:flex; align-items:center; overflow:hidden; background:linear-gradient(180deg, #E8F4FD 0%, #F5FAFF 50%, #FFFFFF 100%); }
.contact-hero-bg { position:absolute; inset:0; z-index:0; }
.contact-hero-bg img { width:100%; height:100%; object-fit:cover; opacity:0.3; }
.contact-hero-c { position:relative; z-index:2; display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:center; padding:60px 0; }
.contact-hero-script { font-family:var(--fs); font-size:24px; color:var(--p); font-style:italic; margin-bottom:8px; }
.contact-hero-title { font-family:var(--fh); font-size:42px; font-weight:700; color:var(--p); line-height:1.15; margin-bottom:16px; }
.contact-hero-desc { color:var(--text-s); line-height:1.7; margin-bottom:24px; max-width:480px; }
.contact-hero-trust { display:flex; gap:32px; flex-wrap:wrap; }
.contact-hero-trust-i { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--text-s); }
.contact-hero-trust-i i { font-size:24px; color:var(--p); }
.contact-hero-trust-i strong { display:block; font-size:13px; font-weight:600; color:var(--text); }
.contact-hero-trust-i span { font-size:12px; color:var(--text-l); }

/* Form Section */
.contact-form-section { padding:var(--sp) 0; background:#fff; }
.contact-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; align-items:start; }
.contact-form-box { background:var(--bg-light); border-radius:var(--r); padding:40px; }
.contact-form-box h2 { font-family:var(--fh); font-size:24px; text-align:center; margin-bottom:24px; }

/* Contact Info Sidebar */
.contact-info h2 { font-family:var(--fh); font-size:24px; margin-bottom:24px; }
.contact-info-item { display:flex; align-items:flex-start; gap:16px; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid var(--border); }
.contact-info-item:last-child { border-bottom:none; }
.contact-info-item i { width:48px; height:48px; border-radius:50%; background:var(--p); color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.contact-info-item div h4 { font-size:14px; font-weight:600; margin-bottom:4px; color:var(--p); text-transform:uppercase; letter-spacing:0.5px; }
.contact-info-item div p { font-size:15px; color:var(--text-s); line-height:1.5; }
.contact-info-item a { color:var(--p); font-weight:500; }
.contact-wa-btn { display:inline-flex; align-items:center; gap:8px; margin-top:8px; padding:10px 20px; background:var(--wa); color:#fff; border-radius:var(--r-pill); font-size:14px; font-weight:500; transition:0.3s; }
.contact-wa-btn:hover { background:#1da851; transform:translateY(-2px); }

/* Map */
.contact-map { padding:0 0 var(--sp); background:#fff; }
.contact-map-container { position:relative; border-radius:var(--r); overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.contact-map-container iframe { width:100%; height:400px; border:none; }
.contact-map-card { position:absolute; top:20px; right:20px; background:#fff; border-radius:var(--r); padding:24px; box-shadow:0 4px 16px rgba(0,0,0,0.15); max-width:260px; }
.contact-map-card h3 { font-family:var(--fh); font-size:16px; margin-bottom:8px; display:flex; align-items:center; gap:8px; }
.contact-map-card h3 i { color:var(--p); }
.contact-map-card p { font-size:13px; color:var(--text-s); margin-bottom:12px; }

@media(max-width:991px){
  .contact-hero-c{grid-template-columns:1fr;text-align:center;}
  .contact-hero-desc{margin:0 auto 24px;}
  .contact-hero-trust{justify-content:center;}
  .contact-hero-img{order:-1;max-width:400px;margin:0 auto;}
  .contact-grid{grid-template-columns:1fr;}
}
@media(max-width:767px){
  .contact-hero-title{font-size:32px;}
  .contact-map-container iframe{height:300px;}
  .contact-map-card{position:static;margin-top:16px;max-width:100%;}
}