/* ============================================================
   GRAND SAPPHIRE BLU — Özel Stiller (gsb-custom.css)
   main.css'ten SONRA yüklenir. Tema orijinal karakteri korunur:
   saydam üst menü + kaydırınca koyu bar, altın (#CAA05C) 2. renk.
   ============================================================ */

/* ---------- 1. Fontlar ---------- */
@font-face {
    font-family: 'Marcellus';
    src: url('../fonts/Marcellus-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima-Regular.woff') format('woff');
    font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima-Medium.woff') format('woff');
    font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima-Bold.woff') format('woff');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Optima';
    src: url('../fonts/Optima-Italic.woff') format('woff');
    font-weight: 400; font-style: italic; font-display: swap;
}

/* Manrope — gövde/paragraf/açıklama fontu (latin + latin-ext = Türkçe destekli) */
@font-face { font-family:'Manrope'; font-style:normal; font-weight:300; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-300-normal.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:300; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-ext-300-normal.woff2') format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-400-normal.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-ext-400-normal.woff2') format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-500-normal.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-ext-500-normal.woff2') format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-600-normal.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-ext-600-normal.woff2') format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:700; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-700-normal.woff2') format('woff2');
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Manrope'; font-style:normal; font-weight:700; font-display:swap;
    src:url('../fonts/manrope/manrope-latin-ext-700-normal.woff2') format('woff2');
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }

/* ---------- 2. Marka renkleri ---------- */
:root {
    --gsb-navy:  #16406b;   /* BLU (lacivert) — marka birincil */
    --gsb-blue:  #2c66a8;   /* GRAND SAPPHIRE (mavi) */
    --gsb-light: #a9c7e8;   /* safir açık mavi */
    --gsb-gold:  #CAA05C;   /* ALTIN — tema 2. renk (geri getirildi) */
    --gsb-grey:  #8a8d90;
    --gsb-ink:   #1e2b38;
    --gsb-soft:  #f4f8fc;

    /* Tema accent rengi orijinal ALTIN'a geri döndürüldü */
    --tl-color-theme-primary: #CAA05C;
    --tl-ff-body: 'Manrope', 'Segoe UI', system-ui, sans-serif;   /* paragraf/açıklama fontu */
    --tl-ff-p: 'Manrope', 'Segoe UI', system-ui, sans-serif;
    --tl-ff-heading: 'Marcellus', serif;                          /* başlıklar */
}

body { font-family: var(--tl-ff-body); color: var(--gsb-ink); font-weight: 300; }
h1,h2,h3,h4,h5,h6,.section-title,.title { font-family: var(--tl-ff-heading); }
/* Paragraf / açıklama metinleri biraz daha light (Manrope 300) */
p, .about-content p, .slider-desc p, .slider-desc, .about-list li, .about-content li { font-weight: 300; }

/* Mouse imlecini takip eden nesne (tema özel imleci) kaldırıldı */
.mt-cursor, .mt-cursor-view { display: none !important; }

/* Metin seçimi ve kopyalamaya açıkça izin ver */
body, #antra-smooth-content, section, .container,
p, span, h1, h2, h3, h4, h5, h6, li, a, blockquote, td, th, strong, em, small {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
}

/* ============================================================
   3. ÜST MENÜ — SAYDAM (tema orijinali) + hafif gradyan (belirginlik)
      solda logo | ortada menü | sağda telefon + Bilgi Al
   ============================================================ */
.header.header-2 {
    position: absolute; top: 0; left: 0; width: 100%;
    z-index: 100; background-color: transparent;
}
/* Saydam bar + üstte hafif koyu gradyan (menü okunaklı olsun) */
.header.header-2 .primary-header {
    background: linear-gradient(180deg, rgba(0,0,0,0.45) 0%, rgba(0,0,0,0.14) 55%, rgba(0,0,0,0) 100%);
    transition: background .35s ease, box-shadow .35s ease;
}
/* Kaydırınca tema orijinali: koyu bar (#191919) */
.header.header-2 .primary-header.fixed {
    position: fixed; top: 0; left: 0; width: 100%; z-index: 100;
    background: var(--tl-color-heading-primary);
    box-shadow: 0 6px 24px rgba(0,0,0,0.18);
}

.header .primary-header-inner.gsb-header-inner {
    display: flex; align-items: center; justify-content: space-between;
    position: relative; gap: 20px; min-height: 112px; width: 100%;
}
.primary-header.fixed .primary-header-inner.gsb-header-inner { min-height: 82px; }

/* Logo (sol) */
.gsb-logo { display: inline-flex; align-items: center; }
.gsb-logo img {
    height: 92px; width: auto; display: block;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,0.28));
    transition: height .35s ease;
}
.primary-header.fixed .gsb-logo img { height: 66px; }

/* Menü (orta) — logo ile sağ blok arasını doldurup ortalar */
.gsb-nav { flex: 1 1 auto; display: flex; justify-content: center; min-width: 0; }
.gsb-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 32px; }
.gsb-nav ul li a {
    font-family: var(--tl-ff-heading); font-size: 17px; letter-spacing: .3px;
    color: #ffffff; text-shadow: 0 1px 6px rgba(0,0,0,0.35);
    position: relative; padding: 8px 0; transition: color .25s ease;
}
.gsb-nav ul li a::after {
    content: ""; position: absolute; left: 0; bottom: 0;
    width: 0; height: 2px; background: var(--gsb-gold); transition: width .28s ease;
}
.gsb-nav ul li a:hover,
.gsb-nav ul li.active a { color: var(--gsb-gold); }
.gsb-nav ul li a:hover::after,
.gsb-nav ul li.active a::after { width: 100%; }

/* Sağ blok: telefon + Bilgi Al */
.gsb-actions { display: inline-flex; align-items: center; gap: 22px; }
.gsb-phone {
    display: inline-flex; align-items: center; gap: 10px;
    color: #ffffff; font-family: var(--tl-ff-body); font-weight: 600; font-size: 18px;
    white-space: nowrap; text-shadow: 0 1px 6px rgba(0,0,0,0.35);
}
.gsb-phone .ic {
    width: 38px; height: 38px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.28);
    color: #fff; font-size: 15px; flex: 0 0 auto;
}
.gsb-phone span { line-height: 1.15; }
.gsb-phone small { display: block; font-size: 11px; color: rgba(255,255,255,0.75);
    font-family: var(--tl-ff-body); letter-spacing: .5px; text-transform: uppercase; }

/* Bilgi Al — ALTIN buton (2. renk vurgusu) */
.gsb-btn {
    display: inline-flex; align-items: center; gap: 9px;
    background: var(--gsb-gold); color: #1a1a1a;
    font-family: var(--tl-ff-heading); font-size: 16px; letter-spacing: .3px;
    padding: 13px 26px; border-radius: 40px; border: 1px solid var(--gsb-gold);
    transition: all .3s ease; white-space: nowrap;
}
.gsb-btn i { font-size: 14px; }
.gsb-btn:hover { background: #fff; color: #1a1a1a; border-color: #fff; }

/* Hamburger (mobil) */
.gsb-burger {
    display: none; width: 46px; height: 46px; border-radius: 10px;
    background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.3);
    color: #fff; font-size: 20px; cursor: pointer; align-items: center; justify-content: center;
}

/* Mobil açılır menü (koyu) */
.gsb-mobile-nav {
    display: none; position: absolute; top: 100%; left: 0; right: 0;
    background: #191919; border-top: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 20px 40px rgba(0,0,0,0.35); padding: 14px 24px 24px;
}
.gsb-mobile-nav.open { display: block; }
.gsb-mobile-nav ul { list-style: none; margin: 0 0 16px; padding: 0; }
.gsb-mobile-nav ul li a {
    display: block; padding: 13px 4px; font-family: var(--tl-ff-heading);
    font-size: 18px; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.08);
}
.gsb-mobile-nav ul li a:hover { color: var(--gsb-gold); }
.gsb-mobile-nav .gsb-mobile-actions { display: flex; flex-direction: column; gap: 12px; }
.gsb-mobile-nav .gsb-phone { font-size: 17px; }
.gsb-mobile-nav .gsb-btn { justify-content: center; }

@media (max-width: 1199px) {
    /* 8 menü öğesi + logo + aksiyonlar dar masaüstünde (992-1199) tek satırda kalsın */
    .header .primary-header-inner.gsb-header-inner { gap: 12px; flex-wrap: nowrap; }
    .gsb-nav ul { gap: 11px; }
    .gsb-nav ul li a { font-size: 15px; white-space: nowrap; letter-spacing: .2px; }
    .gsb-actions { gap: 12px; }
    .gsb-phone small { display: none; }
}
@media (max-width: 1079px) {
    /* daha dar masaüstünde menüyü biraz daha sıkıştır (8 öğe taşmasın) */
    .header .primary-header-inner.gsb-header-inner { gap: 10px; }
    .gsb-nav ul { gap: 8px; }
    .gsb-nav ul li a { font-size: 14px; letter-spacing: 0; }
    .gsb-actions { gap: 10px; }
}
@media (max-width: 991px) {
    .header .primary-header-inner.gsb-header-inner { min-height: 76px; }
    .gsb-nav, .gsb-actions { display: none; }
    .gsb-burger { display: inline-flex; }
    .gsb-logo img { height: 64px; }
}

/* ============================================================
   4. SLIDER — TAM EKRAN (fullscreen)
   ============================================================ */
