/* =====================================================================
 * Baysal İnşaat — tema-özel override stylesheet
 * style.css ana stilleri sağlar; bu dosya küçük düzeltmeler ve yeni
 * eklenen bileşenler içindir.
 * ===================================================================== */

/* =====================================================================
 *  FLOATING CTA — Sticky telefon + WhatsApp butonları (her sayfada)
 *  Orijinal Baysal sitesindeki "fbt" pattern + ripple animasyonu.
 *  Tıklamada gtag event'leri layout-close.php'de inline tanımlı.
 * ===================================================================== */
.fbt-cta {
    position: fixed;
    left: 24px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
    z-index: 9990;
    transition: transform .2s ease;
}
.fbt-cta:hover { transform: scale(1.08); color: #fff !important; }
.fbt-cta i { font-size: 22px; position: relative; z-index: 2; }

/* Telefon (alt sırada) */
.fbt-cta--phone {
    bottom: 24px;
    background: #C9302C;
}

/* WhatsApp (üst sırada — telefon üstünde) */
.fbt-cta--wa {
    bottom: 96px;
    background: #25D366;
}
.fbt-cta--wa i { font-size: 28px; }

/* Ripple animasyonu — her butonda 2 ripple span */
.fbt-cta .ripple {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: inherit;
    opacity: .6;
    animation: fbt-ripple 1.6s ease-out infinite;
    z-index: 1;
}
.fbt-cta .ripple:nth-of-type(2) { animation-delay: .8s; }
@keyframes fbt-ripple {
    0%   { transform: scale(.95); opacity: .55; }
    100% { transform: scale(1.7);  opacity: 0;   }
}

/* RTL — sağ alta */
html[dir="rtl"] .fbt-cta { left: auto; right: 24px; }

/* Mobil — biraz daha küçük + alta yakın */
@media (max-width: 575px) {
    .fbt-cta { width: 48px; height: 48px; left: 16px; }
    .fbt-cta i { font-size: 18px; }
    .fbt-cta--wa  { bottom: 76px; }
    .fbt-cta--wa i { font-size: 22px; }
    .fbt-cta--phone { bottom: 16px; }
    html[dir="rtl"] .fbt-cta { left: auto; right: 16px; }
}

/* Geriye uyumluluk: eski .fbt-phone class'ı varsa eskiye uygulanır
   (tema güncellenirken cache problemi) — yeni .fbt-cta üstün */
.fbt-phone, .fbt {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 9990;
}

/* ---- Logo görünüm (svg) ---------------------------------------------- */
.brand-logo img,
.m-brand-logo img {
    max-height: 60px;
    width: auto;
}

/* ---- Dil seçici (header-social ul içinde) ---------------------------- */
.header-social ul li a .flag-icon {
    font-size: 18px;
    margin-right: 4px;
}
.header-social ul li a .flag-code {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
}

/* ---- Eyebrow (slider-sub-text) görünürlüğünü kuvvetlendir ----------- */
/* Bazı durumlarda style.css içindeki kural eski "sub-title" class'ına
   bağlı; orijinaldeki slider-sub-text hem visible olsun hem text-uppercase. */
.arck-slider-section-1 .slider-sub-text {
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 12px;
    display: inline-block;
}

/* ---- Slider: responsive görsel (mobile vs desktop) ------------------- */
/* Inline style'da iki CSS değişkeni:
     --bg-desktop  → masaüstü görsel
     --bg-mobile   → mobil dikey görsel (yoksa --bg-desktop fallback)
   Default desktop kuralı, ≤767px'de mobil görsele geç. */
.arck-slider-section-1 .arck-main-slider-img {
    background-image: var(--bg-desktop);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .arck-slider-section-1 .arck-main-slider-img {
        background-image: var(--bg-mobile, var(--bg-desktop));
    }
}

/* ---- Slick padding sıfırla (default 20px beyaz kenar oluşturuyor) -- */
.arck-slider-section-1 .slick-list,
.arck-slider-section-1 .slick-slider,
.arck-slider-section-1 .slick-track {
    padding: 0 !important;
    margin: 0 !important;
}

/* ---- Hero metni dikey ortalama + navbar üst boşluğu ----------------- */
/* Floating navbar absolute olduğu için slide içerik default'ta üstten
   başlıyor ve navbar üzerine taşıyordu. Slide'ı flex-center yapıp,
   üstten navbar yüksekliği kadar safe-area bırakıyoruz.               */
.arck-slider-section-1 .arck-main-slider-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.arck-slider-section-1 .arck-main-slider-item > .container {
    width: 100%;
    padding-top: 140px;   /* topbar(36) + navbar pill(~80) + gap = 140 */
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
}
@media (max-width: 991px) {
    .arck-slider-section-1 .arck-main-slider-item > .container {
        padding-top: 120px;
    }
}
@media (max-width: 767px) {
    .arck-slider-section-1 .arck-main-slider-item > .container {
        padding-top: 100px;   /* mobilde navbar 14px top + ~70px pill */
    }
}

/* ---- Hero — TÜM cihazlarda full-screen (100vh) ---------------------- */
/* Önceki 16:9 aspect-ratio iPad'de ekrandan taşıyordu (1180x664 ≈ 16:9
   ama viewport 820 portrait olunca üst kısımdan tutarsız taşma).
   Tek davranış: 100vh — slide topbar dahil her şeyi kaplar; topbar &
   navbar absolute olduğu için zaten üzerine biner.                    */
.arck-slider-section-1 .arck-main-slider-item {
    height: 100vh !important;
    height: 100dvh !important;   /* mobil tarayıcı address-bar uyumlu */
    min-height: 560px;
    aspect-ratio: auto;
}

/* ---- Hero zoom: SADECE medya 1.0 → 1.1 ----------------------------- */
/* Overlay medyanın ÜSTÜNDE sabit duruyor (ayrı scale almıyor) — slide
   container'ı clip ettiği için zoom olunca medya tam dolar, overlay her
   zaman görünen alanın tamamını kaplar. */
.arck-slider-section-1 .arck-main-slider-item .img-zooming,
.arck-slider-section-1 .arck-main-slider-item .arck-main-slider-img,
.arck-slider-section-1 .arck-main-slider-item .arck-main-slider-video {
    transform: scale(1) !important;
    transition: transform 7000ms linear !important;
    transform-origin: center center;
    will-change: transform;
}
.arck-slider-section-1 .arck-main-slider-item.slick-current.slick-active .img-zooming,
.arck-slider-section-1 .arck-main-slider-item.slick-current.slick-active .arck-main-slider-img,
.arck-slider-section-1 .arck-main-slider-item.slick-current.slick-active .arck-main-slider-video {
    transform: scale(1.1) !important;
}

/* Overlay — slide'in tüm görünen alanını kaplar (scale almaz, sabit) */
.arck-slider-section-1 .arck-main-slider-item {
    position: relative !important;  /* overlay absolute referansı garantisi */
    overflow: hidden;               /* zoom-medya kenardan taşmasın */
}
.arck-slider-section-1 .arck-main-slider-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,.40) 100%);
}
.arck-slider-section-1 .arck-main-slider-item .container { position: relative; z-index: 2; }

/* ---- Slider video (image yerine MP4) -------------------------------- */
/* Sadece video tag'ini sınırla — slick'in fade/track yapısına dokunma.
   .arck-slider-section-1 zaten overflow:hidden (style.css:937).        */
.arck-slider-section-1 .arck-main-slider-video {
    position: absolute !important;
    top: 0; left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    z-index: 0;
    pointer-events: none;
    background: #000;
    display: block;
}
/* Desktop'ta mobil video gizli, tersi de geçerli */
.arck-slider-section-1 .arck-main-slider-video--mobile { display: none; }
.arck-main-slider-img--mobile-only { display: none; }
@media (max-width: 767px) {
    .arck-slider-section-1 .arck-main-slider-video--desktop { display: none; }
    .arck-slider-section-1 .arck-main-slider-video--mobile  { display: block; }
    /* Sadece desktop video varsa mobil için image fallback'i göster */
    .arck-main-slider-img--mobile-only {
        display: block;
        position: absolute; inset: 0;
        background-image: var(--bg-mobile);
        background-size: cover; background-position: center;
    }
    .arck-main-slider-img--mobile-only ~ .arck-main-slider-video--desktop { display: none; }
}

/* ---- AR (RTL) için ek ince ayarlar ---------------------------------- */
html[dir="rtl"] .arck-header-section .arck-header-main-content {
    flex-direction: row-reverse;
}
html[dir="rtl"] .arck-slider-section-1 .arck-slider-main-text {
    text-align: right;
}

/* =====================================================================
 *  HOME — ESNEK BÖLÜMLER (page sections — müşteri yönetir)
 *  3 hazır şablon: announcement, feature_promo, cta_strip
 * ===================================================================== */

/* ---- 1. Duyuru Bandı (announcement) ---------------------------------- */
.home-announcement {
    background: linear-gradient(90deg, #C9302C 0%, #b02723 100%);
    color: #fff;
    padding: 14px 0;
}
.home-announcement__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    text-align: center;
}
.home-announcement i.fa-bullhorn {
    color: rgba(255,255,255,.85);
    font-size: 18px;
}
.home-announcement__title {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .2px;
}
.home-announcement__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: #C9302C !important;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .2s ease;
}
.home-announcement__cta:hover {
    background: #14181d;
    color: #fff !important;
}

/* ---- 2. Yeni Proje / Kampanya Tanıtımı ------------------------------- */
.home-promo {
    padding: 90px 0;
    background: #fff;
}
.home-promo__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.home-promo--left .home-promo__grid {
    /* Görsel solda */
    grid-template-columns: 1fr 1fr;
}
.home-promo--left .home-promo__visual { order: 1; }
.home-promo--left .home-promo__text   { order: 2; }

.home-promo__eyebrow {
    display: inline-block;
    color: #C9302C;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.home-promo__title {
    color: #14181d;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.5px;
    margin: 0 0 16px;
}
.home-promo__desc {
    color: #5a6573;
    font-size: 16px;
    line-height: 1.75;
    margin: 0 0 28px;
}
.home-promo__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #C9302C;
    color: #fff !important;
    padding: 13px 28px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(201,48,44,.3);
    transition: all .2s ease;
}
.home-promo__cta:hover {
    background: #b02723;
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(201,48,44,.4);
}
.home-promo__visual {
    position: relative;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0,0,0,.12);
}
.home-promo__visual img {
    width: 100%; height: 100%;
    object-fit: cover;
}

@media (max-width: 991px) {
    .home-promo { padding: 60px 0; }
    .home-promo__grid { grid-template-columns: 1fr; gap: 36px; }
    .home-promo--left .home-promo__visual,
    .home-promo--left .home-promo__text { order: unset; }
    .home-promo__title { font-size: 28px; }
}

/* ---- 3. CTA Bandı (cta_strip) ---------------------------------------- */
.home-cta-strip {
    position: relative;
    padding: 70px 0;
    background: linear-gradient(135deg, #14181d 0%, #1f242c 100%);
    color: #fff;
    overflow: hidden;
}
.home-cta-strip.has-bg {
    background-size: cover;
    background-position: center;
}
.home-cta-strip.has-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(20,24,29,.92) 0%, rgba(20,24,29,.78) 60%, rgba(201,48,44,.55) 100%);
    z-index: 1;
}
.home-cta-strip > .container { position: relative; z-index: 2; }
.home-cta-strip__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}
.home-cta-strip__title {
    color: #fff;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.5px;
    margin: 0 0 8px;
}
.home-cta-strip__sub {
    color: rgba(255,255,255,.75);
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    max-width: 640px;
}
.home-cta-strip__btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #C9302C;
    color: #fff !important;
    padding: 16px 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 12px 32px rgba(201,48,44,.4);
    transition: all .2s ease;
    white-space: nowrap;
}
.home-cta-strip__btn:hover {
    background: #b02723;
    transform: translateY(-2px);
    box-shadow: 0 16px 40px rgba(201,48,44,.55);
}

@media (max-width: 767px) {
    .home-announcement__inner { flex-direction: column; gap: 10px; }
    .home-cta-strip { padding: 50px 0; }
    .home-cta-strip__inner { flex-direction: column; align-items: flex-start; }
    .home-cta-strip__title { font-size: 24px; }
}

/* =====================================================================
 *  HOME — PROJELER (filtreli tab grid)
 * ===================================================================== */
.home-projects {
    padding: 90px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f5f6f8 100%);
}
.home-projects__head {
    margin-bottom: 30px;
}
.home-projects__head .eyebrow {
    display: inline-block;
    color: #C9302C;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.home-projects__head h2 {
    color: #14181d;
    font-size: 36px;
    font-weight: 700;
    margin: 0;
    letter-spacing: -.5px;
}

