/* Galerim Otomotiv — "showroom" teması: fildişi zemin, gece laciverdi, şampanya altını, serif başlıklar, ince çizgiler */
:root {
    --ink: #0f1a2e; --text: #3e4452; --muted: #7a7f8a;
    --bg: #faf8f4; --bg-alt: #f1ede5; --line: #e2dccf; --card: #fff;
    --r: 2px; --r-sm: 2px; --r-lg: 2px; --btn-r: 999px;
    --shadow: 0 14px 40px rgba(15, 26, 46, .07); --shadow-lg: 0 30px 70px rgba(15, 26, 46, .14);
    --head: 'Fraunces', Georgia, serif; --body: 'Inter Tight', system-ui, sans-serif; --head-w: 500; --header: 84px;
}
body { background: var(--bg); }
h1 { font-size: clamp(2.6rem, 5.4vw, 4.6rem); line-height: 1.02; letter-spacing: -.02em; }
h2, .h2 { letter-spacing: -.015em; }
.kicker { color: var(--accent); font-family: var(--body); font-weight: 600; letter-spacing: .2em; text-transform: uppercase; font-size: .76rem; }
.btn { font-weight: 600; letter-spacing: .01em; }
.btn-accent, .btn-primary { background: var(--ink); color: #fff; }
.btn-accent:hover, .btn-primary:hover { background: var(--accent); color: #fff; }
.btn-outline, .btn-soft { background: transparent; border: 1px solid var(--ink); color: var(--ink); }
.btn-outline:hover, .btn-soft:hover { background: var(--ink); color: #fff; }

/* Üst bölüm */
.site-header { background: rgba(250, 248, 244, .94); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.brand-mark { background: transparent; color: var(--accent); border: 1px solid var(--accent); border-radius: 50%; }
.brand-text strong { font-family: var(--head); font-weight: 600; font-size: 1.6rem; letter-spacing: -.02em; }
.brand-text small { color: var(--accent); letter-spacing: .18em; text-transform: uppercase; font-size: .66rem; font-weight: 600; }
.nav-list > li > a { font-weight: 500; color: var(--ink); }
.nav-list > li > a.on { color: var(--accent); }
.drop { border-radius: 4px; }
.drop-ic { background: var(--bg-alt); color: var(--accent); border-radius: 50%; }

/* Hero */
.gl-hero { padding: 64px 0 80px; }
.gl-hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 64px; align-items: center; }
.gl-eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--accent); font-weight: 600; letter-spacing: .16em; text-transform: uppercase; font-size: .76rem; margin-bottom: 22px; }
.gl-eyebrow::before { content: ''; width: 40px; height: 1px; background: var(--accent); }
.gl-hero h1 { max-width: 12ch; }
.gl-hero .lead { max-width: 540px; }
.gl-quick { margin-top: 40px; padding-top: 26px; border-top: 1px solid var(--line); }
.gl-q-label { display: block; font-size: .76rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); margin-bottom: 14px; }
.gl-q-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.gl-q-list a { display: grid; gap: 2px; padding: 16px; background: #fff; border: 1px solid var(--line); color: var(--ink); transition: border-color .2s, transform .2s; }
.gl-q-list a svg { color: var(--accent); margin-bottom: 8px; }
.gl-q-list a span { font-family: var(--head); font-size: 1.15rem; }
.gl-q-list a small { color: var(--muted); font-size: .8rem; }
.gl-q-list a:hover { border-color: var(--ink); transform: translateY(-3px); }
.gl-q-list .gl-q-all { background: var(--ink); color: #fff; border-color: var(--ink); }
.gl-q-list .gl-q-all small { color: #aeb6c6; }
.gl-hero-media { position: relative; margin: 0; }
.gl-hero-media img { width: 100%; aspect-ratio: 9 / 11; object-fit: cover; border-radius: 240px 240px 2px 2px; }
.gl-hero-media figcaption { position: absolute; left: -36px; bottom: 44px; display: flex; gap: 12px; align-items: center; padding: 14px 18px; background: #fff; box-shadow: var(--shadow-lg); }
.gl-hero-media figcaption span { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--ink); color: var(--accent); }
.gl-hero-media figcaption strong { display: block; font-size: .92rem; color: var(--ink); }
.gl-hero-media figcaption small { color: var(--muted); font-size: .8rem; }

/* Güvenceler */
.gl-guar { background: var(--ink); color: #c9cfdb; }
.gl-guar-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.gl-g { padding: 38px 28px; border-left: 1px solid rgba(255, 255, 255, .1); }
.gl-g:last-child { border-right: 1px solid rgba(255, 255, 255, .1); }
.gl-g-no { font-family: var(--head); font-style: italic; color: var(--accent); font-size: 1.1rem; }
.gl-g h2 { color: #fff; font-size: 1.3rem; margin: 10px 0 8px; }
.gl-g p { margin: 0; font-size: .9rem; }

/* Araç kartları */
.card { border: 1px solid var(--line); box-shadow: none; }
.card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.item-card .c-media img { aspect-ratio: 3 / 2; }
.c-badge { background: var(--accent); color: #fff; border-radius: 999px; font-weight: 600; }
.c-cat { color: var(--accent); letter-spacing: .14em; text-transform: uppercase; font-size: .7rem; font-weight: 600; }
.c-body h3 { font-weight: 500; }
.c-body h3 a { color: var(--ink); }
.c-attrs li { background: transparent; border-radius: 0; padding-inline: 0; }
.c-foot { border-top-color: var(--line); }
.item-card .c-price { font-family: var(--head); font-weight: 600; font-size: 1.4rem; color: var(--ink); }
.c-more { color: var(--accent); font-weight: 600; }
.c-ic { background: #fff; color: var(--accent); border-radius: 50%; }
.c-meta { background: var(--bg); border-radius: 999px; }

/* Kredi hesaplayıcı */
.gl-loan-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.gl-calc { display: grid; gap: 16px; padding: 34px; background: #fff; border: 1px solid var(--line); box-shadow: var(--shadow-lg); }
.gl-calc label { position: relative; display: grid; gap: 6px; }
.gl-calc label > span { font-size: .78rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.gl-calc input, .gl-calc select { width: 100%; padding: 14px 40px 14px 16px; font: 600 1.1rem var(--body); color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 0; }
.gl-calc input:focus, .gl-calc select:focus { outline: 2px solid var(--accent); outline-offset: -1px; }
.gl-calc em { position: absolute; right: 16px; bottom: 15px; font-style: normal; color: var(--muted); font-weight: 600; }
.gl-c-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.gl-c-out { display: grid; gap: 4px; padding: 22px; background: var(--ink); color: #c9cfdb; }
.gl-c-out small { letter-spacing: .14em; text-transform: uppercase; font-size: .72rem; font-weight: 600; color: var(--accent); }
.gl-c-out strong { font-family: var(--head); font-weight: 500; font-size: clamp(2rem, 4vw, 2.8rem); color: #fff; line-height: 1.1; }
.gl-c-out span { font-size: .86rem; }
.gl-c-out b { color: #fff; font-weight: 600; }
.gl-c-note { margin: 0; font-size: .78rem; color: var(--muted); }

/* Rakamlar, hakkımızda, adımlar */
.stats-band.gl-stats { background: var(--bg); border-block: 1px solid var(--line); }
.gl-stats .stat-item strong { font-family: var(--head); font-weight: 500; color: var(--ink); }
.gl-stats .stat-item span { color: var(--muted); }
.gl-stats .stat-item + .stat-item { border-left: 1px solid var(--line); }
.about-media img { border-radius: 2px 2px 220px 2px; }
.about-badge { background: var(--accent); color: #fff; border-radius: 50%; width: 150px; height: 150px; display: grid; place-content: center; text-align: center; }
.about-badge strong { font-family: var(--head); font-weight: 500; }
.tick-list li > span { background: transparent; color: var(--accent); border: 1px solid var(--accent); border-radius: 50%; }
.quote-card { border: 1px solid var(--line); background: #fff; }
.quote-card blockquote { font-family: var(--head); font-size: 1.12rem; color: var(--ink); }
.q-ic, .q-stars { color: var(--accent); }

/* Form & SSS */
.form-card { border: 1px solid var(--line); border-top: 3px solid var(--accent); box-shadow: var(--shadow); }
.field input, .field select, .field textarea { border-radius: 0; background: var(--bg); }
.faq { border-radius: 0; background: #fff; }
.faq summary i { border-radius: 50%; }
.faq[open] summary i { background: var(--accent); color: #fff; }

/* İç sayfalar */
.page-hero { background: var(--bg-alt); border-bottom: 1px solid var(--line); }
.ph-deco { color: rgba(184, 146, 90, .18); }
.crumbs [aria-current] { color: var(--accent); }
.filter-panel { background: #fff; border: 1px solid var(--line); border-radius: 0; box-shadow: var(--shadow); }
.filter-panel select, .filter-panel input { border-radius: 0; background: var(--bg); }
.filter-pills a { border-radius: 999px; }
.filter-pills a.on { background: var(--ink); border-color: var(--ink); color: #fff; }
.fact, .topic-box, .c-card, .side-list, .toc, .spec-box, .post-cta { border-radius: 0; }
.fact > span, .c-card > span, .side-list a span { background: var(--bg-alt); color: var(--accent); border-radius: 50%; }
.side-call { background: var(--ink); border-radius: 0; }
.detail-img, .post-cover, .map-box { border-radius: 0; }
.prose th { background: var(--bg-alt); }
.cta-band.has-img::before { background: linear-gradient(90deg, rgba(15, 26, 46, .94), rgba(15, 26, 46, .6)); }
.cta-band .btn-accent { background: var(--accent); }
.cta-band .btn-accent:hover { background: #fff; color: var(--ink); }
.site-footer { background: var(--ink); }
.float-bar .fb-main { background: var(--ink); }

@media (max-width: 1100px) {
    .gl-q-list { grid-template-columns: repeat(2, 1fr); }
    .gl-guar-grid { grid-template-columns: repeat(2, 1fr); }
    .gl-g { border-bottom: 1px solid rgba(255, 255, 255, .1); }
}
@media (max-width: 960px) {
    .gl-hero-grid, .gl-loan-grid { grid-template-columns: 1fr; gap: 40px; }
    .gl-hero-media { max-width: 520px; }
    .gl-hero-media figcaption { left: 12px; }
    .main-nav { background: var(--bg); }
    .gl-stats .stat-item + .stat-item { border-left: 0; }
}
@media (max-width: 640px) {
    .gl-hero { padding: 36px 0 56px; }
    .gl-guar-grid { grid-template-columns: 1fr; }
    .gl-g { border-right: 1px solid rgba(255, 255, 255, .1); padding: 26px 20px; }
    .gl-calc { padding: 22px; }
    .gl-c-row { grid-template-columns: 1fr; }
    .gl-hero-media img { border-radius: 160px 160px 2px 2px; }
}