@charset "UTF-8";
/* GTema12 CSS bundle - auto-generated 2026-10-05T22:50:34Z by scripts/bundle-gtema12.sh */

/* === css/base.css === */
/* ============================================================
   GTema12 — TABAN (G Tema 9-18 ailesi; kaynak sablonun "home-4" sayfasindan uyarlandi).

   Katmanlar (yukleme sirasi = _Layout = scripts/bundle-gtema12.*; her dosya kendi bolgesinin seciciyle baslar,
   ayni ozellik iki dosyada tanimlanmaz):
     lib/vendor/vendors.css  -> Bootstrap reboot+grid, Swiper 8, GLightbox (kaynak sablonun vendor paketi)
     lib/template/main.css   -> kaynak sablonun KENDI CSS'i, DEGISTIRILMEDI (utility'ler, bilesenler,
                                hero -type-1..10, header/footer tipleri, kartlar)
     css/base.css (bu)       -> panel degiskenlerine kopru, govde tipografisi, <picture> sarmalayicilari,
                                butonlar, okuma metni, genel yardimcilar, yukari cik, imlec, belirme animasyonu
     css/header.css          -> ust menu + dil secici + tam ekran menu
     css/footer.css          -> alt bilgi
     css/hero.css            -> ana sayfa hero
     css/page-banner.css     -> sayfa bandi
     css/sections.css        -> blok grubu kabugu + blok grubu basligi
     css/cards.css           -> blok + liste + detayda ortak kart/izgara bilesenleri
     css/forms.css           -> iletisim formu alanlari + guvenlik dogrulamasi (captcha) + form sonucu kutusu
     css/page-list.css       -> oda / sayfa / blog listesi
     css/page-detail.css     -> oda / sayfa detayi
     css/page-gallery.css    -> galeri sayfasi / galeri filtresi
     css/page-contact.css    -> iletisim sayfasi (harita, iletisim bandi)
     css/page-sections.css   -> panel "Bolumler" sekmesi (+ Icerik + Yan Menu blogu ile ortak yan menu)
     css/blocks/{ad}.css     -> her blok tipinin KENDI dosyasi; view koku ".gtema12-block .gtema12-block--{ad}",
                                dosyadaki her secici .gtema12-block--{ad} ile baslar (about, feature, sidebar, faq,
                                highlight, hcards, html, icons, images, info, rooms, services, showcase, gallery)

   Isaretleme: Views/Shared/_Layout (govde .gtema12-body, icerik sarmalayicisi .gtema12-main, yukari cik .gtema12-top,
   imlec .cursor); okuma metni .gtema12-prose / giris .gtema12-lead (Pages/Default, blok view'lari).
   Secici koku: :root, govde/baslik etiketleri, sablonun .button ailesi ve .gtema12- onekli genel yardimcilar.
   Renk/font TEK kaynak: _ThemeCss.cshtml'in bastigi --bg-*, --color-*, --font-* degiskenleri.
   Sablonun --color-accent-1 / --color-accent-2 / --font-primary / --font-secondary
   degiskenleri BURADA panel degiskenlerine baglanir; panel degisince tema butunuyle degisir.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* ---------- 1) Sablon degiskenleri -> panel degiskenleri ---------- */
