/* İletişim section - Akyaka Tesisat (shared: homepage + service pages) */
.contact-section{padding:64px 0;background:#F5F9FC}
.contact-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.contact-head{max-width:640px;margin:0 auto 40px;text-align:center}
.contact-eyebrow{display:inline-flex;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#0086C9;background:#E8F5FD;padding:6px 14px;border-radius:999px;margin-bottom:14px}
.contact-head h2{font-size:clamp(1.6rem,2.8vw,2.1rem);color:#062C41;margin:0 0 12px}
.contact-head p{color:#5B6B7C;font-size:1.02rem;margin:0;line-height:1.6}

.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px}
.contact-card{display:block;background:#fff;border:1px solid #E4EAF1;border-radius:16px;padding:26px;text-decoration:none;transition:.2s transform,.2s box-shadow,.2s border-color}
a.contact-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(6,44,65,.1);border-color:#0086C9}
.contact-ico{width:48px;height:48px;border-radius:14px;background:#E8F5FD;color:#0086C9;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.contact-ico svg{width:22px;height:22px}
.contact-card h3{font-size:1rem;color:#062C41;margin:0 0 6px}
.contact-card p{color:#5B6B7C;font-size:.9rem;margin:0;line-height:1.5}

.contact-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.contact-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 30px;border-radius:999px;font-weight:700;font-size:.96rem;text-decoration:none;transition:.2s transform,.2s box-shadow,.2s background}
.contact-btn svg{width:18px;height:18px;flex:none}
.contact-btn-primary{background:#0086C9;color:#fff;box-shadow:0 10px 24px rgba(0,134,201,.3)}
.contact-btn-primary:hover{background:#05699c;transform:translateY(-2px)}
.contact-btn-outline{background:#fff;color:#062C41;border:2px solid #DCE6EF}
.contact-btn-outline:hover{border-color:#0086C9;color:#0086C9;transform:translateY(-2px)}

@media (max-width:600px){
  .contact-section{padding:48px 0}
  .contact-btn{width:100%;justify-content:center}
}