.bul__yardim { display: flex; flex-wrap: wrap; gap: 10px; }
.yardim-btn {
  display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 16px 0 13px; border-radius: 8px; cursor: pointer;
  background: transparent; border: 1px solid rgba(255, 255, 255, .2); color: #fff; font-size: 13.5px; font-weight: 700;
  transition: background var(--gecis), border-color var(--gecis);
}
.yardim-btn:hover { background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .42); }
.yardim-btn svg { width: 17px; height: 17px; color: #FF7A86; }

.bul { position: relative; z-index: 2; margin-top: -84px; padding-bottom: 80px; }
.bul__kart { display: grid; grid-template-columns: minmax(0, 1fr) 330px; }
.bul__kart.gonderildi { grid-template-columns: minmax(0, 1fr); }
.bul__kart.gonderildi .bul__yan { display: none; }
.bul__form-alan { min-width: 0; padding: 40px 38px 34px; }
.bul__bas { margin-bottom: 30px; }

.bul__blok { border: 0; margin: 0; padding: 0; min-width: 0; }
.bul__blok + .bul__blok { margin-top: 22px; }
.bul__blok legend { float: left; width: 100%; display: flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 0; font-size: 16.5px; font-weight: 800; letter-spacing: -.01em; color: var(--yazi); }
.bul__blok legend + * { clear: both; }
.bul__blok legend span { font-size: 12px; font-weight: 800; letter-spacing: .06em; color: var(--kirmizi); font-variant-numeric: tabular-nums; }
.bul__blok legend i { flex: 1; height: 1px; background: var(--cizgi); }
.basvuru .bul .alanlar--3 { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }

.tramer {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px 20px;
  margin: 4px 0 14px; padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: 12px; background: #FAFBFC;
}
.tramer__bas .alan-etiket { display: block; margin: 0; font-size: 14.5px; font-weight: 800; color: var(--yazi); }
.tramer__bas .ipucu { margin-top: 3px; font-size: 13px; color: var(--soluk); }
.tramer .acilir { grid-column: 1 / -1; }
.tramer .acilir .alan-grup { max-width: 380px; margin-bottom: 0; }
.secenek { position: relative; margin: 0; }
.secenek input { position: absolute; opacity: 0; width: 0; height: 0; }
.secenek span {
  display: inline-flex; align-items: center; cursor: pointer; font-weight: 800; color: var(--kirmizi); background: #fff;
  transition: background .25s, color .25s;
}
.secenek:hover input:not(:checked) + span { background: var(--kirmizi-acik); }
.secenek input:checked + span { background: var(--kirmizi); color: #fff; }
.secenek input:focus-visible + span { outline: 2px solid var(--yazi); outline-offset: -4px; }
.acilir { animation: acil .25s var(--yay); }
@keyframes acil { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.onaylar { display: grid; gap: 12px; margin: 22px 0 4px; padding: 18px 20px; border: 1px solid var(--cizgi); border-radius: 12px; }
.onaylar + .robot-kutu { margin-top: 16px; }
.onay { position: relative; display: flex; align-items: flex-start; gap: 12px; font-size: 14px; line-height: 1.6; color: var(--yazi-2); cursor: pointer; }
.onay input { position: absolute; opacity: 0; width: 20px; height: 20px; margin: 0; cursor: pointer; }
.onay__kutu {
  display: grid; place-items: center; flex: none; width: 20px; height: 20px; margin-top: 2px; border-radius: 5px;
  border: 1.5px solid #C3CAD4; background: #fff; color: #fff; transition: background .2s, border-color .2s;
}
.onay__kutu svg { width: 12px; height: 12px; opacity: 0; transform: scale(.5); transition: opacity .2s, transform .2s var(--yay); }
.onay:hover .onay__kutu { border-color: var(--yazi-2); }
.onay input:checked + .onay__kutu { background: var(--kirmizi); border-color: var(--kirmizi); }
.onay input:checked + .onay__kutu svg { opacity: 1; transform: none; }
.onay input:focus-visible + .onay__kutu { outline: 2px solid var(--gece); outline-offset: 2px; }
.onay__bag {
  padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-weight: 700; color: var(--yazi);
  text-decoration: underline; text-decoration-color: rgba(190, 2, 19, .45); text-underline-offset: 3px; text-decoration-thickness: 1.5px;
}
.onay__bag:hover, .onay__bag:focus-visible { color: var(--kirmizi); }

.bul__sonuc { margin: 16px 0 0; padding: 13px 16px; border-radius: 10px; font-size: 14px; line-height: 1.55; font-weight: 600; }
.bul__sonuc--tamam { background: var(--yesil-zemin); color: var(--yesil-yazi); border: 1px solid var(--yesil); }
.bul__sonuc--uyari { background: #FFF7F8; color: var(--kirmizi); border: 1px solid rgba(190, 2, 19, .4); }
.bul__aksiyon { margin-top: 22px; }
.bul__aksiyon .aksiyon__not { display: inline-flex; align-items: center; gap: 9px; margin-right: auto; font-size: 13.5px; color: var(--soluk); }
.bul__aksiyon .aksiyon__not svg { width: 16px; height: 16px; flex: none; color: var(--silik); }

.bul__yan { border-radius: 0 18px 18px 0; }
.bul__yan-ic { position: sticky; top: calc(var(--bas-h) + 18px); padding: 36px 30px 30px; }
.yan-adimlar { margin-top: 20px; border-top: 1px solid rgba(255, 255, 255, .1); }
.yan-adimlar li { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; padding: 14px 0; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.yan-adimlar span { padding-top: 2px; font-size: 11.5px; font-weight: 800; letter-spacing: .06em; color: #FF6B78; font-variant-numeric: tabular-nums; }
.yan-adimlar b { display: block; font-size: 14px; font-weight: 700; color: #fff; }
.yan-adimlar small { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.5; color: rgba(255, 255, 255, .55); }
.yan-iletisim { margin-top: 24px; padding: 20px; border: 1px solid rgba(255, 255, 255, .1); border-radius: 12px; background: rgba(255, 255, 255, .03); }
.yan-iletisim > b { display: block; font-size: 15px; color: #fff; }
.yan-iletisim p { margin: 6px 0 16px; font-size: 13px; line-height: 1.55; color: rgba(255, 255, 255, .6); }
.yan-iletisim .btn { width: 100%; height: 48px; gap: 10px; font-size: 14.5px; }
.yan-iletisim__tel { display: block; margin-top: 12px; text-align: center; font-size: 13.5px; color: rgba(255, 255, 255, .6); transition: color var(--gecis); }
.yan-iletisim__tel b { color: #fff; }
.yan-iletisim__tel:hover, .yan-iletisim__tel:hover b { color: #FF8A95; }
.yan-not { display: flex; gap: 10px; margin-top: 20px; font-size: 12.5px; line-height: 1.55; color: rgba(255, 255, 255, .5); }
.yan-not svg { width: 15px; height: 15px; flex: none; margin-top: 2px; color: rgba(255, 255, 255, .4); }

.kutu__taslak { padding: 10px 14px; border-radius: 10px; background: #FFF7E6; color: #8A5A00; font-weight: 700; }

.basarili { animation: panelGir .45s var(--yay); }
.basarili__aksiyon { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; padding-top: 22px; border-top: 1px solid var(--cizgi); }
@keyframes panelGir { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }

@media (max-width: 980px) {
  .bul__kart { grid-template-columns: minmax(0, 1fr); }
  .bul__yan { border-radius: 0 0 14px 14px; }
  .bul__yan-ic { position: static; }
}
@media (max-width: 767px) {
  .bul { margin-top: -80px; }
  .bul__form-alan { padding: 26px 18px 22px; }
  .bul__yan-ic { padding: 26px 20px 24px; }
  .basvuru .bul .alanlar--3 { grid-template-columns: minmax(0, 1fr); }
  .tramer { grid-template-columns: minmax(0, 1fr); padding: 16px 14px; }
  .tramer .acilir .alan-grup { max-width: none; }
  .onaylar { padding: 16px 14px; }
  .basarili__aksiyon { flex-direction: column; }
  .basarili__aksiyon .btn { width: 100%; }
}