/* Filter tab pill'leri */
.home-projects__filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-bottom: 36px;
    background: #fff;
    border-radius: 999px;
    padding: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #eef0f3;
}
.home-projects__filter {
    background: transparent;
    border: 0;
    padding: 10px 22px;
    border-radius: 999px;
    color: #5a6573;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
}
.home-projects__filter:hover {
    color: #14181d;
    background: #f5f6f8;
}
.home-projects__filter.is-active {
    background: #C9302C;
    color: #fff;
    box-shadow: 0 4px 12px rgba(201,48,44,.25);
}

/* Grid + animasyonlu açılış */
.home-projects__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.home-projects__cell {
    animation: hp-fade-in .35s ease both;
}
.home-projects__cell[hidden] { display: none !important; }
@keyframes hp-fade-in {
    from { opacity: 0; transform: translateY(12px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Boş durum (filter sonucu 0 kart) */
.home-projects__empty {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #6c7480;
    font-size: 15px;
    background: #fff;
    border: 1px dashed #d8dde4;
    border-radius: 6px;
}
.home-projects__empty i {
    color: #C9302C;
    font-size: 36px;
    opacity: .4;
    margin-bottom: 12px;
    display: block;
}

/* Kart şıklaştırması (mevcut arck-project-item üstüne ince dokunuşlar) */
.home-projects__cell .arck-project-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    transition: all .25s ease;
    height: 100%;
}
.home-projects__cell .arck-project-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,.1);
}
.home-projects__cell .blog-img {
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.home-projects__cell .blog-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.home-projects__cell .arck-project-item:hover .blog-img img { transform: scale(1.05); }

@media (max-width: 991px) {
    .home-projects { padding: 60px 0; }
    .home-projects__head h2 { font-size: 28px; }
    .home-projects__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .home-projects__grid { grid-template-columns: 1fr; }
    .home-projects__filter { padding: 8px 14px; font-size: 11px; }
}
/* Mobilde filtreleri yatay scroll yap (pdt-nav__links pattern'iyle aynı) */
@media (max-width: 767px) {
    .home-projects__filters {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        justify-content: flex-start;
        gap: 6px;
        padding: 4px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        -webkit-overflow-scrolling: touch;
        /* Kenar fade'i için: container'ın iki tarafından scroll edilebilirliği belli olsun */
        mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
    }
    .home-projects__filters::-webkit-scrollbar { display: none; }
    .home-projects__filter {
        flex: 0 0 auto;
        white-space: nowrap;
    }
}

/* =====================================================================
 *  PROJECT DETAIL — modern interaktif katalog
 *  Brand color: --brand-1 (ana), --brand-2 (koyu hover)
 *  Tüm sayfa scope'u: .pdt root, inline style ile per-proje override
 * ===================================================================== */

.pdt {
    --brand-1: #C9302C;
    --brand-2: #b02723;
    background: #f5f6f8;
    /* overflow-x: hidden child sticky elemanları (pdt-nav) bozuyordu;
       her section kendi taşma kontrolünü yapıyor (.pdt-hero, .pdt-about
       ne gerekiyorsa kendi içinde overflow:hidden). */
}

/* ---- Section başlık ortak yapı ---- */
.pdt-section-head {
    margin-bottom: 48px;
}
.pdt-section-head .eyebrow {
    display: inline-block;
    color: var(--brand-1);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.pdt-section-head h2 {
    color: #14181d;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.5px;
    margin: 0;
}

.pdt-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 28px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: all .2s ease;
}
.pdt-btn--primary {
    background: var(--brand-1);
    color: #fff !important;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--brand-1) 30%, transparent);
}
.pdt-btn--primary:hover {
    background: var(--brand-2);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--brand-1) 45%, transparent);
}
.pdt-btn--ghost {
    background: transparent;
    color: #14181d !important;
    border: 2px solid #14181d;
}
.pdt-btn--ghost:hover {
    background: #14181d;
    color: #fff !important;
}

/* ============================================================
 *  1. CINEMATIC HERO
 * ============================================================ */
.pdt-hero {
    position: relative;
    min-height: 92vh;
    background-color: #14181d;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: flex;
    align-items: stretch;
    overflow: hidden;
}
.pdt-hero.no-image {
    background-image:
        radial-gradient(ellipse at top right, color-mix(in srgb, var(--brand-1) 18%, transparent) 0%, transparent 60%),
        repeating-linear-gradient(135deg, transparent 0, transparent 40px, rgba(255,255,255,.018) 40px, rgba(255,255,255,.018) 41px),
        linear-gradient(135deg, #14181d 0%, #1f242c 100%);
}
.pdt-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.55) 50%, rgba(0,0,0,.85) 100%);
    z-index: 1;
}
.pdt-hero__inner {
    position: relative;
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 140px 0 80px;
}

.pdt-hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    padding: 8px 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    align-self: flex-start;
}
.pdt-hero__badge i { font-size: 8px; color: var(--brand-1); }
.pdt-hero__badge--ongoing  { border-color: var(--brand-1); background: color-mix(in srgb, var(--brand-1) 25%, rgba(255,255,255,.08)); }
.pdt-hero__badge--completed { border-color: rgba(255,255,255,.3); }
.pdt-hero__badge--upcoming  { border-color: #f0c14b; background: rgba(240,193,75,.18); }
.pdt-hero__badge--upcoming i { color: #f0c14b; }

.pdt-hero__head {
    margin-top: auto;
    margin-bottom: 40px;
    max-width: 700px;
}
.pdt-hero__logo {
    max-height: 70px;
    margin-bottom: 18px;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.4));
}
.pdt-hero__title {
    color: #fff;
    font-size: 64px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -1.5px;
    margin: 0 0 16px;
    text-shadow: 0 4px 24px rgba(0,0,0,.4);
}
.pdt-hero__loc {
    color: rgba(255,255,255,.85);
    font-size: 17px;
    font-weight: 500;
    margin: 0;
    text-shadow: 0 2px 8px rgba(0,0,0,.4);
}
.pdt-hero__loc i { color: var(--brand-1); margin-right: 8px; }
html[dir="rtl"] .pdt-hero__loc i { margin-right: 0; margin-left: 8px; }

/* 4 cam efektli metrik kart */
.pdt-hero__metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    max-width: 880px;
}
.pdt-metric {
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 8px;
    padding: 22px 20px;
    transition: all .25s ease;
}
.pdt-metric:hover {
    background: rgba(255,255,255,.14);
    transform: translateY(-3px);
    border-color: var(--brand-1);
}
/* style.css içindeki .arck-* genel ikon kuralları FA ikonunu koyu basıyordu —
   yüksek özgülük + !important ile brand kırmızıya zorla. */
