/*
 * Agar Rent a Car — herkese açık site stilleri.
 * Renk kodu YAZILMAZ: tüm renkler tokens.css içindeki değişkenlerden gelir (palet değişimi = tek dosya).
 * Mobil öncelikli; 768 px (md) ve 1024 px (lg) kırılımları. Tasarım: docs/site-design.md
 */

/* ---------- Yazı tipi (kendi sunucumuzdan, değişken ağırlık 200–800) ---------- */
@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Plus Jakarta Sans";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url("../fonts/plus-jakarta-sans-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Temel ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 88px; }
body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 1.6;
    color: var(--c-ink);
    background: var(--c-bg);
    -webkit-font-smoothing: antialiased;
}
h1, h2, h3, p, ul, ol, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
a { color: var(--c-link); }
a:hover { color: var(--c-link-hover); }
svg { flex: none; }
img { display: block; max-width: 100%; height: auto; }
:focus-visible { outline: 2px solid var(--c-focus); outline-offset: 2px; border-radius: 6px; }
.ag-dark :focus-visible { outline-color: var(--c-focus-on-dark); }
.ag-dark a:not(.ag-btn) { color: var(--c-ink-inverse); }

.ag-skip {
    position: absolute; left: 8px; top: -64px; z-index: 100;
    padding: 12px 16px; border-radius: var(--radius-btn);
    background: var(--c-accent); color: var(--c-on-accent); font-weight: 700; text-decoration: none;
}
.ag-skip:focus { top: 8px; }

.ag-wrap { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 16px; }
.ag-sec { padding: 48px 0; }
.ag-alt { background: var(--c-bg-alt); }

/* ---------- Tipografi ---------- */
.ag-display { font-size: 36px; line-height: 1.12; font-weight: 800; letter-spacing: -0.02em; }
.ag-h1 { font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -0.015em; }
.ag-h2 { font-size: 26px; line-height: 1.2; font-weight: 800; letter-spacing: -0.01em; }
.ag-h3 { font-size: 20px; line-height: 1.3; font-weight: 700; }
.ag-lead { font-size: 18px; line-height: 1.6; }
.ag-sm { font-size: 14px; line-height: 1.5; }
.ag-muted { color: var(--c-ink-muted); }
.ag-inv-muted { color: var(--c-ink-inverse-muted); }
.ag-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.ag-price { font-size: 22px; font-weight: 800; font-variant-numeric: tabular-nums; }

/* ---------- Butonlar ---------- */
.ag-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    min-height: 48px; padding: 0 20px; border: 0; border-radius: var(--radius-btn);
    font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.2;
    text-decoration: none; white-space: nowrap; cursor: pointer;
}
.ag-btn-call { background: var(--c-accent); color: var(--c-on-accent); }
.ag-btn-call:hover { background: var(--c-accent-hover); color: var(--c-on-accent); }
.ag-btn-wa { background: var(--c-wa); color: var(--c-on-wa); }
.ag-btn-wa:hover { background: var(--c-wa-hover); color: var(--c-on-wa); }
.ag-btn-ghost { background: var(--c-bg); color: var(--c-ink); box-shadow: inset 0 0 0 2px var(--c-border); }
.ag-btn-ghost:hover { color: var(--c-ink); box-shadow: inset 0 0 0 2px var(--c-ink); }
.ag-btn-lg { min-height: 56px; padding: 0 28px; font-size: 17px; }
.ag-btn-icon { width: 48px; padding: 0; }
.ag-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.ag-actions .ag-btn { flex: 1 1 150px; }
.ag-link { display: inline-flex; align-items: center; gap: 6px; min-height: 48px; font-weight: 700; text-decoration: none; }
.ag-link:hover { text-decoration: underline; }

