/* American VIP – Şube (Landing Page) modern katman.
   Bu dosya mevcut style.css'in ÜSTÜNE eklenir, hiçbir mevcut kuralı silmez.
   Faz 0/1 revizyonunda eklenen tüm yeni bileşenler buradadır. */

/* ------------------------------------------------------------------ */
/* BUG-5 fix: Eğitim Modellerimiz deskop gridi.
   col-lg-5ths sınıfı yalnızca resources/views/front/index.blade.php
   içindeki inline <style>'da tanımlıydı; landing sayfalarında hiçbir
   paylaşılan CSS'te yoktu, bu yüzden Bootstrap 3 float hack'i
   TAŞINMADI. Bunun yerine CSS Grid kullanılıyor. */
.lp-model-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
}

.lp-model-grid .box {
    width: 100%;
    min-width: 0; /* grid item içeriğe göre şişmesin (madalyon görselleri dev çıkıyordu) */
    text-align: center;
}

/* Madalyon görselleri kompakt tutulur (eskiden doğal ~500px boyutta çıkıyordu). */
.lp-model-grid .box img {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 120px;
    height: auto;
    margin: 0 auto 10px;
    object-fit: contain;
}

.lp-model-grid .box span {
    display: block;
    font-weight: 700;
    color: var(--ink, #1a1a1a);
}

@media (max-width: 1199px) {
    .lp-model-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
    }
}

