/* ============================================================
   PAKIŞ METAL RECYCLE — Modern, aydınlık tasarım sistemi
   1983'ten beri Konya · Hurda · Maden · Geri Dönüşüm
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Inter+Tight:wght@500;600;700;800&display=swap');

:root {
    --container: 1240px;
    --gutter: clamp(1.25rem, 4vw, 2.5rem);
    --r-sm: 6px;
    --r: 10px;
    --r-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(10,10,10,0.04), 0 1px 1px rgba(10,10,10,0.02);
    --shadow: 0 4px 12px rgba(10,10,10,0.05), 0 2px 4px rgba(10,10,10,0.03);
    --shadow-lg: 0 16px 40px rgba(10,10,10,0.08), 0 4px 12px rgba(10,10,10,0.04);
}

/* TEMA 1: Modern Aydınlık (varsayılan) */
:root,
[data-theme="modern"] {
    --bg: #fafaf7;
    --bg-soft: #f4f3ee;
    --paper: #ffffff;
    --ink: #0a0a0a;
    --ink-2: #1a1a1a;
    --ink-soft: #3a3a3a;
    --mute: #6b6b6b;
    --mute-2: #9a9a98;
    --line: #e5e3dc;
    --line-strong: #cfccc1;
    --brand: #146c43;
    --brand-dark: #0f5234;
    --brand-light: #e7f3ec;
    --copper: #b85a2c;
    --copper-soft: #fbeee2;
    --warning: #d97706;
    /* Koyu zemin (hero, topbar, cta, foot) için */
    --ink-bg: #0a0a0a;
    --ink-bg-2: #1a1a1a;
    --on-dark: #ffffff;
    --on-dark-mute: #b8b5ad;
    --on-dark-mute-2: #8c8a82;
    --on-dark-line: #1f1f1f;
    --accent-leaf: #76c89f;
    --accent-leaf-soft: #8fd9b3;
}

/* TEMA 2: Sıcak Krem + Bakır */
[data-theme="krem"] {
    --bg: #f5efe3;
    --bg-soft: #ede5d4;
    --paper: #fbf7ef;
    --ink: #1a1410;
    --ink-2: #2a1f15;
    --ink-soft: #3d2f22;
    --mute: #6b5d4c;
    --mute-2: #9a8d7c;
    --line: #ddd2b8;
    --line-strong: #c2b599;
    --brand: #146c43;
    --brand-dark: #0f5234;
    --brand-light: #d8ead8;
    --copper: #b85a2c;
    --copper-soft: #f0d8c0;
    --warning: #c5390a;
    --ink-bg: #1f1610;
    --ink-bg-2: #2d2018;
    --on-dark: #fbf7ef;
    --on-dark-mute: #c9ba9d;
    --on-dark-mute-2: #968570;
    --on-dark-line: #3a2c20;
    --accent-leaf: #d9a36a;
    --accent-leaf-soft: #e8c08e;
}

/* TEMA 3: Antrasit Hero + Sıcak Gövde */
[data-theme="antrasit"] {
    --bg: #f7f4ed;
    --bg-soft: #ece8de;
    --paper: #ffffff;
    --ink: #0a0a0a;
    --ink-2: #1a1a1a;
    --ink-soft: #2a2a2a;
    --mute: #5a5a5a;
    --mute-2: #8a8a88;
    --line: #d8d4c8;
    --line-strong: #b8b3a4;
    --brand: #0f5234;
    --brand-dark: #0a3a24;
    --brand-light: #cce3d4;
    --copper: #b85a2c;
    --copper-soft: #f5d5b8;
    --warning: #c5390a;
    --ink-bg: #141414;
    --ink-bg-2: #1f1f1f;
    --on-dark: #ffffff;
    --on-dark-mute: #c0bdb5;
    --on-dark-mute-2: #8c8a82;
    --on-dark-line: #2a2a2a;
    --accent-leaf: #6fb992;
    --accent-leaf-soft: #8fd9b3;
}

/* TEMA 5: Canlı Mavi — donanma + cobalt + buz mavisi + bakır kontrast */
[data-theme="canli"] {
    --bg: #f1f5fa;
    --bg-soft: #e4edf6;
    --paper: #fbfdff;
    --ink: #0a1828;
    --ink-2: #122538;
    --ink-soft: #1f3a55;
    --mute: #5a6b80;
    --mute-2: #8a98ac;
    --line: #d6e0ec;
    --line-strong: #b3c2d6;
    --brand: #0a5fae;
    --brand-dark: #084578;
    --brand-light: #d6e6f5;
    --copper: #cc6b2c;
    --copper-soft: #fce0c6;
    --warning: #d97706;
    --ink-bg: #0a2a4a;
    --ink-bg-2: #103a62;
    --on-dark: #f0f5fb;
    --on-dark-mute: #a4c0dc;
    --on-dark-mute-2: #6a89aa;
    --on-dark-line: #143e63;
    --accent-leaf: #3eb6c8;
    --accent-leaf-soft: #7fd4e3;
}

/* TEMA 4: Paslı / Eskitme */
[data-theme="pasli"] {
    --bg: #ede4d3;
    --bg-soft: #e0d5be;
    --paper: #f5ede0;
    --ink: #2a1f15;
    --ink-2: #3a2818;
    --ink-soft: #4a3528;
    --mute: #6b5d4c;
    --mute-2: #968974;
    --line: #c8baa0;
    --line-strong: #a89878;
    --brand: #5a6b2a;
    --brand-dark: #404a1a;
    --brand-light: #d6dabf;
    --copper: #a04420;
    --copper-soft: #ecc8a8;
    --warning: #a8470a;
    --ink-bg: #2b1f15;
    --ink-bg-2: #3a2a1c;
    --on-dark: #f5ede0;
    --on-dark-mute: #b8a685;
    --on-dark-mute-2: #8a7860;
    --on-dark-line: #44321f;
    --accent-leaf: #9fa86a;
    --accent-leaf-soft: #b8c084;
}

