/* ADIM 181 — KAYIT FORMU B (tasarım seçimi 6 Kasım 16:34): ÜÇ ADIM (1 Hesap · 2 Bilgiler · 3 Onay), aranabilir ülke seçici
   (ülke kodu rozetli — bayrak emojisi yok), onay özeti, büyük ve okunaklı alanlar. Yalnız #registerForm.reg-b; giriş formuna dokunmaz.
   İşaretler SVG (veri adresi) — dışarıdan dosya yok. Mantık: assets/js/auth.js · alan ayarları: includes/kayit_alanlari.php */
.auth-main .auth-card:has(#registerForm.reg-b.active) { max-width: 520px; }
#registerForm.reg-b { --rb-mavi: #1d4fb3; --rb-yazi: #16213d; --rb-ikincil: #5c6c90; --rb-cizgi: #d8e1f2; --rb-zemin: #fbfcff;
  --rb-yesil: #2f9e57; --rb-yesil-acik: #3fbf6a; --rb-kirmizi: #d64545; color: var(--rb-yazi); }
#registerForm.reg-b .reg-page { gap: 16px; }

/* ---- adım göstergesi: daireler + aradaki çizgi (biten adım yeşil, şimdiki mavi) ---- */
#registerForm.reg-b .reg-progress { margin: 2px 0 0; }
#registerForm.reg-b .reg-steps { display: flex; align-items: center; justify-content: flex-start; gap: 10px; font-size: 14px; font-weight: 700; color: #8090b0; }
#registerForm.reg-b .reg-step { display: flex; align-items: center; gap: 8px; flex: none; white-space: nowrap; }
#registerForm.reg-b .reg-step i { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #e8eefb; color: #8090b0;
  font-style: normal; font-size: 14px; font-weight: 800; transition: background .2s, color .2s, box-shadow .2s; }
#registerForm.reg-b .reg-step i svg { display: none; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
#registerForm.reg-b .reg-step.active { color: var(--rb-mavi); }
#registerForm.reg-b .reg-step.active i { background: var(--rb-mavi); color: #fff; box-shadow: 0 0 0 4px rgba(29, 79, 179, .15); }
#registerForm.reg-b .reg-step.done { color: var(--rb-ikincil); }
#registerForm.reg-b .reg-step.done i { background: var(--rb-yesil-acik); color: #fff; font-size: 14px; }
#registerForm.reg-b .reg-step.done i::before { content: none; }
#registerForm.reg-b .reg-step.done i b { display: none; }
#registerForm.reg-b .reg-step.done i svg { display: block; }
#registerForm.reg-b .reg-line { flex: 1 1 auto; min-width: 12px; height: 2px; border-radius: 2px; background: #e1e8f6; transition: background .25s; }
#registerForm.reg-b .reg-line.on { background: var(--rb-yesil-acik); }

/* ---- alanlar ---- */
#registerForm.reg-b .auth-field > label, #registerForm.reg-b .reg-label { display: block; margin: 0; font-size: 13.5px; font-weight: 700; color: #33415f; }
#registerForm.reg-b .reg-req { color: var(--rb-kirmizi); font-style: normal; font-weight: 800; }
#registerForm.reg-b .reg-optional { color: #7b8bb0; }
#registerForm.reg-b .form-field input[type="text"], #registerForm.reg-b .form-field input[type="email"], #registerForm.reg-b .form-field input[type="password"],
#registerForm.reg-b .form-field input[type="tel"], #registerForm.reg-b .dob-row select {
  min-height: 50px; border: 1.5px solid var(--rb-cizgi); border-radius: 12px; background-color: var(--rb-zemin); color: var(--rb-yazi); font-size: 16px; }
#registerForm.reg-b .form-field input::placeholder { color: #94a2c0; }
#registerForm.reg-b .form-field input[type="text"]:focus, #registerForm.reg-b .form-field input[type="email"]:focus, #registerForm.reg-b .form-field input[type="password"]:focus,
#registerForm.reg-b .form-field input[type="tel"]:focus, #registerForm.reg-b .dob-row select:focus {
  border-color: var(--rb-mavi); box-shadow: 0 0 0 4px rgba(29, 79, 179, .12); background-color: #fff; outline: none; }
