/* Rayİst yeni tasarım — iç sayfalarda ana sayfayla aynı menü ve footer. */
html { background: #07030d; }

html body .rayist-shell > nav.rx-nav,
html body nav.rx-nav {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 10000;
  padding-top: env(safe-area-inset-top, 0px);
  border-bottom: 1px solid transparent;
  background: transparent;
  transition: background-color .3s, border-color .3s;
}
html body nav.rx-nav.is-scrolled,
html body nav.rx-nav.rx-open,
html body nav.rx-nav.bg-\[\#1a0b2e\]\/80 {
  background: rgba(7, 3, 13, .72) !important;
  border-bottom-color: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}
.rx-wrap { width: 100%; max-width: 72rem; margin-inline: auto; padding-inline: 1.25rem; }
.rx-bar { height: 4.5rem; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; }
.rx-brand { display: inline-flex; align-items: center; gap: .65rem; justify-self: start; font-weight: 600; letter-spacing: -0.02em; font-size: 1.05rem; color: #f5f3f7; }
.rx-brand img { width: 2.6rem; height: 2.6rem; border-radius: 999px; object-fit: cover; box-shadow: 0 0 0 1px rgba(255,255,255,.16), 0 6px 24px rgba(255, 107, 44, .25); transition: transform .4s cubic-bezier(.22,1,.36,1); }
.rx-brand:hover img { transform: rotate(-8deg) scale(1.05); }
.rx-links { display: flex; align-items: center; gap: 1.35rem; font-size: .875rem; color: rgba(245,243,247,.62); white-space: nowrap; }
.rx-links a { position: relative; transition: color .2s; }
.rx-links a:hover, .rx-links a.active { color: #f5f3f7; }
.rx-links a.active::after { content: ""; position: absolute; left: 50%; bottom: -.55rem; width: 4px; height: 4px; border-radius: 99px; background: #ff6b2c; transform: translateX(-50%); }
.rx-end { justify-self: end; display: flex; align-items: center; gap: .6rem; }
.rx-lang { display: inline-flex; align-items: center; padding: 2px; border-radius: 999px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); }
html body .rx-lang .lang-btn { padding: .3rem .6rem; border-radius: 999px; font-family: "Geist Mono", ui-monospace, monospace; font-size: 11px; font-weight: 400; letter-spacing: .05em; color: rgba(245,243,247,.38); opacity: 1; background: none; border: 0; cursor: pointer; }
html body .rx-lang .lang-btn:hover { color: #f5f3f7; }
html body .rx-lang .lang-btn.active { background: rgba(255,255,255,.1); color: #f5f3f7; }
.rx-donate { white-space: nowrap; display: inline-flex; align-items: center; gap: .45rem; padding: .5rem 1rem; border-radius: 999px; background: #f5f3f7; color: #0b0612 !important; font-size: .8125rem; font-weight: 600; transition: transform .25s, box-shadow .25s; }
.rx-donate:hover { transform: translateY(-1px); box-shadow: 0 8px 30px rgba(255, 179, 122, .35); }
.rx-donate i { font-size: .7rem; }
.rx-toggle { display: none; width: 2.5rem; height: 2.5rem; border-radius: 999px; border: 1px solid rgba(255,255,255,.08); place-items: center; color: #f5f3f7; background: none; cursor: pointer; }
.rx-menu { position: fixed; left: 0; right: 0; top: calc(4.5rem + env(safe-area-inset-top, 0px)); max-height: calc(100dvh - 4.5rem); overflow-y: auto; overscroll-behavior: contain; background: rgba(7, 3, 13, .97); border-bottom: 1px solid rgba(255,255,255,.08); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: .75rem 1.25rem 1.5rem; }
.rx-menu[hidden] { display: none; }
.rx-menu a { display: flex; justify-content: space-between; align-items: center; padding: 1rem .25rem; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 1.05rem; color: rgba(245,243,247,.62); }
.rx-menu a:last-child { border-bottom: 0; }
.rx-menu a.active, .rx-menu a:hover { color: #f5f3f7; }
.rx-menu a i { font-size: .75rem; color: rgba(245,243,247,.38); }
body.rx-menu-open { overflow: hidden; }
.rx-lang.mob { display: none; }
@media (max-width: 1180px) {
  .rx-bar { grid-template-columns: 1fr auto; }
  .rx-links, .rx-end .rx-donate, .rx-lang.desk { display: none; }
  .rx-lang.mob { display: inline-flex; }
  .rx-toggle { display: grid; }
}
@media (min-width: 1181px) { .rx-menu { display: none !important; } }

/* Footer */
html body footer.rx-footer { background: transparent !important; border-top: 1px solid rgba(255,255,255,.08); padding: 0; color: #f5f3f7; }
.rx-foot-top { display: grid; grid-template-columns: 1.2fr auto; gap: 2.5rem; padding-block: 3.5rem; align-items: start; }
.rx-foot-top p { margin: 1rem 0 0; max-width: 20rem; color: rgba(245,243,247,.62); font-size: .9rem; line-height: 1.6; }
.rx-cols { display: flex; gap: 4rem; }
.rx-col h4 { margin: 0 0 1rem; font-family: "Geist Mono", ui-monospace, monospace; font-weight: 400; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase; color: rgba(245,243,247,.38); }
.rx-col a { display: block; color: rgba(245,243,247,.62); font-size: .9rem; padding-block: .3rem; transition: color .2s; }
.rx-col a:hover { color: #f5f3f7; }
.rx-foot-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1rem; padding-block: 1.5rem 2rem; border-top: 1px solid rgba(255,255,255,.08); font-size: .82rem; color: rgba(245,243,247,.38); }
.rx-foot-bottom p { margin: 0; }
.rx-foot-bottom a:hover { color: #f5f3f7; }
.rx-legal { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
@media (max-width: 960px) { .rx-foot-top { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .rx-cols { gap: 2.5rem; flex-wrap: wrap; } }