/* TEMA SWITCHER WIDGET */
.tema-switcher {
    position: fixed;
    bottom: 1.2rem;
    right: 1.2rem;
    z-index: 9999;
    background: var(--paper);
    border: 1px solid var(--line-strong);
    border-radius: 999px;
    padding: 0.45rem;
    box-shadow: var(--shadow-lg);
    display: flex;
    gap: 0.4rem;
    align-items: center;
}
.tema-switcher-label {
    font-size: 0.72rem;
    color: var(--mute);
    padding: 0 0.5rem 0 0.3rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.tema-switcher button {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid rgba(0,0,0,0.08);
    cursor: pointer;
    transition: transform 0.15s, border-color 0.15s;
    padding: 0;
    background-clip: padding-box;
}
.tema-switcher button:hover { transform: scale(1.12); }
.tema-switcher button.aktif {
    border-color: var(--ink);
    box-shadow: 0 0 0 2px var(--paper) inset;
}
.tema-switcher .t-modern   { background: linear-gradient(135deg, #ffffff 50%, #146c43 50%); }
.tema-switcher .t-krem     { background: linear-gradient(135deg, #f5efe3 50%, #b85a2c 50%); }
.tema-switcher .t-antrasit { background: linear-gradient(135deg, #1a1a1a 50%, #0f5234 50%); }
.tema-switcher .t-pasli    { background: linear-gradient(135deg, #ede4d3 50%, #a04420 50%); }
.tema-switcher .t-canli    { background: conic-gradient(from 0deg, #0a2a4a 0deg 120deg, #0a5fae 120deg 240deg, #3eb6c8 240deg 360deg); }
@media (max-width: 640px) {
    .tema-switcher { bottom: 0.7rem; right: 0.7rem; padding: 0.35rem; }
    .tema-switcher-label { display: none; }
    .tema-switcher button { width: 22px; height: 22px; }
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: var(--ink);
    background: var(--bg);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-feature-settings: "cv11", "ss01";
}
img, svg { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; }

/* ===== UNIFIED PHOTO TONE =====
   Tüm temsili fotolara hafif sıcak/desature ton birliği.
   Admin'den yüklenen GERÇEK Pakiş Metal fotoğraflarına filter uygulanmaz. */
.svc-photo img,
.eq-photo img,
.urun-foto img,
.fac-main img,
.hero-photos { position: absolute; inset: 0; z-index: 0; }
.hero-photo {
    position: absolute; inset: 0;
    opacity: 0;
    transition: opacity 1s ease;
}
.hero-photo.active { opacity: 1; }

.hero-text-wrap { position: relative; }
.hero-texts {
    position: relative;
    min-height: 240px;
    margin-top: 1.25rem;
}
.hero-text {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
    pointer-events: none;
}
.hero-text.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
}
.hero-text h1 { margin: 0 0 1rem; }
.hero-text p { margin: 0; }

.hero-dots {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 5;
}
.hero-dots button {
    width: 11px; height: 11px;
    border-radius: 50%;
    background: rgba(255,255,255,0.35);
    border: 1.5px solid rgba(255,255,255,0.75);
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
}
.hero-dots button:hover { background: rgba(255,255,255,0.6); }
.hero-dots button.active {
    background: var(--accent-leaf);
    border-color: var(--accent-leaf);
    transform: scale(1.35);
}
@media (max-width: 700px) {
    .hero-texts { min-height: 320px; }
    .hero-dots { bottom: 14px; }
}

.hero-photo img,
.galeri-grid img,
.galeri-item img {
    filter: saturate(0.85) contrast(1.04) sepia(0.05) brightness(0.97);
    transition: filter 0.3s ease, transform 0.4s ease;
}
.hero-photo img { filter: saturate(0.75) contrast(1.08) sepia(0.06) brightness(0.92); }
/* Hover'da fotonun rengini biraz açıyoruz, daha canlı görünsün */
.svc:hover .svc-photo img,
.urun:hover .urun-foto img { filter: saturate(0.95) contrast(1.05) sepia(0.03) brightness(1); }

/* ===== TYPOGRAPHY ===== */
h1, h2, h3, h4, h5 {
    font-family: 'Inter Tight', 'Inter', sans-serif;
    letter-spacing: -0.02em;
    color: var(--ink);
    font-weight: 700;
    line-height: 1.1;
}
h1 { font-size: clamp(2.5rem, 5.5vw, 4.5rem); font-weight: 800; letter-spacing: -0.035em; }
h2 { font-size: clamp(1.875rem, 3.6vw, 2.75rem); letter-spacing: -0.025em; }
h3 { font-size: clamp(1.25rem, 1.8vw, 1.5rem); }
h4 { font-size: 1rem; }

.eyebrow {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--brand);
    display: inline-flex; align-items: center; gap: 0.5rem;
}
.eyebrow::before {
    content: ""; width: 24px; height: 1.5px; background: var(--brand);
}
.eyebrow.dark { color: var(--ink); }
.eyebrow.dark::before { background: var(--ink); }
.eyebrow.copper { color: var(--copper); }
.eyebrow.copper::before { background: var(--copper); }

/* ===== LAYOUT ===== */
.wrap { max-width: var(--container); margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.section { padding: clamp(4rem, 8vw, 7rem) 0; }
.section-sm { padding: clamp(2.5rem, 4vw, 3.5rem) 0; }
.section-dark { background: var(--ink-bg); color: var(--on-dark); }
.section-dark h2, .section-dark h3 { color: var(--on-dark); }
.section-dark .eyebrow { color: var(--accent-leaf); }
.section-dark .eyebrow::before { background: var(--accent-leaf); }
.section-soft { background: var(--bg-soft); }

/* ===== BUTTONS ===== */
.btn {
    display: inline-flex; align-items: center; gap: 0.55rem;
    padding: 0.85rem 1.5rem;
    font-weight: 600; font-size: 0.95rem;
    color: var(--on-dark); background: var(--ink);
    border-radius: var(--r-sm);
    transition: all 0.18s ease;
    border: 1.5px solid var(--ink);
    cursor: pointer;
    white-space: nowrap;
}
.btn:hover { background: var(--brand); border-color: var(--brand); transform: translateY(-1px); box-shadow: var(--shadow); }
.btn svg { flex-shrink: 0; }

.btn-outline {
    background: transparent; color: var(--ink); border-color: var(--ink);
}
.btn-outline:hover { background: var(--ink); color: var(--on-dark); }

.btn-light {
    background: var(--paper); color: var(--ink); border-color: rgba(255,255,255,0.2);
}
.btn-light:hover { background: var(--brand); color: var(--on-dark); border-color: var(--brand); }

.btn-brand {
    background: var(--brand); border-color: var(--brand);
}
.btn-brand:hover { background: var(--brand-dark); border-color: var(--brand-dark); }

.btn-ghost {
    background: transparent; color: var(--on-dark); border-color: rgba(255,255,255,0.3);
}
.btn-ghost:hover { background: var(--paper); color: var(--ink); border-color: var(--on-dark); }

.btn-lg { padding: 1.05rem 1.85rem; font-size: 1rem; }

/* ===== TOP BAR ===== */
.topbar {
    background: var(--ink-bg);
    color: var(--on-dark-mute);
    font-size: 0.82rem;
    padding: 0.55rem 0;
}
.topbar .wrap { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; align-items: center; }
.topbar .leaf {
    display: inline-flex; align-items: center; gap: 0.4rem;
    color: var(--accent-leaf);
}
.topbar a { color: var(--on-dark-mute); }
.topbar a:hover { color: var(--on-dark); }

/* ===== HEADER ===== */
.head {
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    position: sticky; top: 0; z-index: 50;
    backdrop-filter: blur(10px);
}
.head .wrap { display: flex; align-items: center; gap: 2rem; min-height: 76px; }
.brand {
    display: flex; align-items: center; flex-shrink: 0;
    text-decoration: none;
}
.brand-logo {
    height: 44px;
    width: auto;
    display: block;
}
.brand-logo--foot {
    height: 54px;
    margin-bottom: 0.6rem;
}
@media (max-width: 600px) {
    .brand-logo { height: 36px; }
}

.nav { display: flex; gap: 0.4rem; margin-left: auto; align-items: center; }
.nav a {
    padding: 0.5rem 0.85rem;
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--ink-soft);
    border-radius: var(--r-sm);
    transition: all 0.15s ease;
}
.nav a:hover { color: var(--ink); background: var(--bg-soft); }
.nav a.active { color: var(--brand); background: var(--brand-light); }
.nav .head-cta {
    margin-left: 0.5rem;
    background: var(--ink-bg); color: var(--on-dark);
    padding: 0.55rem 1.1rem;
    border-radius: var(--r-sm);
    font-weight: 600;
}
.nav .head-cta:hover { background: var(--brand); color: var(--on-dark); }

/* ===== HERO ===== */
.hero {
    position: relative;
    background: var(--ink-bg);
    color: var(--on-dark);
    overflow: hidden;
    isolation: isolate;
}
.hero-photo {
    position: absolute; inset: 0; z-index: -2;
}
.hero-photo img {
    width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.hero::before {
    content: ""; position: absolute; inset: 0; z-index: -1;
    background: linear-gradient(120deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.75) 45%, rgba(10,10,10,0.35) 100%);
}
.hero-inner {
    padding: clamp(5rem, 11vw, 9rem) 0 clamp(4rem, 8vw, 6rem);
    position: relative;
}
.hero-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 4rem;
    align-items: end;
}
@media (max-width: 900px) {
    .hero-grid { grid-template-columns: 1fr; gap: 2.5rem; }
}
.hero h1 { color: var(--on-dark); max-width: 18ch; }
.hero h1 em { font-style: normal; color: var(--accent-leaf); }
.hero-lead {
    margin-top: 1.5rem;
    font-size: clamp(1.05rem, 1.4vw, 1.2rem);
    color: var(--on-dark-mute);
    max-width: 56ch;
    line-height: 1.55;
}
.hero-cta { margin-top: 2.25rem; display: flex; gap: 0.85rem; flex-wrap: wrap; }
.hero-side {
    background: rgba(11, 18, 24, 0.88);
    border: 1px solid rgba(118, 200, 159, 0.18);
    border-radius: var(--r-lg);
    padding: 1.35rem 1.5rem;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.4);
}
.hero-side .label {
    font-size: 0.72rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase;
    color: var(--accent-leaf);
}
.hero-side .val {
    font-size: 2rem; font-weight: 800; letter-spacing: -0.03em; color: var(--on-dark);
    margin: 0.25rem 0 0.15rem;
}
.hero-side .alt { font-size: 0.85rem; color: var(--on-dark-mute); }
.hero-side hr { border: none; border-top: 1px solid rgba(255,255,255,0.08); margin: 1rem 0; }
.hero-side .row { display: flex; justify-content: space-between; gap: 1rem; }
.hero-side .row > div b {
    display: block; font-size: 1.25rem; font-weight: 800; color: var(--on-dark); letter-spacing: -0.02em;
}
.hero-side .row > div span { font-size: 0.78rem; color: var(--on-dark-mute); letter-spacing: 0.05em; }

/* Yeni baremli fiyat listesi — hero-side içinde */
.hero-fiyat-baslik-yeni {
    display: grid;
    grid-template-columns: 1fr 64px 72px;
    gap: 0.5rem;
    align-items: end;
    margin-bottom: 0.5rem;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid rgba(255,255,255,0.12);
}
.hero-fiyat-baslik-yeni .hfb-sol {
    display: flex;
    flex-direction: column;
}
.hero-fiyat-baslik-yeni .bar-baslik {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}
.hero-fiyat-baslik-yeni .bar-baslik .bar-ad {
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--on-dark-mute);
}
.hero-fiyat-baslik-yeni .bar-baslik-toptan .bar-ad {
    color: var(--accent-leaf-soft);
}
.hero-fiyat-baslik-yeni .bar-baslik .bar-kg {
    font-size: 0.7rem;
    color: var(--on-dark-mute-2);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    margin-top: 2px;
}

/* (Eski stil — fallback için tutuluyor) */
.hero-fiyat-baslik {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.85rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.hero-fiyat-eyebrow {
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: var(--on-dark);
    margin-bottom: 0.25rem;
}
.hero-fiyat-altyazi {
    font-size: 0.74rem;
    color: var(--on-dark-mute);
    letter-spacing: 0.04em;
    font-weight: 500;
}
.hero-fiyat-canli {
    font-size: 0.75rem;
    color: var(--accent-leaf-soft);
    font-weight: 700;
    white-space: nowrap;
    padding-top: 0.25rem;
    text-shadow: 0 0 8px rgba(143, 217, 179, 0.3);
}

/* Sütun başlıkları (Az / Toptan + kg aralıkları) */
.hero-fiyat-baslik-satir {
    display: grid;
    grid-template-columns: 1fr 64px 72px;
    gap: 0.5rem;
    padding: 0 0 0.5rem 0;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.hero-fiyat-baslik-satir .bar-baslik {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}
.hero-fiyat-baslik-satir .bar-baslik .bar-ad {
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--on-dark-mute);
}
.hero-fiyat-baslik-satir .bar-baslik-toptan .bar-ad {
    color: var(--accent-leaf-soft);
}
.hero-fiyat-baslik-satir .bar-baslik .bar-kg {
    font-size: 0.7rem;
    color: var(--on-dark-mute-2);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    margin-top: 2px;
}

/* Fiyat satırları */
.hero-fiyat-liste {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.85rem;
}
.hero-fiyat-satir {
    display: grid;
    grid-template-columns: 1fr 64px 72px;
    gap: 0.5rem;
    align-items: center;
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}
.hero-fiyat-satir:last-child {
    border-bottom: none;
}
.hero-fiyat-satir .ad {
    font-size: 0.92rem;
    color: var(--on-dark);
    font-weight: 500;
    line-height: 1.25;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hero-fiyat-satir .bar-az,
.hero-fiyat-satir .bar-toptan {
    font-variant-numeric: tabular-nums;
    text-align: right;
}
.hero-fiyat-satir .bar-az {
    font-size: 0.98rem;
    color: var(--on-dark);
    font-weight: 700;
}
.hero-fiyat-satir .bar-toptan {
    font-size: 1.15rem;
    color: var(--accent-leaf-soft);
    font-weight: 800;
    letter-spacing: -0.01em;
}
.hero-fiyat-satir .bar-az small {
    font-size: 0.72rem;
    color: var(--on-dark-mute-2);
    font-weight: 500;
    margin-left: 2px;
}
.hero-fiyat-satir .bar-toptan small {
    font-size: 0.72rem;
    color: var(--accent-leaf);
    font-weight: 500;
    margin-left: 2px;
}

.hero-fiyat-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    color: var(--accent-leaf);
    font-size: 0.82rem;
    font-weight: 600;
    padding-top: 0.85rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    line-height: 1.3;
}
.hero-fiyat-link:hover {
    color: var(--accent-leaf-soft);
}
.hero-fiyat-link svg {
    flex-shrink: 0;
}

/* ===== BAREME FİYAT TABLOSU (anasayfa + /fiyat-listesi ortak) ===== */
.bareme-aciklama {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    padding: 0.9rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}
.bareme-kart {
    background: white;
    padding: 0.65rem 0.85rem;
    border-radius: 0.35rem;
    border-left: 3px solid;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.bareme-kart b {
    font-size: 0.95rem;
    color: #111827;
    font-weight: 700;
}
.bareme-kart .kg-aralik {
    font-size: 0.85rem;
    font-weight: 700;
    color: #374151;
    font-variant-numeric: tabular-nums;
}
.bareme-kart small {
    font-size: 0.75rem;
    color: #6b7280;
}

.kategori-baslik {
    margin: 1.25rem 1rem 0.45rem 1rem;
    padding-bottom: 0.35rem;
    border-bottom: 2px solid #e5e7eb;
    color: #1f2937;
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.bareme-th {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}
.bareme-th span {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6b7280;
}
.bareme-th small {
    font-size: 0.68rem;
    color: #9ca3af;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    margin-top: 1px;
}

.price-table.baremli {
    margin: 0;
    width: 100%;
}
.price-table.baremli th {
    background: #f9fafb;
    color: #6b7280;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.5rem 0.7rem;
    text-align: right;
}
.price-table.baremli th:first-child {
    text-align: left;
}
.price-table.baremli th.bareme-col {
    width: 14%;
    text-align: right;
}
.price-table.baremli th.toptan .bareme-th span {
    color: #16a34a;
}
.price-table.baremli td.bareme-fiyat {
    text-align: right;
    font-variant-numeric: tabular-nums;
    padding: 0.55rem 0.7rem;
    color: #111827;
}
.price-table.baremli td.bareme-fiyat b {
    font-weight: 600;
}
.price-table.baremli td.bareme-fiyat small {
    color: #9ca3af;
    margin-left: 2px;
    font-size: 0.7rem;
}
.price-table.baremli td.bareme-fiyat.toptan {
    background: #f0fdf4;
    color: #15803d;
}
.price-table.baremli td.bareme-fiyat.toptan b {
    font-weight: 700;
}
.price-table.baremli td.name a {
    color: inherit;
    text-decoration: none;
}
.price-table.baremli td.name a:hover {
    text-decoration: underline;
}

@media (max-width: 720px) {
    .bareme-aciklama {
        grid-template-columns: repeat(2, 1fr);
    }
    .price-table.baremli th,
    .price-table.baremli td {
        font-size: 0.78rem;
        padding: 0.4rem 0.35rem;
    }
    .price-table.baremli td.bareme-fiyat small {
        display: none;
    }
    .kategori-baslik {
        margin: 1rem 0.5rem 0.4rem 0.5rem;
    }
}

/* ===== STAT STRIP ===== */
.statstrip {
    background: var(--paper);
    border-bottom: 1px solid var(--line);
    padding: 2rem 0;
}
.statstrip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 2rem;
}
.statstrip-item .num {
    font-family: 'Inter Tight', sans-serif;
    font-size: clamp(2rem, 3.5vw, 2.75rem);
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--ink);
    line-height: 1;
}
.statstrip-item .lbl {
    margin-top: 0.4rem;
    font-size: 0.88rem;
    color: var(--mute);
    font-weight: 500;
}

/* ===== SECTION HEAD ===== */
.sec-head {
    margin-bottom: 3rem;
    max-width: 720px;
}
.sec-head .eyebrow { margin-bottom: 1rem; }
.sec-head h2 { margin-bottom: 0.85rem; }
.sec-head p { font-size: 1.1rem; color: var(--mute); line-height: 1.55; }
.sec-head.spread { max-width: none; display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; flex-wrap: wrap; }
.sec-head.spread .col-r p { margin: 0; max-width: 32ch; }

/* ===== SERVICE CARDS ===== */
.svc-grid {
    display: grid; gap: 1.25rem;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.svc {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
    transition: all 0.2s ease;
    display: flex; flex-direction: column;
    position: relative;
}
.svc:hover { border-color: var(--line-strong); transform: translateY(-2px); box-shadow: var(--shadow); }
.svc-photo {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--bg-soft);
    position: relative;
}
.svc-photo img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.4s ease;
}
.svc:hover .svc-photo img { transform: scale(1.04); }
.svc-body { padding: 1.5rem 1.5rem 1.65rem; display: flex; flex-direction: column; flex: 1; }
.svc h3 { margin-bottom: 0.6rem; }
.svc p { color: var(--mute); font-size: 0.95rem; flex: 1; margin-bottom: 1.25rem; }
.svc .more {
    font-weight: 600; font-size: 0.88rem; color: var(--brand);
    display: inline-flex; align-items: center; gap: 0.35rem;
    align-self: flex-start;
}
.svc .more svg { transition: transform 0.2s ease; }
.svc:hover .more svg { transform: translateX(3px); }
.svc-tag {
    position: absolute; top: 1rem; left: 1rem; z-index: 2;
    background: rgba(255,255,255,0.92);
    backdrop-filter: blur(8px);
    color: var(--ink);
    font-size: 0.7rem; font-weight: 600;
    letter-spacing: 0.06em; text-transform: uppercase;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
}
.svc-tag.brand { background: var(--brand); color: var(--on-dark); }

/* ===== ÜÇ KAPI (ALIRIZ / SATARIZ / DÖNÜŞTÜRÜRÜZ) ===== */
.kapi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}
.kapi {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    padding: 1.75rem 1.5rem 1.5rem;
    display: flex;
    flex-direction: column;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.kapi:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.kapi-head {
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--line);
    margin-bottom: 1rem;
}
.kapi-rozet {
    display: inline-block;
    padding: 0.25rem 0.7rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    border-radius: 999px;
    margin-bottom: 0.85rem;
}
.kapi--alim    .kapi-rozet { background: #fdeaea; color: #b51c1c; }
.kapi--satim   .kapi-rozet { background: #e6f4ec; color: var(--brand); }
.kapi--donusum .kapi-rozet { background: #f0eee9; color: #5a5147; }
.kapi-head h3 {
    margin: 0 0 0.4rem;
    font-size: 1.6rem;
    letter-spacing: -0.02em;
    color: var(--ink);
}
.kapi-head p {
    margin: 0;
    color: var(--mute);
    font-size: 0.92rem;
    line-height: 1.5;
}
.kapi-list {
    list-style: none;
    padding: 0; margin: 0;
    display: flex; flex-direction: column;
    gap: 0.4rem;
    flex: 1;
}
.kapi-list li a {
    display: block;
    padding: 0.7rem 0.85rem;
    border-radius: var(--r-sm);
    transition: background 0.15s ease;
    color: var(--ink);
}
.kapi-list li a:hover { background: var(--bg-soft); }
.kapi-list .t {
    display: block;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 2px;
}
.kapi-list .d {
    display: block;
    color: var(--mute);
    font-size: 0.82rem;
    line-height: 1.4;
}
.kapi-link {
    margin-top: 1rem;
    align-self: flex-start;
    color: var(--brand);
    font-weight: 600;
    font-size: 0.88rem;
}
@media (max-width: 980px) {
    .kapi-grid { grid-template-columns: 1fr; }
}

/* ===== PRICE CARD ===== */
.price-card {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
}
.price-head {
    padding: 1.5rem 1.75rem;
    background: var(--ink);
    color: var(--on-dark);
    display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap;
}
.price-head h3 { color: var(--on-dark); }
.price-head .live {
    display: inline-flex; gap: 0.5rem; align-items: center;
    font-size: 0.8rem; color: var(--accent-leaf); font-weight: 600;
    letter-spacing: 0.05em;
}
.price-head .live::before {
    content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--accent-leaf);
    box-shadow: 0 0 0 0 #76c89f;
    animation: pulse 2s infinite;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(118,200,159,0.7); }
    70% { box-shadow: 0 0 0 8px rgba(118,200,159,0); }
    100% { box-shadow: 0 0 0 0 rgba(118,200,159,0); }
}
.price-tabs {
    display: flex; gap: 0; padding: 0.85rem 1.75rem;
    background: var(--bg-soft);
    border-bottom: 1px solid var(--line);
    overflow-x: auto;
}
.price-tabs a {
    padding: 0.45rem 1rem;
    font-size: 0.85rem; font-weight: 600;
    color: var(--mute);
    border-radius: 999px;
    margin-right: 0.4rem;
    white-space: nowrap;
}
.price-tabs a.active, .price-tabs a:hover { background: var(--paper); color: var(--ink); box-shadow: var(--shadow-sm); }
.price-table { width: 100%; border-collapse: collapse; }
.price-table tr { border-bottom: 1px solid var(--line); }
.price-table tr:last-child { border-bottom: none; }
.price-table tr:hover { background: var(--bg-soft); }
.price-table td { padding: 1rem 1.75rem; }
.price-table .name { font-weight: 600; }
.price-table .cat {
    display: inline-block; margin-left: 0.65rem;
    padding: 2px 8px;
    font-size: 0.7rem; font-weight: 600;
    letter-spacing: 0.04em; text-transform: uppercase;
    background: var(--bg-soft); color: var(--mute);
    border-radius: 999px;
}
.price-table .cat.maden { background: var(--copper-soft); color: var(--copper); }
.price-table .cat.demir { background: var(--brand-light); color: var(--brand); }
.price-table .cat.krom { background: #f0f0f0; color: var(--ink-soft); }
.price-table .price {
    text-align: right;
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--ink);
    white-space: nowrap;
    font-feature-settings: "tnum";
}
.price-table .price small { color: var(--mute); font-size: 0.8rem; font-weight: 500; margin-left: 0.2rem; }
.price-foot {
    padding: 0.95rem 1.75rem;
    background: var(--bg-soft);
    color: var(--mute);
    font-size: 0.85rem;
    border-top: 1px solid var(--line);
    display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap;
}

/* ===== PROCESS / AKIŞ ===== */
.process {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
    counter-reset: step;
}
@media (max-width: 1100px) { .process { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; } }
@media (max-width: 700px)  { .process { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .process { grid-template-columns: 1fr; } }
.process-step {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    padding: 1.5rem 1.25rem 1.25rem;
    position: relative;
    counter-increment: step;
}
.process-step::before {
    content: "0" counter(step);
    display: block;
    font-family: 'Inter Tight', sans-serif;
    font-size: 0.85rem; font-weight: 700;
    color: var(--brand);
    letter-spacing: 0.04em;
    margin-bottom: 0.85rem;
}
.process-step h4 { font-size: 1.05rem; font-weight: 700; margin-bottom: 0.4rem; letter-spacing: -0.015em; }
.process-step p { font-size: 0.9rem; color: var(--mute); }

/* ===== EKİPMAN / FACILITY ===== */
.fac-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 1.5rem;
}
@media (max-width: 900px) { .fac-grid { grid-template-columns: 1fr; } }
.fac-main {
    aspect-ratio: 16 / 11;
    border-radius: var(--r-lg);
    overflow: hidden;
    position: relative;
}
.fac-main img { width: 100%; height: 100%; object-fit: cover; }
.fac-main .ovl {
    position: absolute; left: 1.5rem; bottom: 1.5rem;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(8px);
    padding: 1rem 1.25rem;
    border-radius: var(--r);
    max-width: 280px;
}
.fac-main .ovl b { display: block; font-weight: 700; font-size: 1rem; }
.fac-main .ovl span { font-size: 0.85rem; color: var(--mute); }
.fac-side { display: grid; gap: 1.5rem; }
.fac-card {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    padding: 1.5rem;
    display: flex; gap: 1rem;
    align-items: flex-start;
}
.fac-card .ico {
    flex-shrink: 0;
    width: 44px; height: 44px;
    border-radius: var(--r-sm);
    background: var(--brand-light); color: var(--brand);
    display: grid; place-items: center;
}
.fac-card h4 { font-weight: 700; margin-bottom: 0.3rem; font-size: 1.02rem; }
.fac-card p { font-size: 0.88rem; color: var(--mute); margin: 0; line-height: 1.45; }

/* ===== EQUIPMENT GRID (in dark section) ===== */
.eq-grid {
    display: grid; gap: 1.5rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.eq {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: var(--r-lg);
    overflow: hidden;
    transition: all 0.2s ease;
}
.eq:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.15); }
.eq-photo {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    position: relative;
}
.eq-photo img { width: 100%; height: 100%; object-fit: cover; }
.eq-body { padding: 1.25rem 1.4rem 1.4rem; }
.eq h4 { color: var(--on-dark); font-size: 1.05rem; font-weight: 700; margin-bottom: 0.3rem; }
.eq p { font-size: 0.88rem; color: var(--on-dark-mute); margin: 0; }

/* ===== CTA STRIP ===== */
.cta-strip {
    background: var(--brand);
    color: var(--on-dark);
    padding: clamp(3rem, 6vw, 4.5rem) 0;
    position: relative;
    overflow: hidden;
}
.cta-strip::before {
    content: ""; position: absolute; inset: 0; opacity: 0.08;
    background: radial-gradient(circle at 80% 50%, #fff 0%, transparent 60%);
}
.cta-strip .wrap { position: relative; display: flex; align-items: center; gap: 2rem; justify-content: space-between; flex-wrap: wrap; }
.cta-strip h2 { color: var(--on-dark); max-width: 22ch; letter-spacing: -0.025em; }
.cta-strip p { color: rgba(255,255,255,0.85); margin-top: 0.85rem; font-size: 1.05rem; max-width: 50ch; }

/* ===== FOOTER ===== */
.foot {
    background: var(--ink-bg);
    color: var(--on-dark-mute);
    padding: clamp(3rem, 5vw, 4.5rem) 0 1.5rem;
    font-size: 0.93rem;
}
.foot a { color: var(--on-dark-mute); }
.foot a:hover { color: var(--on-dark); }
.foot-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
    gap: 3rem;
    margin-bottom: 3rem;
}
.foot h4 {
    color: var(--on-dark); font-size: 0.85rem; letter-spacing: 0.1em; text-transform: uppercase;
    margin-bottom: 1.25rem; font-weight: 700;
}
.foot ul { list-style: none; }
.foot ul li { margin-bottom: 0.55rem; }
.foot-marka p { color: var(--on-dark-mute-2); max-width: 320px; margin-top: 1rem; line-height: 1.55; }
.foot-tel {
    font-size: 1.25rem; color: var(--on-dark); font-weight: 700; letter-spacing: -0.01em;
    display: inline-block; margin-bottom: 0.5rem;
}
.foot-bot {
    border-top: 1px solid var(--on-dark-line);
    padding-top: 1.5rem;
    display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
    font-size: 0.82rem; color: #6b6b6b;
}
@media (max-width: 900px) { .foot-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .foot-grid { grid-template-columns: 1fr; gap: 2.5rem; } }

/* ===== MOBİL ALT ÇUBUK ===== */
.mobil {
    display: none;
    position: fixed; bottom: 0; left: 0; right: 0;
    background: var(--paper);
    z-index: 60;
    border-top: 1px solid var(--line);
    box-shadow: 0 -8px 24px -8px rgba(0,0,0,0.08);
}
.mobil a {
    flex: 1; padding: 0.8rem 0.5rem;
    text-align: center; color: var(--ink-soft);
    font-size: 0.75rem; font-weight: 600;
    border-right: 1px solid var(--line);
    display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.mobil a:last-child { border-right: none; }
.mobil a.primary { background: var(--brand); color: var(--on-dark); }
.mobil a.primary:hover { background: var(--brand-dark); }

@media (max-width: 768px) {
    .nav a:not(.head-cta) { display: none; }
    .mobil { display: flex; }
    body { padding-bottom: 64px; }
    .hero-grid { grid-template-columns: 1fr; }
}

/* ===== SUBPAGE HEAD ===== */
.subhead {
    padding: clamp(3rem, 6vw, 5rem) 0 clamp(2rem, 4vw, 3rem);
    background: var(--bg-soft);
    border-bottom: 1px solid var(--line);
}
.subhead .eyebrow { margin-bottom: 1rem; }
.subhead h1 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1rem; }
.subhead p { font-size: 1.1rem; color: var(--mute); max-width: 60ch; }

/* ===== UTIL ===== */
.text-mute { color: var(--mute); }
.text-brand { color: var(--brand); }
.divider { height: 1px; background: var(--line); margin: 2.5rem 0; }

/* ===== HAKKIMIZDA ===== */
.hakkimizda-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 3rem;
    align-items: start;
}
@media (max-width: 900px) { .hakkimizda-grid { grid-template-columns: 1fr; } }
.hakkimizda-grid h2 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    letter-spacing: -0.02em;
}
.hakkimizda-grid h3 {
    font-size: 1.05rem;
    margin-bottom: 0.75rem;
    color: var(--brand);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}
.hakkimizda-grid p {
    color: var(--ink-soft);
    line-height: 1.7;
    font-size: 1.02rem;
}
.hakkimizda-blok-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
.hakkimizda-blok {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    padding: 1.25rem 1.35rem;
}
.hakkimizda-yan { position: sticky; top: 100px; }
.hakkimizda-yan-foto {
    aspect-ratio: 4/5;
    border-radius: var(--r-lg);
    overflow: hidden;
    box-shadow: var(--shadow);
    margin-bottom: 1rem;
}
.hakkimizda-yan-foto img {
    width: 100%; height: 100%; object-fit: cover;
    filter: saturate(0.85) sepia(0.05) contrast(1.04);
}
.hakkimizda-kart {
    padding: 1rem 1.25rem;
    border: 1px solid var(--line);
    border-radius: var(--r);
    background: var(--bg-soft);
    margin-bottom: 0.75rem;
}
.hakkimizda-kart-bas {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--brand);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}
.hakkimizda-kart-deger {
    font-weight: 600;
    color: var(--ink);
    line-height: 1.45;
    display: block;
}

/* ===== MADEN SAYFALARI ===== */
.maden-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.25rem;
    margin-top: 1.25rem;
}
.maden-kart {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    text-decoration: none;
    display: flex;
    flex-direction: column;
}
.maden-kart:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.maden-kart-foto {
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
}
.maden-kart-foto::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.15));
}
.maden-kart-foto img {
    width: 100%; height: 100%; object-fit: cover;
    filter: saturate(0.9) contrast(1.05);
}
.maden-kart.renk-bakir .maden-kart-foto::after { background: linear-gradient(180deg, transparent 50%, rgba(176,72,30,0.25)); }
.maden-kart.renk-aluminyum .maden-kart-foto::after { background: linear-gradient(180deg, transparent 50%, rgba(140,140,150,0.2)); }
.maden-kart.renk-pirinc .maden-kart-foto::after { background: linear-gradient(180deg, transparent 50%, rgba(180,150,50,0.22)); }
.maden-kart.renk-cinko .maden-kart-foto::after { background: linear-gradient(180deg, transparent 50%, rgba(100,110,120,0.2)); }
.maden-kart.renk-krom .maden-kart-foto::after { background: linear-gradient(180deg, transparent 50%, rgba(70,80,100,0.2)); }
.maden-kart-body { padding: 1.1rem 1.25rem 1.35rem; flex: 1; display: flex; flex-direction: column; }
.maden-kart-body h3 { margin: 0 0 0.5rem; font-size: 1.2rem; }
.maden-kart-body p { color: var(--mute, #6b7280); font-size: 0.88rem; flex: 1; line-height: 1.5; }
.maden-kart-body .more { color: var(--brand); font-weight: 700; font-size: 0.85rem; margin-top: 0.7rem; }

.maden-detay-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 2.5rem;
    align-items: start;
}
@media (max-width: 900px) { .maden-detay-grid { grid-template-columns: 1fr; } }
.maden-detay-foto img {
    width: 100%; aspect-ratio: 4/3; object-fit: cover;
    border-radius: var(--r-lg);
    filter: saturate(0.9) contrast(1.05);
    box-shadow: var(--shadow);
}
.maden-detay-body h2 { font-size: 1.5rem; margin: 0 0 1rem; }
.maden-detay-body h3 { font-size: 1.1rem; margin-bottom: 0.7rem; }

/* ===== BÖLGE SAYFALARI ===== */
.bolge-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
    margin-top: 1.25rem;
}
.bolge-kart {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1.5rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    text-decoration: none;
}
.bolge-kart:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
.bolge-rozet {
    display: inline-block;
    padding: 3px 9px;
    background: var(--brand-light);
    color: var(--brand);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    border-radius: 999px;
    align-self: flex-start;
}
.bolge-rozet--il { background: #fdeaea; color: #b51c1c; }
.bolge-kart h3 { margin: 0; font-size: 1.3rem; }
.bolge-mesafe {
    font-size: 0.78rem; color: var(--mute, #6b7280);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 600;
}
.bolge-kart p { color: var(--mute, #6b7280); font-size: 0.92rem; flex: 1; }
.bolge-kart .more {
    color: var(--brand); font-weight: 700; font-size: 0.88rem;
}

.bolge-detay-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 2.5rem;
}
@media (max-width: 900px) { .bolge-detay-grid { grid-template-columns: 1fr; } }
.bolge-info p { color: var(--ink-soft); line-height: 1.7; font-size: 1.05rem; }
.bolge-mesafe-kart {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--brand-light);
    border-radius: var(--r-lg);
}
.bolge-mesafe-lbl {
    font-size: 0.75rem;
    color: var(--brand);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
}
.bolge-mesafe-val {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--ink);
    margin-top: 4px;
}
.bolge-yan h3 { margin: 0 0 1rem; font-size: 1.1rem; }
.bolge-hizmet-liste { list-style: none; padding: 0; margin: 0; }
.bolge-hizmet-liste li { margin-bottom: 0.85rem; }
.bolge-hizmet-liste li a {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: var(--r-sm);
    transition: border-color 0.15s ease;
    text-decoration: none;
}
.bolge-hizmet-liste li a:hover { border-color: var(--brand); }
.bolge-hizmet-liste li img {
    width: 54px; height: 54px; object-fit: cover;
    border-radius: 4px; flex-shrink: 0;
    filter: saturate(0.85) sepia(0.05) contrast(1.04);
}
.bolge-hizmet-liste li .ad { font-weight: 700; font-size: 0.9rem; color: var(--ink); }
.bolge-hizmet-liste li .d { font-size: 0.78rem; color: var(--mute, #6b7280); margin-top: 2px; line-height: 1.4; }

/* ===== SEGMENT SAYFALARI (NEREDEN GELIYOR / KIM ICIN / DONGU) ===== */
.kaynak-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}
@media (max-width: 800px) { .kaynak-grid { grid-template-columns: 1fr; } }
.kaynak-kart {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.kaynak-foto { aspect-ratio: 16/9; overflow:hidden; }
.kaynak-foto img { width:100%; height:100%; object-fit:cover; display:block; filter: saturate(0.85) sepia(0.05) contrast(1.04); }
.kaynak-body { padding: 1.5rem 1.5rem 1.75rem; }
.kaynak-body h3 { margin: 0 0 0.6rem; font-size: 1.3rem; letter-spacing: -0.02em; }
.kaynak-body p { color: var(--mute); line-height: 1.55; margin-bottom: 1rem; }
.madde-list { list-style: none; padding: 0; margin: 0; }
.madde-list li {
    position: relative;
    padding-left: 1.25rem;
    font-size: 0.92rem;
    color: var(--ink-soft);
    margin-bottom: 0.35rem;
    line-height: 1.45;
}
.madde-list li::before {
    content: "→";
    position: absolute; left: 0; top: 0;
    color: var(--brand);
    font-weight: 700;
}
.kaynak-ornek-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    margin-top: 1.5rem;
}
@media (max-width: 800px) { .kaynak-ornek-grid { grid-template-columns: repeat(2, 1fr); } }
.kaynak-ornek {
    background: var(--paper);
    border-radius: var(--r-sm);
    overflow: hidden;
    transition: transform 0.18s ease;
    text-decoration: none;
}
.kaynak-ornek:hover { transform: translateY(-3px); }
.kaynak-ornek img { width:100%; aspect-ratio: 1/1; object-fit:cover; display:block; filter: saturate(0.85) sepia(0.05) contrast(1.04); }
.kaynak-ornek-meta { padding: 0.7rem 0.85rem 0.9rem; }
.kaynak-rozet {
    display: inline-block;
    padding: 2px 8px;
    font-size: 0.65rem; font-weight: 700;
    letter-spacing: 0.05em;
    color: #b51c1c;
    background: #fdeaea;
    border-radius: 999px;
    margin-bottom: 0.35rem;
}
.kaynak-ornek-meta .ad { font-size: 0.88rem; font-weight: 600; color: var(--ink); line-height: 1.3; }

/* DÖNÜŞÜM AKIŞI */
.dongu-aci {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    margin-bottom: 2rem;
}
@media (max-width: 800px) { .dongu-aci { grid-template-columns: 1fr; } }
.dongu-step {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    padding: 1.75rem 1.5rem 1.5rem;
    position: relative;
}
.dongu-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 2rem; font-weight: 700;
    color: var(--brand);
    line-height: 1;
    margin-bottom: 0.85rem;
}
.dongu-step h3 { font-size: 1.2rem; margin-bottom: 0.5rem; }
.dongu-step p { color: var(--mute); font-size: 0.93rem; line-height: 1.55; }

.dongu-cizgi { text-align: center; padding: 1.5rem 0; }
.dongu-cizgi-yazi {
    display: inline-flex; gap: 0.8rem; align-items: center; flex-wrap: wrap;
    font-family: 'Inter Tight', sans-serif;
    font-size: 1.1rem; font-weight: 700;
    letter-spacing: -0.01em;
}
.dongu-cizgi-yazi .ok { color: var(--mute); font-size: 1.3rem; }

.cevre-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-top: 1.5rem;
}
@media (max-width: 800px) { .cevre-grid { grid-template-columns: 1fr; } }
.cevre-kart {
    background: var(--brand-light);
    border-radius: var(--r-lg);
    padding: 1.75rem 1.5rem;
    text-align: center;
}
.cevre-num {
    font-family: 'Inter Tight', sans-serif;
    font-size: 3rem; font-weight: 800;
    color: var(--brand); line-height: 1;
}
.cevre-lbl {
    font-size: 0.85rem; font-weight: 700;
    color: var(--brand);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin: 0.4rem 0 0.85rem;
}
.cevre-kart p { color: #1a1a1a; font-size: 0.92rem; line-height: 1.5; margin: 0; }

/* KIM ICIN */
.kim-icin-head {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 2.5rem;
    align-items: center;
}
@media (max-width: 800px) { .kim-icin-head { grid-template-columns: 1fr; } }
.kim-icin-r img {
    width: 100%; aspect-ratio: 4/3; object-fit: cover;
    border-radius: var(--r-lg);
    filter: saturate(0.85) sepia(0.05) contrast(1.04);
    box-shadow: var(--shadow);
}
.kim-icin-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}
.kim-icin-kart {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.kim-icin-kart:hover { transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,0.08); }
.kim-icin-foto { aspect-ratio: 4/3; overflow:hidden; }
.kim-icin-foto img { width:100%; height:100%; object-fit:cover; display:block; filter: saturate(0.85) sepia(0.05) contrast(1.04); }
.kim-icin-body { padding: 1.25rem 1.5rem 1.5rem; }
.kim-icin-body h3 { font-size: 1.3rem; margin-bottom: 0.4rem; letter-spacing: -0.02em; }
.kim-icin-body p { color: var(--mute); font-size: 0.92rem; line-height: 1.5; margin-bottom: 0.7rem; }
.kim-icin-body .more { color: var(--brand); font-weight: 700; font-size: 0.88rem; }

