/* PratikGast tanıtım sitesi: randevu ve bilgi talebi sayfası (form açıkken form, kapalıyken telefon ve e-posta kartları). */

.talep { padding: 72px 0 104px; background: radial-gradient(50% 50% at 95% 0%, rgba(16, 185, 129, .08), transparent 70%), var(--zemin); }
.talep__izgara { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: 72px; align-items: start; }
.talep h1 { font-size: 46px; font-weight: 680; letter-spacing: -.03em; }
.talep__giris { max-width: 640px; margin-top: 16px; font-size: 19px; color: var(--metin-2); }
.talep__yan { position: sticky; top: calc(var(--ust-boy, 76px) + 32px); padding: 30px 30px 28px; border: 1px solid var(--cizgi); border-radius: 22px; background: var(--yuzey); box-shadow: var(--golge-2); }
.talep__yan-baslik { font-size: 21px; font-weight: 650; }
.talep__yan > p { margin-top: 12px; font-size: 16px; color: var(--metin-2); }
.talep__degerler { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
.talep__kvkk { margin-top: 22px; font-size: 14.5px; color: var(--metin-3); }

/* Kapalı form: iletişim kartları */
.talep-kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 36px; }
.talep-kart { display: grid; gap: 4px; padding: 28px 26px 26px; border: 1px solid var(--cizgi); border-radius: 22px; background: var(--yuzey); color: var(--metin); text-decoration: none; box-shadow: var(--golge-2); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.talep-kart:hover { border-color: var(--cizgi-yesil); color: var(--metin); transform: translateY(-2px); box-shadow: var(--golge-3); }
.talep-kart .ikon-kutu { margin-bottom: 14px; }
.talep-kart__ad { font-family: var(--yazi-baslik); font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--metin-3); }
.talep-kart__deger { font-family: var(--yazi-baslik); font-size: 24px; font-weight: 650; letter-spacing: -.015em; color: var(--yesil); overflow-wrap: anywhere; }
.talep-kart__not { margin-top: 4px; font-size: 15.5px; color: var(--metin-2); }

/* Form */
.talep-form { display: grid; gap: 22px; margin-top: 32px; }
.alan { min-width: 0; margin: 0; padding: 0; border: 0; }
.alan__etiket { display: block; margin-bottom: 8px; padding: 0; font-family: var(--yazi-baslik); font-size: 15px; font-weight: 600; color: var(--metin); }
.alan__zorunlu { font-family: var(--yazi-govde); font-weight: 500; color: var(--metin-3); }
.alan__ipucu { margin-top: 6px; font-size: 14px; color: var(--metin-3); }
.alan__hata { margin-bottom: 6px; font-size: 14px; color: #9A3412; }
.alan-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.alan-uclu { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.giris-alani { display: block; width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid var(--cizgi-2); border-radius: 12px; background: var(--yuzey); font-size: 16px; color: var(--metin); transition: border-color .15s ease, box-shadow .15s ease; }
textarea.giris-alani { min-height: 132px; resize: vertical; line-height: 1.5; }
.giris-alani:focus { outline: none; border-color: var(--yesil); box-shadow: 0 0 0 4px rgba(4, 120, 87, .16); }
.giris-alani[aria-invalid="true"] { border-color: #C2410C; }
.secim { position: relative; }
.secim select { appearance: none; -webkit-appearance: none; padding-right: 42px; cursor: pointer; }
.secim::after { content: ""; position: absolute; top: 50%; right: 16px; width: 9px; height: 9px; border-right: 2px solid var(--metin-3); border-bottom: 2px solid var(--metin-3); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.kartlar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.kart { position: relative; display: flex; gap: 12px; padding: 18px; border: 1.5px solid var(--cizgi-2); border-radius: 16px; background: var(--yuzey); cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.kart input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--yesil); }
.kart:has(input:checked) { border-color: var(--yesil); background: var(--zemin-3); }
.kart__metin { display: grid; gap: 4px; }
.kart__baslik { font-family: var(--yazi-baslik); font-size: 16px; font-weight: 600; }
.kart__aciklama { font-size: 14.5px; line-height: 1.45; color: var(--metin-2); }
.alan-grubu { display: grid; gap: 18px; margin: 0; padding: 22px; border: 1px solid var(--cizgi); border-radius: 18px; background: rgba(246, 241, 232, .55); }
.alan-grubu__baslik { padding: 0 6px; font-family: var(--yazi-baslik); font-size: 16px; font-weight: 650; }
.alan--kisa { max-width: 280px; }
.saatler { display: flex; flex-wrap: wrap; gap: 10px; }
.saat { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 14px; border: 1.5px solid var(--cizgi-2); border-radius: 999px; background: var(--yuzey); font-size: 15px; cursor: pointer; }
.saat input { margin: 0; accent-color: var(--yesil); }
.saat:has(input:checked) { border-color: var(--yesil); background: var(--zemin-3); }
.saat__aralik { color: var(--metin-3); }
.onay { display: flex; align-items: flex-start; gap: 12px; font-size: 15.5px; line-height: 1.5; }
.onay input { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--yesil); }
.talep-dogrulama { display: grid; place-items: center; min-height: 68px; border: 1px dashed var(--cizgi-2); border-radius: 12px; }
.talep-dogrulama__yer { font-size: 14px; color: var(--metin-3); }
.tuzak { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.talep-gonder { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.talep-durum:empty { display: none; }
.talep-durum { font-size: 15px; color: var(--metin-2); }
.talep-uyari { margin-top: 24px; padding: 16px 18px; border: 1px solid var(--safran-cizgi); border-radius: 14px; background: var(--safran-acik); font-size: 15.5px; }
.talep-uyari__baslik { font-family: var(--yazi-baslik); font-weight: 650; color: var(--safran-metin); }
.talep-sonuc { margin-top: 32px; padding: 30px; border: 1px solid var(--cizgi-yesil); border-radius: 22px; background: var(--zemin-3); }
.talep-sonuc__baslik { font-size: 26px; }
.talep-sonuc__metin { margin-top: 8px; color: var(--metin-2); }
.talep-sonuc__bilgi { margin: 20px 0; }
.talep-sonuc__not { margin-bottom: 20px; font-size: 15.5px; color: var(--metin-2); }
.takip-no { font-family: var(--yazi-baslik); font-weight: 650; letter-spacing: .04em; }

/* Telefon */
.talep--telefon { padding: 36px 0 64px; }
.talep--telefon h1 { font-size: 32px; }
.talep--telefon .talep__giris { font-size: 17px; }
.talep--telefon .talep-kartlar, .talep--telefon .alan-ikili, .talep--telefon .alan-uclu, .talep--telefon .kartlar { grid-template-columns: minmax(0, 1fr); }
.talep--telefon .talep-kartlar { margin-top: 26px; gap: 14px; }
.talep--telefon .talep-kart { padding: 22px 20px; }
.talep--telefon .talep-kart__deger { font-size: 22px; }
.talep--telefon .talep__yan { position: static; margin-top: 36px; padding: 24px 20px; }
.talep--telefon .alan--kisa { max-width: none; }
.talep--telefon .alan-grubu { padding: 18px 16px; }
.talep--telefon .talep-gonder .dugme { width: 100%; }

@media (max-width: 1080px) {
  .talep--masaustu .talep__izgara { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .talep--masaustu .talep__yan { position: static; }
}
@media (max-width: 760px) {
  .talep--masaustu .talep-kartlar, .talep--masaustu .alan-ikili, .talep--masaustu .alan-uclu, .talep--masaustu .kartlar { grid-template-columns: minmax(0, 1fr); }
}