/* r642 — Aktif Berhetiyye / Esmâ adı bilgi kartı. Görsel yüzey; transporta dokunmaz. */
#r611CurrentZikirName.r642InfoTrigger{
  appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0 1.32em;margin:0;
  cursor:pointer;position:relative;text-align:center;max-width:min(70vw,430px);
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  display:inline-block;justify-self:center;
}
#r611CurrentZikirName.r642InfoTrigger::before,
#r611CurrentZikirName.r642InfoTrigger::after{
  content:"ⓘ";position:absolute;top:50%;transform:translateY(-47%);
  font:650 .43em/1 system-ui,sans-serif;letter-spacing:0;
}
#r611CurrentZikirName.r642InfoTrigger::before{
  left:.04em;opacity:0;pointer-events:none;
}
#r611CurrentZikirName.r642InfoTrigger::after{
  right:.04em;color:color-mix(in srgb,var(--goldh) 76%,#b998ff);
  opacity:.82;text-shadow:0 0 10px color-mix(in srgb,#d079ff 32%,transparent);
}
#r611CurrentZikirName.r642InfoTrigger:focus-visible{
  outline:1px solid color-mix(in srgb,var(--goldh) 72%,#9ab9ff);outline-offset:5px;border-radius:12px;
}
#r611CurrentZikirName.r642InfoTrigger:active{transform:scale(.985)}

#r642ZikirInfoLayer{position:fixed;inset:0;z-index:2147481400;display:grid;place-items:start center;padding:0 12px;isolation:isolate}
#r642ZikirInfoLayer[hidden]{display:none!important}
#r642ZikirInfoBackdrop{position:absolute;inset:0;background:rgba(0,5,8,.36);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
#r642ZikirInfoCard{
  --r642-card-top:210px;position:fixed;z-index:1;left:50%;top:var(--r642-card-top);transform:translateX(-50%);
  width:min(88vw,520px);max-height:calc(100dvh - var(--r642-card-top) - 14px);overflow:auto;overscroll-behavior:contain;
  border:1px solid color-mix(in srgb,var(--goldh) 70%,#b389ff);border-radius:23px;
  background:
    radial-gradient(circle at 18% 4%,color-mix(in srgb,var(--goldh) 11%,transparent),transparent 34%),
    radial-gradient(circle at 88% 100%,rgba(102,73,174,.12),transparent 40%),
    color-mix(in srgb,var(--sayfa2,#061410) 94%,#020807);
  box-shadow:0 20px 55px rgba(0,0,0,.55),0 0 20px color-mix(in srgb,var(--gold) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.06);
  color:var(--text);padding:18px 18px 16px;scrollbar-width:thin;
}
#r642ZikirInfoCard::before{
  content:"";position:absolute;top:-8px;left:50%;width:15px;height:15px;transform:translateX(-50%) rotate(45deg);
  background:color-mix(in srgb,var(--sayfa2,#061410) 94%,#020807);border-left:1px solid color-mix(in srgb,var(--goldh) 70%,#b389ff);border-top:1px solid color-mix(in srgb,var(--goldh) 70%,#b389ff);
}
.r642InfoHead{display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--gold) 28%,var(--line))}
.r642InfoSeal{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--goldh) 54%,var(--line));color:var(--goldh);font:500 26px/1 serif;background:color-mix(in srgb,var(--gold) 7%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--gold) 12%,transparent)}
.r642InfoTitle{min-width:0}.r642InfoTitle b{display:block;color:var(--goldh);font:600 clamp(25px,7.2vw,36px)/1.02 "Cormorant Garamond",serif;letter-spacing:.02em;text-wrap:balance}.r642InfoTitle small{display:block;margin-top:4px;color:color-mix(in srgb,var(--mut) 82%,#b6d7cf);font:650 11px/1.3 "Figtree",system-ui,sans-serif;letter-spacing:.035em}
.r642InfoClose{appearance:none;border:0;background:transparent;color:var(--text);width:34px;height:34px;border-radius:50%;font:300 30px/1 system-ui;cursor:pointer;touch-action:manipulation}.r642InfoClose:active{transform:scale(.92)}.r642InfoClose:focus-visible{outline:1px solid var(--goldh);outline-offset:2px}
.r642InfoArabic{padding:11px 4px 2px;text-align:center;color:#a9c7ff;font:500 25px/1.35 "Amiri","Noto Naskh Arabic",serif;direction:rtl}
.r642InfoRows{display:grid;margin-top:6px}
.r642InfoRow{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;padding:10px 2px;border-top:1px solid color-mix(in srgb,var(--gold) 20%,var(--line))}.r642InfoRow:first-child{border-top:0}
.r642InfoIco{display:grid;place-items:start center;padding-top:2px;color:#cb80ff;font:600 17px/1 system-ui}.r642InfoCopy{min-width:0;color:color-mix(in srgb,var(--text) 90%,#d6e1df);font:520 13px/1.5 "Figtree",system-ui,sans-serif;overflow-wrap:anywhere}.r642InfoCopy strong{color:#91df8e;font-weight:750;margin-right:5px}.r642InfoCopy .r642Eb{color:#91baff;font:750 17px/1.2 "Cormorant Garamond",serif}
.r642InfoChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}.r642InfoChip{display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border:1px solid color-mix(in srgb,var(--gold) 22%,var(--line));border-radius:999px;background:rgba(255,255,255,.025);color:var(--mut);font:650 9.5px/1.25 "Figtree",system-ui,sans-serif}
.r642InfoNote{margin-top:8px;padding:9px 10px;border-radius:13px;background:color-mix(in srgb,#8f68cc 7%,transparent);border:1px solid color-mix(in srgb,#b37ef1 18%,var(--line));color:var(--mut);font:500 10.5px/1.45 "Figtree",system-ui,sans-serif}
body.r642-info-open{overflow:hidden!important}
@media(max-width:390px){#r642ZikirInfoCard{width:min(91vw,520px);padding:15px 14px 13px;border-radius:20px}.r642InfoHead{grid-template-columns:42px minmax(0,1fr) 30px}.r642InfoSeal{width:40px;height:40px;font-size:22px}.r642InfoCopy{font-size:12px}.r642InfoTitle b{font-size:clamp(23px,7.8vw,31px)}}
@media(prefers-reduced-motion:reduce){#r611CurrentZikirName.r642InfoTrigger:active,.r642InfoClose:active{transform:none!important}}