/* alan içi simgeler (SVG veri adresi) */
#registerForm.reg-b #re_username, #registerForm.reg-b #re_email, #registerForm.reg-b #re_password, #registerForm.reg-b #re_password_confirm, #registerForm.reg-b #re_full_name {
  padding-left: 44px; background-repeat: no-repeat; background-position: 14px 50%; background-size: 18px 18px; }
#registerForm.reg-b #re_username { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8bb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-7 8-7s8 3 8 7'/%3E%3C/svg%3E"); }
#registerForm.reg-b #re_email { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8bb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"); }
#registerForm.reg-b #re_password, #registerForm.reg-b #re_password_confirm { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8bb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E"); }
#registerForm.reg-b #re_full_name { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8bb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2.2'/%3E%3Cpath d='M5.8 16c.6-1.6 1.8-2.4 3.2-2.4s2.6.8 3.2 2.4M14.5 10h4M14.5 13.5h3'/%3E%3C/svg%3E"); }
/* uygun: yeşil çerçeve + sağda onay işareti (şifre alanlarında sağda göz düğmesi var — işaret yok) */
#registerForm.reg-b .auth-field.is-ok input[type="text"], #registerForm.reg-b .auth-field.is-ok input[type="email"], #registerForm.reg-b .auth-field.is-ok input[type="password"],
#registerForm.reg-b .auth-field.is-ok input[type="tel"], #registerForm.reg-b .auth-field.is-ok .dob-row select { border-color: var(--rb-yesil-acik); }
#registerForm.reg-b .auth-field.is-ok #re_username, #registerForm.reg-b .auth-field.is-ok #re_email { padding-right: 42px;
  background-position: 14px 50%, right 14px center; background-size: 18px 18px, 18px 18px; }
#registerForm.reg-b .auth-field.is-ok #re_username { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8bb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-7 8-7s8 3 8 7'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233fbf6a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E"); }
#registerForm.reg-b .auth-field.is-ok #re_email { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8bb0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233fbf6a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E"); }
/* hata: kırmızı çerçeve */
#registerForm.reg-b .auth-field.has-err input[type="text"], #registerForm.reg-b .auth-field.has-err input[type="email"], #registerForm.reg-b .auth-field.has-err input[type="password"],
#registerForm.reg-b .auth-field.has-err input[type="tel"], #registerForm.reg-b .auth-field.has-err .dob-row select, #registerForm.reg-b .auth-field.has-err .reg-ulke-btn,
#registerForm.reg-b .auth-field.has-err .reg-cc-view { border-color: var(--rb-kirmizi); box-shadow: 0 0 0 3px rgba(214, 69, 69, .12); }
#registerForm.reg-b .auth-field-err { color: var(--rb-kirmizi); font-size: 12.5px; margin-top: 2px; }
#registerForm.reg-b .auth-field-ok { color: var(--rb-yesil); font-size: 12.5px; margin-top: 2px; }
#registerForm.reg-b .reg-hint { color: #6a7899; margin-top: 2px; }
#registerForm.reg-b .reg-meter { gap: 5px; }
#registerForm.reg-b .reg-meter span { max-width: 52px; background: #e1e8f6; }
#registerForm.reg-b .reg-meter em { flex: 1 1 auto; margin-left: 8px; color: #6a7899; }
#registerForm.reg-b .reg-meter[data-level="1"] span:nth-child(-n+1) { background: var(--rb-kirmizi); }
#registerForm.reg-b .reg-meter[data-level="2"] span:nth-child(-n+2) { background: #e08a1e; }
#registerForm.reg-b .reg-meter[data-level="3"] span:nth-child(-n+3) { background: var(--rb-yesil-acik); }
#registerForm.reg-b .reg-meter[data-level="4"] span:nth-child(-n+4) { background: var(--rb-yesil); }
#registerForm.reg-b .reg-meter[data-level="1"] em { color: #b93a3a; }
#registerForm.reg-b .reg-meter[data-level="2"] em { color: #a4620f; }
#registerForm.reg-b .reg-meter[data-level="3"] em, #registerForm.reg-b .reg-meter[data-level="4"] em { color: var(--rb-yesil); }