.pdt-hero .pdt-metric > i,
.pdt-metric > i.fas,
.pdt-metric > i.fab,
.pdt-metric > i {
    color: var(--brand-1) !important;
    font-size: 18px;
    margin-bottom: 12px;
    display: block;
    line-height: 1;
}
.pdt-metric__val {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.5px;
    margin-bottom: 6px;
}
.pdt-metric__val small { font-size: 14px; opacity: .7; font-weight: 600; margin-left: 2px; }
.pdt-metric__val--small { font-size: 16px; line-height: 1.3; }
.pdt-metric__lbl {
    color: rgba(255,255,255,.65);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* Scroll oku */
.pdt-hero__scroll {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: 28px;
    height: 44px;
    border: 2px solid rgba(255,255,255,.4);
    border-radius: 14px;
    text-decoration: none;
    transition: all .2s ease;
}
.pdt-hero__scroll:hover { border-color: #fff; }
.pdt-hero__scroll span {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 8px;
    background: #fff;
    border-radius: 2px;
    animation: pdt-scroll-bounce 1.6s ease infinite;
}
@keyframes pdt-scroll-bounce {
    0%   { transform: translate(-50%, 0);  opacity: 1; }
    100% { transform: translate(-50%, 14px); opacity: 0; }
}

/* ============================================================
 *  2. PROJE NAV — sticky anchor-link navigation
 *  Mainbar'ın altında yapışır (top: 78px). Beyaz, kompakt.
 *  IntersectionObserver scroll spy ile aktif section underline'lı.
 * ============================================================ */
.pdt-nav {
    position: sticky;
    top: 78px;  /* mainbar yüksekliği */
    z-index: 980;
    background: #fff;
    border-bottom: 1px solid #eef0f3;
    box-shadow: 0 4px 16px rgba(0,0,0,.04);
    /* Transform/translateY sticky'yi bozuyor — opacity-only animasyon. */
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
}
.pdt-nav.is-visible {
    opacity: 1;
    pointer-events: auto;
}
.pdt-nav__inner {
    display: flex;
    align-items: center;
    gap: 20px;
    min-height: 58px;
    padding: 4px 0;
}

.pdt-nav__brand {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #14181d;
    font-size: 14px;
    border-right: 1px solid #eef0f3;
    padding-right: 20px;
}
.pdt-nav__brand img { max-height: 32px; }
.pdt-nav__brand strong { font-weight: 700; white-space: nowrap; }
html[dir="rtl"] .pdt-nav__brand { border-right: 0; border-left: 1px solid #eef0f3; padding-right: 0; padding-left: 20px; }

/* Anchor link listesi — yatay scroll mobilde */
.pdt-nav__links {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.pdt-nav__links::-webkit-scrollbar { display: none; }
.pdt-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: #5a6573;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    border-radius: 6px;
    position: relative;
    white-space: nowrap;
    transition: color .15s ease, background .15s ease;
}
.pdt-nav__link i { font-size: 13px; opacity: .7; transition: opacity .15s ease; }
.pdt-nav__link:hover {
    color: #14181d;
    background: #f5f6f8;
}
.pdt-nav__link:hover i { opacity: 1; }
/* Aktif section underline */
.pdt-nav__link.is-active {
    color: var(--brand-1);
}
.pdt-nav__link.is-active i { opacity: 1; }
.pdt-nav__link.is-active::after {
    content: "";
    position: absolute;
    left: 16px; right: 16px;
    bottom: 0;
    height: 2px;
    background: var(--brand-1);
    border-radius: 2px 2px 0 0;
}

/* Sağda "Bilgi Al" CTA */
.pdt-nav__cta {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 4px;
    background: var(--brand-1);
    color: #fff;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--brand-1) 25%, transparent);
    transition: all .2s ease;
    white-space: nowrap;
}
.pdt-nav__cta:hover {
    background: var(--brand-2);
    transform: translateY(-1px);
}
.pdt-nav__cta i { font-size: 13px; }

/* Mobilde brand/cta kompakt, sadece linkler önemli */
@media (max-width: 991px) {
    .pdt-nav__inner { gap: 12px; }
    .pdt-nav__brand { display: none; }  /* mobilde gizli — mainbar zaten gösterir */
    .pdt-nav__cta span { display: none; }
    .pdt-nav__cta { padding: 10px 12px; }
}
@media (max-width: 767px) {
    .pdt-nav { top: 60px; }  /* mobil mainbar yüksekliği */
    .pdt-nav__link span {
        font-size: 12px;
    }
    .pdt-nav__link { padding: 9px 12px; }
    /* Mobil bottom bar zaten Bilgi Al içeriyor → top CTA'yı gizle */
    .pdt-nav__cta { display: none; }
}

/* ============================================================
 *  3. BRAND INTRO
 * ============================================================ */
.pdt-about {
    padding: 100px 0;
    background: #fff;
    scroll-margin-top: 80px;
}
.pdt-about__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}
.pdt-about__eyebrow {
    display: inline-block;
    color: var(--brand-1);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.pdt-about__title {
    color: #14181d;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.8px;
    margin: 0 0 22px;
}
.pdt-about__lead {
    color: #2a3340;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6;
    margin: 0 0 24px;
}
.pdt-about__body {
    color: #5a6573;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 30px;
}

/* ---- pdt-richtext: body içeriğindeki HTML'i görselleştir ---- */
/* Section başlıkları: kırmızı sol border + uppercase eyebrow */
.pdt-richtext h2,
.pdt-richtext h3,
.pdt-richtext h4 {
    color: #14181d;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    margin: 32px 0 16px;
    padding-left: 16px;
    border-left: 3px solid var(--brand-1);
    letter-spacing: -.2px;
}
html[dir="rtl"] .pdt-richtext h2,
html[dir="rtl"] .pdt-richtext h3,
html[dir="rtl"] .pdt-richtext h4 {
    padding-left: 0; padding-right: 16px;
    border-left: 0; border-right: 3px solid var(--brand-1);
}
.pdt-richtext h2:first-child,
.pdt-richtext h3:first-child,
.pdt-richtext h4:first-child { margin-top: 0; }

/* Paragraflar */
.pdt-richtext p { margin: 0 0 14px; }
.pdt-richtext strong { color: #14181d; font-weight: 700; }

/* İtalik vurgu — büyük slogan/tagline */
.pdt-richtext em,
.pdt-richtext blockquote {
    display: block;
    font-style: italic;
    font-weight: 500;
    font-size: 19px;
    line-height: 1.5;
    color: #14181d;
    margin: 24px 0 18px;
    padding: 18px 22px;
    background: linear-gradient(90deg, color-mix(in srgb, var(--brand-1) 8%, transparent) 0%, transparent 100%);
    border-left: 4px solid var(--brand-1);
    border-radius: 2px;
}
html[dir="rtl"] .pdt-richtext em,
html[dir="rtl"] .pdt-richtext blockquote {
    border-left: 0; border-right: 4px solid var(--brand-1);
    background: linear-gradient(-90deg, color-mix(in srgb, var(--brand-1) 8%, transparent) 0%, transparent 100%);
}

/* Listeler — kırmızı check ikon */
.pdt-richtext ul {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
}
.pdt-richtext ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 11px;
    color: #2a3340;
    font-size: 15.5px;
    line-height: 1.65;
}
.pdt-richtext ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--brand-1);
    box-shadow: 0 2px 6px color-mix(in srgb, var(--brand-1) 30%, transparent);
}
.pdt-richtext ul li::after {
    content: "✓";
    position: absolute;
    left: 4px;
    top: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.5;
}
html[dir="rtl"] .pdt-richtext ul li {
    padding-left: 0; padding-right: 30px;
}
html[dir="rtl"] .pdt-richtext ul li::before { left: auto; right: 0; }
html[dir="rtl"] .pdt-richtext ul li::after  { left: auto; right: 4px; }

/* Sıralı listeler — numara badge */
.pdt-richtext ol {
    list-style: none;
    padding: 0;
    margin: 0 0 22px;
    counter-reset: pdt-ol;
}
.pdt-richtext ol li {
    counter-increment: pdt-ol;
    position: relative;
    padding-left: 38px;
    margin-bottom: 12px;
    color: #2a3340;
    font-size: 15.5px;
    line-height: 1.65;
}
.pdt-richtext ol li::before {
    content: counter(pdt-ol);
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: var(--brand-1);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
html[dir="rtl"] .pdt-richtext ol li { padding-left: 0; padding-right: 38px; }
html[dir="rtl"] .pdt-richtext ol li::before { left: auto; right: 0; }

/* Linkler */
.pdt-richtext a {
    color: var(--brand-1);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    transition: color .15s ease;
}
.pdt-richtext a:hover { color: var(--brand-2); }

/* ============================================================
 *  6.5 SANAL TUR (VR)
 * ============================================================ */
.pdt-vr {
    padding: 100px 0 30px;
    background: linear-gradient(180deg, #14181d 0%, #1f242c 100%);
    color: #fff;
    scroll-margin-top: 80px;
}
.pdt-vr .pdt-section-head h2 { color: #fff; }
.pdt-vr .pdt-section-head .eyebrow { color: var(--brand-1); }
.pdt-vr__lead {
    color: rgba(255,255,255,.7);
    font-size: 16px;
    line-height: 1.65;
    max-width: 640px;
    margin: 14px auto 0;
}

.pdt-vr__viewer {
    position: relative;
    width: 96%;
    height: 70vh;
    min-height: 480px;
    max-height: 720px;
    background: #000;
    margin-top: 50px;
    overflow: hidden;
    max-width: 1280px;
    border-radius: 20px;
    margin: auto;
}
.pdt-vr__viewer iframe,
.pdt-vr__canvas {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.pdt-vr__canvas { background: #000; }

/* Pannellum default style override */
.pdt-vr__canvas .pnlm-load-box,
.pdt-vr__canvas .pnlm-about-msg { display: none !important; }

.pdt-vr__hint {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(8px);
    color: rgba(255,255,255,.9);
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    pointer-events: none;
    animation: pdt-vr-hint-fade 5s ease forwards;
}
.pdt-vr__hint i { color: var(--brand-1); }
@keyframes pdt-vr-hint-fade {
    0%, 80% { opacity: 1; }
    100%    { opacity: 0; visibility: hidden; }
}

@media (max-width: 767px) {
    .pdt-vr { padding: 70px 0 0; }
    .pdt-vr__viewer { height: 55vh; min-height: 380px; }
}
.pdt-about__cta { display: flex; flex-wrap: wrap; gap: 12px; }

/* Sağ kolon: inline lead capture form (sticky) */
.pdt-about__form {
    position: relative;
}
.pdt-about__form-card {
    position: sticky;
    top: 90px;
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 10px;
    padding: 30px 28px 24px;
    box-shadow: 0 24px 48px rgba(0,0,0,.08);
    border-top: 4px solid var(--brand-1);
}
.pdt-about__form-head { margin-bottom: 22px; }
.pdt-about__form-eyebrow {
    display: inline-block;
    background: color-mix(in srgb, var(--brand-1) 12%, transparent);
    color: var(--brand-1);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 999px;
    margin-bottom: 12px;
}
.pdt-about__form-title {
    color: #14181d;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.3px;
    margin: 0 0 10px;
}
.pdt-about__form-lead {
    color: #6c7480;
    font-size: 13.5px;
    line-height: 1.55;
    margin: 0;
}

.pdt-about__form-foot {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #eef0f3;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #8a93a0;
    font-size: 11.5px;
    line-height: 1.45;
}
.pdt-about__form-foot i {
    color: var(--brand-1);
    font-size: 13px;
    margin-top: 1px;
}

/* Form internalleri kompakt */
.pdt-about__form .goreel-form-grid {
    grid-template-columns: 1fr;
    gap: 12px;
}
.pdt-about__form .goreel-form-col-6,
.pdt-about__form .goreel-form-col-12 { grid-column: 1 / -1; }
.pdt-about__form .goreel-form-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #6c7480;
    margin-bottom: 4px;
}
.pdt-about__form .goreel-form input,
.pdt-about__form .goreel-form select,
.pdt-about__form .goreel-form textarea {
    padding: 10px 12px;
    font-size: 14px;
}
.pdt-about__form .goreel-form textarea { min-height: 90px; }
.pdt-about__form .goreel-form-actions { margin-top: 14px; }
.pdt-about__form .goreel-form-submit {
    width: 100%;
    padding: 13px;
    font-size: 13px;
    background: var(--brand-1);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--brand-1) 25%, transparent);
}
.pdt-about__form .goreel-form-submit:hover {
    background: var(--brand-2);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--brand-1) 40%, transparent);
    color:#fff;
}
.pdt-about__form .goreel-form-checkbox-label {
    font-size: 12px;
    line-height: 1.5;
}
.pdt-about__form .goreel-form-checkbox-label input[type="checkbox"] {
    accent-color: var(--brand-1);
}

/* ============================================================
 *  4. AMENITIES GRID
 * ============================================================ */
.pdt-amenities {
    padding: 100px 0;
    background: linear-gradient(180deg, #f5f6f8 0%, #fff 100%);
    scroll-margin-top: 80px;
}
.pdt-amenities__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}
.pdt-amenity {
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 8px;
    padding: 36px 28px;
    text-align: center;
    transition: all .25s ease;
}
.pdt-amenity:hover {
    transform: translateY(-6px);
    border-color: color-mix(in srgb, var(--brand-1) 30%, transparent);
    box-shadow: 0 16px 36px rgba(0,0,0,.08);
}
.pdt-amenity .ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--brand-1) 8%, transparent);
    color: var(--brand-1);
    font-size: 26px;
    border: 2px solid color-mix(in srgb, var(--brand-1) 18%, transparent);
    margin-bottom: 18px;
    transition: all .25s ease;
}
.pdt-amenity:hover .ico {
    background: var(--brand-1);
    border-color: var(--brand-1);
    color: #fff;
}
.pdt-amenity h3 {
    color: #14181d;
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 10px;
}
.pdt-amenity p {
    color: #6c7480;
    font-size: 13px;
    line-height: 1.6;
    margin: 0;
}

/* ============================================================
 *  5. VIDEO
 * ============================================================ */
.pdt-video {
    padding: 100px 0;
    background: #14181d;
    scroll-margin-top: 80px;
}
.pdt-video .pdt-section-head h2 { color: #fff; }
.pdt-video .pdt-section-head .eyebrow { color: #fff; opacity: .7; }
.pdt-video__frame {
    position: relative;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0,0,0,.5);
    cursor: pointer;
}
.pdt-video__frame::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.2) 0%, rgba(0,0,0,.5) 100%);
    transition: background .25s ease;
}
.pdt-video__frame:hover::before { background: linear-gradient(180deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,.35) 100%); }
.pdt-video__play {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 110px; height: 110px;
    border-radius: 50%;
    background: var(--brand-1);
    color: #fff;
    border: 0;
    font-size: 32px;
    cursor: pointer;
    z-index: 2;
    box-shadow: 0 16px 40px color-mix(in srgb, var(--brand-1) 50%, transparent);
    transition: all .25s ease;
    padding-left: 6px;
}
.pdt-video__play:hover { transform: translate(-50%, -50%) scale(1.08); }
.pdt-video__play::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 2px solid color-mix(in srgb, var(--brand-1) 50%, transparent);
    animation: pdt-pulse 2s ease-out infinite;
}
@keyframes pdt-pulse {
    0%   { transform: scale(.9); opacity: .9; }
    100% { transform: scale(1.5); opacity: 0; }
}

/* ============================================================
 *  6. GALLERY
 * ============================================================ */
.pdt-gallery {
    padding: 100px 0;
    background: #fff;
    scroll-margin-top: 80px;
}
.pdt-gallery__filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-bottom: 36px;
    background: #f5f6f8;
    border-radius: 999px;
    padding: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.pdt-gallery__filter {
    background: transparent;
    border: 0;
    padding: 10px 22px;
    border-radius: 999px;
    color: #5a6573;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
}
.pdt-gallery__filter:hover { color: #14181d; }
.pdt-gallery__filter.is-active {
    background: var(--brand-1);
    color: #fff;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--brand-1) 25%, transparent);
}

/* Mobilde yatay scroll — ana sayfa filtreleri ile aynı pattern */
@media (max-width: 767px) {
    .pdt-gallery__filters {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        -webkit-overflow-scrolling: touch;
        /* Kenar fade'i — kullanıcı scroll edilebileceğini görür */
        mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
    }
    .pdt-gallery__filters::-webkit-scrollbar { display: none; }
    .pdt-gallery__filter {
        flex: 0 0 auto;
        padding: 8px 16px;
        font-size: 11px;
    }
}

.pdt-gallery__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.pdt-gallery__cell {
    position: relative;
    aspect-ratio: 1 / 1;
    border-radius: 6px;
    overflow: hidden;
    text-decoration: none;
    cursor: zoom-in;
    transition: all .25s ease;
}
.pdt-gallery__cell[hidden] { display: none !important; }
.pdt-gallery__cell:nth-child(7n+1) { grid-column: span 2; grid-row: span 2; }  /* her 7. büyük */
.pdt-gallery__cell img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.pdt-gallery__cell:hover img { transform: scale(1.06); }
.pdt-gallery__hover {
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--brand-1) 70%, rgba(20,24,29,.8));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    opacity: 0;
    transition: opacity .25s ease;
}
.pdt-gallery__cell:hover .pdt-gallery__hover { opacity: 1; }

/* ============================================================
 *  7. LOCATION + MAP
 * ============================================================ */
.pdt-location {
    padding: 100px 0 0;
    background: #f5f6f8;
    scroll-margin-top: 80px;
}
.pdt-location__addr {
    color: #5a6573;
    font-size: 16px;
    margin: 12px 0 0;
}
.pdt-location__map {
    line-height: 0;
    margin-top: 50px;
}
.pdt-location__map iframe {
    display: block;
    width: 100%;
    filter: grayscale(.15);
}

/* ============================================================
 *  8. RELATED PROJECTS
 * ============================================================ */
