/* ==========================================================================
   BAŞAK CARS — Tasarım Sistemi (bc-)

   tos.css'ten SONRA yüklenir; yeni kabuk ve yeniden yazılan sayfalar bu
   dosyadaki bc- bileşenlerini kullanır. tos.css hâlâ yüklü çünkü yeniden
   yazılmamış eski bileşenler (değerleme hunisi vb.) ona bağlı — onun
   tokenları da aşağıda bu palete eşleniyor.

   Palet logodan ölçüldü (images/genel/logo-1791542534200.png):
     lacivert #062047 · mavi #008BFF
   Kontrast (WCAG):
     beyaz / #008BFF  3.42  → küçük metin taşıyan dolguda KULLANMA
     beyaz / #0070E0  4.78  → birincil buton dolgusu
     #0062C4 / beyaz  5.93  → açık zeminde mavi metin
     #5CB4FF / #062047 7.22 → koyu zeminde mavi metin
   ========================================================================== */

:root {
    --bc-navy:      #062047;
    --bc-navy-2:    #04152F;   /* en koyu — footer */
    --bc-navy-3:    #0B3170;   /* gradyan orta tonu */

    --bc-blue:      #008BFF;   /* logo mavisi — dekor, ikon, büyük metin */
    --bc-blue-btn:  #0070E0;   /* buton dolgusu (beyaz yazı 4.78) */
    --bc-blue-hov:  #005FC2;
    --bc-blue-ink:  #0062C4;   /* açık zeminde metin */
    --bc-blue-lt:   #5CB4FF;   /* koyu zeminde metin */
    --bc-blue-wash: #EAF4FF;
    --bc-blue-wash-2: #D6EAFF;

    --bc-ink:     #0B1324;
    --bc-body:    #4A566B;
    --bc-muted:   #5F6B82;
    --bc-line:    #E3E8F0;
    --bc-line-2:  #D3DBE7;
    --bc-surface: #F4F7FB;
    --bc-white:   #FFFFFF;

    --bc-ok:   #12A150;
    --bc-err:  #D92D20;
    --bc-wa:   #25D366;

    --bc-max: 1280px;
    --bc-r-sm: 8px;
    --bc-r:    12px;
    --bc-r-lg: 16px;
    --bc-r-xl: 20px;

    --bc-sh-xs: 0 1px 2px rgba(6, 32, 71, .06);
    --bc-sh-sm: 0 2px 8px rgba(6, 32, 71, .06), 0 1px 2px rgba(6, 32, 71, .04);
    --bc-sh:    0 12px 32px -8px rgba(6, 32, 71, .14), 0 2px 6px rgba(6, 32, 71, .04);
    --bc-sh-lg: 0 32px 64px -16px rgba(6, 32, 71, .24);
    --bc-sh-blue: 0 14px 30px -10px rgba(0, 112, 224, .55);

    --bc-ease: cubic-bezier(.2, .7, .2, 1);
    --bc-font: 'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif;

    /* --- tos.css tokenlarının Başak paletine eşlenmesi ---------------- */
    --tos-green: var(--bc-navy);
    --tos-green-2: var(--bc-navy-2);
    --tos-green-3: var(--bc-navy-3);
    --tos-green-wash: var(--bc-blue-wash);
    --tos-acc: var(--bc-blue);
    --tos-acc-2: var(--bc-blue-btn);
    --tos-acc-ink: var(--bc-blue-ink);
    --tos-acc-lt: var(--bc-blue-lt);
    --tos-acc-wash: var(--bc-blue-wash);
    --tos-ink: var(--bc-ink);
    --tos-body: var(--bc-body);
    --tos-muted: var(--bc-muted);
    --tos-line: var(--bc-line);
    --tos-surface: var(--bc-surface);
    --tos-r: 12px;
    --tos-r-lg: 18px;
    --tos-r-btn: 10px;
}

/* ------------------------------------------------------------------ temel */

