/* ══════════════════════════════════════════════════════════════
   ÖZDEMIR NATURAL — maps.css
   Harita sayfasına özel stiller
══════════════════════════════════════════════════════════════ */

.adresimiz {
    margin-top: 120px;
    font-size: 60px;
    font-weight: 700;
    color: #222;
    text-align: center;
}

.adres_row {
    display: grid;
    grid-template-columns: 1fr 700px 1fr;
    align-items: center;
    margin-top: 80px;
    width: 100%;
}

.left_side {
    justify-self: end;
    width: 420px;
    margin-right: 40px;
    text-align: left;
}

.adres_text_baslik { font-size: 34px; margin-bottom: 20px; color: #222; }
.adres_text { font-size: 16px; line-height: 1.9; color: #555; }

.live_map {
    width: 700px;
    height: 550px;
    justify-self: center;
    border: 0;
    border-radius: 35px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.10);
}

.sincop_foto {
    justify-self: start;
    width: 320px;
    height: 500px;
    margin-left: 40px;
    object-fit: cover;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}

.alt_aciklama {
    margin: auto;
    margin-top: 200px;
    margin-bottom: 130px;
    max-width: 800px;
    text-align: center;
    font-size: 22px;
    line-height: 1.8;
    color: #161616;
}


.adres_main { text-align: center; }


/* ── ALINTI KUTUSU ── */
.quote-box {
    display: inline-block;
    padding: 60px 90px;
    text-align: center;
}
.quote-box p {
    margin: 0;
    font-size: 30px;
    font-weight: 500;
    color: #1a1a1a;
    line-height: 1.7;
}
.quote-box p + p {
    margin-top: 20px;
    color: #444;
    font-size: 19px;
}

/* ── MOBİL ── */
@media (max-width: 900px) {
    .adresimiz { font-size: 38px; margin-top: 60px; }

    .adres_row {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        justify-items: center;
        gap: 40px;
        padding: 0 20px;
    }

    .left_side { width: 100%; margin-right: 0; text-align: center; justify-self: center; }
    .adres_text_baslik { font-size: 24px; }

    .live_map { width: 100%; height: 350px; }

    .sincop_foto { width: 100%; height: 300px; margin-left: 0; }

    .alt_aciklama { margin-top: 60px; margin-bottom: 60px; font-size: 16px; padding: 0 20px; }
}