/* ---------- Header (yapışkan) ---------- */
.ag-header { position: sticky; top: 0; z-index: 30; background: var(--c-bg); border-bottom: 1px solid var(--c-border); }
.ag-header-in { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; }
.ag-logo { display: inline-flex; align-items: center; min-height: 48px; }
.ag-logo img { height: 40px; width: auto; }
.ag-nav { display: none; align-self: stretch; gap: 4px; }
.ag-nav a {
    display: inline-flex; align-items: center; padding: 0 14px; font-weight: 600; text-decoration: none;
    border-top: 3px solid transparent; border-bottom: 3px solid transparent;
}
.ag-nav a[aria-current="page"] { border-bottom-color: var(--c-accent); }
.ag-header-cta { display: none; }
.ag-mnav { display: flex; align-items: center; gap: 8px; }
.ag-menu summary {
    list-style: none; display: inline-flex; align-items: center; justify-content: center;
    width: 48px; height: 48px; border-radius: var(--radius-btn); cursor: pointer; box-shadow: inset 0 0 0 1px var(--c-border);
}
.ag-menu summary::-webkit-details-marker { display: none; }
.ag-menu-panel {
    position: absolute; left: 0; right: 0; top: 100%;
    background: var(--c-bg); border-bottom: 1px solid var(--c-border);
    box-shadow: 0 4px 16px rgb(var(--c-shadow) / .08); padding: 4px 16px 12px;
}
.ag-menu-panel a { display: flex; align-items: center; min-height: 52px; font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--c-border-soft); }
.ag-menu-panel a[aria-current="page"] { box-shadow: inset 3px 0 0 var(--c-accent); padding-left: 12px; }

/* ---------- Hero ve sayfa başlık bandı ---------- */
.ag-hero { background: var(--c-brand); color: var(--c-ink-inverse); padding: 48px 0 56px; }
.ag-hero-grid { display: grid; gap: 40px; align-items: center; }
.ag-hero-media { display: none; position: relative; }
.ag-note { display: flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 15px; color: var(--c-ink-inverse-muted); }
.ag-media { position: relative; aspect-ratio: 3 / 2; border-radius: var(--radius-card); background: var(--c-brand-2); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.ag-media-hero img { width: 78%; height: auto; }
.ag-tag { position: absolute; left: 20px; bottom: 20px; background: var(--c-accent); color: var(--c-on-accent); font-weight: 800; padding: 10px 16px; border-radius: var(--radius-btn); font-variant-numeric: tabular-nums; }
.ag-band { background: var(--c-brand); color: var(--c-ink-inverse); padding: 36px 0 40px; }
.ag-crumb { margin-bottom: 8px; font-size: 14px; color: var(--c-ink-inverse-muted); }
.ag-crumb ol { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; padding: 0; list-style: none; }
.ag-crumb li + li::before { content: "/"; margin-right: 8px; }
.ag-band .ag-crumb a { color: var(--c-ink-inverse-muted); }

.ag-sec-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 8px 24px; margin-bottom: 28px; }

/* ---------- Araç kartları ---------- */
.ag-grid-cars { display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); }
.ag-card { display: flex; flex-direction: column; background: var(--c-bg); border-radius: var(--radius-card); overflow: hidden; box-shadow: 0 1px 2px rgb(var(--c-shadow) / .06), 0 4px 16px rgb(var(--c-shadow) / .08); }
.ag-card-media { position: relative; aspect-ratio: 3 / 2; background: var(--c-bg-alt); display: flex; align-items: center; justify-content: center; }
.ag-card-media picture, .ag-media-photo picture { display: block; width: 100%; height: 100%; }
.ag-card-media img { width: 100%; height: 100%; object-fit: cover; }
.ag-card-media .ag-car-ph { width: 58%; height: auto; }
.ag-car-ph .body { fill: var(--c-border); }
.ag-car-ph .tyre { fill: var(--c-ink-muted); }
.ag-car-ph .hub { fill: var(--c-bg-alt); }
.ag-card-body { display: flex; flex-direction: column; gap: 16px; flex: 1; padding: 20px; }
.ag-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; font-size: 14px; color: var(--c-ink-muted); }
.ag-specs li { display: flex; align-items: center; gap: 8px; }
.ag-price-row { display: flex; align-items: baseline; gap: 6px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--c-border-soft); }
.ag-card-actions { display: flex; gap: 8px; }
.ag-card-actions .ag-btn-wa { flex: 1; }
.ag-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; padding: 28px 24px; border-radius: var(--radius-card); background: var(--c-bg-soft); }
.ag-empty p { font-size: 18px; font-weight: 700; }

/* ---------- Özellik kutuları ---------- */
.ag-grid-4 { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
.ag-grid-3 { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); }
.ag-feature { display: flex; flex-direction: column; gap: 12px; background: var(--c-bg); border-radius: var(--radius-card); padding: 24px; }
.ag-ico { width: 48px; height: 48px; border-radius: 12px; background: var(--c-bg-soft); color: var(--c-ink); display: flex; align-items: center; justify-content: center; }

