/* ─── Ana sayfa lojistik bölümleri (Swift Line yerleşimi) ─────────────────────
   Ölçüler: docs/superpowers/specs/2026-10-19-anasayfa-lojistik-bolumleri-design.md §6.
   Renk ve font YALNIZ tema token'larından (--accent, --accent-ink, --text, --surface,
   --bg, --border, --muted, --font-baslik, --font-govde) — panelden palet/font değişince
   bölümler de değişir. Kırılımlar: ≤1024px tablet, ≤767px mobil. Sınıf öneki: lw-
   ──────────────────────────────────────────────────────────────────────────── */

/* ─── Ortak ─────────────────────────────────────────────────────────────── */

/* site.css'teki genel section { padding: 5rem 0 } bölümlere eklenmez: aralık yalnız bu alt boşluktur */
.lw-bolum { margin-bottom: 9vh; padding-top: 0; padding-bottom: 0; }

.lw-kutu {
    max-width: 1440px;
    margin-inline: auto;
    padding-inline: 30px;
}

.lw-eyebrow {
    font-family: var(--font-govde);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.14;
    margin: 0 0 20px;
}

.lw-ifade {
    font-family: var(--font-baslik);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0;
    margin: 0;
}

/* "Daha fazla" hap butonu */
.lw-hap {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 17px 9px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--text) 6%, transparent);
    color: var(--text);
    font-family: var(--font-govde);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none;
    transition: background-color .25s ease, color .25s ease;
}
.lw-hap:hover,
.lw-hap:focus-visible { background: var(--text); color: var(--surface); }

/* Vurgu rengi hap buton ("Teklif al") */
.lw-hap--vurgu {
    padding: 15px 36px;
    background: var(--accent);
    color: var(--accent-ink);
}
/* Koyu zemindeki vurgu hap'ı (Neden Biz bandı): hover'da açık renge döner (koyulaşmaz) */
.lw-hap--vurgu:hover,
.lw-hap--vurgu:focus-visible {
    background: var(--surface);
    color: var(--text);
}

.lw-ok { font-size: 18px; line-height: 1; }

/* ─── Sayaçlar (spec §6.1) ──────────────────────────────────────────────── */

.lw-sayaclar { border-bottom: 1px solid var(--border); }

.lw-sayaclar__liste {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.lw-sayaclar__oge {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 50px 5%;
    border-right: 1px solid var(--border);
}
.lw-sayaclar__oge:last-child { border-right: 0; }

.lw-sayaclar__rakam {
    font-family: var(--font-baslik);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
}

.lw-sayaclar__etiket {
    font-family: var(--font-govde);
    font-size: 14px;
    line-height: 1.4;
}

/* ─── Hizmetler (spec §6.2) ─────────────────────────────────────────────── */

.lw-hizmetler__baslik { margin-bottom: 40px; }
.lw-hizmetler__baslik .lw-ifade { max-width: 880px; margin-bottom: 20px; }

.lw-kartlar {
    display: flex;
    align-items: stretch;
    gap: 30px;
}
.lw-kartlar > * { flex: 0 0 calc((100% - 90px) / 4); min-width: 0; }

.lw-kart {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border);
    background: var(--surface);
}

.lw-kart__link {
    display: flex;
    flex-direction: column;
    flex: 1;
    color: var(--text);
    text-decoration: none;
}

.lw-kart__gorsel {
    position: relative;
    overflow: hidden;
    background: var(--bg);
}
.lw-kart__gorsel--dikey { aspect-ratio: 5 / 8; }
.lw-kart__gorsel--yatay { aspect-ratio: 4 / 3; }
.lw-kart__gorsel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}
.lw-kart:hover .lw-kart__gorsel img,
.lw-kart:focus-within .lw-kart__gorsel img { transform: scale(1.1); }

.lw-kart__alt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 30px;
    margin-top: auto;
    transition: color .25s ease;
}

.lw-kart__baslik {
    font-family: var(--font-baslik);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    color: inherit;
    margin: 0;
}

.lw-kart:hover .lw-kart__alt,
.lw-kart:focus-within .lw-kart__alt { color: var(--accent); }