.pdt-related {
    padding: 100px 0;
    background: #fff;
}
.pdt-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.pdt-related__card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
    text-decoration: none;
    transition: all .25s ease;
    color: inherit;
    display: block;
}
.pdt-related__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px rgba(0,0,0,.12);
    color: inherit;
}
.pdt-related__cover {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #14181d;
}
.pdt-related__cover img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.pdt-related__card:hover .pdt-related__cover img { transform: scale(1.08); }
.pdt-related__badge {
    position: absolute;
    top: 12px; left: 12px;
    background: var(--brand-1);
    color: #fff;
    padding: 5px 12px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px color-mix(in srgb, var(--brand-1) 35%, transparent);
}
html[dir="rtl"] .pdt-related__badge { left: auto; right: 12px; }
.pdt-related__body { padding: 22px 22px 24px; }
.pdt-related__body h3 {
    color: #14181d;
    font-size: 19px;
    font-weight: 700;
    margin: 0 0 6px;
    letter-spacing: -.3px;
}
.pdt-related__body p {
    color: #6c7480;
    font-size: 13px;
    margin: 0 0 14px;
}
.pdt-related__body p i { color: var(--brand-1); margin-right: 4px; font-size: 11px; }
.pdt-related__more {
    color: var(--brand-1);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.pdt-related__more i { margin-left: 6px; transition: transform .2s ease; }
.pdt-related__card:hover .pdt-related__more i { transform: translateX(4px); }

/* ============================================================
 *  MOBİL STICKY BOTTOM BAR
 * ============================================================ */
.pdt-mbar {
    display: none;
    position: fixed;
    bottom: 0; left: 0; right: 0;
    z-index: 1100;
    background: #fff;
    border-top: 1px solid #eef0f3;
    box-shadow: 0 -4px 16px rgba(0,0,0,.08);
    padding: 8px;
    gap: 6px;
}
.pdt-mbar__btn {
    flex: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    color: #fff !important;
}
.pdt-mbar__btn--phone { background: #14181d; }
.pdt-mbar__btn--wa    { background: #25D366; }
.pdt-mbar__btn--cta   { background: var(--brand-1); }
.pdt-mbar__btn i { font-size: 14px; }

/* Modal açıkken gizle (mevcut .pdt-mbar pattern) */
body.modal-open .pdt-mbar { visibility: hidden; opacity: 0; }

/* ============================================================
 *  RESPONSIVE
 * ============================================================ */
@media (max-width: 991px) {
    .pdt-hero { min-height: 80vh; }
    .pdt-hero__title { font-size: 44px; }
    .pdt-hero__metrics { grid-template-columns: repeat(2, 1fr); max-width: 600px; }

    .pdt-about, .pdt-amenities, .pdt-video, .pdt-gallery, .pdt-location, .pdt-related { padding: 70px 0; }
    .pdt-section-head h2 { font-size: 30px; }
    .pdt-about__grid { grid-template-columns: 1fr; gap: 40px; }
    .pdt-about__title { font-size: 32px; }
    .pdt-about__form-card { position: static; }
    .pdt-amenities__grid { grid-template-columns: repeat(2, 1fr); }
    .pdt-gallery__grid { grid-template-columns: repeat(3, 1fr); }
    .pdt-related__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    /* Container'a güvenli padding — başlık ve içerik kenara yapışmasın */
    .pdt-hero .container { padding-left: 20px; padding-right: 20px; }

    .pdt-hero { min-height: auto; }
    .pdt-hero__inner { padding: 100px 0 70px; gap: 24px; }

    .pdt-hero__badge {
        font-size: 10px;
        padding: 6px 14px;
        letter-spacing: 1px;
    }

    .pdt-hero__head { margin: 0; max-width: 100%; }
    .pdt-hero__logo { max-height: 50px; margin-bottom: 12px; }
    .pdt-hero__title {
        font-size: 28px;
        line-height: 1.15;
        letter-spacing: -.5px;
        margin-bottom: 10px;
    }
    .pdt-hero__loc { font-size: 13px; }

    .pdt-hero__metrics {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        max-width: 100%;
    }
    .pdt-metric { padding: 14px 12px; }
    .pdt-metric > i { font-size: 14px; margin-bottom: 8px; }
    .pdt-metric__val { font-size: 18px; line-height: 1.15; letter-spacing: -.3px; }
    .pdt-metric__val small { font-size: 11px; }
    /* Uzun status (örn "Devam Eden Projeler") taşmasın — daha küçük + clamp */
    .pdt-metric__val--small {
        font-size: 13px;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .pdt-metric__lbl { font-size: 10px; letter-spacing: 1px; }

    .pdt-hero__scroll { display: none; }  /* mobilde scroll oku gereksiz */

    .pdt-section-head h2 { font-size: 24px; }
    .pdt-about__title { font-size: 26px; }
    .pdt-about__lead { font-size: 16px; }

    .pdt-amenities__grid { grid-template-columns: 1fr; }
    .pdt-gallery__grid { grid-template-columns: repeat(2, 1fr); }
    .pdt-gallery__cell:nth-child(7n+1) { grid-column: span 1; grid-row: span 1; }
    .pdt-related__grid { grid-template-columns: 1fr; }

    /* Mobil bottom bar aktive — sticky desktop bar gizli */
    .pdt-mbar { display: flex; }

    /* Bottom bar için padding-bottom ekle ki son içerik altında kalmasın */
    .pdt-related, .pdt-location { padding-bottom: 90px; }

    .pdt-video__play { width: 80px; height: 80px; font-size: 24px; }
}

/* =====================================================================
 *  Proje detay sayfasında global floating telefon/WhatsApp butonları
 *  gizlenir — mobilde pdt-mbar (alt sticky bar) zaten aynı CTA'ları
 *  içeriyor; desktop'ta sağdaki inline form + sticky pdt-nav yeterli.
 *  body:has(.pdt) modern tarayıcılarda destekli (Chrome 105+, Safari 15.4+).
 * ===================================================================== */
body:has(.pdt) .fbt-cta,
body:has(.pdt) .fbt-cta--phone,
body:has(.pdt) .fbt-cta--wa,
body:has(.pdt) .fbt-phone,
body:has(.pdt) .fbt {
    display: none !important;
}

/* =====================================================================
 *  PROJECTS LIST — kategori liste sayfası
 * ===================================================================== */
.baysal-projects {
    padding: 80px 0 100px;
    background: #f5f6f8;
}
.baysal-projects__head {
    max-width: 760px;
    margin: 0 auto 56px;
}
.baysal-projects__title {
    color: #14181d;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.5px;
    margin: 0 0 14px;
}
.baysal-projects__title .accent {
    color: #C9302C;
    position: relative;
}
.baysal-projects__sub {
    color: #5a6573;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
}

/* Grid: 2 büyük kolon desktop, 1 mobilde */
.baysal-projects__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
@media (max-width: 767px) {
    .baysal-projects__grid { grid-template-columns: 1fr; gap: 24px; }
}

/* Boş durum */
.baysal-projects__empty {
    text-align: center;
    padding: 80px 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px dashed #d8dde4;
}
.baysal-projects__empty i {
    color: #C9302C;
    font-size: 56px;
    opacity: .4;
    margin-bottom: 16px;
}
.baysal-projects__empty p {
    color: #5a6573;
    font-size: 16px;
    margin: 0 0 22px;
}
.baysal-projects__empty-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: #C9302C;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .2s ease;
}
.baysal-projects__empty-cta:hover {
    background: #b02723;
    color: #fff;
    transform: translateY(-2px);
}

/* Proje kartı */
.baysal-project {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(0,0,0,.06);
    transition: all .3s ease;
}
.baysal-project:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 48px rgba(0,0,0,.12);
}

/* Görsel alanı — 16:10 oran */
.baysal-project__media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #14181d;
}
.baysal-project__cover {
    display: block;
    width: 100%;
    height: 100%;
}
.baysal-project__cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}
.baysal-project:hover .baysal-project__cover img { transform: scale(1.06); }

.baysal-project__placeholder {
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #1f242c 0%, #14181d 100%);
    color: rgba(255,255,255,.2);
    font-size: 64px;
}

/* Kategori rozeti */
.baysal-project__badge {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    background: #C9302C;
    color: #fff;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(201,48,44,.4);
}
html[dir="rtl"] .baysal-project__badge { left: auto; right: 16px; }

/* Youtube play butonu */
.baysal-project__play {
    position: absolute;
    top: 50%; left: 50%;
    z-index: 3;
    transform: translate(-50%, -50%);
    width: 64px; height: 64px;
    background: rgba(255,255,255,.95);
    color: #C9302C;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0,0,0,.3);
    transition: all .25s ease;
}
.baysal-project__play:hover {
    background: #C9302C;
    color: #fff;
    transform: translate(-50%, -50%) scale(1.1);
}
.baysal-project__play::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 2px solid rgba(255,255,255,.4);
    animation: baysal-play-pulse 2s ease-out infinite;
}
@keyframes baysal-play-pulse {
    0%   { transform: scale(.9); opacity: .8; }
    100% { transform: scale(1.6); opacity: 0; }
}

/* Kart metni */
.baysal-project__body {
    padding: 28px 26px 24px;
}
.baysal-project__loc {
    color: #6c7480;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.baysal-project__loc i {
    color: #C9302C;
    margin-right: 4px;
    font-size: 11px;
}
html[dir="rtl"] .baysal-project__loc i { margin-right: 0; margin-left: 4px; }

.baysal-project__title {
    color: #14181d;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 12px;
    letter-spacing: -.3px;
}
.baysal-project__title a {
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}
.baysal-project__title a:hover { color: #C9302C; }

.baysal-project__excerpt {
    color: #6c7480;
    font-size: 14px;
    line-height: 1.65;
    margin: 0 0 16px;
}

.baysal-project__more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #C9302C;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 4px;
    border-top: 2px solid transparent;
    transition: all .2s ease;
}
.baysal-project__more i { font-size: 11px; transition: transform .2s ease; }
.baysal-project__more:hover {
    color: #b02723;
    border-top-color: #C9302C;
}
.baysal-project__more:hover i { transform: translateX(4px); }
html[dir="rtl"] .baysal-project__more:hover i { transform: translateX(-4px); }

@media (max-width: 991px) {
    .baysal-projects { padding: 60px 0 80px; }
    .baysal-projects__title { font-size: 30px; }
}
@media (max-width: 575px) {
    .baysal-projects__title { font-size: 24px; }
    .baysal-project__title { font-size: 18px; }
    .baysal-project__body { padding: 20px 18px; }
}

/* =====================================================================
 *  HOME — GUARANTEE SECTION ("Mutlu Yarınlar İçin")
 * ===================================================================== */