/* ---------- Kiralama şartları ---------- */
.ag-terms { display: grid; gap: 20px; align-items: center; background: var(--c-bg-soft); border-radius: var(--radius-card); padding: 28px 24px; }
.ag-terms-list { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
.ag-terms-list li { display: flex; align-items: center; gap: 12px; font-weight: 700; }
.ag-check { width: 32px; height: 32px; border-radius: 50%; background: var(--c-bg); color: var(--c-success); display: flex; align-items: center; justify-content: center; flex: none; }

/* ---------- İletişim bandı ---------- */
.ag-contact { background: var(--c-brand); color: var(--c-ink-inverse); padding: 48px 0; }
.ag-contact-grid { display: grid; gap: 28px; align-items: center; }
.ag-dark a.ag-phone { display: inline-flex; align-items: center; min-height: 48px; margin-top: 16px; font-size: 30px; font-weight: 800; letter-spacing: -0.01em; text-decoration: none; font-variant-numeric: tabular-nums; }
.ag-contact-list { display: grid; gap: 12px; margin-top: 24px; color: var(--c-ink-inverse-muted); }
.ag-contact-list li { display: flex; align-items: flex-start; gap: 10px; }

/* ---------- Bilgi kartları, harita, bölünmüş içerik ---------- */
.ag-info { display: flex; flex-direction: column; gap: 8px; background: var(--c-bg); border: 1px solid var(--c-border); border-radius: var(--radius-card); padding: 24px; }
.ag-map { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 320px; padding: 24px; border-radius: var(--radius-card); background: var(--c-bg-soft); color: var(--c-ink-muted); text-align: center; }
.ag-map-frame { position: relative; min-height: 320px; border-radius: var(--radius-card); background: var(--c-bg-soft); overflow: hidden; }
.ag-map-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.ag-map-actions { margin-top: 16px; }
.ag-split { display: grid; gap: 32px; align-items: center; }
.ag-stack { display: flex; flex-direction: column; gap: 16px; }
.ag-brand-card { background: var(--c-bg-alt); flex-direction: column; gap: 12px; }
.ag-brand-card img { width: 60%; height: auto; }
.ag-prose { display: flex; flex-direction: column; gap: 16px; max-width: 46em; }
.ag-wrap.ag-prose { max-width: var(--container); }
.ag-wrap.ag-prose > * { max-width: 46em; }

/* ---------- Footer ---------- */
.ag-footer { background: var(--c-brand); color: var(--c-ink-inverse-muted); border-top: 1px solid var(--c-brand-2); padding: 40px 0 96px; font-size: 15px; }
.ag-footer-grid { display: grid; gap: 28px; }
.ag-footer-title { color: var(--c-ink-inverse); font-weight: 700; margin-bottom: 4px; }
.ag-footer ul a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.ag-footer ul a:hover { text-decoration: underline; }
.ag-footer .ag-logo img { height: 40px; }
.ag-footer-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--c-brand-2); }
.ag-footer-bottom a { text-decoration: underline; }

/* ---------- Sabit WhatsApp düğmesi ---------- */
.ag-fab {
    position: fixed; right: 16px; bottom: 16px; z-index: 20; width: 56px; height: 56px; border-radius: 50%;
    background: var(--c-wa); color: var(--c-on-wa); display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 20px rgb(var(--c-shadow) / .28);
}
.ag-fab:hover { background: var(--c-wa-hover); color: var(--c-on-wa); }

/* ---------- SEO bileşenleri: SSS, hızlı bilgiler, adımlar, bağlantı kartları, araç ayrıntısı ---------- */
.ag-card-link { text-decoration: none; }
.ag-card-link:hover { text-decoration: underline; }
.ag-link-sm { min-height: 32px; font-size: 15px; }
.ag-address { margin-top: 12px; font-style: normal; font-size: 15px; line-height: 1.7; max-width: 30em; }

.ag-facts { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); margin: 0; }
.ag-facts > div { background: var(--c-bg); border-radius: 12px; padding: 16px 20px; }
.ag-facts dt { font-size: 14px; font-weight: 700; color: var(--c-ink-muted); }
.ag-facts dd { margin: 4px 0 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.ag-facts-1 > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; }
.ag-facts-1 dd { margin: 0; text-align: right; }

