/* ==========================================================================
   Tema: ACİL MÜDAHALE — aynı gün / 7-24 acil çağrı. Stitch: Tasarim/Stitch/acil.png
   Sıcak beyaz #FFFBEB, ikaz sarısı #FACC15, siyah #0A0A0A, yalnız küçük rozetlerde kırmızı #DC2626.
   Archivo Narrow (büyük harf başlıklar) + Inter, 4px köşe, bento/mozaik, iri telefon. Border yok.
   ========================================================================== */
:root {
    --bg: #FFFBEB; --bg2: #F4EFDC; --card: #ffffff; --ink: #0A0A0A; --muted: #5F5E5E;
    --accent: #FACC15; --accent2: #EAB308; --on-accent: #0A0A0A; --soft: #FEF3C7; --field: #F4EFDC;
    --r: 4px; --r-sm: 4px;
    --sh: 0 4px 20px rgba(0,0,0,.05); --sh-lg: 0 14px 34px rgba(0,0,0,.10);
    --fh: 'Archivo Narrow', 'Archivo', system-ui, sans-serif; --fb: 'Inter', system-ui, sans-serif; --w: 1280px;
    --ac-siyah: #0A0A0A; --ac-koyu: #171717; --ac-gri: #262626; --ac-kirmizi: #DC2626; --ac-zeytin: #323126;
    --ac-soluk: #E6E2D2; --ac-soluk2: #DDD9CA; --ac-kap: #F2EEDD; --ac-kahve: #4D4632; --ac-hardal: #735C00;
}
.ac h1, .ac h2, .ac h3 { font-family: var(--fh); text-transform: uppercase; letter-spacing: -.01em; }
.ac-rozet { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border-radius: var(--r); font-size: 11px; line-height: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: var(--ac-siyah); color: var(--accent); }
.ac-rozet--sari { background: var(--accent); color: var(--ac-siyah); }
.ac-rozet--kirmizi { background: var(--ac-kirmizi); color: #fff; }
.ac-rozet .material-symbols-outlined { font-size: 15px; font-variation-settings: 'FILL' 1; }
.ac-nabiz { width: 8px; height: 8px; border-radius: 50%; background: #fff; animation: ac-nabiz 1.6s infinite; }
@keyframes ac-nabiz { 50% { opacity: .35; } }
.ac-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 20px; border: 0; border-radius: var(--r); background: var(--accent); color: var(--ac-siyah); font-size: 14px; font-weight: 700; letter-spacing: .04em; cursor: pointer; transition: background .15s, opacity .15s; text-align: center; }
.ac-btn:hover { background: var(--accent2); }
.ac-btn:active { opacity: .9; }
.ac-btn .material-symbols-outlined { font-size: 20px; font-variation-settings: 'FILL' 1; }
.ac-btn--wa { background: #25D366; color: #fff; }
.ac-btn--wa:hover { background: #20BA59; }
.ac-btn--wa .material-symbols-outlined { font-variation-settings: 'FILL' 0; }
.ac-btn--siyah { background: var(--ac-siyah); color: #fff; }
.ac-btn--siyah:hover { background: var(--ac-koyu); }
.ac-bas h2 { font-size: clamp(30px, 3.6vw, 40px); line-height: 1.1; font-weight: 700; margin-top: 8px; }
.ac-bas p { color: var(--muted); margin-top: 4px; max-width: 680px; }
.ac-bas-satir { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 32px; }
.ac-yildiz { display: flex; color: var(--accent); }
.ac-yildiz .material-symbols-outlined { font-size: 19px; font-variation-settings: 'FILL' 1; }

/* Üst menü */
.ac-ust { position: sticky; top: 0; z-index: 900; background: var(--ac-zeytin); color: #FDF9E9; box-shadow: 0 4px 12px rgba(0,0,0,.18); }
.ac-ust-ic { display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 80px; }
.ac-logo { display: flex; align-items: center; gap: 12px; }
.ac-logo img { max-height: 44px; width: auto; }
.ac-logo-ikon { width: 40px; height: 40px; border-radius: var(--r); background: var(--accent); color: var(--ac-siyah); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ac-logo-ikon .material-symbols-outlined { font-variation-settings: 'FILL' 1; }
.ac-logo b { white-space: nowrap; display: block; font-family: var(--fh); font-size: 26px; line-height: 1; font-weight: 700; color: var(--accent); text-transform: uppercase; letter-spacing: -.01em; }
.ac-logo small { display: block; margin-top: 3px; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--ac-soluk2); }
.ac-menu { display: flex; align-items: center; gap: 30px; }
.ac-menu a { white-space: nowrap; font-size: 14px; font-weight: 700; letter-spacing: .04em; color: #FDF9E9; transition: color .15s; }
.ac-menu a:hover, .ac-menu a.on { color: var(--accent); }
.ac-menu-tel { display: none !important; }
.ac-tel-buyuk { display: inline-flex; align-items: center; gap: 10px; padding: 10px 18px; border-radius: var(--r); background: var(--accent); color: var(--ac-siyah); box-shadow: var(--sh); transition: background .15s; }
.ac-tel-buyuk:hover { background: var(--accent2); }
.ac-tel-buyuk .material-symbols-outlined { font-size: 20px; font-variation-settings: 'FILL' 1; }
.ac-tel-buyuk b { white-space: nowrap; display: block; font-size: 15px; font-weight: 800; line-height: 1.15; }
.ac-tel-buyuk small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ac-kahve); }
.ac-hamburger { display: none; border: 0; width: 44px; height: 44px; border-radius: var(--r); background: var(--ac-gri); color: var(--accent); cursor: pointer; }

/* Ana sayfa kabuğu — kartlar halinde bölümler */
.ac-ana { padding-top: 32px; padding-bottom: 64px; display: flex; flex-direction: column; gap: 64px; }

/* Hero bento */
.ac-hero { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; align-items: stretch; }
.ac-hero-kart { background: var(--ac-siyah); color: #fff; border-radius: var(--r); padding: 40px; box-shadow: var(--sh); display: flex; flex-direction: column; justify-content: space-between; gap: 32px; }
.ac-hero-kart > div:first-child { display: flex; flex-direction: column; gap: 20px; align-items: flex-start; }
.ac-hero h1 { font-size: clamp(38px, 5vw, 56px); line-height: 1.07; font-weight: 800; letter-spacing: -.02em; }
.ac-hero h1 span { color: var(--accent); }
.ac-hero-kart > div:first-child p { font-size: 18px; color: var(--ac-soluk); max-width: 580px; }
.ac-cagri { background: var(--ac-koyu); border-radius: var(--r); padding: 24px; display: grid; gap: 16px; }
.ac-cagri-ust { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.ac-cagri-ust > span:first-child { display: flex; align-items: center; gap: 6px; color: var(--accent); font-size: 14px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.ac-cagri-ust > span:first-child .material-symbols-outlined { font-size: 18px; }
.ac-cagri-ust > span:last-child { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ac-soluk); }
.ac-cagri-et { display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--ac-soluk2); margin-bottom: 8px; }
.ac-cipler { display: flex; flex-wrap: wrap; gap: 8px; }
.ac-cipler label input { position: absolute; opacity: 0; pointer-events: none; }
.ac-cipler label span { display: block; padding: 6px 12px; border-radius: var(--r); background: var(--ac-gri); color: var(--ac-soluk); font-size: 12px; font-weight: 500; cursor: pointer; transition: background .15s, color .15s; }
.ac-cipler label span:hover { background: var(--accent); color: #000; }
.ac-cipler label input:checked + span { background: var(--accent); color: var(--ac-siyah); font-weight: 700; }
.ac-cipler label input:focus-visible + span { box-shadow: 0 0 0 2px #fff; }
.ac-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ac-cagri select, .ac-cagri input:not([type=checkbox]) { width: 100%; border: 0; outline: none; border-radius: var(--r); background: var(--ac-gri); color: #fff; padding: 12px 14px; font-size: 14px; appearance: none; }
.ac-cagri select:focus, .ac-cagri input:focus { background: #333; }
.ac-cagri input::placeholder { color: #9ca3af; }
.ac-cagri .ac-btn { padding: 14px 16px; }
.ac-hero-sag { display: flex; flex-direction: column; gap: 24px; }
.ac-foto { position: relative; flex: 1; min-height: 300px; border-radius: var(--r); overflow: hidden; box-shadow: var(--sh); }
.ac-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ac-foto > div { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.8), transparent 50%, rgba(0,0,0,.2)); display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 8px; padding: 20px; }
.ac-foto p { color: #F8F4E4; font-size: 12px; max-width: 380px; }
.ac-hat { background: var(--accent); color: var(--ac-siyah); border-radius: var(--r); padding: 24px; box-shadow: var(--sh); display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.ac-hat small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 4px; }
.ac-hat b { display: block; font-family: var(--fh); font-size: 40px; line-height: 1.1; font-weight: 800; letter-spacing: -.01em; }
.ac-hat span:not(.material-symbols-outlined) { font-size: 12px; }
.ac-hat > .material-symbols-outlined { font-size: 36px; padding: 8px; border-radius: var(--r); background: rgba(0,0,0,.1); }
.ac-garanti { background: #fff; border-radius: var(--r); padding: 20px; box-shadow: var(--sh); display: flex; align-items: center; gap: 16px; }
.ac-garanti > span { width: 48px; height: 48px; border-radius: var(--r); background: var(--ac-siyah); color: var(--accent); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ac-garanti > span .material-symbols-outlined { font-size: 24px; font-variation-settings: 'FILL' 1; }
.ac-garanti h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: -.01em; }
.ac-garanti p { font-size: 12px; color: var(--muted); margin-top: 2px; }

/* Haşere mozaiği */
.ac-izgara-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.ac-hasere { background: #fff; border-radius: var(--r); padding: 24px; box-shadow: var(--sh); display: flex; flex-direction: column; justify-content: space-between; transition: background .15s; }
.ac-hasere:hover { background: var(--bg); }
.ac-hasere-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.ac-hasere-ikon { width: 40px; height: 40px; border-radius: var(--r); background: var(--ac-siyah); color: var(--accent); display: flex; align-items: center; justify-content: center; }
.ac-hasere-ikon .material-symbols-outlined { font-size: 22px; }
.ac-hasere-ust .ac-rozet { font-size: 10px; padding: 2px 8px; }
.ac-hasere h3 { font-size: 20px; line-height: 1.3; font-weight: 600; margin-bottom: 8px; }
.ac-hasere p { font-size: 13px; line-height: 20px; color: var(--muted); }
.ac-hasere-alt { margin-top: 16px; padding-top: 16px; display: flex; justify-content: space-between; align-items: center; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ac-kahve); }
.ac-hasere-alt .material-symbols-outlined { color: var(--ac-hardal); font-size: 18px; }

/* 3 adım */
.ac-adimlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ac-adim { border-radius: var(--r); padding: 32px; box-shadow: var(--sh); display: flex; flex-direction: column; justify-content: space-between; gap: 32px; background: #fff; }
.ac-adim--siyah { background: var(--ac-siyah); color: #fff; }
.ac-adim--sari { background: var(--accent); }
.ac-adim b.no { display: block; font-family: var(--fh); font-size: 56px; line-height: 1; font-weight: 800; }
.ac-adim--siyah b.no { color: var(--accent); }
.ac-adim h3 { font-size: 28px; line-height: 1.2; margin: 16px 0; }
.ac-adim p { color: var(--muted); }
.ac-adim--siyah p { color: var(--ac-soluk); }
.ac-adim--sari p { color: #000; }
.ac-adim--siyah strong { color: var(--accent); font-weight: 600; }
.ac-adim--sari strong { text-decoration: underline; text-decoration-thickness: 2px; }
.ac-adim small { align-self: flex-start; padding: 6px 12px; border-radius: var(--r); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: var(--ac-kap); }
.ac-adim--siyah small { background: var(--ac-gri); color: var(--ac-soluk2); }
.ac-adim--sari small { background: #000; color: var(--accent); }

/* Nöbetçi filo */
.ac-filo { background: var(--ac-siyah); color: #fff; border-radius: var(--r); overflow: hidden; box-shadow: var(--sh); display: grid; grid-template-columns: 7fr 5fr; }
.ac-filo-foto { position: relative; min-height: 480px; }
.ac-filo-foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ac-filo-foto::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to right, transparent 55%, rgba(10,10,10,.9)); }
.ac-filo-foto span { position: absolute; z-index: 1; left: 16px; bottom: 16px; padding: 8px 16px; border-radius: var(--r); background: rgba(0,0,0,.8); color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; backdrop-filter: blur(4px); }
.ac-filo-sag { padding: 48px; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; }
.ac-filo-sag h2 { font-size: clamp(30px, 3.6vw, 40px); line-height: 1.1; font-weight: 700; margin-top: 12px; }
.ac-filo-sag p { color: var(--ac-soluk); margin-top: 8px; }
.ac-olcu { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ac-olcu div { background: var(--ac-koyu); border-radius: var(--r); padding: 16px; }
.ac-olcu b { display: block; font-family: var(--fh); font-size: 30px; font-weight: 800; }
.ac-olcu div:nth-child(1) b, .ac-olcu div:nth-child(4) b { color: var(--accent); }
.ac-olcu span { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ac-soluk2); }
.ac-filo-sag .ac-btn { width: 100%; padding: 16px; }

/* Bölgeler */
.ac-bolgeler { background: #fff; border-radius: var(--r); padding: 48px; box-shadow: var(--sh); display: grid; gap: 32px; }
.ac-bolgeler h4 { font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ac-kahve); margin-bottom: 12px; }
.ac-bolge-cipler { display: flex; flex-wrap: wrap; gap: 10px; }
.ac-bolge-cipler span { padding: 8px 14px; border-radius: var(--r); background: var(--ac-kap); font-size: 12px; font-weight: 600; }
.ac-bolge-cipler--siyah span { background: var(--ac-siyah); color: #fff; }
.ac-bolge-not { background: var(--bg); border-radius: var(--r); padding: 16px; display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.ac-bolge-not > span { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.ac-bolge-not .material-symbols-outlined { color: var(--ac-hardal); font-variation-settings: 'FILL' 1; }
.ac-bolge-not a { padding: 8px 16px; border-radius: var(--r); background: var(--ac-siyah); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ac-bolge-not a:hover { background: var(--ac-koyu); }

/* Yorumlar */
.ac-izgara-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.ac-yorum { background: #fff; border-radius: var(--r); padding: 28px; box-shadow: var(--sh); display: flex; flex-direction: column; justify-content: space-between; gap: 16px; }
.ac-yorum blockquote { margin: 12px 0 0; font-style: italic; }
.ac-yorum b { display: block; font-size: 14px; font-weight: 700; letter-spacing: .04em; }
.ac-yorum small { font-size: 12px; color: var(--muted); font-weight: 600; }

/* Sarı CTA */
.ac-cta { background: var(--accent); border-radius: var(--r); padding: 64px 48px; text-align: center; box-shadow: var(--sh); display: grid; gap: 24px; }
.ac-cta > div:first-child { max-width: 760px; margin: 0 auto; display: grid; gap: 12px; justify-items: center; }
.ac-cta h2 { font-size: clamp(30px, 4vw, 44px); line-height: 1.1; font-weight: 900; }
.ac-cta p { font-size: 18px; font-weight: 500; color: #000; max-width: 640px; }
.ac-cta-dugmeler { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.ac-cta-dugmeler .ac-btn { padding: 16px 32px; }

/* Alt bilgi */
.ac-alt { background: var(--ac-zeytin); color: #FDF9E9; padding: 64px 0 32px; }
.ac-alt-izgara { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 32px; }
.ac-alt-izgara > div { display: flex; flex-direction: column; gap: 10px; }
.ac-alt p, .ac-alt-izgara a { color: var(--ac-soluk); font-size: 14px; }
.ac-alt-izgara a:hover { color: var(--accent); }
.ac-alt h4 { font-family: var(--fh); font-size: 20px; font-weight: 600; text-transform: uppercase; color: var(--accent); margin-bottom: 4px; }
.ac-alt p strong { display: block; color: #fff; }
.ac-alt-belge { align-self: flex-start; padding: 6px 12px; border-radius: var(--r); background: var(--ac-koyu); color: var(--accent); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.ac-alt-son { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 40px; padding-top: 24px; font-size: 12px; color: var(--ac-soluk); }
.ac-alt-son > span:last-child { color: var(--accent); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }

/* Mobil yapışkan çağrı çubuğu */
.ac-mobil-cubuk { display: none; }

/* İç sayfalarda tema dokunuşu */
.ac .ic-bas { background: var(--ac-siyah); color: #fff; }
.ac .ic-bas h1 { text-transform: uppercase; }
.ac .ic-bas p, .ac .ic-iz { color: var(--ac-soluk); }
.ac .ic-iz a:hover { color: var(--accent); }
.ac .ic-cta { background: var(--accent); }
.ac .ic-cta .ic-btn { background: var(--ac-siyah); color: #fff; }
.ac .ic-paket.one { background: var(--ac-siyah); color: #fff; }
.ac .ic-ikon { background: var(--ac-siyah); color: var(--accent); }
.ac .ic-rozet, .ac .ic-btn--ikincil { color: var(--ac-siyah); }

/* Duyarlı */
@media (max-width: 1100px) {
    .ac-menu { position: fixed; inset: 80px 0 auto 0; flex-direction: column; align-items: stretch; gap: 0; background: var(--ac-zeytin); padding: 12px 24px 24px; box-shadow: var(--sh-lg); transform: translateY(-130%); transition: transform .3s; max-height: calc(100vh - 80px); overflow: auto; }
    .ac-menu.acik { transform: none; }
    .ac-menu a { padding: 14px 0; }
    .ac-menu-tel { display: flex !important; align-items: center; gap: 8px; color: var(--accent) !important; }
    .ac-hamburger { display: inline-flex; align-items: center; justify-content: center; }
    .ac-hero, .ac-filo { grid-template-columns: 1fr; }
    .ac-izgara-4 { grid-template-columns: repeat(2, 1fr); }
    .ac-filo-foto { min-height: 340px; }
    .ac-filo-foto::after { display: none; }
}
@media (max-width: 760px) {
    body.ac { padding-bottom: 68px; }
    .ac-ust-ic { height: 68px; }
    .ac-menu { inset: 68px 0 auto 0; }
    .ac-logo b { font-size: 21px; }
    .ac-tel-buyuk { display: none; }
    .ac-ana { gap: 48px; padding-top: 16px; }
    .ac-hero-kart, .ac-bolgeler, .ac-filo-sag { padding: 24px; }
    .ac-cagri { padding: 16px; }
    .ac-ikili, .ac-izgara-4, .ac-izgara-3, .ac-adimlar, .ac-alt-izgara { grid-template-columns: 1fr; }
    .ac-hat b { font-size: 32px; }
    .ac-cta { padding: 40px 20px; }
    .ac-cta-dugmeler .ac-btn { width: 100%; }
    .ac-mobil-cubuk { display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1000; padding: 8px; background: var(--ac-siyah); }
    .ac-mobil-cubuk a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 8px; border-radius: var(--r); font-size: 14px; font-weight: 700; }
    .ac-mobil-cubuk a:first-child { background: var(--accent); color: var(--ac-siyah); }
    .ac-mobil-cubuk a:last-child { background: #fff; color: var(--ac-siyah); }
    .ac-mobil-cubuk a:last-child .material-symbols-outlined { color: #25D366; }
    .ac .tema-serit { bottom: 76px !important; }
}