.home-guarantee {
    padding: 100px 0;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.home-guarantee::before {
    /* Pasif compass-style arkaplan watermark — sadece dekorasyon */
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 480px;
    height: 480px;
    transform: translate(-50%, -50%);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='44' fill='none' stroke='%23eef0f3' stroke-width='1'/><circle cx='50' cy='50' r='30' fill='none' stroke='%23eef0f3' stroke-width='1'/><line x1='6' y1='50' x2='94' y2='50' stroke='%23eef0f3' stroke-width='1'/><line x1='50' y1='6' x2='50' y2='94' stroke='%23eef0f3' stroke-width='1'/></svg>") center/contain no-repeat;
    pointer-events: none;
    opacity: .6;
}
.home-guarantee > .container { position: relative; z-index: 1; }

.home-guarantee__text .eyebrow {
    display: inline-block;
    color: #C9302C;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.home-guarantee__text h2 {
    color: #14181d;
    font-size: 44px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -1px;
    margin: 0 0 22px;
    text-transform: uppercase;
}
.home-guarantee__text .lead {
    color: #5a6573;
    font-size: 16px;
    line-height: 1.75;
    margin: 0 0 32px;
}

.home-guarantee__years {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    background: #fff;
    padding: 22px 32px;
    border-radius: 4px;
    box-shadow: 0 12px 32px rgba(0,0,0,.08);
    margin-bottom: 28px;
}
.home-guarantee__years .num {
    color: #C9302C;
    font-size: 56px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1.5px;
}
.home-guarantee__years .label {
    color: #2a3340;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    max-width: 160px;
}

.home-guarantee__cta {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 14px 28px;
    background: #C9302C;
    color: #fff;
    border: 0;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(201,48,44,.3);
    transition: all .2s ease;
}
.home-guarantee__cta:hover {
    background: #b02723;
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(201,48,44,.4);
    color: #fff;
}
.home-guarantee__cta .play {
    width: 32px; height: 32px;
    background: #fff;
    color: #C9302C;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    margin-left: -8px;
}

/* Sağ blocky dekoratif görsel kompozisyon */
.home-guarantee__visual {
    position: relative;
    aspect-ratio: 4 / 5;
    max-height: 600px;
}
.home-guarantee__img {
    position: absolute;
    inset: 8% 0 0 8%;
    overflow: hidden;
}
.home-guarantee__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-guarantee__visual .dec {
    position: absolute;
    pointer-events: none;
}
.home-guarantee__visual .dec-tl {
    top: 0; left: 0;
    width: 30%; height: 18%;
    background: #C9302C;
}
.home-guarantee__visual .dec-tr {
    top: 4%; right: 0;
    width: 22%; height: 14%;
    background: #14181d;
}
.home-guarantee__visual .dec-br {
    bottom: 0; right: 4%;
    width: 26%; height: 12%;
    background: #C9302C;
}
.home-guarantee__visual .dec-dots {
    bottom: 4%; right: 0;
    width: 80px; height: 80px;
    background-image: radial-gradient(#C9302C 1.5px, transparent 1.5px);
    background-size: 12px 12px;
    opacity: .55;
}

/* RTL — sol/sağ aynalama */
html[dir="rtl"] .home-guarantee__img { inset: 8% 8% 0 0; }
html[dir="rtl"] .home-guarantee__visual .dec-tl { left: auto; right: 0; }
html[dir="rtl"] .home-guarantee__visual .dec-tr { right: auto; left: 0; }
html[dir="rtl"] .home-guarantee__visual .dec-br { right: auto; left: 4%; }
html[dir="rtl"] .home-guarantee__visual .dec-dots { right: auto; left: 0; }
html[dir="rtl"] .home-guarantee__cta .play { margin-left: 0; margin-right: -8px; }
html[dir="rtl"] .home-guarantee__years .label { text-align: right; }

@media (max-width: 991px) {
    .home-guarantee { padding: 70px 0; }
    .home-guarantee__text h2 { font-size: 34px; }
    .home-guarantee__visual { aspect-ratio: 1 / 1; margin-top: 20px; }
}
@media (max-width: 767px) {
    .home-guarantee { padding: 50px 0; }
    .home-guarantee__text h2 { font-size: 26px; }
    .home-guarantee__years { padding: 16px 22px; gap: 14px; }
    .home-guarantee__years .num { font-size: 42px; }
    .home-guarantee__years .label { font-size: 13px; max-width: 130px; }
}

/* =====================================================================
 *  HOME — FEATURES + COUNTERS SECTION
 * ===================================================================== */
.home-features {
    padding: 100px 0;
    background: linear-gradient(180deg, #f5f6f8 0%, #ffffff 100%);
    position: relative;
}
.home-features__head {
    margin-bottom: 56px;
}
.home-features__head .eyebrow {
    display: inline-block;
    color: #C9302C;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.home-features__head h2 {
    color: #14181d;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 16px;
    letter-spacing: -.5px;
}
.home-features__head .lead {
    color: #5a6573;
    font-size: 16px;
    line-height: 1.7;
    margin: 0 auto;
    max-width: 640px;
}

/* Showcase görsel */
.home-features__img {
    position: relative;
    height: 100%;
    min-height: 420px;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0,0,0,.12);
}
.home-features__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 4 ikon kart 2x2 grid */
.home-features__cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 32px;
}
.home-features__card {
    background: #fff;
    border: 1px solid #eef0f3;
    border-radius: 6px;
    padding: 28px 22px;
    text-align: center;
    transition: all .25s ease;
}
.home-features__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 32px rgba(0,0,0,.08);
    border-color: rgba(201,48,44,.25);
}
.home-features__card .ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(201,48,44,.08);
    color: #C9302C;
    font-size: 22px;
    margin-bottom: 16px;
    border: 2px solid rgba(201,48,44,.15);
    transition: all .25s ease;
}
.home-features__card:hover .ico {
    background: #C9302C;
    border-color: #C9302C;
    color: #fff;
}
.home-features__card h3 {
    color: #14181d;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 8px;
}
.home-features__card p {
    color: #6c7480;
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
}

/* Sayaçlar */
.home-features__counters {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    background: #fff;
    border-radius: 6px;
    padding: 28px;
    box-shadow: 0 12px 32px rgba(0,0,0,.06);
    border-top: 3px solid #C9302C;
}
.home-features__counter {
    text-align: center;
    padding: 8px 4px;
    position: relative;
}
.home-features__counter:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -8px; top: 18%;
    width: 1px; height: 64%;
    background: #eef0f3;
}
html[dir="rtl"] .home-features__counter:not(:last-child)::after { right: auto; left: -8px; }
.home-features__counter .num {
    color: #14181d;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.5px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 2px;
}
.home-features__counter .num .plus {
    color: #C9302C;
    font-size: 22px;
    font-weight: 700;
}
.home-features__counter .lbl {
    color: #6c7480;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: .5px;
}

@media (max-width: 991px) {
    .home-features { padding: 70px 0; }
    .home-features__head { margin-bottom: 40px; }
    .home-features__head h2 { font-size: 28px; }
    .home-features__img { min-height: 320px; margin-bottom: 24px; }
    .home-features__counters { grid-template-columns: repeat(2, 1fr); }
    .home-features__counter:nth-child(2)::after { display: none; }
}
@media (max-width: 575px) {
    .home-features__cards { grid-template-columns: 1fr; }
    .home-features__counters { grid-template-columns: repeat(2, 1fr); padding: 18px; }
    .home-features__counter::after { display: none; }
    .home-features__counter .num { font-size: 24px; }
}

/* =====================================================================
 *  VIDEO MODAL — YouTube tanıtım
 * ===================================================================== */
.video-modal .modal-content {
    background: #000;
    border: 0;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
}
.video-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    border: 1px solid rgba(255,255,255,.3);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s ease;
}
.video-modal__close:hover { background: rgba(0,0,0,.85); transform: scale(1.05); }
html[dir="rtl"] .video-modal__close { right: auto; left: 12px; }

/* =====================================================================
 *  RESERVATION MODAL — anasayfada otomatik açılan davetkar bilgi talep modal'ı
 *  Split layout: sol görsel hero + sağ form, mobile'da stack.
 * ===================================================================== */

.reservation-modal .modal-dialog { max-width: 980px; }
.reservation-modal .modal-content {
    border: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 24px 64px rgba(0,0,0,.4);
}

.reservation-modal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.25);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(8px);
    cursor: pointer;
    transition: all .2s ease;
}
html[dir="rtl"] .reservation-modal__close { right: auto; left: 16px; }
.reservation-modal__close:hover {
    background: rgba(255,255,255,.28);
    transform: scale(1.05);
}

.reservation-modal__grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    min-height: 580px;
}

/* Desktop modal-content: max viewport height + scroll garanti */
.reservation-modal .modal-content {
    max-height: calc(100vh - 56px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* Sol görsel hero */
.reservation-modal__hero {
    position: relative;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 50px 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.reservation-modal__hero-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(20,24,29,.94) 0%, rgba(20,24,29,.78) 60%, rgba(201,48,44,.45) 100%);
}
.reservation-modal__hero-content {
    position: relative;
    z-index: 2;
}

.reservation-modal__eyebrow {
    display: inline-block;
    background: rgba(201,48,44,.25);
    border: 1px solid rgba(201,48,44,.4);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 20px;
    margin-bottom: 22px;
}

.reservation-modal__hero h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px;
    margin: 0 0 16px;
}

.reservation-modal__lead {
    color: rgba(255,255,255,.82);
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 28px;
}

.reservation-modal__perks {
    list-style: none;
    margin: 0 0 32px;
    padding: 0;
}
.reservation-modal__perks li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    color: #fff;
    font-size: 14.5px;
    font-weight: 500;
}
.reservation-modal__perks i {
    color: #C9302C;
    font-size: 18px;
    flex-shrink: 0;
}

