/* İzmir İkinci El Spotçu (Oğuz Ticaret) — sektör standardı, kusursuz işçilik.
   Köşe kuralı: kartlar 16px, butonlar tam hap, form alanları 12px. Tek aksiyon rengi: WhatsApp yeşili. Altın yalnız logoda. */
:root {
  --zemin: #ffffff;
  --yuzey: #ffffff;
  --yuzey-2: #f5f7f8;
  --yuzey-3: #eef2f4;
  --cizgi: #e3e8ec;
  --cizgi-2: #cfd7dd;
  --yazi: #1b2a39;
  --yazi-2: #4a5866;
  --yazi-3: #64717e;
  --ana: #1b2a39;
  --wa: #128740;
  --wa-koyu: #0d6c33;
  --wa-acik: #e7f5ec;
  --altin: #9a7430;
  --tehlike: #b3261e;
  --basari: #1b7a3a;
  --golge: 0 1px 2px rgba(27, 42, 57, 0.05);
  --golge-yuksek: 0 12px 32px -12px rgba(27, 42, 57, 0.18);
  --r-kart: 16px;
  --r-alan: 12px;
  --kap: 1200px;
  --bosluk: 16px;
  --yay: cubic-bezier(0.22, 1, 0.36, 1);
  --hiz: 220ms;
  --font: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
@media (min-width: 48em) { :root { --bosluk: 32px; } }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); font-size: 1.0625rem; line-height: 1.6; color: var(--yazi); background: var(--zemin); -webkit-font-smoothing: antialiased; overflow-x: clip; padding-bottom: calc(88px + env(safe-area-inset-bottom)); }
@media (min-width: 56em) { body { padding-bottom: 0; } }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-underline-offset: 3px; }
h1, h2, h3 { line-height: 1.15; letter-spacing: -0.02em; text-wrap: balance; margin: 0 0 0.5em; font-weight: 800; color: var(--yazi); }
h1 { font-size: clamp(2rem, 1.5rem + 2vw, 3rem); }
h2 { font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem); }
h3 { font-size: 1.25rem; }
p { margin: 0 0 1em; }
::selection { background: var(--wa-acik); color: var(--yazi); }
:focus-visible { outline: 3px solid var(--wa); outline-offset: 2px; border-radius: 6px; }
.muted { color: var(--yazi-2); }
.kucuk { font-size: 0.875rem; }
.gizli { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.giris { font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem); color: var(--yazi-2); max-width: 60ch; }
.atla { position: absolute; left: 8px; top: -60px; background: var(--yazi); color: #fff; padding: 10px 14px; border-radius: 999px; z-index: 100; }
.atla:focus { top: 8px; }
.kap { max-width: var(--kap); margin: 0 auto; padding: 0 var(--bosluk); }
.bolum { padding-block: 56px; }
@media (min-width: 48em) { .bolum { padding-block: 80px; } }
.bolum__bas { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 28px; }
.bolum__bas h1, .bolum__bas h2 { margin: 0; }
.dar { max-width: 800px; }
.daha { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; font-size: 1rem; color: var(--wa-koyu); text-decoration: none; min-height: 44px; }
.daha svg { transition: transform var(--hiz) var(--yay); }
.daha:hover svg { transform: translateX(3px); }

/* Butonlar */
.hap { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 0 26px; border-radius: 999px; border: 0; font: inherit; font-weight: 700; font-size: 1rem; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color var(--hiz) var(--yay), box-shadow var(--hiz) var(--yay), transform var(--hiz) var(--yay); }
.hap:active { transform: scale(0.98); }
.hap__ikon { display: inline-flex; order: -1; }
.hap--wa { background: var(--wa); color: #fff; box-shadow: 0 6px 16px -8px rgba(18, 135, 64, 0.6); }
.hap--wa:hover { background: var(--wa-koyu); }
.hap--ana { background: var(--yazi); color: #fff; }
.hap--ana:hover { background: #0f1a25; }
.hap--acik { background: #fff; color: var(--yazi); box-shadow: inset 0 0 0 1.5px var(--yazi); }
.hap--acik:hover { background: var(--yuzey-2); }
.hap--beyaz { background: #fff; color: var(--yazi); }
.hap--beyaz:hover { background: var(--yuzey-2); }
.hap--kucuk { min-height: 44px; padding: 0 18px; font-size: 0.9375rem; }
.hap--buyuk { min-height: 58px; }

.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px; border: 0; font: inherit; font-weight: 700; font-size: 1rem; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color var(--hiz) var(--yay), box-shadow var(--hiz) var(--yay), transform var(--hiz) var(--yay); }
.btn:active { transform: scale(0.98); }
.btn:disabled { opacity: 0.55; cursor: not-allowed; }
.btn--ana { background: var(--yazi); color: #fff; }
.btn--ana:hover { background: #0f1a25; }
.btn--wa { background: var(--wa); color: #fff; }
.btn--wa:hover { background: var(--wa-koyu); }
.btn--cizgi { background: #fff; color: var(--yazi); box-shadow: inset 0 0 0 1.5px var(--cizgi-2); }
.btn--cizgi:hover { box-shadow: inset 0 0 0 1.5px var(--yazi); }
.btn--tehlike { background: #fff; color: var(--tehlike); box-shadow: inset 0 0 0 1.5px rgba(179, 38, 30, 0.35); }
.btn--buyuk { min-height: 56px; padding: 0 28px; }
.btn--kucuk { min-height: 42px; padding: 0 16px; font-size: 0.9375rem; }

/* Üst bar */
.ust { position: relative; z-index: 40; background: #fff; border-bottom: 1px solid var(--cizgi); }
@media (min-width: 60em) { .ust { position: sticky; top: 0; } }
.ada { position: relative; display: flex; align-items: center; gap: 16px; min-height: 72px; }
.logo { display: inline-flex; align-items: center; text-decoration: none; min-width: 0; margin-right: auto; }
.logo__resim { height: 40px; width: auto; }
.logo__svg { height: 44px; width: auto; display: block; }
@media (max-width: 30em) { .logo__svg { height: 34px; } }
.logo__yazi { display: flex; flex-direction: column; line-height: 1.1; min-width: 0; }
.logo__yazi strong { font-size: 1.125rem; font-weight: 800; letter-spacing: 0.08em; color: var(--altin); white-space: nowrap; }
.logo__yazi small { font-size: 0.8125rem; color: var(--yazi-2); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ada__menu { display: none; }
.ada__tel { display: none; }
.ada__wa { flex: none; }
@media (max-width: 55.99em) { .ada__wa { display: none; } }
@media (min-width: 76em) {
  .ada__menu { display: flex; flex: none; gap: 2px; margin-right: auto; }
  .ada__menu a { white-space: nowrap; padding: 10px 12px; border-radius: 999px; text-decoration: none; font-size: 0.9875rem; font-weight: 600; color: var(--yazi); transition: background-color var(--hiz) var(--yay); }
  .ada__menu a:hover { background: var(--yuzey-2); }
  .ada__menu a[aria-current] { color: var(--wa-koyu); }
  .ada__tel { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; font-weight: 700; font-size: 0.9875rem; min-height: 44px; white-space: nowrap; }
}

/* Mobil menü (<details>: JS olmadan da çalışır) */
.mmenu { flex: none; }
.mmenu summary { list-style: none; display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 18px 0 16px; border-radius: 999px; background: var(--yazi); color: #fff; font-weight: 700; cursor: pointer; user-select: none; }
.mmenu summary::-webkit-details-marker { display: none; }
.mmenu summary:active { transform: scale(0.97); }
.mmenu__ikon { position: relative; width: 18px; height: 14px; display: inline-block; }
.mmenu__ikon i { position: absolute; left: 0; width: 18px; height: 2px; border-radius: 2px; background: currentColor; transition: transform var(--hiz) var(--yay), opacity var(--hiz) var(--yay); }
.mmenu__ikon i:nth-child(1) { top: 0; }
.mmenu__ikon i:nth-child(2) { top: 6px; }
.mmenu__ikon i:nth-child(3) { top: 12px; }
.mmenu[open] .mmenu__ikon i:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.mmenu[open] .mmenu__ikon i:nth-child(2) { opacity: 0; }
.mmenu[open] .mmenu__ikon i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.mmenu__panel { position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 50; display: grid; gap: 2px; padding: 8px; border-radius: var(--r-kart); background: #fff; box-shadow: var(--golge-yuksek), 0 0 0 1px var(--cizgi); max-height: calc(100dvh - 100px); overflow-y: auto; }
.mmenu[open] .mmenu__panel { animation: mmenu-ac 260ms var(--yay); }
@keyframes mmenu-ac { from { opacity: 0; transform: translateY(-6px); } }
.mmenu__panel > a { display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 16px; border-radius: 12px; text-decoration: none; font-weight: 700; font-size: 1.0625rem; }
.mmenu__panel > a svg { color: var(--yazi-3); }
.mmenu__panel > a:hover, .mmenu__panel > a[aria-current] { background: var(--yuzey-2); }
.mmenu__iletisim { display: grid; gap: 8px; margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--cizgi); }
.mmenu__iletisim a { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; border-radius: 999px; text-decoration: none; font-weight: 700; }
.mmenu__wa { background: var(--wa); color: #fff; }
.mmenu__tel { background: #fff; color: var(--yazi); box-shadow: inset 0 0 0 1.5px var(--yazi); }
@media (min-width: 76em) { .mmenu { display: none; } }

/* Kahraman: solda metin, sağda kenara taşan fotoğraf */
.kahraman { display: grid; background: var(--yuzey-2); border-bottom: 1px solid var(--cizgi); }
.kahraman__metin { padding: 40px var(--bosluk) 32px; }
.kahraman h1 { max-width: 22ch; font-size: clamp(2rem, 1.4rem + 1.9vw, 2.875rem); }
.kahraman__eylem { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 16px; }
.kahraman__eylem--dikey { flex-direction: column; align-items: stretch; max-width: 420px; }
.kahraman__not { font-size: 0.9375rem; color: var(--yazi-2); margin: 0; }
.kahraman__not a { color: var(--wa-koyu); font-weight: 700; }
.kahraman__gorsel { position: relative; margin: 0; min-height: 260px; }
.kahraman__gorsel img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 60%; aspect-ratio: 4 / 3; }
.kahraman__gorsel figcaption { position: absolute; right: 12px; bottom: 10px; padding: 3px 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.85); font-size: 0.75rem; color: var(--yazi-2); }
@media (max-width: 34em) { .kahraman__eylem .hap { flex: 1 1 100%; } }
@media (min-width: 56em) {
  .kahraman { grid-template-columns: 1fr 1fr; min-height: 520px; }
  .kahraman__metin { align-self: center; padding: 56px 48px 56px max(var(--bosluk), calc((100vw - var(--kap)) / 2 + var(--bosluk))); }
  .kahraman__gorsel img { aspect-ratio: auto; position: absolute; inset: 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%); mask-image: linear-gradient(90deg, transparent, #000 14%); }
}

/* Ürün kartları (görsel + ad) */
.urun-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
@media (min-width: 48em) { .urun-izgara { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 70em) { .urun-izgara { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.urun-kart { display: flex; flex-direction: column; gap: 6px; padding: 16px 16px 18px; border-radius: var(--r-kart); background: var(--yuzey-2); border: 1px solid var(--cizgi); text-decoration: none; transition: border-color var(--hiz) var(--yay), box-shadow var(--hiz) var(--yay), transform var(--hiz) var(--yay); }
@media (hover: hover) { .urun-kart:hover { border-color: var(--cizgi-2); box-shadow: var(--golge-yuksek); transform: translateY(-2px); } .urun-kart:hover .urun-kart__cta svg { transform: translateX(3px); } }
.urun-kart__resim { display: grid; place-items: center; aspect-ratio: 4 / 3; margin-bottom: 6px; border-radius: 12px; background: #fff; overflow: hidden; }
.urun-kart__resim img { width: 72%; height: 100%; object-fit: contain; }
.urun-kart__ad { font-weight: 800; font-size: 1.125rem; letter-spacing: -0.01em; text-align: center; }
.urun-kart__metin { display: none; }
.urun-kart__cta { display: none; align-items: center; justify-content: center; gap: 6px; font-weight: 700; font-size: 0.875rem; color: var(--wa-koyu); text-align: center; }
.urun-kart__cta svg { flex: none; transition: transform var(--hiz) var(--yay); }
@media (min-width: 48em) { .urun-kart__cta { display: inline-flex; } .urun-kart__metin { display: block; color: var(--yazi-2); font-size: 0.9375rem; text-align: center; flex: 1; } }
.not-satir { margin-top: 20px; font-size: 0.9375rem; color: var(--yazi-2); font-weight: 600; }

/* Süreç */
.adimlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 48em) { .adimlar { grid-template-columns: repeat(3, 1fr); gap: 20px; } }
.adimlar li { display: flex; flex-direction: column; gap: 6px; padding: 24px; border-radius: var(--r-kart); border: 1px solid var(--cizgi); background: #fff; }
.adimlar__no { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--wa-acik); color: var(--wa-koyu); font-weight: 800; margin-bottom: 8px; }
.adimlar b { font-size: 1.125rem; line-height: 1.3; }
.adimlar span:last-child { color: var(--yazi-2); }

/* İki kolon ve kontrol listesi */
.iki-kolon { display: grid; gap: 28px; align-items: start; }
@media (min-width: 56em) { .iki-kolon { grid-template-columns: 1fr 1fr; gap: 56px; } }
.kontrol-liste { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 12px; }
.iki-kolon .kontrol-liste { grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); padding: 24px; border-radius: var(--r-kart); background: var(--yuzey-2); }
.kontrol-liste li { position: relative; padding-left: 30px; }
.kontrol-liste li::before { content: ''; position: absolute; left: 0; top: 0.18em; width: 20px; height: 20px; border-radius: 50%; background: var(--wa-acik) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d6c33' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat; }
.kontrol-liste--kucuk { font-size: 0.9375rem; }

/* Şehirler ve ilçeler */
.sehirler { display: grid; gap: 16px; }
@media (min-width: 56em) { .sehirler { grid-template-columns: 1fr 1fr; gap: 20px; } }
.sehir { padding: 28px; border-radius: var(--r-kart); border: 1px solid var(--cizgi); background: #fff; }
.sehir h2, .sehir h3 { font-size: 1.375rem; }
.sehir p { color: var(--yazi-2); }
.ilceler { list-style: none; margin: 16px 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ilceler a, .ilceler > li:not(:has(a)) { display: inline-flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 999px; background: var(--yuzey-2); text-decoration: none; font-size: 0.9375rem; font-weight: 600; }
.ilceler a { box-shadow: inset 0 0 0 1px var(--cizgi); }
.ilceler a:hover { background: var(--wa-acik); box-shadow: inset 0 0 0 1px var(--wa); }

/* Güven */
.guven-kutu { display: grid; gap: 24px; padding: 28px; border-radius: var(--r-kart); background: var(--yuzey-2); }
@media (min-width: 56em) { .guven-kutu { grid-template-columns: 1fr 1fr; padding: 44px; gap: 48px; align-items: center; } }
.guven-kutu p { color: var(--yazi-2); }
.guven-bilgi { display: grid; gap: 10px; margin: 0; }
.guven-bilgi div { padding: 14px 18px; border-radius: 12px; background: #fff; border: 1px solid var(--cizgi); }
.guven-bilgi dt { display: flex; align-items: center; gap: 8px; font-size: 0.875rem; color: var(--yazi-2); font-weight: 600; }
.guven-bilgi dd { margin: 4px 0 0; font-weight: 700; }
.guven-bilgi a { color: var(--yazi); }
.guven-bilgi--tek { margin-top: 24px; }

/* Metin sayfaları, SSS */
.metin { max-width: 820px; }
.metin p { color: var(--yazi-2); }
.metin h2 { margin-top: 1.6em; }
.metin .kontrol-liste li { color: var(--yazi); }
.sss { border-bottom: 1px solid var(--cizgi); }
.sss summary { cursor: pointer; padding: 18px 0; font-weight: 700; font-size: 1.0625rem; min-height: 44px; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: '+'; font-size: 1.5rem; line-height: 1; color: var(--wa-koyu); transition: transform var(--hiz) var(--yay); }
.sss[open] summary::after { transform: rotate(45deg); }
.sss p { margin: 0 0 18px; }
.ilgili { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ilgili a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--cizgi-2); text-decoration: none; font-size: 0.9375rem; font-weight: 600; color: var(--yazi); }
.ilgili a:hover { box-shadow: inset 0 0 0 1.5px var(--yazi); }
.kirinti { font-size: 0.875rem; color: var(--yazi-3); margin-bottom: 16px; }
.kirinti a { color: var(--yazi-2); }

/* Ürün sayfası üstü */
.urun-ust { padding-bottom: 24px; }
.urun-ust__ic { display: grid; gap: 28px; align-items: start; }
@media (min-width: 56em) { .urun-ust__ic { grid-template-columns: 1.4fr 0.8fr; gap: 56px; } }
.urun-ust h1 { max-width: 22ch; }
.ozet-kutu { padding: 24px; border-radius: var(--r-kart); background: var(--yuzey-2); }
@media (min-width: 56em) { .ozet-kutu { position: sticky; top: 96px; margin-top: 40px; } }
.ozet-kutu__baslik { font-weight: 800; font-size: 1.0625rem; }

/* Sayfa sonu iletişim */
.son-cta { display: grid; gap: 24px; padding: 32px 24px; border-radius: var(--r-kart); background: var(--yazi); color: #d6dee5; }
@media (min-width: 56em) { .son-cta { grid-template-columns: 1.2fr 1fr; padding: 48px; gap: 48px; align-items: center; } }
.son-cta h2 { color: #fff; }
.son-cta p { margin: 0; }
.son-cta__eylem { display: flex; flex-direction: column; gap: 10px; }
.son-cta__eylem .hap { white-space: normal; text-align: center; }
.son-cta__form { display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: #fff; font-weight: 700; font-size: 0.9375rem; padding: 8px 4px; }

/* Uyarılar ve etiketler */
.uyari { padding: 14px 16px; border-radius: 12px; background: #fdecea; color: #7a1d16; margin-bottom: 16px; }
.uyari--bilgi { background: #fff6e0; color: #6b4300; }
.uyari--basari { background: #e9f6ee; color: var(--basari); }
.etiket { display: inline-block; padding: 4px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; background: var(--yuzey-3); color: var(--yazi); }
.etiket--duz { position: static; }
.bos { padding: 40px 24px; border-radius: var(--r-kart); background: var(--yuzey-2); text-align: center; color: var(--yazi-2); }
.cipler { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.cip { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--cizgi-2); text-decoration: none; font-size: 0.9375rem; font-weight: 600; }
.cip--aktif { background: var(--yazi); color: #fff; box-shadow: none; }

/* Form */
.form { display: grid; gap: 18px; }
.form label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; font-weight: 700; font-size: 1rem; }
.form label .muted { font-weight: 500; }
.form input:not([type=file]), .form select, .form textarea { font: inherit; font-weight: 500; width: 100%; min-height: 52px; padding: 12px 16px; border: 1.5px solid var(--cizgi-2); border-radius: var(--r-alan); background: #fff; color: var(--yazi); transition: border-color var(--hiz) var(--yay), box-shadow var(--hiz) var(--yay); }
.form input::placeholder, .form textarea::placeholder { color: #75828e; }
.form textarea { resize: vertical; }
.form input:focus, .form select:focus, .form textarea:focus { outline: none; border-color: var(--wa); box-shadow: 0 0 0 3px var(--wa-acik); }
.form__hata { margin: 0; padding: 12px 16px; border-radius: var(--r-alan); background: #fdecea; color: #7a1d16; font-weight: 700; }
.form__ikili { display: grid; gap: 18px; }
@media (min-width: 40em) { .form__ikili { grid-template-columns: 1fr 1fr; } }
.form__eylem { display: flex; gap: 10px; flex-wrap: wrap; }
.form .btn { justify-self: start; }
.form-duzen { display: grid; gap: 32px; align-items: start; }
@media (min-width: 60em) { .form-duzen { grid-template-columns: 0.9fr 1.1fr; gap: 56px; } .form-duzen__metin { position: sticky; top: 96px; } }
#basvuru-form { padding: 22px; border-radius: var(--r-kart); border: 1px solid var(--cizgi); background: #fff; box-shadow: var(--golge-yuksek); }
@media (min-width: 48em) { #basvuru-form { padding: 36px; } }
.form__baslik { font-size: 1.5rem; margin: 0; }
.form__grup { border: 0; margin: 0; padding: 0; min-width: 0; }
.form__grup legend { font-weight: 700; margin-bottom: 8px; padding: 0; }
.secenekler { display: flex; flex-wrap: wrap; gap: 8px; }
.secenek { position: relative; }
.secenek input { position: absolute; opacity: 0; inset: 0; margin: 0; }
.secenek span { display: inline-flex; align-items: center; min-height: 46px; padding: 0 18px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--cizgi-2); font-weight: 600; cursor: pointer; transition: background-color var(--hiz) var(--yay), box-shadow var(--hiz) var(--yay), color var(--hiz) var(--yay); }
.secenek input:checked + span { background: var(--yazi); color: #fff; box-shadow: none; }
.secenek input:focus-visible + span { outline: 3px solid var(--wa); outline-offset: 2px; }
.form [aria-invalid='true'], .form fieldset:has([aria-invalid='true']) .secenek span { border-color: var(--tehlike) !important; box-shadow: inset 0 0 0 2px var(--tehlike) !important; }
.ek { display: grid; gap: 16px; padding: 18px; border-radius: var(--r-alan); background: var(--yuzey-2); }
.ek[hidden] { display: none; }
.form__ipucu { margin-top: -10px; }
.foto-alan input[type=file] { width: 100%; padding: 14px; border-radius: var(--r-alan); background: var(--yuzey-2); border: 1.5px dashed var(--cizgi-2); font: inherit; font-weight: 500; }
.foto-onizleme { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.foto-onizleme:empty { display: none; }
.foto-onizleme li { display: grid; gap: 6px; justify-items: start; }
.foto-onizleme img { width: 72px; height: 72px; object-fit: cover; border-radius: 12px; }
.form__detay { border-radius: var(--r-alan); border: 1px solid var(--cizgi); }
.form__detay summary { cursor: pointer; padding: 14px 16px; font-weight: 700; min-height: 44px; }
.form__detay-ic { display: grid; gap: 16px; padding: 4px 16px 16px; }
.basari { padding: 24px; border-radius: var(--r-alan); background: #e9f6ee; color: var(--basari); }
.basari h2 { color: var(--basari); }

/* Alt bilgi */
.alt { margin-top: 56px; background: var(--yazi); color: #b9c4ce; }
.alt__ic { display: grid; gap: 32px; padding-block: 56px 32px; }
@media (min-width: 48em) { .alt__ic { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; } }
.alt__marka { margin-bottom: 14px; } .alt__marka .logo__svg { height: 44px; }
.alt__baslik { color: #fff; font-weight: 700; margin-bottom: 14px; }
.alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 0.9375rem; }
.alt ul a { display: inline-flex; gap: 8px; align-items: flex-start; color: #dbe3ea; text-decoration: none; }
.alt ul a:hover { color: #fff; text-decoration: underline; }
.alt ul svg { flex: none; margin-top: 4px; }
.alt__not { font-size: 0.875rem; color: #9aa7b3; }
.alt__telif { margin: 0; padding-block: 20px 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.875rem; color: #9aa7b3; }

/* Mobil alt bar */
.mobil-bar { position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom)); z-index: 45; display: grid; grid-template-columns: 1fr 1.6fr; gap: 6px; padding: 6px; border-radius: 20px; background: #fff; box-shadow: var(--golge-yuksek), 0 0 0 1px var(--cizgi); }
.mobil-bar a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 54px; border-radius: 15px; text-decoration: none; font-size: 0.8125rem; font-weight: 700; }
.mobil-bar a:first-child { box-shadow: inset 0 0 0 1.5px var(--yazi); }
.mobil-bar__wa { background: var(--wa); color: #fff; }
@media (min-width: 56em) { .mobil-bar { display: none; } }

/* Kaydırınca belirme: içerik varsayılan görünür, yalnız JS varken hafif yükselme */
.js [data-belir] { opacity: 0; transform: translateY(16px); transition: opacity 600ms var(--yay), transform 600ms var(--yay); transition-delay: var(--gecikme, 0ms); }
.js [data-belir].gorundu { opacity: 1; transform: none; }

/* Yönetim paneli */
.yonetim { padding-bottom: 0; }
.yonetim .ust { position: static; }
.yonetim__ust { display: flex; align-items: center; justify-content: space-between; min-height: 64px; }
.yonetim__ust nav { display: flex; gap: 16px; font-weight: 600; }
.basvurular { display: grid; gap: 14px; }
.basvuru { padding: 18px; border-radius: var(--r-kart); background: #fff; border: 1px solid var(--cizgi); }
.basvuru--yeni { border: 2px solid var(--wa); }
.basvuru--kapandi { opacity: 0.6; }
.basvuru__ust { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.basvuru__bilgi { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 16px; margin: 0 0 12px; font-size: 0.9375rem; }
.basvuru__bilgi dt { font-size: 0.8125rem; color: var(--yazi-2); font-weight: 700; }
.basvuru__bilgi dd { margin: 0; }
.basvuru__foto { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.basvuru__foto img { width: 96px; height: 96px; object-fit: cover; border-radius: 12px; }
.basvuru__eylem { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.basvuru__eylem form { margin: 0; }
.basvuru__eylem select { min-height: 42px; border-radius: 999px; padding: 0 12px; font: inherit; border: 1.5px solid var(--cizgi-2); background: #fff; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
  .js [data-belir] { opacity: 1; transform: none; }
}
.alt__kardes { color: #d7b56d; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; } .alt__kardes:hover { color: #fff; }