/* ============================================================
   Arpies Yazılım - Kurumsal Mavi tema (2026)
   Tüm sayfalar bu dosya ile çalışır; Bootstrap / jQuery / Revolution Slider yüklenmez.
   Renk ve yuvarlaklık değerleri sistemotel.com modern.css ile aynı ailedendir.
   ============================================================ */

@font-face { font-family: 'Inter'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../fonts/Inter-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; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(../fonts/Inter-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
    --ar-bg: #f4f7fb;
    --ar-kart: #ffffff;
    --ar-metin: #111827;
    --ar-metin-2: #4b5563;
    --ar-metin-3: #6b7280;
    --ar-cizgi: #e5e7eb;
    --ar-mavi: #2563eb;
    --ar-mavi-acik: #dbeafe;
    --ar-mavi-koyu: #1d4ed8;
    --ar-yesil: #16a34a;
    --ar-yesil-acik: #dcfce7;
    --ar-kirmizi: #dc2626;
    --ar-kirmizi-acik: #fee2e2;
    --ar-golge: 0 1px 2px rgba(0,0,0,.03), 0 16px 40px -28px rgba(17,24,39,.25);
    --ar-yuvarlak: 24px;
    --ar-font: 'Inter', system-ui, -apple-system, Segoe UI, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--ar-font); background: var(--ar-bg); color: var(--ar-metin); font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
img { max-width: 100%; display: block; }
a { color: var(--ar-mavi); text-decoration: none; }
h1, h2, h3, h4 { margin: 0; font-weight: 700; letter-spacing: -.02em; color: var(--ar-metin); }
p { margin: 0 0 12px; }
address { font-style: normal; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }

.ar-wrap { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 20px; }

/* ---------- Butonlar ---------- */
.ar-btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; border-radius: 999px; font-weight: 700; font-size: 14px; line-height: 1.2; border: 1px solid transparent; cursor: pointer; transition: transform .15s, box-shadow .15s, background .15s, border-color .15s; text-decoration: none !important; }
.ar-btn:hover { transform: translateY(-1px); }
.ar-btn-mavi { background: var(--ar-mavi); color: #fff !important; box-shadow: 0 8px 20px -8px rgba(37,99,235,.6); }
.ar-btn-mavi:hover { background: var(--ar-mavi-koyu); }
.ar-btn-beyaz { background: #fff; color: var(--ar-metin) !important; border-color: var(--ar-cizgi); }
.ar-btn-beyaz:hover { border-color: #cbd5e1; }
.ar-btn[disabled] { opacity: .6; cursor: default; transform: none; }

/* ---------- Üst bar + Header ---------- */
.ar-topbar { font-size: 12px; color: var(--ar-metin-3); padding: 8px 0; }
.ar-topbar .ar-wrap { display: flex; justify-content: flex-end; gap: 22px; flex-wrap: wrap; }
.ar-topbar a { color: inherit; }
.ar-topbar a:hover { color: var(--ar-mavi); }
.ar-header { position: sticky; top: 0; z-index: 900; background: rgba(244,247,251,.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.ar-nav { display: flex; align-items: center; justify-content: space-between; height: 68px; gap: 16px; }
.ar-logo img { height: 48px; width: auto; }
.ar-menu { display: flex; gap: 2px; list-style: none; margin: 0; padding: 5px; background: #fff; border-radius: 999px; box-shadow: 0 1px 3px rgba(0,0,0,.06); font-size: 13px; font-weight: 600; }
.ar-menu li { margin: 0; }
.ar-menu a { display: block; padding: 8px 15px; border-radius: 999px; color: #374151; white-space: nowrap; }
.ar-menu a:hover { background: var(--ar-bg); color: var(--ar-metin); }
.ar-menu li.active a { background: #eef2ff; color: var(--ar-mavi-koyu); }
.ar-menu li.ar-yaz a { background: var(--ar-mavi); color: #fff; }
.ar-menu li.ar-yaz a:hover { background: var(--ar-mavi-koyu); }
.ar-menu-ac { display: none; background: #fff; border: 1px solid var(--ar-cizgi); border-radius: 12px; width: 44px; height: 44px; cursor: pointer; color: var(--ar-metin); }
.ar-menu-ac svg { width: 22px; height: 22px; }

/* ---------- Bölümler ---------- */
.ar-bolum { padding: 72px 0; }
.ar-bolum.ar-ust-sifir { padding-top: 0; }
.ar-baslik { max-width: 640px; margin-bottom: 36px; }
.ar-ust { font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--ar-mavi); margin-bottom: 10px; }
h1.ar-h1, .ar-h1 { font-size: 46px; line-height: 1.1; }
h2.ar-h2, .ar-h2 { font-size: 34px; line-height: 1.15; }
.ar-baslik p { color: var(--ar-metin-2); font-size: 16px; margin: 12px 0 0; }
.ar-kart { background: var(--ar-kart); border-radius: var(--ar-yuvarlak); box-shadow: var(--ar-golge); }

/* Sayfa başlığı (iç sayfalar) */
.ar-sayfa-bas { padding: 48px 0 8px; }
.ar-sayfa-bas p { color: var(--ar-metin-2); font-size: 17px; max-width: 640px; margin: 14px 0 0; }

/* ---------- Hero ---------- */
.ar-hero { padding: 56px 0 40px; }
.ar-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 48px; align-items: center; }
.ar-etiket { display: inline-flex; align-items: center; gap: 8px; background: var(--ar-yesil-acik); color: #166534; font-size: 12px; font-weight: 700; padding: 6px 12px; border-radius: 999px; margin-bottom: 18px; }
.ar-etiket i { width: 8px; height: 8px; border-radius: 50%; background: var(--ar-yesil); }
.ar-hero h1 { margin-bottom: 18px; }
.ar-hero h1 span { color: var(--ar-mavi); }
.ar-hero p { font-size: 17px; color: var(--ar-metin-2); max-width: 520px; margin: 0 0 26px; }
.ar-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.ar-hero-resim { position: relative; }
.ar-hero-resim img { border-radius: var(--ar-yuvarlak); box-shadow: var(--ar-golge); aspect-ratio: 4/3; object-fit: cover; width: 100%; }
.ar-rozet { position: absolute; left: -24px; bottom: 28px; background: #fff; border-radius: 18px; padding: 14px 18px; box-shadow: var(--ar-golge); }
.ar-rozet b { font-size: 26px; display: block; line-height: 1; }
.ar-rozet small { color: var(--ar-metin-3); font-size: 12px; }

.ar-sayilar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 30px; }
.ar-sayi { background: #fff; border-radius: 18px; padding: 22px 24px; box-shadow: var(--ar-golge); color: inherit; }
.ar-sayi b { font-size: 30px; display: block; letter-spacing: -.03em; color: var(--ar-mavi-koyu); }
.ar-sayi span { color: var(--ar-metin-3); font-size: 13px; }

/* ---------- Hakkımızda ---------- */
.ar-hakk { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.ar-hakk img { border-radius: var(--ar-yuvarlak); box-shadow: var(--ar-golge); aspect-ratio: 5/4; object-fit: cover; width: 100%; }
.ar-alinti { margin: 0 0 18px; padding: 18px 22px; border-left: 4px solid var(--ar-mavi); background: #fff; border-radius: 0 18px 18px 0; font-weight: 600; font-size: 17px; }
.ar-hakk p { color: var(--ar-metin-2); }
.ar-degerler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 28px; }
.ar-deger { background: #fff; border-radius: 18px; padding: 20px; box-shadow: var(--ar-golge); }
.ar-deger .ik { width: 40px; height: 40px; border-radius: 12px; background: var(--ar-mavi-acik); color: var(--ar-mavi-koyu); display: grid; place-items: center; font-weight: 800; margin-bottom: 12px; font-size: 18px; }
.ar-deger h3 { font-size: 15px; margin-bottom: 4px; }
.ar-deger p { margin: 0; font-size: 13px; color: var(--ar-metin-3); }
.ar-metin { max-width: 760px; font-size: 16px; color: var(--ar-metin-2); }
.ar-metin p { margin-bottom: 18px; }
.ar-hakk-sayfa { display: grid; grid-template-columns: 7fr 5fr; gap: 48px; align-items: start; }
.ar-hakk-sayfa img { border-radius: var(--ar-yuvarlak); box-shadow: var(--ar-golge); width: 100%; aspect-ratio: 4/5; object-fit: cover; position: sticky; top: 90px; }

/* ---------- Ürünler ---------- */
.ar-urunler { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ar-urun { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: var(--ar-golge); transition: transform .2s, border-color .2s; border: 1px solid transparent; color: inherit; display: block; }
.ar-urun:hover { transform: translateY(-4px); border-color: #c7d2fe; }
.ar-urun img { aspect-ratio: 16/10; object-fit: cover; width: 100%; }
.ar-urun div { padding: 16px 18px 18px; }
.ar-urun h3 { font-size: 15px; margin-bottom: 4px; }
.ar-urun p { margin: 0; font-size: 13px; color: var(--ar-metin-3); }
.ar-urun span { display: inline-block; margin-top: 10px; font-size: 13px; font-weight: 700; color: var(--ar-mavi); }
.ar-urun.ar-buyuk { grid-column: span 2; }
.ar-urun.ar-buyuk img { aspect-ratio: 16/8.1; }
.ar-urunler.ar-uc { grid-template-columns: repeat(3, 1fr); }
.ar-urunler.ar-uc .ar-urun.ar-buyuk { grid-column: span 3; display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; }
.ar-urunler.ar-uc .ar-urun.ar-buyuk img { aspect-ratio: 16/9; height: 100%; }
.ar-urunler.ar-uc .ar-urun.ar-buyuk div { padding: 28px 32px; }
.ar-urunler.ar-uc .ar-urun.ar-buyuk h3 { font-size: 24px; margin-bottom: 10px; }
.ar-urunler.ar-uc .ar-urun.ar-buyuk p { font-size: 15px; color: var(--ar-metin-2); }

/* ---------- Çözüm ortakları ---------- */
.ar-ortaklar { padding: 36px; }
.ar-logolar { display: grid; grid-template-columns: repeat(8, 1fr); gap: 18px; align-items: center; }
.ar-logolar img { filter: grayscale(1); opacity: .65; transition: .2s; max-height: 44px; margin: 0 auto; object-fit: contain; }
.ar-logolar a:hover img { filter: none; opacity: 1; }
.ar-ortak-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.ar-ortak { background: #fff; border-radius: 20px; box-shadow: var(--ar-golge); padding: 28px; display: grid; place-items: center; gap: 14px; text-align: center; color: var(--ar-metin); border: 1px solid transparent; transition: .2s; }
.ar-ortak:hover { transform: translateY(-4px); border-color: #c7d2fe; }
.ar-ortak img { max-height: 56px; object-fit: contain; }
.ar-ortak b { font-size: 14px; }
.ar-ortak small { color: var(--ar-metin-3); font-size: 12px; }

/* ---------- İletişim bandı ---------- */
.ar-cta { background: linear-gradient(135deg, #1e3a8a, #2563eb); border-radius: var(--ar-yuvarlak); color: #fff; padding: 52px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 40px; align-items: center; }
.ar-cta .ar-ust { color: #93c5fd; }
.ar-cta h2 { color: #fff; }
.ar-cta p { color: #dbeafe; font-size: 16px; }
.ar-cta address { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 18px; padding: 22px; font-size: 14px; line-height: 1.7; }
.ar-cta address b { display: block; font-size: 15px; margin-bottom: 6px; }
.ar-cta address a { color: #fff; }
.ar-cta .ar-btn-beyaz { margin-top: 18px; }

/* ---------- İletişim sayfası ---------- */
.ar-iletisim { display: grid; grid-template-columns: 5fr 7fr; gap: 24px; align-items: stretch; }
.ar-iletisim-kart { padding: 32px; display: flex; flex-direction: column; gap: 18px; }
.ar-iletisim-kart address { line-height: 1.8; color: var(--ar-metin-2); }
.ar-iletisim-kart address b { display: block; color: var(--ar-metin); font-size: 17px; margin-bottom: 6px; }
.ar-iletisim-satir { display: flex; gap: 12px; align-items: center; color: var(--ar-metin-2); }
.ar-iletisim-satir .ik { width: 36px; height: 36px; border-radius: 10px; background: var(--ar-mavi-acik); color: var(--ar-mavi-koyu); display: grid; place-items: center; flex: none; }
.ar-iletisim-satir .ik svg { width: 18px; height: 18px; }
.ar-iletisim-satir a { color: var(--ar-metin); font-weight: 600; }
.ar-harita { border-radius: var(--ar-yuvarlak); overflow: hidden; box-shadow: var(--ar-golge); background: #fff; min-height: 380px; }
.ar-harita iframe { width: 100%; height: 100%; min-height: 380px; border: 0; display: block; }
.ar-karekod { display: flex; gap: 16px; align-items: center; padding-top: 18px; border-top: 1px solid var(--ar-cizgi); }
.ar-karekod img { width: 96px; height: 96px; border-radius: 12px; border: 1px solid var(--ar-cizgi); }
.ar-karekod small { color: var(--ar-metin-3); }

/* ---------- Form (Bize Yazın) ---------- */
.ar-form-grid { display: grid; grid-template-columns: 7fr 5fr; gap: 24px; align-items: start; }
.ar-form { padding: 32px; }
.ar-form .ar-alan { margin-bottom: 16px; }
.ar-form label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 6px; color: var(--ar-metin-2); }
.ar-form input, .ar-form select, .ar-form textarea { width: 100%; padding: 11px 14px; border: 1px solid var(--ar-cizgi); border-radius: 12px; background: #fff; color: var(--ar-metin); outline: none; transition: border-color .15s, box-shadow .15s; }
.ar-form input:focus, .ar-form select:focus, .ar-form textarea:focus { border-color: var(--ar-mavi); box-shadow: 0 0 0 3px var(--ar-mavi-acik); }
.ar-form textarea { min-height: 160px; resize: vertical; }
.ar-form input[disabled] { background: var(--ar-bg); color: var(--ar-metin-3); }
.ar-form .ar-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ar-form .ar-hata { display: none; color: var(--ar-kirmizi); font-size: 12px; margin-top: 5px; }
.ar-form .ar-alan.hatali input, .ar-form .ar-alan.hatali select, .ar-form .ar-alan.hatali textarea { border-color: var(--ar-kirmizi); }
.ar-form .ar-alan.hatali .ar-hata { display: block; }
.ar-form .ar-alt { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 8px; }
.ar-mesaj { display: none; padding: 10px 14px; border-radius: 12px; font-size: 14px; font-weight: 600; }
.ar-mesaj.basarili { display: block; background: var(--ar-yesil-acik); color: #166534; }
.ar-mesaj.hatali { display: block; background: var(--ar-kirmizi-acik); color: #991b1b; }
.ar-yan-kart { padding: 28px; }
.ar-yan-kart h3 { font-size: 17px; margin-bottom: 10px; }
.ar-yan-kart p { color: var(--ar-metin-2); font-size: 14px; }
.ar-yan-kart ul { margin: 14px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.ar-yan-kart li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ar-metin-2); }
.ar-yan-kart li::before { content: "✓"; flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--ar-yesil-acik); color: var(--ar-yesil); display: grid; place-items: center; font-size: 12px; font-weight: 800; }

/* ---------- Hata sayfası ---------- */
.ar-hata-sayfa { padding: 64px 32px; text-align: center; max-width: 560px; margin: 40px auto; }
.ar-hata-sayfa b { display: block; font-size: 64px; color: var(--ar-mavi); letter-spacing: -.04em; line-height: 1; margin-bottom: 12px; }
.ar-hata-sayfa p { color: var(--ar-metin-2); margin-bottom: 22px; }

/* ---------- Footer ---------- */
.ar-footer { padding: 48px 0 28px; color: var(--ar-metin-3); font-size: 13px; }
.ar-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 36px; padding-bottom: 28px; border-bottom: 1px solid var(--ar-cizgi); }
.ar-footer h3 { font-size: 13px; margin-bottom: 12px; }
.ar-footer a { display: block; color: var(--ar-metin-3); padding: 3px 0; }
.ar-footer a:hover { color: var(--ar-mavi); }
.ar-footer .ar-footer-logo { height: 40px; margin-bottom: 12px; }
.ar-footer address { line-height: 1.7; }
.ar-footer address a { display: inline; padding: 0; }
.ar-copy { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 20px; }
.ar-sosyal { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.ar-sosyal a { width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1px solid var(--ar-cizgi); display: grid; place-items: center; color: var(--ar-metin-2); padding: 0; }
.ar-sosyal a:hover { color: var(--ar-mavi); border-color: #c7d2fe; }
.ar-sosyal svg { width: 16px; height: 16px; }

/* ---------- Duyarlı ---------- */
@media (max-width: 960px) {
    .ar-menu { display: none; position: absolute; top: 76px; left: 20px; right: 20px; flex-direction: column; border-radius: 20px; padding: 8px; }
    .ar-menu.acik { display: flex; }
    .ar-menu a { padding: 11px 16px; }
    .ar-menu-ac { display: grid; place-items: center; }
    .ar-hero-grid, .ar-hakk, .ar-hakk-sayfa, .ar-cta, .ar-iletisim, .ar-form-grid, .ar-footer-grid { grid-template-columns: 1fr; }
    .ar-hakk-sayfa img { position: static; aspect-ratio: 4/3; }
    .ar-sayilar, .ar-degerler, .ar-urunler, .ar-ortak-grid { grid-template-columns: 1fr 1fr; }
    .ar-urunler.ar-uc { grid-template-columns: 1fr 1fr; }
    .ar-urunler.ar-uc .ar-urun.ar-buyuk { grid-column: span 2; grid-template-columns: 1fr; }
    .ar-urun.ar-buyuk { grid-column: span 2; }
    .ar-logolar { grid-template-columns: repeat(4, 1fr); }
    h1.ar-h1, .ar-h1 { font-size: 34px; }
    h2.ar-h2, .ar-h2 { font-size: 28px; }
    .ar-rozet { left: 10px; }
    .ar-cta { padding: 32px; }
    .ar-topbar { display: none; }
}
@media (max-width: 560px) {
    .ar-sayilar, .ar-degerler, .ar-urunler, .ar-urunler.ar-uc, .ar-ortak-grid { grid-template-columns: 1fr; }
    .ar-urun.ar-buyuk, .ar-urunler.ar-uc .ar-urun.ar-buyuk { grid-column: span 1; }
    .ar-logolar { grid-template-columns: 1fr 1fr; }
    .ar-form .ar-iki { grid-template-columns: 1fr; }
    .ar-bolum { padding: 48px 0; }
}

/* ---------- Dil değiştirici ---------- */
.ar-topbar .ar-dil { font-weight: 700; color: var(--ar-mavi); }
.ar-menu li.ar-dil-menu a { border: 1px solid var(--ar-cizgi); font-size: 12px; letter-spacing: .06em; padding: 7px 12px; }
.ar-menu li.ar-dil-menu a:hover { border-color: var(--ar-mavi); color: var(--ar-mavi); }