.reservation-modal__hero-foot {
    border-top: 1px solid rgba(255,255,255,.18);
    padding-top: 18px;
}
.reservation-modal__hero-foot .hours-label {
    display: block;
    color: rgba(255,255,255,.6);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.reservation-modal__hero-foot strong {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

/* Sağ form panel */
.reservation-modal__form {
    padding: 50px 44px;
}

/* =====================================================================
 *  RESERVATION MODAL — MOBİL OPTİMİZASYONU
 *  ≤767px:
 *   • Modal tam ekran kaplar (margin 0, border-radius 0)
 *   • Modal-content tek scroll alanı (hero + form akışkan birlikte scroll)
 *   • Hero kompakt: küçük padding, küçük başlık, perks daha sıkı
 *   • Floating telefon modal açıkken gizli
 * ===================================================================== */
@media (max-width: 767px) {
    .reservation-modal .modal-dialog {
        margin: 0;
        max-width: 100%;
        min-height: 100vh;
        min-height: 100dvh;  /* mobil tarayıcı barını dahil et */
    }
    .reservation-modal .modal-content {
        min-height: 100vh;
        min-height: 100dvh;
        max-height: 100dvh;
        border-radius: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .reservation-modal__grid {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    /* Hero kompakt */
    .reservation-modal__hero {
        padding: 56px 24px 28px;  /* üstte close butonu için boşluk */
        min-height: auto;
    }
    .reservation-modal__eyebrow {
        font-size: 10px;
        padding: 5px 12px;
        margin-bottom: 14px;
    }
    .reservation-modal__hero h2 {
        font-size: 22px;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    .reservation-modal__lead {
        font-size: 13.5px;
        line-height: 1.55;
        margin-bottom: 18px;
    }
    .reservation-modal__perks {
        margin-bottom: 18px;
    }
    .reservation-modal__perks li {
        padding: 5px 0;
        font-size: 13px;
        gap: 10px;
    }
    .reservation-modal__perks i { font-size: 15px; }
    .reservation-modal__hero-foot { padding-top: 14px; }
    .reservation-modal__hero-foot strong { font-size: 13px; }

    /* Form panel */
    .reservation-modal__form { padding: 28px 24px 32px; }
    .reservation-modal__form-head h3 { font-size: 19px; }
    .reservation-modal__form-head p { font-size: 13px; margin-bottom: 18px; }

    /* Close button daha belirgin (görsel üzerinde) */
    .reservation-modal__close {
        top: 12px;
        right: 12px;
        width: 38px;
        height: 38px;
        background: rgba(0,0,0,.5);
        border-color: rgba(255,255,255,.3);
    }
    html[dir="rtl"] .reservation-modal__close { right: auto; left: 12px; }
}

/* Modal açıkken floating butonları gizle (mobil dahil her ekranda) */
body.modal-open .fbt-cta,
body.modal-open .fbt-phone,
body.modal-open .fbt {
    visibility: hidden;
    opacity: 0;
}

.reservation-modal__form-head h3 {
    color: #14181d;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px;
}
.reservation-modal__form-head p {
    color: #6c7480;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 24px;
}

.reservation-modal__form-foot {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #eef0f3;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #8a93a0;
    font-size: 12px;
    line-height: 1.5;
}
.reservation-modal__form-foot i {
    color: #C9302C;
    font-size: 14px;
    margin-top: 2px;
}

/* ---- Başarı kartı (form gönderildikten sonra) ---------------------- */
.reservation-modal__success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 20px 30px;
    animation: rmFadeIn .4s ease-out;
}
@keyframes rmFadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.reservation-modal__success-icon {
    color: #1aa66b;
    margin-bottom: 22px;
    display: inline-flex;
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: rgba(26,166,107,.1);
    align-items: center;
    justify-content: center;
    animation: rmPulse .9s ease-out .15s both;
}
@keyframes rmPulse {
    0%   { transform: scale(.6); opacity: 0; }
    60%  { transform: scale(1.1); opacity: 1; }
    100% { transform: scale(1); }
}
.reservation-modal__success-title {
    font-size: 24px;
    font-weight: 700;
    color: #14181d;
    margin: 0 0 10px;
}
.reservation-modal__success-lead {
    font-size: 15px;
    color: #4a5260;
    line-height: 1.55;
    margin: 0 0 8px;
    max-width: 380px;
}
.reservation-modal__success-meta {
    font-size: 13px;
    color: #8a93a0;
    margin: 0 0 28px;
}
.reservation-modal__success-cta {
    background: #C9302C;
    color: #fff;
    border: 0;
    border-radius: 999px;
    padding: 12px 36px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    box-shadow: 0 6px 20px -6px rgba(201,48,44,.5);
}
.reservation-modal__success-cta:hover {
    background: #a82622;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px -8px rgba(201,48,44,.6);
}
.reservation-modal__success-autoclose {
    font-size: 11px;
    color: #adb3bd;
    margin: 16px 0 0;
    letter-spacing: .3px;
}
.reservation-modal__success-autoclose [data-autoclose-counter] {
    color: #C9302C;
    font-weight: 700;
}

/* Modal içinde Goreel form override — tek kolon, daha sıkı */
.reservation-modal .goreel-form-grid {
    grid-template-columns: 1fr;
    gap: 14px;
}
.reservation-modal .goreel-form-col-6,
.reservation-modal .goreel-form-col-12 { grid-column: 1 / -1; }
.reservation-modal .goreel-form-label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #6c7480;
}
.reservation-modal .goreel-form-submit {
    width: 100%;
    padding: 14px;
    font-size: 13px;
}

/* Checkbox satırı (KVKK) */
.reservation-modal .goreel-form-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #2a3340;
    font-size: 13px;
    line-height: 1.5;
    cursor: pointer;
    padding: 8px 0;
}
.reservation-modal .goreel-form-checkbox-label input[type="checkbox"] {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    accent-color: #C9302C;
    flex-shrink: 0;
}

/* =====================================================================
 *  GOREEL FORM — global form styling (sayfa içi + modal içi)
 *  Form builder default markup'ı için minimum görsel düzen.
 * ===================================================================== */
.goreel-form { font-size: 15px; }
.goreel-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.goreel-form-col-12, .goreel-form-field-textarea { grid-column: 1 / -1; }
.goreel-form-col-6 { grid-column: span 1; }
@media (max-width: 575px) {
    .goreel-form-grid { grid-template-columns: 1fr; }
    .goreel-form-col-6 { grid-column: 1 / -1; }
}

.goreel-form-field { display: flex; flex-direction: column; }
.goreel-form-label {
    color: #2a3340;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
    letter-spacing: .2px;
}
.goreel-form-required { color: #C9302C; }

.goreel-form input[type="text"],
.goreel-form input[type="email"],
.goreel-form input[type="tel"],
.goreel-form input[type="number"],
.goreel-form input[type="date"],
.goreel-form input[type="datetime-local"],
.goreel-form select,
.goreel-form textarea {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #d8dde4;
    border-radius: 4px;
    background: #fff;
    color: #14181d;
    font-size: 15px;
    font-family: inherit;
    line-height: 1.5;
    transition: border-color .15s ease, box-shadow .15s ease;
    box-sizing: border-box;
}
.goreel-form input:focus,
.goreel-form select:focus,
.goreel-form textarea:focus {
    outline: none;
    border-color: #C9302C;
    box-shadow: 0 0 0 3px rgba(201,48,44,.12);
}
.goreel-form textarea { resize: vertical; min-height: 120px; }

.goreel-form-actions { margin-top: 22px; }
.goreel-form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 32px;
    background: #C9302C;
    color: #fff;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: .5px;
    text-transform: uppercase;
    box-shadow: 0 4px 12px rgba(201,48,44,.25);
    transition: all .2s ease;
}
.goreel-form-submit:hover {
    background: #b02723;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(201,48,44,.4);
}

.goreel-form-error,
.goreel-form-message {
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 14px;
}
.goreel-form-error    { background: rgba(201,48,44,.08); color: #C9302C; border-left: 3px solid #C9302C; }
.goreel-form-success  { background: rgba(40,167,69,.08); color: #1a7e34; border-left: 3px solid #28a745; padding: 12px 16px; border-radius: 4px; margin-bottom: 16px; }

/* Modal içinde de aynı stil */
.modal-body .goreel-form { padding: 4px 0; }

/* =====================================================================
 *  CONTACT PAGE — modern 2-kolon iletişim sayfası
 * ===================================================================== */
.baysal-contact {
    padding: 80px 0 60px;
    background: #f5f6f8;
}
.baysal-contact__grid {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(0,0,0,.08);
}
@media (max-width: 991px) {
    .baysal-contact__grid { grid-template-columns: 1fr; }
}

/* Sol info kart — koyu kurumsal */
.baysal-contact__info {
    background: linear-gradient(160deg, #14181d 0%, #1f242c 100%);
    color: #fff;
    padding: 50px 40px;
    position: relative;
    overflow: hidden;
}
.baysal-contact__info::before {
    /* Sağ-altta brand glow */
    content: "";
    position: absolute;
    bottom: -100px;
    right: -60px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,48,44,.18) 0%, transparent 70%);
    pointer-events: none;
}
.baysal-contact__info > * { position: relative; z-index: 2; }

.baysal-contact__info-head .eyebrow,
.baysal-contact__form-head .eyebrow {
    display: inline-block;
    color: #C9302C;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.baysal-contact__info-head h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 14px;
    line-height: 1.3;
}
.baysal-contact__info-head p {
    color: rgba(255,255,255,.7);
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 32px;
}

.baysal-contact__info-list {
    list-style: none;
    margin: 0 0 32px;
    padding: 0;
}
.baysal-contact__info-list li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.baysal-contact__info-list li:last-child { border-bottom: none; }
.baysal-contact__info-list .ico {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(201,48,44,.15);
    color: #C9302C;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.baysal-contact__info-list .ico-wa {
    background: rgba(37,211,102,.15);
    color: #25D366;
}
.baysal-contact__info-list strong {
    display: block;
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.baysal-contact__info-list span,
.baysal-contact__info-list a {
    color: #fff;
    font-size: 14.5px;
    line-height: 1.6;
    text-decoration: none;
    transition: color .15s ease;
}
.baysal-contact__info-list a:hover { color: #C9302C; }

.baysal-contact__info-foot {
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.baysal-contact__info-foot .hours-label {
    display: block;
    color: rgba(255,255,255,.55);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.baysal-contact__info-foot strong {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

/* Sağ form kart — beyaz */
.baysal-contact__form {
    padding: 50px 40px;
    background: #fff;
}
.baysal-contact__form-head h2 {
    color: #14181d;
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 12px;
    line-height: 1.3;
}
.baysal-contact__form-head p {
    color: #6c7480;
    font-size: 14px;
    line-height: 1.7;
    margin: 0 0 28px;
}

/* Harita */
.baysal-contact__map {
    line-height: 0;
    margin-bottom: -8px; /* footer ile gap kapat */
}
.baysal-contact__map iframe { display: block; filter: grayscale(.15); }

/* Mobil */
@media (max-width: 767px) {
    .baysal-contact { padding: 50px 0 40px; }
    .baysal-contact__info,
    .baysal-contact__form { padding: 36px 24px; }
}

/* =====================================================================
 *  HEADER — Baysal İnşaat modern kurumsal başlık (2 katmanlı)
 *  Renkler footer ile aynı:  bg=#14181d  topbar=#0e1115  acc=#C9302C
 * ===================================================================== */

/* style.css içindeki .arck-header-section.header-style-one default
   `position: absolute` ve dark gradient bg kurallarını yüksek özgül + !important ile sıfırla.
   FLOATING PILL: arkaplan ŞEFFAF — gerçek glass pill .baysal-mainbar__inner'da.
   Konteyner sadece pozisyon + padding (gap) sağlar. */
header.baysal-mainbar.arck-header-section.header-style-one {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
/* Anasayfa: header slider üstüne ABSOLUTE biner. Topbar altında 36px başlar.
   Pill iç offset için padding üst arttırıldı — biraz daha aşağıda göründü. */
body.is-home header.baysal-mainbar.arck-header-section.header-style-one,
body:has(.baysal-hero) header.baysal-mainbar.arck-header-section.header-style-one,
body:has(.pdt-hero) header.baysal-mainbar.arck-header-section.header-style-one {
    position: absolute !important;
    top: 36px !important;
    background: transparent !important;
}
/* Mobilde topbar daha kompakt → header'ı yukarı al */
@media (max-width: 767px) {
    body.is-home header.baysal-mainbar.arck-header-section.header-style-one,
    body:has(.baysal-hero) header.baysal-mainbar.arck-header-section.header-style-one,
    body:has(.pdt-hero) header.baysal-mainbar.arck-header-section.header-style-one {
        top: 14px !important;
    }
}
body.is-home header.baysal-mainbar.arck-header-section.header-style-one.is-scrolled,
body:has(.baysal-hero) header.baysal-mainbar.arck-header-section.header-style-one.is-scrolled,
body:has(.pdt-hero) header.baysal-mainbar.arck-header-section.header-style-one.is-scrolled {
    position: fixed !important;
    top: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ---- Üst utility bar — kompakt, rafine ------------------------------- */
.baysal-topbar {
    background: #f7f8fa;
    color: #6c7480;
    font-size: 12.5px;
    border-bottom: 1px solid #ebedf0;
    position: relative;
    z-index: 1001;
    letter-spacing: .1px;
}

/* Anasayfa + hero'lu detay sayfaları → topbar slider üzerine biner,
   glass effect + ışıklı metin                                          */
body.is-home .baysal-topbar,
body:has(.baysal-hero) .baysal-topbar,
body:has(.pdt-hero) .baysal-topbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(20, 24, 29, 0.45);
    backdrop-filter: blur(14px) saturate(180%);
    -webkit-backdrop-filter: blur(14px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
}
body.is-home .baysal-topbar a,
body:has(.baysal-hero) .baysal-topbar a,
body:has(.pdt-hero) .baysal-topbar a {
    color: rgba(255, 255, 255, 0.92);
}
body.is-home .baysal-topbar a:hover,
body:has(.baysal-hero) .baysal-topbar a:hover,
body:has(.pdt-hero) .baysal-topbar a:hover {
    color: #fff;
}
body.is-home .baysal-topbar i,
body:has(.baysal-hero) .baysal-topbar i,
body:has(.pdt-hero) .baysal-topbar i {
    color: #ff5a55;
}
body.is-home .baysal-topbar__sep,
body:has(.baysal-hero) .baysal-topbar__sep,
body:has(.pdt-hero) .baysal-topbar__sep {
    background: rgba(255, 255, 255, 0.18);
}
body.is-home .baysal-topbar__lang a,
body:has(.baysal-hero) .baysal-topbar__lang a,
body:has(.pdt-hero) .baysal-topbar__lang a {
    color: rgba(255, 255, 255, 0.85);
}
body.is-home .baysal-topbar__lang a.is-active,
body:has(.baysal-hero) .baysal-topbar__lang a.is-active,
body:has(.pdt-hero) .baysal-topbar__lang a.is-active {
    background: rgba(255, 255, 255, 0.15);
    color: #fff;
}
.baysal-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 36px;
    gap: 16px;
}
.baysal-topbar__contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}
.baysal-topbar__contact li {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}
.baysal-topbar__contact i {
    color: #C9302C;
    font-size: 12px;
}
.baysal-topbar__contact a {
    color: #2a3340;
    text-decoration: none;
    transition: color .15s ease;
}
.baysal-topbar__contact a:hover { color: #C9302C; }

.baysal-topbar__right {
    display: flex;
    align-items: center;
    gap: 16px;
}
.baysal-topbar__social {
    display: flex;
    gap: 14px;
}
.baysal-topbar__social a {
    color: #6c7480;
    font-size: 14px;
    transition: color .15s ease;
}
.baysal-topbar__social a:hover { color: #C9302C; }

.baysal-topbar__sep {
    width: 1px;
    height: 18px;
    background: #d8dde4;
}

.baysal-topbar__lang {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.baysal-topbar__lang a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    border-radius: 3px;
    color: #5a6573;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    transition: all .15s ease;
}
.baysal-topbar__lang a:hover { color: #2a3340; background: #ebedf1; }
.baysal-topbar__lang a.is-active {
    background: #C9302C;
    color: #fff;
}
.baysal-topbar__lang .flag { font-size: 14px; }

/* ---- Ana nav bar — FLOATING LIQUID GLASS PILL ----------------------- */
/* Mainbar artık şeffaf konteyner — gerçek floating pill .baysal-mainbar__inner. */
.baysal-mainbar {
    background: transparent !important;
    backdrop-filter: none !important;
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 18px 0;
    border-bottom: 0 !important;
    box-shadow: none !important;
    transition: padding .35s cubic-bezier(.4,0,.2,1);
}
.baysal-mainbar.is-scrolled { padding: 10px 0; }

/* FLOATING PILL — beyaz liquid glass */
.baysal-mainbar__inner {
    background: rgba(255,255,255,.78);
    backdrop-filter: blur(24px) saturate(180%);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    border-radius: 999px;
    padding: 8px 8px 8px 28px;
    min-height: 64px;
    box-shadow:
        0 12px 40px rgba(0,0,0,.12),
        0 1px 2px rgba(0,0,0,.06),
        inset 0 1px 0 rgba(255,255,255,.6);
    transition: background .35s cubic-bezier(.4,0,.2,1),
                box-shadow .35s cubic-bezier(.4,0,.2,1),
                min-height .3s cubic-bezier(.4,0,.2,1);
    gap: 16px;
}
.baysal-mainbar.is-scrolled .baysal-mainbar__inner {
    min-height: 56px;
    background: rgba(255,255,255,.88);
    box-shadow:
        0 8px 32px rgba(0,0,0,.14),
        0 1px 2px rgba(0,0,0,.06),
        inset 0 1px 0 rgba(255,255,255,.7);
}

/* Anasayfa hero üstünde — daha şeffaf liquid (slider görünsün) */
body.is-home .baysal-mainbar__inner {
    background: rgba(255,255,255,.18);
    box-shadow:
        0 12px 40px rgba(0,0,0,.22),
        0 0 0 1px rgba(255,255,255,.18),
        inset 0 1px 0 rgba(255,255,255,.28);
}
body.is-home .baysal-mainbar.is-scrolled .baysal-mainbar__inner {
    background: rgba(255,255,255,.92);
    box-shadow:
        0 12px 40px rgba(0,0,0,.18),
        0 1px 2px rgba(0,0,0,.06),
        inset 0 1px 0 rgba(255,255,255,.7);
}

/* Pill'i biraz daha aşağıda konumlandır — ferah üst boşluk */
.baysal-mainbar { padding: 28px 0 !important; }
.baysal-mainbar.is-scrolled { padding: 9px 0 !important; }

/* Logo */
.baysal-mainbar__logo {
    display: flex; align-items: center;
    flex-shrink: 0;
}
.baysal-mainbar__logo img {
    max-height: 52px;
    width: auto;
    transition: max-height .3s cubic-bezier(.4,0,.2,1);
}
.baysal-mainbar.is-scrolled .baysal-mainbar__logo img { max-height: 42px; }

/* Ana menü — minimalist + animated */
.baysal-mainbar__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}
.baysal-mainbar__menu > li {
    position: relative;
}
.baysal-mainbar__menu > li > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 16px;
    color: #2a3340;             /* beyaz pill üstünde koyu metin */
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .1px;
    text-transform: none;
    position: relative;
    border-radius: 999px;       /* hover/active için pill */
    transition: color .25s cubic-bezier(.4,0,.2,1),
                background .25s cubic-bezier(.4,0,.2,1);
    z-index: 1;
}
.baysal-mainbar__menu > li > a i {
    font-size: 9px;
    opacity: .5;
    margin-top: 1px;
    transition: transform .3s cubic-bezier(.4,0,.2,1);
}

/* Hover — yumuşak gri pill */
.baysal-mainbar__menu > li:hover > a {
    color: #14181d;
    background: rgba(20,24,29,.05);
}
.baysal-mainbar__menu > li:hover > a i { transform: rotate(180deg); opacity: .9; }

/* Active state — kırmızı pill arkaplan */
.baysal-mainbar__menu > li.is-active > a {
    color: #fff;
    background: linear-gradient(135deg, #C9302C 0%, #e63d39 100%);
    box-shadow: 0 4px 12px rgba(201,48,44,.32);
}
.baysal-mainbar__menu > li.is-active > a i { opacity: .85; }


/* Dropdown — beyaz liquid glass + koyu metin */
.baysal-dropdown {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    transform: translate(-50%, -8px);
    min-width: 230px;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(28px) saturate(180%);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 16px;
    list-style: none;
    margin: 0;
    padding: 8px;
    box-shadow:
        0 16px 48px rgba(0,0,0,.14),
        0 0 0 1px rgba(255,255,255,.6) inset;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s cubic-bezier(.4,0,.2,1),
                transform .25s cubic-bezier(.4,0,.2,1),
                visibility 0s .25s;
    z-index: 100;
}
/* Caret üçgeni */
.baysal-dropdown::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 12px; height: 12px;
    background: rgba(255,255,255,.92);
    border-top: 1px solid rgba(0,0,0,.05);
    border-left: 1px solid rgba(0,0,0,.05);
    transform: translateX(-50%) rotate(45deg);
}
.baysal-mainbar__menu > li.has-dropdown:hover .baysal-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    transition: opacity .25s cubic-bezier(.4,0,.2,1),
                transform .25s cubic-bezier(.4,0,.2,1),
                visibility 0s 0s;
}
.baysal-dropdown li a {
    display: flex;
    align-items: center;
    padding: 10px 14px;
    border-radius: 10px;
    color: #2a3340;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    transition: background .2s, color .2s, transform .2s;
}
.baysal-dropdown li a:hover {
    background: linear-gradient(90deg, rgba(201,48,44,.10), rgba(201,48,44,.03));
    color: var(--brand-1, #C9302C);
    transform: translateX(3px);
}
html[dir="rtl"] .baysal-dropdown li a:hover { transform: translateX(-3px); }
html[dir="rtl"] .baysal-dropdown { left: auto; right: 0; }
html[dir="rtl"] .baysal-dropdown li a:hover { padding-left: 20px; padding-right: 26px; }

/* CTA buton — pill rounded + animated lift */
.baysal-mainbar__actions {
    gap: 12px;
    flex-shrink: 0;
}
.baysal-mainbar__cta {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 12px 24px;
    background: linear-gradient(135deg, #C9302C 0%, #e63d39 100%);
    color: #fff;
    border: 0;
    border-radius: 999px;       /* pill */
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .3px;
    text-transform: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: transform .3s cubic-bezier(.4,0,.2,1),
                box-shadow .3s cubic-bezier(.4,0,.2,1);
    box-shadow: 0 6px 18px rgba(201,48,44,.32),
                0 0 0 1px rgba(255,255,255,.05) inset;
}
.baysal-mainbar__cta::before {
    /* shine sweep on hover */
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,.18) 50%, transparent 70%);
    transform: translateX(-100%);
    transition: transform .55s cubic-bezier(.4,0,.2,1);
}
.baysal-mainbar__cta:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(201,48,44,.45),
                0 0 0 1px rgba(255,255,255,.08) inset;
}
.baysal-mainbar__cta:hover::before { transform: translateX(100%); }
.baysal-mainbar__cta i {
    font-size: 14px;
    position: relative; z-index: 1;
    transition: transform .3s ease;
}
.baysal-mainbar__cta:hover i { transform: rotate(-8deg) scale(1.05); }
.baysal-mainbar__cta span { position: relative; z-index: 1; }

/* Hamburger — animated lines (X dönüşümlü, sayfa açıkken) */
.baysal-mainbar__burger {
    height: 40px;
    background: transparent;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 0 12px 0 14px;
    transition: background .25s;
}
.baysal-mainbar__burger:hover { background: rgba(20,24,29,.06); }
/* Hero üstünde (anasayfa, scroll yok) — şeffaf hover */
body.is-home .baysal-mainbar:not(.is-scrolled) .baysal-mainbar__burger:hover {
    background: rgba(255,255,255,.18);
}

/* "Menü" label — desktop'ta zaten burger görünmüyor; mobilde göster */
.baysal-mainbar__burger-label {
    display: none;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .3px;
    color: #14181d;
    text-transform: none;
    line-height: 1;
}
body.is-home .baysal-mainbar:not(.is-scrolled) .baysal-mainbar__burger-label { color: #fff; }

/* Çizgi konteyneri */
.baysal-mainbar__burger-lines {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 22px;
    gap: 5px;
}
.baysal-mainbar__burger-lines > span {
    display: block;
    height: 2px;
    background: #14181d;
    border-radius: 2px;
    transition: transform .3s cubic-bezier(.4,0,.2,1),
                opacity .25s,
                width .25s,
                background .25s;
    transform-origin: center;
}
body.is-home .baysal-mainbar:not(.is-scrolled) .baysal-mainbar__burger-lines > span { background: #fff; }

/* Asimetrik 3 çizgi */
.baysal-mainbar__burger-lines .l1 { width: 16px; align-self: flex-start; }
.baysal-mainbar__burger-lines .l2 { width: 22px; }
.baysal-mainbar__burger-lines .l3 { width: 14px; align-self: flex-end; }
.baysal-mainbar__burger:hover .baysal-mainbar__burger-lines .l1,
.baysal-mainbar__burger:hover .baysal-mainbar__burger-lines .l3 { width: 22px; align-self: center; }

/* Açık menü → X dönüşümü */
body.mobile-menu-open .baysal-mainbar__burger-lines .l1 {
    transform: translateY(7px) rotate(45deg);
    width: 22px; align-self: center;
}
body.mobile-menu-open .baysal-mainbar__burger-lines .l2 { opacity: 0; transform: scaleX(0); }
body.mobile-menu-open .baysal-mainbar__burger-lines .l3 {
    transform: translateY(-7px) rotate(-45deg);
    width: 22px; align-self: center;
}

/* Mobilde label görünür */
@media (max-width: 991px) {
    .baysal-mainbar__burger-label { display: inline-block; }
}
/* Çok dar ekran (≤360px) — label gizle, sadece çizgiler kalsın */
@media (max-width: 360px) {
    .baysal-mainbar__burger-label { display: none; }
    .baysal-mainbar__burger { padding: 0 10px; }
}

/* ---- Mobile slide-in panel ------------------------------------------ */
.baysal-mobile {
    position: fixed;
    inset: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: opacity .25s ease, visibility .25s ease;
}
.baysal-mobile.is-open {
    visibility: visible;
    opacity: 1;
}
.baysal-mobile__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.6);
    backdrop-filter: blur(2px);
}
.baysal-mobile__panel {
    position: absolute;
    top: 0; bottom: 0;
    left: 0;
    width: 320px;
    max-width: 90vw;
    background: #14181d;
    transform: translateX(-100%);
    transition: transform .3s ease;
    display: flex;
    flex-direction: column;
}
html[dir="rtl"] .baysal-mobile__panel { left: auto; right: 0; transform: translateX(100%); }
.baysal-mobile.is-open .baysal-mobile__panel { transform: translateX(0); }

.baysal-mobile__head {
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.baysal-mobile__logo img { max-height: 40px; }
.baysal-mobile__close {
    background: transparent;
    border: 0;
    color: #aab1ba;
    font-size: 22px;
    cursor: pointer;
    padding: 4px 10px;
}
.baysal-mobile__close:hover { color: #fff; }

.baysal-mobile__nav {
    flex: 1;
    overflow-y: auto;
    padding: 12px 0;
}
.baysal-mobile__nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.baysal-mobile__nav > ul > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 24px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.04);
}
.baysal-mobile__nav > ul > li > a i { font-size: 11px; opacity: .5; transition: transform .25s ease; }
.baysal-mobile__nav > ul > li.has-sub.is-open > a i { transform: rotate(90deg); }
.baysal-mobile__nav ul ul {
    background: #0e1115;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
}
.baysal-mobile__nav ul ul li a {
    display: block;
    padding: 11px 36px;
    color: #aab1ba;
    text-decoration: none;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,.04);
}
.baysal-mobile__nav ul ul li a:hover { color: #C9302C; }
.baysal-mobile__nav > ul > li.has-sub.is-open > ul { max-height: 320px; }

.baysal-mobile__foot {
    padding: 20px;
    border-top: 1px solid rgba(255,255,255,.08);
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.baysal-mobile__phone {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px;
    color: #fff;
    background: rgba(255,255,255,.05);
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
}
.baysal-mobile__phone i { color: #C9302C; }
.baysal-mobile__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px;
    background: #C9302C;
    color: #fff;
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}

/* ---- Anasayfa: slider header'ın altına çekiliyor (overlap) --------- */
body.is-home .arck-slider-section-1 {
    margin-top: -118px;  /* topbar 40 + mainbar 78 */
    padding-top: 118px;
}

/* =====================================================================
 *  HERO / BREADCRUMB SECTION — iç sayfalar için kurumsal başlık alanı
 *  Üç durum:
 *    .has-image   → cover var, üstüne karanlık overlay (her aydınlık görselde okunur)
 *    .no-image    → cover yok, kurumsal gradient + ince diagonal pattern banner
 *    .arck-breadcrumb-section-2 → eski Baysal stil korunur (geri uyumluluk)
 * ===================================================================== */

.baysal-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 160px 0 110px;
    min-height: 360px;
    display: flex;
    align-items: center;
    background-color: #14181d;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}
.baysal-hero > .container { width: 100%; }

/* Cover varsa: image üstüne yumuşak ila güçlü karanlık gradient overlay */
.baysal-hero.has-image::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0,0,0,.4) 0%, rgba(0,0,0,.65) 100%);
    z-index: 1;
}

/* Cover yoksa: kurumsal gradient + ince diagonal çizgi pattern + kırmızı vurgu */
.baysal-hero.no-image {
    background-image:
        radial-gradient(ellipse at top right, rgba(201,48,44,.18) 0%, transparent 60%),
        repeating-linear-gradient(135deg, transparent 0, transparent 40px, rgba(255,255,255,.018) 40px, rgba(255,255,255,.018) 41px),
        linear-gradient(135deg, #14181d 0%, #1f242c 100%);
}
.baysal-hero.no-image::before {
    /* Sol-altta brand glow */
    content: "";
    position: absolute;
    bottom: -120px;
    left: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(201,48,44,.16) 0%, transparent 70%);
    z-index: 1;
}
html[dir="rtl"] .baysal-hero.no-image::before { left: auto; right: -80px; }

/* İçerik overlay'in üstünde */
.baysal-hero > .container {
    position: relative;
    z-index: 2;
}

/* Başlık */
.baysal-hero h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin: 0 0 18px;
    letter-spacing: -.5px;
    text-shadow: 0 2px 12px rgba(0,0,0,.25);
}

/* Breadcrumb */
.baysal-hero .breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0;
}
.baysal-hero .breadcrumb-item {
    color: rgba(255,255,255,.75);
    font-size: 14px;
    font-weight: 500;
    text-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.baysal-hero .breadcrumb-item a {
    color: rgba(255,255,255,.85);
    text-decoration: none;
    transition: color .15s ease;
}
.baysal-hero .breadcrumb-item a:hover { color: #fff; }
.baysal-hero .breadcrumb-item.active { color: #fff; font-weight: 600; }
.baysal-hero .breadcrumb-item + .breadcrumb-item::before {
    content: "·";
    color: rgba(255,255,255,.45);
    padding: 0 10px;
}

/* Mobil/tablet — boy daha makul */
@media (max-width: 991px) {
    .baysal-hero { padding: 120px 0 70px; min-height: 280px; }
    .baysal-hero h1 { font-size: 36px; }
}
@media (max-width: 767px) {
    .baysal-hero { padding: 100px 0 60px; min-height: 220px; }
    .baysal-hero h1 { font-size: 28px; }
}

/* =====================================================================
 *  404 — Sayfa bulunamadı (kibar, marka tonunda yönlendirme)
 * ===================================================================== */
.baysal-hero--404 {
    text-align: center;
    padding: 200px 0 90px;
}
.baysal-404__eyebrow {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: var(--brand-1, #C9302C);
    background: rgba(201,48,44,.12);
    border: 1px solid rgba(201,48,44,.3);
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 18px;
}
.baysal-404__code {
    font-size: 132px;
    line-height: 1;
    font-weight: 900;
    margin: 0 0 18px;
    background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,.4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -4px;
}
.baysal-404__lead {
    max-width: 640px;
    margin: 0 auto 28px;
    font-size: 16px;
    line-height: 1.65;
    color: rgba(255,255,255,.78);
}
.baysal-404__path {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(0,0,0,.3);
    border: 1px solid rgba(255,255,255,.08);
    padding: 8px 16px;
    border-radius: 8px;
    margin-bottom: 32px;
    font-size: 13px;
    flex-wrap: wrap;
    justify-content: center;
}
.baysal-404__path-label {
    color: rgba(255,255,255,.5);
    font-weight: 500;
}
.baysal-404__path-url {
    color: #f0c14b;
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    font-size: 13px;
    word-break: break-all;
}
.baysal-404__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.baysal-404__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}
.baysal-404__cta:hover {
    background: rgba(255,255,255,.15);
    border-color: rgba(255,255,255,.25);
    color: #fff;
    transform: translateY(-1px);
}
.baysal-404__cta i {
    font-size: 13px;
    opacity: .85;
}
.baysal-404__cta--primary {
    background: var(--brand-1, #C9302C);
    border-color: var(--brand-1, #C9302C);
}
.baysal-404__cta--primary:hover {
    background: var(--brand-2, #a82622);
    border-color: var(--brand-2, #a82622);
}
.baysal-404__cta--phone {
    background: rgba(201,48,44,.18);
    border-color: rgba(201,48,44,.35);
}

/* Önerilen projeler bölümü */
.baysal-404__suggest {
    background: #f7f8fa;
}
.baysal-404__suggest-title {
    font-size: 28px;
    font-weight: 700;
    margin: 8px 0 6px;
}

@media (max-width: 767px) {
    .baysal-hero--404 { padding: 140px 0 60px; }
    .baysal-404__code { font-size: 88px; }
    .baysal-404__lead { font-size: 14px; }
    .baysal-404__cta { padding: 10px 16px; font-size: 13px; }
}

/* RTL header genel */
html[dir="rtl"] .baysal-mainbar__inner { flex-direction: row-reverse; }
html[dir="rtl"] .baysal-topbar__inner  { flex-direction: row-reverse; }

/* Mobil tepkisellik */
@media (max-width: 991px) {
    .baysal-mainbar__inner { min-height: 64px; }
    body.is-home .arck-slider-section-1 { margin-top: -102px; padding-top: 102px; }
}

/* ≤767px — topbar gizle, floating glass pill mobilde de tutarlı görünüm */
@media (max-width: 767px) {
    /* Topbar tamamen gizli — yer açmıyor (telefon = floating button, dil/sosyal = mobile menü) */
    .baysal-topbar { display: none; }

    /* Mainbar konteyner pad'i kompakt — pill biraz yukarıda */
    .baysal-mainbar { padding: 14px 0 !important; }
    .baysal-mainbar.is-scrolled { padding: 8px 0 !important; }

    /* Anasayfa hero üstünde mobilde de pill liquid glass — solid override kaldırıldı */
    body.is-home header.baysal-mainbar.arck-header-section.header-style-one {
        top: 0 !important;  /* topbar yok mobilde */
    }

    /* Pill kompakt: logo solda 14px nefes, sağda hamburger için 6px */
    .baysal-mainbar__inner {
        min-height: 56px;
        padding: 6px 6px 6px 18px;
        gap: 10px;
    }
    .baysal-mainbar__logo img { max-height: 38px; }

    /* CTA buton metni gizle, sadece ikon + sığ padding */
    .baysal-mainbar__cta {
        padding: 9px 12px;
        font-size: 11px;
        box-shadow: 0 2px 8px rgba(201,48,44,.25);
    }
    .baysal-mainbar__cta span { display: none; }
    .baysal-mainbar__cta i { font-size: 13px; }

    /* Hamburger label-li yapı: width auto (label genişlik kazandırır), height 38 */
    .baysal-mainbar__burger { height: 38px; padding: 0 12px 0 14px; }

    /* Slider overlap'i konteyner padding (14*2=28) + pill (56) = 84 */
    body.is-home .arck-slider-section-1 { margin-top: -84px; padding-top: 84px; }
}

/* ≤480px — çok dar ekran: CTA da gizle, sadece logo + hamburger */
@media (max-width: 480px) {
    .baysal-mainbar__cta { display: none !important; }
    .baysal-mainbar__actions { gap: 0; }
}

/* Mobile menu'ye sosyal medya satırı (topbar'dan taşıdık) */
.baysal-mobile__social {
    display: flex;
    justify-content: center;
    gap: 14px;
    padding: 16px 20px;
    border-top: 1px solid rgba(255,255,255,.08);
}
.baysal-mobile__social a {
    width: 38px; height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.15);
    color: #aab1ba;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    text-decoration: none;
    transition: all .2s ease;
}
.baysal-mobile__social a:hover {
    background: #C9302C;
    border-color: #C9302C;
    color: #fff;
}

/* =====================================================================
 *  FOOTER — Baysal İnşaat kurumsal alt bilgi
 * =====================================================================
 *  Renkler:
 *    --bg:    #14181d  (üst akut)
 *    --bg2:   #0e1115  (alt bar)
 *    --text:  #aab1ba  (body)
 *    --head:  #ffffff  (başlık)
 *    --acc:   #C9302C  (Baysal kırmızısı)
 * ===================================================================== */

.baysal-footer {
    background: #14181d;
    color: #aab1ba;
    font-size: 14px;
    line-height: 1.7;
    margin-top: 80px;
}

.baysal-footer a {
    color: #aab1ba;
    text-decoration: none;
    transition: color .2s ease;
}
.baysal-footer a:hover { color: #fff; }

/* Üst akut */
.baysal-footer__main {
    padding: 70px 0 50px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.baysal-footer__heading {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0 0 22px;
    padding-bottom: 14px;
    position: relative;
    text-transform: uppercase;
}
.baysal-footer__heading::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 32px; height: 2px;
    background: #C9302C;
}
html[dir="rtl"] .baysal-footer__heading::after { left: auto; right: 0; }

/* 1. Marka kolonu */
.baysal-footer__logo img {
    max-height: 56px;
    width: auto;
    margin-bottom: 18px;
    /* Logo orijinalinde koyu zemin için tasarlandı; gerekirse filter ile invert */
}
.baysal-footer__tagline {
    color: #aab1ba;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 22px;
    max-width: 320px;
}
.baysal-footer__since {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 10px 18px;
    background: rgba(201,48,44,.1);
    border-left: 3px solid #C9302C;
    border-radius: 2px;
}
html[dir="rtl"] .baysal-footer__since { border-left: 0; border-right: 3px solid #C9302C; }
.baysal-footer__since-year {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}
.baysal-footer__since-label {
    color: #aab1ba;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 2. Menü */
.baysal-footer__menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.baysal-footer__menu li { margin-bottom: 10px; }
.baysal-footer__menu a {
    position: relative;
    padding-left: 14px;
}
html[dir="rtl"] .baysal-footer__menu a { padding-left: 0; padding-right: 14px; }
.baysal-footer__menu a::before {
    content: "›";
    position: absolute;
    left: 0;
    color: #C9302C;
    font-weight: 700;
}
html[dir="rtl"] .baysal-footer__menu a::before { left: auto; right: 0; content: "‹"; }
.baysal-footer__menu a:hover { padding-left: 18px; }
html[dir="rtl"] .baysal-footer__menu a:hover { padding-left: 0; padding-right: 18px; }

/* 3. İletişim */
.baysal-footer__contact {
    list-style: none;
    padding: 0;
    margin: 0;
}
.baysal-footer__contact li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}
.baysal-footer__contact i {
    color: #C9302C;
    margin-top: 4px;
    width: 16px;
    text-align: center;
    flex-shrink: 0;
}

/* 4. Sosyal + güven */
.baysal-footer__social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 24px;
}
.baysal-footer__social-link {
    width: 40px; height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #aab1ba !important;
    font-size: 16px;
    transition: all .2s ease;
}
.baysal-footer__social-link:hover {
    background: #C9302C;
    border-color: #C9302C;
    color: #fff !important;
    transform: translateY(-2px);
}

.baysal-footer__cta-wa {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 18px;
    background: #25D366;
    color: #fff !important;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    transition: opacity .2s ease;
    margin-bottom: 20px;
}
.baysal-footer__cta-wa:hover { opacity: .9; color: #fff !important; }
.baysal-footer__cta-wa i { font-size: 18px; }

.baysal-footer__trust {
    border-top: 1px solid rgba(255,255,255,.08);
    padding-top: 16px;
}
.baysal-footer__trust-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #6c7480;
    margin-bottom: 4px;
}
.baysal-footer__trust strong {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

/* Alt bar */
.baysal-footer__bottom {
    background: #0e1115;
    padding: 18px 0;
    color: #6c7480;
    font-size: 13px;
}
.baysal-footer__bottom .gap-3 {
    gap: 16px !important;
}
.baysal-footer__copyright {
    color: #aab1ba;
    font-size: 13px;
}
.baysal-footer__credit {
    color: #6c7480;
    font-size: 13px;
}
.baysal-footer__credit a {
    color: #aab1ba;
    border-bottom: 1px dashed rgba(255,255,255,.2);
    padding-bottom: 1px;
}
.baysal-footer__credit a:hover {
    color: #C9302C;
    border-bottom-color: #C9302C;
}

/* Alt bar dil seçici */
.baysal-footer__lang {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #6c7480;
}
.baysal-footer__lang a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
}
.baysal-footer__lang a.is-active {
    background: rgba(201,48,44,.18);
    color: #fff;
}
.baysal-footer__lang a:hover { color: #fff; }
.baysal-footer__lang .sep { color: #2a2f37; }
.baysal-footer__lang .flag { font-size: 14px; }

/* Mobil */
@media (max-width: 767px) {
    .baysal-footer__main { padding: 50px 0 30px; }
    .baysal-footer__heading { margin-top: 16px; margin-bottom: 16px; }
    .baysal-footer__bottom .d-flex { justify-content: center !important; text-align: center; }
}