@media (max-width: 768px) {
    .lp-model-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

@media (max-width: 480px) {
    .lp-model-grid {
        grid-template-columns: 1fr;
    }
}

/* ------------------------------------------------------------------ */
/* SEO-3 fix: form-area başlığı artık <h2> değil <p class="form-title">.
   style.css'teki eski `.form-area h2` görsel kuralları burada aynen
   `.form-title` için tekrarlanıyor (görsel değişiklik yok, sadece semantik). */
.form-area .form-title {
    text-align: center;
    font-size: 29px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 15px;
}

/* ------------------------------------------------------------------ */
/* BUG-3 fix: mobilde yatay taşma (390px'te scrollWidth 402px).
   Kaynak: .owl-stage / .owl-item carousel'leri; ebeveynde overflow-x
   kontrolü yoktu. Tüm owl carousel sarmalayıcılarına ve genel body'ye
   güvenlik amaçlı overflow-x:hidden ekleniyor. */
body.avip-modern.landing-page {
    overflow-x: hidden;
}

body.avip-modern.landing-page .owl-carousel,
body.avip-modern.landing-page .owl-carousel .owl-stage-outer,
body.avip-modern.landing-page .owl-carousel .owl-stage {
    max-width: 100%;
    overflow-x: hidden;
}

/* UI revizyonu: içerik artık max-width ile ortalanır (yayvan görünüm giderildi).
   Tüm .container'lar 1180px'e sınırlanır; hero arka planları zaten full-bleed
   olan .lp-branch-hero / .slider gibi bölümlerin İÇ .container'ı da bu genişliğe
   hizalanır, böylece nav + breadcrumb + içerik hepsi aynı kolonda toplu durur. */
body.avip-modern.landing-page .container {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

@media (max-width: 1240px) {
    body.avip-modern.landing-page .container {
        max-width: 100%;
    }
}

/* ------------------------------------------------------------------ */
/* BUG-4 fix: Google Yorumları bölümünden sonra ~400px boş alan.
   article.lp-reviews inline CSS'te (index.blade.php) padding-top:0
   alıyor ama alttaki fazladan boşluk .education-area'nın varsayılan
   padding'inden ve reviews swiper'ın boş pagination alanından geliyor. */
article.education-area.lp-reviews {
    padding-bottom: 25px !important;
}

article.education-area.lp-reviews .lp-reviews-swiper {
    margin-bottom: 0 !important;
}

/* ==================================================================== */
/* FAZ 1: Çok sayfalı şube yapısı - paylaşılan bileşenler.
   avip-modern.css içindeki tasarım token'ları (--gold, --ink, --radius-*,
   --shadow-*) burada da kullanılır; bu dosyanın <link> sırası önemli
   değildir çünkü CSS custom property çözümü DOM/parse sırasına değil,
   render zamanındaki nihai cascade değerine bakar. */
/* ==================================================================== */

.lp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* -------------------------------------------------------------------- */
/* Dinamik <nav> menüsü (partials/nav.blade.php)                        */
/* -------------------------------------------------------------------- */
.lp-nav {
    background: #fff;
    border-bottom: 1px solid rgba(208, 163, 81, 0.18);
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
    position: sticky;
    top: 0;
    z-index: 500;
}

.lp-nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 16px;
}

.lp-nav__brand {
    font-weight: 700;
    font-size: 17px;
    color: var(--ink, #1a1a1a) !important;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 45%;
}

.lp-nav__list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0;
}

.lp-nav__item a {
    display: inline-block;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 500;
    color: var(--ink-muted, #5D5C5C) !important;
    text-decoration: none !important;
    border-radius: var(--radius-sm, 10px);
    transition: color .2s ease, background-color .2s ease;
    white-space: nowrap;
}

.lp-nav__item a:hover {
    color: var(--gold-deep, #B88A2E) !important;
    background-color: rgba(208, 163, 81, 0.08);
}

.lp-nav__item.is-active a {
    color: #fff !important;
    background: var(--gold-gradient, linear-gradient(135deg, #FFF6AF 0%, #DBB667 45%, #B6731B 100%));
}

.lp-nav__toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 34px;
    height: 34px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}

.lp-nav__toggle span:not(.lp-sr-only) {
    display: block;
    height: 2px;
    width: 100%;
    background: var(--ink, #1a1a1a);
    border-radius: 2px;
}

@media (max-width: 991px) {
    .lp-nav__toggle {
        display: flex;
    }

    .lp-nav__list {
        display: none;
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 2px;
        padding-bottom: 10px;
    }

    .lp-nav__list.is-open {
        display: flex;
    }

    .lp-nav__item a {
        width: 100%;
    }

    .lp-nav__inner {
        flex-wrap: wrap;
    }
}

/* -------------------------------------------------------------------- */
/* Breadcrumb (partials/breadcrumb.blade.php)                           */
/* -------------------------------------------------------------------- */
.lp-breadcrumb {
    background: #faf7f0;
    border-bottom: 1px solid rgba(208, 163, 81, 0.14);
}

.lp-breadcrumb ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 12px 0;
    font-size: 13px;
}

.lp-breadcrumb li {
    display: flex;
    align-items: center;
}

.lp-breadcrumb a {
    color: var(--ink-muted, #5D5C5C) !important;
    text-decoration: none !important;
}

.lp-breadcrumb a:hover {
    color: var(--gold-deep, #B88A2E) !important;
    text-decoration: underline !important;
}

.lp-breadcrumb__sep {
    margin: 0 8px;
    color: rgba(93, 92, 92, 0.5);
}

.lp-breadcrumb [aria-current="page"] {
    color: var(--ink, #1a1a1a);
    font-weight: 600;
}

/* -------------------------------------------------------------------- */
/* Alt sayfa kompakt hero'su (partials/branch-hero.blade.php)           */
/* -------------------------------------------------------------------- */
.lp-branch-hero {
    position: relative;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background: #14100a;
}

/* Premium altın-lacivert gradyan + ince altın alt çizgi (düz gri yerine) */
.lp-branch-hero--flat {
    background:
        radial-gradient(ellipse 60% 120% at 85% 50%, rgba(208, 163, 81, 0.28) 0%, transparent 60%),
        linear-gradient(120deg, #171310 0%, #2b2119 40%, #3a2c1a 100%);
}

.lp-branch-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent, #B88A2E 20%, #F3D98A 50%, #B88A2E 80%, transparent);
    z-index: 3;
}

.lp-branch-hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.lp-branch-hero__bg-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.lp-branch-hero__overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 55% 130% at 88% 50%, rgba(208, 163, 81, 0.22) 0%, transparent 62%),
        linear-gradient(90deg, rgba(15, 12, 8, 0.82) 0%, rgba(20, 16, 10, 0.62) 55%, rgba(20, 16, 10, 0.45) 100%);
    z-index: 1;
}

.lp-branch-hero__content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 30px 20px;
    text-align: left;
}

.lp-branch-hero__content h1 {
    color: #fff;
    font-size: clamp(22px, 2.6vw, 30px);
    font-weight: 800;
    margin: 0;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
}

/* -------------------------------------------------------------------- */
/* Genel alt sayfa gövdesi                                              */
/* -------------------------------------------------------------------- */
.lp-page {
    padding: 40px 0;
}

.lp-page--map {
    padding-top: 0;
}

.lp-page__intro {
    max-width: 780px;
    margin: 0 0 32px;
}

.lp-page__intro p {
    color: var(--ink-muted, #5D5C5C);
    font-size: 16px;
    line-height: 1.7;
}

.lp-body-blocks {
    color: var(--ink, #1a1a1a);
    font-size: 16px;
    line-height: 1.8;
    max-width: 860px;
}

.lp-body-blocks h2 {
    font-size: 26px;
    font-weight: 700;
    margin: 32px 0 16px;
    color: var(--ink, #1a1a1a);
}

.lp-body-blocks h2:first-child {
    margin-top: 0;
}

.lp-body-blocks h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 24px 0 12px;
}

.lp-body-blocks img {
    max-width: 100%;
    border-radius: var(--radius-md, 14px);
}

.lp-about-support {
    align-items: center;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid rgba(208, 163, 81, 0.16);
}

.lp-about-support__img {
    max-width: 100%;
    border-radius: var(--radius-md, 14px);
    box-shadow: var(--shadow-md, 0 10px 32px rgba(0, 0, 0, 0.08));
}

/* Eğitim modelleri sayfası - premium kart grid'i (ana sitedeki gibi).
   5 model -> 3 sütun (3+2). Kart: beyaz zemin, altın kenar, gölge, 3D hover. */
.lp-model-grid--page {
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    perspective: 1400px;
}

.lp-model-grid__item {
    min-width: 0;
    height: 100%;
}

.lp-model-grid--page .box {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 22px 26px;
    background: #fff;
    border: 1px solid rgba(208, 163, 81, 0.22);
    border-radius: var(--radius-lg, 18px);
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, border-color 0.35s ease;
}

.lp-model-grid--page .box:hover {
    transform: translateY(-10px) rotateX(4deg);
    box-shadow: 0 20px 46px rgba(0, 0, 0, 0.12), 0 0 30px rgba(208, 163, 81, 0.2);
    border-color: rgba(208, 163, 81, 0.5);
}

.lp-model-grid--page .box img {
    max-height: 150px;
    margin-bottom: 14px;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.14));
    transition: transform 0.4s ease;
}

.lp-model-grid--page .box:hover img {
    transform: scale(1.06);
}

.lp-model-grid--page .box span {
    font-size: 18px;
    font-weight: 800;
    color: var(--ink, #1a1a1a);
    margin: 4px 0 6px;
}

.lp-model-grid__desc {
    color: var(--ink-muted, #5D5C5C);
    font-size: 13.5px;
    line-height: 1.6;
    margin-top: 4px;
}

@media (max-width: 991px) {
    .lp-model-grid--page {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 560px) {
    .lp-model-grid--page {
        grid-template-columns: 1fr;
        max-width: 360px;
        margin: 0 auto;
    }
}

/* -------------------------------------------------------------------- */
/* Galeri sayfası                                                        */
/* -------------------------------------------------------------------- */
.lp-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.lp-gallery-grid__item {
    display: block;
    border-radius: var(--radius-md, 14px);
    overflow: hidden;
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
    aspect-ratio: 4 / 3;
}

.lp-gallery-grid__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.lp-gallery-grid__item:hover img {
    transform: scale(1.06);
}

@media (max-width: 991px) {
    .lp-gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .lp-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
}

/* -------------------------------------------------------------------- */
/* Eğitimlerimiz / Sınavlara Hazırlık / Kampanyalar - kart gridi        */
/* -------------------------------------------------------------------- */
.lp-education-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.lp-education-grid__item {
    display: block;
    text-decoration: none !important;
    color: inherit;
}

.lp-education-grid .box {
    height: 100%;
    background: #fff;
    border: 1px solid rgba(208, 163, 81, 0.16);
    border-radius: var(--radius-md, 14px);
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
    padding: 18px;
    transition: transform .25s ease, box-shadow .25s ease;
}

.lp-education-grid__item:hover .box,
.lp-education-grid .box:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md, 0 10px 32px rgba(0, 0, 0, 0.08));
}

.lp-education-grid .box img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: var(--radius-sm, 10px);
    margin-bottom: 14px;
}

.lp-education-grid .box h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--ink, #1a1a1a);
    margin: 0 0 8px;
}

.lp-education-grid .box p {
    font-size: 14px;
    color: var(--ink-muted, #5D5C5C);
    line-height: 1.6;
    margin: 0;
}

.lp-education-grid__due {
    display: inline-block;
    margin-top: 12px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--gold-deep, #B88A2E);
}

@media (max-width: 991px) {
    .lp-education-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .lp-education-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

/* -------------------------------------------------------------------- */
/* Eğitim detay sayfası                                                  */
/* -------------------------------------------------------------------- */
.lp-education-detail__img {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
    border-radius: var(--radius-md, 14px);
    margin-bottom: 28px;
}

/* -------------------------------------------------------------------- */
/* İletişim sayfası                                                      */
/* -------------------------------------------------------------------- */
.lp-contact-layout {
    align-items: flex-start;
}

.lp-contact-info h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
}

.lp-contact-info__list {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}

.lp-contact-info__list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(208, 163, 81, 0.14);
}

.lp-contact-info__list i {
    color: var(--gold-deep, #B88A2E);
    font-size: 20px;
    margin-top: 2px;
}

.lp-contact-info__list a {
    color: var(--ink, #1a1a1a) !important;
    text-decoration: none !important;
}

.lp-contact-info__list a:hover {
    color: var(--gold-deep, #B88A2E) !important;
}

.lp-google-link {
    display: inline-block;
    padding: 8px 16px;
    border-radius: var(--radius-sm, 10px);
    background: var(--gold-gradient, linear-gradient(135deg, #FFF6AF 0%, #DBB667 45%, #B6731B 100%));
    color: #fff !important;
    font-weight: 600;
    font-size: 13.5px;
}

.lp-contact-form {
    height: auto !important;
}

.lp-map-embed {
    border-radius: var(--radius-md, 14px);
    overflow: hidden;
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
}

.lp-map-embed iframe {
    width: 100%;
    min-height: 360px;
    border: 0;
    display: block;
}

/* -------------------------------------------------------------------- */
/* İç linkleme (partials/related-links.blade.php)                       */
/* -------------------------------------------------------------------- */
.lp-related-links {
    background: #faf7f0;
    border-top: 1px solid rgba(208, 163, 81, 0.14);
    padding: 24px 0;
}

.lp-related-links ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 22px;
    margin: 0;
    padding: 0;
}

.lp-related-links a {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--gold-deep, #B88A2E) !important;
    text-decoration: none !important;
}

.lp-related-links a:hover {
    text-decoration: underline !important;
}

/* -------------------------------------------------------------------- */
/* Teşekkür sayfası minimal header (layouts/app.blade.php)               */
/* -------------------------------------------------------------------- */
.lp-thankyou-header {
    background: #fff;
    border-bottom: 1px solid rgba(208, 163, 81, 0.18);
    padding: 16px 0;
}

.lp-thankyou-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.lp-thankyou-header__inner img {
    max-width: 170px;
    width: 100%;
}

.lp-thankyou-header__back {
    font-size: 14px;
    font-weight: 600;
    color: var(--gold-deep, #B88A2E) !important;
    text-decoration: none !important;
}

.lp-thankyou-header__back:hover {
    text-decoration: underline !important;
}

@media (max-width: 600px) {
    .lp-page {
        padding: 36px 0;
    }

    .lp-branch-hero__content {
        padding: 32px 0;
    }

    .lp-contact-layout {
        flex-direction: column;
    }
}

/* ==================================================================== */
/* UI GELİŞTİRME TURU 2 (kullanıcı geri bildirimi)                      */
/* ==================================================================== */

/* --- Üst şerit: "444 VIP 1" telefonu vurgulu, tıklanabilir, animasyonlu --- */
body.avip-modern.landing-page header .header-bottom {
    padding: 7px 0;
    background: linear-gradient(90deg, #ffffff 0%, #fdf7ea 50%, #ffffff 100%);
    border-bottom: 1px solid rgba(208, 163, 81, 0.2);
}

/* slogan + adres beyaz-üstüne-beyaz görünmezdi -> okunur koyu tona çek */
body.avip-modern.landing-page .header-bottom p {
    color: var(--ink-muted, #5D5C5C);
    margin-top: 0;
    font-size: 13px;
    line-height: 34px;
}
body.avip-modern.landing-page .header-bottom a.maps {
    color: var(--ink-muted, #5D5C5C);
    font-size: 12.5px;
    margin-top: 0;
    line-height: 34px;
}
body.avip-modern.landing-page .header-bottom a.maps i { color: var(--gold-deep, #B88A2E); }
body.avip-modern.landing-page .header-bottom .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
body.avip-modern.landing-page .header-bottom [class*="col-"] { float: none; }

/* Telefon pill'i */
body.avip-modern.landing-page .header-bottom a.phone {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    padding: 6px 18px 6px 14px;
    border-radius: 999px;
    background: linear-gradient(135deg, #B88A2E 0%, #D0A351 55%, #E7C066 100%);
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 5px 16px rgba(208, 163, 81, 0.38);
    transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
    text-decoration: none !important;
}
body.avip-modern.landing-page .header-bottom a.phone:hover {
    transform: translateY(-2px) scale(1.03);
    box-shadow: 0 10px 26px rgba(208, 163, 81, 0.55);
    filter: brightness(1.04);
}
body.avip-modern.landing-page .header-bottom a.phone i {
    color: #fff;
    float: none;
    margin: 0;
    font-size: 20px;
    display: inline-flex;
    transform-origin: center;
    animation: lp-phone-ring 2.6s ease-in-out infinite;
}
body.avip-modern.landing-page .header-bottom a.phone p {
    color: #fff !important;
    margin: 0;
    line-height: 1.1;
    font-size: 13px;
    font-weight: 700;
}
body.avip-modern.landing-page .header-bottom a.phone p span {
    color: #fff !important;
    font-size: 15px;
    font-weight: 800;
}
body.avip-modern.landing-page .header-bottom a.phone p b { border-bottom: none; }

@keyframes lp-phone-ring {
    0%, 60%, 100% { transform: rotate(0); }
    5%, 15%, 25% { transform: rotate(-14deg); }
    10%, 20%, 30% { transform: rotate(14deg); }
    35% { transform: rotate(0); }
}

/* --- Hakkımızda: gövde metnini simetrik kartlara al --- */
.lp-about-blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 8px;
}
.lp-about-blocks .lp-about-card {
    background: #fff;
    border: 1px solid rgba(208, 163, 81, 0.2);
    border-left: 4px solid var(--gold-deep, #B88A2E);
    border-radius: var(--radius-md, 14px);
    padding: 24px 26px;
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.lp-about-blocks .lp-about-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.1), 0 0 24px rgba(208, 163, 81, 0.14);
}
.lp-about-blocks .lp-about-card h2,
.lp-about-blocks .lp-about-card h3 {
    font-size: 19px;
    font-weight: 800;
    color: var(--ink, #1a1a1a);
    margin: 0 0 10px;
    padding: 0;
    border: 0;
}
.lp-about-blocks .lp-about-card p {
    color: var(--ink-muted, #5D5C5C);
    font-size: 15px;
    line-height: 1.75;
    margin: 0;
}
/* İlk (giriş) blok tam genişlik, vurgulu */
.lp-about-blocks .lp-about-card--intro {
    grid-column: 1 / -1;
    border-left-width: 4px;
    background: linear-gradient(120deg, #fffdf8 0%, #fff 60%);
}

/* --- Homepage galeri: owl yerine CSS grid (JS'e bağımlı değil) --- */
.lp-home-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.lp-home-gallery-grid .lp-gallery-cell {
    display: block;
    border-radius: var(--radius-md, 14px);
    overflow: hidden;
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
    aspect-ratio: 4 / 3;
}
.lp-home-gallery-grid .lp-gallery-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    padding: 0 !important;
    transition: transform 0.35s ease;
}
.lp-home-gallery-grid .lp-gallery-cell:hover img { transform: scale(1.06); }

@media (max-width: 991px) {
    .lp-home-gallery-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
    .lp-home-gallery-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

/* --- İletişim haritası --- */
.lp-map-embed iframe,
.lp-map-frame {
    width: 100%;
    height: 420px;
    border: 0;
    border-radius: var(--radius-md, 14px);
    box-shadow: var(--shadow-sm, 0 2px 12px rgba(0, 0, 0, 0.06));
    display: block;
}
@media (max-width: 640px) {
    .lp-map-embed iframe, .lp-map-frame { height: 300px; }
}

/* Mobilde üst şerit telefonu ortala */
@media (max-width: 767px) {
    body.avip-modern.landing-page .header-bottom .row { justify-content: center; }
    body.avip-modern.landing-page .header-bottom p,
    body.avip-modern.landing-page .header-bottom a.maps { display: none; }
    .lp-about-blocks { grid-template-columns: 1fr; }
}