html { scroll-behavior: smooth; }

body.bc {
    font-family: var(--bc-font);
    color: var(--bc-body);
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.bc ::selection { background: var(--bc-blue); color: #fff; }

.bc :focus-visible {
    outline: 3px solid rgba(0, 139, 255, .45);
    outline-offset: 2px;
}

.bc img { max-width: 100%; }

/* width/height öznitelikleri yalnızca yer ayırsın (CLS); sıfır özgüllük —
   herhangi bir sınıf kuralı bunu ezer */
:where(.bc) :where(img[height]) { height: auto; }

/* Tema genelinde tos-scope başlıkları 800 basıyordu; font 300–700 yükleniyor */
:where(.bc) :where(h1, h2, h3, h4, h5) {
    font-family: var(--bc-font);
    font-weight: 700;
    color: var(--bc-ink);
    letter-spacing: -.025em;
}

.bc-wrap {
    width: 100%;
    max-width: var(--bc-max);
    margin: 0 auto;
    padding: 0 24px;
}

.bc-sr {
    position: absolute !important;
    width: 1px; height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ------------------------------------------------------------- tipografi */

.bc-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px 6px 10px;
    border-radius: 999px;
    background: var(--bc-blue-wash);
    color: var(--bc-blue-ink);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 1;
}

.bc-eyebrow::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--bc-blue);
    box-shadow: 0 0 0 3px rgba(0, 139, 255, .18);
}

.bc-eyebrow--dark {
    background: rgba(255, 255, 255, .08);
    color: var(--bc-blue-lt);
    border: 1px solid rgba(255, 255, 255, .1);
}

.bc .bc-h1 {
    font-size: clamp(32px, 4vw, 52px);
    line-height: 1.1;
    letter-spacing: -.025em;
    font-weight: 700;
    margin: 0;
}

.bc .bc-h2 {
    font-size: clamp(26px, 2.8vw, 38px);
    line-height: 1.15;
    letter-spacing: -.02em;
    font-weight: 700;
    margin: 0;
}

.bc .bc-h3 {
    font-size: clamp(19px, 1.7vw, 22px);
    line-height: 1.25;
    letter-spacing: -.02em;
    font-weight: 600;
    margin: 0;
}

.bc .bc-h1 em,
.bc .bc-h2 em {
    font-style: normal;
    color: var(--bc-blue);
}

.bc .bc-lead {
    font-size: clamp(16px, 1.25vw, 18px);
    line-height: 1.65;
    color: var(--bc-body);
    margin: 0;
    max-width: 60ch;
}

.bc-head {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 720px;
    margin-bottom: 48px;
}

