/* Geliştirici imzası (alt bilgi) + iletişim penceresi: telefonda alttan, geniş ekranda ortada açılır.
   sosyovo.com'daki imzanın aynısı; renkler sitenin temasından bağımsızdır. */
.imza-dugme, .imza-pencere {
  --imza-yuzey: #ffffff;
  --imza-metin: #0b141a;
  --imza-ince: rgb(11 20 26 / 0.1);
  --imza-yesil: #00a884;
  --imza-limon: #7ce7c8;
  --imza-nane: #e7f8f2;
  --imza-soluk: #667781;
  --imza-golge: 0 24px 60px rgb(11 20 26 / 0.18), 0 4px 14px rgb(11 20 26 / 0.08);
}
.imza-dugme {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 4px; border: 0; font: inherit; font-size: 12px;
  color: rgb(233 245 238 / 0.6); background: transparent; cursor: pointer; transition: color 0.15s;
}
.imza-dugme b { font-weight: 600; color: rgb(233 245 238 / 0.85); transition: color 0.15s; }
.imza-dugme:hover { color: #fff; }
.imza-dugme:hover b, .imza-kod { color: var(--imza-limon); }
.imza-kod { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-weight: 700; }
html.imza-kilit { overflow: hidden; }
.imza-pencere {
  position: fixed; inset: 0; z-index: 2000; display: grid; place-items: end center;
  background: rgb(6 40 31 / 0.55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  opacity: 0; transition: opacity 0.2s ease;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; line-height: 1.4;
}
.imza-pencere[hidden] { display: none; }
.imza-pencere.acik { opacity: 1; }
.imza-kart {
  width: min(384px, 100%); padding: 24px 24px calc(32px + env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0;
  color: var(--imza-metin); background: var(--imza-yuzey); box-shadow: var(--imza-golge);
  transform: translateY(24px); transition: transform 0.24s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.imza-pencere.acik .imza-kart { transform: none; }
.imza-tutamac { width: 40px; height: 4px; margin: 0 auto 20px; border-radius: 99px; background: var(--imza-ince); }
.imza-ust { display: flex; align-items: center; gap: 12px; }
.imza-rozet {
  display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 16px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 17px; font-weight: 700;
  color: #fff; background: linear-gradient(135deg, var(--imza-yesil), #067a62);
}
.imza-kim { flex: 1; min-width: 0; }
.imza-kim small { display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--imza-yesil); }
.imza-kim h3 {
  margin: 2px 0 0; overflow: hidden; font-family: inherit; font-size: 18px; font-weight: 800; line-height: 1.3;
  letter-spacing: 0; color: var(--imza-metin); white-space: nowrap; text-overflow: ellipsis;
}
.imza-kapat {
  flex: none; width: 36px; height: 36px; border: 0; border-radius: 50%; font: inherit; font-size: 22px; line-height: 1;
  color: var(--imza-soluk); background: var(--imza-nane); cursor: pointer;
}
.imza-kapat:hover { color: var(--imza-metin); }
.imza-satirlar { display: grid; gap: 10px; margin-top: 24px; }
.imza-satir {
  display: flex; align-items: center; gap: 16px; padding: 14px 16px; border-radius: 16px; color: inherit; text-decoration: none;
  background: var(--imza-nane); transition: transform 0.15s, box-shadow 0.15s;
}
.imza-satir:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgb(6 40 31 / 0.12); }
.imza-ikon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 12px; color: #fff; }
.imza-ikon svg { width: 21px; height: 21px; }
.imza-wa { background: #059669; }
.imza-ig { background: linear-gradient(45deg, #feda75, #d62976 55%, #4f5bd5); }
.imza-tel { background: linear-gradient(135deg, var(--imza-yesil), #067a62); }
.imza-yazi { flex: 1; min-width: 0; text-align: left; }
.imza-yazi b { display: block; font-weight: 600; }
.imza-yazi small { display: block; overflow: hidden; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; color: var(--imza-soluk); }
.imza-ok { font-size: 18px; color: var(--imza-soluk); }
@media (min-width: 640px) {
  .imza-pencere { place-items: center; padding: 16px; }
  .imza-kart { padding-bottom: 32px; border-radius: 24px; }
  .imza-tutamac { display: none; }
}