:root {
    --font-primary: var(--font-body, 'Jost', sans-serif);
    --font-secondary: var(--font-heading, 'Cormorant Garamond', serif);

    /* accent-1: marka koyu rengi (metin, koyu bantlar, alt bilgi) = panel baslik rengi
       accent-2: vurgu (birincil buton, rozet, seftali bantlar) = panel buton zemini */
    --color-accent-1: var(--color-heading, #122223);
    --color-accent-2: var(--bg-button, #F9DABA);
}

@supports (color: color-mix(in srgb, red, blue)) {
    :root {
        /* Krem/acik yuzeyler ve koyu tonlar paletten TURETILIR: buton rengi degisince
           bantlar da uyum saglar (sabit #F8F5F0 kiraci paletinde yabanci kaliyordu). */
        --color-light-1: color-mix(in srgb, var(--color-accent-2) 22%, var(--bg-body, #fff));
        --color-light-2: color-mix(in srgb, var(--color-accent-1) 8%, var(--bg-body, #fff));
        --color-dark-2: color-mix(in srgb, var(--color-accent-1) 88%, #fff);
        --color-dark-3: color-mix(in srgb, var(--color-accent-1) 80%, #000);
        --color-border: color-mix(in srgb, var(--color-accent-1) 14%, var(--bg-body, #fff));
    }
}

body {
    background-color: var(--bg-body, #fff);
    color: var(--color-body, #122223);
    font-family: var(--font-primary);
}

p { color: var(--color-body, #122223); }

h1, h2, h3, h4, h5, h6 { color: var(--color-heading, #122223); }

/* Sablon `main{overflow:hidden}` diyor; RenderBody sarmalayicimiz da ayni davranir. */
.gtema12-main { overflow: hidden; min-height: 50vh; }

.gtema12-visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0, 0, 0, 0);
    white-space: nowrap; border: 0;
}

/* ---------- 2) Responsive <picture> sarmalayicilari ---------- */
/* .gtema12-pic: dogal yukseklik (icerik gorselleri) */
.gtema12-pic { display: block; width: 100%; }
.gtema12-pic img { display: block; width: 100%; height: auto; }
.gtema12-pic.rounded-16 img { border-radius: 16px; }

/* .gtema12-fill: kabini doldurur (hero, banner, kart arka plani) */
.gtema12-fill { height: 100%; }
.gtema12-fill img { height: 100%; object-fit: cover; }

/* .gtema12-cover / picture.img-ratio: mutlak konumla kabini kaplar (.ratio kutulari) */
.gtema12-cover,
picture.img-ratio { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.gtema12-cover img,
picture.img-ratio > img { display: block; width: 100%; height: 100%; object-fit: cover; }
picture.img-ratio.rounded-16 > img,
.img-ratio.rounded-16 { border-radius: 16px; }
.gtema12-cover.rounded-16 img { border-radius: 16px; }

/* ---------- 3) Butonlar ---------- */
.button.bg-accent-2,
.gtema12-btn-primary { background-color: var(--bg-button, #F9DABA) !important; color: var(--color-button, #122223) !important; border-color: transparent; }
.button.bg-accent-2:hover,
.gtema12-btn-primary:hover { background-color: var(--bg-button-hover, #F2CBA1) !important; color: var(--color-button, #122223) !important; }
.button.bg-accent-2:active,
.gtema12-btn-primary:active { background-color: var(--bg-button-active, #E9BC8B) !important; }

.gtema12-btn-outline { border-color: currentColor; }
.gtema12-btn-outline:hover { background-color: var(--bg-button, #F9DABA) !important; color: var(--color-button, #122223) !important; border-color: transparent; }
.gtema12-btn-white { background-color: #fff !important; color: var(--color-accent-1) !important; }
.gtema12-btn-white:hover { background-color: var(--bg-button, #F9DABA) !important; color: var(--color-button, #122223) !important; }
.gtema12-btn-blur { background-color: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .2); }
.gtema12-btn-blur:hover { background-color: rgba(255, 255, 255, .22); }
.gtema12-btn-dark { background-color: var(--color-accent-1) !important; color: #fff !important; }
.gtema12-btn-dark:hover { background-color: var(--bg-button, #F9DABA) !important; color: var(--color-button, #122223) !important; }

/* Sablonun kendi hatasi: beyaz cerceveli buton hover'da beyaz zemin + BEYAZ yazi oluyordu */
.button.-outline-white:hover { color: var(--color-accent-1) !important; }
.button.-white:hover { color: var(--color-accent-1) !important; }
.button.-outline-accent-2:hover,
.button.-accent-2:hover { color: var(--color-button, #122223) !important; }
.button.-type-1 .-icon { display: inline-flex; align-items: center; }
.button.-type-1 .-icon svg { display: block; }
a.button { text-decoration: none; }
/* Kart icindeki "dugme gorunumlu" span (tum kart baglantidir) */
span.button { cursor: pointer; }

/* Slider'in komsu slaydi ve negatif kenar boslugu (x-gap-50) mobilde yatay kaydirma acmasin.
   Sablonda ayni tasmalar var; sablon <main> ile keser. `clip` sticky/fixed ogeleri bozmaz. */
html, body.gtema12-body { overflow-x: clip; }
/* ---------- 4) Icerik: okuma metni ve genel yardimcilar ---------- */
.gtema12-lead { font-size: 19px; line-height: 1.7; }
.gtema12-lead p { font-size: inherit; line-height: inherit; }
.gtema12-lead p + p { margin-top: .8em; }

.gtema12-prose { font-size: 17px; line-height: 1.7; }
.gtema12-prose p { margin-bottom: 1.1em; }
.gtema12-prose p:last-child { margin-bottom: 0; }
.gtema12-prose h2, .gtema12-prose h3, .gtema12-prose h4 { margin: 1.6em 0 .6em; }
.gtema12-prose h2 { font-size: 40px; }
.gtema12-prose h3 { font-size: 30px; }
.gtema12-prose h4 { font-size: 24px; }
.gtema12-prose ul, .gtema12-prose ol { margin: 0 0 1.1em 1.2em; }
.gtema12-prose ul li { list-style: disc; }
.gtema12-prose ol li { list-style: decimal; }
.gtema12-prose li + li { margin-top: .4em; }
.gtema12-prose img { max-width: 100%; height: auto; border-radius: 16px; }
.gtema12-prose a { text-decoration: underline; text-underline-offset: 3px; }
.gtema12-prose blockquote { position: relative; padding: 40px 60px; margin: 1.5em 0; background-color: var(--color-light-1); font-family: var(--font-secondary); font-size: 24px; line-height: 1.6; }
.gtema12-prose blockquote::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 5px; background-color: var(--color-accent-1); }
.gtema12-prose table { width: 100%; border-collapse: collapse; }
.gtema12-prose td, .gtema12-prose th { padding: 14px 20px; border-bottom: 1px solid var(--color-border); text-align: left; }
@media (max-width: 767px) { .gtema12-prose h2 { font-size: 30px; } .gtema12-prose h3 { font-size: 24px; } .gtema12-prose blockquote { padding: 24px; font-size: 20px; } }

.gtema12-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.gtema12-clamp--2 { -webkit-line-clamp: 2; }
.gtema12-clamp--3 { -webkit-line-clamp: 3; }
.gtema12-clamp p { margin: 0; display: inline; }

/* Sablonun lh-065'i TEK satirlik dev baslik icindir; CMS basligi sarinca satirlar ust uste biniyordu
   ("Ege Mutfagi A La Carte" iki satirda okunmuyordu). Sarsa da sarmasa da guvenli deger. */
.lh-065 { line-height: 1.02 !important; }
/* Soluk not metni (oda ozelligi notu, yakin yer mesafesi): .text-light-2 bir ZEMIN tonudur (%8 karisim),
   metin olarak gorunmuyordu. */
.gtema12-muted { color: var(--color-body, #122223); opacity: .6; }

/* Sira yardimcilari (yatay kart satirlarinda ters siralama; .gtema12-offset-end cards.css'te) */
@media (min-width: 768px) { .order-md-1 { order: 1; } .order-md-2 { order: 2; } }
@media (min-width: 992px) { .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } }
.order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; }

.text-left { text-align: left; }

/* ---------- 5) Yukari cik, imlec, galeri imleci, belirme animasyonu ---------- */
/* Yukari cik */
/* Sol alt kose: sag alt kose Hizli Iletisim / sohbet yiginina ait (acikken yukseklik degisir, ust uste binerdi). */
.gtema12-top {
    position: fixed; left: 24px;
    bottom: calc(24px + var(--site-float-left, 0px));
    width: 50px; height: 50px; border-radius: 50%;
    background-color: var(--color-accent-1); color: #fff;
    display: flex; align-items: center; justify-content: center;
    opacity: 0; pointer-events: none; transition: opacity .25s ease, transform .25s ease;
    transform: translateY(10px); z-index: 900;
}
.gtema12-top.is-visible { opacity: 1; pointer-events: auto; transform: none; }
.gtema12-top:hover { background-color: var(--bg-button, #F9DABA); color: var(--color-button, #122223); }

/* Sablonun ozel imleci (isaretleme _Layout'ta, davranis main.js customCursor). Ikon feather yerine bootstrap-icons.
   Sablon .cursor'a top/left vermez; fixed oge o zaman "akistaki yerinden" (footer'dan SONRA, sayfanin dibinden)
   baslar ve translate(x,y) onu gorunum alaninin cok altina koyar — daire hic gorunmuyordu. Kok (0,0)'a sabitlenir. */
.cursor { top: 0; left: 0; }
.cursor__icon .ic { font-size: 32px; line-height: 1; }

/* GLightbox ile acilan baglantilar */
.js-gallery { cursor: zoom-in; }

/* Reveal animasyonu: JS gelmezse icerik gorunur kalsin (ScrollMagic yuklenmezse) */
.no-js [data-anim], .no-js [data-anim-child] { opacity: 1 !important; transform: none !important; }

/* ---------- "Grand" yeniden tasarim (cfg.grand — GTema12): taban — yuzey tonu, tipografi olcegi, dugmeler ----------
   Sablonun sinif adlari korunur; yalnizca olcu/ton degisir. Bolum ritmi sections.css'te, bolge ve blok kurallari
   header / footer / hero ve blocks dosyalarinin kendi bolumlerinde. */
@supports (color: color-mix(in srgb, red, blue)) {
    :root {
        /* Bej bantlar daha sakin (vurgunun %12'si); ust yazi rengi acik zeminde okunsun diye vurgu murekkeple koyulasir. */
        --color-light-1: color-mix(in srgb, var(--color-accent-2) 12%, var(--bg-body, #fff));
        --gtema12-eyebrow: color-mix(in srgb, var(--color-accent-2) 80%, var(--color-accent-1));
    }
}
body { font-size: 15px; }
.gtema12-main h2, .gtema12-main h3 { letter-spacing: .01em; }
@media (min-width: 768px) { .gtema12-main h2.text-64 { font-size: 44px !important; } }
@media (max-width: 767px) { .gtema12-main h2.text-64 { font-size: 30px !important; } }
.gtema12-main h2.text-64 { line-height: 1.15 !important; text-transform: uppercase; }
/* Ust yazi: kucuk, harf aralikli, vurgu renginde (koyu bantta vurgunun kendisi — .text-white'i ezer). */
.gtema12-main .text-15.uppercase { font-size: 12px !important; letter-spacing: .24em; color: var(--gtema12-eyebrow, var(--color-accent-2)) !important; }
.gtema12-main .gtema12-dark .text-15.uppercase { color: var(--color-accent-2) !important; }
.gtema12-head__text { font-size: 15px; opacity: .78; }
/* Dugmeler: 4px kose, dolu vurgu; harf araligi yok (sablonun hap bicimi bu temada kullanilmaz). */
.button.-md { height: 50px; padding: 0 28px; font-size: 14px; border-radius: 4px; }
.button.rounded-200 { border-radius: 4px !important; }



/* === css/header.css === */
/* ============================================================
   GTema12 — Ust menu: menu cubugu (.header), dil secici (.gtema12-lang), tam ekran menu (.menuFullScreen).
   Isaretleme: Views/Shared/Components/_Header, _LangSwitcher, _HeaderLogo, _DesktopNav.
   Panel > Ust Menu durum renkleri burada baglanir (sayfa ustu / kaydirinca / mobil menu);
   bu dosya baska bolgeye kural yazmaz. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* ---------- 1) Menu cubugu (.header) ---------- */
.header {
    background-color: var(--bg-header-top, transparent);
    color: var(--color-header, #fff);
}
.header.-blur { background-color: var(--bg-header-top, transparent); }
.header.-light { background-color: var(--bg-header-top, transparent); }
.header.is-sticky,
.header.-is-menu-opened { background-color: var(--bg-header, #122223) !important; }
.gtema12-header--solid { background-color: var(--bg-header, #fff) !important; }

.header a, .header button { color: inherit; }
/* Panel > Ust Menu durum renkleri (2026-09-22): :root'taki --color-header* kaydirinca degerleridir;
   sayfa ustunde (yapisik degil, menu kapali) ayni adlar sayfa ustu degerlerine baglanir. */
.header:not(.is-sticky):not(.-is-menu-opened) {
    --color-header: var(--color-header-top);
    --color-header-hover: var(--color-header-top-hover);
    --color-header-icon: var(--color-header-top-icon);
}
.header .js-menuFullScreen-toggle { color: var(--color-header-icon, currentColor); }
.header .desktopNav__item > a:hover { color: var(--color-header-hover, #F9DABA); }
.header .desktopNav__item > a.is-active { color: var(--color-header-active, #F9DABA); }
.header .desktopNav .desktopNavSubnav__content { background-color: var(--color-accent-1); }
.header .desktopNav .desktopNavSubnav a.is-active { color: var(--color-accent-2); }

.gtema12-hdr-line { background-color: currentColor; opacity: .2; }
.gtema12-hdr-rule { border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2); }
@supports (color: color-mix(in srgb, red, blue)) {
    .gtema12-hdr-rule { border-color: color-mix(in srgb, currentColor 20%, transparent); }
}

.gtema12-logo { display: flex; align-items: center; }
.gtema12-logo-img { display: block; max-height: 48px; width: auto; }
@media (max-width: 575px) { .gtema12-logo-img { max-height: 32px; } }
.gtema12-brand { font-family: var(--font-secondary); font-size: 28px; font-weight: 500; line-height: 1; white-space: nowrap; }

/* Ust bilgi seridi (H8) */
.gtema12-topstrip { position: relative; z-index: 1001; color: var(--color-accent-1); }

/* ---------- 2) Dil secici (sablonun .dropdown davranisi) ---------- */
.gtema12-lang { position: relative !important; }
.gtema12-lang__button { text-transform: uppercase; }
.gtema12-lang__menu {
    position: absolute; top: calc(100% + 10px); right: 0;
    min-width: 200px; padding: 10px 0;
    background-color: #fff; color: var(--color-accent-1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .12);
    opacity: 0; pointer-events: none; transition: .15s;
    z-index: 40;
}
.gtema12-lang.is-active .gtema12-lang__menu { opacity: 1; pointer-events: auto; }
.gtema12-lang__item { display: flex; align-items: center; gap: 10px; padding: 10px 20px; font-size: 15px; color: var(--color-accent-1); }
.gtema12-lang__item:hover { background-color: var(--color-light-1); color: var(--color-accent-1); }
.gtema12-lang__item.is-active { font-weight: 500; }
.gtema12-lang__item img { border-radius: 2px; }
.gtema12-lang__name { opacity: .7; }
.header .gtema12-lang__item, .header .gtema12-lang__item:hover { color: var(--color-accent-1); }

/* ---------- 3) Tam ekran menu (Panel > Ust Menu > Mobil menu renkleri) ---------- */
.gtema12-menu__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--bg-header-mobile, var(--color-accent-1)); }
.menuFullScreen__right { color: var(--color-accent-1); }
.menuFullScreen-links a { color: var(--color-header-mobile, #fff); }
.menuFullScreen-links a:hover { color: var(--color-header-mobile-hover, #fff); }
.menuFullScreen-links a.is-active { color: var(--color-header-mobile-active, #fff); text-decoration: underline; text-underline-offset: 8px; }
.menuFullScreen-links-subnav__item a.is-active { color: var(--color-header-mobile-active, #fff); text-decoration: underline; }
.menuFullScreen__close,
.menuFullScreen .js-menuFullScreen-toggle.text-white { color: var(--color-header-mobile, #fff) !important; }
.menuFullScreen__close .icon span { background-color: var(--color-header-mobile, #fff); }
/* Mobil (<=991): zemin ve yazilar panelin mobil menu renklerinden (sablon sabit koyu zemin + beyaz
   yazi kullaniyordu; zemin panelden gelince yazi zeminle ayni tona dusebiliyordu). Isaretlemedeki
   Bootstrap .text-white !important tasidigi icin burada da !important. */
.menuFullScreen__mobile__bg { background-color: var(--bg-header-mobile, var(--color-accent-1)); }
.menuFullScreen__topMobile,
.menuFullScreen__topMobile .text-white,
.menuFullScreen__topMobile .gtema12-brand,
.menuFullScreen__topMobile .gtema12-lang__button,
.menuFullScreen__bottomMobile,
.menuFullScreen__bottomMobile a { color: var(--color-header-mobile, #fff) !important; }
.menuFullScreen__topMobile { border-bottom-color: color-mix(in srgb, var(--color-header-mobile, #fff) 15%, transparent); }
@media (max-width: 991px) {
    /* Sablon ic ice iki kaydirma kabi kuruyordu (Windows'ta iki kaydirma cubugu gorunuyordu):
       tek kap (__left), cubuk gizli, ust/alt bosluk daraltildi. */
    .menuFullScreen__left { overflow-y: auto; scrollbar-width: none; margin: 30px 0; }
    .menuFullScreen__left::-webkit-scrollbar { display: none; }
    .menuFullScreen-links { overflow: visible; }
}
/* Baglanti ogesi overflow:hidden (acilis animasyonu) + line-height:1 alt uzantilari kesiyordu ("Blog" -> "Bloa"). */
.menuFullScreen-links__item > a { line-height: 1.15; }
/* Tema bazli: sagdaki iletisim karti yok. Bolum yerini ve genisligini KORUR (sol menu daralmaz),
   icerigi ve zemini kalkar: sayfa o bolumden gorunur. Isaretleme durur (main.js acilis
   animasyonunda ogeyi arar). */
.menuFullScreen__right { visibility: hidden; background-color: transparent !important; }
/* Zemin (.menuFullScreen__bg) mutlak konumludur; sol sutun konumlandirilmazsa tum ekrani kaplar.
   Sol sutuna baglaninca sag bolum gercekten saydam kalir (masaustu; mobilde tek sutun, dolu zemin). */
@media (min-width: 992px) { .menuFullScreen__left { position: relative; } }
/* Tema bazli: tam ekran menunun alt seridi (REZERVASYON + iletisim) yok. Kap bos ve gizli; DOM'da durur (main.js arar). */
.menuFullScreen__bottomMobile { display: none; }
.gtema12-menu__logo { display: flex; align-items: center; }

/* ---------- 5) Tek satir menu (H11 — GTema12): logo solda, baglantilar sagda; isaretleme _Header (H11) ----------
   1200px altinda baglantilar gizlenir, hamburger (tam ekran menu) gorunur. */
.header.gtema12-header--inline > .container { width: 100%; }
.header .gtema12-hdr { display: flex; align-items: center; gap: 28px; padding: 0 15px; }
.header .gtema12-hdr__nav { margin-left: auto; min-width: 0; }
.header .gtema12-hdr__nav .desktopNav { flex-wrap: nowrap; }
.header .gtema12-hdr__nav .desktopNav > * { padding: 8px 11px; }
.header .gtema12-hdr__nav .desktopNav__item > a { font-size: 14px; white-space: nowrap; }
.header .gtema12-hdr__nav .desktopNav > .desktopNav__item:last-child > .desktopNavSubnav { left: auto; right: 0; }
.header .gtema12-hdr__nav .desktopNav .desktopNavSubnav__content { min-width: 230px; border-radius: 4px; }
.header .gtema12-hdr__nav .desktopNav .desktopNavSubnav a { color: #fff; }
.header .gtema12-hdr__tools { display: flex; align-items: center; gap: 6px; }
.header .gtema12-hdr__burger { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; }
@media (max-width: 1199px) {
    .header .gtema12-hdr__nav { display: none; }
    .header .gtema12-hdr__tools { margin-left: auto; }
    .header .gtema12-hdr__burger { display: flex; }
}
/* Kaydirinca: opak zemin (sablonun %90 saydamligi + bulanikligi altindaki yaziyi sizdiriyordu), daha alcak cubuk. */
.header.gtema12-header--inline.is-sticky { height: 76px; opacity: 1 !important; box-shadow: 0 1px 0 rgba(255, 255, 255, .08), 0 8px 30px rgba(0, 0, 0, .12); }
@media (max-width: 767px) { .header.gtema12-header--inline.is-sticky { height: 64px; } }


/* === css/footer.css === */
/* ============================================================
   GTema12 — Alt bilgi (.gtema12-footer; sablonun footer -type-1/-type-2/-type-3 varyantlari).
   Isaretleme: Views/Shared/Components/_Footer. Panel > Alt Bilgi renkleri + arka plan gorseli burada okunur;
   bu dosya baska bolgeye kural yazmaz. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

.gtema12-footer { background-color: var(--bg-footer, #122223); color: var(--color-footer, #A3ADAD); }
.gtema12-footer h4 { color: var(--color-footer-link, #fff); }
.gtema12-footer a { color: var(--color-footer-link, #fff); }
.gtema12-footer a:hover { color: var(--color-footer-link-hover, #F9DABA); }
.gtema12-footer__muted, .gtema12-footer a.gtema12-footer__muted { color: var(--color-footer, #A3ADAD); }
.gtema12-footer a.gtema12-footer__muted:hover { color: var(--color-footer-link-hover, #F9DABA); }
.gtema12-footer__logo-img { display: block; max-height: 60px; width: auto; }

/* -type-1 -bg-1: seftali bant + yuvarlatilmis koyu panel */
.gtema12-footer--band { background-color: transparent; }
.gtema12-footer__panel { background-color: var(--bg-footer, #122223); }
/* -type-3 -borderGap */
.gtema12-footer--gap { background-color: transparent; }
.gtema12-footer--gap .footer__bg { background-color: var(--bg-footer, #122223); }
/* Panel > Alt Bilgi: arka plan gorseli (--bg-footer-image) + golge katmani (--bg-footer-overlay); gorsel yoksa yalnizca renk. */
.gtema12-footer:not(.gtema12-footer--band):not(.gtema12-footer--gap), .gtema12-footer__panel, .gtema12-footer--gap .footer__bg { background-image: linear-gradient(var(--bg-footer-overlay, rgba(0,0,0,0)), var(--bg-footer-overlay, rgba(0,0,0,0))), var(--bg-footer-image, none); background-size: auto, cover; background-position: center; background-repeat: no-repeat; }
.gtema12-footer__links { background-color: rgba(0, 0, 0, .18); }
.gtema12-footer__deep { background-color: rgba(0, 0, 0, .25); }
.gtema12-circle { border: 1px solid rgba(255, 255, 255, .12); }
.gtema12-rule { background-color: rgba(255, 255, 255, .12); }
.footer.-type-1 .footer__bottom,
.footer.-type-2 .footer__bottom,
.footer.-type-3 .footer__bottom,
.footer.-type-2 { border-top-color: rgba(127, 127, 127, .25); }
.footer.-type-1.-bottom-border-dark .footer__bottom { border-color: var(--color-border); }

/* ---------- Sutunlu alt bilgi (F4 — GTema12): .gtema12-footer--cols ----------
   Marka sutunu + iletisim + menu sutunlari (esnek satir); alt seritte telif + yasal baglantilar. */
.gtema12-footer--cols { padding-top: 88px; }
.gtema12-footer--cols .gtema12-fcols { display: flex; flex-wrap: wrap; gap: 48px 56px; padding: 0 15px 72px; }
.gtema12-footer--cols .gtema12-fcols__brand { flex: 1.5 1 280px; max-width: 360px; }
.gtema12-footer--cols .gtema12-fcols__col { flex: 1 1 170px; min-width: 0; }
.gtema12-footer--cols .gtema12-fcols__title { margin: 0 0 22px; font-family: var(--font-secondary); font-size: 22px; font-weight: 500; line-height: 1.2; }
.gtema12-footer--cols .gtema12-fcols__about { margin: 22px 0 0; font-size: 14px; line-height: 1.8; }
.gtema12-footer--cols .gtema12-fcols__list { display: flex; flex-direction: column; gap: 10px; font-size: 14px; line-height: 1.6; }
.gtema12-footer--cols .gtema12-fcols__social { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.gtema12-footer--cols .gtema12-fcols__social a { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(127, 127, 127, .35); border-radius: 50%; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.gtema12-footer--cols .gtema12-fcols__social a:hover { background-color: var(--bg-button); border-color: transparent; color: var(--color-button); }
.gtema12-footer--cols .gtema12-fcols__bottom { border-top: 1px solid rgba(127, 127, 127, .25); padding: 22px 0; font-size: 13px; }
.gtema12-footer--cols .gtema12-fcols__bottomrow { padding: 0 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 32px; }
.gtema12-footer--cols .gtema12-fcols__legal { display: flex; flex-wrap: wrap; gap: 6px 22px; }
@media (max-width: 767px) { .gtema12-footer--cols { padding-top: 60px; } .gtema12-footer--cols .gtema12-fcols { gap: 36px 32px; padding-bottom: 48px; } .gtema12-footer--cols .gtema12-fcols__brand { flex-basis: 100%; max-width: none; } }


/* === css/hero.css === */
/* ============================================================
   GTema12 — Ana sayfa hero (.gtema12-hero; sablonun hero -type-1..10 varyantlari + video hero).
   Isaretleme: Views/Shared/Components/_Slide (SlideImage, SlideVideo). Bu dosya baska bolgeye kural yazmaz.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

.hero__title {
    font-family: var(--font-secondary);
    font-weight: 500;
    line-height: 1.1;
    /* `color: inherit` YAZILMAZ: .text-white ile ayni ozgullukte olup sonra yuklendigi icin onu eziyordu ve
       baslik govde rengine dusuyordu (2026-09-24, GTema17 kiraci paletinde koyu yesil baslik / koyu gorsel). */
}
/* Responsive <picture> sarmalayicilari: hero gorseli kabini doldurur */
.hero__bg .gtema12-pic,
.hero.-type-3 .hero-slider .gtema12-pic { height: 100%; }
.hero__bg .gtema12-pic img,
.hero.-type-3 .hero-slider .gtema12-pic img { height: 100%; object-fit: cover; }
/* Hero dugmesi <a class="button">: .button display:flex blok kutu oldugu icin kolonun tum genisligine yayiliyordu
   (sablonda <button> = inline). */
.gtema12-hero .hero__content a.button { display: inline-flex; width: auto; }
.gtema12-hero { overflow: hidden; }
.gtema12-hero .container { position: relative; z-index: 2; }
.gtema12-hero__link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.gtema12-hero .hero__bg::after {
    /* Yazi okunurlugu icin yumusak karartma (sablonun gorselleri zaten koyuydu) */
    content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(180deg, rgba(18, 34, 35, .35) 0%, rgba(18, 34, 35, .15) 50%, rgba(18, 34, 35, .35) 100%);
    pointer-events: none;
}
.hero.-type-2 .hero__bg::after, .hero.-type-4 .hero__bg::after { display: none; }

/* -type-1: slider tum yuksekligi doldurur */
.hero.-type-1 .hero__slider,
.hero.-type-1 .hero__slider .swiper-wrapper,
.hero.-type-1 .hero__slider .swiper-slide { height: 100%; }
.hero.-type-1 .gtema12-hero__content { position: relative; display: flex; align-items: center; height: 100%; }
.hero.-type-1 .hero__bg { z-index: 0; }
.gtema12-hero__pagination { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); z-index: 3; }
@media (max-width: 767px) { .gtema12-hero__pagination { bottom: 24px; } }

/* -type-2: gorsel seridi */
.gtema12-hero2__pic img { width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; border-radius: 16px; }
@media (max-width: 575px) { .gtema12-hero2__pic img { height: 200px; aspect-ratio: auto; } }
.hero.-type-2 .hero-slider__image { border-radius: 16px; }

/* -type-3 */
.hero.-type-3 .hero-slider .swiper-slide { height: 100%; }

/* -type-6: her slayt kendi dolgusunu tasir (arka plan slayta baglidir) */
.hero.-type-6 { padding-top: 0; padding-bottom: 0; }
.gtema12-hero6__slide { position: relative; padding-top: 220px; padding-bottom: 180px; }
@media (max-width: 991px) { .gtema12-hero6__slide { padding-top: 160px; padding-bottom: 100px; } }
@media (max-width: 767px) { .gtema12-hero6__slide { padding-top: 120px; padding-bottom: 160px; } }
.gtema12-hero6__pagination { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 3; }

/* Slider oklari icerik uzerinde kalsin */
.gtema12-hero .hero__nav, .gtema12-hero .hero__pagination { z-index: 3; }

/* Video hero */
.gtema12-hero--video .gtema12-hero__media { overflow: hidden; }
.gtema12-hero__yt { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; }
#heroYtPlayer, .gtema12-hero__yt iframe {
    position: absolute; top: 50%; left: 50%;
    width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.78vh;
    transform: translate(-50%, -50%); pointer-events: none;
}
.gtema12-hero__shield { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.gtema12-hero__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(18, 34, 35, .35); }

/* ---------- Bant hero (hero 11 — GTema12): .gtema12-hero--band ----------
   Tam ekran yerine ~%78 yukseklik; ustte menu okunsun diye koyu perde, altta yumusak gecis. */
.hero.-type-1.gtema12-hero--band { height: clamp(480px, 78vh, 860px); margin-top: calc(var(--header-top-solid, 0) * 110px); }
@media (max-width: 575px) { .hero.-type-1.gtema12-hero--band { margin-top: calc(var(--header-top-solid, 0) * 74px); } }
/* Icerik menu cubugunun altinda ortalanir: cubuk saydamken sablonun 80px ust boslugu, opakken gerekmez. */
.hero.-type-1.gtema12-hero--band .hero__content { padding-top: calc((1 - var(--header-top-solid, 0)) * 80px); }
.gtema12-hero--band .hero__bg::after { background: linear-gradient(180deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .12) 30%, rgba(0, 0, 0, .12) 62%, rgba(0, 0, 0, .42) 100%); }
.hero.-type-1.gtema12-hero--band .hero__title { font-size: 60px; line-height: 1.2; text-transform: uppercase; letter-spacing: .02em; }
.hero.-type-1.gtema12-hero--band .hero__subtitle { font-size: 13px; letter-spacing: .24em; margin-bottom: 24px; }
@media (max-width: 1199px) { .hero.-type-1.gtema12-hero--band .hero__title { font-size: 46px; } }
@media (max-width: 767px) { .hero.-type-1.gtema12-hero--band { height: clamp(420px, 70vh, 640px); } .hero.-type-1.gtema12-hero--band .hero__title { font-size: 32px; } }
.hero.-type-1.gtema12-hero--band .hero__arrow { bottom: 36px; right: 36px; }
.gtema12-hero--band .gtema12-hero__pagination { bottom: 36px; }


/* === css/page-banner.css === */
/* ============================================================
   GTema12 — Sayfa bandi (.pageHero; sablonun pageHero -type-1/-type-2 varyantlari).
   Isaretleme: Views/Shared/_Breadcrumbs. Bu dosya baska bolgeye kural yazmaz.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

.pageHero__title {
    font-family: var(--font-secondary);
    font-weight: 500;
    line-height: 1.1;
}
.pageHero .container { position: relative; z-index: 1; }
.pageHero__bg { overflow: hidden; }
.pageHero__bg .swiper-wrapper, .pageHero__bg .swiper-slide { height: 100%; }
.pageHero.-type-1.-items-center { display: flex; align-items: center; height: auto; min-height: 560px; padding-top: 140px; padding-bottom: 80px; }
.pageHero.-type-2.-items-center { height: auto; min-height: 640px; padding-top: 140px; padding-bottom: 80px; }
@media (max-width: 767px) {
    .pageHero.-type-1.-items-center, .pageHero.-type-2.-items-center { min-height: 0; padding-top: 140px; padding-bottom: 60px; }
}
.gtema12-pageHero__veil { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.gtema12-pageHero--dark { background-color: var(--color-accent-1); color: #fff; }
.gtema12-pageHero--dark .gtema12-pageHero__veil { background: linear-gradient(180deg, rgba(18, 34, 35, .6) 0%, rgba(18, 34, 35, .3) 100%); }
.gtema12-pageHero--dark .pageHero__title, .gtema12-pageHero--dark .pageHero__subtitle { color: #fff; }


/* === css/sections.css === */
/* ============================================================
   GTema12 — Blok grubu kabugu + blok grubu basligi (tum bloklarin ortak kabugu).
   Isaretleme: Views/Shared/Components/_Group ve Pages/Blocks/* (her blok grubu section.layout-pt-lg.layout-pb-lg
   kabugunda basilir), Views/Shared/_BlockGroupHeader (ust yazi + baslik + aciklama .gtema12-head__text).
   Secici koku: sablonun bolum ritmi siniflari (.layout-pt-lg / .layout-pb-lg), .section-eyebrow, .gtema12-head__text.
   Bloga ozgu kurallar css/blocks/{ad}.css'te. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Blok grubu basligi: aciklama paragraflari */
.gtema12-head__text p { margin: 0; }
.gtema12-head__text p + p { margin-top: .6em; }

/* Bolum basligindaki ust yazi (kucuk buyuk harf) sablonda .text-15.uppercase */
.section-eyebrow { font-size: 15px; text-transform: uppercase; }

/* Blok grubu basligi "side" modu (dar sol sutun): cerceveli kucuk CTA */
.gtema12-head__cta { display: inline-flex; align-items: center; height: 38px; margin-top: 24px; padding: 0 18px; border: 1px solid currentColor; border-radius: 4px; font-size: 13px; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.gtema12-head__cta:hover { background-color: var(--bg-button); color: var(--color-button); border-color: transparent; }

/* "Grand" (cfg.grand — GTema12): bolum ritmi 200px yerine 120px */
.layout-pt-lg { padding-top: 120px; }
.layout-pb-lg { padding-bottom: 120px; }
@media (max-width: 991px) { .layout-pt-lg { padding-top: 84px; } .layout-pb-lg { padding-bottom: 84px; } }
@media (max-width: 575px) { .layout-pt-lg { padding-top: 64px; } .layout-pb-lg { padding-bottom: 64px; } }


/* === css/cards.css === */
/* ============================================================
   GTema12 — Ortak kart / izgara bilesenleri (blok + liste + detayda ayni isaretlemeyle kullanilanlar).
   Isaretleme: slider yedegi .gtema12-static-row / .gtema12-static-one / .gtema12-auto-static (Pages/Blocks/_ImageCards_Block,
   _RoomView_Block, Components/_ListRoomsForDetail, _PageDetailMedias, _RoomDetailMedias); ustune baslik yazan kart
   .gtema12-actcard (_ImageCards_Block + _ListPages/ActivityList); ters sirali yatay satir .gtema12-offset-end
   (_HorizontalCards_Block + _ListPages/RoomList). Kartlarin kendisi sablonundur (roomCard, baseCard, cardImage;
   lib/template/main.css).
   Secici koku: .gtema12-static-row, .gtema12-static-one, .gtema12-auto-static, .gtema12-actcard, .gtema12-offset-end.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Slider kurulmadiginda (az oge) ogeler izgara olarak dizilir */
.gtema12-static-row.swiper-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 30px; transform: none !important; }
.gtema12-static-row > .swiper-slide { width: auto; }
.gtema12-static-one .swiper-wrapper { display: block; }
.gtema12-auto-static .swiper-wrapper { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }

/* Ustune baslik yazan kart (baseCard -type-1) tam baglanti */
.gtema12-actcard { position: relative; display: block; }
.gtema12-actcard .baseCard__image { overflow: hidden; }
.gtema12-actcard .baseCard__content::before {
    content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
    background: linear-gradient(180deg, rgba(18, 34, 35, 0) 40%, rgba(18, 34, 35, .65) 100%);
    z-index: -1; pointer-events: none;
}
.gtema12-actcard .baseCard__content { z-index: 1; }

/* Yatay kart satirlarinda ters siralama */
@media (min-width: 768px) { .gtema12-offset-end { margin-right: 8.33333%; } }


/* === css/forms.css === */
/* ============================================================
   GTema12 — Form alanlari (iletisim formu .contactForm: yuzen etiket, onay kutusu) + guvenlik dogrulamasi
   (sistem captcha'si) + form sonucu kutusu (js/contact-form.js).
   Isaretleme: Views/Shared/Components/_ListPages/ContactList (form.contactForm[data-gtema12-contact]).
   Secici koku: .contactForm, .form-checkbox, .gtema12-captcha*, .gtema12-hp, .gtema12-form-alert.
   Harita ve iletisim bandi page-contact.css'te. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Yuzen etiket dolu alanda da yukari kalksin (sablon yalnizca odakta kaldiriyordu) */
.contactForm .form-input input:not(:placeholder-shown) + label,
.contactForm .form-input textarea:not(:placeholder-shown) + label { transform: translateY(-29px); }
.contactForm .form-input label { color: var(--color-body); }
.form-checkbox__icon i { display: block; font-size: 12px; line-height: 1; }
.form-checkbox input:checked ~ .form-checkbox__mark .form-checkbox__icon { opacity: 1; }

/* ---------- Guvenlik dogrulamasi (sistem captcha'si) + form sonucu (js/contact-form.js) ----------
   Renkler yazi renginden turetilir (currentColor) — acik ve koyu zeminli formda da gorunur. Bot tuzagi ekran disinda:
   display:none KULLANILMAZ (bazi botlar gizli alanlari atlar, ekran disini atlamaz). */
.gtema12-captcha__label { display: block; margin-bottom: 6px; font-size: .9rem; opacity: .85; }
.gtema12-captcha__row { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.gtema12-captcha__q { display: inline-flex; align-items: center; justify-content: center; min-width: 150px; min-height: 46px; padding: 0 6px; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: 6px; background: color-mix(in srgb, currentColor 5%, transparent); color: inherit; }
.gtema12-captcha__q svg { display: block; }
.gtema12-captcha__refresh { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 42px; height: 42px; padding: 0; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: 6px; background: transparent; color: inherit; cursor: pointer; transition: background .2s ease; }
.gtema12-captcha__refresh:hover, .gtema12-captcha__refresh:focus-visible { background: color-mix(in srgb, currentColor 10%, transparent); }
.gtema12-captcha__input { flex: 0 0 140px; width: 140px; max-width: 140px; }
.gtema12-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.gtema12-form-alert { margin-bottom: 16px; padding: 12px 16px; border-radius: 6px; font-size: .95rem; line-height: 1.5; }
.gtema12-form-alert[hidden] { display: none; }
.gtema12-form-alert.is-success { background: #e8f5ee; color: #1d6b43; border: 1px solid #b7dfc8; }
.gtema12-form-alert.is-error { background: #fdecec; color: #9b2c2c; border: 1px solid #f3c1c1; }
.gtema12-captcha__input { height: 46px; padding: 0 14px; border: 1px solid color-mix(in srgb, currentColor 22%, transparent); border-radius: 0; background: transparent; color: inherit; font: inherit; }
.gtema12-captcha__input:focus { outline: none; border-color: var(--color-accent-2, currentColor); }


/* === css/page-list.css === */
/* ============================================================
   GTema12 — Liste sayfalari (oda / sayfa / blog listesi).
   Isaretleme: Views/Shared/Components/_ListPages/RoomList (luksde .gtema12-roomrow), GeneralList (luksde .gtema12-postrow),
   ActivityList. Kartlar sablonundur (lib/template/main.css); metin kirpma .gtema12-clamp base.css'te, ortak kart
   bilesenleri cards.css'te. Bu ailede liste sayfasinin tabanda kendine ozgu kurali yok; yalnizca luks rotusunun
   satir duzeni asagidadir.
   Secici koku: .gtema12-roomrow, .gtema12-postrow. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */



/* === css/page-detail.css === */
/* ============================================================
   GTema12 — Oda / sayfa detayi: yapiskan rezervasyon karti, foto izgarasi, kayan galeri.
   Isaretleme: Views/Pages/Default (oda detayi .gtema12-room, sayfa/blog detayi .gtema12-page), Views/Shared/_RoomSidebar
   (.gtema12-sidebar), Components/_RoomDetailMedias (.roomsSingleGrid .gtema12-grid__cell, .gtema12-gallery__all,
   .gtema12-auto__*), _PageDetailMedias ve _ListRoomsForDetail ("Diger odalar", ortak slider yedegi cards.css'te).
   Secici koku: .gtema12-sidebar, .roomsSingleGrid, .gtema12-gallery__all, .gtema12-auto__*, .gtema12-room, .gtema12-page.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Oda detayi */
.gtema12-sidebar { position: sticky; top: 130px; border-radius: 16px; background-color: #fff; }
.roomsSingleGrid .gtema12-grid__cell { display: block; position: relative; overflow: hidden; }
.roomsSingleGrid .gtema12-grid__cell:first-child { grid-row: span 2; }
.gtema12-gallery__all { cursor: pointer; }
.gtema12-auto__item { display: block; height: 520px; }
.gtema12-auto__pic { display: block; height: 100%; width: auto; }
.gtema12-auto__pic img { display: block; height: 100%; width: auto; }
@media (max-width: 767px) { .gtema12-auto__item { height: 280px; } }



/* === css/page-gallery.css === */
/* ============================================================
   GTema12 — Galeri sayfasi / galeri filtresi (js/gallery-filter.js) ve galeri karolari.
   Isaretleme: Views/Shared/Components/_GalleryFilterPages (.gtema12-filter, .gtema12-filter__btn, .gtema12-grid__item,
   .gtema12-tile), _MediaDetailMedias (.gtema12-tile).
   Secici koku: .gtema12-filter__btn, .gtema12-grid__item, .gtema12-tile. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Galeri filtresi (tabs -type-1) */
.gtema12-filter__btn { cursor: pointer; }
.gtema12-grid__item[hidden] { display: none !important; }

/* Galeri karosu: uzerine gelince gorsel hafif buyur */
.gtema12-tile { display: block; overflow: hidden; }
.gtema12-tile:hover img { transform: scale(1.04); }
.gtema12-tile img { transition: transform .5s ease; }

/* Galeri modul sayfasi: giris metni (ozet) ile filtre sekmeleri arasinda bosluk. Liste sayfalarinda izgara kendi ust
   boslugunu tasir (pt-60); galeri filtresinde yoktu, ozet satiri sekmelere yapisiyordu. Ozet yoksa (filtre ilk oge) eklenmez. */
.gtema12-section > .container + .container > .gtema12-filter { margin-top: 56px; }
@media (max-width: 767px) { .gtema12-section > .container + .container > .gtema12-filter { margin-top: 32px; } }


/* === css/page-contact.css === */
/* ============================================================
   GTema12 — Iletisim sayfasi: harita ve iletisim bandi (form alanlari forms.css'te).
   Isaretleme: Views/Shared/Components/_ListPages/ContactList (.gtema12-contact-band, .gtema12-map).
   Secici koku: .gtema12-contact-band, .gtema12-map. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Iletisim */
.gtema12-map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; display: block; }
.gtema12-contact-band .sectionBg.-left { min-height: 100%; }
@media (max-width: 767px) { .gtema12-contact-band .sectionBg.-left { height: 320px; min-height: 0; margin-bottom: 40px; } }



/* === css/page-sections.css === */
/* ============================================================
   GTema12 — Sayfa bolumleri (panel "Bolumler" sekmesi)
   Sol yapiskan bolum menusu (sablonun sidebar -blog dili) + sagda icerik bloklari.
   Isaretleme: Themes/GTema12/Views/Shared/_PageSections.cshtml — Icerik + Yan Menu blogu (_ContentSidebar_Block)
   ayni isaretlemeyi (.sidebar -blog .gtema12-psections__nav + .gtema12-psection) kullanir, kurallari buradan alir.
   Aktif satir yalnizca .gtema12-psections__nav a.is-active ile yazilir (eski ".sidebar.-blog a.is-active" ayni ogede
   ayni degeri tekrarliyordu, kaldirildi).
   ============================================================ */

.gtema12-psections__nav { position: sticky; top: 130px; }
.gtema12-psections__nav a { transition: color .2s; }
.gtema12-psections__nav a.is-active { font-weight: 500; }

.gtema12-psection { scroll-margin-top: 130px; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid var(--color-border); }
.gtema12-psection:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

@media (max-width: 991px) {
    .gtema12-psections__nav { position: static; }
}


/* === css/blocks/about.css === */
/* ============================================================
   GTema12 — Hakkimizda (AboutView) blogu (A10): <section class="... gtema12-block gtema12-block--about">.
   Isaretleme: Views/Pages/Blocks/_AboutView_Block.cshtml. Bu dosyadaki her secici .gtema12-block--about ile baslar.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Iki gorselli kolaj (imageGrid -type-3) */
.gtema12-block--about .imageGrid.-type-3 .gtema12-grid3__a { width: 45%; }
.gtema12-block--about .imageGrid.-type-3 .gtema12-grid3__b { width: 70%; }
@media (max-width: 767px) { .gtema12-block--about .imageGrid.-type-3 .gtema12-grid3__a, .gtema12-block--about .imageGrid.-type-3 .gtema12-grid3__b { width: 100%; } }
.gtema12-block--about .gtema12-backtitle { white-space: nowrap; overflow: hidden; }

/* A10: metin + yan yana iki dikey gorsel (ilki hafif asagida); tek gorselde yatay tek kutu. */
.gtema12-block--about .gtema12-about__row--spaced { margin-top: 90px; }
.gtema12-block--about .gtema12-about__title { font-size: 40px; line-height: 1.15; text-transform: uppercase; }
.gtema12-block--about .gtema12-about__text { margin-top: 24px; font-size: 15px; line-height: 1.9; opacity: .78; }
.gtema12-block--about .gtema12-about__text p { color: inherit; }
.gtema12-block--about .gtema12-about__text p + p { margin-top: .8em; }
.gtema12-block--about .gtema12-about__duo { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start; }
.gtema12-block--about .gtema12-about__shot { position: relative; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 6px; background-color: var(--color-light-2); }
.gtema12-block--about .gtema12-about__duo > .gtema12-about__shot:first-child { margin-top: 36px; }
.gtema12-block--about .gtema12-about__duo--single { grid-template-columns: 1fr; }
.gtema12-block--about .gtema12-about__duo--single > .gtema12-about__shot:first-child { aspect-ratio: 4 / 3; margin-top: 0; }
@media (max-width: 991px) { .gtema12-block--about .gtema12-about__row--spaced { margin-top: 56px; } .gtema12-block--about .gtema12-about__title { font-size: 30px; } }
@media (max-width: 575px) { .gtema12-block--about .gtema12-about__duo { gap: 14px; } .gtema12-block--about .gtema12-about__duo > .gtema12-about__shot:first-child { margin-top: 20px; } .gtema12-block--about .gtema12-about__duo--single > .gtema12-about__shot:first-child { margin-top: 0; } }


/* === css/blocks/feature.css === */
/* ============================================================
   GTema12 — One Cikan Icerik (FeatureView) blogu (F-side): <section class="... gtema12-block gtema12-block--feature">.
   Isaretleme: Views/Pages/Blocks/_FeatureView_Block.cshtml. Bu dosyadaki her secici .gtema12-block--feature ile baslar.
   Gorsel kaplari sablonun kendi siniflaridir (sideImages -type-1, imageGrid -type-5, lineGrid; lib/template/main.css) ve .gtema12-fill /
   .gtema12-pic (base.css) ile doldurulur; bu blogun kendi farki yalnizca asagidadir.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */


/* === css/blocks/sidebar.css === */
/* ============================================================
   GTema12 — Icerik + Yan Menu (ContentSidebar) blogu: <section class="... gtema12-block gtema12-block--sidebar">.
   Isaretleme: Views/Pages/Blocks/_ContentSidebar_Block.cshtml. Bu dosyadaki her secici .gtema12-block--sidebar ile baslar.
   Yan menu (.sidebar -blog .gtema12-psections__nav) ve bolumler (.gtema12-psection) panelin "Bolumler" sekmesiyle AYNI
   isaretlemedir; ortak kurallari page-sections.css'te. Bu blogun kendine ozgu bir farki yok.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */


/* === css/blocks/faq.css === */
/* ============================================================
   GTema12 — Sikca Sorulan Sorular (FaqAccordion) blogu: <section class="... gtema12-block gtema12-block--faq">.
   Isaretleme: Views/Pages/Blocks/_FaqAccordion_Block.cshtml (sablonun accordion -type-1'i; davranis main.js).
   Bu dosyadaki her secici .gtema12-block--faq ile baslar. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Akordeon: dugme etiketi */
.gtema12-block--faq .accordion__button h3 { font-size: 24px; color: inherit; }
.gtema12-block--faq .accordion__button { width: 100%; text-align: left; }
.gtema12-block--faq .accordion__icon i:nth-child(2) { position: absolute; top: 0; left: 0; }


/* === css/blocks/highlight.css === */
/* ============================================================
   GTema12 — Alintilar / Vurgu Kartlari (HighlightCards) blogu (HQ-dark): <section class="... gtema12-block gtema12-block--highlight">.
   Isaretleme: Views/Pages/Blocks/_HighlightCards_Block.cshtml. Bu dosyadaki her secici .gtema12-block--highlight ile baslar.
   Blok gorseli burada kucuk yuvarlak kisi gorselidir (avatar); blok ogesi slaydi bu blokta KURULMAZ.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Koyu panel + sag gorsel (HQ-dark2) */
.gtema12-block--highlight .sectionBg.-type-2 .gtema12-sidepic { position: absolute; top: 0; right: 60px; width: 40vw; height: 100%; }
.gtema12-block--highlight .sectionBg.-type-2 .gtema12-sidepic img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 1199px) {
    .gtema12-block--highlight .sectionBg.-type-2 .gtema12-sidepic { position: relative; right: auto; width: 100%; height: 400px; padding: 0 60px; margin-bottom: 40px; }
}
@media (max-width: 767px) { .gtema12-block--highlight .sectionBg.-type-2 .gtema12-sidepic { padding: 0; } }

/* Alintilar: tirnak ikonu, kart, kisi gorseli (koyu zeminli varyantta .gtema12-dark bolumun kokundedir) */
.gtema12-block--highlight .gtema12-quote-icon svg { width: 45px; height: 44px; color: var(--color-accent-1); }
.gtema12-block--highlight.gtema12-dark .gtema12-quote-icon svg, .gtema12-block--highlight .text-white .gtema12-quote-icon svg { color: #fff; }
.gtema12-block--highlight .gtema12-quote-card .gtema12-quote-icon svg { width: 31px; height: 30px; }
.gtema12-block--highlight .gtema12-quote-card { border-radius: 16px; }
.gtema12-block--highlight .gtema12-avatar { object-fit: cover; }
.gtema12-block--highlight .gtema12-avatar-fallback { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; background-color: var(--color-light-1); font-weight: 500; }


/* === css/blocks/hcards.css === */
/* ============================================================
   GTema12 — Yatay Kartlar (HorizontalCards) blogu (H-rows): <section class="... gtema12-block gtema12-block--hcards">.
   Isaretleme: Views/Pages/Blocks/_HorizontalCards_Block.cshtml. Bu dosyadaki her secici .gtema12-block--hcards ile baslar.
   Ikon tipli bolum: kart YALNIZCA ikon tasir (BlockGroupTypeExtensions.UsesIcon) — gorsel dali yok.
   Satirlarin ters siralamasi oda listesiyle ortak oldugu icin blokta degil: .gtema12-offset-end cards.css'te, .order-md-* base.css'te.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Blok ikonu (katalog): 1:1 kutuda ortali buyuk glif */
.gtema12-block--hcards .gtema12-hrow-glyph { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border-radius: 16px; background: rgba(0, 0, 0, .04); }
.gtema12-block--hcards .gtema12-hrow-glyph .ic { font-size: 140px; }


/* === css/blocks/html.css === */
/* ============================================================
   GTema12 — HTML Bolumu (HtmlSection) blogu: <section class="... gtema12-block gtema12-block--html">.
   Isaretleme: Views/Pages/Blocks/_HtmlSection_Block.cshtml. Bu dosyadaki her secici .gtema12-block--html ile baslar.
   Serbest icerik temanin ortak okuma tipografisiyle (.gtema12-prose, base.css) basilir; bu blogun kendine ozgu bir farki yok.
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */


/* === css/blocks/icons.css === */
/* ============================================================
   GTema12 — Ikonlu Kartlar (IconCards) blogu (I-side): <section class="... gtema12-block gtema12-block--icons">.
   Isaretleme: Views/Pages/Blocks/_IconCards_Block.cshtml (sablonun iconCard -type-1'i). Bu dosyadaki her secici
   .gtema12-block--icons ile baslar. Ikon tipli bolum: kart YALNIZCA ikon tasir — gorsel dali yok.
   Dosya adi "icon-" ile BASLAMAZ (AppUiIconCatalogTests layout'taki adresi eski ikon sinifi sanir).
   (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

.gtema12-block--icons .iconCard__icon i { display: block; }

/* Blok ikonu (katalog): .iconCard__icon zaten text-50 (50px) verir, glifin varsayilan 2.5em'i ezilir */
.gtema12-block--icons .iconCard__icon .ic { font-size: 1em; }

/* I-side: solda bolum basligi, sagda beyaz ikon kartlari (.gtema12-facts; en az 150px, sigdigi kadar sutun). */
.gtema12-block--icons .gtema12-facts { display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.gtema12-block--icons .gtema12-facts__card { display: flex; flex-direction: column; align-items: center; padding: 30px 16px 24px; border-radius: 6px; background-color: var(--bg-body, #fff); text-align: center; transition: transform .25s ease, box-shadow .25s ease; }
.gtema12-block--icons .gtema12-facts__card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(0, 0, 0, .07); }
.gtema12-block--icons .gtema12-facts__icon { font-size: 40px; line-height: 1; color: var(--gtema12-eyebrow, var(--color-accent-2)); }
.gtema12-block--icons .gtema12-facts__icon i { display: block; }
.gtema12-block--icons .gtema12-facts__title { margin-top: 18px; font-size: 17px; line-height: 1.25; }
.gtema12-block--icons .gtema12-facts__text { margin-top: 8px; font-size: 13px; line-height: 1.6; opacity: .75; }
.gtema12-block--icons .gtema12-facts__text p { color: inherit; font-size: inherit; line-height: inherit; }
@media (max-width: 575px) { .gtema12-block--icons .gtema12-facts { gap: 12px; grid-template-columns: repeat(2, 1fr); } }
@media (prefers-reduced-motion: reduce) { .gtema12-block--icons .gtema12-facts__card { transition: none; } }


/* === css/blocks/images.css === */
/* ============================================================
   GTema12 — Gorselli Kartlar (ImageCards) blogu (C1-discover): <section class="... gtema12-block gtema12-block--images">.
   Isaretleme: Views/Pages/Blocks/_ImageCards_Block.cshtml (sablonun baseCard / cardRow / cardImage kartlari; lib/template/main.css).
   Ustune baslik yazan kart (.gtema12-actcard) aktivite listesiyle ortak oldugu icin cards.css'te.
   Bu dosyadaki her secici .gtema12-block--images ile baslar. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Blok ogesine birden fazla gorsel eklenmisse (GalleryImageUrls > 1) kartin gorsel kutusunda ust uste gecisli slayt
   (main.js [data-gtema12-slider], yalnizca opacity — CLS yok). Kok (.gtema12-images-slider) karti sarar; slaytlar gorsel
   kutusunun icinde, noktalar kart baglantisinin DISINDA (kokun sag ustunde). Tek gorselde bu isaretleme hic basilmaz.
   Slaytlara z-index verilmez: kartin baslik katmani DOM sirasiyla ustte kalir. */
.gtema12-block--images .gtema12-images-slider { position: relative; }
.gtema12-block--images .gtema12-images-slider__slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.gtema12-block--images .gtema12-images-slider__slide.is-active { opacity: 1; }
.gtema12-block--images .gtema12-images-slider__dots { position: absolute; top: 20px; right: 20px; z-index: 3; display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.gtema12-block--images .gtema12-images-slider__dots button { display: block; width: 10px; height: 10px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: transparent; opacity: .75; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, .35); }
.gtema12-block--images .gtema12-images-slider__dots button.is-active,
.gtema12-block--images .gtema12-images-slider__dots button:hover { background: #fff; opacity: 1; }


/* === css/blocks/info.css === */
/* ============================================================
   GTema12 — Bilgi Kartlari (InfoCards) blogu: <section class="... gtema12-block gtema12-block--info">.
   Isaretleme: Views/Pages/Blocks/_InfoCards_Block.cshtml (sayac satiri ya da metin basliklar). Bu dosyadaki her
   secici .gtema12-block--info ile baslar. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Sayac olmayan bilgi kartlari (metin baslik) */
.gtema12-block--info .gtema12-stat--text .gtema12-stat__text { max-width: 320px; margin-left: auto; margin-right: auto; }


/* === css/blocks/rooms.css === */
/* ============================================================
   GTema12 — One Cikan Odalar (RoomView) blogu (R11): <section class="... gtema12-block gtema12-block--rooms">.
   Isaretleme: Views/Pages/Blocks/_RoomView_Block.cshtml (sablonun roomCard -type-1..4 kartlari; lib/template/main.css).
   Bu dosyadaki her secici .gtema12-block--rooms ile baslar. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Blok ogesine birden fazla gorsel eklenmisse (GalleryImageUrls > 1) kartin gorsel kutusunda ust uste gecisli slayt
   (main.js [data-gtema12-slider], yalnizca opacity — CLS yok). Kok (.gtema12-rooms-slider) karti sarar; slaytlar gorsel
   kutusunun icinde, noktalar kart baglantisinin DISINDA (kokun sag ustunde). Tek gorselde bu isaretleme hic basilmaz.
   Slaytlara z-index verilmez: kutudaki etiket / DETAY dairesi / cerceve DOM sirasiyla ustte kalir. */
.gtema12-block--rooms .gtema12-rooms-slider { position: relative; }
/* Gorsel yigini (R3): kok, ogenin mutlak konumlu katmanini doldurur (katmanin kendi konumu bozulmaz). */
.gtema12-block--rooms .gtema12-rooms-slider--fill { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.gtema12-block--rooms .gtema12-rooms-slider__slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.gtema12-block--rooms .gtema12-rooms-slider__slide.is-active { opacity: 1; }
.gtema12-block--rooms .gtema12-rooms-slider__dots { position: absolute; top: 24px; right: 24px; z-index: 3; display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.gtema12-block--rooms .gtema12-rooms-slider__dots button { display: block; width: 10px; height: 10px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: transparent; opacity: .75; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, .35); }
.gtema12-block--rooms .gtema12-rooms-slider__dots button.is-active,
.gtema12-block--rooms .gtema12-rooms-slider__dots button:hover { background: #fff; opacity: 1; }

/* R11: koyu bantta ortalanmis oda sahnesi. Sahne (.gtema12-rooms-stage) ekranin ~%70'i; Swiper tasmasi gorunur,
   komsu slaytlar iki yanda soluk durur (yatay tasmayi .gtema12-main keser). Oda adi gorselin sol altinda. */
.gtema12-block--rooms .gtema12-rooms-stage { position: relative; width: min(1320px, 70vw); margin: 0 auto; }
.gtema12-block--rooms .gtema12-rooms-stage--spaced { margin-top: 48px; }
.gtema12-block--rooms .gtema12-rooms-stage__slider { overflow: visible; }
.gtema12-block--rooms .gtema12-rooms-stage__card { position: relative; display: block; overflow: hidden; border-radius: 6px; color: #fff; transition: opacity .5s ease; }
.gtema12-block--rooms .gtema12-rooms-stage__media { position: relative; aspect-ratio: 16 / 11; background-color: rgba(255, 255, 255, .06); }
.gtema12-block--rooms .gtema12-rooms-stage__media img { transition: transform .8s ease; }
.gtema12-block--rooms .gtema12-rooms-stage__card:hover .gtema12-rooms-stage__media img { transform: scale(1.03); }
.gtema12-block--rooms .gtema12-rooms-stage__caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 90px 40px 30px; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .62) 100%); pointer-events: none; }
.gtema12-block--rooms .gtema12-rooms-stage__title { font-size: 30px; line-height: 1.15; color: #fff; }
.gtema12-block--rooms .gtema12-rooms-stage__meta { margin-top: 6px; font-size: 14px; color: rgba(255, 255, 255, .82); }
.gtema12-block--rooms .swiper-initialized .swiper-slide:not(.swiper-slide-active) .gtema12-rooms-stage__card { opacity: .32; }
.gtema12-block--rooms .gtema12-rooms-stage__nav {
    position: absolute; top: 50%; z-index: 4; width: 56px; height: 56px; margin-top: -28px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 19px;
    background-color: #fff; color: var(--color-accent-1); box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
    transition: background-color .2s ease, color .2s ease;
}
.gtema12-block--rooms .gtema12-rooms-stage__nav--prev { left: -28px; }
.gtema12-block--rooms .gtema12-rooms-stage__nav--next { right: -28px; }
.gtema12-block--rooms .gtema12-rooms-stage__nav:hover { background-color: var(--bg-button); color: var(--color-button); }
@media (max-width: 991px) { .gtema12-block--rooms .gtema12-rooms-stage { width: 82vw; } .gtema12-block--rooms .gtema12-rooms-stage__caption { padding: 60px 22px 20px; } .gtema12-block--rooms .gtema12-rooms-stage__title { font-size: 22px; } }
@media (max-width: 575px) { .gtema12-block--rooms .gtema12-rooms-stage { width: 86vw; } .gtema12-block--rooms .gtema12-rooms-stage--spaced { margin-top: 32px; } .gtema12-block--rooms .gtema12-rooms-stage__media { aspect-ratio: 4 / 3; } .gtema12-block--rooms .gtema12-rooms-stage__nav { width: 42px; height: 42px; margin-top: -21px; font-size: 16px; } .gtema12-block--rooms .gtema12-rooms-stage__nav--prev { left: -14px; } .gtema12-block--rooms .gtema12-rooms-stage__nav--next { right: -14px; } }
@media (prefers-reduced-motion: reduce) { .gtema12-block--rooms .gtema12-rooms-stage__media img, .gtema12-block--rooms .gtema12-rooms-stage__card { transition: none; } }


/* === css/blocks/services.css === */
/* ============================================================
   GTema12 — Hizmet Listesi (ServiceList) blogu: <section class="... gtema12-block gtema12-block--services">.
   Isaretleme: Views/Pages/Blocks/_ServiceList_Block.cshtml (sablonun ulList -type-1'i, iki sutun). Bu dosyadaki her
   secici .gtema12-block--services ile baslar. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */


/* === css/blocks/showcase.css === */
/* ============================================================
   GTema12 — Vitrin Kartlari (ShowcaseCards) blogu (C2-tabbar): <section class="... gtema12-block gtema12-block--showcase">.
   Isaretleme: Views/Pages/Blocks/_ShowcaseCards_Block.cshtml (temanin imza bolumu). Bu dosyadaki her secici
   .gtema12-block--showcase ile baslar. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* CTA bandi (C2-cta: her blok kendi <section class="cta -type-1 gtema12-cta">'i) */
.gtema12-block--showcase.gtema12-cta { color: #fff; }
.gtema12-block--showcase .gtema12-cta__veil { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(18, 34, 35, .45); }
.gtema12-block--showcase .cta__bg.px-60 .gtema12-cover { left: 60px; right: 60px; width: auto; }
.gtema12-block--showcase .cta__bg.px-60 .gtema12-cta__veil { left: 60px; right: 60px; }
@media (max-width: 575px) {
    .gtema12-block--showcase .cta__bg.px-60 .gtema12-cover, .gtema12-block--showcase .cta__bg.px-60 .gtema12-cta__veil { left: 15px; right: 15px; }
}

/* Blok ogesine birden fazla gorsel eklenmisse (GalleryImageUrls > 1) ogenin gorsel kutusunda ust uste gecisli slayt
   (main.js [data-gtema12-slider], yalnizca opacity — CLS yok). Noktalar gorsel baglantisinin DISINDA; tek gorselde bu
   isaretleme hic basilmaz. Slaytlara z-index verilmez: kutudaki diger ogeler DOM sirasiyla ustte kalir. */
.gtema12-block--showcase .gtema12-showcase-slider { position: relative; }
.gtema12-block--showcase .gtema12-showcase-slider--fill { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.gtema12-block--showcase .gtema12-showcase-slider__slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.gtema12-block--showcase .gtema12-showcase-slider__slide.is-active { opacity: 1; }
.gtema12-block--showcase .gtema12-showcase-slider__dots { position: absolute; top: 20px; right: 20px; z-index: 3; display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.gtema12-block--showcase .gtema12-showcase-slider__dots button { display: block; width: 10px; height: 10px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: transparent; opacity: .75; cursor: pointer; box-shadow: 0 0 4px rgba(0, 0, 0, .35); }
.gtema12-block--showcase .gtema12-showcase-slider__dots button.is-active,
.gtema12-block--showcase .gtema12-showcase-slider__dots button:hover { background: #fff; opacity: 1; }

/* C2-tabbar: ust kenarda tam satir sekme cubugu (esit sekmeler, alt cizgi, etkin sekmede vurgu cizgisi);
   dar ekranda cubuk yatay kayar. Icerik: kare gorsel + baslik / metin / dugme. Kok ayni zamanda .gtema12-tabbar. */
.gtema12-block--showcase.gtema12-tabbar { padding-bottom: 110px; }
.gtema12-block--showcase .gtema12-tabbar__head { padding-top: 100px; padding-bottom: 44px; }
.gtema12-block--showcase .gtema12-tabbar__bar { border-bottom: 1px solid color-mix(in srgb, var(--color-accent-1) 12%, transparent); }
.gtema12-block--showcase .gtema12-tabbar__controls { display: flex; overflow-x: auto; scrollbar-width: none; }
.gtema12-block--showcase .gtema12-tabbar__controls::-webkit-scrollbar { display: none; }
.gtema12-block--showcase .gtema12-tabbar__btn {
    position: relative; flex: 1 0 auto; min-width: 160px; padding: 26px 20px;
    font-family: var(--font-secondary); font-size: 19px; line-height: 1.2; text-align: center; white-space: nowrap;
    color: var(--color-accent-1); opacity: .72; transition: opacity .2s ease, color .2s ease;
}
.gtema12-block--showcase .gtema12-tabbar__btn + .gtema12-tabbar__btn { border-left: 1px solid color-mix(in srgb, var(--color-accent-1) 8%, transparent); }
.gtema12-block--showcase .gtema12-tabbar__btn::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background-color: var(--color-accent-2); transform: scaleX(0); transition: transform .3s ease; }
.gtema12-block--showcase .gtema12-tabbar__btn:hover,
.gtema12-block--showcase .gtema12-tabbar__btn.is-tab-el-active { opacity: 1; }
.gtema12-block--showcase .gtema12-tabbar__btn.is-tab-el-active::after { transform: scaleX(1); }
.gtema12-block--showcase .gtema12-tabbar__btn:focus-visible { outline: 2px solid var(--color-accent-2); outline-offset: -4px; }
.gtema12-block--showcase .gtema12-tabbar__content { margin-top: 80px; }
.gtema12-block--showcase .gtema12-tabbar__content .tabs__pane { width: 100%; }
.gtema12-block--showcase .gtema12-tabbar__media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 6px; background-color: var(--color-light-2); }
.gtema12-block--showcase .gtema12-tabbar__title { font-size: 38px; line-height: 1.15; text-transform: uppercase; }
.gtema12-block--showcase .gtema12-tabbar__text { margin-top: 22px; font-size: 15px; line-height: 1.9; }
.gtema12-block--showcase .gtema12-tabbar__text p { color: inherit; opacity: .78; }
.gtema12-block--showcase .gtema12-tabbar__text p + p,
.gtema12-block--showcase .gtema12-tabbar__text p + ul,
.gtema12-block--showcase .gtema12-tabbar__text ul + p { margin-top: 1em; }
.gtema12-block--showcase .gtema12-tabbar__text ul { margin: 0; padding: 0; list-style: none; }
.gtema12-block--showcase .gtema12-tabbar__text li { position: relative; padding-left: 30px; list-style: none; }
.gtema12-block--showcase .gtema12-tabbar__text li + li { margin-top: 8px; }
.gtema12-block--showcase .gtema12-tabbar__text li::before { content: var(--ic-check-lg); position: absolute; top: 0; left: 0; font-family: 'site-icons'; font-size: 16px; color: var(--gtema12-eyebrow, var(--color-accent-2)); }
@media (max-width: 991px) { .gtema12-block--showcase.gtema12-tabbar { padding-bottom: 72px; } .gtema12-block--showcase .gtema12-tabbar__head { padding-top: 72px; padding-bottom: 28px; } .gtema12-block--showcase .gtema12-tabbar__content { margin-top: 44px; } .gtema12-block--showcase .gtema12-tabbar__title { font-size: 28px; } .gtema12-block--showcase .gtema12-tabbar__btn { min-width: 140px; padding: 20px 16px; font-size: 17px; } }


/* === css/blocks/gallery.css === */
/* ============================================================
   GTema12 — Galeri (GalleryView) blogu: <section class="... gtema12-block gtema12-block--gallery">.
   Isaretleme: Views/Pages/Blocks/_GalleryView_Block.cshtml (her blok bir fotograf; tiklaninca GLightbox).
   Bu dosyadaki her secici .gtema12-block--gallery ile baslar. (Yorum icinde yildiz+bolu yan yana yazma: CSS yorumu erken kapanir.)
   ============================================================ */

/* Fotograf karosu: sabit oran (CLS yok), gorsel kutuyu doldurur, uzerine gelince hafif buyur; alt yazi altta perdeyle. */
.gtema12-block--gallery .gtema12-gtile { position: relative; display: block; aspect-ratio: 5 / 4; overflow: hidden; border-radius: 6px; background-color: var(--color-light-2); }
.gtema12-block--gallery .gtema12-gtile img { transition: transform .6s ease; }
.gtema12-block--gallery .gtema12-gtile:hover img { transform: scale(1.04); }
.gtema12-block--gallery .gtema12-gtile:focus-visible { outline: 2px solid var(--color-accent-2); outline-offset: 3px; }
.gtema12-block--gallery .gtema12-gtile__caption {
    position: absolute; right: 0; bottom: 0; left: 0; padding: 40px 20px 16px;
    font-family: var(--font-secondary); font-size: 18px; line-height: 1.2; color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 100%);
    opacity: 0; transition: opacity .3s ease; pointer-events: none;
}
.gtema12-block--gallery .gtema12-gtile:hover .gtema12-gtile__caption,
.gtema12-block--gallery .gtema12-gtile:focus-visible .gtema12-gtile__caption { opacity: 1; }
@media (hover: none) { .gtema12-block--gallery .gtema12-gtile__caption { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .gtema12-block--gallery .gtema12-gtile img { transition: none; } }

/* G-strip: kenardan kenara serit (kap disinda, yanlarda 10px nefes). */
.gtema12-block--gallery .gtema12-gstrip__head { margin-bottom: 44px; }
.gtema12-block--gallery .gtema12-gstrip { position: relative; padding: 0 10px; }
.gtema12-block--gallery .gtema12-gstrip__grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }
.gtema12-block--gallery .gtema12-gstrip__grid--1 { grid-template-columns: minmax(0, 960px); justify-content: center; }
.gtema12-block--gallery .gtema12-gstrip__grid--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 767px) { .gtema12-block--gallery .gtema12-gstrip__grid { grid-template-columns: 1fr; } }
/* Swiper baslamadan once de ayni olcu: slaytlar 3 / 2 / 1 sutun (gecis aninda yerlesim kaymasin). */
.gtema12-block--gallery .gtema12-gstrip__slider:not(.swiper-initialized) .swiper-slide { width: calc((100% - 32px) / 3); margin-right: 16px; }
@media (max-width: 991px) { .gtema12-block--gallery .gtema12-gstrip__slider:not(.swiper-initialized) .swiper-slide { width: calc((100% - 16px) / 2); } }
@media (max-width: 574px) { .gtema12-block--gallery .gtema12-gstrip__slider:not(.swiper-initialized) .swiper-slide { width: 100%; } }
.gtema12-block--gallery .gtema12-gstrip__nav {
    position: absolute; top: 50%; z-index: 2; width: 52px; height: 52px; margin-top: -26px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center; font-size: 18px;
    background-color: #fff; color: var(--color-accent-1); box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
    transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}
.gtema12-block--gallery .gtema12-gstrip__nav--prev { left: 28px; }
.gtema12-block--gallery .gtema12-gstrip__nav--next { right: 28px; }
.gtema12-block--gallery .gtema12-gstrip__nav:hover { background-color: var(--bg-button); color: var(--color-button); }
.gtema12-block--gallery .gtema12-gstrip__nav.swiper-button-disabled { opacity: 0; pointer-events: none; }
@media (max-width: 767px) { .gtema12-block--gallery .gtema12-gstrip__nav { width: 42px; height: 42px; margin-top: -21px; } .gtema12-block--gallery .gtema12-gstrip__nav--prev { left: 18px; } .gtema12-block--gallery .gtema12-gstrip__nav--next { right: 18px; } }