.gr { min-height: 100vh; background: var(--zemin); }
.gr__kabuk { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(420px, 1fr); min-height: 100vh; padding: 12px; gap: 12px; }
.gr__gorsel { position: relative; margin: 0; overflow: hidden; border-radius: 22px; background: var(--gumus); }
.gr__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; animation: grYakin 1.6s var(--egri) both; }
.gr__gorsel::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(28, 26, 33, 0) 58%, rgba(28, 26, 33, 0.42) 100%); pointer-events: none; }
.gr__etiket { position: absolute; left: 20px; bottom: 20px; z-index: 1; display: inline-flex; align-items: center; gap: 10px; max-width: calc(100% - 40px); padding: 9px 14px 9px 12px; border-radius: 999px; background: rgba(255, 255, 255, 0.16); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); box-shadow: inset 0 0 0 0.5px rgba(255, 255, 255, 0.35); color: #fff; font-size: 12.5px; line-height: 16px; animation: belirAlt var(--sure-2) 700ms var(--egri) both; }
.gr__etiket b { font-weight: 600; }
.gr__etiket-nokta { width: 6px; height: 6px; border-radius: 50%; background: #d9c6f2; flex: none; }
.gr__form-alani { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 48px 32px 24px; }
.gr__icerik { width: 100%; max-width: 380px; margin: auto 0; animation: belirAlt 420ms 120ms var(--egri) both; }
.gr__marka { display: flex; align-items: center; gap: 8px; margin-bottom: 40px; }
.gr__logo { width: 128px; height: 56px; }
.gr__marka .marka__ai { margin-top: 28px; }
.gr__baslik { font-size: 32px; line-height: 38px; font-weight: 600; letter-spacing: -0.03em; }
.gr__alt { margin-top: 10px; color: var(--metin-2); font-size: 15px; line-height: 22px; }
.gr__hata { margin-top: 20px; }
.gr__form { display: grid; gap: 14px; margin-top: 28px; }
.gr__alan { display: grid; gap: 6px; }
.gr__alan span { color: var(--metin-2); font-size: 12px; font-weight: 500; }
.gr__alan input { width: 100%; height: 46px; padding: 0 14px; font-size: 15px; color: var(--metin); }
.gr__alan input::placeholder { color: var(--metin-3); }
.gr__dugme { width: 100%; height: 48px; margin-top: 6px; font-size: 15px; font-weight: 600; }
.gr__ozellikler { display: grid; gap: 8px; margin: 28px 0 0; padding: 20px 0 0; border-top: 0.5px solid var(--cizgi); list-style: none; color: var(--metin-2); font-size: 13px; }
.gr__ozellikler li { display: flex; align-items: center; gap: 10px; }
.gr__alt-bilgi { color: var(--metin-3); font-size: 12px; }
@keyframes grYakin { from { transform: scale(1.06); opacity: 0.4; } to { transform: none; opacity: 1; } }

@media (max-width: 860px) {
  .gr__kabuk { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; padding: 8px; gap: 0; }
  .gr__gorsel { height: 40vh; min-height: 280px; border-radius: 20px; }
  .gr__gorsel img { object-position: 50% 18%; }
  .gr__etiket { left: 12px; bottom: 12px; font-size: 11.5px; }
  .gr__form-alani { padding: 28px 12px 16px; }
  .gr__marka { margin-bottom: 22px; }
  .gr__logo { width: 104px; height: 46px; }
  .gr__marka .marka__ai { margin-top: 22px; }
  .gr__baslik { font-size: 26px; line-height: 32px; }
  .gr__ozellikler { display: none; }
  .gr__alt-bilgi { margin-top: 24px; }
}