/* =====================================================================
   İletişime geçin: sayfa sonu kapanışı (_CtaBand), sayfa içi iletişim şeridi (_IletisimSerit),
   mobil alt iletişim çubuğu ve masaüstü yüzen iletişim düğmesi (_TemasCubugu). Tüm sayfalarda yüklenir.
   Hareket yalnız html.lv altında; JS yoksa ya da hareket azaltılmışsa son (tam) hâl görünür.
   Katmanlar: mobil çubuk 180 (üst menü 200, çerez bandı 300, mobil menü 350, modal 400 altında); yüzen düğme 140
   (üst menü açılır panelinin bulanık perdesi 150 düğmeyi de örtsün).
   ===================================================================== */

/* ───────── Canlı durum noktası ("Şu an açığız") ───────── */
.ctc-dot { position: relative; display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--muted-2); }
.ctc-dot.is-open { background: #1a9a4b; }
.section--dark .ctc-dot.is-open, .section--dark2 .ctc-dot.is-open { background: #30d158; }
.lv .ctc-dot.is-open::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: inherit; animation: ctc-ping 2.8s cubic-bezier(0, 0, .2, 1) infinite; }
@keyframes ctc-ping { 0% { opacity: .55; transform: scale(1); } 70%, 100% { opacity: 0; transform: scale(2.8); } }

.ctc-status { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2px 8px; font-size: 14px; line-height: 1.43; letter-spacing: -.016em; color: var(--muted); }
.ctc-status .ctc-dot { margin-right: 2px; }
.ctc-status__main { color: var(--ink); font-weight: 600; }
.ctc-status__sep { color: var(--muted-2); }
.section--dark .ctc-status, .section--dark2 .ctc-status { color: var(--on-dark-muted); }
.section--dark .ctc-status__main, .section--dark2 .ctc-status__main { color: var(--on-dark); }

/* ───────── Kapanış (_CtaBand): başlık + birincil düğme + kanal kutucukları ───────── */
.section--dark .closing .t-intro { color: var(--on-dark-muted); }
.ctc-reach { margin-top: clamp(44px, 5vw, 64px); }
.ctc-tiles { list-style: none; display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 12px; max-width: calc(var(--n, 4) * 236px); margin: 16px auto 0; text-align: left; }
.ctc-tiles > li { display: flex; min-width: 0; }
.ctc-tile {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 22px 22px 20px;
    border: 0; border-radius: var(--r); background: #fff; color: var(--ink); text-align: left; font: inherit; letter-spacing: inherit; cursor: pointer;
    transition: translate .35s var(--ease), scale .2s var(--ease), box-shadow .35s var(--ease), background .2s;
}
a.ctc-tile, .section--dark a.ctc-tile, .section--dark2 a.ctc-tile { color: inherit; }
.ctc-tile:hover { text-decoration: none; translate: 0 -3px; box-shadow: 0 10px 30px rgba(0, 0, 0, .08); }
.lv .ctc-tile:active { scale: .98; }
.ctc-tile .card__glyph { font-size: 26px; margin-bottom: 16px; }
.ctc-tile:hover .card__glyph { transform: translateY(-2px) scale(1.1); }
.ctc-tile__t { font-size: 17px; line-height: 1.24; font-weight: 600; letter-spacing: -.022em; }
.ctc-tile__s { margin-top: 3px; font-size: 14px; line-height: 1.43; letter-spacing: -.016em; color: var(--muted); overflow-wrap: anywhere; }
.section--dark .ctc-tile, .section--dark2 .ctc-tile { background: var(--bg-dark-3); color: var(--on-dark); }
.section--dark .ctc-tile:hover, .section--dark2 .ctc-tile:hover { background: #262628; box-shadow: none; }
.section--dark .ctc-tile__s, .section--dark2 .ctc-tile__s { color: var(--on-dark-muted); }
.lv .ctc-tiles.lv-stagger > * { animation-duration: .8s; animation-delay: calc(.12s + var(--i, 0) * 90ms); }

/* Dar ekranda kutucuklar tek bir gruplu listeye döner (iOS ayarlar listesi gibi) */
@media (max-width: 734px) {
    .ctc-tiles { display: block; max-width: 440px; margin-top: 14px; background: #fff; border-radius: var(--r); overflow: hidden; }
    .section--dark .ctc-tiles, .section--dark2 .ctc-tiles { background: var(--bg-dark-3); }
    .ctc-tiles > li { position: relative; }
    .ctc-tiles > li + li::before { content: ""; position: absolute; z-index: 1; left: 56px; right: 0; top: 0; height: 1px; background: var(--line-soft); }
    .section--dark .ctc-tiles > li + li::before, .section--dark2 .ctc-tiles > li + li::before { background: var(--line-dark); }
    .ctc-tile { display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 14px; align-items: center; min-height: 64px; padding: 12px 42px 12px 16px; border-radius: 0; background: transparent; }
    .section--dark .ctc-tile, .section--dark2 .ctc-tile { background: transparent; }
    .ctc-tile::after { content: "›"; position: absolute; right: 18px; top: 50%; transform: translateY(-52%); font-size: 24px; line-height: 1; color: var(--muted-2); }
    .ctc-tile .card__glyph { grid-column: 1; grid-row: 1 / span 2; margin: 0; font-size: 22px; justify-self: center; }
    .ctc-tile__t, .ctc-tile__s { grid-column: 2; }
    .ctc-tile__s { margin-top: 1px; }
    .ctc-tile:hover { translate: none; box-shadow: none; background: rgba(0, 0, 0, .03); }
    .section--dark .ctc-tile:hover, .section--dark2 .ctc-tile:hover { background: rgba(255, 255, 255, .05); }
    .ctc-tile:hover .card__glyph { transform: none; }
}

/* ───────── Sayfa içi iletişim şeridi (_IletisimSerit) ─────────
   Bir bölümün container'ının sonunda durur; paneli bölüm zeminine göre renk alır. */
.ctc-strip { max-width: 980px; margin: clamp(48px, 6vw, 80px) auto 0; }
.ctc-strip__panel { display: flex; align-items: center; gap: 14px 22px; padding: 20px 20px 20px 26px; border-radius: var(--r); background: var(--bg-alt); }
.section--alt .ctc-strip__panel { background: #fff; }
.section--dark .ctc-strip__panel, .section--dark2 .ctc-strip__panel { background: var(--bg-dark-3); }
.ctc-strip .card__glyph { margin: 0; font-size: 30px; flex: none; }
.ctc-strip__text { flex: 1 1 auto; min-width: 0; font-size: 17px; line-height: 1.35; letter-spacing: -.022em; }
.ctc-strip__text strong { display: block; font-weight: 600; color: var(--ink); }
.ctc-strip__text span { color: var(--muted); }
.ctc-strip__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 20px; flex: none; }
.ctc-strip__tel { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--ink); font-size: 17px; font-weight: 600; letter-spacing: -.022em; white-space: nowrap; }
a.ctc-strip__tel:hover { color: var(--ink); text-decoration: none; }
a.ctc-strip__tel:hover span:first-of-type { text-decoration: underline; text-underline-offset: 3px; }
.ctc-strip__tel .bi { font-size: 15px; color: #0071e3; }
.ctc-strip__tel .ctc-dot { width: 7px; height: 7px; }
.btn.ctc-strip__call { min-height: 38px; padding: 8px 18px; font-size: 15px; }
.ctc-strip__link { white-space: nowrap; }
.section--dark .ctc-strip__text strong, .section--dark2 .ctc-strip__text strong { color: var(--on-dark); }
.section--dark .ctc-strip__text span, .section--dark2 .ctc-strip__text span { color: var(--on-dark-muted); }
.section--dark a.ctc-strip__tel, .section--dark2 a.ctc-strip__tel { color: var(--on-dark); }
.section--dark .btn.ctc-strip__call, .section--dark2 .btn.ctc-strip__call { background: #fff; color: var(--ink); }
/* Bölümün hemen ardından kapanış geliyorsa şerit gizlenir (iki çağrı art arda olmasın) */
.section:has(+ .ctc-closing) .ctc-strip { display: none; }

@media (max-width: 900px) {
    .ctc-strip__panel { flex-wrap: wrap; align-items: flex-start; padding: 22px; }
    .ctc-strip__text { flex-basis: calc(100% - 52px); }
    .ctc-strip__actions { width: 100%; padding-left: 52px; }
}
@media (max-width: 640px) {
    .ctc-strip__panel { display: block; padding: 22px 20px 16px; }
    .ctc-strip .card__glyph { margin-bottom: 12px; font-size: 28px; }
    .ctc-strip__actions { padding: 0; margin-top: 12px; gap: 4px 18px; }
    .ctc-strip__tel { flex-basis: 100%; }
    .btn.ctc-strip__call { min-height: 44px; }
    .ctc-strip__link { min-height: 44px; }
}

/* ───────── Mobil alt iletişim çubuğu (< 835px) ───────── */
.ctc-bar { display: none; }
@media (max-width: 834px) {
    .ctc-bar {
        display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 180;
        padding: 10px max(16px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
        background: #fff; border-top: 1px solid rgba(0, 0, 0, .08); box-shadow: 0 -6px 24px rgba(0, 0, 0, .06);
        transform: translateY(calc(100% + 32px)); visibility: hidden;
    }
    .ctc-bar.is-shown { transform: none; visibility: visible; }
    .lv .ctc-bar { transition: transform .5s var(--ease), visibility 0s linear .5s; }
    .lv .ctc-bar.is-shown { transition: transform .5s var(--ease), visibility 0s; }
    html.mnav-open .ctc-bar { transform: translateY(calc(100% + 32px)); visibility: hidden; }
    .ctc-bar__inner { display: flex; gap: 8px; max-width: 540px; margin: 0 auto; }
    .ctc-bar__btn {
        position: relative; flex: 1 1 0; min-width: 0; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
        padding: 0 12px; border: 0; border-radius: 980px; background: var(--bg-alt); color: var(--ink); font-size: 15px; font-weight: 500; letter-spacing: -.01em;
        white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background .2s, scale .15s;
    }
    a.ctc-bar__btn:hover, .ctc-bar__btn:hover { background: #e8e8ed; color: var(--ink); text-decoration: none; }
    .lv .ctc-bar__btn:active { scale: .96; }
    .ctc-bar__btn .bi { font-size: 16px; }
    .ctc-bar__btn .bi-whatsapp { color: #1a9a4b; }
    .ctc-bar__btn--tel { flex: 0 0 auto; padding: 0 20px; }
    .ctc-bar__btn--tel .bi { color: #0071e3; }
    .ctc-bar__btn--cb .bi { color: #8e44d9; }
    /* Yerel menüde (ürün/hizmet sayfaları) kırmızı birincil düğme zaten sürekli görünür; çubuk ikinciyi göstermez */
    html:has(.localnav__cta) .ctc-bar__btn--primary { display: none; }
    a.ctc-bar__btn--primary, .ctc-bar__btn--primary { background: var(--ink); color: #fff; }
    a.ctc-bar__btn--primary:hover { background: #333336; color: #fff; }
    /* Odaklanan öğe ve bağlantı hedefi çubuğun altında kalmasın; alt bilgi çentikli ekranlarda güvenli alana taşmasın */
    html:has(.ctc-bar) { scroll-padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
    .footer__inner { padding-bottom: calc(21px + env(safe-area-inset-bottom)); }
}

/* ───────── Masaüstü yüzen iletişim düğmesi (≥ 835px) ───────── */
.ctc-fab { position: fixed; right: 24px; bottom: calc(24px + env(safe-area-inset-bottom)); z-index: 140; translate: 0 calc(-1 * var(--ctc-cookie, 0px)); }
.lv .ctc-fab { transition: translate .5s var(--ease), opacity .3s var(--ease), visibility 0s linear 0s; }
.ctc-fab.is-hidden, .ctc-fab.is-tucked, html.mnav-open .ctc-fab { opacity: 0; visibility: hidden; pointer-events: none; }
.lv .ctc-fab.is-hidden, .lv .ctc-fab.is-tucked { transition: translate .5s var(--ease), opacity .3s var(--ease), visibility 0s linear .3s; }
@media (max-width: 834px) { .ctc-fab { display: none; } }

.ctc-fab__btn {
    position: relative; display: grid; place-items: center; width: 54px; height: 54px; padding: 0; border: 0; border-radius: 50%;
    background: #fff; color: var(--ink); font-size: 22px; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 6px 22px rgba(0, 0, 0, .12);
    transition: scale .25s var(--ease), box-shadow .25s var(--ease);
}
.ctc-fab__btn:hover { scale: 1.06; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 28px rgba(0, 0, 0, .16); }
.lv .ctc-fab__btn:active { scale: .94; }
.ctc-fab__btn:focus-visible { outline: 2px solid rgba(0, 125, 250, .6); outline-offset: 3px; border-radius: 50%; }
.ctc-fab__ico { grid-area: 1 / 1; line-height: 1; transition: opacity .2s, rotate .3s var(--ease); }
.ctc-fab__ico--x { font-size: 17px; opacity: 0; rotate: -90deg; }
.ctc-fab.is-open .ctc-fab__ico { opacity: 0; rotate: 90deg; }
.ctc-fab.is-open .ctc-fab__ico--x { opacity: 1; rotate: 0deg; }
/* "Açığız" noktası düğmenin sağ alt kenarında durur (okunmamış mesaj rozeti gibi durmasın); sayfa açılınca birkaç kez atar, sonra sakinleşir */
.ctc-fab__dot { position: absolute; right: 3px; bottom: 3px; width: 11px; height: 11px; box-shadow: 0 0 0 2px #fff; transition: opacity .2s; }
.lv .ctc-fab__dot.ctc-dot.is-open::after { animation-iteration-count: 3; animation-delay: 1.6s; }
.ctc-fab.is-open .ctc-fab__dot { opacity: 0; }
@keyframes ctc-fab-in { from { opacity: 0; transform: translateY(14px) scale(.8); } }
.lv .ctc-fab__btn { animation: ctc-fab-in .7s var(--ease) .9s both; }

.ctc-pop {
    position: absolute; right: 0; bottom: 68px; width: 324px; max-height: calc(100vh - 120px); overflow: auto; padding: 22px 10px 12px;
    background: #fff; color: var(--ink); border-radius: var(--r); box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 20px 56px rgba(0, 0, 0, .18);
    visibility: hidden; opacity: 0; transform-origin: calc(100% - 27px) 100%;
}
.ctc-fab.is-open .ctc-pop { visibility: visible; opacity: 1; }
.lv .ctc-pop { transform: translateY(10px) scale(.96); transition: opacity .2s var(--ease), transform .3s var(--ease), visibility 0s linear .3s; }
.lv .ctc-fab.is-open .ctc-pop { transform: none; transition: opacity .25s var(--ease), transform .35s var(--ease), visibility 0s; }
.ctc-pop__head { padding: 0 12px 12px; }
.ctc-pop__title { font-size: 21px; line-height: 1.19; font-weight: 600; letter-spacing: .011em; margin-bottom: 6px; }
.ctc-pop .ctc-status { justify-content: flex-start; font-size: 13px; }
.ctc-pop__list { list-style: none; }
.ctc-row {
    display: grid; grid-template-columns: 24px minmax(0, 1fr); column-gap: 14px; align-items: center; width: 100%; padding: 10px 12px;
    border: 0; border-radius: 12px; background: none; color: var(--ink); text-align: left; font: inherit; letter-spacing: inherit; cursor: pointer; transition: background .15s;
}
a.ctc-row { color: var(--ink); }
.ctc-row:hover, .ctc-row:focus-visible { background: var(--bg-alt); color: var(--ink); text-decoration: none; }
.ctc-row .card__glyph { grid-column: 1; grid-row: 1 / span 2; margin: 0; font-size: 20px; justify-self: center; }
.ctc-row__t, .ctc-row__s { grid-column: 2; }
.ctc-row__t { font-size: 15px; line-height: 1.3; font-weight: 600; letter-spacing: -.012em; }
.ctc-row__s { font-size: 13px; line-height: 1.35; color: var(--muted); overflow-wrap: anywhere; }
.lv .ctc-fab.is-open .ctc-pop__list > li { animation: lv-rise .45s var(--ease) both; }
.lv .ctc-fab.is-open .ctc-pop__list > li:nth-child(2) { animation-delay: .04s; }
.lv .ctc-fab.is-open .ctc-pop__list > li:nth-child(3) { animation-delay: .08s; }
.lv .ctc-fab.is-open .ctc-pop__list > li:nth-child(4) { animation-delay: .12s; }
.ctc-pop__foot { padding: 12px 12px 0; margin-top: 6px; border-top: 1px solid var(--line-soft); text-align: center; }
.ctc-pop__foot .btn { min-height: 40px; padding: 9px 18px; font-size: 15px; }
.ctc-pop__more { display: inline-block; margin-top: 10px; font-size: 13px; }

/* JS yoksa yüzen düğme ve alt çubuk çalışamaz; basılı çıktıda da yer almaz */
.no-js .ctc-fab, .no-js .ctc-bar { display: none !important; }
@media print { .ctc-fab, .ctc-bar, .ctc-reach, .ctc-strip { display: none !important; } }

/* Panel kapalıyken içindeki durum noktası nabız atmaz */
.ctc-fab:not(.is-open) .ctc-pop .ctc-dot::after { animation: none; }
/* Kapanış bölümü ekrandayken yerel menünün kırmızı düğmesi çekilir (temas.js initClosingFlag) */
.localnav__cta { transition: opacity .3s var(--ease), visibility .3s; }
html.ctc-closing-in .localnav__cta { opacity: 0; visibility: hidden; }