.ag-faq { display: grid; gap: 12px; max-width: 56em; }
.ag-faq details { background: var(--c-bg); border-radius: 12px; }
.ag-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 12px 20px; cursor: pointer; list-style: none; }
.ag-faq summary::-webkit-details-marker { display: none; }
.ag-faq summary h3 { font-size: 17px; font-weight: 700; line-height: 1.4; }
.ag-faq summary svg { transition: transform .15s; transform: rotate(90deg); }
.ag-faq details[open] summary svg { transform: rotate(-90deg); }
.ag-faq details p { padding: 0 20px 20px; color: var(--c-ink-muted); }

.ag-steps { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); counter-reset: none; }
.ag-steps li { display: flex; flex-direction: column; gap: 8px; background: var(--c-bg-alt); border-radius: var(--radius-card); padding: 24px; }
.ag-step-n { width: 40px; height: 40px; border-radius: 50%; background: var(--c-accent); color: var(--c-on-accent); display: flex; align-items: center; justify-content: center; font-weight: 800; }

.ag-linkcard { display: flex; flex-direction: column; gap: 8px; background: var(--c-bg); border-radius: var(--radius-card); padding: 24px; text-decoration: none; box-shadow: 0 1px 2px rgb(var(--c-shadow) / .06), 0 4px 16px rgb(var(--c-shadow) / .08); }
.ag-linkcard:hover { box-shadow: 0 1px 2px rgb(var(--c-shadow) / .1), 0 8px 24px rgb(var(--c-shadow) / .14); }
.ag-linkcard .ag-link { margin-top: auto; min-height: 32px; }

.ag-detail { display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); align-items: start; }
.ag-media-photo { position: relative; aspect-ratio: 3 / 2; border-radius: var(--radius-card); background: var(--c-bg-alt); overflow: hidden; display: flex; align-items: center; justify-content: center; }
.ag-media-photo img { width: 100%; height: 100%; object-fit: cover; }
.ag-media-photo .ag-car-ph { width: 58%; height: auto; }
.ag-price-lg { font-size: 32px; }
.ag-split-2 { display: grid; gap: 32px; grid-template-columns: minmax(0, 1fr); }

.ag-404 { padding: 48px 0; align-items: flex-start; }

/* ---------- md ≥ 768 px ---------- */
@media (min-width: 768px) {
    .ag-wrap { padding: 0 24px; }
    .ag-sec { padding: 64px 0; }
    .ag-h1 { font-size: 40px; }
    .ag-h2 { font-size: 32px; }
    .ag-display { font-size: 44px; }
    .ag-header-in { min-height: 76px; }
    .ag-logo img { height: 48px; }
    .ag-nav { display: flex; }
    .ag-header-cta { display: inline-flex; }
    .ag-mnav { display: none; }
    .ag-hero { padding: 72px 0 80px; }
    .ag-band { padding: 48px 0 52px; }
    .ag-actions .ag-btn { flex: 0 0 auto; }
    .ag-grid-cars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ag-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ag-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ag-terms { padding: 36px 40px; }
    .ag-terms-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ag-contact { padding: 64px 0; }
    .ag-dark a.ag-phone { font-size: 38px; }
    .ag-footer-grid { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1.2fr); }
    .ag-map, .ag-map-frame { min-height: 420px; }
    .ag-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ag-facts-1 { grid-template-columns: minmax(0, 1fr); }
    .ag-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ag-split-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; }
}