/* ---- ülke seçici ---- */
#registerForm.reg-b .reg-ulke { position: relative; }
#registerForm.reg-b .reg-ulke-btn { width: 100%; min-height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px; margin: 0; box-sizing: border-box;
  border: 1.5px solid var(--rb-cizgi); border-radius: 12px; background: var(--rb-zemin); color: #7b8bb0; font: inherit; font-size: 16px; text-align: left; cursor: pointer;
  transition: border-color .15s, box-shadow .15s, background-color .15s; -webkit-tap-highlight-color: transparent; }
#registerForm.reg-b .reg-ulke-btn.dolu { color: var(--rb-yazi); }
#registerForm.reg-b .reg-ulke-btn:hover { border-color: #b9c8e6; }
#registerForm.reg-b .reg-ulke-btn:focus-visible, #registerForm.reg-b .reg-ulke-field.acik .reg-ulke-btn { border-color: var(--rb-mavi); box-shadow: 0 0 0 4px rgba(29, 79, 179, .12); background: #fff; outline: none; }
#registerForm.reg-b .reg-ulke-ad { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#registerForm.reg-b .reg-ulke-ok { flex: none; width: 18px; height: 18px; fill: none; stroke: #7b8bb0; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
#registerForm.reg-b .reg-ulke-field.acik .reg-ulke-ok { transform: rotate(180deg); }
#registerForm.reg-b .reg-ulke-kod, #registerForm.reg-b .reg-ozet .reg-ulke-kod { display: inline-grid; place-items: center; flex: none; min-width: 32px; height: 22px; padding: 0 5px; box-sizing: border-box;
  border-radius: 6px; background: #e8eefb; color: var(--rb-mavi); font-weight: 800; font-size: 11.5px; letter-spacing: .04em; font-style: normal; }
#registerForm.reg-b .reg-ulke-panel { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 40; background: #fff; border: 1px solid var(--rb-cizgi); border-radius: 14px;
  box-shadow: 0 18px 40px rgba(4, 16, 60, .22); padding: 8px; animation: rbPanel .16s ease both; }