.slider-section,
.slider-section .antra-slider,
.slider-section .swiper-slide,
.slider-section .slider-item {
    height: 100vh !important;
    min-height: 560px;
}
.slider-section .slider-item { display: flex; align-items: center; }
.slider-section .bg-img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    background-size: cover; background-position: center center;
}
.slider-section .slider-content-wrap { width: 100%; }

/* ============================================================
   5. HIZLI ÖNE ÇIKANLAR — 6 ayrı kutu (ince border, şemadaki gibi)
      ikon üstte + başlık altta, ortalı
   ============================================================ */
.gsb-highlights { width: 100%; background: #ffffff; padding: 54px 0; }
.gsb-highlights-grid {
    display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px;
}
.gsb-hl {
    border: 1px solid #e3e9f1; border-radius: 12px; background: #fff;
    padding: 34px 16px 30px; text-align: center;
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
.gsb-hl:hover {
    border-color: var(--gsb-gold);
    box-shadow: 0 14px 32px rgba(22,64,107,0.10);
    transform: translateY(-4px);
}
.gsb-hl .gsb-hl-icon {
    width: 72px; height: 72px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: var(--gsb-soft); color: var(--gsb-navy); font-size: 29px;
    margin-bottom: 20px; transition: all .3s ease;
}
.gsb-hl:hover .gsb-hl-icon { background: var(--gsb-navy); color: #fff; }
.gsb-hl .gsb-hl-title {
    font-family: var(--tl-ff-heading); font-size: 18px; line-height: 1.35;
    color: var(--gsb-navy); margin: 0;
}

@media (max-width: 1199px) { .gsb-hl { padding: 28px 12px; } .gsb-hl .gsb-hl-title { font-size: 16px; } }
@media (max-width: 991px) {
    .gsb-highlights-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 575px) {
    .gsb-highlights-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .gsb-hl { padding: 24px 10px; }
    .gsb-hl .gsb-hl-icon { width: 60px; height: 60px; font-size: 24px; margin-bottom: 14px; }
    .gsb-hl .gsb-hl-title { font-size: 15px; }
}

/* ============================================================
   6. 7 YILDIZLI OLANAKLAR — solda konsept görseli + sağda 2x2 kart
   ============================================================ */
.gsb-amenities { padding: 100px 0; background: #ffffff; }
.gsb-am-head { text-align: center; margin-bottom: 46px; }
.gsb-am-overline {
    display: inline-block; font-family: var(--tl-ff-body); font-weight: 600;
    letter-spacing: 3px; text-transform: uppercase; font-size: 13px;
    color: var(--gsb-gold); margin-bottom: 12px;
}
.gsb-am-title { font-family: var(--tl-ff-heading); font-size: 44px; line-height: 1.1; color: var(--gsb-navy); margin: 0; }

.gsb-am-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: stretch; }
.gsb-am-cards { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 260px 260px; gap: 24px; }

.gsb-am-concept, .gsb-am-card {
    position: relative; display: block; overflow: hidden;
    border-radius: 16px; min-height: 260px;
}
.gsb-am-concept { min-height: 544px; }   /* 2 satır (260) + gap (24) */
.gsb-am-concept img, .gsb-am-card img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; transition: transform .7s ease;
}
.gsb-am-concept:hover img, .gsb-am-card:hover img { transform: scale(1.06); }
.gsb-am-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(to top, rgba(9,26,43,0.90) 0%, rgba(9,26,43,0.30) 44%, rgba(9,26,43,0) 70%);
}
.gsb-am-label { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 26px 26px 24px; }
.gsb-am-label h3 { font-family: var(--tl-ff-heading); color: #ffffff; margin: 0 0 4px; font-size: 21px; line-height: 1.15; }
.gsb-am-concept .gsb-am-label h3 { font-size: 26px; }
.gsb-am-label p { font-family: var(--tl-ff-body); color: #e6c489; margin: 0; font-size: 13.5px; font-weight: 300; letter-spacing: .4px; }

@media (max-width: 991px) {
    .gsb-amenities { padding: 74px 0; }
    .gsb-am-title { font-size: 34px; }
    .gsb-am-grid { grid-template-columns: 1fr; }
    .gsb-am-concept { min-height: 320px; }
    .gsb-am-cards { grid-template-rows: 220px 220px; }
}
@media (max-width: 575px) {
    .gsb-am-cards { grid-template-columns: 1fr; grid-template-rows: repeat(4, 200px); }
    .gsb-am-concept { min-height: 260px; }
}

/* ============================================================
   7. DAİRE TİPLERİ — 4 kart (kat planı + tip + oda dağılımı + Planı İncele)
   ============================================================ */
.gsb-units { padding: 100px 0; background: var(--gsb-soft); }
.gsb-units-intro {
    max-width: 720px; margin: 14px auto 0;
    font-family: var(--tl-ff-body); font-weight: 300; font-size: 16px;
    line-height: 1.7; color: var(--gsb-ink);
}
.gsb-units-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 44px; }
.gsb-unit {
    background: #fff; border: 1px solid #e3e9f1; border-radius: 16px; overflow: hidden;
    transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}
.gsb-unit:hover { box-shadow: 0 16px 36px rgba(22,64,107,0.10); transform: translateY(-4px); border-color: var(--gsb-gold); }
.gsb-unit.is-featured { border-color: var(--gsb-gold); box-shadow: 0 10px 28px rgba(202,160,92,0.16); }
.gsb-unit-plan { display: block; position: relative; overflow: hidden; }
.gsb-unit-plan img { width: 100%; height: 230px; object-fit: cover; display: block; transition: transform .6s ease; }
.gsb-unit:hover .gsb-unit-plan img { transform: scale(1.05); }
.gsb-unit-badge {
    position: absolute; top: 14px; left: 14px; z-index: 2;
    background: var(--gsb-gold); color: #1a1a1a;
    font-family: var(--tl-ff-body); font-weight: 600; font-size: 11px;
    letter-spacing: .5px; text-transform: uppercase;
    padding: 5px 12px; border-radius: 20px;
}
.gsb-unit-plan::after {
    content: "\f00e"; font-family: "Font Awesome 6 Free"; font-weight: 900;
    position: absolute; top: 14px; right: 14px;
    width: 34px; height: 34px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(22,64,107,0.85); color: #fff; font-size: 13px;
    opacity: 0; transition: opacity .3s ease;
}
.gsb-unit:hover .gsb-unit-plan::after { opacity: 1; }
.gsb-unit-body { padding: 22px 22px 26px; text-align: center; border-top: 1px solid #eef3f8; }
.gsb-unit-body h3 { font-family: var(--tl-ff-heading); font-size: 32px; color: var(--gsb-navy); margin: 0 0 6px; line-height: 1; }
.gsb-unit-body p { font-family: var(--tl-ff-body); font-weight: 300; color: var(--gsb-grey); font-size: 14px; margin: 0 0 18px; }
.gsb-unit-btn {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: var(--tl-ff-heading); font-size: 15px; color: var(--gsb-navy);
    border: 1px solid var(--gsb-navy); padding: 9px 22px; border-radius: 30px;
    transition: all .3s ease;
}
.gsb-unit-btn i { font-size: 12px; }
.gsb-unit-btn:hover { background: var(--gsb-navy); color: #fff; }

@media (max-width: 991px) {
    .gsb-units { padding: 74px 0; }
    .gsb-units-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .gsb-units-grid { grid-template-columns: 1fr; max-width: 360px; margin-left: auto; margin-right: auto; }
}

/* ============================================================
   8. YATIRIM AVANTAJLARI — solda 4 avantaj + sağda görsel (lacivert zemin)
   ============================================================ */
.gsb-invest { padding: 104px 0; background: #102c44; overflow: hidden; }
.gsb-invest-row { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 56px; align-items: center; }
.gsb-invest .gsb-am-overline { color: var(--gsb-gold); }
.gsb-invest-title {
    font-family: var(--tl-ff-heading); color: #ffffff;
    font-size: 42px; line-height: 1.12; margin: 8px 0 18px;
}
.gsb-invest-title span { color: var(--gsb-gold); }
.gsb-invest-intro {
    font-family: var(--tl-ff-body); font-weight: 300; font-size: 16px; line-height: 1.75;
    color: rgba(255,255,255,0.80); margin: 0 0 36px; max-width: 620px;
}
.gsb-invest-list { display: grid; gap: 26px; }
.gsb-invest-item { display: flex; gap: 18px; align-items: flex-start; }
.gsb-invest-icon {
    flex: 0 0 auto; width: 56px; height: 56px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(202,160,92,0.14); border: 1px solid rgba(202,160,92,0.32);
    color: var(--gsb-gold); font-size: 21px;
}
.gsb-invest-text h3 { font-family: var(--tl-ff-heading); color: #ffffff; font-size: 21px; line-height: 1.2; margin: 4px 0 6px; }
.gsb-invest-text p { font-family: var(--tl-ff-body); font-weight: 300; color: rgba(255,255,255,0.72); font-size: 14.5px; line-height: 1.65; margin: 0; }
.gsb-invest-media img {
    width: 100%; height: auto; display: block; border-radius: 18px;
    box-shadow: 0 30px 60px rgba(0,0,0,0.38);
}

@media (max-width: 991px) {
    .gsb-invest { padding: 74px 0; }
    .gsb-invest-row { grid-template-columns: 1fr; gap: 38px; }
    .gsb-invest-title { font-size: 32px; }
    .gsb-invest-media { max-width: 560px; }
}

/* ============================================================
   9. KONUM / BÖLGE AVANTAJI — solda başlık + mesafeler, sağda harita
   ============================================================ */
.gsb-location { padding: 100px 0; background: #ffffff; }
.gsb-loc-row { display: grid; grid-template-columns: 1.1fr 1fr; gap: 50px; align-items: center; }
.gsb-loc-map { order: 1; }       /* harita solda */
.gsb-loc-content { order: 2; }   /* içerik sağda */
.gsb-loc-title { font-family: var(--tl-ff-heading); font-size: 42px; color: var(--gsb-navy); line-height: 1.12; margin: 8px 0 16px; }
.gsb-loc-title span { color: var(--gsb-gold); }
.gsb-loc-intro { font-family: var(--tl-ff-body); font-weight: 300; font-size: 16px; line-height: 1.7; color: var(--gsb-ink); margin: 0 0 26px; max-width: 520px; }
.gsb-loc-list { list-style: none; margin: 0 0 30px; padding: 0; }
.gsb-loc-list li { display: flex; align-items: center; gap: 14px; padding: 13px 2px; border-bottom: 1px solid #eef3f8; }
.gsb-loc-list li:first-child { border-top: 1px solid #eef3f8; }
.gsb-loc-list .ic {
    width: 42px; height: 42px; border-radius: 50%; flex: 0 0 auto;
    background: var(--gsb-soft); color: var(--gsb-navy);
    display: flex; align-items: center; justify-content: center; font-size: 16px;
}
.gsb-loc-list .place { font-family: var(--tl-ff-heading); font-size: 17px; color: var(--gsb-ink); flex: 1; }
.gsb-loc-list .time {
    font-family: var(--tl-ff-heading); font-size: 15px; color: #9a7736;
    background: rgba(202,160,92,0.14); padding: 5px 15px; border-radius: 20px;
}
.gsb-loc-btn {
    display: inline-flex; align-items: center; gap: 9px;
    background: var(--gsb-gold); color: #1a1a1a;
    font-family: var(--tl-ff-heading); font-size: 16px;
    padding: 13px 28px; border-radius: 40px; border: 1px solid var(--gsb-gold);
    transition: all .3s ease;
}
.gsb-loc-btn:hover { background: var(--gsb-navy); color: #fff; border-color: var(--gsb-navy); }
.gsb-loc-map iframe {
    width: 100%; height: 470px; border: 0; border-radius: 18px; display: block;
    box-shadow: 0 24px 50px rgba(22,64,107,0.12);
}

@media (max-width: 991px) {
    .gsb-location { padding: 74px 0; }
    .gsb-loc-row { grid-template-columns: 1fr; gap: 36px; }
    .gsb-loc-content { order: 1; }   /* mobilde içerik üstte */
    .gsb-loc-map { order: 2; }       /* harita altta */
    .gsb-loc-title { font-size: 32px; }
    .gsb-loc-map iframe { height: 360px; }
}

/* ============================================================
   10. GALERİ / GÖRSEL DENEYİM — 360° + video + carousel
   ============================================================ */
.gsb-galeri { position: relative; padding-top: 80px; padding-bottom: 80px; }
.gsb-galeri .bg-img { position: absolute; inset: 0; background-size: cover; background-position: center; z-index: 0; }
.gsb-galeri-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(90deg, rgba(9,26,43,0.86) 0%, rgba(9,26,43,0.62) 45%, rgba(9,26,43,0.42) 100%);
}
.gsb-galeri > .container { position: relative; z-index: 2; }

/* Başlık — diğer bölümlerle aynı büyük ölçek (koyu zemin → beyaz) */
.gsb-galeri-title { font-family: var(--tl-ff-heading); font-size: 44px; line-height: 1.14; color: #fff; margin: 0 0 22px; }

/* Sol: 360° görsel + rozet ("360°" yazısı yerine görsel) */
.gsb-360-media { display: block; position: relative; border-radius: 16px; overflow: hidden; margin: 8px 0 22px; }
.gsb-360-media img { width: 100%; height: 210px; object-fit: cover; display: block; transition: transform .6s ease; }
.gsb-360-media::before { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(9,26,43,0.38); transition: background .3s ease; }
.gsb-360-media:hover img { transform: scale(1.06); }
.gsb-360-media:hover::before { background: rgba(9,26,43,0.22); }
.gsb-360-badge {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 2;
    display: inline-flex; align-items: center; gap: 9px;
    background: rgba(202,160,92,0.96); color: #1a1a1a;
    font-family: var(--tl-ff-heading); font-size: 16px; letter-spacing: .3px;
    padding: 11px 22px; border-radius: 40px; box-shadow: 0 8px 22px rgba(0,0,0,0.30);
    transition: transform .3s ease; white-space: nowrap;
}
.gsb-360-media:hover .gsb-360-badge { transform: translate(-50%,-50%) scale(1.06); }
.gsb-galeri .gallary-left-content p { color: rgba(255,255,255,0.82); font-weight: 300; margin-bottom: 26px; }
.gsb-360-btn { margin-top: 4px; }

/* Carousel kartları */
.gsb-gal-item { position: relative; border-radius: 14px; overflow: hidden; }
.gsb-gal-item a { display: block; position: relative; }
.gsb-gal-item img { width: 100%; height: 300px; object-fit: cover; display: block; transition: transform .6s ease; }
.gsb-gal-item:hover img { transform: scale(1.05); }
.gsb-video-item .gsb-play {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
    width: 72px; height: 72px; border-radius: 50%;
    background: rgba(255,255,255,0.92); color: var(--gsb-navy);
    display: flex; align-items: center; justify-content: center; font-size: 24px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.30); transition: all .3s ease;
}
.gsb-video-item .gsb-play i { color: #FF0000; font-size: 34px; }
.gsb-video-item:hover .gsb-play { transform: translate(-50%,-50%) scale(1.08); }

/* Tüm Galeriyi İncele + oklar — carousel altı, sağa hizalı tek satır */
.gsb-carousel-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 18px; margin-top: 34px; position: relative; z-index: 2; }
.gsb-carousel-bottom .swiper-arrow { margin-top: 0; }

@media (max-width: 991px) {
    .gsb-galeri { padding-top: 60px; padding-bottom: 60px; }
    .gsb-galeri-title { font-size: 34px; }
    .gsb-360-media img { height: 170px; }
    .gsb-gal-item img { height: 240px; }
    .gsb-galeri .gallary-left-content { margin-bottom: 34px; }
}

/* ============================================================
   11. GALERİ LIGHTBOX (özel — video + görseller)
   ============================================================ */
.gsb-lightbox { position: fixed; inset: 0; z-index: 99999; display: none; align-items: center; justify-content: center; }
.gsb-lightbox.open { display: flex; }
.gsb-lb-backdrop { position: absolute; inset: 0; background: rgba(8,18,30,0.93); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.gsb-lb-stage { position: relative; z-index: 2; width: min(92vw, 1120px); max-height: 86vh; }
.gsb-lb-content { position: relative; width: 100%; display: flex; align-items: center; justify-content: center; }
.gsb-lb-content img { width: 100%; max-height: 86vh; object-fit: contain; border-radius: 8px; display: block; }
.gsb-lb-video { position: relative; width: 100%; padding-top: 56.25%; }
.gsb-lb-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 8px; }
.gsb-lb-close, .gsb-lb-prev, .gsb-lb-next {
    position: absolute; z-index: 3; cursor: pointer;
    width: 48px; height: 48px; border-radius: 50%;
    background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.28); color: #fff;
    display: flex; align-items: center; justify-content: center; font-size: 18px;
    transition: all .2s ease;
}
.gsb-lb-close:hover, .gsb-lb-prev:hover, .gsb-lb-next:hover { background: var(--gsb-gold); color: #1a1a1a; border-color: var(--gsb-gold); }
.gsb-lb-close { top: 22px; right: 22px; }
.gsb-lb-prev { top: 50%; left: 22px; transform: translateY(-50%); }
.gsb-lb-next { top: 50%; right: 22px; transform: translateY(-50%); }
.gsb-lb-prev[hidden], .gsb-lb-next[hidden] { display: none; }
body.gsb-lb-active { overflow: hidden; }
@media (max-width: 575px) {
    .gsb-lb-close { top: 14px; right: 14px; width: 42px; height: 42px; }
    .gsb-lb-prev, .gsb-lb-next { width: 42px; height: 42px; }
    .gsb-lb-prev { left: 8px; } .gsb-lb-next { right: 8px; }
}

/* ============================================================
   12. FOOTER — sade, koyu gradyan zemin (görsel yok)
   ============================================================ */
.gsb-footer {
    background: linear-gradient(180deg, #16406b 0%, #102f4c 48%, #0a1f33 100%);
    color: #fff; overflow: hidden;
}
.gsb-footer-main { text-align: center; padding: 74px 0 42px; }
.gsb-footer-logo { display: inline-block; }
.gsb-footer-logo img { height: 66px; width: auto; }
.gsb-footer-tagline {
    font-family: var(--tl-ff-body); font-weight: 300; color: rgba(255,255,255,.72);
    font-size: 15.5px; line-height: 1.75; max-width: 540px; margin: 22px auto 0;
}
/* Yatay menü — üstte/altta ince çizgi ile çerçevelenmiş */
.gsb-footer-nav {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
    gap: 10px 32px; margin: 36px 0 32px; padding: 28px 0;
    border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1);
}
.gsb-footer-nav a {
    font-family: var(--tl-ff-heading); color: #fff; font-size: 17px; letter-spacing: .3px;
    transition: color .25s ease;
}
.gsb-footer-nav a:hover { color: var(--gsb-gold); }
/* İletişim satırı */
.gsb-footer-contact {
    display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
    gap: 14px 24px; margin-bottom: 26px;
}
.gsb-footer-contact a {
    font-family: var(--tl-ff-body); font-weight: 300; color: #fff; font-size: 15.5px;
    display: inline-flex; align-items: center; gap: 9px; transition: color .25s ease;
}
.gsb-footer-contact a i { color: var(--gsb-gold); font-size: 14px; }
.gsb-footer-contact a:hover { color: var(--gsb-gold); }
.gsb-footer-sep { width: 1px; height: 15px; background: rgba(255,255,255,.22); }
/* Sosyal ikonlar */
.gsb-footer-social { display: flex; align-items: center; justify-content: center; gap: 12px; list-style: none; margin: 0; padding: 0; }
.gsb-footer-social a {
    width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); color: #fff; font-size: 15px;
    transition: all .25s ease;
}
.gsb-footer-social a:hover { background: var(--gsb-gold); border-color: var(--gsb-gold); color: #12283f; transform: translateY(-2px); }
/* Telif çubuğu */
.gsb-footer-bottom { border-top: 1px solid rgba(255,255,255,.1); padding: 22px 0; text-align: center; }
.gsb-footer-bottom p { margin: 0; font-family: var(--tl-ff-body); font-weight: 300; font-size: 14px; color: rgba(255,255,255,.6); }
.gsb-footer-bottom p span { color: var(--gsb-gold); }

@media (max-width: 767px) {
    .gsb-footer-main { padding: 52px 0 30px; }
    .gsb-footer-logo img { height: 54px; }
    .gsb-footer-tagline { font-size: 14.5px; }
    .gsb-footer-nav { gap: 10px 18px; padding: 22px 0; margin: 26px 0 22px; }
    .gsb-footer-nav a { font-size: 15.5px; }
    .gsb-footer-contact { flex-direction: column; gap: 12px; }
    .gsb-footer-sep { display: none; }
}

/* ============================================================
   13. İLETİŞİM / BİLGİ AL — yatay form bölümü (#iletisim)
   ============================================================ */
.gsb-contact { background: var(--gsb-soft); padding: 100px 0; scroll-margin-top: 100px; }
.gsb-contact-card {
    display: flex; align-items: stretch;
    background: #fff; border-radius: 18px; overflow: hidden;
    box-shadow: 0 30px 70px -30px rgba(16,44,68,.35);
}

/* Sol bilgi paneli */
.gsb-contact-info {
    flex: 0 0 33%; max-width: 380px; position: relative; overflow: hidden;
    padding: 60px 44px; color: #fff;
    background: linear-gradient(155deg, #16406b 0%, #102c44 100%);
}

/* Orta: temsili müşteri temsilcisi görseli (tüm sütunu kaplar) */
.gsb-contact-visual {
    flex: 0 0 260px; position: relative; overflow: hidden;
    background: linear-gradient(160deg, #1b4a78 0%, #102c44 100%);
    display: flex; align-items: center; justify-content: center;
}
.gsb-contact-visual .gsb-visual-img {
    position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: 40% center; z-index: 1;
}
.gsb-visual-ph { text-align: center; color: rgba(255,255,255,.55); position: relative; z-index: 0; padding: 20px; }
.gsb-visual-ph i { display: block; font-size: 46px; color: var(--gsb-gold); opacity: .55; margin-bottom: 14px; }
.gsb-visual-ph span { font-family: var(--tl-ff-body); font-weight: 500; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1.5; }
.gsb-contact-info::before {
    content: ""; position: absolute; inset: 0;
    background: url('../img/galeri/havuz.webp') center/cover no-repeat;
    opacity: .12; mix-blend-mode: luminosity; pointer-events: none;
}
.gsb-contact-info::after {
    content: ""; position: absolute; right: -80px; top: -80px; width: 260px; height: 260px;
    background: radial-gradient(circle, rgba(202,160,92,.28) 0%, rgba(202,160,92,0) 70%);
    pointer-events: none;
}
.gsb-contact-info > * { position: relative; z-index: 1; }
.gsb-contact-overline {
    display: inline-block; color: var(--gsb-gold);
    font-family: var(--tl-ff-body); font-weight: 600; font-size: 13px;
    letter-spacing: 2px; text-transform: uppercase; margin-bottom: 16px;
}
.gsb-contact-overline::before {
    content: ""; display: inline-block; width: 26px; height: 1px;
    background: var(--gsb-gold); vertical-align: middle; margin-right: 10px;
}
.gsb-contact-title {
    font-family: var(--tl-ff-heading); color: #fff;
    font-size: 34px; line-height: 1.2; font-weight: 400; margin: 0 0 18px;
}
.gsb-contact-title span { color: var(--gsb-gold); }
.gsb-contact-lead {
    font-family: var(--tl-ff-body); font-weight: 300;
    color: rgba(255,255,255,.82); font-size: 15px; line-height: 1.75; margin: 0 0 34px;
}
.gsb-contact-items { list-style: none; margin: 0; padding: 0; }
.gsb-contact-items li { display: flex; align-items: center; gap: 14px; }
.gsb-contact-items li:not(:last-child) { margin-bottom: 18px; }
.gsb-contact-items .ic {
    flex: 0 0 42px; width: 42px; height: 42px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background: rgba(202,160,92,.14); color: var(--gsb-gold); font-size: 15px;
    border: 1px solid rgba(202,160,92,.35);
}
.gsb-contact-items a, .gsb-contact-items li > span:not(.ic) {
    font-family: var(--tl-ff-body); font-weight: 300; color: #fff; font-size: 15.5px;
}
.gsb-contact-items a:hover { color: var(--gsb-gold); }

/* Sağ form paneli */
.gsb-contact-form-wrap { flex: 1; min-width: 0; padding: 52px 44px; background: #fff; }
.gsb-contact-form { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 26px; }
.gsb-field { display: flex; flex-direction: column; }
.gsb-field-full { grid-column: 1 / -1; }
.gsb-field label {
    font-family: var(--tl-ff-body); font-weight: 500; font-size: 13px;
    color: var(--gsb-navy); letter-spacing: .3px; margin-bottom: 8px;
}
.gsb-field label small { color: #9aa7b5; font-weight: 400; }
.gsb-contact-form input,
.gsb-contact-form textarea,
.gsb-contact-form .nice-select {
    width: 100%; font-family: var(--tl-ff-body); font-weight: 300; font-size: 15px;
    color: var(--gsb-ink); background: #fbfcfe;
    border: 1px solid #dde5ef; border-radius: 9px; padding: 13px 16px;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.gsb-contact-form input::placeholder,
.gsb-contact-form textarea::placeholder { color: #9aa7b5; }
.gsb-contact-form input:focus,
.gsb-contact-form textarea:focus,
.gsb-contact-form .nice-select.open,
.gsb-contact-form .nice-select:focus {
    outline: none; border-color: var(--gsb-gold); background: #fff;
    box-shadow: 0 0 0 3px rgba(202,160,92,.14);
}
.gsb-contact-form textarea { resize: vertical; min-height: 58px; line-height: 1.6; }

/* niceSelect override (tema tüm select'leri niceSelect'e çeviriyor) */
.gsb-contact-form .nice-select {
    float: none; height: auto; min-height: 50px; line-height: 24px;
    display: flex; align-items: center; padding-right: 40px;
}
.gsb-contact-form .nice-select::after {
    border-color: var(--gsb-navy); right: 18px; width: 7px; height: 7px; margin-top: -5px;
}
.gsb-contact-form .nice-select .current { color: var(--gsb-ink); }
.gsb-contact-form .nice-select .list { width: 100%; border-radius: 9px; margin-top: 6px; box-shadow: 0 16px 40px -14px rgba(16,44,68,.4); }
.gsb-contact-form .nice-select .option { font-family: var(--tl-ff-body); font-size: 14.5px; }
.gsb-contact-form .nice-select .option.selected { font-weight: 600; color: var(--gsb-navy); }
.gsb-contact-form .nice-select .option:hover,
.gsb-contact-form .nice-select .option.focus { background: var(--gsb-soft); }

/* Alt satır: KVKK + buton */
.gsb-form-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-top: 4px; }
.gsb-check { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; max-width: 60%; }
.gsb-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--gsb-gold); flex: 0 0 auto; }
.gsb-check span { font-family: var(--tl-ff-body); font-weight: 300; font-size: 13px; color: #6a7887; line-height: 1.5; }
.gsb-submit {
    display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
    font-family: var(--tl-ff-heading); font-size: 16px; letter-spacing: .3px;
    color: #1a1a1a; background: var(--gsb-gold); border: 1px solid var(--gsb-gold);
    padding: 14px 34px; border-radius: 40px; transition: all .25s ease; white-space: nowrap;
}
.gsb-submit i { transition: transform .25s ease; }
.gsb-submit:hover { background: var(--gsb-navy); border-color: var(--gsb-navy); color: #fff; }
.gsb-submit:hover i { transform: translateX(4px); }

/* Bildirim notu */
.gsb-form-note { grid-column: 1 / -1; margin: 6px 0 0; padding: 12px 16px; border-radius: 9px; font-family: var(--tl-ff-body); font-weight: 400; font-size: 14px; }
.gsb-form-note.is-ok  { background: #eaf7ef; color: #1c7a45; border: 1px solid #bfe6cd; }
.gsb-form-note.is-err { background: #fdeeee; color: #b53b3b; border: 1px solid #f3c9c9; }

/* Responsive */
@media (max-width: 991px) {
    .gsb-contact { padding: 70px 0; }
    .gsb-contact-card { flex-direction: column; }
    .gsb-contact-info { flex: none; max-width: none; padding: 46px 40px; }
    .gsb-contact-visual { flex: none; height: 340px; }
    .gsb-contact-form-wrap { padding: 44px 40px; }
    .gsb-contact-title { font-size: 30px; }
}
@media (max-width: 575px) {
    .gsb-contact { padding: 54px 0; }
    .gsb-contact-info { padding: 38px 26px; }
    .gsb-contact-visual { height: 260px; }
    .gsb-contact-form-wrap { padding: 34px 26px; }
    .gsb-contact-form { grid-template-columns: 1fr; gap: 18px; }
    .gsb-form-bottom { flex-direction: column; align-items: stretch; }
    .gsb-check { max-width: none; }
    .gsb-submit { justify-content: center; }
}

/* ============================================================
   03. PROJEYE GENEL BAKIŞ (about-section #proje) — ince ayar
   ============================================================ */
.about-section { padding: 80px 0; }                 /* üst/alt boşluk 80 (tema 75) */
.about-img { height: 720px; }                        /* görsel yüksekliği %90 (tema 800px) */
@media (max-width: 991px) { .about-img { height: 540px; } }  /* %90 (tema 600) */
@media (max-width: 767px) { .about-img { height: 360px; } }  /* %90 (tema 400) */

/* ============================================================
   14. GALERİ SAYFASI (galeri.html) — kart grid + lightbox
   ============================================================ */
.gsb-galeri-page { background: #fff; }
/* Tam ekran kullanma — sağ/sol pay (tema container'ı 1795px çok geniş) */
.gsb-galeri-page .container { max-width: 1200px; margin-left: auto; margin-right: auto; }
.gsb-page-header .inner-page { color: var(--gsb-gold); }

/* Galeri kartı */
.gsb-gcard {
    display: block; position: relative; overflow: hidden;
    border-radius: 16px; height: 300px; background: var(--gsb-navy);
    box-shadow: 0 18px 40px -22px rgba(16,44,68,.5);
}
.gsb-gcard img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s ease; }
.gsb-gcard:hover img { transform: scale(1.06); }

/* Sabit alt gradyan (her zaman görünür) */
.gsb-gcard-grad {
    position: absolute; left: 0; right: 0; bottom: 0; height: 62%; z-index: 1; pointer-events: none;
    background: linear-gradient(to top, rgba(9,26,43,.80) 0%, rgba(9,26,43,.38) 36%, rgba(9,26,43,0) 100%);
}
/* Başlık — orta-altta, gradyanın üstünde, light + hafif belirgin (SEO odaklı) */
.gsb-gcard-cap {
    position: absolute; left: 16px; right: 16px; bottom: 18px; z-index: 3; text-align: center;
    color: rgba(255,255,255,.92); font-family: var(--tl-ff-body); font-weight: 300;
    font-size: 15px; letter-spacing: .6px; line-height: 1.35; text-shadow: 0 2px 12px rgba(0,0,0,.38);
}
/* 360 / video — ortada ikon (özel içerik vurgusu) */
.gsb-gcard-ic {
    position: absolute; top: 43%; left: 50%; transform: translate(-50%,-50%); z-index: 2;
    width: 58px; height: 58px; border-radius: 50%;
    background: rgba(255,255,255,.94); color: var(--gsb-navy);
    display: flex; align-items: center; justify-content: center; font-size: 20px;
    transition: transform .3s ease;
}
.gsb-gcard-yt i { color: #FF0000; font-size: 30px; }
.gsb-gcard-video .gsb-gcard-ic { width: 66px; height: 66px; box-shadow: 0 8px 24px rgba(0,0,0,.3); }
.gsb-gcard-video:hover .gsb-gcard-ic { transform: translate(-50%,-50%) scale(1.08); }
/* 360 kartı: ana sayfadaki altın "360° Sanal Tur" pill (ortada) */
.gsb-gcard-360 .gsb-360-badge { z-index: 3; }
.gsb-gcard-360:hover .gsb-360-badge { transform: translate(-50%,-50%) scale(1.06); }

@media (max-width: 991px) { .gsb-gcard { height: 280px; } }
@media (max-width: 575px) { .gsb-gcard { height: 260px; } }

/* Lightbox — büyük görselin ALTINDA başlık (galeri.html figure yapısı) */
.gsb-lb-figure { margin: 0; width: 100%; display: flex; flex-direction: column; align-items: center; }
.gsb-lb-figure img { max-height: 78vh; }
.gsb-lb-cap {
    margin-top: 16px; text-align: center;
    color: rgba(255,255,255,.9); font-family: var(--tl-ff-body); font-weight: 300;
    font-size: 16px; letter-spacing: .5px;
}
@media (max-width: 575px) { .gsb-lb-cap { font-size: 14px; margin-top: 12px; } }

/* ============================================================
   15. SIKÇA SORULAN SORULAR (sikcasorulansorular.html)
   ============================================================ */
.gsb-faq { background: var(--gsb-soft); padding: 90px 0; }
/* Sağdan/soldan pay — galeri sayfasıyla tutarlı okunur genişlik */
.gsb-faq .container-2 { max-width: 1200px; margin-left: auto; margin-right: auto; }

/* Bölüm başlığı — tam genişlik, marka renkleri, ölçü dengelendi (çok büyük durmasın) */
.gsb-faq .section-heading-wrap { margin-bottom: 36px; }
.gsb-faq .gsb-faq-heading { max-width: 100%; }
.gsb-faq .section-title { color: var(--gsb-navy); max-width: 100%; }
.gsb-faq .section-title span { color: var(--gsb-gold); }
/* Tema `.section-heading .section-title.title-2` = 60px; eşit özgüllük + sonra yüklenir → küçültür */
.gsb-faq .section-title.title-2 { font-size: 36px; line-height: 1.28; }
@media (max-width: 991px) { .gsb-faq .section-title.title-2 { font-size: 30px; } }
@media (max-width: 575px) { .gsb-faq .section-title.title-2 { font-size: 26px; } }

/* Accordion — GSB stil */
.gsb-faq .faq-content-2 { padding-left: 0; max-width: 100%; }
.gsb-faq .faq-accordion .accordion-item .accordion-button {
    font-family: var(--tl-ff-heading); color: var(--gsb-navy);
    font-size: 21px; line-height: 1.35; padding: 22px 0;
    border-top: 1px solid rgba(22,64,107,.14);
}
.gsb-faq .faq-accordion .accordion-item:last-child { border-bottom: 1px solid rgba(22,64,107,.14); }
.gsb-faq .faq-accordion .accordion-item .accordion-button:not(.collapsed) { color: var(--gsb-gold); border-color: rgba(22,64,107,.14); }
.gsb-faq .faq-accordion .accordion-item .accordion-button:after { color: var(--gsb-gold); font-size: 20px; }
.gsb-faq .faq-accordion .accordion-item .accordion-button span {
    width: 46px; color: var(--gsb-gold); font-family: var(--tl-ff-body); font-weight: 600; font-size: 16px;
}
.gsb-faq .faq-accordion .accordion-item .accordion-body {
    font-family: var(--tl-ff-body); font-weight: 300; color: #46596b;
    font-size: 16px; line-height: 1.8; max-width: 100%;
    padding: 0 30px 30px 46px;
}
.gsb-faq .accordion-body ul { margin: 12px 0 0; padding-left: 20px; list-style: none; }
.gsb-faq .accordion-body li { position: relative; padding-left: 18px; margin-bottom: 10px; }
.gsb-faq .accordion-body li::before {
    content: ""; position: absolute; left: 0; top: 11px; width: 6px; height: 6px;
    border-radius: 50%; background: var(--gsb-gold);
}
.gsb-faq .accordion-body strong { color: var(--gsb-navy); font-weight: 600; }

/* Sağ sütun — görsel + CTA kartı */
.gsb-faq-side { padding-left: 10px; }
.gsb-faq-side .faq-img { height: 430px; max-width: 100%; margin-bottom: 26px; border-radius: 16px; overflow: hidden; box-shadow: 0 24px 50px -26px rgba(16,44,68,.5); }
.gsb-faq-side .faq-img img { border-radius: 16px; }
.gsb-faq-side .title { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 26px; line-height: 1.28; margin-bottom: 14px; }
.gsb-faq-side p { font-family: var(--tl-ff-body); font-weight: 300; color: #5a6b7a; font-size: 15.5px; line-height: 1.7; margin-bottom: 0; }
.gsb-faq-btn {
    display: inline-flex; align-items: center; gap: 9px; margin-top: 22px;
    font-family: var(--tl-ff-heading); font-size: 15.5px; letter-spacing: .3px; color: #1a1a1a;
    background: var(--gsb-gold); border: 1px solid var(--gsb-gold);
    padding: 12px 28px; border-radius: 40px; transition: all .25s ease;
}
.gsb-faq-btn i { transition: transform .25s ease; }
.gsb-faq-btn:hover { background: var(--gsb-navy); border-color: var(--gsb-navy); color: #fff; }
.gsb-faq-btn:hover i { transform: translateX(3px); }

@media (max-width: 991px) {
    .gsb-faq { padding: 64px 0; }
    .gsb-faq-side { padding-left: 0; margin-top: 10px; }
    .gsb-faq-side .faq-img { height: 380px; }
}
@media (max-width: 767px) {
    .gsb-faq .faq-accordion .accordion-item .accordion-button { font-size: 18px; }
    .gsb-faq .faq-accordion .accordion-item .accordion-body { padding-left: 20px; padding-right: 0; }
}

/* ============================================================
   16. OLANAKLAR / 7 YILDIZLI YAŞAM SAYFASI (olanaklar.html)
   ============================================================ */
.gsb-ol { padding: 90px 0; }
.gsb-ol .container { max-width: 1200px; margin-left: auto; margin-right: auto; }

/* Ortak başlık öğeleri */
.gsb-ol-overline {
    display: inline-block; color: var(--gsb-gold);
    font-family: var(--tl-ff-body); font-weight: 600; font-size: 13px;
    letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px;
}
.gsb-ol-overline::before {
    content: ""; display: inline-block; width: 26px; height: 1px;
    background: var(--gsb-gold); vertical-align: middle; margin-right: 10px;
}
.gsb-ol-title {
    font-family: var(--tl-ff-heading); color: var(--gsb-navy);
    font-size: 40px; line-height: 1.2; font-weight: 400; margin: 0;
}
.gsb-ol-title span { color: var(--gsb-gold); }
.gsb-ol-lead {
    font-family: var(--tl-ff-body); font-weight: 300; color: #46596b;
    font-size: 17px; line-height: 1.8; margin: 18px 0 0;
}
.gsb-ol-p {
    font-family: var(--tl-ff-body); font-weight: 300; color: #5a6b7a;
    font-size: 15.5px; line-height: 1.8; margin: 16px 0 0;
}
.gsb-ol-head { text-align: center; max-width: 760px; margin: 0 auto 50px; }
.gsb-ol-head .gsb-ol-overline::before { display: none; }
.gsb-ol-head-lead { margin-top: 14px; }

/* 1) GİRİŞ */
.gsb-ol-intro { background: var(--gsb-soft); }
.gsb-ol-intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 54px; align-items: center; }
.gsb-ol-intro-img img { width: 100%; border-radius: 16px; box-shadow: 0 30px 60px -30px rgba(16,44,68,.5); display: block; }
.gsb-ol-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; margin-top: 60px; }
.gsb-ol-stat { background: #fff; border: 1px solid #e6edf5; border-radius: 14px; padding: 28px 22px; text-align: center; box-shadow: 0 18px 40px -30px rgba(16,44,68,.4); }
.gsb-ol-stat-num { display: block; font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 40px; line-height: 1; }
.gsb-ol-stat-num small { color: var(--gsb-gold); font-size: 18px; }
.gsb-ol-stat-label { display: block; margin-top: 10px; font-family: var(--tl-ff-body); font-weight: 500; font-size: 13.5px; letter-spacing: .5px; color: #6a7887; text-transform: uppercase; }

/* 2) BİR GÜN */
.gsb-ol-day { background: var(--gsb-soft); }
.gsb-ol-day-row { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; }
.gsb-ol-day-row + .gsb-ol-day-row { margin-top: 40px; }
.gsb-ol-day-row.is-reverse .gsb-ol-day-img { order: 2; }
.gsb-ol-day-img img { width: 100%; height: 380px; object-fit: cover; border-radius: 16px; box-shadow: 0 26px 54px -30px rgba(16,44,68,.5); display: block; }
.gsb-ol-time { display: inline-block; color: var(--gsb-gold); font-family: var(--tl-ff-body); font-weight: 600; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 12px; }
.gsb-ol-day-text h3 { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 30px; margin: 0 0 14px; font-weight: 400; }
.gsb-ol-day-text p { font-family: var(--tl-ff-body); font-weight: 300; color: #50616f; font-size: 16px; line-height: 1.85; margin: 0; }

/* 3) HAVUZ & BEACH LIFE */
.gsb-ol-pools { background: #fff; }
.gsb-ol-pools-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 54px; align-items: center; }
.gsb-ol-pools-img { position: relative; }
.gsb-ol-pools-img img { width: 100%; height: 520px; object-fit: cover; border-radius: 18px; box-shadow: 0 30px 60px -28px rgba(16,44,68,.55); display: block; }
.gsb-ol-pools-badge { position: absolute; left: 22px; bottom: 22px; background: rgba(202,160,92,.95); color: #1a1a1a; font-family: var(--tl-ff-heading); font-size: 22px; padding: 12px 20px; border-radius: 12px; line-height: 1; }
.gsb-ol-pools-badge small { font-family: var(--tl-ff-body); font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: .5px; }
.gsb-ol-feat { list-style: none; margin: 26px 0 0; padding: 0; }
.gsb-ol-feat li { display: flex; gap: 16px; }
.gsb-ol-feat li + li { margin-top: 20px; }
.gsb-ol-feat .ic { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(202,160,92,.12); color: var(--gsb-gold); font-size: 19px; border: 1px solid rgba(202,160,92,.3); }
.gsb-ol-feat h4 { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 19px; margin: 2px 0 5px; font-weight: 400; }
.gsb-ol-feat p { font-family: var(--tl-ff-body); font-weight: 300; color: #5a6b7a; font-size: 14.5px; line-height: 1.6; margin: 0; }
.gsb-ol-note { margin: 26px 0 0; font-family: var(--tl-ff-body); font-weight: 300; font-size: 14px; color: #6a7887; padding: 14px 18px; background: #fff; border-left: 3px solid var(--gsb-gold); border-radius: 8px; }
.gsb-ol-note i { color: var(--gsb-gold); margin-right: 6px; }

/* 4) SOSYAL & EĞLENCE */
.gsb-ol-social { background: #fff; }
.gsb-ol-social-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; }
.gsb-ol-card { border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid #eaf0f6; box-shadow: 0 22px 46px -30px rgba(16,44,68,.45); transition: transform .3s ease, box-shadow .3s ease; }
.gsb-ol-card:hover { transform: translateY(-6px); box-shadow: 0 34px 60px -30px rgba(16,44,68,.55); }
.gsb-ol-card-img { height: 240px; overflow: hidden; }
.gsb-ol-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gsb-ol-card:hover .gsb-ol-card-img img { transform: scale(1.06); }
.gsb-ol-card-body { padding: 24px 24px 28px; }
.gsb-ol-card-body h3 { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 21px; margin: 0 0 10px; font-weight: 400; }
.gsb-ol-card-body p { font-family: var(--tl-ff-body); font-weight: 300; color: #5a6b7a; font-size: 14.5px; line-height: 1.7; margin: 0; }

/* 5) YAŞAMIN HER ANI — ikon kartlar */
.gsb-ol-life { background: var(--gsb-soft); }
.gsb-ol-life-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.gsb-ol-life-card { background: #fff; border: 1px solid #e6edf5; border-radius: 16px; padding: 34px 28px; transition: transform .3s ease, box-shadow .3s ease; }
.gsb-ol-life-card:hover { transform: translateY(-5px); box-shadow: 0 26px 50px -30px rgba(16,44,68,.4); }
.gsb-ol-life-card .ic { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(155deg, #16406b, #102c44); color: var(--gsb-gold); font-size: 24px; margin-bottom: 18px; }
.gsb-ol-life-card h3 { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 20px; margin: 0 0 8px; font-weight: 400; }
.gsb-ol-life-card p { font-family: var(--tl-ff-body); font-weight: 300; color: #5a6b7a; font-size: 14.5px; line-height: 1.7; margin: 0; }

/* 6) TÜM OLANAKLAR checklist (koyu zemin) */
.gsb-ol-list { background: linear-gradient(160deg, #16406b 0%, #102c44 100%); }
.gsb-ol-overline-light { color: var(--gsb-gold); }
.gsb-ol-title-light { color: #fff; }
.gsb-ol-checklist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3,1fr); gap: 4px 30px; }
.gsb-ol-checklist li { display: flex; align-items: center; gap: 12px; font-family: var(--tl-ff-body); font-weight: 300; color: rgba(255,255,255,.9); font-size: 15.5px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.gsb-ol-checklist i { color: var(--gsb-gold); font-size: 13px; flex: 0 0 auto; }

/* 7) CTA */
.gsb-ol-cta { position: relative; padding: 110px 0; overflow: hidden; }
.gsb-ol-cta .bg { position: absolute; inset: 0; background-size: cover; background-position: center; }
.gsb-ol-cta .overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10,31,51,.78), rgba(10,31,51,.86)); }
.gsb-ol-cta .container { position: relative; z-index: 2; max-width: 1200px; margin: auto; }
.gsb-ol-cta-inner { max-width: 720px; margin: 0 auto; text-align: center; }
.gsb-ol-cta-title { font-family: var(--tl-ff-heading); color: #fff; font-size: 42px; line-height: 1.2; font-weight: 400; margin: 8px 0 16px; }
.gsb-ol-cta-title span { color: var(--gsb-gold); }
.gsb-ol-cta-inner p { font-family: var(--tl-ff-body); font-weight: 300; color: rgba(255,255,255,.85); font-size: 16px; line-height: 1.8; margin: 0 0 30px; }
.gsb-ol-cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.gsb-ol-btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--tl-ff-heading); font-size: 16px; padding: 14px 32px; border-radius: 40px; transition: all .25s ease; }
.gsb-ol-btn.is-primary { background: var(--gsb-gold); color: #1a1a1a; border: 1px solid var(--gsb-gold); }
.gsb-ol-btn.is-primary:hover { background: #fff; border-color: #fff; }
.gsb-ol-btn.is-ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); }
.gsb-ol-btn.is-ghost:hover { background: #fff; color: var(--gsb-navy); border-color: #fff; }

/* Responsive */
@media (max-width: 991px) {
    .gsb-ol { padding: 64px 0; }
    .gsb-ol-intro-grid, .gsb-ol-pools-grid { grid-template-columns: 1fr; gap: 34px; }
    .gsb-ol-intro-img { order: -1; }
    .gsb-ol-stats { grid-template-columns: repeat(2,1fr); }
    .gsb-ol-day-row { grid-template-columns: 1fr; gap: 22px; }
    .gsb-ol-day-row.is-reverse .gsb-ol-day-img { order: -1; }
    .gsb-ol-day-img img { height: 300px; }
    .gsb-ol-pools-img img { height: 400px; }
    .gsb-ol-social-grid { grid-template-columns: 1fr 1fr; }
    .gsb-ol-life-grid { grid-template-columns: 1fr 1fr; }
    .gsb-ol-checklist { grid-template-columns: 1fr 1fr; }
    .gsb-ol-title { font-size: 32px; }
    .gsb-ol-cta-title { font-size: 32px; }
}
@media (max-width: 575px) {
    .gsb-ol-stats { grid-template-columns: 1fr 1fr; gap: 14px; }
    .gsb-ol-social-grid { grid-template-columns: 1fr; }
    .gsb-ol-life-grid { grid-template-columns: 1fr; }
    .gsb-ol-checklist { grid-template-columns: 1fr; }
    .gsb-ol-title { font-size: 27px; }
    .gsb-ol-day-text h3 { font-size: 25px; }
    .gsb-ol-stat-num { font-size: 33px; }
    .gsb-ol-cta-title { font-size: 28px; }
}

/* ============================================================
   17. KONUM SAYFASI (konum.html)
   ============================================================ */
.gsb-lp-intro { background: var(--gsb-soft); }
.gsb-lp-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 54px; align-items: center; }
.gsb-lp-intro-img img { width: 100%; border-radius: 16px; box-shadow: 0 30px 60px -30px rgba(16,44,68,.5); display: block; }

/* Harita + önemli noktalar */
.gsb-lp-map { background: #fff; }
.gsb-lp-map-grid { display: grid; grid-template-columns: 1.6fr 1fr; gap: 30px; align-items: stretch; }
.gsb-lp-map-frame { position: relative; border-radius: 16px; overflow: hidden; min-height: 520px; box-shadow: 0 26px 54px -30px rgba(16,44,68,.5); }
.gsb-lp-map-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.gsb-lp-points { background: linear-gradient(155deg, #16406b 0%, #102c44 100%); border-radius: 16px; padding: 34px 30px; color: #fff; display: flex; flex-direction: column; }
.gsb-lp-points h3 { font-family: var(--tl-ff-heading); color: #fff; font-size: 24px; font-weight: 400; margin: 0 0 20px; }
.gsb-lp-points ul { list-style: none; margin: 0 0 auto; padding: 0; }
.gsb-lp-points li { display: flex; align-items: center; gap: 14px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
.gsb-lp-points li:first-child { padding-top: 0; }
.gsb-lp-points .ic { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(202,160,92,.14); color: var(--gsb-gold); font-size: 15px; border: 1px solid rgba(202,160,92,.3); }
.gsb-lp-points .txt { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.gsb-lp-points .txt strong { font-family: var(--tl-ff-body); font-weight: 600; font-size: 15.5px; color: #fff; }
.gsb-lp-points .txt small { font-family: var(--tl-ff-body); font-weight: 300; font-size: 12.5px; color: rgba(255,255,255,.6); }
.gsb-lp-points .dist { font-family: var(--tl-ff-heading); font-size: 16px; color: var(--gsb-gold); white-space: nowrap; }
.gsb-lp-points li.is-main { border-bottom: 1px solid rgba(202,160,92,.4); }
.gsb-lp-points li.is-main .ic { background: var(--gsb-gold); color: #16406b; border-color: var(--gsb-gold); }
.gsb-lp-points li.is-main .txt strong { color: var(--gsb-gold); }
.gsb-lp-map-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin-top: 22px; font-family: var(--tl-ff-heading); font-size: 15px; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.3); padding: 13px 22px; border-radius: 40px; transition: all .25s ease; }
.gsb-lp-map-btn:hover { background: var(--gsb-gold); border-color: var(--gsb-gold); color: #16406b; }

/* Neden İskele */
.gsb-lp-why { background: var(--gsb-soft); }

/* Denize sıfır yaşam */
.gsb-lp-beach { background: #fff; }
.gsb-lp-beach-grid { display: grid; grid-template-columns: .95fr 1.05fr; gap: 54px; align-items: center; }
.gsb-lp-beach-img img { width: 100%; height: 480px; object-fit: cover; border-radius: 18px; box-shadow: 0 30px 60px -28px rgba(16,44,68,.55); display: block; }
.gsb-lp-beach-list { list-style: none; margin: 26px 0 0; padding: 0; }
.gsb-lp-beach-list li { display: flex; gap: 16px; }
.gsb-lp-beach-list li + li { margin-top: 20px; }
.gsb-lp-beach-list .ic { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(202,160,92,.12); color: var(--gsb-gold); font-size: 19px; border: 1px solid rgba(202,160,92,.3); }
.gsb-lp-beach-list h4 { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 19px; margin: 2px 0 5px; font-weight: 400; }
.gsb-lp-beach-list p { font-family: var(--tl-ff-body); font-weight: 300; color: #5a6b7a; font-size: 14.5px; line-height: 1.6; margin: 0; }

/* Responsive */
@media (max-width: 991px) {
    .gsb-lp-intro-grid, .gsb-lp-beach-grid { grid-template-columns: 1fr; gap: 34px; }
    .gsb-lp-intro-img { order: -1; }
    .gsb-lp-map-grid { grid-template-columns: 1fr; }
    .gsb-lp-map-frame { min-height: 380px; }
    .gsb-lp-beach-img img { height: 360px; }
}

/* ============================================================
   18. AVANTAJLI YATIRIM SAYFASI (yatirim.html)
   ============================================================ */
.gsb-iv-intro { background: var(--gsb-soft); }
.gsb-iv-intro-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 54px; align-items: center; }
.gsb-iv-intro-img img { width: 100%; border-radius: 16px; box-shadow: 0 30px 60px -30px rgba(16,44,68,.5); display: block; }

/* 4 argüman kartları */
.gsb-iv-args { background: #fff; }
.gsb-iv-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.gsb-iv-card { position: relative; overflow: hidden; background: #fff; border: 1px solid #e6edf5; border-radius: 18px; padding: 38px 34px; transition: transform .3s ease, box-shadow .3s ease; }
.gsb-iv-card:hover { transform: translateY(-6px); box-shadow: 0 30px 56px -30px rgba(16,44,68,.4); }
.gsb-iv-num { position: absolute; top: 18px; right: 26px; font-family: var(--tl-ff-heading); font-size: 56px; line-height: 1; color: rgba(202,160,92,.16); pointer-events: none; }
.gsb-iv-ic { display: inline-flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; background: linear-gradient(155deg,#16406b,#102c44); color: var(--gsb-gold); font-size: 25px; margin-bottom: 20px; }
.gsb-iv-card h3 { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 23px; font-weight: 400; margin: 0 0 12px; }
.gsb-iv-card p { font-family: var(--tl-ff-body); font-weight: 300; color: #50616f; font-size: 15px; line-height: 1.75; margin: 0; }

/* Nasıl işliyor — premium navy */
.gsb-iv-how { background: linear-gradient(160deg,#16406b 0%,#102c44 100%); }
.gsb-iv-how-lead { color: rgba(255,255,255,.8); }
.gsb-iv-steps { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
.gsb-iv-step { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: 34px 28px; text-align: center; }
.gsb-iv-step-ic { display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; border-radius: 50%; background: rgba(202,160,92,.14); border: 1px solid rgba(202,160,92,.35); color: var(--gsb-gold); font-size: 26px; margin-bottom: 18px; }
.gsb-iv-step-no { display: block; font-family: var(--tl-ff-body); font-weight: 600; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: var(--gsb-gold); margin-bottom: 8px; }
.gsb-iv-step h4 { font-family: var(--tl-ff-heading); color: #fff; font-size: 20px; font-weight: 400; margin: 0 0 10px; }
.gsb-iv-step p { font-family: var(--tl-ff-body); font-weight: 300; color: rgba(255,255,255,.78); font-size: 14.5px; line-height: 1.7; margin: 0; }
.gsb-iv-note { max-width: 900px; margin: 40px auto 0; text-align: center; font-family: var(--tl-ff-body); font-weight: 300; font-size: 13.5px; line-height: 1.7; color: rgba(255,255,255,.6); padding: 16px 22px; background: rgba(0,0,0,.16); border-radius: 10px; }
.gsb-iv-note i { color: var(--gsb-gold); margin-right: 7px; }

/* Responsive */
@media (max-width: 991px) {
    .gsb-iv-intro-grid { grid-template-columns: 1fr; gap: 34px; }
    .gsb-iv-intro-img { order: -1; }
    .gsb-iv-grid { grid-template-columns: 1fr; }
    .gsb-iv-steps { grid-template-columns: 1fr; }
}

/* ============================================================
   19. BLOG (blog.html + blog-1..9.html)
   ============================================================ */
.gsb-blog-list { background: var(--gsb-soft); }
.gsb-blog-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 28px; }
.gsb-blog-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #e9eef4; border-radius: 16px; overflow: hidden; box-shadow: 0 20px 44px -30px rgba(16,44,68,.42); transition: transform .3s ease, box-shadow .3s ease; }
.gsb-blog-card:hover { transform: translateY(-6px); box-shadow: 0 32px 58px -30px rgba(16,44,68,.5); }
.gsb-blog-card-img { position: relative; display: block; height: 220px; overflow: hidden; }
.gsb-blog-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.gsb-blog-card:hover .gsb-blog-card-img img { transform: scale(1.06); }
.gsb-blog-cat { position: absolute; top: 14px; left: 14px; background: rgba(202,160,92,.95); color: #1a1a1a; font-family: var(--tl-ff-body); font-weight: 600; font-size: 11.5px; letter-spacing: .8px; text-transform: uppercase; padding: 6px 13px; border-radius: 30px; }
.gsb-blog-card-body { display: flex; flex-direction: column; flex: 1; padding: 22px 24px 26px; }
.gsb-blog-meta { font-family: var(--tl-ff-body); font-weight: 400; font-size: 12.5px; color: #93a1b0; margin-bottom: 12px; }
.gsb-blog-meta i { color: var(--gsb-gold); margin-right: 5px; }
.gsb-blog-card h3 { font-family: var(--tl-ff-heading); font-size: 20px; line-height: 1.35; font-weight: 400; margin: 0 0 12px; }
.gsb-blog-card h3 a { color: var(--gsb-navy); transition: color .2s ease; }
.gsb-blog-card h3 a:hover { color: var(--gsb-gold); }
.gsb-blog-card p { font-family: var(--tl-ff-body); font-weight: 300; color: #5a6b7a; font-size: 14.5px; line-height: 1.7; margin: 0 0 18px; }
.gsb-blog-more { margin-top: auto; align-self: flex-start; font-family: var(--tl-ff-heading); font-size: 14.5px; color: var(--gsb-navy); display: inline-flex; align-items: center; gap: 8px; transition: gap .25s ease, color .2s ease; }
.gsb-blog-more i { color: var(--gsb-gold); transition: transform .25s ease; }
.gsb-blog-more:hover { color: var(--gsb-gold); }
.gsb-blog-more:hover i { transform: translateX(4px); }

/* Makale detay hero */
.gsb-article-hero { min-height: 460px; }
.gsb-article-hero .overlay { background: linear-gradient(180deg, rgba(10,31,51,.45) 0%, rgba(10,31,51,.78) 100%); }
.gsb-article-cat { display: inline-block; background: var(--gsb-gold); color: #1a1a1a; font-family: var(--tl-ff-body); font-weight: 600; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding: 7px 16px; border-radius: 30px; margin-bottom: 20px; }
.gsb-article-hero .page-header-content .title { font-size: 42px; line-height: 1.22; max-width: 900px; margin-left: auto; margin-right: auto; }

/* Makale gövdesi */
.gsb-article { background: #fff; padding: 80px 0; }
.gsb-article .container { max-width: 1200px; margin: auto; }
.gsb-article-body { max-width: 820px; margin: 0 auto; }
.gsb-article-body > p { font-family: var(--tl-ff-body); font-weight: 300; color: #45586a; font-size: 17px; line-height: 1.9; margin: 0 0 22px; }
.gsb-article-body > p.gsb-article-lead { font-size: 20px; line-height: 1.75; color: var(--gsb-navy); font-weight: 400; margin-bottom: 30px; }
.gsb-article-body h2 { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 27px; font-weight: 400; line-height: 1.3; margin: 40px 0 16px; }
.gsb-article-body h2::before { content: ""; display: block; width: 46px; height: 3px; background: var(--gsb-gold); border-radius: 2px; margin-bottom: 18px; }

/* Makale içi CTA + geri dön */
.gsb-article-cta { margin: 44px 0 10px; padding: 32px 34px; background: var(--gsb-soft); border: 1px solid #e3ebf4; border-left: 3px solid var(--gsb-gold); border-radius: 14px; }
.gsb-article-cta p { font-family: var(--tl-ff-body); font-weight: 300; color: var(--gsb-navy); font-size: 16px; line-height: 1.7; margin: 0 0 18px; }
.gsb-article-btn { display: inline-flex; align-items: center; gap: 9px; font-family: var(--tl-ff-heading); font-size: 15.5px; color: #1a1a1a; background: var(--gsb-gold); border: 1px solid var(--gsb-gold); padding: 12px 28px; border-radius: 40px; transition: all .25s ease; }
.gsb-article-btn:hover { background: var(--gsb-navy); border-color: var(--gsb-navy); color: #fff; }
.gsb-article-back { margin-top: 30px; }
.gsb-article-back a { font-family: var(--tl-ff-heading); font-size: 15px; color: var(--gsb-navy); display: inline-flex; align-items: center; gap: 9px; transition: gap .25s ease, color .2s; }
.gsb-article-back a i { color: var(--gsb-gold); transition: transform .25s ease; }
.gsb-article-back a:hover { color: var(--gsb-gold); }
.gsb-article-back a:hover i { transform: translateX(-4px); }

/* İlgili yazılar */
.gsb-blog-related { background: var(--gsb-soft); }

/* Responsive */
@media (max-width: 991px) {
    .gsb-blog-grid { grid-template-columns: 1fr 1fr; }
    .gsb-article { padding: 56px 0; }
    .gsb-article-hero { min-height: 400px; }
    .gsb-article-hero .page-header-content .title { font-size: 32px; }
    .gsb-article-body > p.gsb-article-lead { font-size: 18px; }
    .gsb-article-body h2 { font-size: 24px; }
}
@media (max-width: 575px) {
    .gsb-blog-grid { grid-template-columns: 1fr; }
    .gsb-article-hero .page-header-content .title { font-size: 26px; }
    .gsb-article-body > p { font-size: 16px; }
}

/* ============================================================
   20. BLOG DETAY (blog-N.html — service-details yapısı, sağ liste)
   ============================================================ */
.gsb-blog-details { background: var(--gsb-soft); padding: 90px 0; }
.gsb-blog-details .container-2 { max-width: 1200px; margin-left: auto; margin-right: auto; }

/* İçerik (sol) */
.gsb-blog-details .service-details-content .service-details-img { height: 440px; margin-bottom: 26px; }
.gsb-blog-detail-cat { display: inline-block; color: var(--gsb-gold); font-family: var(--tl-ff-body); font-weight: 600; font-size: 12.5px; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 8px; }
.gsb-blog-details .service-details-content h1.details-title { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 33px; line-height: 1.25; font-weight: 400; margin: 4px 0 22px; }
.gsb-blog-details .service-details-content h2.details-title { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 25px; line-height: 1.3; font-weight: 400; margin: 38px 0 14px; }
.gsb-blog-details .service-details-content h2.details-title::before { content: ""; display: block; width: 44px; height: 3px; background: var(--gsb-gold); border-radius: 2px; margin-bottom: 16px; }
.gsb-blog-details .service-details-content p { font-family: var(--tl-ff-body); font-weight: 300; color: #45586a; font-size: 17px; line-height: 1.9; margin: 0 0 22px; }
.gsb-blog-details .service-details-content p.gsb-blog-lead { font-size: 19px; line-height: 1.8; color: var(--gsb-navy); font-weight: 400; }
.gsb-blog-back { margin-top: 34px; }
.gsb-blog-back a { font-family: var(--tl-ff-heading); font-size: 15px; color: var(--gsb-navy); display: inline-flex; align-items: center; gap: 9px; transition: gap .25s ease, color .2s; }
.gsb-blog-back a i { color: var(--gsb-gold); transition: transform .25s ease; }
.gsb-blog-back a:hover { color: var(--gsb-gold); }
.gsb-blog-back a:hover i { transform: translateX(-4px); }

/* Blog listesi (sağ sidebar) */
.gsb-blog-side { max-width: 100%; position: sticky; top: 110px; }
.gsb-blog-side .service-category-list { box-shadow: 0 20px 44px -30px rgba(16,44,68,.4); border: 1px solid #eaf0f6; }
.gsb-blog-side .service-category-list .list-title { font-family: var(--tl-ff-heading); color: var(--gsb-navy); font-size: 22px; }
.gsb-blog-side .service-category-list ul li a { font-family: var(--tl-ff-heading); font-size: 15.5px; line-height: 1.4; color: var(--gsb-navy); padding: 14px 0 14px 16px; }
.gsb-blog-side .service-category-list ul li a:hover { color: var(--gsb-gold); }
.gsb-blog-side .service-category-list ul li.active a { background: var(--gsb-navy); padding: 14px 16px 14px 26px; }
.gsb-blog-side .service-category-list ul li.active a:before { left: 16px; }

/* CTA kutusu (sağ) — GSB */
.gsb-blog-side .service-details-cta { padding: 58px 32px; }
.gsb-blog-side .service-details-cta span { font-family: var(--tl-ff-heading); }
.gsb-blog-side .service-details-cta .number { font-family: var(--tl-ff-body); font-weight: 600; font-size: 26px; }
.gsb-blog-side .service-details-cta .number:hover, .gsb-blog-side .service-details-cta .mail:hover { color: var(--gsb-gold); }
.gsb-blog-side .service-details-cta .mail { font-family: var(--tl-ff-body); font-weight: 400; font-size: 15px; }
.gsb-blog-side .service-details-cta .cta-btn a { background: var(--gsb-gold); color: #1a1a1a; border: 1px solid var(--gsb-gold); width: 108px; height: 108px; }
.gsb-blog-side .service-details-cta .cta-btn a:hover { background: #fff; color: var(--gsb-navy); }

@media (max-width: 991px) {
    .gsb-blog-details { padding: 60px 0; }
    .gsb-blog-side { position: static; margin-top: 40px; max-width: 560px; }
    .gsb-blog-details .service-details-content .service-details-img { height: 300px; }
    .gsb-blog-details .service-details-content h1.details-title { font-size: 27px; }
}