html { scroll-behavior:smooth; overflow-x:clip; }
body { overflow-x:clip; }
.footer a[href="#top"] { transition:color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease; }
.footer a[href="#top"]:hover,.footer a[href="#top"]:focus-visible { color:#fff; background:#8e56df; box-shadow:0 8px 20px rgba(0,0,0,.28); transform:translateY(-3px); }
.footer-copy { flex:1 1 0; color:#c4c7d0; font-size:.86rem; letter-spacing:.01em; }
.footer-to-top { flex:0 0 auto; text-decoration:none; }
.footer-socials { flex:1 1 0; display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.footer-social-icon { width:34px; height:34px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.18); border-radius:50%; color:#292d36; background:#f7f7f8; box-shadow:0 5px 14px rgba(0,0,0,.18); cursor:default; transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.footer-social-icon:hover { color:#fff; border-color:#a86aff; background:#8e56df; box-shadow:0 8px 20px rgba(0,0,0,.28); transform:translateY(-3px); }
.footer-social-icon svg { width:18px; height:18px; display:block; fill:currentColor; }
.topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  border-bottom: 1px solid rgba(255,255,255,.13);
  background: rgba(26,28,34,.97);
  backdrop-filter: blur(16px) saturate(135%);
  -webkit-backdrop-filter: blur(16px) saturate(135%);
  transition: background .22s ease, box-shadow .22s ease;
}
.topbar.is-scrolled {
  background: rgba(26,28,34,.76);
  box-shadow: 0 8px 24px rgba(0,0,0,.2);
}
/* Ortak sayfa bandi: banner ve baslik satirinin yan zeminini cizgiye kadar tasir. */
.site-shell { position:relative; }
.site-shell::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:100vw;
  height:307px;
  transform:translateX(-50%);
  background:#30333a;
  pointer-events:none;
  z-index:0;
}
.site-shell > * { position:relative; z-index:1; }
.topnav {
  width: min(1380px,calc(100% - 28px));
  min-height: 54px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow: visible;
}
.topnav>a,.nav-trigger {
  min-height: 54px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  border: 0;
  color: #c7cad2;
  background: transparent;
  font: inherit;
  font-size: .83rem;
  white-space: nowrap;
  cursor: pointer;
}
.topnav>a.brand { color:#dde0e6; font-weight:850; }
.topnav>a:hover,.nav-trigger:hover,.nav-item:focus-within>.nav-trigger,.nav-item:hover>.nav-trigger { color:#fff; background:rgba(255,255,255,.035); }
.caret { margin-left:6px; color:#7f838d; font-size:.72rem; }
.nav-item { position:relative; display:flex; }
.nav-dropdown {
  position:absolute;
  top:100%;
  left:0;
  width:190px;
  padding:7px 0;
  visibility:hidden;
  opacity:0;
  transform:translateY(7px);
  border:1px solid rgba(255,255,255,.08);
  background:rgba(29,31,37,.88);
  box-shadow:0 18px 38px rgba(0,0,0,.35);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown,.nav-item.menu-open>.nav-dropdown { visibility:visible; opacity:1; transform:translateY(0); }
.nav-dropdown a,.nav-subitem>button {
  width:100%;
  min-height:40px;
  padding:9px 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.06);
  color:#c8cbd3;
  background:transparent;
  font:inherit;
  font-size:.78rem;
  text-align:left;
  cursor:pointer;
}
.nav-dropdown>*:last-child,.nav-subitem:last-child>button { border-bottom:0; }
.nav-dropdown a:hover,.nav-subitem:hover>button,.nav-subitem:focus-within>button { color:#fff; background:rgba(255,255,255,.06); }
.nav-subitem { position:relative; }
.nav-subitem>button small { margin-right:3px; font-size:.58rem; font-weight:800; }
.nav-submenu {
  position:absolute;
  top:-7px;
  left:100%;
  width:190px;
  padding:7px 0;
  visibility:hidden;
  opacity:0;
  transform:translateX(7px);
  border:1px solid rgba(255,255,255,.08);
  background:rgba(29,31,37,.88);
  box-shadow:0 18px 38px rgba(0,0,0,.35);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.nav-subitem:hover>.nav-submenu,.nav-subitem:focus-within>.nav-submenu,.nav-subitem.submenu-open>.nav-submenu { visibility:visible; opacity:1; transform:translateX(0); }
.nav-submenu-tags { max-height:none; overflow:visible; }
.nav-submenu-tags a { min-height:34px; padding-top:7px; padding-bottom:7px; }
.rewards-dropdown { width:210px; }
.nav-search { margin-left:auto; }
.search-link { min-width:54px; justify-content:center; font-size:1.35rem!important; }
.search-dropdown { right:0; left:auto; width:340px; padding:13px; }
.search-dropdown form { display:flex; gap:5px; }
.search-dropdown input { width:100%; min-width:0; padding:10px; border:2px solid #fff; border-radius:2px; color:#252831; background:#fff; }
.search-dropdown form button { padding:0 13px; border:1px solid #d9e9f4; border-radius:4px; color:#fff; background:#388bc2; font-weight:800; cursor:pointer; }
.search-dropdown form button:hover { background:#4ca2d9; }
@media (max-width:1100px) {
  .topnav { overflow-x:auto; overflow-y:hidden; }
  .nav-dropdown,.nav-submenu { position:fixed; top:54px; }
  .nav-submenu { left:204px; }
  .search-dropdown { right:14px; left:auto; }
}
@media (max-width:600px) {
  .site-shell::before { height:272px; }
  .footer-copy { flex:auto; max-width:100%; line-height:1.5; }
  .footer-socials { flex:auto; justify-content:center; }
}