/* Kurumsal iletişim sayfası: tema genelini etkilemeden yalnızca contact-page-shell altında çalışır. */
.contact-page-shell {
    --contact-navy: #172554;
    --contact-blue: #2563eb;
    --contact-orange: #2563eb;
    --contact-ink: #172033;
    --contact-muted: #64748b;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 46%, #f8fafc 100%) !important;
}

.contact-page-shell .page-banner-main {
    min-height: 210px !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(115deg, rgba(15, 23, 42, .96), rgba(30, 64, 175, .88)) !important;
}

.contact-page-shell .page-banner-in-text {
    width: min(1180px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
    padding: 34px 0 !important;
}

.contact-page-shell .page-banner-h {
    color: #fff !important;
    font-size: clamp(28px, 4vw, 44px) !important;
    font-weight: 800 !important;
    letter-spacing: -.6px !important;
    line-height: 1.15 !important;
}

.contact-page-shell .page-banner-links {
    margin-top: 14px !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 13px !important;
}

.contact-page-shell .page-banner-links a { color: inherit !important; }

.contact-page-shell .iletisim-container-main {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 42px 0 72px !important;
    display: block !important;
}

.contact-page-shell .iletisim-map-kapsayici {
    margin: 0 0 28px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .10) !important;
    background: #fff !important;
    padding: 7px !important;
}

.contact-page-shell .iletisim-map-kapsayici iframe {
    height: 310px !important;
    border-radius: 13px !important;
}

.contact-page-shell .iletisim-flex-kapsayici {
    display: grid !important;
    grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr) !important;
    gap: 28px !important;
    align-items: start !important;
}

.contact-page-shell .iletisim-sol-bilgiler,
.contact-page-shell .iletisim-form-kapsayici {
    background: rgba(255,255,255,.96) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
}

.contact-page-shell .iletisim-sol-bilgiler { padding: 26px !important; }

.contact-page-shell .iletisim-sol-grid-kapsayici {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.contact-page-shell .iletisim-bilgi-kutu {
    min-height: 92px !important;
    padding: 16px !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    background: #fff !important;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}

.contact-page-shell .iletisim-bilgi-kutu:hover {
    transform: translateY(-3px) !important;
    border-color: #bfdbfe !important;
    box-shadow: 0 10px 24px rgba(37,99,235,.10) !important;
}

.contact-page-shell .iletisim-icon-kapsayici {
    width: 44px !important;
    height: 44px !important;
    margin-right: 13px !important;
    border-radius: 12px !important;
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
}

.contact-page-shell .iletisim-icon-kapsayici svg,
.contact-page-shell .iletisim-icon-kapsayici svg path,
.contact-page-shell .iletisim-icon-kapsayici svg rect,
.contact-page-shell .iletisim-icon-kapsayici svg circle {
    fill: #2563eb !important;
    stroke: #2563eb !important;
}

.contact-page-shell .iletisim-icon-kapsayici svg rect[fill="none"] {
    fill: none !important;
}

.contact-page-shell .iletisim-baslik {
    color: var(--contact-ink) !important;
    font-size: 12px !important;
    letter-spacing: .7px !important;
    margin-bottom: 6px !important;
}

.contact-page-shell .iletisim-icerik {
    color: var(--contact-muted) !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}

.contact-page-shell .iletisim-icerik a { color: var(--contact-blue) !important; }

.contact-page-shell .sosyal-ikon-kucuk {
    color: #2563eb !important;
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

.contact-page-shell .sosyal-ikon-kucuk:hover {
    color: #fff !important;
    background: #2563eb !important;
    border-color: #2563eb !important;
}

.contact-page-shell .iletisim-form-kapsayici {
    padding: 30px !important;
    position: relative !important;
    overflow: hidden !important;
}

.contact-page-shell .iletisim-form-kapsayici::before {
    content: '';
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: linear-gradient(90deg, var(--contact-orange), var(--contact-blue));
}

.contact-page-shell .form-baslik {
    display: block !important;
    color: var(--contact-navy) !important;
    font-size: 22px !important;
    border: 0 !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
}

.contact-page-shell .form-baslik::after {
    content: 'Sorularınız için bize ulaşın';
    display: block;
    margin-top: 7px;
    color: var(--contact-muted);
    font-size: 12px;
    font-weight: 500;
}

.contact-page-shell .iletisim-form-kapsayici .form-control {
    min-height: 46px !important;
    padding: 11px 13px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
    color: var(--contact-ink) !important;
    box-shadow: none !important;
}

.contact-page-shell .iletisim-form-kapsayici textarea.form-control { min-height: 125px !important; }

.contact-page-shell .iletisim-form-kapsayici .form-control:focus {
    border-color: #60a5fa !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(37,99,235,.10) !important;
}

.contact-page-shell .iletisim-form-kapsayici #shopButton {
    min-height: 48px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: linear-gradient(105deg, #1d4ed8, #2563eb) !important;
    box-shadow: 0 9px 20px rgba(37,99,235,.20) !important;
    font-size: 14px !important;
    letter-spacing: .2px !important;
}

.contact-page-shell .iletisim-form-kapsayici #shopButton:hover {
    background: linear-gradient(105deg, #1e40af, #1d4ed8) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 900px) {
    .contact-page-shell .iletisim-flex-kapsayici { grid-template-columns: 1fr !important; }
    .contact-page-shell .iletisim-sag-form { min-width: 0 !important; }
}

@media (max-width: 600px) {
    .contact-page-shell .page-banner-main { min-height: 170px !important; }
    .contact-page-shell .iletisim-container-main { width: min(100% - 24px, 1180px) !important; padding-top: 24px !important; }
    .contact-page-shell .iletisim-sol-bilgiler,
    .contact-page-shell .iletisim-form-kapsayici { padding: 18px !important; border-radius: 14px !important; }
    .contact-page-shell .iletisim-sol-grid-kapsayici { grid-template-columns: 1fr !important; }
    .contact-page-shell .iletisim-map-kapsayici iframe { height: 230px !important; }
}
