.sap-wrap {
        max-width: 820px; /* Formun maksimum genişliğini belirler */
        margin: 24px auto; /* Sayfanın ortasında hizalar ve dikey boşluk bırakır */
        padding: 20px; /* İçerik ile kenarlar arasına iç boşluk ekler */
        border: 1px solid #e6e6e6; /* Kutunun etrafına açık gri bir çerçeve çizer */
        border-radius: 14px; /* Köşeleri yuvarlatır */
        background: s#ffffff; /* Arka planı beyaz yapar */
        box-shadow: 0 4px 16px rgba(0,0,0,.04); /* Hafif gölge efekti verir */
        font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif; /* Yazı tipini belirler */
      }

      .sap-row {
        display: grid; /* Alanları grid düzenine göre hizalar */
        grid-template-columns: 1fr 1fr; /* İki eşit sütun oluşturur */
        column-gap: 16px; /* Sütunlar arasındaki boşluk */
        row-gap: 24px;    /* Satırlar arasındaki boşluk */
        margin-bottom: 24px; /* satırlar arası boşluk oluşturur */
      }

      .sap-row.single {
        grid-template-columns: 1fr; /* Tek sütun düzeni (örneğin mobilde) */
      }

      .sap-field {
        display: flex; /* Alanları dikeyde hizalar */
        flex-direction: column; /* Etiket ve input’un alt alta gelmesini sağlar */
        gap: 16px; /* Etiket ve input arasında dikey boşluk bırakır */
      }

      .sap-field label {
        font-weight: 600; /* Etiket yazısını kalın yapar */
        font-size: 15px; /* Etiket yazı boyutunu ayarlar */
      }

      .sap-field input,
      .sap-field select {
        padding: 10px 12px; /* Input alanı içine iç boşluk ekler */
        border: 1px solid #d7d7d7; /* Gri kenarlık ekler */
        border-radius: 10px; /* Kenarları yuvarlatır */
        font-size: 14px; /* Giriş yazısının boyutunu belirler */
      }

      .sap-note {
        font-size: 12px; /* Açıklama yazılarını küçük yapar */
        color: #666; /* Açıklama yazısının rengini gri yapar */
        margin-top: 6px; /* Üstte biraz boşluk bırakır */
      }

      .sap-actions {
        margin-top: 16px; /* Butonların üstünde boşluk bırakır */
        display: flex; /* Butonları yatayda hizalar */
        gap: 10px; /* Butonlar arasında boşluk bırakır */
        flex-wrap: wrap; /* Küçük ekranlarda alt satıra geçmesine izin verir */
      }

      .sap-btn {
        appearance: none; /* Varsayılan buton stilini kaldırır */
        border: none; /* Kenarlığı kaldırır */
        border-radius: 999px; /* Tam yuvarlak buton kenarı yapar */
        padding: 10px 16px; /* Buton içine iç boşluk ekler */
        cursor: pointer; /* Üzerine gelindiğinde fare imlecini el yapar */
        font-weight: 600; /* Buton yazısını kalın yapar */
      }

      .sap-btn.primary {
        background: #003764; /* Ana butonun arka plan rengini belirler */
        color: #fff; /* Yazı rengini beyaz yapar */
      }

      .sap-btn.ghost {
        background: #f5f5f5; /* İkincil butonun arka plan rengini açık gri yapar */
      }

      .sap-results {
        margin-top: 20px; /* Sonuç alanının üstünde boşluk bırakır */
        border-top: 1px dashed #ddd; /* Sonuç alanının üstüne kesik çizgi çizer */
        padding-top: 16px; /* Sonuçlar ile çizgi arasına iç boşluk ekler */
      }

      .sap-results h3 {
        margin: 0 0 16px 0; /* Başlık ile altındaki içerik arasında boşluk bırakır */
      }

      .sap-grid {
        display: grid; /* Sonuç kartlarını grid düzeninde dizer */
        grid-template-columns: 1fr 1fr; /* İki sütun halinde sonuç gösterir */
        gap: 10px; /* Kartlar arasında boşluk bırakır */
      }

      .sap-card {
        background: #fafafa; /* Kartların arka plan rengini açık gri yapar */
        border: 1px solid #eee; /* İnce kenarlık çizer */
        padding: 12px; /* İçerikle kenar arası boşluk bırakır */
        border-radius: 12px; /* Köşeleri yuvarlatır */
      }

      .sap-card strong {
        display: block; /* Sonuç başlığını blok olarak gösterir */
        font-size: 15px; /* Başlık boyutunu ayarlar */
        margin-bottom: 4px; /* Başlık ile değer arasında boşluk bırakır */
      }

      .sap-warn {
        background: #fff7e6; /* Uyarı alanının arka plan rengini açık sarı yapar */
        border: 1px solid #ffe58f; /* Uyarı alanı için sarı kenarlık çizer */
        padding: 10px; /* İç boşluk ekler */
        border-radius: 10px; /* Köşeleri yuvarlatır */
        margin-top: 10px; /* Üstte boşluk bırakır */
        font-size: 13px; /* Yazı boyutunu ayarlar */
      }

      @media (max-width: 720px) {
        .sap-row {
          grid-template-columns: 1fr; /* Küçük ekranlarda tek sütuna düşer */
        }
        .sap-grid {
          grid-template-columns: 1fr; /* Sonuç kartları tek sütun olur */
        }
      }