@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/unbounded-latin-ext-500-normal.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: 'Unbounded';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/unbounded-latin-500-normal.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: 'Unbounded';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../fonts/unbounded-latin-ext-600-normal.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: 'Unbounded';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../fonts/unbounded-latin-600-normal.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: 'Unbounded';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/unbounded-latin-ext-700-normal.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: 'Unbounded';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/unbounded-latin-700-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/onest-latin-ext-400-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/onest-latin-400-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/onest-latin-ext-500-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(../fonts/onest-latin-500-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../fonts/onest-latin-ext-600-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(../fonts/onest-latin-600-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/onest-latin-ext-700-normal.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: 'Onest';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/onest-latin-700-normal.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;
}

/* Alpha Mühendislik — site stilleri (2. sürüm)
   Düzen: fotoğraflı koyu açılış + üstünde cam hesap kartı; açık ve koyu bölümler sırayla.
   Gece laciverti zemin, güneş turuncusu geçişli vurgu. Koyu bölümler jetonları yerel olarak
   yeniden tanımlar; içindeki her bileşen kendiliğinden uyum sağlar. */

:root {
  --zemin: #f6f8fc;
  --yuzey: #ffffff;
  --cukur: #edf1f8;
  --cizgi: #dde3ee;
  --murekkep: #0a1430;
  --ikincil: #4a5672;
  --gece: #0a1430;
  --gece-2: #121e46;
  --gece-yazi: #f2f5fb;
  --gece-ikincil: #aab5d0;
  --gece-cizgi: #26335e;
  --mavi: #2f6bff;          /* logodaki elektrik mavisi — marka vurgusu */
  --mavi-acik: #3fb7ff;
  --mavi-gecis: linear-gradient(110deg, #2f6bff, #19b5ff);
  --gunes: #ff8a00;         /* yalnızca eylem düğmeleri ve güneş */
  --gunes-a: #ffb61a;
  --gunes-b: #ff5f14;
  --gunes-yazi: #0a1430;
  --bakir: #e2731f;
  --hata: #c62828;
  --tamam: #1b7a4b;
  --golge: 0 18px 40px -22px rgba(10, 20, 48, 0.35);

  --baslik: "Unbounded", "Arial Black", "Segoe UI", system-ui, sans-serif;
  --govde: "Onest", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;

  --genislik: 1200px;
  --kenar: clamp(16px, 4vw, 40px);
  --bolum: clamp(64px, 9vw, 120px);
  --r-kucuk: 10px;
  --r: 18px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --zemin: #070d20;
    --yuzey: #0f1937;
    --cukur: #0c1530;
    --cizgi: #24315a;
    --murekkep: #eef2fa;
    --ikincil: #a5b0cc;
    --gece: #0b1634;
    --gece-2: #101c42;
    --gece-yazi: #f2f5fb;
    --gece-ikincil: #aab5d0;
    --gece-cizgi: #2a3866;
    --bakir: #ff9a3d;
    --mavi: #6b95ff;
    --hata: #ff8a80;
    --tamam: #6fcf9b;
    --golge: 0 18px 40px -22px rgba(0, 0, 0, 0.7);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --zemin: #070d20;
  --yuzey: #0f1937;
  --cukur: #0c1530;
  --cizgi: #24315a;
  --murekkep: #eef2fa;
  --ikincil: #a5b0cc;
  --gece: #0b1634;
  --gece-2: #101c42;
  --gece-yazi: #f2f5fb;
  --gece-ikincil: #aab5d0;
  --gece-cizgi: #2a3866;
  --bakir: #ff9a3d;
  --hata: #ff8a80;
  --tamam: #6fcf9b;
  --golge: 0 18px 40px -22px rgba(0, 0, 0, 0.7);
  color-scheme: dark;
}

/* Koyu bağlamlar: jetonları yerel olarak çevir */
.gece, .kapak, .sayfa-ust, .alt, .hesap-sonuc {
  --murekkep: var(--gece-yazi);
  --ikincil: var(--gece-ikincil);
  --yuzey: var(--gece-2);
  --cukur: #0d1838;
  --cizgi: var(--gece-cizgi);
  --bakir: #ff9a3d;
  --mavi: #6b95ff;
  --hata: #ff8a80;
  --tamam: #6fcf9b;
  color: var(--murekkep);
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--zemin); color: var(--murekkep); font-family: var(--govde); font-size: 17px; line-height: 1.6; }
img, svg { max-width: 100%; }
h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { padding: 0; list-style: none; }
a { color: inherit; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 3px solid var(--mavi-acik); outline-offset: 3px; }
[hidden] { display: none !important; }
[id] { scroll-margin-top: 92px; }

.sarmal { max-width: var(--genislik); margin-inline: auto; padding-inline: var(--kenar); }
.gorunmez { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* ---------- Yazı ---------- */
.b1, .b2, .b3 { font-family: var(--baslik); text-wrap: balance; }
.b1 { font-size: clamp(36px, 5.6vw, 70px); line-height: 1.04; font-weight: 700; letter-spacing: -0.025em; }
.b2 { font-size: clamp(28px, 3.6vw, 44px); line-height: 1.1; font-weight: 600; letter-spacing: -0.02em; }
.b3 { font-size: clamp(19px, 1.6vw, 22px); line-height: 1.25; font-weight: 600; letter-spacing: -0.01em; }
.b4 { font-size: 18px; font-weight: 700; line-height: 1.35; }
.giris { font-size: clamp(17px, 1.5vw, 19.5px); line-height: 1.6; color: var(--ikincil); max-width: 62ch; }
.kucuk { font-size: 14.5px; line-height: 1.5; color: var(--ikincil); }
.metin-bag { font-weight: 600; text-decoration: underline; text-decoration-color: var(--mavi); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.metin-bag:hover { color: var(--mavi); }

/* ---------- Düğmeler ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 48px; padding: 10px 24px; border-radius: 999px;
  border: 2px solid var(--murekkep); background: transparent; color: var(--murekkep);
  font-weight: 700; font-size: 16px; line-height: 1.2; text-decoration: none; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease;
}
.dugme:hover { background: var(--murekkep); color: var(--zemin); }
.dugme svg { width: 20px; height: 20px; flex: none; }
.dugme-ana { border: 0; padding: 12px 26px; background: linear-gradient(100deg, var(--gunes-a), var(--gunes-b)); color: var(--gunes-yazi); box-shadow: 0 12px 30px -12px rgba(255, 95, 20, 0.75); }
.dugme-ana:hover { background: linear-gradient(100deg, var(--gunes-a), var(--gunes-b)); color: var(--gunes-yazi); transform: translateY(-2px); box-shadow: 0 16px 34px -12px rgba(255, 95, 20, 0.9); }
.dugme-buyuk { min-height: 56px; padding-inline: 30px; font-size: 17px; }
.dugme-kucuk { min-height: 40px; padding: 6px 16px; font-size: 15px; }
.dugme-cam { border: 1.5px solid rgba(255, 255, 255, 0.4); color: #fff; background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(8px); }
.dugme-cam:hover { background: rgba(255, 255, 255, 0.16); color: #fff; }
.dugme-koyu { border: 0; background: #0a1430; color: #fff; }
.dugme-koyu:hover { background: #121e46; color: #fff; transform: translateY(-2px); }
.dugme-koyu-cizgi { border-color: #0a1430; color: #0a1430; }
.dugme-koyu-cizgi:hover { background: #0a1430; color: #fff; }
.dugme-bant { border-color: rgba(255, 255, 255, 0.5); color: #fff; }
.dugme-bant:hover { background: #fff; color: #0a1430; }
@media (prefers-reduced-motion: reduce) { .dugme, .hizmet, .uygulama img, .galeri-oge img { transition: none !important; } .dugme:hover, .hizmet:hover { transform: none !important; } }

/* ---------- Üst bar ---------- */
.ust { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 40; background: color-mix(in srgb, var(--yuzey) 92%, transparent); backdrop-filter: saturate(1.4) blur(14px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; gap: 18px; min-height: 72px; }
.marka { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; margin-right: auto; min-width: 0; }
.marka-logo { display: block; width: 44px; height: 44px; border-radius: 11px; flex: none; }
.marka-yazi { display: grid; gap: 3px; }
.marka-yazi .marka-ad { font-size: 17px; }
.marka-yazi .marka-alt { font-family: var(--baslik); font-size: 10.5px; font-weight: 600; letter-spacing: 0.22em; color: var(--mavi); }
.marka-isaret { width: 36px; height: 36px; flex: none; }
.marka-ad { font-family: var(--baslik); font-weight: 700; font-size: 19px; line-height: 1; letter-spacing: 0.02em; }
.marka-alt { font-weight: 500; font-size: 17px; line-height: 1; color: var(--ikincil); }
.menu { display: flex; align-items: center; gap: 2px; }
.menu a { display: block; padding: 8px 12px; font-size: 15.5px; font-weight: 600; text-decoration: none; border-radius: 999px; white-space: nowrap; }
.menu a:hover { background: var(--cukur); }
.menu a[aria-current="page"] { background: var(--murekkep); color: var(--zemin); }
.sepet-bag { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; font-size: 15.5px; font-weight: 600; text-decoration: none; border-radius: 999px; white-space: nowrap; }
.sepet-bag:hover { background: var(--cukur); }
.sepet-bag svg { width: 20px; height: 20px; }
.sepet-sayi { min-width: 22px; padding: 0 6px; border-radius: 11px; background: var(--mavi-gecis); color: #fff; font-size: 13px; font-weight: 700; line-height: 22px; text-align: center; font-variant-numeric: tabular-nums; }
.menu-dugme { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--cizgi); border-radius: 12px; background: transparent; cursor: pointer; align-items: center; justify-content: center; }
.menu-dugme svg { width: 22px; height: 22px; }
@media (max-width: 1060px) {
  .menu-dugme { display: inline-flex; }
  .ust-teklif { display: none; }
  .menu { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 4px; padding: 10px var(--kenar) 18px; background: var(--yuzey); border-bottom: 1px solid var(--cizgi); box-shadow: var(--golge); }
  .menu.acik { display: flex; }
  .menu a { padding: 12px 14px; font-size: 17px; border-radius: 12px; }
}
@media (max-width: 440px) { .sepet-yazi { display: none; } .marka-logo { width: 40px; height: 40px; } }

/* ---------- Bölüm iskeleti ---------- */
.bolum { padding-block: var(--bolum); }
.bolum-bas { display: grid; gap: 16px; margin-bottom: clamp(32px, 4.5vw, 56px); }
.gri { background: var(--cukur); }
.gece { background: radial-gradient(60% 80% at 100% 0%, rgba(47, 107, 255, 0.32), transparent 60%), radial-gradient(40% 50% at 0% 100%, rgba(25, 181, 255, 0.14), transparent 70%), var(--gece); }

/* ---------- Açılış (kapak) ---------- */
.kapak { position: relative; overflow: hidden; isolation: isolate; background: var(--gece); padding-block: clamp(48px, 8vw, 112px) 0; }
.kapak-foto { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.kapak::before {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, rgba(10, 20, 48, 0.94) 0%, rgba(10, 20, 48, 0.72) 45%, rgba(10, 20, 48, 0.28) 100%),
    linear-gradient(0deg, rgba(10, 20, 48, 0.96) 0%, rgba(10, 20, 48, 0.2) 38%, transparent 60%);
}
.kapak-yok::before {
  background:
    radial-gradient(50% 70% at 85% 30%, rgba(47, 107, 255, 0.45), transparent 70%),
    radial-gradient(40% 60% at 10% 100%, rgba(46, 124, 246, 0.25), transparent 70%),
    repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 96px);
}
.kapak-izgara { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.kapak-metin { display: grid; gap: 24px; min-width: 0; }
.kapak .b1 { color: #fff; }
.kapak .giris { color: #d3dbee; }
.rozet { justify-self: start; display: inline-flex; align-items: center; gap: 10px; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.18); font-size: 14.5px; font-weight: 600; color: #fff; backdrop-filter: blur(8px); }
.rozet-nokta { width: 9px; height: 9px; border-radius: 50%; background: var(--mavi-acik); box-shadow: 0 0 0 0 rgba(63, 183, 255, 0.7); animation: nabiz 2.2s ease-out infinite; }
@keyframes nabiz { 70% { box-shadow: 0 0 0 10px rgba(63, 183, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(63, 183, 255, 0); } }
.acilis-eylem { display: flex; flex-wrap: wrap; gap: 12px; }
.kapak-hesap {
  display: grid; gap: 18px; padding: clamp(22px, 3vw, 32px); min-width: 0;
  border-radius: 24px; background: rgba(15, 25, 58, 0.55); border: 1px solid rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(18px) saturate(1.3); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6);
}
.kapak-hesap-baslik { font-family: var(--baslik); font-size: 19px; font-weight: 600; line-height: 1.25; color: #fff; }
.kapak-hesap .girdi { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.28); color: #fff; }
.kapak-hesap .birim { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.28); color: #d3dbee; }
.kapak-hesap .alan label { color: #d3dbee; }
.kapak-sonuc { display: grid; gap: 0; }
.kapak-sonuc > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.kapak-sonuc dt { color: #c3cce3; font-size: 15px; }
.kapak-sonuc dd { font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kapak-sonuc-ana dd { font-family: var(--baslik); font-size: clamp(30px, 3vw, 40px); line-height: 1; color: var(--mavi-acik); }
.rakamlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(48px, 7vw, 88px); border-top: 1px solid rgba(255, 255, 255, 0.14); }
.rakamlar > div { padding: 26px 20px 30px 0; min-width: 0; }
.rakamlar > div + div { padding-left: 24px; border-left: 1px solid rgba(255, 255, 255, 0.14); }
.rakam { font-family: var(--baslik); font-weight: 700; font-size: clamp(30px, 3.6vw, 46px); line-height: 1; color: #fff; font-variant-numeric: tabular-nums; }
.rakam-ad { margin-top: 8px; font-size: 15px; color: var(--gece-ikincil); }
@media (max-width: 920px) { .kapak-izgara { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) {
  .rakamlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .rakamlar > div, .rakamlar > div + div { padding: 20px 12px 20px 0; border-left: 0; }
  .rakamlar > div:nth-child(even) { padding-left: 16px; border-left: 1px solid rgba(255, 255, 255, 0.14); }
  .rakamlar > div:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, 0.14); }
}

/* ---------- Hizmetler ---------- */
.hizmetler { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.hizmet {
  position: relative; display: grid; grid-template-rows: auto 1fr auto; gap: 18px; min-width: 0;
  padding: 28px 26px; border-radius: var(--r); background: var(--yuzey); border: 1px solid var(--cizgi); overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.hizmet::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--mavi-gecis); transform: scaleX(0); transform-origin: left; transition: transform .3s ease; }
.hizmet:hover { transform: translateY(-4px); box-shadow: var(--golge); border-color: transparent; }
.hizmet:hover::before, .hizmet:target::before { transform: scaleX(1); }
.hizmet-bas { display: grid; gap: 10px; }
.hizmet-ikon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--mavi-gecis); color: #fff; box-shadow: 0 10px 24px -12px rgba(47, 107, 255, 0.8); margin-bottom: 6px; }
.hizmet-ikon svg { width: 28px; height: 28px; }
.hizmet-alan { font-size: 13.5px; font-weight: 700; letter-spacing: 0.04em; color: var(--mavi); }
.madde { display: grid; align-content: start; gap: 8px; font-size: 15.5px; line-height: 1.5; }
.madde li { position: relative; padding-left: 20px; }
.madde li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 50%; border: 2px solid var(--mavi); }
@media (max-width: 1100px) { .hizmetler { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .hizmetler { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Sistem şeması ---------- */
.sistem-izgara { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(28px, 5vw, 80px); align-items: center; }
.sistem-metin { display: grid; gap: 22px; min-width: 0; }
.acilis-not { display: grid; gap: 10px; }
.acilis-not li { display: flex; align-items: center; gap: 12px; font-weight: 600; }
.acilis-not li::before { content: ""; flex: none; width: 22px; height: 22px; border-radius: 50%; background: linear-gradient(135deg, #3fb7ff, #2f6bff) center / 100% 100%; -webkit-mask: radial-gradient(circle, #000 0 4px, transparent 4.5px 6px, #000 6.5px); mask: radial-gradient(circle, #000 0 4px, transparent 4.5px 6px, #000 6.5px); }
.sema { min-width: 0; padding: clamp(16px, 2.5vw, 28px); border-radius: 24px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--cizgi); }
.sema svg { display: block; width: 100%; height: auto; }
@media (max-width: 920px) { .sistem-izgara { grid-template-columns: minmax(0, 1fr); } }

.s-iletken { stroke: var(--mavi-acik); stroke-width: 2.5; fill: none; stroke-linecap: round; }
.s-akis { stroke: var(--gunes-a); stroke-width: 3; fill: none; stroke-linecap: round; stroke-dasharray: 3 21; animation: akis 1.4s linear infinite; }
.s-bara { stroke: var(--murekkep); stroke-width: 6; stroke-linecap: round; }
.s-govde { fill: var(--yuzey); stroke: var(--murekkep); stroke-width: 2; }
.s-ince { stroke: var(--murekkep); stroke-width: 1.5; fill: none; stroke-linecap: round; }
.s-gunes { fill: var(--gunes-a); }
.s-isin { stroke: var(--gunes-a); stroke-width: 2.5; stroke-linecap: round; }
.s-etiket { fill: var(--murekkep); font-family: var(--govde); font-size: 15.5px; font-weight: 700; }
.s-alt { fill: var(--ikincil); font-family: var(--govde); font-size: 12.5px; }
.s-simge { fill: var(--murekkep); font-family: var(--govde); font-size: 15px; font-weight: 700; text-anchor: middle; }
.s-dugum { cursor: pointer; }
.s-dugum:hover .s-govde, .s-dugum:focus-visible .s-govde { stroke: var(--mavi-acik); stroke-width: 3; }
.s-dugum:hover .s-etiket, .s-dugum:focus-visible .s-etiket { fill: var(--mavi-acik); }
.s-dugum:focus-visible { outline: none; }
@media (max-width: 600px) { .s-etiket { font-size: 18px; } .s-alt { display: none; } }
@keyframes akis { to { stroke-dashoffset: -24; } }
@media (prefers-reduced-motion: reduce) { .s-akis, .rozet-nokta { animation: none; } html { scroll-behavior: auto; } }

/* ---------- Uygulamalar ve galeri ---------- */
.uygulamalar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.uygulama { display: grid; grid-template-rows: auto 1fr; border-radius: var(--r); overflow: hidden; background: var(--yuzey); border: 1px solid var(--cizgi); min-width: 0; }
.uygulama .foto { border-radius: 0; }
.uygulama:hover img { transform: scale(1.04); }
.uygulama img { transition: transform .5s ease; }
.uygulama-metin { display: grid; align-content: start; gap: 10px; padding: 22px 24px 26px; }
.uygulama-metin p { font-size: 15.5px; color: var(--ikincil); }
@media (max-width: 900px) { .uygulamalar { grid-template-columns: minmax(0, 1fr); } }

.foto { position: relative; display: block; width: 100%; max-width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 14px; background: var(--cukur); margin: 0; padding: 0; border: 0; }
.foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.foto-yok { display: grid; place-items: center; padding: 20px; text-align: center; background: linear-gradient(135deg, var(--cukur), var(--cizgi)); }
.foto-yok-yazi { display: grid; gap: 4px; padding: 10px 14px; border-radius: var(--r-kucuk); background: var(--yuzey); font-size: 14px; line-height: 1.4; color: var(--ikincil); max-width: 100%; }
.foto-yok-yazi strong { color: var(--murekkep); font-weight: 600; }
.cizim { display: block; width: 100%; height: 100%; background: var(--cukur); }

.galeri-bas { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px 24px; margin: clamp(48px, 6vw, 80px) 0 20px; }
.galeri { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.galeri > :first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; height: 100%; min-height: 0; }
.galeri > :first-child img { position: absolute; inset: 0; }
.galeri-oge { cursor: zoom-in; }
.galeri-oge img { transition: transform .5s ease; }
.galeri-oge:hover img { transform: scale(1.05); }
@media (max-width: 700px) { .galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); } .galeri > :first-child { grid-row: auto; aspect-ratio: 3 / 2; height: auto; } }

.isik { width: min(1100px, 94vw); max-height: 92vh; padding: 0; border: 0; border-radius: var(--r); background: #0a1430; color: #fff; overflow: hidden; }
.isik::backdrop { background: rgba(5, 10, 26, 0.85); }
.isik img { display: block; width: 100%; max-height: 80vh; object-fit: contain; background: #000; }
.isik-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; font-size: 15px; }

/* ---------- Hakkımızda ---------- */
.hakkinda { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
.hakkinda-metin { display: grid; gap: 20px; min-width: 0; }
.hakkinda-metin p { max-width: 58ch; color: var(--ikincil); }
.belge { display: grid; gap: 6px; padding: 18px 20px; border-radius: var(--r); background: var(--yuzey); border: 1px solid var(--cizgi); max-width: 50ch; box-shadow: inset 4px 0 0 var(--mavi); }
.guvenceler { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; min-width: 0; }
.guvenceler > div { display: grid; align-content: start; gap: 6px; padding: 22px; border-radius: var(--r); background: var(--yuzey); border: 1px solid var(--cizgi); }
.guvenceler dt { font-weight: 700; font-size: 17px; }
.guvenceler dd { color: var(--ikincil); font-size: 15px; line-height: 1.5; }
@media (max-width: 900px) { .hakkinda { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .guvenceler { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Süreç ---------- */
.surec { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; counter-reset: adim; }
.adim { position: relative; display: grid; align-content: start; gap: 10px; min-width: 0; counter-increment: adim; }
.adim::after { content: ""; position: absolute; top: 28px; left: 68px; right: -12px; height: 2px; background: linear-gradient(90deg, var(--mavi), transparent); }
.adim:last-child::after { display: none; }
.adim-no { display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 8px; border-radius: 50%; background: var(--mavi-gecis); color: #fff; font-family: var(--baslik); font-weight: 700; font-size: 20px; box-shadow: 0 10px 24px -12px rgba(47, 107, 255, 0.8); }
.adim-no::before { content: counter(adim); }
@media (max-width: 860px) {
  .surec { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .adim { grid-template-columns: 56px minmax(0, 1fr); column-gap: 18px; row-gap: 4px; padding-bottom: 28px; }
  .adim-no { grid-row: span 2; margin: 0; }
  .adim::after { top: 60px; bottom: 0; left: 27px; right: auto; width: 2px; height: auto; background: linear-gradient(180deg, var(--mavi), transparent); }
}

/* ---------- SSS ---------- */
.sss-izgara { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(24px, 5vw, 72px); align-items: start; }
.sss { display: grid; gap: 10px; }
.sss details { border-radius: 14px; background: var(--yuzey); border: 1px solid var(--cizgi); }
.sss summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; font-weight: 700; font-size: 17px; line-height: 1.4; cursor: pointer; list-style: none; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--cukur); font-size: 22px; font-weight: 500; line-height: 1; transition: transform .2s ease; }
.sss details[open] summary::after { transform: rotate(45deg); background: var(--mavi-gecis); color: #fff; }
.sss details p { padding: 0 22px 20px; max-width: 68ch; color: var(--ikincil); }
@media (max-width: 860px) { .sss-izgara { grid-template-columns: minmax(0, 1fr); } .sss-izgara .bolum-bas { margin-bottom: 8px; } }

/* ---------- Çağrı bandı ---------- */
.cagri { background: radial-gradient(60% 140% at 100% 50%, rgba(25, 181, 255, 0.55), transparent 70%), linear-gradient(110deg, #1d3fd6, #2f6bff); color: #fff; }
.cagri-ic { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px 32px; padding-block: clamp(32px, 5vw, 52px); }
.cagri-yazi { font-family: var(--baslik); font-weight: 700; font-size: clamp(22px, 2.8vw, 34px); line-height: 1.15; letter-spacing: -0.02em; max-width: 22ch; text-wrap: balance; }

/* ---------- İletişim ---------- */
.iletisim { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.iletisim-bilgi { display: grid; gap: 28px; min-width: 0; }
.kunye { display: grid; border-top: 1px solid var(--cizgi); }
.kunye > div { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 16px 0; border-bottom: 1px solid var(--cizgi); }
.kunye dt { color: var(--ikincil); font-size: 15px; }
.kunye dd { font-weight: 600; overflow-wrap: anywhere; }
.kunye-buyuk { font-family: var(--baslik); font-weight: 700; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.15; text-decoration: none; }
.kunye-buyuk:hover { color: var(--mavi); }
.form { display: grid; gap: 18px; padding: clamp(22px, 3vw, 36px); background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 24px; box-shadow: var(--golge); min-width: 0; }
@media (max-width: 860px) { .iletisim { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Form öğeleri ---------- */
.alan { display: grid; gap: 6px; min-width: 0; }
.alan label, .alan-ad { font-size: 14.5px; font-weight: 600; }
.alan small { font-size: 13.5px; color: var(--ikincil); line-height: 1.4; }
.girdi { width: 100%; min-height: 50px; padding: 10px 14px; border: 1.5px solid var(--cizgi); border-radius: 12px; background: var(--yuzey); color: var(--murekkep); transition: border-color .15s ease; }
.girdi:hover { border-color: var(--ikincil); }
textarea.girdi { min-height: 120px; resize: vertical; }
.girdi:focus-visible { outline: 3px solid color-mix(in srgb, var(--mavi) 40%, transparent); outline-offset: 0; border-color: var(--mavi); }
.girdi[aria-invalid="true"] { border-color: var(--hata); }
.birimli { display: flex; align-items: stretch; }
.birimli .girdi { border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 0; }
.birim { display: inline-flex; align-items: center; padding: 0 12px; border: 1.5px solid var(--cizgi); border-left: 0; border-radius: 0 12px 12px 0; background: var(--cukur); font-size: 14.5px; color: var(--ikincil); white-space: nowrap; }
.alan-hata { font-size: 14px; color: var(--hata); font-weight: 600; }
.ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 520px) { .ikili { grid-template-columns: minmax(0, 1fr); } }
.durum { padding: 12px 16px; border-radius: 12px; border: 1px solid var(--cizgi); background: var(--cukur); font-size: 15.5px; }
.durum-tamam { box-shadow: inset 4px 0 0 var(--tamam); }
.durum-hata { box-shadow: inset 4px 0 0 var(--hata); }

/* ---------- Alt sayfa başı ---------- */
.sayfa-ust { background: radial-gradient(50% 120% at 100% 0%, rgba(47, 107, 255, 0.4), transparent 60%), radial-gradient(30% 80% at 0% 100%, rgba(25, 181, 255, 0.15), transparent 70%), var(--gece); }
.sayfa-bas { display: grid; gap: 16px; padding-block: clamp(44px, 6vw, 80px); }
.sayfa-bas .b2 { font-size: clamp(32px, 4.4vw, 54px); }
.sayfa-govde { padding-block: clamp(32px, 4vw, 56px) var(--bolum); }
.bildirim { display: flex; gap: 12px; align-items: flex-start; padding: 12px 16px; border-radius: 12px; background: rgba(255, 255, 255, 0.07); border: 1px solid var(--cizgi); box-shadow: inset 4px 0 0 var(--mavi-acik); font-size: 15.5px; max-width: 80ch; }

/* ---------- Hesap araçları ---------- */
.araclar { display: grid; gap: clamp(44px, 6vw, 80px); }
.arac { display: grid; gap: 20px; }
.arac-bas { display: grid; gap: 8px; }
.arac-dizin { display: flex; flex-wrap: wrap; gap: 8px; }
.sayfa-ust .dugme { border-color: rgba(255, 255, 255, 0.4); color: #fff; }
.sayfa-ust .dugme:hover { background: #fff; color: #0a1430; }
.hesap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-radius: 24px; background: var(--yuzey); border: 1px solid var(--cizgi); overflow: hidden; box-shadow: var(--golge); }
.hesap-giris { display: grid; align-content: start; gap: 16px; padding: clamp(22px, 3vw, 34px); min-width: 0; }
.hesap-sonuc { display: grid; align-content: start; padding: clamp(22px, 3vw, 34px); background: radial-gradient(80% 60% at 100% 0%, rgba(47, 107, 255, 0.35), transparent 70%), var(--gece); min-width: 0; }
.sonuc-satir { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.sonuc-satir:first-child { padding-top: 0; }
.sonuc-satir dt { color: var(--ikincil); font-size: 15.5px; }
.sonuc-satir dd { font-weight: 700; font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap; }
.sonuc-ana dd { font-family: var(--baslik); font-size: clamp(28px, 3vw, 38px); line-height: 1; color: var(--mavi-acik); }
.hesap-not { margin-top: 16px; }
.hesap-uyari { margin-top: 14px; padding: 10px 14px; border-radius: 10px; background: rgba(255, 182, 26, 0.12); box-shadow: inset 4px 0 0 var(--gunes-a); font-size: 14.5px; line-height: 1.5; }
@media (max-width: 760px) { .hesap { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Ürünler ---------- */
.urun-arac { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: end; margin-bottom: 20px; }
.suzgec { display: flex; flex-wrap: wrap; gap: 8px; }
.cip { min-height: 42px; padding: 6px 18px; border: 1.5px solid var(--cizgi); border-radius: 999px; background: var(--yuzey); font-size: 15px; font-weight: 600; cursor: pointer; }
.cip:hover { border-color: var(--ikincil); }
.cip[aria-pressed="true"] { background: var(--murekkep); border-color: var(--murekkep); color: var(--zemin); }
.arama { width: min(360px, 100%); }
.urun-sayac { margin-bottom: 14px; }
@media (max-width: 700px) { .urun-arac { grid-template-columns: minmax(0, 1fr); } .arama { width: 100%; } }
.urunler { display: grid; grid-template-columns: repeat(auto-fill, minmax(255px, 1fr)); gap: 18px; }
.urun { display: grid; grid-template-rows: auto auto 1fr auto auto; gap: 8px; padding: 18px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: var(--r); min-width: 0; transition: box-shadow .2s ease, transform .2s ease; }
.urun:hover { box-shadow: var(--golge); }
.urun-gorsel { display: grid; place-items: center; aspect-ratio: 16 / 10; margin: -18px -18px 8px; background: linear-gradient(135deg, var(--cukur), var(--cizgi)); border-radius: var(--r) var(--r) 0 0; overflow: hidden; color: var(--murekkep); }
.urun-gorsel svg { width: 60px; height: 60px; }
.urun-gorsel img { width: 100%; height: 100%; object-fit: cover; }
.urun-kat { font-size: 13px; font-weight: 700; letter-spacing: 0.04em; color: var(--mavi); }
.urun-ad { font-size: 17px; font-weight: 700; line-height: 1.3; }
.urun-acik { font-size: 14.5px; color: var(--ikincil); line-height: 1.45; margin-top: 4px; }
.urun-fiyat { font-family: var(--baslik); font-weight: 600; font-size: 19px; line-height: 1.2; font-variant-numeric: tabular-nums; }
.urun-fiyat small { font-family: var(--govde); font-size: 13.5px; font-weight: 500; color: var(--ikincil); }
.urun-ekle { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; margin-top: 6px; }
.urun-ekle .dugme { padding-inline: 10px; white-space: nowrap; }
.adet { display: inline-grid; grid-template-columns: 36px 40px 36px; border: 1.5px solid var(--cizgi); border-radius: 999px; overflow: hidden; background: var(--yuzey); }
.adet button { border: 0; background: transparent; cursor: pointer; font-size: 19px; line-height: 1; min-height: 40px; }
.adet button:hover { background: var(--cukur); }
.adet input { width: 100%; border: 0; text-align: center; background: transparent; font-weight: 600; font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield; padding: 0; }
.adet input::-webkit-outer-spin-button, .adet input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.bos { display: grid; gap: 14px; justify-items: start; padding: 32px; border-radius: var(--r); border: 1.5px dashed var(--cizgi); background: var(--yuzey); }
.ekmek { position: fixed; left: 50%; bottom: calc(86px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 60; max-width: calc(100vw - 32px); padding: 12px 20px; border-radius: 999px; background: #0a1430; color: #fff; font-size: 15.5px; box-shadow: 0 10px 30px rgba(5, 10, 26, 0.4); }
.ekmek a { color: var(--mavi-acik); font-weight: 700; margin-left: 10px; }

/* ---------- Sepet ---------- */
.sepet { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
@media (max-width: 900px) { .sepet { grid-template-columns: minmax(0, 1fr); } }
.sepet-liste { display: grid; gap: 12px; }
.sepet-satir { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px 16px; align-items: center; padding: 16px 18px; border-radius: 16px; background: var(--yuzey); border: 1px solid var(--cizgi); }
.sepet-satir-ad { font-weight: 700; line-height: 1.3; }
.sepet-satir-ad .kucuk { font-weight: 400; margin-top: 2px; }
.sepet-satir-tutar { min-width: 100px; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.sil { grid-column: 1 / -1; justify-self: start; padding: 0; border: 0; background: none; color: var(--ikincil); font-size: 14.5px; text-decoration: underline; cursor: pointer; }
.sil:hover { color: var(--hata); }
.sepet-toplam { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px 16px; padding: 20px 4px 4px; font-weight: 700; }
.sepet-toplam strong { font-family: var(--baslik); font-size: clamp(20px, 2.4vw, 28px); line-height: 1.1; font-variant-numeric: tabular-nums; }
@media (max-width: 520px) { .sepet-satir { grid-template-columns: minmax(0, 1fr) auto; } .sepet-satir-ad { grid-column: 1 / -1; } .sepet-satir-tutar { min-width: 0; } }

/* ---------- Yasal metin ---------- */
.yazi { max-width: 74ch; display: grid; gap: 16px; }
.yazi h2 { font-family: var(--baslik); font-weight: 600; font-size: 21px; line-height: 1.3; margin-top: 20px; }
.yazi ul { display: grid; gap: 6px; }
.yazi ul li { position: relative; padding-left: 20px; }
.yazi ul li::before { content: ""; position: absolute; left: 0; top: 0.6em; width: 8px; height: 8px; border-radius: 50%; border: 2px solid var(--mavi); }
.tablo-sar { overflow-x: auto; }
.tablo { width: 100%; border-collapse: collapse; font-size: 16px; }
.tablo th, .tablo td { padding: 10px 12px; border: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.tablo th { background: var(--cukur); font-weight: 700; }

/* ---------- Alt bilgi ---------- */
.alt { background: #050a1a; padding-block: clamp(48px, 6vw, 72px) 28px; }
.alt-izgara { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
.alt-ad { font-family: var(--baslik); font-weight: 700; font-size: 24px; line-height: 1.2; }
.alt p { color: var(--ikincil); max-width: 40ch; margin-top: 12px; }
.alt-bas { font-weight: 700; margin-bottom: 12px; }
.alt-liste { display: grid; gap: 8px; }
.alt-liste a { color: var(--ikincil); text-decoration: none; }
.alt-liste a:hover { color: var(--mavi-acik); }
.alt-son { margin-top: 40px; padding-top: 18px; border-top: 1px solid var(--cizgi); font-size: 14.5px; color: var(--ikincil); }
@media (max-width: 760px) { .alt-izgara { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Mobil hızlı eylem çubuğu ---------- */
.hizli { display: none; }
@media (max-width: 760px) {
  .hizli { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; padding-bottom: env(safe-area-inset-bottom, 0px); background: #0a1430; border-top: 1px solid #26335e; }
  .hizli a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 56px; color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; }
  .hizli a + a { border-left: 1px solid #26335e; }
  .hizli a.hizli-ana { background: linear-gradient(100deg, var(--gunes-a), var(--gunes-b)); color: #0a1430; }
  .hizli svg { width: 18px; height: 18px; }
  .alt { padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)); }
}

.alt-marka { display: flex; align-items: center; gap: 12px; }
.alt-marka img { width: 52px; height: 52px; border-radius: 13px; border: 1px solid var(--cizgi); }
.cagri .acilis-eylem .dugme-bant { min-height: 56px; }
@media (max-width: 760px) { .cagri-ic { grid-template-columns: minmax(0, 1fr); } }