/* Çarşı Sarrafiye — kurumsal site (Ana Sayfa, Kurumsal, Ürünlerimiz, İletişim, Giriş) stilleri.
   site.css'ten sonra yüklenir ve renk değişkenlerini kurumsal paletle ezer; canlı fiyat ekranı (Prices) bu dosyayı yüklemez.
   Palet: antrasit #131D29, metalik altın #C6A15E, açık altın #D7B672, kırık beyaz #F5F3EF, koyu yeşil #244A40.
   Antrasit bölümler (üst menü, hero, canlı fiyat tanıtımı, alt bilgi) her iki temada da koyudur;
   açık bölümler koyu temada antrasit tonlarına döner. */

:root {
    --ink: #131d29;
    --ink-2: #0d141d;
    --ink-line: rgba(215, 182, 114, .18);
    --green: #244a40;
    --gold-m: #c6a15e;
    --gold-l: #d7b672;
    --on-ink: #f5f3ef;
    --on-ink-muted: rgba(245, 243, 239, .72);

    --bg: #f5f3ef;
    --surface: #ffffff;
    --surface-2: #efebe4;
    --border: #e3ddd2;
    --text: #131d29;
    --muted: #5a6370;
    --gold: #8f6c2e;            /* açık zeminde metin/bağlantı için koyulaştırılmış altın (kontrast) */
    --gold-strong: #7a5b25;
    --gold-soft: rgba(198, 161, 94, .14);
    --on-gold: #131d29;
    --gold-grad: linear-gradient(135deg, #e2c58a 0%, #c6a15e 55%, #b08a48 100%);
    --shadow: 0 18px 50px rgba(19, 29, 41, .10);
    --radius: 14px;
    --serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
}

:root[data-theme="dark"] {
    --bg: #0f1720;
    --surface: #16212d;
    --surface-2: #121b26;
    --border: #243241;
    --text: #eef0f2;
    --muted: #a3acb7;
    --gold: #d7b672;
    --gold-strong: #e2c58a;
    --gold-soft: rgba(215, 182, 114, .12);
    --shadow: 0 18px 50px rgba(0, 0, 0, .45);
}
/* Not: kurumsal sayfalarda data-theme her zaman atanır (_SiteLayout), cihaz temasına göre ayrı blok gerekmez. */

html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body { overflow-x: hidden; }
img { max-width: 100%; }

:focus-visible { outline: 2px solid var(--gold-l); outline-offset: 3px; border-radius: 4px; }

.Wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}
@media (min-width: 640px) { .Wrap { padding: 0 28px; } }

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

/* ---------------- Butonlar ---------------- */
.Btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 26px;
    border-radius: 4px;
    font: 600 .86rem/1 Inter, "Segoe UI", Roboto, Arial, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.Btn svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s ease; }
.Btn:hover svg { transform: translateX(3px); }
.Btn_ana { background: var(--gold-grad); color: var(--on-gold); box-shadow: 0 10px 28px rgba(198, 161, 94, .28); }
.Btn_ana:hover { box-shadow: 0 14px 34px rgba(198, 161, 94, .42); transform: translateY(-1px); }
.Btn_cerceve { background: transparent; color: var(--on-ink); border-color: rgba(245, 243, 239, .45); }
.Btn_cerceve:hover { border-color: var(--gold-l); color: var(--gold-l); }
.Btn_koyu { background: transparent; color: var(--text); border-color: var(--text); }
.Btn_koyu:hover { background: var(--text); color: var(--bg); }
.Btn_buyuk { min-height: 58px; padding: 0 34px; font-size: .92rem; }