/* Sağdaki koyu CTA kartı: sol üst köşeden 45° kesik (sayfa zemini rengi), hover'da vurgu */
.lw-cta {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 60px;
    /* Üst boşluk = kart genişliği (kesik kare) + 30px: kart tek başınayken ya da metin uzunken de
       içerik 45° kesiğin altında kalır. % değerleri kart satırının (.lw-kartlar) genişliğine göredir. */
    padding: calc((100% - 90px) / 4 + 30px) 30px 30px;
    background: var(--text);
    color: var(--surface);
    text-decoration: none;
    overflow: hidden;
    transition: background-color .3s ease, color .3s ease;
}
.lw-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(to bottom left, var(--bg) 50%, transparent calc(50% + 1px));
    pointer-events: none;
}
a.lw-cta:hover,
a.lw-cta:focus-visible { background: var(--accent); color: var(--accent-ink); }

.lw-cta__metin {
    position: relative;
    z-index: 1;
    margin: 0;
    font-family: var(--font-baslik);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.lw-cta__buton {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    font-family: var(--font-govde);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.14;
}
.lw-cta__buton .bi { font-size: 9px; }

/* ─── Hakkımızda (spec §6.3) ────────────────────────────────────────────── */

.lw-hakkimizda__ic {
    display: flex;
    gap: 30px;
    min-height: calc(20vw + 20vh);
}

.lw-hakkimizda__metin {
    flex: 0 0 calc(50% - 15px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    padding: 40px 30px;
    border: 1px solid var(--border);
    background: var(--surface);
}

.lw-hakkimizda__ust {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-right: 5%;
}
.lw-hakkimizda__ust .lw-eyebrow { margin: 0; }
.lw-hakkimizda .lw-ifade { max-width: 520px; }

.lw-hakkimizda__aciklama {
    font-family: var(--font-govde);
    font-size: 16px;
    line-height: 1.45;
    margin: 0;
}

/* Görselsiz: metin kutusu tam genişlik, yükseklik içeriğe göre */
.lw-hakkimizda--gorselsiz .lw-hakkimizda__ic { min-height: 0; }
.lw-hakkimizda--gorselsiz .lw-hakkimizda__metin { flex-basis: 100%; }

.lw-hakkimizda__gorsel {
    flex: 0 0 calc(50% - 15px);
    position: relative;
    overflow: hidden;
    background: var(--surface);
}
.lw-hakkimizda__gorsel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ─── Neden Biz (spec §6.4) ─────────────────────────────────────────────── */

.lw-nedenbiz:has(+ .lw-konteyner) { margin-bottom: 0; }

.lw-nedenbiz__ust {
    display: flow-root;   /* satırın alt marjı bu bloğun içinde kalsın (dışarı çökmesin) */
    position: relative;
    z-index: 2;
    padding-top: 6vh;
    background: var(--text);
    color: var(--surface);
}

.lw-nedenbiz__eyebrow { margin-bottom: 8.5vh; }

.lw-nedenbiz__satir {
    display: flex;
    gap: 30px;
    min-height: 440px;
    margin-bottom: 6vh;   /* fotoğraf bandı yoksa akordiyon koyu blokta kalır */
}
/* Fotoğraf bandı varsa koyu blok satırdan 135px önce biter: akordiyon bandın üstüne taşar */
.lw-nedenbiz--bantli .lw-nedenbiz__satir { margin-bottom: -135px; }

.lw-nedenbiz__ifade {
    flex: 0 0 calc(50% - 15px);
    margin: 0 0 4vh;
    padding-right: 5%;   /* referansta %50 sütunun içindeki sağ boşluk — sütun genişliğine dahil */
    color: var(--surface);
}

.lw-akordiyon {
    flex: 0 0 calc(50% - 15px);
    align-self: flex-start;
    position: relative;
    z-index: 3;
}

.lw-akordiyon__oge {
    background: var(--accent);
    color: var(--accent-ink);
    border-top: 1px solid color-mix(in srgb, var(--accent-ink) 30%, transparent);
    interpolate-size: allow-keywords;
}
.lw-akordiyon__oge:first-child { border-top: 0; }

.lw-akordiyon__baslik {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 40px 30px;
    cursor: pointer;
    list-style: none;
    transition: background-color .3s ease;
}
.lw-akordiyon__baslik::-webkit-details-marker { display: none; }
.lw-akordiyon__baslik:hover,
.lw-akordiyon__oge[open] > .lw-akordiyon__baslik,
.lw-akordiyon__oge[open] > .lw-akordiyon__icerik {
    background: color-mix(in srgb, var(--accent) 88%, #000);
}
.lw-akordiyon__baslik:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: -4px; }

.lw-akordiyon__metin {
    font-family: var(--font-baslik);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    color: inherit;
    margin: 0;
}

.lw-akordiyon__ikon { font-size: 18px; line-height: 1; transition: transform .4s ease; }
.lw-akordiyon__oge[open] .lw-akordiyon__ikon { transform: rotate(180deg); }

.lw-akordiyon__icerik { padding: 0 30px 40px; }
.lw-akordiyon__icerik p {
    margin: 0;
    font-family: var(--font-govde);
    font-size: 16px;
    line-height: 1.4;
}

/* Açılma animasyonu (destekleyen tarayıcıda; desteklemeyen anında açar) */
.lw-akordiyon__oge::details-content {
    block-size: 0;
    overflow: clip;
    transition: block-size .4s ease, content-visibility .4s allow-discrete;
}
.lw-akordiyon__oge[open]::details-content { block-size: auto; }

.lw-nedenbiz__bant {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: calc(20vw + 35vh);
    background: var(--text);
    color: var(--surface);
    overflow: hidden;
}
.lw-nedenbiz__foto {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lw-nedenbiz__bant::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 70%, color-mix(in srgb, #000 48%, transparent) 100%);
    pointer-events: none;
}

.lw-nedenbiz__bant-ic { position: relative; z-index: 1; width: 100%; }

.lw-nedenbiz__serit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 40px 0;
    border-top: 1px solid color-mix(in srgb, var(--surface) 30%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--surface) 30%, transparent);
}
.lw-nedenbiz__serit-metin { max-width: 50%; color: var(--surface); }

/* ─── Konteyner (spec §6.5) ─────────────────────────────────────────────── */

.lw-konteyner {
    padding-bottom: 9vh;
    background: var(--text);
    color: var(--surface);
}

.lw-konteyner__ic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.lw-konteyner__sol {
    flex: 0 0 60%;
    display: flex;
    flex-direction: column;
}

/* Görseldeki iki halatın yukarı uzantısı: halatlar görsel genişliğinin %48,57 ve %51,80'inde, 1px, %30 opak */
.lw-konteyner__halat {
    height: 15vh;
    background:
        linear-gradient(color-mix(in srgb, var(--surface) 30%, transparent), color-mix(in srgb, var(--surface) 30%, transparent))
            48.57% 0 / 1px 100% no-repeat,
        linear-gradient(color-mix(in srgb, var(--surface) 30%, transparent), color-mix(in srgb, var(--surface) 30%, transparent))
            51.80% 0 / 1px 100% no-repeat;
}

.lw-konteyner__gorsel img { display: block; width: 100%; height: auto; }

/* Tır kasasının üst kenarı tır genişliğinin %11,535'i yukarıda (SVG y=215/366, oran 1309:366);
   sol sütun %60 olduğundan bu, sol sütun genişliğinin %19,225'i. Konteynerin alt kenarı = görselin son satırı. */
.lw-konteyner__kasa-boslugu { padding-top: 19.225%; }

.lw-konteyner__sag {
    flex: 0 0 36%;
    padding-top: 16vh;
}
.lw-konteyner__sag .lw-eyebrow { color: var(--surface); }

.lw-buyuk {
    max-width: 880px;
    margin: 0 0 9vh;
    font-family: var(--font-baslik);
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--surface);
}

