/* adresli · açılır pencereler (ön kayıt, çekim talebi): gölge yok, 2 px köşe, ince çizgi */
.ok { width: min(34rem, calc(100vw - 32px)); max-height: calc(100svh - 32px); padding: 0; border: 1px solid var(--murekkep); border-radius: 2px; background: var(--kagit); color: var(--govde); overflow: auto; }
.ok::backdrop { background: rgba(25, 27, 22, .55); }
.ok form, .ok-tamam { display: grid; gap: 18px; padding: 32px 24px 24px; }
@media (min-width: 640px) { .ok form, .ok-tamam { padding: 40px 40px 32px; } }
.ok h2 { font-size: clamp(1.75rem, 4vw, 2.25rem); line-height: 1.1; padding-right: 40px; }
.ok-alt { margin: -6px 0 4px; font-size: .9375rem; color: var(--soluk); }
.ok-kapat { position: absolute; top: 8px; right: 8px; width: 48px; height: 48px; display: grid; place-items: center; border: 0; background: none; color: var(--murekkep); cursor: pointer; border-radius: 2px; }
.ok-alan { display: grid; gap: 6px; }
.ok-alan > label { font-size: .875rem; font-weight: 500; color: var(--murekkep); }
.ok-alan > label span { font-weight: 400; color: var(--soluk); margin-left: 6px; }
.ok input[type=text], .ok input[type=tel], .ok select { width: 100%; min-height: 48px; padding: 0 12px; border: 1px solid var(--cizgi); border-bottom: 2px solid var(--murekkep); border-radius: 2px; background: #FBFAF6; color: var(--murekkep); font: 400 16px/1.2 var(--sans); }
.ok select { appearance: none; -webkit-appearance: none; padding-right: 36px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23191B16' stroke-width='1.5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; }
.ok input:focus, .ok select:focus { outline: none; border-color: var(--muhur); border-bottom-color: var(--muhur); }
.ok [aria-invalid=true] { border-bottom-color: var(--hata); }
.ok-iki { display: grid; gap: 18px; }
@media (min-width: 640px) { .ok-iki { grid-template-columns: 1fr 1fr; gap: 16px; } }
.ok-alan > .ok-onay { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; font-size: .875rem; font-weight: 400; color: var(--govde); cursor: pointer; }
.ok-onay input { width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--muhur); }
.ok-onay a { color: var(--murekkep); text-decoration: underline; text-underline-offset: .2em; }
.ok-hata, .ok-genel { margin: 0; font-size: .875rem; color: var(--hata); }
.ok-genel a { color: inherit; }
.ok-gizli { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ok .dugme { width: 100%; }
.ok .dugme[disabled] { opacity: .6; cursor: default; }
.ok [hidden], .ok[hidden] { display: none !important; }