/* ---------------- Üst menü ---------------- */
.Ust {
    position: sticky;
    top: 0;
    z-index: 40;
    background: rgba(19, 29, 41, .97);
    border-bottom: 1px solid var(--ink-line);
    transition: background-color .3s ease, box-shadow .3s ease;
}
/* Ana sayfada menü hero'nun üzerinde saydam başlar, kaydırınca opaklaşır */
.Govde_seffaf .Ust { position: fixed; left: 0; right: 0; background: linear-gradient(180deg, rgba(13, 20, 29, .7), rgba(13, 20, 29, 0)); border-bottom-color: transparent; }
.Govde_seffaf .Ust.Ust_kaydi,
.Govde_seffaf .Ust.acik { background: rgba(19, 29, 41, .97); border-bottom-color: var(--ink-line); }
.Ust.Ust_kaydi { box-shadow: 0 10px 30px rgba(0, 0, 0, .25); }
@supports (backdrop-filter: blur(8px)) {
    .Ust, .Govde_seffaf .Ust.Ust_kaydi { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
    .Ust, .Govde_seffaf .Ust.Ust_kaydi, .Govde_seffaf .Ust.acik { background-color: rgba(19, 29, 41, .96); }
    .Govde_seffaf .Ust:not(.Ust_kaydi):not(.acik) { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
.Ust_ic {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 84px;
    transition: min-height .3s ease;
}
.Ust_kaydi .Ust_ic { min-height: 68px; }
.Ust .Marka { margin-right: auto; }
.Ust .Marka_logo { height: 54px; transition: height .3s ease; }
.Ust_kaydi .Marka_logo { height: 44px; }

.Menu { display: flex; align-items: center; gap: 2px; }
.Menu a {
    position: relative;
    color: var(--on-ink);
    text-decoration: none;
    font-size: .9rem;
    font-weight: 500;
    padding: 10px 14px;
}
.Menu a::after {
    content: "";
    position: absolute;
    left: 14px; right: 14px; bottom: 4px;
    height: 1px;
    background: var(--gold-m);
    transform: scaleX(0);
    transition: transform .25s ease;
}
.Menu a:hover { color: var(--gold-l); }
.Menu a:hover::after, .Menu a[aria-current="page"]::after { transform: scaleX(1); }
.Menu a[aria-current="page"] { color: var(--gold-l); }

.Ust_canli {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 18px;
    border: 1px solid var(--gold-m);
    border-radius: 4px;
    color: var(--gold-l);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-decoration: none;
    white-space: nowrap;
    transition: background-color .25s ease, color .25s ease;
}
.Ust_canli:hover, .Ust_canli[aria-current="page"] { background: var(--gold-m); color: var(--ink); }

.Ust .TemaBtn, .MenuBtn {
    background: transparent;
    border: 1px solid rgba(245, 243, 239, .22);
    color: var(--on-ink);
}
.Ust .TemaBtn:hover, .MenuBtn:hover { border-color: var(--gold-l); color: var(--gold-l); }

.MenuBtn {
    display: none;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    cursor: pointer;
    place-items: center;
}
.MenuBtn svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; fill: none; }
.MenuBtn_kapat { display: none; }
.Ust.acik .MenuBtn_ac { display: none; }
.Ust.acik .MenuBtn_kapat { display: block; }

@media (max-width: 960px) {
    .MenuBtn { display: inline-grid; }
    .Menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 8px 16px 20px;
        background: var(--ink);
        border-bottom: 1px solid var(--ink-line);
        box-shadow: 0 24px 40px rgba(0, 0, 0, .35);
    }
    .Ust.acik .Menu { display: flex; }
    .Menu a { padding: 15px 4px; border-bottom: 1px solid rgba(245, 243, 239, .08); font-size: 1rem; }
    .Menu a::after { display: none; }
    .Ust .Marka_logo { height: 46px; }
    .Ust_ic { min-height: 72px; gap: 10px; }
}
@media (max-width: 560px) {
    .Ust .Marka_logo, .Ust_kaydi .Marka_logo { height: 38px; }
    .Ust_ic, .Ust_kaydi .Ust_ic { min-height: 64px; gap: 8px; }
    .Ust_canli { padding: 0 11px; min-height: 40px; font-size: .7rem; letter-spacing: .08em; }
    .Ust .TemaBtn, .MenuBtn { width: 40px; height: 40px; }
}
@media (max-width: 380px) {
    .Ust_canli_metin_uzun { display: none; }
}

/* ---------------- Ortak bölüm yapısı ---------------- */
.Bolum { padding: 104px 0; }
.Bolum_beyaz { background: var(--surface); }
.Bolum_krem { background: var(--bg); }
.Ust_baslik {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 18px;
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gold);
}
.Ust_baslik::before { content: ""; width: 34px; height: 1px; background: var(--gold-m); }
.Baslik {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(2rem, 3.6vw, 2.9rem);
    line-height: 1.1;
    letter-spacing: -.005em;
    margin: 0 0 20px;
}
.Bolum_bas { max-width: 680px; margin-bottom: 56px; }
.Bolum_bas_orta { margin-left: auto; margin-right: auto; text-align: center; }
.Bolum_bas_orta .Ust_baslik::after { content: ""; width: 34px; height: 1px; background: var(--gold-m); }
.Bolum_bas p { margin: 0; color: var(--muted); font-size: 1.06rem; }
.Bolum_alt_bag { margin-top: 48px; text-align: center; }