.lw-maddeler { list-style: none; margin: 0; padding: 0; }

.lw-madde {
    width: 90%;
    margin-bottom: 9vh;
    border-top: 1px solid color-mix(in srgb, var(--surface) 30%, transparent);
    transition: background-color .3s ease;
}
.lw-madde:hover { background: var(--accent); }
.lw-madde:hover .lw-madde__ic { color: var(--accent-ink); }

.lw-madde__ic {
    display: flex;
    flex-direction: column;
    padding: 10px 20px 20px;
    color: var(--surface);
    text-decoration: none;
}

.lw-madde__no {
    margin-bottom: 20px;
    font-family: var(--font-govde);
    font-size: 14px;
    line-height: 1.4;
}

.lw-madde__baslik {
    margin: 0 0 10px;
    font-family: var(--font-baslik);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    color: inherit;
}

.lw-madde__metin {
    margin: 0 0 30px;
    font-family: var(--font-govde);
    font-size: 16px;
    line-height: 1.3;
}

.lw-madde__ok { align-self: flex-end; font-size: 14px; line-height: 1; }

.lw-konteyner__tir { flex: 0 0 100%; order: 3; }
.lw-konteyner__tir img { display: block; width: 100%; height: auto; }

/* ─── Blog carousel (spec §6.6) ─────────────────────────────────────────── */