/* ---------- lg ≥ 1024 px ---------- */
@media (min-width: 1024px) {
    .ag-display { font-size: 48px; }
    .ag-hero-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; }
    .ag-hero-media { display: block; }
    .ag-grid-cars { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ag-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .ag-terms { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
    .ag-contact-grid { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 48px; }
    .ag-split { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 56px; }
    .ag-detail { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 48px; }
    .ag-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ag-facts-1 { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Hareket ----------
 * Yalnızca CSS; yalnızca opacity / transform / translate / scale hareket eder (layout kaymaz).
 * Giriş animasyonları `translate`/`scale`, hover efektleri `transform` kullanır: ayrı özellikler birbirini ezmez.
 * `prefers-reduced-motion: reduce` → dosyanın sonundaki blok her şeyi kapatır.
 */
@keyframes ag-in    { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes ag-slide { from { opacity: 0; translate: 40px 0; } to { opacity: 1; translate: 0 0; } }
@keyframes ag-pop   { 0% { opacity: 0; scale: .8; } 70% { opacity: 1; scale: 1.05; } 100% { opacity: 1; scale: 1; } }
@keyframes ag-ping  { 0% { opacity: .55; scale: 1; } 100% { opacity: 0; scale: 1.6; } }
@keyframes ag-drop  { from { opacity: 0; translate: 0 -8px; } to { opacity: 1; translate: 0 0; } }

/* Sayfa açılışı: anasayfa hero metni ve iç sayfa başlık bandı sırayla belirir */
.ag-hero-copy > *, .ag-band .ag-wrap > * { animation: ag-in .6s cubic-bezier(.2,.7,.2,1) both; }
.ag-hero-copy > :nth-child(2), .ag-band .ag-wrap > :nth-child(2) { animation-delay: .08s; }
.ag-hero-copy > :nth-child(3), .ag-band .ag-wrap > :nth-child(3) { animation-delay: .16s; }
.ag-hero-copy > :nth-child(4), .ag-band .ag-wrap > :nth-child(4) { animation-delay: .24s; }
.ag-hero-copy > :nth-child(5), .ag-band .ag-wrap > :nth-child(5) { animation-delay: .32s; }
.ag-hero { overflow: clip; } /* sağdan kayan görsel giriş sırasında yatay kaydırma çubuğu açmasın */
/* Hero görseli (yalnızca lg ve üstünde görünür) logo SVG'sidir, araç fotoğrafı değil: kendi giriş animasyonu var,
 * yol çizgisi ve sallanma (bob) logoyla uyumsuz olduğu için yok; görsel yalnızca kayarak girer. */
.ag-hero-media { animation: ag-slide .8s .2s cubic-bezier(.2,.7,.2,1) both; }
.ag-media-hero .ag-tag { animation: ag-pop .5s .8s ease-out both; }

/* Kaydırınca belirme: yalnızca destekleyen tarayıcıda; başlangıçta opacity: 0 YOK (Safari/Firefox'ta öğeler normal görünür) */
@supports (animation-timeline: view()) {
    .ag-card, .ag-feature, .ag-info, .ag-terms, .ag-map, .ag-map-frame, .ag-split > *, .ag-contact-grid > * {
        animation: ag-in linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 45%;
    }
}

/* Hover ve dokunma geri bildirimi */
.ag-btn { transition: background-color .15s, box-shadow .15s, transform .15s; }
.ag-btn:hover { transform: translateY(-1px); }
.ag-btn:active { transform: translateY(1px); }

.ag-card { transition: transform .25s, box-shadow .25s; }
.ag-card:hover { transform: translateY(-4px); box-shadow: 0 2px 4px rgb(var(--c-shadow) / .06), 0 14px 32px rgb(var(--c-shadow) / .14); }
.ag-card-media img, .ag-card-media .ag-car-ph { transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.ag-card:hover .ag-card-media .ag-car-ph { transform: translateX(8px); }
.ag-card:hover .ag-card-media img { transform: translateX(8px) scale(1.05); } /* kaplayan fotoğraf: hafif büyütme sol kenarda boşluk açılmasını önler */

.ag-feature, .ag-info { transition: transform .2s, box-shadow .2s; }
.ag-feature:hover, .ag-info:hover { transform: translateY(-3px); box-shadow: 0 1px 2px rgb(var(--c-shadow) / .06), 0 4px 16px rgb(var(--c-shadow) / .08); }
.ag-ico { transition: background-color .2s, color .2s; }
.ag-feature:hover .ag-ico, .ag-info:hover .ag-ico { background: var(--c-brand); color: var(--c-ink-inverse); }

.ag-link svg { transition: transform .15s; }
.ag-link:hover svg, .ag-linkcard:hover .ag-link svg { transform: translateX(4px); }

.ag-nav a { transition: border-color .15s; }
.ag-nav a:not([aria-current="page"]):hover { border-bottom-color: var(--c-border); }

.ag-fab { transition: background-color .15s, transform .15s; }
.ag-fab:hover { transform: scale(1.06); }

/* Canlı işaretler: WhatsApp dalgası, telefon menüsü */
.ag-fab::before {
    content: ""; position: absolute; inset: 0; border-radius: 50%;
    background: var(--c-wa); z-index: -1;
    animation: ag-ping 2.4s ease-out infinite;
}
.ag-menu[open] .ag-menu-panel { animation: ag-drop .2s ease-out; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; }
}