/* ---------------- Hero ---------------- */
.Hero {
    position: relative;
    isolation: isolate;
    min-height: clamp(600px, 92vh, 720px);
    display: flex;
    align-items: center;
    padding: 130px 0 90px;
    background: var(--ink-2);
    color: var(--on-ink);
    overflow: hidden;
}
.Hero_foto {
    position: absolute;
    inset: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 70% 50%;
}
.Hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(13, 20, 29, .96) 0%, rgba(13, 20, 29, .86) 38%, rgba(13, 20, 29, .35) 70%, rgba(13, 20, 29, .15) 100%),
        linear-gradient(0deg, rgba(13, 20, 29, .7) 0%, rgba(13, 20, 29, 0) 35%);
}
.Hero_ic { max-width: 640px; }
.Hero .Ust_baslik { color: var(--gold-l); }
.Hero h1 {
    font-family: var(--serif);
    font-weight: 700;
    font-size: clamp(2.6rem, 6.2vw, 4.6rem);
    line-height: 1.02;
    letter-spacing: -.01em;
    margin: 0 0 24px;
}
.Hero h1 em { font-style: normal; color: var(--gold-l); }
.Hero_metin { font-size: 1.12rem; line-height: 1.7; color: var(--on-ink-muted); margin: 0 0 38px; max-width: 34em; }
.Butonlar { display: flex; flex-wrap: wrap; gap: 14px; }
.Hero_konum {
    position: absolute;
    left: 0; right: 0; bottom: 28px;
    font-size: .78rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: rgba(245, 243, 239, .55);
}
.Hero_konum .Wrap { display: flex; align-items: center; gap: 14px; }
.Hero_konum .Wrap::after { content: ""; flex: 1; height: 1px; background: var(--ink-line); }

/* ---------------- Kurumsal tanıtım ---------------- */
.Tanitim {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(40px, 7vw, 96px);
    align-items: center;
}
.Tanitim_gorsel { position: relative; margin: 0 0 0 0; padding: 0 22px 22px 0; }
.Tanitim_gorsel::before {
    content: "";
    position: absolute;
    top: 22px; left: 22px; right: 0; bottom: 0;
    border: 1px solid var(--gold-m);
    z-index: 0;
}
.Tanitim_gorsel img { position: relative; z-index: 1; display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.Tanitim_metin p { color: var(--muted); font-size: 1.04rem; line-height: 1.8; margin: 0 0 18px; }
.Tanitim_metin .Btn { margin-top: 18px; }

/* ---------------- Faaliyet alanları ---------------- */
.Alanlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.Alan {
    display: flex;
    flex-direction: column;
    background: var(--surface);
    border: 1px solid var(--border);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.Alan:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: var(--gold-m); }
.Alan_gorsel { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: var(--ink); }
.Alan_gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.Alan_gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(13, 20, 29, 0) 55%, rgba(13, 20, 29, .45) 100%); }
.Alan:hover .Alan_gorsel img { transform: scale(1.05); }
.Alan_govde { padding: 26px 24px 30px; border-top: 2px solid var(--gold-m); flex: 1; }
.Alan h3 { font-family: var(--serif); font-size: 1.55rem; font-weight: 700; line-height: 1.15; margin: 0 0 10px; }
.Alan p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.65; }

