@charset "UTF-8";

/* =========================================================
   ANTALYA TURLARI — İLETİŞİM SAYFASI EŞİT DÜZEN FINAL
   Mevcut iletisim.css üzerine güvenli layout katmanı.
   Inline CSS kullanılmaz.
   ========================================================= */

.contact-page-main,
.contact-page-main * {
    box-sizing: border-box;
}

.contact-page-main {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
}

.contact-shell {
    width: min(1360px, calc(100% - 48px));
    max-width: 1360px;
    margin-inline: auto;
}

/* Form + sağ kolon aynı başlangıç ve bitiş çizgisinde */
.contact-content {
    padding-top: 72px;
    padding-bottom: 52px;
}

.contact-content__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(350px, .78fr);
    align-items: stretch;
    gap: 28px;
}

.contact-form-card,
.contact-sidebar {
    min-width: 0;
    height: 100%;
}

.contact-form-card {
    display: flex;
    flex-direction: column;
    padding: 34px;
    border-radius: 24px;
}

/* Form içeriği doğal yüksekliğini kullanır */
.contact-form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}

.contact-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 18px 16px;
}

.contact-field {
    min-width: 0;
}

.contact-field--full {
    grid-column: 1 / -1;
}

.contact-field input,
.contact-field select {
    width: 100%;
    min-width: 0;
    height: 54px;
}

.contact-field textarea {
    width: 100%;
    min-width: 0;
    min-height: 134px;
    resize: vertical;
}

.contact-consent {
    margin-top: 18px;
}

.contact-submit {
    min-height: 54px;
    margin-top: 18px;
}

/* Sağ kolon: bilgi kartı + harita tüm yüksekliği paylaşır */
.contact-sidebar {
    display: grid;
    grid-template-rows: auto minmax(280px, 1fr);
    gap: 22px;
}

.contact-details-card,
.contact-map-card {
    min-width: 0;
    border-radius: 24px;
}

.contact-details-card {
    padding: 28px;
}

.contact-details {
    display: grid;
    gap: 12px;
}

.contact-details > a,
.contact-details > div {
    min-height: 62px;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
}

.contact-details > a > span:last-child,
.contact-details > div > span:last-child {
    min-width: 0;
}

.contact-details strong {
    display: block;
    overflow-wrap: anywhere;
}

.contact-hours {
    min-height: 52px;
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 16px;
}

/* Harita sağ kolonda kalan tüm alanı doldurur */
.contact-map-card {
    min-height: 0;
    overflow: hidden;
}

.contact-map-card iframe {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
    border: 0;
}

/* CTA, form-harita bloğunun hemen arkasından gelir */
.contact-common-cta {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 72px;
}

/* Quick cards eşit */
.contact-quick__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 16px;
}

.contact-quick__card {
    min-width: 0;
    min-height: 104px;
    height: 100%;
}

.contact-quick__card > span:last-child {
    min-width: 0;
}

.contact-quick__card strong {
    overflow-wrap: anywhere;
}

/* Tablet */
@media (max-width: 1100px) {
    .contact-shell {
        width: min(920px, calc(100% - 36px));
    }

    .contact-content__grid {
        grid-template-columns: minmax(0, 1.35fr) minmax(320px, .8fr);
        gap: 22px;
    }

    .contact-form-card {
        padding: 28px;
    }

    .contact-details-card {
        padding: 24px;
    }

    .contact-quick__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Mobil */
@media (max-width: 820px) {
    .contact-shell {
        width: calc(100% - 24px);
    }

    .contact-content {
        padding-top: 50px;
        padding-bottom: 36px;
    }

    .contact-content__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-form-card {
        padding: 22px 18px;
        border-radius: 20px;
    }

    .contact-form__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .contact-field--full {
        grid-column: auto;
    }

    .contact-field input,
    .contact-field select {
        height: 52px;
    }

    .contact-field textarea {
        min-height: 130px;
    }

    .contact-sidebar {
        grid-template-rows: auto 360px;
        gap: 18px;
    }

    .contact-details-card,
    .contact-map-card {
        border-radius: 20px;
    }

    .contact-details-card {
        padding: 22px 18px;
    }

    .contact-map-card iframe {
        min-height: 360px;
    }

    .contact-quick__grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .contact-quick__card {
        min-height: 88px;
    }

    .contact-common-cta {
        padding-bottom: 54px;
    }
}

@media (max-width: 480px) {
    .contact-shell {
        width: calc(100% - 16px);
    }

    .contact-form-card,
    .contact-details-card {
        padding: 18px 14px;
    }

    .contact-sidebar {
        grid-template-rows: auto 320px;
    }

    .contact-map-card iframe {
        min-height: 320px;
    }

    .contact-details > a,
    .contact-details > div {
        min-height: 58px;
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 9px 10px;
    }

    .contact-hours {
        min-height: 50px;
        padding-inline: 12px;
    }
}


/* =========================================================
   İLETİŞİM HERO — INDEX HERO GÖRSELİ
   Ana sayfa hero ile aynı referans görsel ve benzer karartma.
   ========================================================= */
.contact-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: #031522;
}

.contact-hero__media,
.contact-hero__overlay {
    position: absolute;
    inset: 0;
}

.contact-hero__media {
    z-index: -3;
    overflow: hidden;
    background: #031522;
}

.contact-hero__media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.01);
}

.contact-hero__overlay {
    z-index: -2;
    background:
        linear-gradient(
            90deg,
            rgba(0, 13, 25, .94) 0%,
            rgba(0, 23, 39, .82) 42%,
            rgba(0, 22, 38, .55) 72%,
            rgba(0, 9, 18, .48) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 7, 15, .16) 0%,
            rgba(0, 14, 25, .15) 55%,
            rgba(0, 10, 20, .82) 100%
        );
}

.contact-hero__inner {
    position: relative;
    z-index: 1;
}

@media (max-width: 820px) {
    .contact-hero__media img {
        object-position: 58% center;
    }

    .contact-hero__overlay {
        background:
            linear-gradient(
                180deg,
                rgba(1, 18, 30, .88),
                rgba(1, 18, 30, .80) 55%,
                rgba(1, 14, 24, .94)
            );
    }
}