.bc-head--center {
    align-items: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.bc-head--split {
    max-width: none;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 32px;
}

/* --------------------------------------------------------------- bölümler */

.bc-section { padding: 88px 0; }
.bc-section--tight { padding: 72px 0; }
.bc-section--soft { background: var(--bc-surface); }

/* --------------------------------------------------------------- butonlar */

.bc-btn {
    --_bg: var(--bc-blue-btn);
    --_fg: #fff;
    --_bd: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 24px;
    border: 1.5px solid var(--_bd);
    border-radius: 10px;
    background: var(--_bg);
    color: var(--_fg);
    font-family: var(--bc-font);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.005em;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background .2s var(--bc-ease), color .2s var(--bc-ease),
                border-color .2s var(--bc-ease), box-shadow .25s var(--bc-ease),
                transform .25s var(--bc-ease);
}

.bc-btn:hover {
    color: var(--_fg);
    text-decoration: none;
}

.bc-btn i { font-size: 13px; transition: transform .25s var(--bc-ease); }
.bc-btn:hover .fa-arrow-right { transform: translateX(3px); }

.bc-btn--primary:hover {
    --_bg: var(--bc-blue-hov);
    box-shadow: var(--bc-sh-blue);
    transform: translateY(-1px);
}

.bc-btn--dark { --_bg: var(--bc-navy); }
.bc-btn--dark:hover { --_bg: var(--bc-navy-3); transform: translateY(-1px); }

.bc-btn--light {
    --_bg: #fff;
    --_fg: var(--bc-ink);
    --_bd: var(--bc-line-2);
}
.bc-btn--light:hover { --_bd: var(--bc-blue); --_fg: var(--bc-blue-ink); }

.bc-btn--glass {
    --_bg: rgba(255, 255, 255, .08);
    --_bd: rgba(255, 255, 255, .18);
}
.bc-btn--glass:hover { --_bg: rgba(255, 255, 255, .16); }

.bc-btn--wa { --_bg: #fff; --_fg: var(--bc-ink); --_bd: var(--bc-line-2); }
.bc-btn--wa i { color: #1DA851; font-size: 17px; }
.bc-btn--wa:hover { --_bd: #1DA851; }

.bc-btn--sm { min-height: 42px; padding: 0 18px; font-size: 14px; }
.bc-btn--lg { min-height: 58px; padding: 0 30px; font-size: 16px; }
.bc-btn--block { width: 100%; }

/* Eski tos- butonları da yeni dile uysun (henüz yazılmamış sayfalar) */
.bc .tos-btn {
    border-radius: 10px;
    font-weight: 600;
    font-family: var(--bc-font);
}
.bc .tos-btn--red {
    background: var(--bc-blue-btn);
    color: #fff;
}
.bc .tos-btn--red:hover {
    background: var(--bc-blue-hov);
    color: #fff;
    box-shadow: var(--bc-sh-blue);
}

/* ================================================================ HEADER == */

.bc-hdr {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, .86);
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(14px);
    border-bottom: 1px solid transparent;
    transition: border-color .3s var(--bc-ease), box-shadow .3s var(--bc-ease);
}

.bc-hdr.is-stuck {
    border-bottom-color: var(--bc-line);
    box-shadow: 0 6px 24px -12px rgba(6, 32, 71, .18);
}

.bc-hdr__in {
    display: flex;
    align-items: center;
    gap: 32px;
    height: 80px;
}

.bc-logo {
    display: inline-flex;
    flex-shrink: 0;
}

.bc-logo img {
    height: 44px;
    width: auto;
    display: block;
}

.bc-nav { flex: 1; }

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

.bc .bc-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    color: var(--bc-ink);
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: background .2s, color .2s;
}

.bc .bc-nav__link:hover {
    background: var(--bc-surface);
    color: var(--bc-ink);
}

.bc .bc-nav__item.is-active .bc-nav__link {
    color: var(--bc-blue-ink);
    background: var(--bc-blue-wash);
    font-weight: 600;
}

.bc-hdr__act {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.bc .bc-hdr__tel {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 6px 0 0;
    color: var(--bc-ink);
    text-decoration: none;
    line-height: 1.15;
}

.bc-hdr__tel-ico {
    display: grid;
    place-items: center;
    width: 42px; height: 42px;
    border-radius: 50%;
    border: 1.5px solid var(--bc-line-2);
    color: var(--bc-blue-ink);
    font-size: 14px;
    transition: border-color .2s, background .2s;
}

.bc .bc-hdr__tel:hover .bc-hdr__tel-ico {
    border-color: var(--bc-blue);
    background: var(--bc-blue-wash);
}

.bc-hdr__tel-txt small {
    display: block;
    font-size: 12px;
    color: var(--bc-muted);
    font-weight: 500;
}

.bc-hdr__tel-txt b {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.01em;
}

.bc-burger {
    display: none;
    position: relative;
    width: 44px; height: 44px;
    border: 1.5px solid var(--bc-line-2);
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    padding: 0;
}

.bc-burger span {
    position: absolute;
    left: 13px;
    width: 16px; height: 1.75px;
    border-radius: 2px;
    background: var(--bc-ink);
    transition: transform .3s var(--bc-ease), opacity .2s;
}

.bc-burger span:nth-child(1) { top: 16px; }
.bc-burger span:nth-child(2) { top: 21px; }
.bc-burger span:nth-child(3) { top: 26px; }

.bc-burger.is-open span:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.bc-burger.is-open span:nth-child(2) { opacity: 0; }
.bc-burger.is-open span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

/* ========================================================== MOBİL ÇEKMECE */

.bc-drw {
    position: fixed;
    inset: 0;
    z-index: 1100;
    visibility: hidden;
    pointer-events: none;
}

.bc-drw.is-open { visibility: visible; pointer-events: auto; }

.bc-drw__veil {
    position: absolute;
    inset: 0;
    background: rgba(4, 21, 47, .5);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity .3s var(--bc-ease);
}

.bc-drw.is-open .bc-drw__veil { opacity: 1; }

.bc-drw__panel {
    position: absolute;
    top: 0; right: 0; bottom: 0;
    width: min(400px, 100%);
    display: flex;
    flex-direction: column;
    background: #fff;
    transform: translateX(100%);
    transition: transform .4s var(--bc-ease);
    overflow-y: auto;
}

.bc-drw.is-open .bc-drw__panel { transform: none; }

.bc-drw__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 72px;
    padding: 0 20px;
    border-bottom: 1px solid var(--bc-line);
}

.bc-drw__top img { height: 36px; width: auto; }

.bc-drw__close {
    width: 42px; height: 42px;
    border-radius: 50%;
    border: 1.5px solid var(--bc-line-2);
    background: #fff;
    color: var(--bc-ink);
    cursor: pointer;
}

.bc-drw__list {
    list-style: none;
    margin: 0;
    padding: 12px 12px 0;
}

.bc .bc-drw__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 12px;
    border-radius: 12px;
    color: var(--bc-ink);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.02em;
    text-decoration: none;
}

.bc .bc-drw__link i { font-size: 12px; color: var(--bc-muted); }
.bc .bc-drw__link:hover { background: var(--bc-surface); color: var(--bc-ink); }
.bc .bc-drw__item.is-active .bc-drw__link { color: var(--bc-blue-ink); background: var(--bc-blue-wash); }

.bc-drw__foot {
    margin-top: auto;
    display: grid;
    gap: 10px;
    padding: 20px;
    border-top: 1px solid var(--bc-line);
    background: var(--bc-surface);
}

/* ============================================================ SAYFA BAŞLIĞI */

.bc-phero {
    position: relative;
    overflow: hidden;
    padding: 56px 0 72px;
    background:
        radial-gradient(60% 80% at 100% 0%, rgba(0, 139, 255, .12), transparent 60%),
        radial-gradient(40% 60% at 0% 100%, rgba(0, 139, 255, .06), transparent 70%),
        var(--bc-surface);
    border-bottom: 1px solid var(--bc-line);
}

/* İnce ızgara dokusu — fotoğraf yerine */
.bc-phero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(6, 32, 71, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(6, 32, 71, .045) 1px, transparent 1px);
    background-size: 48px 48px;
    -webkit-mask-image: radial-gradient(ellipse 70% 90% at 70% 10%, #000 20%, transparent 75%);
    mask-image: radial-gradient(ellipse 70% 90% at 70% 10%, #000 20%, transparent 75%);
    pointer-events: none;
}

.bc-phero > .bc-wrap { position: relative; }

.bc-crumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0 0 28px;
    padding: 0;
    list-style: none;
    font-size: 14px;
    color: var(--bc-muted);
}

.bc .bc-crumb a { color: var(--bc-muted); text-decoration: none; }
.bc .bc-crumb a:hover { color: var(--bc-blue-ink); }
.bc-crumb i { font-size: 9px; opacity: .6; }
.bc-crumb [aria-current] { color: var(--bc-ink); font-weight: 500; }

/* ===================================================================== SSS */

.bc-faq {
    display: grid;
    gap: 12px;
    max-width: 880px;
    margin: 0 auto;
}

.bc-q {
    border: 1px solid var(--bc-line);
    border-radius: var(--bc-r);
    background: #fff;
    transition: border-color .2s, box-shadow .25s;
}

.bc-q:hover { border-color: var(--bc-line-2); }

.bc-q.is-open {
    border-color: rgba(0, 139, 255, .35);
    box-shadow: var(--bc-sh-sm);
}

.bc-q__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 22px 24px;
    border: 0;
    background: none;
    text-align: left;
    font-family: var(--bc-font);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.015em;
    color: var(--bc-ink);
    cursor: pointer;
}

