/* contact.css */
.contact-main { background:var(--white); }
.contact-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:60px; max-width:1100px; margin:0 auto; align-items:start; }
.contact-info-col h2 { font-size:clamp(26px,3vw,38px); font-weight:800; color:var(--dark); line-height:1.25; margin-bottom:14px; }
.contact-info-col > p { color:var(--gray); font-size:16px; line-height:1.8; margin-bottom:36px; }
.contact-items { display:flex; flex-direction:column; gap:20px; margin-bottom:36px; }
.contact-item { display:flex; align-items:flex-start; gap:16px; }
.ci-icon { width:46px; height:46px; background:var(--gold-pale); border-radius:var(--radius); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }
.ci-text h4 { font-size:14px; font-weight:700; color:var(--dark); margin-bottom:4px; }
.ci-text p, .ci-text a { font-size:14px; color:var(--gray); line-height:1.6; margin:0; }
.ci-text a:hover { color:var(--gold); }
.social-links { display:flex; gap:12px; }
.social-btn { width:42px; height:42px; border-radius:10px; background:var(--bg); border:1px solid var(--border); display:flex; align-items:center; justify-content:center; font-size:18px; transition:all .3s; }
.social-btn:hover { background:var(--gold); border-color:var(--gold); transform:translateY(-2px); }

.contact-form-box { background:var(--bg); border-radius:var(--radius-xl); padding:44px; border:1px solid var(--border); box-shadow:var(--shadow); }
.contact-form-box h3 { font-size:22px; font-weight:800; color:var(--dark); margin-bottom:28px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.form-group { margin-bottom:20px; }
.form-group label { display:block; font-size:13px; font-weight:600; color:var(--dark); margin-bottom:8px; }
.form-group input, .form-group select, .form-group textarea { width:100%; padding:13px 16px; border:1.5px solid var(--border); border-radius:10px; font-size:15px; font-family:inherit; color:var(--dark); background:var(--white); transition:border-color .3s; outline:none; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color:var(--gold); }
.form-group textarea { resize:vertical; min-height:120px; }
.form-submit { width:100%; background:var(--dark); color:var(--white); border:none; padding:15px; border-radius:10px; font-size:16px; font-weight:700; font-family:inherit; cursor:pointer; transition:all .3s; }
.form-submit:hover { background:var(--gold); color:var(--dark); transform:translateY(-2px); }

.map-section { background:var(--bg); padding:0; }
.map-section iframe { width:100%; height:460px; border:none; display:block; filter:grayscale(20%); }

.offices-section { background:var(--white); }
.offices-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; max-width:1100px; margin:0 auto; }
.office-card { background:var(--bg); border-radius:var(--radius-xl); padding:34px 28px; border:1px solid var(--border); text-align:center; transition:all .35s; }
.office-card:hover { border-color:var(--gold); transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.office-icon { font-size:40px; margin-bottom:16px; display:block; }
.office-card h3 { font-size:18px; font-weight:700; color:var(--dark); margin-bottom:10px; }
.office-card p  { font-size:14px; color:var(--gray); line-height:1.7; }
.office-card .office-phone { display:inline-block; margin-top:12px; color:var(--gold); font-weight:600; font-size:14px; }

@media (max-width:1024px) { .contact-grid { grid-template-columns:1fr; gap:40px; } .offices-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:768px) { .contact-form-box { padding:28px; } .form-row { grid-template-columns:1fr; } .offices-grid { grid-template-columns:1fr; } .map-section iframe { height:320px; } }