/* HERO */
.hero{
    /* background:linear-gradient(135deg,var(--primary),var(--primary-dark)); */
  background: linear-gradient(var(--primary-overlay), var(--primary-light)), url('/images/services-hero.jpg') center/cover no-repeat;
    color:white;
    padding:70px 20px;
    text-align:center;
    border-radius:var(--radius); /* Köşelere radius eklendi */
}
.hero h1{
    font-size:36px;
    margin-bottom:12px;
    color:white;
}
.hero p{
    max-width:520px;
    margin:auto;
    font-size:16px;
    opacity:.9;
    color:white;
}

/* CONTAINER */
.container{
    max-width:1100px;
    margin:60px auto;
    padding:0 20px;
}

/* CONTACT CARDS */
.contact_cards{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
    margin-bottom:50px;
}
@media(max-width:900px){
    .contact_cards{grid-template-columns:1fr}
}
.contact_card{
    background:var(--card);
    border-radius:18px; /* Köşelere radius */
    padding:32px 26px;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    transition:.3s ease;
}
.contact_card:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 45px rgba(0,0,0,.08);
}
.contact_icon{
    width:58px;
    height:58px;
    border-radius:50%;
    background:var(--primary-soft);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    color:var(--primary);
    margin-bottom:16px;
}
.contact_title{
    font-size:18px;
    font-weight:600;
    margin-bottom:6px;
}
.contact_text{
    font-size:14px;
    color:var(--muted);
    margin-bottom:20px;
}
.contact_action{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:500;
    color:var(--primary);
    text-decoration:none;
}

/* INFO + MAP */
.info_section{
    display:grid;
    grid-template-columns:1fr 1.4fr;
    gap:24px;
}
@media(max-width:900px){
    .info_section{grid-template-columns:1fr}
}
.info_box{
    background:var(--card);
    border-radius:18px; /* Köşelere radius */
    padding:26px;
    border:1px solid var(--border);
}
.info_item{
    display:flex;
    gap:14px;
    padding:14px 0;
}
.info_item:not(:last-child){
    border-bottom:1px solid var(--border);
}
.info_item i{
    color:var(--primary);
    margin-top:2px;
}

/* MAP */
.map{
    border-radius:18px; /* Köşelere radius */
    overflow:hidden;
    border:1px solid var(--border);
}
.map iframe{
    width:100%;
    height:100%;
    min-height:260px;
    border:0;
}