@keyframes rbPanel { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
#registerForm.reg-b .reg-ulke-ara { display: flex; align-items: center; gap: 8px; border: 1.5px solid #e1e8f6; border-radius: 10px; padding: 0 10px; margin-bottom: 6px; background: #fff; }
#registerForm.reg-b .reg-ulke-ara:focus-within { border-color: var(--rb-mavi); }
#registerForm.reg-b .reg-ulke-ara svg { flex: none; width: 18px; height: 18px; fill: none; stroke: #7b8bb0; stroke-width: 2; stroke-linecap: round; }
#registerForm.reg-b .reg-ulke-ara input[type="text"] { flex: 1 1 auto; min-width: 0; min-height: 42px; border: 0; padding: 0; margin: 0; background: transparent; box-shadow: none; font-size: 16px; }
#registerForm.reg-b .reg-ulke-ara input[type="text"]:focus { box-shadow: none; background: transparent; }
#registerForm.reg-b .reg-ulke-liste { position: relative; list-style: none; margin: 0; padding: 0; max-height: 264px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
#registerForm.reg-b .reg-ulke-liste li[role="option"] { display: flex; align-items: center; gap: 10px; padding: 9px 10px; border-radius: 10px; cursor: pointer; font-size: 15px; color: var(--rb-yazi); }
#registerForm.reg-b .reg-ulke-liste li[role="option"] span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#registerForm.reg-b .reg-ulke-liste li[role="option"] em { flex: none; font-style: normal; font-size: 13px; color: #7b8bb0; }
#registerForm.reg-b .reg-ulke-liste li.akt { background: #f2f6ff; }
#registerForm.reg-b .reg-ulke-liste li.sec { background: #eaf0ff; color: var(--rb-mavi); font-weight: 700; }
#registerForm.reg-b .reg-ulke-grup { position: sticky; top: 0; z-index: 1; background: #fff; padding: 8px 10px 4px; font-size: 12px; font-weight: 800; letter-spacing: .06em; color: #8090b0; }
#registerForm.reg-b .reg-ulke-yok { padding: 16px 10px; text-align: center; color: #6a7899; font-size: 14px; }

/* ---- telefon kodu (ülke kodu rozeti) ---- */
#registerForm.reg-b .reg-cc { flex-basis: 116px; }
#registerForm.reg-b .reg-cc-view { min-height: 50px; gap: 6px; border: 1.5px solid var(--rb-cizgi); border-radius: 12px; background: var(--rb-zemin); color: var(--rb-yazi); font-size: 15px; padding-right: 22px; }
#registerForm.reg-b .reg-cc-view b { display: inline-grid; place-items: center; min-width: 28px; height: 20px; padding: 0 4px; border-radius: 5px; background: #e8eefb; color: var(--rb-mavi); font-size: 11px; font-weight: 800; }
#registerForm.reg-b .reg-cc-view::after { content: ""; right: 8px; width: 14px; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b8bb0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / 14px 14px no-repeat; }
#registerForm.reg-b .reg-cc select:focus + .reg-cc-view, #registerForm.reg-b .reg-cc:focus-within .reg-cc-view { border-color: var(--rb-mavi); box-shadow: 0 0 0 4px rgba(29, 79, 179, .12); }

/* ---- cinsiyet kartları (mavi seçim) ---- */
#registerForm.reg-b .reg-gender .reg-gender-opt { border-color: var(--rb-cizgi); border-radius: 14px; background: var(--rb-zemin); color: var(--rb-yazi); min-height: 60px; }
#registerForm.reg-b .reg-gender .reg-gender-opt:hover { border-color: #b9c8e6; }
#registerForm.reg-b .reg-gender .reg-gender-opt.is-on, #registerForm.reg-b .reg-gender .reg-gender-opt:has(input:checked) { border-color: var(--rb-mavi); background: #f2f6ff; box-shadow: 0 0 0 3px rgba(29, 79, 179, .12); }
#registerForm.reg-b .reg-gender .reg-gender-opt.is-on::after, #registerForm.reg-b .reg-gender .reg-gender-opt:has(input:checked)::after { content: ""; background: var(--rb-mavi)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center / 11px 11px no-repeat; }
#registerForm.reg-b .reg-gender-opt input:focus-visible + .rg-av { outline-color: var(--rb-mavi); }
#registerForm.reg-b .auth-field.has-err .reg-gender-opt { border-color: var(--rb-kirmizi); }

/* ---- düğmeler ---- */
#registerForm.reg-b .auth-submit { min-height: 52px; margin: 0; border: 0; border-radius: 999px; background: linear-gradient(180deg, #a6ea1a, #7ebf00); color: #0d2a66;
  font-size: 16px; font-weight: 800; letter-spacing: .01em; box-shadow: 0 8px 22px rgba(126, 191, 0, .35); }
#registerForm.reg-b .auth-submit:hover { filter: brightness(1.04); }
#registerForm.reg-b .auth-submit:focus-visible, #registerForm.reg-b .reg-back:focus-visible { outline: 3px solid var(--rb-mavi); outline-offset: 2px; }
#registerForm.reg-b .reg-nav { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 12px; }
#registerForm.reg-b .reg-nav .reg-back { min-height: 52px; margin: 0; padding: 0 14px; border-radius: 999px; border: 1.5px solid #c9d4ea; background: #fff; color: #33415f; font-size: 15px; font-weight: 800; box-shadow: none; }
#registerForm.reg-b .reg-nav .reg-back:hover { border-color: #9fb2d6; background: #f8faff; }

/* ---- 3. adım: özet ---- */
#registerForm.reg-b .reg-ozet { display: grid; gap: 10px; padding: 14px; border: 1px solid #e1e8f6; border-radius: 16px; background: #f8faff; }
#registerForm.reg-b .reg-ozet-bas b { display: block; font-size: 16px; color: var(--rb-yazi); }
#registerForm.reg-b .reg-ozet-bas span { display: block; margin-top: 2px; font-size: 13px; line-height: 1.45; color: var(--rb-ikincil); }
#registerForm.reg-b .reg-ozet-grup { padding: 10px 12px 12px; border: 1px solid #e6ecf7; border-radius: 12px; background: #fff; }
#registerForm.reg-b .reg-ozet-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; font-size: 12.5px; font-weight: 800; letter-spacing: .05em; color: var(--rb-mavi); }
#registerForm.reg-b .reg-duzenle { display: inline-flex; align-items: center; gap: 5px; margin: 0; padding: 4px 8px; border: 0; border-radius: 8px; background: none; color: var(--rb-mavi);
  font: inherit; font-size: 13px; font-weight: 700; letter-spacing: 0; cursor: pointer; }
