/* =============================================================================
   Hakkımızda. Ortak "pg-" bileşenleri services.css'te (bu sayfada da yüklenir).
   Hikâye: paragraflar + hizmet alanları listesi + hedef cümlesi. Bölge: satır içi kıyı haritası (tr-coast.svg).
   ============================================================================= */

/* Hikâye: ortalı kısa giriş */
.pg-about-intro { max-width: 760px; margin: 0 auto; text-align: center; }
.pg-about-intro .section-title::after { margin-left: auto; margin-right: auto; }
.pg-about-text { font-size: var(--fs-lead, 1.2rem); line-height: 1.6; color: var(--text, #1f2a37); }
.pg-about-text p { margin: 0 0 1rem; }
.pg-about-text p:last-child { margin-bottom: 0; }

/* Hizmet alanları: ortalı rozetler */
.pg-about-services { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.6rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.pg-about-services li {
    display: inline-flex; align-items: center; gap: 0.45rem;
    padding: 0.5rem 1rem; font-weight: 600; color: var(--primary, #0d1b2a);
    background: var(--brand-50, #eef5fd); border: 1px solid var(--brand-100, #dcebfb); border-radius: 999px;
}
.pg-about-services .bi { color: var(--brand, #0862BE); font-size: 1.05em; }
.pg-about-goal { margin: 1.75rem 0 0; font-size: var(--fs-lead, 1.2rem); font-weight: 700; color: var(--primary, #0d1b2a); }

/* ---------------------------------------------------------------- Hizmet bölgesi: kıyı haritası */
.pg-about-region .section-title { margin-bottom: clamp(1.5rem, 1rem + 1.5vw, 2.25rem); }
.pg-about-region .section-title.text-center::after { margin-left: auto; margin-right: auto; }
.pg-map {
    max-width: 1040px;
    margin: 0 auto;
    overflow: hidden;
    background: var(--brand-50, #eef5fd);
    border: 1px solid var(--brand-100, #dcebfb);
    border-radius: var(--radius-lg, 18px);
    box-shadow: var(--shadow-xs, none);
}
.pg-map svg { display: block; width: 100%; height: auto; }
@media (max-width: 575.98px) {
    /* Dar ekranda batı (kıyılar) öne: haritanın doğu iç kesimi kırpılır, deniz adları okunur kalır */
    .pg-map { margin-inline: calc(var(--bs-gutter-x, 1.5rem) * -0.5); border-radius: 0; border-inline: 0; }
    .pg-map svg { width: 150%; max-width: none; }
    .pg-map .trc-sea { font-size: 26px; }
    .pg-map .trc-sea-lg { font-size: 30px; }
    .pg-map .trc-sea-sm { font-size: 18px; }
    .pg-map .trc-city { font-size: 20px; }
}

/* Harita yoksa (dosya eksik): yer adları */
.pg-region-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5rem; margin: 0; padding: 0; list-style: none; }
.pg-region-list li { padding: 0.4rem 0.9rem; font-weight: 700; color: var(--primary, #0d1b2a); background: var(--brand-50, #eef5fd); border-radius: 999px; }