.lw-blog__ust {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid var(--border);
}
.lw-blog__ust .lw-ifade { max-width: 880px; }
.lw-blog__ust .lw-hap { flex-shrink: 0; }

.lw-carousel__iz {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
}
.lw-carousel__iz::-webkit-scrollbar { display: none; }
.lw-carousel__iz:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }

.lw-carousel__slayt {
    flex: 0 0 calc((100% - 90px) / 4);
    scroll-snap-align: start;
}

.lw-kart__tarih {
    display: block;
    margin-bottom: 8px;
    font-family: var(--font-govde);
    font-size: 14px;
    line-height: 1.4;
    color: var(--muted);
}

.lw-kart__baslik--kirp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.lw-carousel__oklar {
    display: flex;
    gap: 10px;
    margin-top: 30px;
}

.lw-carousel__ok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 17px;
    border: 1px solid var(--border);
    border-radius: 50%;
    background: transparent;
    color: var(--text);
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    transition: border-color .25s ease;
}
.lw-carousel__ok:hover,
.lw-carousel__ok:focus-visible { border-color: var(--text); }
.lw-carousel__ok[hidden] { display: none; }

/* ─── Hızlı Teklif (5b30e30 — spec 2026-10-19-hizli-teklif-ve-footer §5) ─── */

.lw-hizli-teklif { margin: 40px 0 9vh; padding: 0; }

.lw-hizli-teklif__ic {
    display: flex;
    gap: 30px;
    align-items: stretch;
}

/* Sol blok: fotoğraf + %30 koyu kaplama, içerik alta yaslı. Görsel yoksa düz --text zemin. */
.lw-hizli-teklif__sol,
.lw-hizli-teklif__kart {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 12px;
    background: var(--text);
    color: var(--surface);
}
.lw-hizli-teklif__sol {
    flex: 0 0 calc(55% - 15px);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 60px 30px;
}
.lw-hizli-teklif__zemin {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.lw-hizli-teklif--gorselli::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: color-mix(in srgb, var(--text) 30%, transparent);
    pointer-events: none;
}

.lw-hizli-teklif__baslik {
    margin: 0;
    font-family: var(--font-baslik);
    /* 70px ≈1350px'ten geniş ekranda; daralan sol sütunda (1025–1350px) tek uzun kelime kırpılmasın diye küçülür */
    font-size: clamp(38px, 5.2vw, 70px);
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--surface);
    overflow-wrap: break-word;
}
.lw-hizli-teklif__aciklama {
    max-width: 560px;
    margin: 20px 0 0;
    font-family: var(--font-govde);
    font-size: 16px;
    line-height: 1.6;
    color: var(--surface);
}

/* Sağ sütun: form paneli + bilgi kartı */
.lw-hizli-teklif__sag {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lw-hizli-teklif__panel {
    border-radius: 12px;
    background: color-mix(in srgb, var(--text) 6%, transparent);
    padding: 40px 30px 30px;
}
.lw-hizli-teklif__form-baslik {
    margin: 0 0 20px;
    font-family: var(--font-baslik);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--text);
}
.lw-hizli-teklif__form[hidden],
.lw-hizli-teklif__tesekkur[hidden],
.lw-hizli-teklif__mesaj[hidden] { display: none; }

.lw-hizli-teklif__alanlar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.lw-alan { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.lw-alan--tam { grid-column: 1 / -1; }

.lw-alan input,
.lw-alan textarea {
    width: 100%;
    min-height: 58px;
    padding: 0 20px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
    font-family: var(--font-govde);
    font-size: 16px;
    line-height: 1.4;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.lw-alan textarea { padding: 16px 20px; resize: vertical; }
.lw-alan input::placeholder,
.lw-alan textarea::placeholder { color: var(--muted); opacity: 1; }
.lw-alan input:focus,
.lw-alan textarea:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);
}
.lw-alan [aria-invalid="true"] { border-color: var(--bs-form-invalid-color, var(--text)); }
.lw-alan__hata:empty { display: none; }
.lw-alan__hata {
    font-family: var(--font-govde);
    font-size: 13px;
    line-height: 1.4;
    color: var(--bs-form-invalid-color, var(--text));
}

/* Honeypot: ekranda ve yardımcı teknolojide yok, botlar doldurur */
.lw-gizli-tuzak {
    position: absolute;
    left: -9999px;
    top: -9999px;
    opacity: 0;
    pointer-events: none;
}

.lw-hizli-teklif__dogrulama { margin-top: 20px; }