#registerForm.reg-b .reg-duzenle::before { content: ""; width: 14px; height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d4fb3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E") center / 14px 14px no-repeat; }
#registerForm.reg-b .reg-duzenle:hover { background: #eef3ff; }
#registerForm.reg-b .reg-duzenle:focus-visible { outline: 2px solid var(--rb-mavi); outline-offset: 1px; }
#registerForm.reg-b .reg-ozet dl { display: grid; gap: 7px; margin: 0; }
#registerForm.reg-b .reg-ozet dl > div { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 10px; align-items: baseline; font-size: 14px; }
#registerForm.reg-b .reg-ozet dt { color: #6a7899; }
#registerForm.reg-b .reg-ozet dd { margin: 0; color: var(--rb-yazi); font-weight: 600; overflow-wrap: anywhere; }

/* ---- koşullar + kampanya izni (özel onay kutusu) ---- */
#registerForm.reg-b .auth-terms-box { position: relative; align-items: flex-start; gap: 12px; margin: 0; padding: 13px 14px; border: 1.5px solid #dfe6f4; border-radius: 14px; background: #fff; }
#registerForm.reg-b .auth-terms-box:hover { border-color: #b9c8e6; background: #fbfcff; }
#registerForm.reg-b .auth-terms-box input[type="checkbox"] { position: absolute; left: 14px; top: 13px; width: 22px; height: 22px; min-width: 0; margin: 0; opacity: 0; }
#registerForm.reg-b .reg-kutu { flex: none; display: grid; place-items: center; width: 22px; height: 22px; box-sizing: border-box; border: 1.5px solid #c9d4ea; border-radius: 6px; background: #fff;
  color: transparent; transition: background .15s, border-color .15s; }
#registerForm.reg-b .reg-kutu svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; }
#registerForm.reg-b .auth-terms-box input:checked + .reg-kutu { background: var(--rb-mavi); border-color: var(--rb-mavi); color: #fff; }
#registerForm.reg-b .auth-terms-box input:focus-visible + .reg-kutu { outline: 3px solid rgba(29, 79, 179, .35); outline-offset: 2px; }
#registerForm.reg-b .auth-terms-box:has(input:checked) { border-color: #b9c8e6; background: #f8faff; }
#registerForm.reg-b .auth-terms-text { font-size: 14px; line-height: 1.5; color: #33415f; }
#registerForm.reg-b .auth-terms-text small { display: block; margin-top: 3px; font-size: 12.5px; color: #6a7899; }
#registerForm.reg-b .auth-terms-link { color: var(--rb-mavi); text-decoration-color: rgba(29, 79, 179, .35); }
#registerForm.reg-b .auth-terms-box.auth-terms-error { border-color: var(--rb-kirmizi); background: #fff6f6; }
#registerForm.reg-b .auth-terms-box.auth-terms-error .reg-kutu { border-color: var(--rb-kirmizi); }

/* ---- güven satırı ---- */
#registerForm.reg-b .reg-guven { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; font-size: 12px; color: var(--rb-ikincil); }
#registerForm.reg-b .reg-guven > span { display: inline-flex; align-items: center; gap: 6px; }
#registerForm.reg-b .reg-guven svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#registerForm.reg-b .reg-guven b { padding: 0 4px; border: 1.5px solid currentColor; border-radius: 5px; font-size: 10.5px; line-height: 15px; }

/* ---- telefon ---- */
@media (max-width: 520px) {
  #registerForm.reg-b .reg-step:not(.active) > span { display: none; }
  #registerForm.reg-b .reg-steps { gap: 8px; }
  #registerForm.reg-b .reg-ozet dl > div { grid-template-columns: 1fr; gap: 0; }
  #registerForm.reg-b .reg-ozet dt { font-size: 12.5px; }
  #registerForm.reg-b .reg-ulke-liste { max-height: 230px; }
  #registerForm.reg-b .reg-cc { flex-basis: 108px; }
}
@media (prefers-reduced-motion: reduce) {
  #registerForm.reg-b .reg-ulke-panel { animation: none; }
  #registerForm.reg-b .reg-step i, #registerForm.reg-b .reg-line, #registerForm.reg-b .reg-ulke-ok { transition: none; }
}