.bc-q__ico {
    flex-shrink: 0;
    display: grid;
    place-items: center;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: var(--bc-surface);
    color: var(--bc-ink);
    font-size: 12px;
    transition: transform .3s var(--bc-ease), background .2s, color .2s;
}

.bc-q.is-open .bc-q__ico {
    transform: rotate(45deg);
    background: var(--bc-blue-btn);
    color: #fff;
}

.bc-q__body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s var(--bc-ease);
}

.bc .bc-q__body p {
    margin: 0;
    padding: 0 24px 22px;
    font-size: 16px;
    line-height: 1.7;
    color: var(--bc-body);
    max-width: 72ch;
}

/* ===================================================================== CTA */

.bc-cta { padding: 0 0 88px; }
.bc-section--soft + .bc-cta,
.bc-cta--soft { background: var(--bc-surface); }

.bc-cta__in {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 40px;
    padding: 64px;
    border-radius: var(--bc-r-xl);
    background:
        radial-gradient(70% 120% at 100% 0%, rgba(0, 139, 255, .45), transparent 60%),
        linear-gradient(135deg, var(--bc-navy) 0%, var(--bc-navy-2) 100%);
    isolation: isolate;
}

/* Amblem filigranı */
.bc-cta__in::after {
    content: '';
    position: absolute;
    right: -60px;
    bottom: -90px;
    width: 340px;
    height: 340px;
    background: url('../../images/genel/logo-179154253488.png') center / contain no-repeat;
    opacity: .07;
    z-index: -1;
}