.lw-hizli-teklif__mesaj {
    margin: 20px 0 0;
    font-family: var(--font-govde);
    font-size: 14px;
    line-height: 1.5;
    color: var(--bs-form-invalid-color, var(--text));
}

.lw-hizli-teklif__gonder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 58px;
    margin-top: 20px;
    padding: 0 30px;
    border: 0;
    border-radius: 999px;
    background: var(--accent);
    color: var(--accent-ink);
    font-family: var(--font-govde);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .25s ease, opacity .25s ease;
}
.lw-hizli-teklif__gonder:hover,
.lw-hizli-teklif__gonder:focus-visible { background: var(--text); color: var(--surface); }
.lw-hizli-teklif__gonder:disabled { opacity: .6; cursor: progress; }

.lw-hizli-teklif__tesekkur {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px;
    border-radius: 8px;
    background: var(--surface);
    color: var(--text);
}
.lw-hizli-teklif__tesekkur p {
    margin: 0;
    font-family: var(--font-govde);
    font-size: 16px;
    line-height: 1.6;
}
.lw-hizli-teklif__tik {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--accent);
    color: var(--accent-ink);
    font-size: 16px;
    line-height: 1;
}

/* Bilgi kartı: arka plan fotoğrafı + kaplama; logo, başlık, açıklama; sağ altta ok link */
.lw-hizli-teklif__kart {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 40px 30px;
}
.lw-hizli-teklif__kart-metin { min-width: 0; }
.lw-hizli-teklif__logo { margin-bottom: 20px; }
.lw-hizli-teklif__logo img {
    display: block;
    width: auto;
    max-width: 160px;
    height: auto;
    max-height: 40px;
}
.lw-hizli-teklif__kart-baslik {
    margin: 0;
    overflow-wrap: break-word;
    font-family: var(--font-baslik);
    font-size: 50px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--surface);
}
.lw-hizli-teklif__kart-aciklama {
    margin: 12px 0 0;
    font-family: var(--font-govde);
    font-size: 16px;
    line-height: 1.6;
    color: var(--surface);
}
.lw-hizli-teklif__kart-ok {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 13px;
    border: 1px solid var(--surface);
    border-radius: 999px;
    color: var(--surface);
    text-decoration: none;
    transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
.lw-hizli-teklif__kart-ok:hover,
.lw-hizli-teklif__kart-ok:focus-visible {
    background: var(--accent);
    border-color: var(--accent);
    color: var(--accent-ink);
}

@media (max-width: 1024px) {
    .lw-hizli-teklif { margin: 20px 0 7vh; }
    .lw-hizli-teklif__ic { flex-direction: column; }
    .lw-hizli-teklif__sol { flex-basis: auto; min-height: calc(14vw + 34vh); padding: 20px; }
    .lw-hizli-teklif__baslik { font-size: 38px; }
    .lw-hizli-teklif__panel { padding: 25px 20px; }
    .lw-hizli-teklif__kart { min-height: calc(20vw + 10vh); }
    .lw-hizli-teklif__kart-baslik { font-size: 32px; }
}

@media (max-width: 767px) {
    .lw-hizli-teklif { margin-bottom: 55px; }
    .lw-hizli-teklif__sol { padding: 30px 20px; }
    .lw-hizli-teklif__baslik { font-size: 28px; }
    .lw-hizli-teklif__alanlar { grid-template-columns: minmax(0, 1fr); }
    .lw-hizli-teklif__kart { padding: 30px 20px; }
    .lw-hizli-teklif__kart-baslik { font-size: 26px; }
}

/* ─── Masaüstü + tablet ≥768px: konteyner sütunu yapışık ───────────────── */

@media (min-width: 768px) {
    .lw-konteyner__sol {
        position: sticky;
        top: calc(var(--header-h, 64px) + var(--ann-h, 0px));
        align-self: flex-start;
    }
}

/* ─── Tablet ≤1024px ────────────────────────────────────────────────────── */

@media (max-width: 1024px) {
    .lw-bolum { margin-bottom: 7vh; }
    .lw-kutu { padding-inline: 20px; }
    .lw-ifade { font-size: 24px; }

    .lw-sayaclar__oge { padding: 30px 20px; }
    .lw-sayaclar__rakam { font-size: 21px; }

    .lw-hizmetler__baslik { margin-bottom: 30px; }
    .lw-hizmetler__baslik .lw-ifade { max-width: 70%; margin-bottom: 10px; }
    .lw-kartlar { gap: 20px; }
    .lw-kartlar > * { flex-basis: calc((100% - 60px) / 4); }
    .lw-cta { gap: 30px; padding: calc((100% - 60px) / 4 + 20px) 20px 20px; }

    .lw-hakkimizda__ic { gap: 20px; }
    .lw-hakkimizda__metin { flex-basis: calc(50% - 10px); gap: 30px; padding: 30px 20px; }
    .lw-hakkimizda__ust { gap: 30px; padding-right: 0; }
    .lw-hakkimizda__gorsel { flex-basis: calc(50% - 10px); }

    .lw-nedenbiz__ust { padding-top: 7vh; }
    .lw-nedenbiz__eyebrow { margin-bottom: 6.5vh; }
    .lw-nedenbiz__satir { flex-direction: column; gap: 0; min-height: 480px; margin-bottom: 7vh; }
    .lw-nedenbiz--bantli .lw-nedenbiz__satir { margin-bottom: -197px; }
    .lw-nedenbiz__ifade { flex-basis: auto; margin: 0 0 30px; padding-right: 0; }
    .lw-akordiyon { flex-basis: auto; align-self: stretch; }
    .lw-akordiyon__baslik { padding: 30px 20px; }
    .lw-akordiyon__metin { font-size: 21px; }
    .lw-akordiyon__ikon { font-size: 16px; }
    .lw-akordiyon__icerik { padding: 0 20px 30px; }
    .lw-nedenbiz__foto { object-position: center left; }
    .lw-nedenbiz__serit { padding: 30px 0; }

    .lw-buyuk { font-size: 32px; }
    .lw-konteyner { padding-bottom: 7vh; }

    .lw-carousel__slayt { flex-basis: calc((100% - 30px) / 2); }
    .lw-carousel__ok { padding: 16px; }
}

/* ─── Mobil ≤767px ──────────────────────────────────────────────────────── */

@media (max-width: 767px) {
    .lw-bolum { margin-bottom: 60px; }
    .lw-ifade { font-size: 20px; }

    .lw-sayaclar { border-bottom: 0; }
    .lw-sayaclar__liste { flex-direction: column; }
    .lw-sayaclar__oge {
        flex-basis: auto;
        padding: 20px;
        border: 1px solid var(--border);
        border-top: 0;
    }
    .lw-sayaclar__oge:last-child { border-right: 1px solid var(--border); }
    .lw-sayaclar__rakam { font-size: 18px; }

    .lw-hizmetler__baslik .lw-ifade { max-width: 100%; margin-bottom: 16px; }
    .lw-kartlar { flex-direction: column; }
    .lw-kartlar > * { flex-basis: auto; }
    .lw-cta { gap: 20px; padding-top: calc(100% + 20px); }
    .lw-cta__metin { max-width: 220px; }

    .lw-hakkimizda__ic { flex-direction: column; min-height: 0; }
    .lw-hakkimizda__metin { flex-basis: auto; justify-content: flex-start; gap: 25px; }
    .lw-hakkimizda__ust { gap: 20px; }
    .lw-hakkimizda__gorsel { flex-basis: auto; min-height: 60vh; }

    .lw-nedenbiz__ust { padding-top: 60px; }
    .lw-nedenbiz__eyebrow { margin-bottom: 20px; }
    .lw-nedenbiz__satir,
    .lw-nedenbiz--bantli .lw-nedenbiz__satir { min-height: 0; margin-bottom: 60px; }
    .lw-akordiyon__metin { font-size: 18px; }
    .lw-akordiyon__ikon { font-size: 14px; }
    .lw-nedenbiz__bant { min-height: 60vh; }
    .lw-nedenbiz__serit { flex-direction: column; align-items: flex-start; }
    .lw-nedenbiz__serit-metin { max-width: 100%; }

    .lw-buyuk { font-size: 26px; margin-bottom: 30px; }
    .lw-konteyner { padding-bottom: 60px; }
    .lw-konteyner__sol { flex-basis: 100%; order: 2; margin-bottom: 60px; }
    .lw-konteyner__kasa-boslugu { display: none; }
    .lw-konteyner__sag { flex-basis: 100%; order: 1; padding-top: 60px; }
    .lw-madde { width: 100%; margin-bottom: 30px; }

    .lw-blog__ust { flex-direction: column; align-items: flex-start; padding-bottom: 30px; margin-bottom: 30px; }
    .lw-carousel__slayt { flex-basis: 100%; }
    .lw-carousel__ok { padding: 15px; }
}