/* ===== ÜRÜN KATALOĞU ===== */
.urun-grup-tabs {
    display: flex; gap: 0.4rem; flex-wrap: wrap;
    margin-bottom: 1.25rem;
    border-bottom: 2px solid var(--line);
}
.urun-grup-tabs a {
    padding: 0.7rem 1.25rem;
    font-size: 0.95rem; font-weight: 700;
    color: var(--ink-soft);
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    letter-spacing: -0.01em;
    transition: all 0.15s ease;
}
.urun-grup-tabs a:hover { color: var(--ink); }
.urun-grup-tabs a.active {
    color: var(--brand);
    border-bottom-color: var(--brand);
}
.urun-kitle-filtre {
    display: flex; gap: 0.4rem; flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.25rem;
    padding: 0.85rem 1rem;
    background: var(--bg-soft);
    border-radius: var(--r-sm);
}
.urun-kitle-filtre .lbl {
    font-size: 0.8rem; font-weight: 700;
    color: var(--mute);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-right: 0.4rem;
}
.urun-kitle-filtre a {
    padding: 0.32rem 0.75rem;
    font-size: 0.82rem; font-weight: 600;
    color: var(--ink-soft);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 999px;
    transition: all 0.15s ease;
}
.urun-kitle-filtre a:hover { border-color: var(--brand); color: var(--brand); }
.urun-kitle-filtre a.active {
    background: var(--brand); color: var(--on-dark); border-color: var(--brand);
}
.urun-sayim {
    margin-bottom: 1.25rem;
    color: var(--mute);
    font-size: 0.88rem;
}
.urun-sayim strong { color: var(--ink); }
.urun-kitle {
    display: flex; gap: 0.3rem; flex-wrap: wrap;
    margin-top: 0.5rem;
}
.kitle-rozet {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--brand);
    background: var(--brand-light);
    padding: 2px 7px;
    border-radius: 999px;
    letter-spacing: 0.04em;
}
.urun-filtre {
    display: flex; gap: 0.5rem; flex-wrap: wrap;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--line);
}
.urun-filtre a {
    padding: 0.45rem 0.95rem;
    font-size: 0.88rem; font-weight: 600;
    color: var(--ink-soft);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 999px;
    transition: all 0.15s ease;
}
.urun-filtre a:hover { border-color: var(--ink); color: var(--ink); }
.urun-filtre a.active {
    background: var(--ink); color: var(--on-dark); border-color: var(--ink);
}