.bc .bc-cta__in h2 {
    color: #fff;
    font-size: clamp(28px, 3.2vw, 42px);
    letter-spacing: -.035em;
    line-height: 1.1;
    margin: 0 0 14px;
}

.bc .bc-cta__in p {
    color: #B8C4D6;
    font-size: 17px;
    line-height: 1.6;
    margin: 0;
    max-width: 52ch;
}

.bc-cta__act {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

/* =================================================================== FORM */

.bc-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.bc .bc-field label {
    font-size: 14px;
    font-weight: 600;
    color: var(--bc-ink);
    margin: 0;
}

.bc .bc-field label span { color: var(--bc-blue-ink); }

.bc .bc-input {
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1.5px solid var(--bc-line-2);
    border-radius: 12px;
    background: #fff;
    font-family: var(--bc-font);
    font-size: 16px;
    color: var(--bc-ink);
    transition: border-color .2s, box-shadow .2s;
    -webkit-appearance: none;
    appearance: none;
}

.bc .bc-input::placeholder { color: #8C97AB; }

.bc .bc-input:hover { border-color: #B9C5D6; }

.bc .bc-input:focus {
    outline: 0;
    border-color: var(--bc-blue);
    box-shadow: 0 0 0 4px rgba(0, 139, 255, .14);
}

.bc textarea.bc-input {
    height: auto;
    min-height: 132px;
    padding: 14px 16px;
    line-height: 1.55;
    resize: vertical;
}

.bc select.bc-input {
    padding-right: 44px;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230B1324' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 18px center;
}

.bc-alert {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.bc-alert i { margin-top: 3px; }
.bc-alert--ok  { background: #ECFDF3; color: #05603A; border: 1px solid #ABEFC6; }
.bc-alert--err { background: #FEF3F2; color: #912018; border: 1px solid #FECDCA; }

/* ================================================================= FOOTER */

.bc-ftr {
    position: relative;
    overflow: hidden;
    background: var(--bc-navy-2);
    color: #9FB0C8;
    isolation: isolate;
}

.bc-ftr::before {
    content: '';
    position: absolute;
    top: -260px;
    left: 50%;
    width: 1100px;
    height: 520px;
    transform: translateX(-50%);
    background: radial-gradient(closest-side, rgba(0, 139, 255, .22), transparent);
    z-index: -1;
    pointer-events: none;
}

.bc-ftr__main {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.3fr;
    gap: 48px;
    padding: 80px 0 64px;
}

.bc-ftr__logo img { height: 46px; width: auto; display: block; }

.bc .bc-ftr__desc {
    margin: 22px 0 26px;
    font-size: 15px;
    line-height: 1.7;
    color: #9FB0C8;
    max-width: 38ch;
}

.bc .bc-ftr__title {
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
}

.bc-ftr__links,
.bc-ftr__contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 12px;
}

.bc .bc-ftr__links a {
    color: #9FB0C8;
    font-size: 15px;
    text-decoration: none;
    transition: color .2s;
}

.bc .bc-ftr__links a:hover { color: #fff; }

.bc .bc-ftr__contact li {
    display: flex;
    gap: 12px;
    font-size: 15px;
    line-height: 1.5;
    color: #B8C4D6;
}

.bc .bc-ftr__contact i {
    width: 16px;
    margin-top: 4px;
    color: var(--bc-blue-lt);
    font-size: 13px;
}

.bc .bc-ftr__contact a { color: #B8C4D6; text-decoration: none; }
.bc .bc-ftr__contact a:hover { color: #fff; }

.bc-social { display: flex; gap: 8px; margin-top: 24px; }

.bc .bc-social a {
    display: grid;
    place-items: center;
    width: 40px; height: 40px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: background .2s, border-color .2s;
}

.bc .bc-social a:hover { background: var(--bc-blue-btn); border-color: var(--bc-blue-btn); }

.bc-ftr__card {
    padding: 28px;
    border-radius: var(--bc-r-lg);
    background: linear-gradient(160deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .02));
    border: 1px solid rgba(255, 255, 255, .1);
}

.bc .bc-ftr__card h4 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #fff;
    letter-spacing: -.02em;
}

.bc .bc-ftr__card p {
    margin: 0 0 22px;
    font-size: 15px;
    line-height: 1.6;
    color: #9FB0C8;
}

.bc-ftr__bar { border-top: 1px solid rgba(255, 255, 255, .08); }

.bc-ftr__bar-in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 24px 0;
}

.bc .bc-ftr__bar p { margin: 0; font-size: 14px; color: #7E8DA6; }
.bc .bc-ftr__bar a { color: #B8C4D6; text-decoration: none; }
.bc .bc-ftr__bar a:hover { color: #fff; }

/* ---------------------------------------------------- sabit WhatsApp düğmesi */

.bc .bc-wa-fab {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 900;
    display: grid;
    place-items: center;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: var(--bc-wa);
    color: #fff;
    font-size: 28px;
    box-shadow: 0 12px 28px -8px rgba(18, 140, 70, .6);
    text-decoration: none;
    transition: transform .25s var(--bc-ease);
}

.bc .bc-wa-fab:hover { transform: scale(1.06); color: #fff; }

/* ============================================================= RESPONSIVE */

@media (max-width: 1180px) {
    .bc-hdr__tel-txt { display: none; }
    .bc-hdr__in { gap: 20px; }
    .bc .bc-nav__link { padding: 0 11px; font-size: 14.5px; }
    .bc-ftr__main { grid-template-columns: 1fr 1fr; gap: 48px 40px; }
}

@media (max-width: 991px) {
    .bc-nav { display: none; }
    .bc-burger { display: block; }
    .bc-hdr__in { height: 72px; }
    .bc-logo img { height: 38px; }
    .bc-section { padding: 80px 0; }
    .bc-cta { padding-bottom: 80px; }
    .bc-cta__in { grid-template-columns: 1fr; padding: 48px 36px; gap: 28px; }
    .bc-head--split { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 640px) {
    .bc-wrap { padding: 0 16px; }
    .bc-hdr__in { height: 66px; gap: 12px; }
    .bc-logo img { height: 32px; }
    .bc-hdr__tel { display: none !important; }
    .bc-hdr__cta .bc-btn__uzun { display: none; }
    .bc-hdr__cta { padding: 0 16px; min-height: 42px; font-size: 14px; }
    .bc-section { padding: 64px 0; }
    .bc-section--tight { padding: 52px 0; }
    .bc-head { margin-bottom: 32px; }
    .bc-phero { padding: 36px 0 48px; }
    .bc-crumb { margin-bottom: 20px; }
    .bc-cta { padding-bottom: 64px; }
    .bc-cta__in { padding: 36px 24px; border-radius: var(--bc-r-lg); }
    .bc-cta__act .bc-btn { width: 100%; }
    .bc-q__btn { padding: 18px; font-size: 16px; }
    .bc .bc-q__body p { padding: 0 18px 18px; font-size: 15px; }
    .bc-ftr__main { grid-template-columns: 1fr; gap: 36px; padding: 56px 0 40px; }
    .bc-wa-fab { width: 52px; height: 52px; right: 16px; bottom: 16px; }
}

@media (min-width: 641px) {
    .bc-btn__kisa { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .bc *, .bc *::before, .bc *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* -------------------------------------------- görünüme girince belirme */
[data-bc-in] {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .5s var(--bc-ease), transform .7s var(--bc-ease);
    transition-delay: var(--bc-gecikme, 0s);
}
[data-bc-in].is-in { opacity: 1; transform: none; }

/* ==========================================================================
   KURUMSAL KATMAN (09.10.2026 — müşteri: "ajans tasarımı gibi duruyor")
   Hap etiketler, aşırı yuvarlaklık ve süs animasyonları sadeleştirildi.
   ========================================================================== */

/* Üst başlık: hap + nokta yerine büyük harfli sade etiket + ince çizgi */
.bc-eyebrow {
    gap: 10px;
    padding: 0;
    border-radius: 0;
    background: none;
    color: var(--bc-blue-ink);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.bc-eyebrow::before {
    width: 24px;
    height: 2px;
    border-radius: 0;
    box-shadow: none;
    background: var(--bc-blue);
}

.bc-head--center .bc-eyebrow::before { display: none; }

.bc-eyebrow--dark { background: none; border: 0; color: var(--bc-blue-lt); }

/* Menü: aktif sayfa hap içinde değil, alt çizgiyle */
.bc .bc-nav__link { border-radius: 0; height: 80px; }
.bc .bc-nav__link:hover { background: none; color: var(--bc-blue-ink); }

.bc .bc-nav__item.is-active .bc-nav__link {
    background: none;
    color: var(--bc-ink);
    font-weight: 600;
    box-shadow: inset 0 -3px 0 var(--bc-blue);
}

@media (max-width: 1180px) { .bc .bc-nav__link { height: 72px; } }

/* Kare/köşeli ikon kapları */
.bc .bc-hdr__tel-ico,
.bc .bc-burger,
.bc .bc-drw__close,
.bc .bc-social a { border-radius: 10px; }

.bc .bc-q__ico { border-radius: 8px; }

/* Form alanları biraz daha az yuvarlak */
.bc .bc-input { border-radius: 8px; }

/* Sabit WhatsApp düğmesi */
.bc .bc-wa-fab { border-radius: 14px; }