/* ---------------- Canlı fiyat tanıtımı ---------------- */
.Canli {
    position: relative;
    overflow: hidden;
    background: var(--ink);
    color: var(--on-ink);
    padding: 110px 0;
}
.Canli::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(700px 360px at 85% 50%, rgba(198, 161, 94, .14), transparent 70%);
    pointer-events: none;
}
.Canli_ic {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 64px;
    align-items: center;
}
.Canli .Ust_baslik { color: var(--gold-l); }
.Canli .Baslik { color: var(--on-ink); }
.Canli p { color: var(--on-ink-muted); font-size: 1.06rem; line-height: 1.75; margin: 0 0 36px; max-width: 34em; }
.Canli_gorsel { position: relative; }
.Canli_gorsel svg { display: block; width: 100%; height: auto; }

/* ---------------- Değerler ---------------- */
.Degerler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.Deger { padding: 8px 32px; border-left: 1px solid var(--border); }
.Deger:first-child { border-left: 0; padding-left: 0; }
.Deger_ikon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border: 1px solid var(--gold-m);
    border-radius: 50%;
    color: var(--gold);
}
.Deger_ikon svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.Deger h3 { font-size: 1.06rem; font-weight: 600; margin: 0 0 8px; }
.Deger p { margin: 0; color: var(--muted); font-size: .95rem; line-height: 1.65; }

/* ---------------- İletişim çağrısı ---------------- */
.Cagri {
    position: relative;
    overflow: hidden;
    background: var(--green);
    color: var(--on-ink);
    padding: 96px 0;
}
.Cagri::before {
    content: "";
    position: absolute;
    right: -120px; top: 50%;
    width: 520px; height: 520px;
    transform: translateY(-50%);
    border: 1px solid rgba(215, 182, 114, .25);
    border-radius: 50%;
    box-shadow: 0 0 0 60px rgba(215, 182, 114, .04), 0 0 0 120px rgba(215, 182, 114, .03);
    pointer-events: none;
}
.Cagri_ic { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 48px; align-items: center; }
.Cagri .Ust_baslik { color: var(--gold-l); }
.Cagri .Baslik { color: var(--on-ink); max-width: 16em; }
.Cagri p { margin: 0; color: var(--on-ink-muted); max-width: 38em; font-size: 1.04rem; line-height: 1.75; }
.Cagri_bilgi { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-top: 26px; }
.Cagri_bilgi span, .Cagri_bilgi a { display: inline-flex; align-items: center; gap: 10px; color: var(--on-ink); text-decoration: none; font-weight: 500; }
.Cagri_bilgi a:hover { color: var(--gold-l); }
.Cagri_bilgi svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: var(--gold-l); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* ---------------- Alt sayfa başlığı ---------------- */
.SayfaBas {
    position: relative;
    background: var(--ink);
    color: var(--on-ink);
    padding: 72px 0 64px;
    overflow: hidden;
}
.SayfaBas::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(600px 300px at 90% 0%, rgba(198, 161, 94, .16), transparent 70%);
    pointer-events: none;
}
.SayfaBas .Wrap { position: relative; }
.SayfaBas .Ust_baslik { color: var(--gold-l); }
.SayfaBas h1 { font-family: var(--serif); font-weight: 700; font-size: clamp(2.3rem, 5vw, 3.6rem); line-height: 1.05; margin: 0 0 14px; }
.SayfaBas p { margin: 0; color: var(--on-ink-muted); max-width: 40em; font-size: 1.06rem; }