.urun-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
}
.urun {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: var(--r-lg);
    overflow: hidden;
    transition: all 0.2s ease;
    display: flex; flex-direction: column;
}
.urun:hover { border-color: var(--line-strong); transform: translateY(-2px); box-shadow: var(--shadow); }
.urun-foto {
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--bg-soft);
    position: relative;
}
.urun-foto img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.4s ease;
}
.urun:hover .urun-foto img { transform: scale(1.04); }
.urun-foto .durum-rozet {
    position: absolute; top: 10px; left: 10px;
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(8px);
    color: var(--ink);
    font-size: 0.7rem; font-weight: 600;
    letter-spacing: 0.05em; text-transform: uppercase;
    padding: 0.25rem 0.6rem;
    border-radius: 999px;
}
.urun-body { padding: 1.1rem 1.25rem 1.25rem; display: flex; flex-direction: column; flex: 1; }
.urun-kat {
    font-size: 0.72rem; font-weight: 600; letter-spacing: 0.05em;
    color: var(--brand); text-transform: uppercase;
    margin-bottom: 0.35rem;
}
.urun h3 {
    font-size: 1.08rem; font-weight: 700;
    margin-bottom: 0.5rem;
    letter-spacing: -0.015em;
}
.urun .olcu {
    font-size: 0.85rem; color: var(--mute);
    font-family: 'JetBrains Mono', monospace;
    margin-bottom: 0.85rem;
}
.urun-foot {
    margin-top: auto;
    display: flex; justify-content: space-between; align-items: center; gap: 0.5rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--line);
}
.urun-fiyat {
    font-weight: 700; font-size: 1.05rem; color: var(--ink);
    font-feature-settings: "tnum";
}
.urun-fiyat small { color: var(--mute); font-size: 0.78rem; font-weight: 500; }
.urun-stok {
    font-size: 0.78rem; color: var(--mute); font-weight: 500;
}
.urun-stok.var { color: var(--brand); }
.urun-stok.yok { color: var(--mute-2); }