/* ---------------- Kurumsal sayfası ---------------- */
.Metin p { color: var(--muted); font-size: 1.04rem; line-height: 1.8; margin: 0 0 18px; }
.Adimlar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}
.Adimlar li { background: var(--surface); border: 1px solid var(--border); border-top: 2px solid var(--gold-m); padding: 28px 24px; }
.Adim_no { font-family: var(--serif); font-size: 2.2rem; font-weight: 700; color: var(--gold); line-height: 1; }
.Adimlar h3 { margin: 14px 0 8px; font-size: 1.04rem; font-weight: 600; }
.Adimlar p { margin: 0; color: var(--muted); font-size: .94rem; line-height: 1.65; }
.Kimler { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.Kimler li { padding: 26px 24px; border: 1px solid var(--border); background: var(--surface); }
.Kimler b { display: block; font-size: 1.04rem; margin-bottom: 6px; }
.Kimler span { color: var(--muted); font-size: .94rem; line-height: 1.65; }
.Not { margin: 22px 0 0; color: var(--muted); font-size: .92rem; }

.Sss { display: grid; gap: 12px; max-width: 860px; margin: 0 auto; }
.Sss details { background: var(--surface); border: 1px solid var(--border); padding: 0 22px; transition: border-color .25s ease; }
.Sss details[open] { border-color: var(--gold-m); }
.Sss summary { list-style: none; cursor: pointer; padding: 20px 32px 20px 0; font-weight: 600; position: relative; }
.Sss summary::-webkit-details-marker { display: none; }
.Sss summary::after { content: "+"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 1.5rem; font-weight: 300; color: var(--gold); }
.Sss details[open] summary::after { content: "\2212"; }
.Sss details p { margin: 0 0 20px; color: var(--muted); line-height: 1.7; }

/* ---------------- Ürünlerimiz sayfası ---------------- */
.Urun {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(32px, 6vw, 80px);
    align-items: center;
}
.Urun + .Urun { margin-top: 96px; }
.Urun:nth-child(even) .Urun_gorsel { order: 2; }
.Urun_gorsel { position: relative; overflow: hidden; aspect-ratio: 4 / 3; background: var(--ink); }
.Urun_gorsel img { display: block; width: 100%; height: 100%; object-fit: cover; }
.Urun_gorsel::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(215, 182, 114, .45); pointer-events: none; }
.Urun h2 { font-family: var(--serif); font-weight: 700; font-size: clamp(1.9rem, 3.2vw, 2.5rem); line-height: 1.1; margin: 0 0 16px; }
.Urun p { color: var(--muted); line-height: 1.8; margin: 0 0 18px; }
.Etiketler { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.Etiketler li { font-size: .84rem; font-weight: 500; padding: 6px 13px; border: 1px solid var(--border); background: var(--surface); }

/* ---------------- İletişim sayfası ---------------- */
.Iletisim { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.Iletisim_oge {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 26px 24px;
    background: var(--surface);
    border: 1px solid var(--border);
    color: var(--text);
    text-decoration: none;
    transition: border-color .25s ease, transform .25s ease;
}
a.Iletisim_oge:hover { border-color: var(--gold-m); transform: translateY(-2px); }
.Iletisim_ikon { flex: 0 0 auto; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--gold-m); border-radius: 50%; color: var(--gold); }
.Iletisim_ikon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.Iletisim small { display: block; color: var(--muted); font-size: .74rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 4px; }
.Iletisim strong { font-weight: 600; word-break: break-word; }
.Uyari { margin-top: 40px; padding: 20px 22px; border-left: 2px solid var(--gold-m); background: var(--surface); color: var(--muted); font-size: .9rem; line-height: 1.7; }
.Uyari b { display: block; color: var(--text); margin-bottom: 4px; }
.Uyari p { margin: 0; }

/* ---------------- Alt bilgi ---------------- */
.Alt { background: var(--ink-2); color: var(--on-ink-muted); font-size: .92rem; }
.Alt_kolonlar {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr) minmax(0, 1fr);
    gap: 48px;
    padding-top: 72px;
    padding-bottom: 56px;
}
.Alt h2 { margin: 0 0 18px; color: var(--gold-l); font-size: .76rem; font-weight: 600; letter-spacing: .2em; text-transform: uppercase; }
.Alt_marka img { display: block; height: 56px; width: auto; }
.Alt_marka p { margin: 20px 0 0; max-width: 30em; line-height: 1.75; }
.Alt_liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
.Alt_liste li { display: flex; gap: 10px; align-items: flex-start; }
.Alt_liste svg { width: 17px; height: 17px; flex: 0 0 auto; margin-top: 3px; fill: none; stroke: var(--gold-l); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.Alt a { color: var(--on-ink-muted); text-decoration: none; transition: color .2s ease; }
.Alt a:hover { color: var(--gold-l); }
.Alt_sosyal { display: flex; gap: 10px; margin-top: 18px; }
.Alt_sosyal a { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid rgba(245, 243, 239, .2); border-radius: 50%; }
.Alt_sosyal a:hover { border-color: var(--gold-l); }
.Alt_sosyal svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.Alt_ic {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 24px;
    padding-top: 22px;
    padding-bottom: 26px;
    border-top: 1px solid rgba(245, 243, 239, .1);
    font-size: .82rem;
    color: rgba(245, 243, 239, .5);
}
.Alt_ic a { color: rgba(245, 243, 239, .62); }

/* Sabit WhatsApp düğmesi (yalnızca SiteBilgileri.WhatsApp doluysa) */
.WaBtn {
    position: fixed;
    right: 18px;
    bottom: calc(18px + env(safe-area-inset-bottom));
    z-index: 30;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: #25d366;
    color: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}
.WaBtn svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------------- Kaydırınca beliren içerik (JS varsa) ---------------- */
.js .Belir { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.js .Belir.Gorundu { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .js .Belir { opacity: 1; transform: none; transition: none; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* ---------------- Duyarlı düzen ---------------- */
@media (max-width: 1080px) {
    .Alanlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .Degerler { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
    .Deger:nth-child(3) { border-left: 0; padding-left: 0; }
    .Adimlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .Bolum { padding: 76px 0; }
    .Tanitim { grid-template-columns: 1fr; }
    .Tanitim_gorsel { max-width: 460px; }
    .Tanitim_gorsel img { aspect-ratio: 4 / 3; }
    .Canli { padding: 80px 0; }
    .Canli_ic { grid-template-columns: 1fr; gap: 44px; }
    .Canli_gorsel { max-width: 520px; }
    .Cagri { padding: 76px 0; }
    .Cagri_ic { grid-template-columns: 1fr; gap: 32px; }
    .Urun { grid-template-columns: 1fr; }
    .Urun:nth-child(even) .Urun_gorsel { order: 0; }
    .Urun + .Urun { margin-top: 64px; }
    .Kimler { grid-template-columns: 1fr; }
    .Alt_kolonlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px; }
    .Alt_marka { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .Hero { min-height: 0; padding: 120px 0 96px; }
    .Hero_foto { object-position: 78% 50%; }
    .Hero::before {
        background:
            linear-gradient(180deg, rgba(13, 20, 29, .82) 0%, rgba(13, 20, 29, .88) 55%, rgba(13, 20, 29, .97) 100%);
    }
    .Hero_metin { font-size: 1.02rem; }
    .Butonlar .Btn { width: 100%; }
    .Bolum { padding: 64px 0; }
    .Bolum_bas { margin-bottom: 40px; }
    .Alanlar, .Degerler, .Adimlar { grid-template-columns: 1fr; }
    .Deger, .Deger:first-child, .Deger:nth-child(3) { border-left: 0; padding: 0 0 0 0; }
    .Degerler { row-gap: 34px; }
    .Cagri .Btn, .Canli .Btn { width: 100%; }
    .Alt_kolonlar { grid-template-columns: 1fr; padding-top: 56px; }
    .SayfaBas { padding: 56px 0 48px; }
}