/* ===== GALERİ ===== */
.galeri-filter {
    display: flex; gap: 0.5rem; flex-wrap: wrap;
    margin-bottom: 1.75rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--line);
}
.galeri-filter button {
    padding: 0.5rem 1rem;
    font-size: 0.88rem; font-weight: 600;
    color: var(--ink-soft);
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 999px;
    cursor: pointer;
    transition: all 0.15s ease;
    font-family: inherit;
}
.galeri-filter button:hover { border-color: var(--ink); color: var(--ink); }
.galeri-filter button.active {
    background: var(--brand); color: var(--on-dark); border-color: var(--brand);
}
.galeri-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0.75rem;
}
.galeri-item {
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: var(--r);
    cursor: pointer;
    position: relative;
    background: var(--bg-soft);
}
.galeri-item img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform 0.4s ease;
}
.galeri-item:hover img { transform: scale(1.06); }
.galeri-item.uzun { grid-column: span 2; aspect-ratio: 2 / 1; }
.galeri-item.uzun2 { grid-column: span 2; grid-row: span 2; aspect-ratio: 1 / 1; }
@media (max-width: 700px) {
    .galeri-item.uzun, .galeri-item.uzun2 { grid-column: span 1; aspect-ratio: 1/1; }
}

.galeri-lightbox {
    position: fixed; inset: 0; z-index: 100;
    background: rgba(0,0,0,0.92);
    display: none;
    place-items: center;
    padding: 2rem;
    cursor: pointer;
}
.galeri-lightbox.open { display: grid; }
.galeri-lightbox img { max-width: 100%; max-height: 90vh; object-fit: contain; }
.galeri-lightbox .close {
    position: absolute; top: 1.5rem; right: 1.5rem;
    color: var(--on-dark); background: rgba(255,255,255,0.1);
    width: 40px; height: 40px;
    border-radius: 50%;
    display: grid; place-items: center;
    backdrop-filter: blur(8px);
}