/* Zhonya Network — ZenitMC temelinin üstüne marka ayarları. Diğer Zenit stillerinden sonra yüklenir. */

/* ---------------------------------------------------------------------------
   Üst menü: ortada, kenarlardan boşluklu, oval bir kart. Sayfa kaydıkça üstte
   kalır (sticky). Logo yok; bağlantılar + Giriş Yap / Kayıt Ol (ya da sepet ve
   profil) aynı kartın içinde. Menü 1061 px altında düğmeyle açılır (zenit.js).
   "html body" öneki, ZenitMC'nin kırılım kurallarını ezmek için.
--------------------------------------------------------------------------- */
:root {
  --zh-header-gap: 16px;      /* kartın üst ve yan boşluğu */
  --zh-header-height: 68px;   /* kartın yüksekliği */
  --zh-header-space: calc(var(--zh-header-height) + var(--zh-header-gap) * 2);
}
html { scroll-padding-top: calc(var(--zh-header-space) + 10px); }

html body .z-header {
  position: sticky;
  top: 0;
  z-index: 60;
  padding: var(--zh-header-gap) var(--zh-header-gap) 0;
  margin-bottom: var(--zh-header-gap);
  background: transparent;
  border: 0;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  pointer-events: none;   /* kartın dışındaki boşluk alttaki içeriği engellemesin */
}
html body .z-header .z-header-inner {
  pointer-events: auto;
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
  max-width: var(--zh-pill-w, max-content);   /* zhonya.js ölçer: geçiş yumuşak olsun */
  height: var(--zh-header-height);
  margin-inline: auto;
  top: 0;
  left: 0;
  justify-content: center;
  padding: 0 10px 0 14px;
  border: 1px solid #ff3b4430;
  border-radius: 999px;
  background: #121212e6;
  box-shadow: 0 18px 44px #00000073, inset 0 1px 0 #ffffff0d;
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
}
html body .z-header .z-navigation {
  position: static;
  display: flex;
  flex: 0 1 auto;
  align-self: center;
  padding: 0;
  max-height: none;
  overflow: visible;
  background: none;
  border: 0;
  box-shadow: none;
}
html body .z-header .z-nav-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
html body .z-header .z-nav-list > li { display: block; }
html body .z-header .z-nav-link {
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 0 17px;
  border-radius: 999px;
  color: #c4c1c1;
  font-size: 14.5px;
  font-weight: 700;
  transition: color .2s, background-color .2s, transform .2s;
}
html body .z-header .z-nav-link::before,
html body .z-header .z-nav-link::after { display: none; }
html body .z-header .z-nav-link:hover,
html body .z-header .z-nav-link:focus-visible {
  color: #fff;
  background: #ffffff0d;
  text-decoration: none;
}
html body .z-header .z-nav-link.is-active {
  color: #fff;
  background: #ff242f26;
  box-shadow: inset 0 0 0 1px #ff3b4440;
}
html body .z-header .z-nav-link:focus-visible { outline: 2px solid var(--z-orange); outline-offset: 2px; }

/* Sağ taraf: Giriş Yap / Kayıt Ol veya sepet + profil. */
html body .z-header .z-account { flex-shrink: 0; min-width: 0; margin-left: 0; }
html body .z-header .z-account > .navbar-nav { display: flex; flex-direction: row; align-items: center; gap: 8px; }
html body .z-header .z-account .btn {
  min-height: 46px;
  padding: 0 20px;
  border-radius: 999px;
  font-size: 14px;
}
html body .z-header .z-account .btn:hover { transform: translateY(-2px); }
html body .z-header .z-header-cart { border-radius: 999px; width: 46px; height: 46px; flex-basis: 46px; }
html body .z-header .z-account .z-player-account > .z-profile-trigger { min-height: 46px; border-radius: 999px; padding: 6px 16px 6px 6px !important; }
html body .z-header .z-account .z-player-account > .z-profile-trigger .avatar { border-radius: 50%; }
html body .z-header .z-menu-toggle { display: none; }

/* Ana sayfa banner'ı menü kartının arkasına kadar uzanır. */
.z-home > .z-hero {
  margin-top: calc(-1 * (var(--zh-header-space)));
  padding-top: var(--zh-header-space);
}

@media (max-width: 1060px) {
  :root { --zh-header-gap: 12px; --zh-header-height: 60px; }
  html body .z-header .z-header-inner {
    width: 100%;
    max-width: 640px;
    justify-content: space-between;
    padding: 0 7px;
    gap: 10px;
  }
  html body .z-header .z-menu-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    order: 0;
    width: 46px;
    height: 46px;
    flex-shrink: 0;
    border: 1px solid #ffffff14;
    border-radius: 50%;
    background: #ffffff0a;
    cursor: pointer;
  }
  html body .z-header .z-menu-toggle span { width: 18px; height: 2px; border-radius: 2px; background: #eee; transition: transform .2s, opacity .2s; }
  html body .z-header .z-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  html body .z-header .z-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  html body .z-header .z-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  html body .z-header .z-menu-toggle:focus-visible { outline: 2px solid var(--z-orange); outline-offset: 3px; }

  /* Açılan menü: kartın hemen altında, aynı genişlikte yuvarlatılmış panel. */
  html body .z-header .z-navigation {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    padding: 8px;
    border: 1px solid #ff3b4430;
    border-radius: 24px;
    background: #121212f5;
    box-shadow: 0 24px 50px #00000099;
    max-height: calc(100dvh - var(--zh-header-space) - 20px);
    overflow: auto;
  }
  html body .z-header .z-navigation.is-open { display: block; }
  html body .z-header .z-nav-list { flex-direction: column; align-items: stretch; gap: 2px; }
  html body .z-header .z-nav-link { min-height: 50px; padding: 0 18px; border-radius: 16px; font-size: 15px; }
  html body .z-header .z-account .btn { padding: 0 16px; font-size: 13px; }
  html body .z-header .z-account { margin-left: auto; }
  html body .z-header .z-account .navbar-nav > li { flex: none; }
}
@media (max-width: 480px) {
  html body .z-header .z-header-inner { display: flex; height: var(--zh-header-height); padding-block: 0; }
  html body .z-header .z-container { width: 100%; }
  html body .z-header .z-account > .navbar-nav { gap: 6px; }
  html body .z-header .z-account .btn { min-height: 44px; padding: 0 12px; font-size: 12.5px; gap: 6px; width: auto; }
  html body .z-header .z-account .btn .z-icon { width: 15px; height: 15px; }
  html body .z-header .z-menu-toggle { width: 44px; height: 44px; }
}
@media (max-width: 350px) {
  html body .z-header .z-account .btn { padding: 0 10px; font-size: 12px; }
  html body .z-header .z-account .btn .z-icon { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html body .z-header .z-nav-link,
  html body .z-header .z-account .btn,
  html body .z-header .z-menu-toggle span { transition: none; }
  html body .z-header .z-account .btn:hover { transform: none; }
}

/* Footer markası: geniş baykuş logosu + iki satırlı yazı. */
.z-footer .z-brand img {
  width: auto;
  height: 46px;
  aspect-ratio: 727 / 542;
  object-fit: contain;
}
.z-footer .z-brand > span {           /* banner ile aynı: bitişik "ZhonyaNetwork", tek satır */
  display: inline;
  white-space: nowrap;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.045em;
  text-shadow: 0 3px 0 #3a0a0f, 0 10px 24px #000000cc;
}
.z-footer .z-brand > span > span {
  display: inline;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: #ff2b36;
}

/* ---------------------------------------------------------------------------
   Banner: tam ekran piksel mağara, ortada büyük logo ve altında başlık.
   Başka metin yok. Giriş animasyonu, logonun kendi hafif süzülmesi ve
   üzerine gelince büyümesi, arka planın açılış yakınlaşması ve közler.
   Fareyi takip eden hareket yok.
--------------------------------------------------------------------------- */
:root { --zh-topbar: 0px; }
body:has(.z-topbar) { --zh-topbar: 41px; }

.z-home > .z-hero.zh-hero {
  min-height: calc(100svh - var(--zh-topbar));
  border-bottom: 0;
  background: #090909;
}
.z-hero.zh-hero::after {
  background: radial-gradient(ellipse 55% 50% at 50% 45%, #ff1b2a2e, transparent 70%);
  animation: zh-glow 5s ease-in-out infinite alternate;
}
.zh-hero-bg {
  position: absolute;
  z-index: -4;
  inset: -3%;
  width: 106%;
  height: 106%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  image-rendering: pixelated;
  transform: scale(1.02);
  animation: zh-bg-in 1.4s ease-out both;
}
.zh-hero-shade {
  position: absolute;
  z-index: -3;
  inset: 0;
  background:
    radial-gradient(ellipse 48% 46% at 50% 48%, #09090999 0%, #09090955 55%, transparent 80%),
    linear-gradient(180deg, #090909b3 0%, transparent 22%, transparent 70%, var(--z-bg) 100%);
}
.zh-embers i { background: #ff4a52; }
.zh-embers i:nth-child(9) { left: 12%; animation-delay: 2s; animation-duration: 15s; }
.zh-embers i:nth-child(10) { left: 24%; animation-delay: 6s; animation-duration: 18s; }
.zh-embers i:nth-child(11) { left: 5%; animation-delay: 8s; }
.zh-embers i:nth-child(12) { left: 52%; animation-delay: 10s; animation-duration: 14s; }

.zh-hero-stage {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: clamp(4px, 1.5svh, 18px);
  min-height: calc(100svh - var(--zh-topbar) - var(--zh-header-space));
  padding: 2svh 16px 3svh;
  text-align: center;
}
.zh-hero-logo-wrap {
  position: relative;
  display: grid;
  place-items: center;
  transition: transform .45s cubic-bezier(.2,.8,.2,1);
}
.zh-hero-logo-wrap:hover { transform: scale(1.06); }   /* üzerine gelince biraz büyür */
.zh-hero-logo-wrap::before {   /* logonun arkasında nabız gibi atan kırmızı ışık */
  content: "";
  position: absolute;
  inset: 8% 14%;
  border-radius: 50%;
  background: radial-gradient(closest-side, #ff1f2d66, #ffffff11 60%, transparent);
  filter: blur(20px);
  animation: zh-pulse 3.6s ease-in-out infinite;
  z-index: -1;
}
.zh-hero-logo {
  display: block;
  width: auto;
  height: clamp(140px, 44svh, 470px);
  max-width: min(84vw, 630px);
  aspect-ratio: 727 / 542;
  object-fit: contain;
  filter: drop-shadow(0 22px 40px #000000b3) drop-shadow(0 0 34px #ff1f2d40);
  animation: zh-logo-in 1.1s cubic-bezier(.16,.84,.3,1) .1s both, zh-float 6s ease-in-out 1.3s infinite;
}
/* ".z-hero" öneki: ZenitMC'nin ".z-hero h1" boyut kurallarını ezer. */
.z-hero .zh-hero-title {
  margin: 0;
  margin-top: clamp(8px, 3.5svh, 40px);                 /* logodan biraz aşağıda */
  font-size: clamp(2.4rem, min(7.4vw, 10.5vh), 6.8rem);   /* logonun genişliğiyle orantılı */
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.045em;
  animation: zh-title-in .9s cubic-bezier(.2,.8,.2,1) .55s both;
}
/* Başlık = sunucu adresi kopyalama düğmesi. Üzerine gelince tamamı kırmızı,
   tıklayınca aynı yerde "Kopyalandı!" (zenit.js .is-copied ekler, duyuru z-toast'ta). */
.zh-hero-copy {
  display: grid;
  place-items: center;
  padding: .04em .18em .1em;
  border: 0;
  border-radius: .2em;
  background: none;
  color: #fff;
  font: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  cursor: pointer;
  text-shadow: 0 4px 0 #3a0a0f, 0 14px 40px #000000e0;
  transition: transform .25s cubic-bezier(.2,.8,.2,1);
}
.zh-hero-copy > .zh-hero-copy-idle,
.zh-hero-copy > .zh-hero-copy-done { grid-area: 1 / 1; transition: opacity .25s, transform .3s cubic-bezier(.2,.8,.2,1), color .25s; }
.zh-hero-copy-idle > span {
  background: linear-gradient(100deg, #ff2b36 0%, #ff2b36 40%, #e7e4e4 50%, #ff2b36 60%, #ff2b36 100%);
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 4px 0 #3a0a0f) drop-shadow(0 12px 30px #000000c0);
  animation: zh-shine 5s ease-in-out 1.6s infinite;
}
.zh-hero-copy-done {
  color: #ff2b36;
  opacity: 0;
  transform: scale(.8);
  text-shadow: 0 4px 0 #3a0a0f, 0 14px 40px #000000e0;
}
.zh-hero-copy:hover .zh-hero-copy-idle,
.zh-hero-copy:focus-visible .zh-hero-copy-idle { color: #ff2b36; }
.zh-hero-copy:hover { transform: scale(1.03); }
.zh-hero-copy:active { transform: scale(.98); }
.zh-hero-copy:focus-visible { outline: 3px solid var(--z-orange); outline-offset: 6px; }
.zh-hero-copy.is-copied .zh-hero-copy-idle { opacity: 0; transform: scale(.9); }
.zh-hero-copy.is-copied .zh-hero-copy-done { opacity: 1; transform: none; }

@keyframes zh-bg-in { from { opacity: 0; transform: scale(1.12); } to { opacity: 1; } }
@keyframes zh-logo-in {
  from { opacity: 0; transform: translateY(-30px) scale(.78); }
  to { opacity: 1; transform: none; }
}
@keyframes zh-float { 0%, 100% { transform: translateY(0) rotate(0); } 30% { transform: translateY(-9px) rotate(-1deg); } 70% { transform: translateY(-4px) rotate(1deg); } }
@keyframes zh-pulse { 0%, 100% { opacity: .65; transform: scale(.95); } 50% { opacity: 1; transform: scale(1.06); } }
@keyframes zh-title-in { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; } }
@keyframes zh-shine { 0%, 55% { background-position: 100% 0; } 100% { background-position: 0 0; } }
@keyframes zh-glow { from { opacity: .7; } to { opacity: 1; } }

/* ---------------------------------------------------------------------------
   Banner altı: büyük, ortalı Mağaza ve Discord kartları. Arkalarından geçen
   yatay çizgi banner'ı alttaki site kartlarından ayırır.
--------------------------------------------------------------------------- */
.zh-divider {
  position: relative;
  z-index: 2;
  padding-block: clamp(6px, 1.5vw, 16px) clamp(16px, 2.5vw, 28px);
}
.zh-divider-inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
}
.zh-divider-inner::before {   /* ayırıcı çizgi: kenarlarda kaybolan, ortada parlayan */
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 50%;
  height: 2px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, transparent, #ff242f55 18%, #ff3b44 50%, #ff242f55 82%, transparent);
  box-shadow: 0 0 18px #ff242f59;
}
/* Kart: arka planı banner manzarasından bir kesit (--zh-card-bg, --zh-card-pos),
   üstünde koyu geçiş, solda piksel çerçeveli ikon, ortada başlık, sağda eylem. */
.zh-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1 1 0;           /* iki kart birlikte alttaki kartların genişliğini kaplar */
  min-width: 0;
  min-height: 104px;
  padding: 16px 18px 16px 16px;
  border: 1px solid #ff3b4440;
  border-radius: 20px;
  background: #101010;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 18px 44px #0000007a, 0 0 0 8px var(--z-bg), inset 0 1px 0 #ffffff12;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .35s;
}
.zh-card-bg {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: var(--zh-card-bg) var(--zh-card-pos, center) / 260% auto no-repeat;
  image-rendering: pixelated;
  transform: scale(1.02);
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
.zh-card::before {   /* okunurluk için soldan sağa koyu geçiş */
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #0e0e0ef5 0%, #0e0e0ee0 45%, #0e0e0e8c 75%, #0e0e0e59 100%);
}
.zh-card::after {    /* üzerinden geçen parıltı */
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, #ffffff14 50%, transparent 65%);
  transform: translateX(-110%);
  transition: transform .9s ease;
}
.zh-card:hover, .zh-card:focus-visible {
  color: #fff;
  text-decoration: none;
  transform: translateY(-5px);
  border-color: #ff3b44b3;
  box-shadow: 0 26px 54px #000000a6, 0 0 0 8px var(--z-bg), 0 0 34px #ff242f33;
}
.zh-card:hover .zh-card-bg, .zh-card:focus-visible .zh-card-bg { transform: scale(1.1); }
.zh-card:hover::after, .zh-card:focus-visible::after { transform: translateX(110%); }
.zh-card:focus-visible { outline: 2px solid var(--z-orange); outline-offset: 12px; }
.z-motion-enabled .zh-card.is-visible:hover { transform: translateY(-5px); transition-delay: 0s; }

.zh-card-icon {   /* piksel çerçeve: köşesiz kare + iç gölge */
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 68px;
  height: 68px;
  background: linear-gradient(145deg, #ff3b44, #a50e18);
  color: #fff;
  clip-path: polygon(6px 0, calc(100% - 6px) 0, calc(100% - 6px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 6px, 100% 6px,
    100% calc(100% - 6px), calc(100% - 3px) calc(100% - 6px), calc(100% - 3px) calc(100% - 3px), calc(100% - 6px) calc(100% - 3px),
    calc(100% - 6px) 100%, 6px 100%, 6px calc(100% - 3px), 3px calc(100% - 3px), 3px calc(100% - 6px), 0 calc(100% - 6px),
    0 6px, 3px 6px, 3px 3px, 6px 3px);
  box-shadow: inset 0 -5px 0 #00000040, inset 0 4px 0 #ffffff33;
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.zh-card-icon .z-icon { width: 32px; height: 32px; filter: drop-shadow(0 2px 0 #0000004d); }
.zh-card:hover .zh-card-icon, .zh-card:focus-visible .zh-card-icon { transform: scale(1.08); }

.zh-card-text { display: grid; gap: 3px; flex: 1; min-width: 0; }
.zh-card-text strong { font-size: clamp(1.4rem, 2vw, 1.75rem); font-weight: 900; line-height: 1.1; letter-spacing: -.03em; text-shadow: 0 2px 0 #00000080; }
.zh-card-text small { color: #cdcaca; font-size: 14px; overflow-wrap: anywhere; }

.zh-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  min-height: 44px;
  padding: 0 6px 0 16px;
  border: 1px solid #ffffff21;
  border-radius: 999px;
  background: #090808b8;
  color: #edeaea;
  font-size: 14px;
  font-weight: 800;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: border-color .35s cubic-bezier(.2,.8,.2,1), color .35s, background-color .35s;
}
.zh-card-cta-arrow {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ffffff14;
  transition: background-color .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
.zh-card-cta-arrow .z-icon { width: 15px; height: 15px; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.zh-card:hover .zh-card-cta, .zh-card:focus-visible .zh-card-cta { border-color: #ff3b4480; color: #fff; background: #090808d9; }
.zh-card:hover .zh-card-cta-arrow, .zh-card:focus-visible .zh-card-cta-arrow { background: var(--z-orange); box-shadow: 0 0 14px #ff242f80; }
.zh-card:hover .zh-card-cta-arrow .z-icon, .zh-card:focus-visible .zh-card-cta-arrow .z-icon { transform: translateX(2px); }

/* Discord: mor tonlar */
.zh-card-discord { border-color: #5865f259; }
.zh-card-discord::before { background: linear-gradient(90deg, #0e0c16f5 0%, #0e0c16e0 45%, #1a1240a6 75%, #2a1a5a66 100%); }
.zh-card-discord .zh-card-icon { background: linear-gradient(145deg, #7b85ff, #4450c8); }
.zh-card-discord:hover, .zh-card-discord:focus-visible { border-color: #7b85ffb3; box-shadow: 0 26px 54px #000000a6, 0 0 0 8px var(--z-bg), 0 0 34px #5865f240; }
.zh-card-discord:hover .zh-card-cta, .zh-card-discord:focus-visible .zh-card-cta { border-color: #7b85ff80; }
.zh-card-discord:hover .zh-card-cta-arrow, .zh-card-discord:focus-visible .zh-card-cta-arrow { background: #5865f2; box-shadow: 0 0 14px #5865f280; }

@media (max-width: 860px) {
  .zh-card { min-height: 92px; gap: 14px; padding: 12px 14px 12px 12px; }
  .zh-card-icon { width: 58px; height: 58px; }
  .zh-card-icon .z-icon { width: 28px; height: 28px; }
  .zh-card-cta { padding: 0 5px 0 12px; font-size: 13px; }
}
/* Telefonda kartlar alt alta; çizgi ikisinin arasından yatay geçer. */
@media (max-width: 640px) {
  .zh-divider-inner { flex-direction: column; gap: 32px; }
  .zh-card { flex: none; width: 100%; min-height: 86px; }
  .zh-card-text strong { font-size: 1.35rem; }
  .zh-card-text small { font-size: 13px; }
  .zh-card-cta-label { display: none; }        /* dar ekranda yalnız ok */
  .zh-card-cta { padding: 5px; }
}
@media (max-width: 767px) {
  body:has(.z-topbar) { --zh-topbar: 37px; }
  .zh-hero-bg { animation-duration: .8s; }
  .zh-hero-logo { height: auto; width: min(84vw, 46svh * 1.34); }
  .z-hero .zh-hero-title { font-size: clamp(2.1rem, 11.6vw, 3.8rem); }
}

@media (prefers-reduced-motion: reduce) {
  .z-hero.zh-hero::after, .zh-hero-bg, .zh-hero-logo, .zh-hero-logo-wrap::before,
  .zh-hero-title, .zh-hero-copy-idle > span { animation: none !important; }
  .zh-hero-bg { transform: none !important; }
  .zh-hero-logo-wrap { transition: none; }
  .zh-hero-logo-wrap:hover { transform: none; }
  .zh-hero-copy, .zh-hero-copy > span, .zh-card, .zh-card-bg, .zh-card::after, .zh-card-icon, .zh-card-cta, .zh-card-cta-arrow, .zh-card-cta-arrow .z-icon { transition: none; }
  .zh-hero-copy:hover, .zh-card:hover, .zh-card:hover .zh-card-bg, .zh-card:hover .zh-card-icon, .zh-card:hover .zh-card-cta-arrow .z-icon,
  .z-motion-enabled .zh-card.is-visible:hover { transform: none; }
  .zh-card::after { display: none; }
}

/* ---------------------------------------------------------------------------
   Tıklama animasyonu (zhonya.js): tıklanan noktada halka + kıvılcımlar.
--------------------------------------------------------------------------- */
.zh-click {
  position: fixed;
  z-index: 2147483000;
  width: 0;
  height: 0;
  pointer-events: none;
  animation: zh-click-life .7s linear forwards;
}
.zh-click::before {
  content: "";
  position: absolute;
  left: -18px;
  top: -18px;
  width: 36px;
  height: 36px;
  border: 2px solid #ff3b44;
  border-radius: 50%;
  box-shadow: 0 0 12px #ff242f99, inset 0 0 8px #ff242f66;
  animation: zh-click-ring .5s cubic-bezier(.2,.8,.2,1) forwards;
}
.zh-click i {
  position: absolute;
  left: -2px;
  top: -2px;
  width: 4px;
  height: 4px;
  background: #ff5a62;
  box-shadow: 0 0 6px #ff242f;
  transform: rotate(var(--zh-angle)) translateX(4px);
  animation: zh-click-spark .55s cubic-bezier(.2,.8,.2,1) forwards;
}
@keyframes zh-click-life { to { opacity: 1; } }
@keyframes zh-click-ring {
  from { transform: scale(.2); opacity: 1; }
  to { transform: scale(1.5); opacity: 0; }
}
@keyframes zh-click-spark {
  from { transform: rotate(var(--zh-angle)) translateX(4px); opacity: 1; }
  to { transform: rotate(var(--zh-angle)) translateX(26px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .zh-click { display: none; } }

/* ---------------------------------------------------------------------------
   Site geneli imleç: süslü metalik kırmızı ok (img/zhonya/cursor.png,
   araclar/cursor.py ile üretilir; uç noktası 2 2). ZenitMC'nin sınıf bazlı
   cursor:pointer kurallarını ezmek için !important. Yazı alanlarında metin
   imleci, devre dışı öğelerde "izin yok" korunur.
--------------------------------------------------------------------------- */
html, html * { cursor: url("../img/zhonya/cursor.png") 2 2, auto !important; }
html a, html button, html [role="button"], html summary, html label, html select { cursor: url("../img/zhonya/cursor.png") 2 2, pointer !important; }
html input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]),
html textarea,
html [contenteditable="true"],
html .ck-editor__editable { cursor: text !important; }
html :disabled, html [aria-disabled="true"], html .disabled { cursor: not-allowed !important; }

/* Ayırıcının hemen altındaki ilk site bölümü: ZenitMC'nin 96 px üst boşluğunu azalt. */
.zh-divider + * { margin-top: clamp(20px, 3vw, 40px) !important; }

/* ---------------------------------------------------------------------------
   BoxMining mağazası: tek geniş üyelik kartı (components/zhonya-store.php).
   Solda başlık + 3 üyelik satırı + "tümünü incele", sağda büyük SPONSOR amblemi.
--------------------------------------------------------------------------- */
.zh-shop-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 28px;
  min-height: 460px;
  padding: 34px;
  border: 1px solid #ff6a7033;
  border-radius: 26px;
  background:
    radial-gradient(ellipse 60% 70% at 78% 45%, #ff5a6326, transparent 70%),
    linear-gradient(135deg, #b2353d, #8b2730 62%, #6a1d24);
  box-shadow: 0 28px 60px #00000059, inset 0 1px 0 #ffffff1f;
}
.zh-shop-card::before {   /* hafif piksel ızgara dokusu */
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px);
  background-size: 16px 16px;
  mask-image: linear-gradient(90deg, #000000 0%, transparent 60%);
  -webkit-mask-image: linear-gradient(90deg, #000000 0%, transparent 60%);
}
.zh-shop-main { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.zh-shop-head h2 { margin: 0 0 6px; font-size: clamp(2rem, 3.4vw, 2.7rem); font-weight: 900; line-height: 1.1; letter-spacing: -.04em; }
.zh-shop-head h2 a { color: #fff; text-decoration: none; }
.zh-shop-head h2 a:hover { color: #fff; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.zh-shop-count { color: #e9e6e6; font-size: 14px; font-weight: 700; opacity: .85; }

.zh-shop-rows { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.zh-shop-row {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto 36px;
  align-items: center;
  gap: 14px;
  min-height: 68px;
  padding: 8px 10px 8px 10px;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  background: linear-gradient(90deg, #2a080d80, #2a080d40);
  box-shadow: inset 3px 0 0 var(--tier);
  color: #fff;
  text-decoration: none;
  transition: background-color .3s, border-color .3s, box-shadow .3s;
}
.zh-shop-row img { width: 54px; height: 54px; object-fit: contain; filter: drop-shadow(0 4px 6px #00000066); transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.zh-shop-row-name { display: grid; gap: 1px; min-width: 0; }
.zh-shop-row-name strong { font-size: 18px; font-weight: 850; letter-spacing: -.01em; }
.zh-shop-row-name small { color: #e7e4e4; font-size: 12px; opacity: .8; }
.zh-shop-row-price { color: #f1f0f0; font-size: 14px; font-weight: 700; white-space: nowrap; }
.zh-shop-row-price strong { color: #fff; font-size: 20px; font-weight: 900; letter-spacing: -.02em; }
.zh-shop-row-arrow {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff1a;
  color: #fff;
  transition: background-color .3s, color .3s;
}
.zh-shop-row-arrow .z-icon { width: 16px; height: 16px; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.zh-shop-row:hover, .zh-shop-row:focus-visible {
  color: #fff;
  text-decoration: none;
  border-color: color-mix(in srgb, var(--tier) 55%, transparent);
  background: linear-gradient(90deg, #2a080dc4, #2a080d73);
  box-shadow: inset 4px 0 0 var(--tier), 0 10px 24px #00000040;
}
.zh-shop-row:hover img, .zh-shop-row:focus-visible img { transform: scale(1.1); }
.zh-shop-row:hover .zh-shop-row-arrow, .zh-shop-row:focus-visible .zh-shop-row-arrow { background: #fff; color: #8b2730; }
.zh-shop-row:hover .zh-shop-row-arrow .z-icon, .zh-shop-row:focus-visible .zh-shop-row-arrow .z-icon { transform: translateX(2px); }
.zh-shop-row:focus-visible, .zh-shop-all:focus-visible, .zh-shop-feature:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.zh-shop-all {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: auto;
  min-height: 62px;
  padding: 10px 10px 10px 18px;
  border-radius: 16px;
  background: #2a080d73;
  border: 1px solid #ffffff14;
  color: #fff;
  font-weight: 800;
  text-decoration: none;
  transition: background-color .3s;
}
.zh-shop-all > span:first-child { display: inline-flex; align-items: center; gap: 9px; flex: 1; }
.zh-shop-all > span:first-child .z-icon { width: 18px; height: 18px; }
.zh-shop-all-price { display: grid; justify-items: end; line-height: 1.1; }
.zh-shop-all-price small { color: #e7e4e4; font-size: 11px; font-weight: 700; }
.zh-shop-all-price strong { font-size: 20px; font-weight: 900; }
.zh-shop-all-price strong span { font-size: 14px; }
.zh-shop-all:hover, .zh-shop-all:focus-visible { color: #fff; text-decoration: none; background: #2a080db3; }
.zh-shop-all:hover .zh-shop-row-arrow { background: #fff; color: #8b2730; }
.zh-shop-all:hover .zh-shop-row-arrow .z-icon { transform: translateX(2px); }

/* Sağ: büyük SPONSOR amblemi */
.zh-shop-feature {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 380px;
  color: #fff;
  text-decoration: none;
}
.zh-shop-aura {
  position: absolute;
  inset: 6% 8% 18%;
  border-radius: 50%;
  background: radial-gradient(closest-side, color-mix(in srgb, var(--tier) 55%, transparent), transparent 75%);
  filter: blur(18px);
  opacity: .75;
  animation: zh-pulse 4s ease-in-out infinite;
}
.zh-shop-pedestal {
  position: absolute;
  left: 10%;
  right: 10%;
  bottom: 52px;
  height: 22%;
  background: #ff929626;
  clip-path: polygon(50% 0, 100% 40%, 100% 62%, 50% 100%, 0 62%, 0 40%);
}
.zh-shop-feature-img {
  position: relative;
  width: min(360px, 88%);
  height: auto;
  margin-bottom: 64px;
  filter: drop-shadow(0 26px 30px #00000073);
  animation: zh-float 6s ease-in-out infinite;
  transition: scale .45s cubic-bezier(.2,.8,.2,1);
}
.zh-shop-feature:hover .zh-shop-feature-img, .zh-shop-feature:focus-visible .zh-shop-feature-img { scale: 1.05; }
.zh-shop-feature-tag {
  position: absolute;
  left: 50%;
  bottom: 6px;
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: min(320px, 92%);
  padding: 10px 12px 10px 18px;
  border: 1px solid color-mix(in srgb, var(--tier) 50%, #ffffff22);
  border-radius: 16px;
  background: #1b0a14cc;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transform: translateX(-50%);
  box-shadow: 0 12px 30px #00000059;
  transition: border-color .3s, box-shadow .3s;
}
.zh-shop-feature-tag > span:first-child { display: grid; flex: 1; line-height: 1.15; }
.zh-shop-feature-tag small { color: #d9c2ff; font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.zh-shop-feature-tag strong { font-size: 20px; font-weight: 900; letter-spacing: .02em; }
.zh-shop-feature-price { padding: 8px 12px; border-radius: 12px; background: var(--tier); color: #fff; font-size: 13px; font-weight: 800; white-space: nowrap; }
.zh-shop-feature-price strong { font-size: 17px; }
.zh-shop-feature:hover .zh-shop-feature-tag, .zh-shop-feature:focus-visible .zh-shop-feature-tag { border-color: var(--tier); box-shadow: 0 14px 34px #00000073, 0 0 24px color-mix(in srgb, var(--tier) 40%, transparent); }

@media (max-width: 991px) {
  .zh-shop-card { grid-template-columns: minmax(0, 1fr); padding: 26px; gap: 8px; }
  .zh-shop-feature { order: -1; min-height: 300px; }
  .zh-shop-feature-img { width: min(270px, 70%); }
}
@media (max-width: 560px) {
  .zh-shop-card { padding: 18px; border-radius: 22px; }
  .zh-shop-row { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; min-height: 60px; }
  .zh-shop-row img { width: 44px; height: 44px; }
  .zh-shop-row > .zh-shop-row-arrow { display: none; }
  .zh-shop-row-name strong { font-size: 16px; }
  .zh-shop-row-price strong { font-size: 17px; }
  .zh-shop-all { padding-left: 14px; }
  .zh-shop-feature { min-height: 260px; }
  .zh-shop-feature-img { margin-bottom: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-shop-aura, .zh-shop-feature-img { animation: none; }
  .zh-shop-row, .zh-shop-row img, .zh-shop-row-arrow, .zh-shop-row-arrow .z-icon, .zh-shop-all, .zh-shop-feature-img, .zh-shop-feature-tag { transition: none; }
  .zh-shop-row:hover img, .zh-shop-feature:hover .zh-shop-feature-img { transform: none; scale: 1; }
}

/* ---------------------------------------------------------------------------
   Mağaza kartı etkileşim katmanı (js/zhonya.js ile): 3D eğilme + parıltı,
   satırların sırayla girişi, satır hover/seçili hâli, amblem geçişi,
   ışık huzmeleri ve yükselen kıvılcımlar.
--------------------------------------------------------------------------- */
.zh-store { perspective: 1400px; }
.zh-shop-card { --card-x: 0; --card-y: 0; --shine-x: 50%; --shine-y: 50%; transform-style: preserve-3d; }
html .zh-store .zh-shop-card.is-visible,
html .zh-store .zh-shop-card:not(.z-reveal) {
  transform: rotateX(calc(var(--card-y) * -2.4deg)) rotateY(calc(var(--card-x) * 3deg));
  transition: transform .6s cubic-bezier(.2,.8,.2,1), border-color .35s, box-shadow .35s, opacity .65s;
}
.zh-shop-card:hover { border-color: #e7e4e44d; box-shadow: 0 34px 70px #00000073, inset 0 1px 0 #ffffff26; }
.zh-shop-shine {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle 340px at var(--shine-x) var(--shine-y), #ffffff1f, transparent 70%);
  transition: opacity .4s;
}
.zh-shop-card:hover .zh-shop-shine { opacity: 1; }

/* Satırlar: kart göründüğünde soldan sırayla gelir */
.zh-shop-rows > li { transition: opacity .55s ease, transform .6s cubic-bezier(.2,.8,.2,1); transition-delay: calc(var(--row-i) * 90ms + 220ms); }
.z-motion-enabled .zh-shop-card:not(.is-visible) .zh-shop-rows > li { opacity: 0; transform: translateX(-26px); }

.zh-shop-row { position: relative; overflow: hidden; isolation: isolate; transition: background-color .3s, border-color .3s, box-shadow .3s, transform .35s cubic-bezier(.2,.8,.2,1); }
.zh-shop-row::after {   /* üzerinden geçen ışık */
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(105deg, transparent 30%, #ffffff1c 50%, transparent 70%);
  transform: translateX(-110%);
  transition: transform .8s ease;
}
.zh-shop-row-badge { position: relative; display: grid; place-items: center; width: 54px; height: 54px; }
.zh-shop-row-badge::before {   /* rozet arkasında üyelik renginde hale */
  content: "";
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  background: var(--tier);
  filter: blur(14px);
  opacity: 0;
  transition: opacity .35s;
}
.zh-shop-row-badge img { position: relative; }
.zh-shop-row:hover, .zh-shop-row:focus-visible, .zh-shop-row.is-active {
  color: #fff;
  text-decoration: none;
  transform: translateX(6px);
  border-color: color-mix(in srgb, var(--tier) 60%, transparent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--tier) 22%, #2a080d), #2a080d73);
  box-shadow: inset 4px 0 0 var(--tier), 0 12px 26px #00000047;
}
.zh-shop-row:hover::after, .zh-shop-row:focus-visible::after { transform: translateX(110%); }
.zh-shop-row:hover .zh-shop-row-badge::before, .zh-shop-row:focus-visible .zh-shop-row-badge::before, .zh-shop-row.is-active .zh-shop-row-badge::before { opacity: .55; }
.zh-shop-row:hover img, .zh-shop-row:focus-visible img, .zh-shop-row.is-active img { transform: scale(1.16); }
.zh-shop-row.is-active .zh-shop-row-arrow { background: #fff; color: #8b2730; }

/* Amblem: fareyle derinlik, geçiş, huzme ve kıvılcımlar */
.zh-shop-feature-img {
  z-index: 2;
  translate: calc(var(--card-x) * 14px) calc(var(--card-y) * 10px);
  transition: scale .45s cubic-bezier(.2,.8,.2,1), opacity .17s ease, translate .6s cubic-bezier(.2,.8,.2,1), filter .4s;
  filter: drop-shadow(0 26px 30px #00000073) drop-shadow(0 0 22px color-mix(in srgb, var(--tier) 35%, transparent));
}
.zh-shop-feature.is-swapping .zh-shop-feature-img { opacity: 0; scale: .82; }
.zh-shop-feature-tag strong, .zh-shop-feature-tag small { transition: opacity .17s; }
.zh-shop-feature.is-swapping .zh-shop-feature-tag strong, .zh-shop-feature.is-swapping .zh-shop-feature-tag small { opacity: 0; }
.zh-shop-feature-price { transition: background-color .35s; }
.zh-shop-aura { z-index: 0; transition: background .35s; }
.zh-shop-pedestal { z-index: 1; }
.zh-shop-rays {
  position: absolute;
  z-index: 0;
  top: 46%;
  left: 50%;
  width: min(520px, 125%);
  aspect-ratio: 1;
  translate: -50% -50%;
  border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--tier) 22%, transparent) 0deg 7deg, transparent 7deg 22deg);
  -webkit-mask-image: radial-gradient(circle, #000000 18%, transparent 68%);
  mask-image: radial-gradient(circle, #000000 18%, transparent 68%);
  opacity: .55;
  animation: zh-rays-spin 40s linear infinite;
}
@keyframes zh-rays-spin { to { rotate: 360deg; } }
.zh-shop-sparks { position: absolute; z-index: 1; inset: 10% 15% 60px; pointer-events: none; }
.zh-shop-sparks i {
  position: absolute;
  bottom: 0;
  width: 5px;
  height: 5px;
  background: var(--tier);
  box-shadow: 0 0 10px var(--tier);
  opacity: 0;
  animation: zh-spark-rise 4.2s ease-in infinite;
}
.zh-shop-sparks i:nth-child(1) { left: 8%; animation-delay: 0s; }
.zh-shop-sparks i:nth-child(2) { left: 22%; animation-delay: 1.6s; animation-duration: 5s; }
.zh-shop-sparks i:nth-child(3) { left: 38%; animation-delay: .7s; width: 4px; height: 4px; }
.zh-shop-sparks i:nth-child(4) { left: 54%; animation-delay: 2.4s; animation-duration: 4.8s; }
.zh-shop-sparks i:nth-child(5) { left: 68%; animation-delay: 1.1s; width: 3px; height: 3px; }
.zh-shop-sparks i:nth-child(6) { left: 82%; animation-delay: 3s; }
.zh-shop-sparks i:nth-child(7) { left: 92%; animation-delay: .3s; animation-duration: 5.4s; width: 4px; height: 4px; }
.zh-shop-sparks i:nth-child(8) { left: 46%; animation-delay: 3.6s; animation-duration: 3.8s; }
@keyframes zh-spark-rise {
  0% { opacity: 0; transform: translateY(0) scale(1); }
  15% { opacity: 1; }
  100% { opacity: 0; transform: translateY(-220px) scale(.4); }
}
.zh-shop-feature:hover .zh-shop-rays { opacity: .8; }

@media (prefers-reduced-motion: reduce) {
  html .zh-store .zh-shop-card.is-visible, html .zh-store .zh-shop-card:not(.z-reveal) { transform: none; }
  .zh-shop-rays, .zh-shop-sparks i { animation: none; }
  .zh-shop-sparks { display: none; }
  .zh-shop-rows > li, .zh-shop-row, .zh-shop-row::after, .zh-shop-feature-img { transition: none; }
  .z-motion-enabled .zh-shop-card:not(.is-visible) .zh-shop-rows > li { opacity: 1; transform: none; }
  .zh-shop-row:hover, .zh-shop-row.is-active { transform: none; }
  .zh-shop-feature-img { translate: none; }
}

/* Footer üstündeki piksel ufuk şeridi: kırmızı sis yerine sakin, nötr bir siluet. */
.z-footer .z-footer-horizon { background: linear-gradient(0deg, #ffffff08, #ffffff1a); opacity: .9; }

/* Banner alt yazısı: başlığın altında küçük, soluk ama okunur; süs çizgisi yok. */
.z-hero .zh-hero-sub {
  margin: clamp(2px, .8svh, 8px) 0 0;
  color: #d9d4d4b3;
  font-size: clamp(.68rem, 1vw, .85rem);
  font-weight: 700;
  letter-spacing: .22em;
  text-shadow: 0 1px 0 #000000b3, 0 6px 18px #000000cc;
  animation: zh-title-in .9s cubic-bezier(.2,.8,.2,1) .8s both;
}
@media (max-width: 480px) {
  .z-hero .zh-hero-sub { font-size: .66rem; letter-spacing: .12em; white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) { .z-hero .zh-hero-sub { animation: none; } }

/* Mağaza artık sayfanın son bölümü: footer'a nefes payı. */
.z-home > .zh-store:last-of-type { margin-bottom: clamp(48px, 7vw, 96px); }

/* ---------------------------------------------------------------------------
   Üst menü kaydırma hâli (zhonya.js .is-scrolled ekler): oval kart açılıp tam
   genişlikte, köşesiz, hafif saydam siyah ve bulanık arka planlı şeride dönüşür.
   Header'ın kapladığı alan değişmez (top/left ile kaydırılır), sayfa zıplamaz.
--------------------------------------------------------------------------- */
html body .z-header .z-header-inner {
  transition: max-width .55s cubic-bezier(.2,.8,.2,1), width .55s cubic-bezier(.2,.8,.2,1),
    top .45s cubic-bezier(.2,.8,.2,1), left .55s cubic-bezier(.2,.8,.2,1), border-radius .45s ease,
    background-color .4s, border-color .4s, box-shadow .4s, padding .45s;
}
html body .z-header.is-scrolled .z-header-inner {
  width: calc(100% + 2 * var(--zh-header-gap));
  max-width: calc(100% + 2 * var(--zh-header-gap));
  top: calc(-1 * var(--zh-header-gap));
  left: calc(-1 * var(--zh-header-gap));
  padding-inline: max(16px, calc((100% - 1280px) / 2));
  border-radius: 0;
  border-color: transparent transparent #ffffff14;
  background: #0a0a0bcc;
  -webkit-backdrop-filter: blur(16px) saturate(1.25);
  backdrop-filter: blur(16px) saturate(1.25);
  box-shadow: 0 12px 34px #00000073;
}
html body .z-header.zh-measuring .z-header-inner { width: max-content !important; max-width: none !important; transition: none !important; }
@media (max-width: 1060px) {
  html body .z-header.is-scrolled .z-header-inner { padding-inline: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .z-header .z-header-inner { transition: background-color .2s; }
}

/* ---------------------------------------------------------------------------
   Mağaza kartı — banner ile aynı dünya: koyu zemin üzerinde piksel kızıl ay
   manzarası (sağda ay, amblemin arkasında), koyu cam satırlar, kırmızı yalnız vurgu.
   Yapı ve etkileşimler (eğilme, satır → amblem) aynı kalır.
--------------------------------------------------------------------------- */
.zh-store .zh-shop-card {
  border: 1px solid #ffffff17;
  background: #0d0b0c;
  box-shadow: 0 30px 70px #00000080, inset 0 1px 0 #ffffff14;
}
.zh-store .zh-shop-card:hover { border-color: #ffffff2e; box-shadow: 0 36px 80px #0000008c, inset 0 1px 0 #ffffff1f; }
.zh-shop-scene {
  position: absolute;
  z-index: -2;
  inset: -4%;
  background: var(--zh-scene) 73% 70% / cover no-repeat;   /* portal amblemin arkasında */
  image-rendering: pixelated;
  translate: calc(var(--card-x, 0) * -10px) calc(var(--card-y, 0) * -6px);
  transition: translate .8s cubic-bezier(.2,.8,.2,1);
  animation: zh-scene-drift 26s ease-in-out infinite alternate;
}
.zh-shop-scene::after {   /* okunurluk: solda koyu, sağda manzara görünür; altta zemine kaynar */
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, #0d0b0cf7 0%, #0d0b0ceb 34%, #0d0b0c99 58%, #0d0b0c33 82%, #0d0b0c4d 100%),
    linear-gradient(0deg, #0d0b0ccc 0%, transparent 35%);
}
@keyframes zh-scene-drift { from { scale: 1.02; } to { scale: 1.09; } }
.zh-store .zh-shop-card::before { mask-image: linear-gradient(90deg, #000 0%, transparent 45%); -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 45%); opacity: .7; }
.zh-store .zh-shop-card img { image-rendering: auto; }

.zh-store .zh-shop-count { color: #b9b2b3; }
.zh-store .z-shop-badge { background: #ffffff12; border-color: #ffffff1f; color: #f1eded; }
.zh-store .zh-shop-head h2 { text-shadow: 0 3px 0 #00000080; }

/* Satırlar: koyu cam, üyelik rengi ince şerit ve seçili hâlde hafif renk */
.zh-store .zh-shop-row {
  border-color: #ffffff12;
  background: linear-gradient(90deg, #141112e6, #14111299);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.zh-store .zh-shop-row-name small { color: #a9a1a2; opacity: 1; }
.zh-store .zh-shop-row-price { color: #cfc8c9; }
.zh-store .zh-shop-row:hover, .zh-store .zh-shop-row:focus-visible, .zh-store .zh-shop-row.is-active {
  border-color: color-mix(in srgb, var(--tier) 55%, transparent);
  background: linear-gradient(90deg, color-mix(in srgb, var(--tier) 16%, #141112), #141112b3);
}
.zh-store .zh-shop-row:hover .zh-shop-row-arrow, .zh-store .zh-shop-row:focus-visible .zh-shop-row-arrow, .zh-store .zh-shop-row.is-active .zh-shop-row-arrow { background: var(--tier); color: #0d0b0c; }
.zh-store .zh-shop-all { background: #141112cc; border-color: #ffffff14; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.zh-store .zh-shop-all:hover, .zh-store .zh-shop-all:focus-visible { background: #1c1718e6; border-color: #ff3b4459; }
.zh-store .zh-shop-all:hover .zh-shop-row-arrow { background: var(--z-orange); color: #fff; }
.zh-store .zh-shop-all-price small { color: #a9a1a2; }

/* Amblem: nötr kaide, koyu cam etiket */
.zh-store .zh-shop-pedestal { background: #ffffff12; }
.zh-store .zh-shop-feature-tag { background: #0d0b0ccc; border-color: color-mix(in srgb, var(--tier) 45%, #ffffff1f); }
.zh-store .zh-shop-feature-tag small { color: color-mix(in srgb, var(--tier) 55%, #ffffff); }

@media (max-width: 991px) {
  .zh-shop-scene { background-position: 76% 60%; }
  .zh-shop-scene::after { background: linear-gradient(180deg, #0d0b0c4d 0%, #0d0b0c99 34%, #0d0b0cf2 52%, #0d0b0cfa 100%); }
}
@media (prefers-reduced-motion: reduce) { .zh-shop-scene { animation: none; translate: none; transition: none; } }

/* ---------------------------------------------------------------------------
   Footer — banner gibi piksel manzara (göl ve kıyılar), üstte sayfa rengine geçiş.
--------------------------------------------------------------------------- */
.z-footer.zh-footer { background: #0b0a0b; border-top: 0; }
.zh-footer-scene {
  position: absolute;
  z-index: -2;
  inset: 0;
  background: var(--zh-scene) 50% 100% / cover no-repeat;
  image-rendering: pixelated;
  opacity: .9;
}
.zh-footer-scene::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, var(--z-bg) 0%, #0b0a0bc7 20%, #0b0a0b73 55%, #0b0a0b99 100%),
    linear-gradient(90deg, #0b0a0b99 0%, transparent 45%);
}
.z-footer.zh-footer .z-footer-horizon { display: none; }
.z-footer.zh-footer .z-footer-bottom { border-top-color: #ffffff17; }
@media (max-width: 767px) { .zh-footer-scene { background-position: 50% 100%; opacity: .6; } }

/* Üyelik kartı başlık satırı: solda etiket/başlık, sağda "Mağazaya göz at" */
.zh-shop-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.zh-shop-head h2 { margin: 0 0 6px; font-size: clamp(2rem, 3.4vw, 2.7rem); font-weight: 900; line-height: 1.1; letter-spacing: -.04em; }
.zh-shop-browse {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  min-height: 44px;
  margin-top: 2px;
  padding: 0 6px 0 16px;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  background: #141112cc;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: border-color .3s, background-color .3s;
}
.zh-shop-browse .zh-shop-row-arrow { width: 32px; height: 32px; }
.zh-shop-browse:hover, .zh-shop-browse:focus-visible { color: #fff; text-decoration: none; border-color: #ff3b4480; background: #1c1718e6; }
.zh-shop-browse:hover .zh-shop-row-arrow, .zh-shop-browse:focus-visible .zh-shop-row-arrow { background: var(--z-orange); color: #fff; }
.zh-shop-browse:hover .zh-shop-row-arrow .z-icon { transform: translateX(2px); }
.zh-shop-browse:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 560px) {
  .zh-shop-head { flex-direction: column; gap: 12px; }
}
/* Dış başlık kalktı: kartın üst boşluğu ayırıcıya göre */
.zh-divider + .zh-store { margin-top: clamp(16px, 2.5vw, 32px) !important; }

/* ---------------------------------------------------------------------------
   Üyelik kartı v3 — görsel yerine CSS ile çizilen, her boyutta keskin arka plan:
   koyu zemin, amblemin arkasında seçili üyeliğin renginde yumuşak ışık (--zh-glow,
   zhonya.js değiştirir, @property ile yumuşak geçer), altta perspektifli piksel
   ızgara zemin, üstte hafif yıldız tozu.
   Not: Chrome'da preserve-3d + backdrop-filter öğeleri kaybettirebiliyor; ikisi de kapalı.
--------------------------------------------------------------------------- */
@property --zh-glow { syntax: '<color>'; inherits: true; initial-value: #9b5cff; }
.zh-store .zh-shop-card {
  transform-style: flat;
  transition: --zh-glow .7s ease, transform .6s cubic-bezier(.2,.8,.2,1), border-color .35s, box-shadow .35s, opacity .65s;
  background:
    radial-gradient(ellipse 34% 62% at 76% 44%, color-mix(in srgb, var(--zh-glow) 30%, transparent), transparent 72%),
    radial-gradient(ellipse 70% 90% at 82% 30%, color-mix(in srgb, var(--zh-glow) 9%, transparent), transparent 75%),
    linear-gradient(105deg, #0e0c0d 0%, #0f0d0f 45%, #141117 100%);
}
.zh-store .zh-shop-card::before {           /* yıldız tozu */
  mask-image: none;
  -webkit-mask-image: none;
  opacity: 1;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 22%, #ffffff55, transparent 60%),
    radial-gradient(1.5px 1.5px at 33% 78%, #ffffff33, transparent 60%),
    radial-gradient(2px 2px at 58% 14%, #ffffff66, transparent 60%),
    radial-gradient(1.5px 1.5px at 66% 62%, #ffffff40, transparent 60%),
    radial-gradient(2px 2px at 88% 18%, #ffffff5c, transparent 60%),
    radial-gradient(1.5px 1.5px at 94% 70%, #ffffff3d, transparent 60%),
    radial-gradient(1.5px 1.5px at 47% 40%, #ffffff2e, transparent 60%),
    radial-gradient(2px 2px at 72% 88%, #ffffff40, transparent 60%);
  background-size: auto;
}
.zh-store .zh-shop-scene {                 /* perspektifli piksel ızgara zemin (sağ alt) */
  inset: auto -8% 0 42%;
  height: 46%;
  background:
    linear-gradient(color-mix(in srgb, var(--zh-glow) 38%, transparent) 1px, transparent 1px) 0 0 / 32px 32px,
    linear-gradient(90deg, color-mix(in srgb, var(--zh-glow) 38%, transparent) 1px, transparent 1px) 0 0 / 32px 32px;
  transform: perspective(420px) rotateX(62deg);
  transform-origin: 50% 100%;
  -webkit-mask-image: linear-gradient(to top, #000 0%, #0008 45%, transparent 100%), radial-gradient(ellipse 60% 120% at 55% 100%, #000, transparent 75%);
  mask-image: linear-gradient(to top, #000 0%, #0008 45%, transparent 100%);
  translate: calc(var(--card-x, 0) * -8px) 0;
  animation: zh-grid-flow 6s linear infinite;
  image-rendering: auto;
}
.zh-store .zh-shop-scene::after { content: none; }
@keyframes zh-grid-flow { to { background-position: 0 32px, 0 0; } }
.zh-store .zh-shop-aura {
  background: radial-gradient(closest-side, color-mix(in srgb, var(--zh-glow) 50%, transparent), transparent 72%);
  opacity: .8;
}
.zh-store .zh-shop-pedestal { background: color-mix(in srgb, var(--zh-glow) 18%, #ffffff10); }

/* bulanık cam yerine yarı opak zemin (kaybolma hatasını önler) */
.zh-store .zh-shop-row, .zh-store .zh-shop-all, .zh-store .zh-shop-browse, .zh-store .zh-shop-feature-tag {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
.zh-store .zh-shop-row { background: linear-gradient(90deg, #17131599, #17131566); background-color: #151213; }
.zh-store .zh-shop-all, .zh-store .zh-shop-browse { background: #151213; }
.zh-store .zh-shop-feature-tag { background: #0f0c0de6; }

@media (max-width: 991px) {
  .zh-store .zh-shop-card {
    background:
      radial-gradient(ellipse 70% 30% at 50% 18%, color-mix(in srgb, var(--zh-glow) 30%, transparent), transparent 72%),
      linear-gradient(180deg, #141117 0%, #0e0c0d 55%);
  }
  .zh-store .zh-shop-scene { inset: 22% -20% auto -20%; height: 24%; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-store .zh-shop-scene { animation: none; translate: none; }
  .zh-store .zh-shop-card { transition: none; }
}
html .zh-store .zh-shop-card.is-visible, html .zh-store .zh-shop-card:not(.z-reveal) {
  transition: --zh-glow .7s ease, transform .6s cubic-bezier(.2,.8,.2,1), border-color .35s, box-shadow .35s, opacity .65s;
}

/* ---------------------------------------------------------------------------
   Footer okunurluğu ve yukarı çık düğmesi.
--------------------------------------------------------------------------- */
/* Arka plan (köy manzarası) olduğu gibi kalır; okunurluk yalnız yazı rengi ve gölgesiyle. */
.z-footer.zh-footer { text-shadow: 0 1px 2px #000000e6, 0 0 12px #000000b3; }
.z-footer.zh-footer .z-footer-column h2 { color: #fff; }
.z-footer.zh-footer .z-footer-column li > a,
.z-footer.zh-footer .z-footer-about p { color: #cfc9c9; }
.z-footer.zh-footer .z-footer-about .z-footer-disclaimer,
.z-footer.zh-footer .z-footer-bottom { color: #a29b9b; }
.z-footer.zh-footer .z-footer-column li > a:hover { color: #fff; }
.z-footer .z-back-top {
  right: 44px;
  bottom: 128px;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  border-color: #ffffff24;
  background: #1a1718e6;
  color: #e8e2e2;
  box-shadow: 0 10px 26px #00000080;
}
.z-footer .z-back-top > .z-icon { width: 22px; height: 22px; }
.z-footer .z-back-top:hover, .z-footer .z-back-top:focus-visible { border-color: var(--z-orange); color: #fff; background: var(--z-orange); }
@media (max-width: 767px) {
  .z-footer .z-back-top { right: 20px; bottom: 112px; width: 44px; height: 44px; }
  .z-footer .z-brand > span { font-size: 26px; }
}

/* ---------------------------------------------------------------------------
   Yetkili alımı kartı (components/zhonya-staff.php): sevimli piksel baykuş maskot,
   "Aramıza katıl!" mesajı, piksel kesim 3D "Başvuru Yap" düğmesi.
--------------------------------------------------------------------------- */
.zh-divider + .zh-staff { margin-top: clamp(16px, 2.5vw, 32px) !important; }
.zh-staff + .zh-store { margin-top: clamp(20px, 3vw, 32px) !important; }
.zh-staff-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 3vw, 40px);
  min-height: 240px;
  padding: 24px clamp(24px, 4vw, 48px) 24px 24px;
  border: 1px solid #ffffff17;
  border-radius: 26px;
  background:
    radial-gradient(ellipse 30% 85% at 12% 55%, #ff3b4438, transparent 70%),
    radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 1.5px) 0 0 / 18px 18px,
    linear-gradient(100deg, #161214 0%, #0f0d0e 55%, #121012 100%);
  box-shadow: 0 26px 60px #00000073, inset 0 1px 0 #ffffff14;
  transition: border-color .35s, box-shadow .35s;
}
.zh-staff-card:hover { border-color: #ff3b4459; box-shadow: 0 30px 70px #00000080, 0 0 40px #ff242f1f, inset 0 1px 0 #ffffff1f; }

/* yükselen kalp/yıldız parçacıkları */
.zh-staff-bg { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.zh-staff-bg i {
  position: absolute;
  bottom: -12px;
  width: 8px;
  height: 8px;
  background: #ff5a62;
  clip-path: polygon(0 25%, 25% 0, 50% 25%, 75% 0, 100% 25%, 100% 50%, 50% 100%, 0 50%);   /* piksel kalp */
  opacity: 0;
  animation: zh-staff-float 7s linear infinite;
}
.zh-staff-bg i:nth-child(even) { width: 6px; height: 6px; background: #fff; clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%); }
.zh-staff-bg i:nth-child(1) { left: 6%; animation-delay: 0s; }
.zh-staff-bg i:nth-child(2) { left: 12%; animation-delay: 1.4s; }
.zh-staff-bg i:nth-child(3) { left: 19%; animation-delay: 2.8s; animation-duration: 8s; }
.zh-staff-bg i:nth-child(4) { left: 26%; animation-delay: .7s; }
.zh-staff-bg i:nth-child(5) { left: 9%; animation-delay: 4.2s; animation-duration: 9s; }
.zh-staff-bg i:nth-child(6) { left: 22%; animation-delay: 5.1s; }
.zh-staff-bg i:nth-child(7) { left: 60%; animation-delay: 3.3s; animation-duration: 10s; opacity: 0; }
.zh-staff-bg i:nth-child(8) { left: 78%; animation-delay: 6s; animation-duration: 9s; }
.zh-staff-bg i:nth-child(9) { left: 88%; animation-delay: 2.1s; animation-duration: 8.5s; }
.zh-staff-bg i:nth-child(10) { left: 47%; animation-delay: 4.8s; animation-duration: 11s; }
@keyframes zh-staff-float {
  0% { opacity: 0; transform: translateY(0) scale(.8); }
  12% { opacity: .9; }
  80% { opacity: .5; }
  100% { opacity: 0; transform: translateY(-260px) scale(1.15) rotate(12deg); }
}

/* maskot */
.zh-staff-mascot { position: relative; display: grid; place-items: center; height: 200px; }
.zh-staff-owl {
  position: relative;
  z-index: 1;
  width: 168px;
  height: 168px;
  background: var(--zh-owl) 0 0 / 400% 100% no-repeat;
  image-rendering: pixelated;
  filter: drop-shadow(0 10px 0 #00000040);
  animation: zh-owl-frames 5s steps(1) infinite, zh-owl-bob 2.4s ease-in-out infinite;
}
.zh-staff-card:hover .zh-staff-owl { animation: zh-owl-wave .45s steps(1) infinite, zh-owl-bob 1.2s ease-in-out infinite; }
@keyframes zh-owl-frames {   /* 0 bekleme, 1 göz kırpma */
  0%, 44%, 49%, 88%, 93%, 100% { background-position: 0 0; }
  45%, 48%, 89%, 92% { background-position: 33.333% 0; }
}
@keyframes zh-owl-wave {
  0%, 49% { background-position: 66.666% 0; }
  50%, 100% { background-position: 100% 0; }
}
@keyframes zh-owl-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
.zh-staff-shadow {
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 110px;
  height: 14px;
  margin-left: -55px;
  border-radius: 50%;
  background: #00000073;
  filter: blur(2px);
  animation: zh-owl-shadow 2.4s ease-in-out infinite;
}
.zh-staff-card:hover .zh-staff-shadow { animation-duration: 1.2s; }
@keyframes zh-owl-shadow { 0%, 100% { scale: 1; opacity: .8; } 50% { scale: .82; opacity: .55; } }
.zh-staff-bubble {
  position: absolute;
  z-index: 2;
  top: 4px;
  right: -14px;
  padding: 7px 12px;
  border: 2px solid #1a060a;
  border-radius: 10px;
  background: #fff;
  color: #1a060a;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 4px 0 #1a060a33;
  animation: zh-bubble-float 3.2s ease-in-out infinite;
  transform-origin: 20% 100%;
}
.zh-staff-bubble::after {   /* piksel kuyruk */
  content: "";
  position: absolute;
  left: 18px;
  bottom: -9px;
  width: 10px;
  height: 8px;
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  filter: drop-shadow(-2px 2px 0 #1a060a);
}
.zh-staff-card:hover .zh-staff-bubble { animation: zh-bubble-pop .5s cubic-bezier(.2,1.6,.4,1) both, zh-bubble-float 3.2s ease-in-out .5s infinite; }
@keyframes zh-bubble-float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
@keyframes zh-bubble-pop { from { scale: .7; } to { scale: 1; } }

/* metin */
.zh-staff-copy { min-width: 0; }
.zh-staff-copy .z-shop-badge { background: #ffffff12; border-color: #ffffff1f; color: #f1eded; }
.zh-staff-copy h2 { margin: 6px 0 8px; color: #fff; font-size: clamp(2rem, 3.6vw, 2.9rem); font-weight: 900; line-height: 1.05; letter-spacing: -.04em; }
.zh-staff-copy p { max-width: 54ch; margin: 0 0 14px; color: #c9c2c3; font-size: 15px; line-height: 1.7; }
.zh-staff-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.zh-staff-tags li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 11px;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  background: #ffffff0a;
  color: #e6dfe0;
  font-size: 12.5px;
  font-weight: 750;
}
.zh-staff-tags .z-icon { width: 14px; height: 14px; color: #ff5a62; }

/* piksel kesim, 3D tabanlı "Başvuru Yap" düğmesi */
.zh-staff-btn {
  --notch: 6px;
  position: relative;
  display: inline-block;
  padding-bottom: 6px;
  background: #7d0c14;
  color: #fff;
  text-decoration: none;
  clip-path: polygon(var(--notch) 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, 0 calc(100% - var(--notch)), 0 var(--notch));
  filter: drop-shadow(0 12px 18px #ff242f40);
  transition: filter .3s;
}
.zh-staff-btn-face {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 16px 28px;
  background: linear-gradient(180deg, #ff5a62 0%, #ff2b36 48%, #e01a26 100%);
  box-shadow: inset 0 3px 0 #ffffff55, inset 0 -3px 0 #00000026;
  font-size: 17px;
  font-weight: 900;
  letter-spacing: .01em;
  text-shadow: 0 2px 0 #7d0c14;
  clip-path: polygon(var(--notch) 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, 0 calc(100% - var(--notch)), 0 var(--notch));
  transition: transform .15s ease, background .3s;
}
.zh-staff-btn-face .z-icon { width: 20px; height: 20px; }
.zh-staff-btn-face::after {   /* üzerinden geçen parıltı */
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 30%, #ffffff59 50%, transparent 70%);
  transform: translateX(-120%);
  animation: zh-btn-shine 3.6s ease-in-out infinite;
}
@keyframes zh-btn-shine { 0%, 60% { transform: translateX(-120%); } 100% { transform: translateX(120%); } }
.zh-staff-btn:hover, .zh-staff-btn:focus-visible { color: #fff; text-decoration: none; filter: drop-shadow(0 14px 24px #ff242f66); }
.zh-staff-btn:hover .zh-staff-btn-face, .zh-staff-btn:focus-visible .zh-staff-btn-face { transform: translateY(-2px); background: linear-gradient(180deg, #ff6c74 0%, #ff3b44 48%, #e8202b 100%); }
.zh-staff-btn:active .zh-staff-btn-face { transform: translateY(6px); }
.zh-staff-btn:active { padding-bottom: 0; margin-top: 6px; }
.zh-staff-btn:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }

@media (max-width: 991px) {
  .zh-staff-card { grid-template-columns: 180px minmax(0, 1fr); padding: 22px; }
  .zh-staff-btn { grid-column: 2; justify-self: start; }
  .zh-staff-owl { width: 140px; height: 140px; }
  .zh-staff-mascot { height: 170px; }
}
@media (max-width: 640px) {
  .zh-staff-card { grid-template-columns: 1fr; justify-items: center; text-align: center; gap: 12px; padding: 22px 18px 26px; }
  .zh-staff-btn { grid-column: auto; justify-self: center; }
  .zh-staff-tags { justify-content: center; }
  .zh-staff-copy p { margin-inline: auto; }
  .zh-staff-bubble { right: -30px; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-staff-owl, .zh-staff-card:hover .zh-staff-owl, .zh-staff-shadow, .zh-staff-bubble,
  .zh-staff-card:hover .zh-staff-bubble, .zh-staff-bg i, .zh-staff-btn-face::after { animation: none; }
  .zh-staff-bg { display: none; }
  .zh-staff-btn-face { transition: none; }
}

/* ---------------------------------------------------------------------------
   Yetkili kartı v2: ortalanmış maskot + metin grubu, düzgün üst başlık,
   düğme metnin altında, tıklanabilir maskot (mutlu yüz + kalpler).
--------------------------------------------------------------------------- */
.zh-staff + .zh-store { margin-top: clamp(40px, 5vw, 72px) !important; }
.zh-staff-card {
  grid-template-columns: auto minmax(0, 620px);
  justify-content: center;
  gap: clamp(24px, 5vw, 64px);
  min-height: 260px;
  padding: 28px clamp(24px, 4vw, 48px);
}
.zh-staff-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ff4a52;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: .24em;
}
.zh-staff-kicker::before { content: ""; width: 26px; height: 2px; border-radius: 2px; background: currentColor; }
.zh-staff-copy h2 { margin-top: 8px; }
.zh-staff-copy p { margin-bottom: 20px; }
.zh-staff-btn { margin-top: 0; }

/* maskot düğmesi: 5 kare (0 bekleme, 1 kırpma, 2-3 el sallama, 4 mutlu) */
.zh-staff-owl {
  display: block;
  padding: 0;
  border: 0;
  border-radius: 24px;
  background: var(--zh-owl) 0 0 / 500% 100% no-repeat;
  cursor: pointer;
}
.zh-staff-owl:focus-visible { outline: 3px solid #fff; outline-offset: 6px; }
@keyframes zh-owl-frames {
  0%, 44%, 49%, 88%, 93%, 100% { background-position: 0 0; }
  45%, 48%, 89%, 92% { background-position: 25% 0; }
}
@keyframes zh-owl-wave {
  0%, 49% { background-position: 50% 0; }
  50%, 100% { background-position: 75% 0; }
}
.zh-staff-owl.is-loved,
.zh-staff-card:hover .zh-staff-owl.is-loved {
  background-position: 100% 0;
  animation: zh-owl-joy .7s cubic-bezier(.2,1.4,.4,1) both;
}
@keyframes zh-owl-joy {
  0% { translate: 0 0; scale: 1 1; }
  20% { translate: 0 4px; scale: 1.12 .86; }
  50% { translate: 0 -26px; scale: .94 1.08; }
  75% { translate: 0 0; scale: 1.06 .94; }
  100% { translate: 0 0; scale: 1 1; }
}
.zh-heart {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 42%;
  width: 18px;
  height: 16px;
  margin: -8px 0 0 -9px;
  background: #ff3b5c;
  clip-path: polygon(0 25%, 25% 0, 50% 25%, 75% 0, 100% 25%, 100% 50%, 50% 100%, 0 50%);
  filter: drop-shadow(0 2px 0 #7a0c1e);
  pointer-events: none;
  opacity: 0;
  animation: zh-heart-pop 1.1s cubic-bezier(.2,.8,.3,1) forwards;
}
.zh-heart:nth-child(odd) { background: #ff7a94; }
@keyframes zh-heart-pop {
  0% { opacity: 0; transform: translate(0, 0) scale(.3); }
  15% { opacity: 1; }
  70% { opacity: 1; transform: translate(var(--dx), var(--dy)) scale(var(--s)); }
  100% { opacity: 0; transform: translate(var(--dx), calc(var(--dy) - 24px)) scale(var(--s)); }
}
@media (max-width: 991px) {
  .zh-staff-card { grid-template-columns: auto minmax(0, 1fr); }
  .zh-staff-btn { grid-column: auto; }
}
@media (max-width: 640px) {
  .zh-staff-card { grid-template-columns: 1fr; }
  .zh-staff-kicker::before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-staff-owl.is-loved { animation: none; }
  .zh-heart { display: none; }
}

/* ---------------------------------------------------------------------------
   Yetkili kartı v3: yazılar solda, baykuş sağda; iki düğme yan yana.
--------------------------------------------------------------------------- */
.zh-staff-card {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 340px);
  justify-content: stretch;
  gap: clamp(20px, 4vw, 48px);
  padding: 32px clamp(28px, 5vw, 64px);
  background:
    radial-gradient(ellipse 30% 85% at 84% 55%, #ff3b4438, transparent 70%),
    radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 1.5px) 0 0 / 18px 18px,
    linear-gradient(100deg, #121012 0%, #0f0d0e 50%, #161214 100%);
}
.zh-staff-copy p { max-width: 58ch; }
.zh-staff-mascot { height: 220px; }
.zh-staff-owl { width: 184px; height: 184px; }
.zh-staff-bg i:nth-child(1) { left: 74%; } .zh-staff-bg i:nth-child(2) { left: 80%; }
.zh-staff-bg i:nth-child(3) { left: 86%; } .zh-staff-bg i:nth-child(4) { left: 92%; }
.zh-staff-bg i:nth-child(5) { left: 77%; } .zh-staff-bg i:nth-child(6) { left: 89%; }
.zh-staff-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px; }
/* ikincil düğme: koyu yüz, koyu taban */
.zh-staff-btn-alt { background: #1c1718; filter: drop-shadow(0 12px 18px #00000059); }
.zh-staff-btn-alt .zh-staff-btn-face {
  background: linear-gradient(180deg, #3a3234 0%, #2b2426 50%, #241e20 100%);
  box-shadow: inset 0 3px 0 #ffffff1f, inset 0 -3px 0 #00000040;
  text-shadow: 0 2px 0 #000000a6;
}
.zh-staff-btn-alt .zh-staff-btn-face::after { animation: none; }
.zh-staff-btn-alt:hover, .zh-staff-btn-alt:focus-visible { filter: drop-shadow(0 14px 22px #00000080); }
.zh-staff-btn-alt:hover .zh-staff-btn-face, .zh-staff-btn-alt:focus-visible .zh-staff-btn-face {
  background: linear-gradient(180deg, #4a4043 0%, #372f31 50%, #2c2527 100%);
}
@media (max-width: 991px) {
  .zh-staff-card { grid-template-columns: minmax(0, 1fr) 190px; padding: 26px; }
  .zh-staff-owl { width: 150px; height: 150px; }
  .zh-staff-mascot { height: 180px; }
}
@media (max-width: 640px) {
  .zh-staff-card { grid-template-columns: 1fr; }
  .zh-staff-mascot { order: -1; height: 170px; }
  .zh-staff-actions { justify-content: center; }
  .zh-staff-btn-face { padding: 14px 20px; font-size: 15px; }
}
@media (max-width: 640px) {
  .zh-staff-card {
    background:
      radial-gradient(ellipse 70% 32% at 50% 18%, #ff3b4438, transparent 70%),
      radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 1.5px) 0 0 / 18px 18px,
      linear-gradient(180deg, #161214 0%, #0f0d0e 60%);
  }
}


/* ---------------------------------------------------------------------------
   Destek talebi kartı (components/zhonya-support.php): solda konu kısayolları ve
   düğmeler, sağda baykuş avatarlı örnek destek sohbeti (döngülü animasyon).
--------------------------------------------------------------------------- */
.zh-store + .zh-support { margin-top: clamp(40px, 5vw, 72px) !important; }
.z-home > .zh-support { margin-bottom: clamp(48px, 7vw, 96px); }
.zh-support-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
  padding: 34px clamp(28px, 5vw, 64px);
  border: 1px solid #ffffff17;
  border-radius: 26px;
  background:
    radial-gradient(ellipse 34% 80% at 82% 50%, #3fd3e01f, transparent 70%),
    radial-gradient(circle at 1px 1px, #ffffff0f 1px, transparent 1.5px) 0 0 / 18px 18px,
    linear-gradient(100deg, #121012 0%, #0f0d0e 55%, #121416 100%);
  box-shadow: 0 26px 60px #00000073, inset 0 1px 0 #ffffff14;
  transition: border-color .35s, box-shadow .35s;
}
.zh-support-card:hover { border-color: #ffffff2b; }
.zh-support-copy h2 { margin: 8px 0 8px; color: #fff; font-size: clamp(2rem, 3.4vw, 2.7rem); font-weight: 900; line-height: 1.08; letter-spacing: -.04em; }
.zh-support-copy > p { max-width: 58ch; margin: 0 0 18px; color: #c9c2c3; font-size: 15px; line-height: 1.7; }
.zh-support-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 22px; padding: 0; list-style: none; max-width: 620px; }
.zh-support-topics a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 10px 14px 10px 10px;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  background: #171314;
  color: #fff;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s, background-color .3s;
}
.zh-support-topics a > span:last-child { display: grid; gap: 1px; min-width: 0; }
.zh-support-topics strong { font-size: 14.5px; font-weight: 850; }
.zh-support-topics small { color: #a39a9b; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zh-support-topic-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #ff242f1f;
  color: #ff5a62;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), background-color .3s, color .3s;
}
.zh-support-topic-icon .z-icon { width: 20px; height: 20px; }
.zh-support-topics a:hover, .zh-support-topics a:focus-visible { color: #fff; text-decoration: none; transform: translateY(-3px); border-color: #ff3b4466; background: #1c1617; }
.zh-support-topics a:hover .zh-support-topic-icon, .zh-support-topics a:focus-visible .zh-support-topic-icon { transform: scale(1.08); background: var(--z-orange); color: #fff; }
.zh-support-topics a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.zh-support-topics > li { transition: opacity .5s ease, transform .55s cubic-bezier(.2,.8,.2,1); transition-delay: calc(var(--i) * 70ms + 200ms); }
.z-motion-enabled .zh-support-card:not(.is-visible) .zh-support-topics > li { opacity: 0; transform: translateY(12px); }
.zh-support-help { display: inline-flex; align-items: center; gap: 7px; align-self: center; margin-left: 4px; color: #c9c2c3; font-size: 14px; font-weight: 750; text-decoration: none; }
.zh-support-help .z-icon { width: 16px; height: 16px; }
.zh-support-help:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }

/* örnek sohbet penceresi */
.zh-support-chat {
  border: 1px solid #ffffff17;
  border-radius: 20px;
  background: #0d0b0ccc;
  box-shadow: 0 22px 50px #00000080, inset 0 1px 0 #ffffff10;
  overflow: hidden;
}
.zh-chat-head { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-bottom: 1px solid #ffffff12; background: #151213; }
.zh-chat-head strong { display: block; color: #fff; font-size: 14px; font-weight: 850; }
.zh-chat-head small { color: #8f8889; font-size: 12px; }
.zh-chat-avatar {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--zh-owl) 0 0 / 500% 100% no-repeat, #ff242f26;
  image-rendering: pixelated;
}
.zh-chat-body { display: flex; flex-direction: column; justify-content: flex-end; height: 250px; padding: 14px 16px 16px; }
.zh-msg {
  max-width: 82%;
  max-height: 0;
  margin: 0;
  padding: 0 13px;
  overflow: hidden;
  border-radius: 14px;
  font-size: 13.5px;
  line-height: 1.5;
  opacity: 0;
  animation-duration: 12s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.zh-msg-player { align-self: flex-end; border-bottom-right-radius: 4px; background: var(--z-orange); color: #fff; }
.zh-msg-staff { align-self: flex-start; border-bottom-left-radius: 4px; background: #2a2526; color: #ece6e6; }
.zh-msg-typing { align-self: flex-start; display: flex; gap: 4px; background: #2a2526; }
.zh-msg-typing i { width: 6px; height: 6px; margin: 11px 0; border-radius: 50%; background: #bdb5b6; animation: zh-typing 1s ease-in-out infinite; }
.zh-msg-typing i:nth-child(2) { animation-delay: .15s; }
.zh-msg-typing i:nth-child(3) { animation-delay: .3s; }
@keyframes zh-typing { 0%, 100% { translate: 0 0; opacity: .5; } 50% { translate: 0 -4px; opacity: 1; } }
.zh-chat-body > :nth-child(1) { animation-name: zh-msg-a; }
.zh-chat-body > :nth-child(2) { animation-name: zh-msg-typing; }
.zh-chat-body > :nth-child(3) { animation-name: zh-msg-b; }
.zh-chat-body > :nth-child(4) { animation-name: zh-msg-c; }
@keyframes zh-msg-a { 0%, 4% { max-height: 0; opacity: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } 8%, 92% { max-height: 90px; opacity: 1; margin-top: 8px; padding-top: 9px; padding-bottom: 9px; } 97%, 100% { max-height: 0; opacity: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } }
@keyframes zh-msg-typing { 0%, 14% { max-height: 0; opacity: 0; margin-top: 0; } 18%, 30% { max-height: 40px; opacity: 1; margin-top: 8px; } 33%, 100% { max-height: 0; opacity: 0; margin-top: 0; } }
@keyframes zh-msg-b { 0%, 32% { max-height: 0; opacity: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } 37%, 92% { max-height: 90px; opacity: 1; margin-top: 8px; padding-top: 9px; padding-bottom: 9px; } 97%, 100% { max-height: 0; opacity: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } }
@keyframes zh-msg-c { 0%, 50% { max-height: 0; opacity: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } 55%, 92% { max-height: 90px; opacity: 1; margin-top: 8px; padding-top: 9px; padding-bottom: 9px; } 97%, 100% { max-height: 0; opacity: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; } }
@keyframes zh-msg-d { 0%, 64% { max-height: 0; opacity: 0; margin-top: 0; } 70%, 92% { max-height: 40px; opacity: 1; margin-top: 12px; } 97%, 100% { max-height: 0; opacity: 0; margin-top: 0; } }
.zh-chat-solved {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-height: 0;
  overflow: hidden;
  padding: 0 12px;
  border-radius: 999px;
  background: #18b85a26;
  color: #5ee08f;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 28px;
  opacity: 0;
  animation: zh-msg-d 12s ease-in-out infinite;
}
.zh-chat-solved .z-icon { width: 14px; height: 14px; }

@media (max-width: 991px) {
  .zh-support-card { grid-template-columns: 1fr; padding: 26px; }
  .zh-support-chat { max-width: 460px; }
}
@media (max-width: 560px) {
  .zh-support-topics { grid-template-columns: 1fr; }
  .zh-support-card { padding: 22px 18px; }
  .zh-support-copy { text-align: center; }
  .zh-support-copy .zh-staff-kicker::before { display: none; }
  .zh-support-topics a { text-align: left; }
  .zh-support-copy .zh-staff-actions { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-msg, .zh-chat-solved { animation: none !important; max-height: none; opacity: 1; margin-top: 8px; }
  .zh-msg { padding-top: 9px; padding-bottom: 9px; }
  .zh-msg-typing { display: none; }
  .zh-support-topics > li, .zh-support-topics a, .zh-support-topic-icon { transition: none; }
}

/* Kartlar arası boşluk tutarlı: mağaza kartının kendi alt boşluğu sıfır, ayrım bir sonraki kartın üst boşluğunda. */
.z-home > .zh-store:not(:last-child) { margin-bottom: 0; }

/* ---------------------------------------------------------------------------
   Haberler kartı (components/zhonya-news.php): solda öne çıkan haber (yavaş
   yakınlaşan görsel, YENİ rozeti, okuma süresi), sağda "Son gelişmeler" zaman tüneli.
--------------------------------------------------------------------------- */
.z-home > .zh-support:not(:last-child) { margin-bottom: 0; }
.zh-support + .zh-news { margin-top: clamp(40px, 5vw, 72px) !important; }
.z-home > .zh-news { margin-bottom: clamp(48px, 7vw, 96px); }
.zh-news-card {
  padding: 32px clamp(24px, 4vw, 48px) clamp(24px, 4vw, 40px);
  border: 1px solid #ffffff17;
  border-radius: 26px;
  background:
    radial-gradient(ellipse 40% 60% at 10% 0%, #ff242f14, transparent 70%),
    radial-gradient(circle at 1px 1px, #ffffff0d 1px, transparent 1.5px) 0 0 / 18px 18px,
    linear-gradient(160deg, #141113 0%, #0f0d0e 60%);
  box-shadow: 0 26px 60px #00000073, inset 0 1px 0 #ffffff14;
}
.zh-news-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.zh-news-head h2 { margin: 8px 0 0; color: #fff; font-size: clamp(2rem, 3.4vw, 2.7rem); font-weight: 900; line-height: 1.08; letter-spacing: -.04em; }
.zh-news-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: clamp(18px, 2.5vw, 28px); align-items: stretch; }
.zh-news-layout.is-single { grid-template-columns: 1fr; }
.zh-news-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: #a9a1a2; font-size: 12.5px; font-weight: 700; }
.zh-news-chip { padding: 4px 10px; border-radius: 999px; background: #ff242f26; color: #ff6a71; font-size: 11.5px; font-weight: 850; letter-spacing: .04em; }

/* öne çıkan haber */
.zh-news-lead {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border: 1px solid #ffffff17;
  border-radius: 22px;
  background: #151213;
  transition: transform .4s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .4s, opacity .6s ease;
}
.z-motion-enabled .zh-news-card:not(.is-visible) .zh-news-lead { opacity: 0; transform: translateY(18px); }
.zh-news-lead:hover, .zh-news-lead:focus-within { transform: translateY(-5px); border-color: #ff3b4480; box-shadow: 0 26px 50px #00000080, 0 0 0 1px #ff3b4433; }
.zh-news-lead-link { position: absolute; inset: 0; display: block; color: #fff; text-decoration: none; }
.zh-news-lead-link:hover { color: #fff; text-decoration: none; }
.zh-news-lead-link:focus-visible { outline: 3px solid #fff; outline-offset: -3px; border-radius: 22px; }
.zh-news-lead-media { position: absolute; inset: 0; overflow: hidden; }
.zh-news-lead-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  scale: 1.04;
  animation: zh-news-kenburns 18s ease-in-out infinite alternate;
  transition: scale .8s cubic-bezier(.2,.8,.2,1), filter .4s;
}
.zh-news-lead:hover .zh-news-lead-media img { scale: 1.1; filter: saturate(1.15); }
@keyframes zh-news-kenburns { from { translate: -1.5% 0; } to { translate: 1.5% -1%; } }
.zh-news-lead-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, #0d0b0c33 0%, transparent 30%, #0d0b0cb3 62%, #0d0b0cf7 100%); }
.zh-news-badges { position: absolute; top: 18px; left: 18px; display: flex; gap: 8px; }
.zh-news-badges .zh-news-chip { background: #0d0b0cb3; color: #fff; border: 1px solid #ffffff2b; }
.zh-news-new {
  padding: 4px 10px 5px;
  background: var(--z-orange);
  color: #fff;
  font-size: 11.5px;
  font-weight: 900;
  letter-spacing: .14em;
  clip-path: polygon(4px 0, calc(100% - 4px) 0, 100% 4px, 100% calc(100% - 4px), calc(100% - 4px) 100%, 4px 100%, 0 calc(100% - 4px), 0 4px);
  box-shadow: inset 0 2px 0 #ffffff4d, inset 0 -2px 0 #0000004d;
  animation: zh-new-pulse 2.4s ease-in-out infinite;
}
@keyframes zh-new-pulse { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1.25); } }
.zh-news-lead-body { position: absolute; left: 0; right: 0; bottom: 0; display: grid; gap: 10px; padding: 28px; }
.zh-news-lead-body .zh-news-meta { color: #ddd5d6; }
.zh-news-lead-body h3 { margin: 0; font-size: clamp(1.5rem, 2.4vw, 2.1rem); font-weight: 900; line-height: 1.15; letter-spacing: -.025em; text-shadow: 0 2px 12px #000000cc; }
.zh-news-lead-text { max-width: 62ch; color: #d6cfd0; font-size: 14.5px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.zh-news-cta {
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  padding: 10px 16px;
  border-radius: 999px;
  background: #ffffff1a;
  border: 1px solid #ffffff2e;
  font-size: 13.5px;
  font-weight: 850;
  transition: background-color .3s, border-color .3s;
}
.zh-news-cta .z-icon { width: 15px; height: 15px; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.zh-news-lead:hover .zh-news-cta { background: var(--z-orange); border-color: var(--z-orange); }
.zh-news-lead:hover .zh-news-cta .z-icon { transform: translateX(4px); }

/* zaman tüneli */
.zh-news-timeline { display: flex; flex-direction: column; min-width: 0; }
.zh-news-tl-label { margin: 2px 0 14px; color: #8f8889; font-size: 12px; font-weight: 850; letter-spacing: .2em; }
.zh-news-timeline ol { position: relative; display: grid; gap: 12px; margin: 0; padding: 0 0 0 26px; list-style: none; }
.zh-news-timeline ol::before {   /* dikey çizgi */
  content: "";
  position: absolute;
  left: 7px;
  top: 10px;
  bottom: 10px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, var(--z-orange), #ff242f26 85%, transparent);
}
.zh-news-timeline li { position: relative; transition: opacity .55s ease, transform .6s cubic-bezier(.2,.8,.2,1); transition-delay: calc(var(--i) * 100ms + 200ms); }
.z-motion-enabled .zh-news-card:not(.is-visible) .zh-news-timeline li { opacity: 0; transform: translateX(16px); }
.zh-news-timeline a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 84px;
  align-items: center;
  gap: 14px;
  padding: 12px 12px 12px 16px;
  border: 1px solid #ffffff12;
  border-radius: 16px;
  background: #151213;
  color: #fff;
  text-decoration: none;
  transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s, background-color .3s;
}
.zh-news-timeline a:hover, .zh-news-timeline a:focus-visible { color: #fff; text-decoration: none; transform: translateX(6px); border-color: #ff3b4466; background: #1b1617; }
.zh-news-timeline a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.zh-tl-dot {
  position: absolute;
  left: -26px;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border: 3px solid var(--z-orange);
  border-radius: 50%;
  background: #0f0d0e;
  box-shadow: 0 0 0 4px #0f0d0e;
  transition: background-color .3s, box-shadow .3s, scale .3s;
}
.zh-news-timeline a:hover .zh-tl-dot, .zh-news-timeline a:focus-visible .zh-tl-dot { background: var(--z-orange); scale: 1.15; box-shadow: 0 0 0 4px #0f0d0e, 0 0 16px #ff242f99; }
.zh-tl-text { display: grid; gap: 5px; min-width: 0; }
.zh-tl-text strong { font-size: 15.5px; font-weight: 850; line-height: 1.3; }
.zh-tl-text small { color: #a9a1a2; font-size: 12.5px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zh-tl-thumb { position: relative; display: block; width: 84px; height: 64px; overflow: hidden; border-radius: 12px; background: #1d1819; }
.zh-tl-thumb img { width: 100%; height: 100%; object-fit: cover; transition: scale .6s cubic-bezier(.2,.8,.2,1); }
.zh-news-timeline a:hover .zh-tl-thumb img { scale: 1.12; }

/* boş durum */
.zh-news-empty { display: flex; align-items: center; gap: 16px; padding: 22px; border: 1px dashed #ffffff26; border-radius: 18px; background: #151213; }
.zh-news-empty-owl { width: 56px; height: 56px; border-radius: 16px; }
.zh-news-empty strong { display: block; color: #fff; font-size: 16px; }
.zh-news-empty span { color: #a9a1a2; font-size: 14px; }

@media (max-width: 991px) {
  .zh-news-layout { grid-template-columns: 1fr; }
  .zh-news-lead { min-height: 360px; }
}
@media (max-width: 560px) {
  .zh-news-card { padding: 22px 16px; }
  .zh-news-head { flex-direction: column; align-items: flex-start; }
  .zh-news-lead { min-height: 400px; }
  .zh-news-lead-body { padding: 20px; }
  .zh-news-timeline a { grid-template-columns: minmax(0, 1fr) 64px; }
  .zh-tl-thumb { width: 64px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-news-lead-media img, .zh-news-new { animation: none; }
  .zh-news-lead, .zh-news-lead-media img, .zh-news-cta, .zh-news-cta .z-icon, .zh-news-timeline li, .zh-news-timeline a, .zh-tl-dot, .zh-tl-thumb img { transition: none; }
  .zh-news-lead:hover, .zh-news-timeline a:hover { transform: none; }
}

/* ---------------------------------------------------------------------------
   404 baykuşu (components/zhonya-lost-owl.php): çimen bloğunun üstünde sağa sola
   bakıp sayfayı arayan maskot; sprite 4 kare (0 orta, 1 sol, 2 sağ, 3 göz kırpma).
--------------------------------------------------------------------------- */
.zh-lost-owl { position: relative; }
.zh-lost-owl-sprite {
  position: absolute;
  left: 28%;
  bottom: 12.4%;                      /* ayaklar çimenin üstünde */
  width: 44%;
  aspect-ratio: 1;
  background: var(--zh-owl) 0 0 / 400% 100% no-repeat;
  image-rendering: pixelated;
  transform-origin: 50% 90%;
  animation: zh-lost-look 6s steps(1) infinite, zh-lost-sway 6s ease-in-out infinite, zh-lost-hop 3s ease-in-out infinite;
}
@keyframes zh-lost-look {
  0%, 10% { background-position: 0 0; }
  12%, 30% { background-position: 33.333% 0; }
  32%, 40% { background-position: 0 0; }
  42%, 60% { background-position: 66.666% 0; }
  62%, 72% { background-position: 0 0; }
  74%, 76% { background-position: 100% 0; }
  78%, 100% { background-position: 0 0; }
}
@keyframes zh-lost-sway {
  0%, 10%, 32%, 40%, 62%, 100% { rotate: 0deg; }
  14%, 28% { rotate: -6deg; }
  44%, 58% { rotate: 6deg; }
}
@keyframes zh-lost-hop { 0%, 100% { translate: 0 0; } 50% { translate: 0 -3%; } }
.z-lost .z-lost-code { background: linear-gradient(180deg, #ffffff, #ff3b44 70%, #b8101a); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (prefers-reduced-motion: reduce) { .zh-lost-owl-sprite { animation: none; } }

/* 404 baykuşu v2: daha büyük, gövde ve kafa sabit; yalnız gözler yavaşça sağa sola kayar (ürkünç bakış). */
.z-lost .z-lost-art { width: min(380px, 82vw); }
.zh-lost-owl-sprite {
  left: 22%;
  bottom: 12%;
  width: 56%;
  animation: zh-lost-eyes 7s steps(1) infinite;
}
@keyframes zh-lost-eyes {
  0%, 18% { background-position: 0 0; }
  20%, 42% { background-position: 33.333% 0; }
  44%, 50% { background-position: 0 0; }
  52%, 74% { background-position: 66.666% 0; }
  76%, 90% { background-position: 0 0; }
  92%, 94% { background-position: 100% 0; }
  96%, 100% { background-position: 0 0; }
}

/* ---------------------------------------------------------------------------
   Topluluk kartı (components/zhonya-community.php): solda davet metni, sağda
   piksel kesimli Discord düğmesi ve marka renginde parlayan sosyal ikon kutuları.
--------------------------------------------------------------------------- */
.z-home > .zh-news:not(:last-child) { margin-bottom: 0; }
.zh-news + .zh-community { margin-top: clamp(40px, 5vw, 72px) !important; }
.z-home > .zh-community { margin-bottom: clamp(48px, 7vw, 96px); }
.zh-community-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(24px, 4vw, 56px);
  padding: 36px clamp(28px, 5vw, 64px);
  border: 1px solid #ffffff17;
  border-radius: 26px;
  background:
    radial-gradient(ellipse 36% 90% at 84% 50%, #5865f238, transparent 70%),
    radial-gradient(ellipse 30% 80% at 6% 100%, #ff242f1f, transparent 70%),
    radial-gradient(circle at 1px 1px, #ffffff0d 1px, transparent 1.5px) 0 0 / 18px 18px,
    linear-gradient(100deg, #121012 0%, #0f0d10 50%, #13111b 100%);
  box-shadow: 0 26px 60px #00000073, inset 0 1px 0 #ffffff14;
  transition: border-color .35s;
}
.zh-community-card:hover { border-color: #7b85ff4d; }
.zh-community-copy h2 { margin: 8px 0 10px; color: #fff; font-size: clamp(2rem, 3.4vw, 2.7rem); font-weight: 900; line-height: 1.08; letter-spacing: -.04em; }
.zh-community-copy p { max-width: 58ch; margin: 0; color: #c9c2c3; font-size: 15px; line-height: 1.7; }

/* süzülen piksel sohbet baloncukları */
.zh-community-bg { position: absolute; z-index: -1; inset: 0; pointer-events: none; }
.zh-community-bg i {
  position: absolute;
  bottom: -30px;
  width: 30px;
  height: 20px;
  border-radius: 6px;
  background: #5865f240;
  opacity: 0;
  animation: zh-bubble-rise 9s linear infinite;
}
.zh-community-bg i::after { content: ""; position: absolute; left: 6px; bottom: -5px; width: 8px; height: 6px; background: inherit; clip-path: polygon(0 0, 100% 0, 0 100%); }
.zh-community-bg i::before { content: ""; position: absolute; left: 7px; top: 8px; width: 4px; height: 4px; border-radius: 1px; background: #ffffff66; box-shadow: 6px 0 0 #ffffff66, 12px 0 0 #ffffff66; }
.zh-community-bg i:nth-child(1) { left: 58%; animation-delay: 0s; }
.zh-community-bg i:nth-child(2) { left: 70%; animation-delay: 1.8s; background: #ff242f33; }
.zh-community-bg i:nth-child(3) { left: 82%; animation-delay: 3.4s; }
.zh-community-bg i:nth-child(4) { left: 92%; animation-delay: 5.1s; background: #ff242f33; }
.zh-community-bg i:nth-child(5) { left: 64%; animation-delay: 6.6s; scale: .8; }
.zh-community-bg i:nth-child(6) { left: 88%; animation-delay: 7.8s; scale: .7; }
@keyframes zh-bubble-rise {
  0% { opacity: 0; transform: translateY(0); }
  12% { opacity: 1; }
  85% { opacity: .8; }
  100% { opacity: 0; transform: translateY(-260px); }
}

/* sağ: Discord düğmesi + sosyal ikonlar */
.zh-community-actions { display: grid; justify-items: center; gap: 16px; }
.zh-discord-btn { background: #2f3593; filter: drop-shadow(0 14px 22px #5865f259); }
.zh-discord-btn .zh-staff-btn-face {
  padding: 18px 34px;
  font-size: 18px;
  background: linear-gradient(180deg, #8b94ff 0%, #5865f2 50%, #4752c4 100%);
  text-shadow: 0 2px 0 #2f3593;
}
.zh-discord-btn .zh-staff-btn-face .z-icon { width: 24px; height: 24px; }
.zh-discord-btn:hover, .zh-discord-btn:focus-visible { filter: drop-shadow(0 16px 28px #5865f28c); }
.zh-discord-btn:hover .zh-staff-btn-face, .zh-discord-btn:focus-visible .zh-staff-btn-face { background: linear-gradient(180deg, #9aa2ff 0%, #6672ff 50%, #4f5bd5 100%); }
.zh-social-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 0; padding: 0; list-style: none; }
.zh-social {
  --brand: #ffffff;
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  background: #171416;
  color: var(--brand);
  box-shadow: inset 0 1px 0 #ffffff0d;
  transition: transform .3s cubic-bezier(.2,.8,.2,1), border-color .3s, box-shadow .3s, background-color .3s;
}
.zh-social .z-icon { width: 24px; height: 24px; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.zh-social-youtube { --brand: #ff3b3b; }
.zh-social-instagram { --brand: #ff5fa2; }
.zh-social-tiktok { --brand: #25f4ee; }
.zh-social-store { --brand: #ffcf4a; }
.zh-social:hover, .zh-social:focus-visible {
  color: var(--brand);
  transform: translateY(-5px);
  border-color: color-mix(in srgb, var(--brand) 60%, transparent);
  background: color-mix(in srgb, var(--brand) 10%, #171416);
  box-shadow: 0 12px 26px color-mix(in srgb, var(--brand) 25%, transparent);
}
.zh-social:hover .z-icon, .zh-social:focus-visible .z-icon { transform: scale(1.12); }
.zh-social:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.zh-community-handle { color: #8f8889; font-size: 13px; font-weight: 750; letter-spacing: .02em; }

@media (max-width: 860px) {
  .zh-community-card { grid-template-columns: 1fr; text-align: center; }
  .zh-community-copy p { margin-inline: auto; }
  .zh-community-copy .zh-staff-kicker::before { display: none; }
}
@media (max-width: 480px) {
  .zh-community-card { padding: 26px 18px; }
  .zh-discord-btn .zh-staff-btn-face { padding: 16px 26px; font-size: 16px; }
  .zh-social { width: 50px; height: 50px; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-community-bg { display: none; }
  .zh-social, .zh-social .z-icon { transition: none; }
  .zh-social:hover { transform: none; }
}

/* ZenitMC bağlantı rengi kuralını ezer: sosyal ikonlar her zaman marka renginde. */
.zh-community .zh-social-row .zh-social, .zh-community .zh-social-row .zh-social:hover { color: var(--brand); }

/* Dolgulu marka ikonları (components/zhonya-brand-icon.php) */
.zh-brand-icon { display: block; flex: none; width: 26px; height: 26px; transition: transform .3s cubic-bezier(.2,.8,.2,1); filter: drop-shadow(0 3px 6px #00000080); }
.zh-social .zh-brand-icon { width: 28px; height: 28px; }
.zh-social:hover .zh-brand-icon, .zh-social:focus-visible .zh-brand-icon { transform: scale(1.12) rotate(-4deg); }
.z-social-buttons a .zh-brand-icon { width: 22px; height: 22px; }
.z-social-buttons a:hover .zh-brand-icon, .z-social-buttons a:focus-visible .zh-brand-icon { transform: scale(1.12); }
@media (prefers-reduced-motion: reduce) { .zh-brand-icon { transition: none; } .zh-social:hover .zh-brand-icon { transform: none; } }
.z-footer-column a .zh-brand-icon { width: 17px; height: 17px; filter: none; }

/* ---------------------------------------------------------------------------
   Giriş yapmış oyuncu: sepet + profil (10 Kasım 2026). Nötr koyu yüzeyler,
   kırmızı yalnızca rozette ve vurguda; profil adı + kredi bakiyesi + ok.
--------------------------------------------------------------------------- */
html body .z-header .z-account > .navbar-nav { gap: 10px; }
html body .z-header .z-header-cart {
  position: relative;
  display: grid;
  place-items: center;
  width: 46px; height: 46px; flex: 0 0 46px;
  border: 1px solid #ffffff14;
  border-radius: 50%;
  background: linear-gradient(180deg, #221e20, #171415);
  color: #ece7e7;
  box-shadow: inset 0 1px 0 #ffffff12, 0 6px 16px #00000059;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s, color .25s, box-shadow .25s;
}
html body .z-header .z-header-cart > .z-icon { width: 20px; height: 20px; color: currentColor; }
html body .z-header .z-header-cart > .shopping-cart-count {
  top: -3px; right: -3px;
  min-width: 19px; height: 19px; padding: 0 5px;
  border: 2px solid #121011;
  border-radius: 999px;
  background: #ff2a35;
  color: #fff;
  font: 800 10px/1 Inter, Arial, sans-serif;
  box-shadow: 0 3px 8px #ff242f66;
}
html body .z-header .z-header-cart:hover,
html body .z-header .z-header-cart:focus-visible {
  color: #fff;
  border-color: #ff3b4459;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 #ffffff14, 0 10px 22px #00000073;
}
html body .z-header .z-header-cart:hover > .z-icon { animation: zh-cart-wiggle .5s ease; }
@keyframes zh-cart-wiggle { 30% { transform: rotate(-10deg); } 60% { transform: rotate(7deg); } }

html body .z-header .z-account .z-player-account > .z-profile-trigger {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 46px;
  padding: 5px 12px 5px 5px !important;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  background: linear-gradient(180deg, #221e20, #171415);
  box-shadow: inset 0 1px 0 #ffffff12, 0 6px 16px #00000059;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), border-color .25s, box-shadow .25s;
}
html body .z-header .z-account .z-player-account > .z-profile-trigger:hover,
html body .z-header .z-account .z-player-account > .z-profile-trigger:focus-visible,
html body .z-header .z-account .z-profile-trigger[aria-expanded="true"] {
  border-color: #ffffff26;
  background: linear-gradient(180deg, #272224, #1a1718);
  transform: translateY(-2px);
}
html body .z-header .z-account .z-player-account > .z-profile-trigger .avatar {
  width: 36px; height: 36px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #121011, 0 0 0 3.5px #ff3b4466;
  image-rendering: pixelated;
}
html body .z-header .z-profile-trigger-copy { display: grid; gap: 4px; padding: 0; line-height: 1; }
html body .z-header .z-profile-trigger-copy > strong { max-width: 130px; color: #fff; font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; }
html body .z-header .z-profile-trigger-copy > .zh-profile-credit {
  display: inline-flex; align-items: center; gap: 5px;
  margin: 0;
  color: #b7afb0;
  font-size: 11.5px; font-weight: 700;
  letter-spacing: 0; text-transform: none;
}
.zh-profile-credit > i {
  width: 9px; height: 9px; flex: none;
  border-radius: 2px;
  background: linear-gradient(135deg, #ffe08a, #f2a516);
  box-shadow: 0 0 6px #ffcf4a80;
  transform: rotate(45deg);
}
.zh-profile-chevron { place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #ffffff0d; color: #a39b9c; transition: transform .25s, color .25s, background-color .25s; }
.zh-profile-chevron .z-icon { width: 13px; height: 13px; }
.z-profile-trigger:hover .zh-profile-chevron, .z-profile-trigger[aria-expanded="true"] .zh-profile-chevron { color: #fff; background: #ff242f33; }
.z-profile-trigger[aria-expanded="true"] .zh-profile-chevron { transform: rotate(180deg); }
@media (max-width: 1199px) {
  html body .z-header .z-account .z-player-account > .z-profile-trigger { padding: 4px !important; gap: 0; }
}
@media (max-width: 575px) {
  html body .z-header .z-header-cart { width: 42px; height: 42px; flex-basis: 42px; }
  html body .z-header .z-account .z-player-account > .z-profile-trigger { min-height: 42px; }
  html body .z-header .z-account .z-player-account > .z-profile-trigger .avatar { width: 32px; height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  html body .z-header .z-header-cart:hover > .z-icon { animation: none; }
}

/* ---------------------------------------------------------------------------
   Kredi sayfası (10 Kasım 2026): kırmızı ışıma ve sol kırmızı çizgi kaldırıldı,
   bakiye kartı nötr koyu + altın kredi taşı, tutar kartlarında çarpan rozeti.
--------------------------------------------------------------------------- */
.z-credit-heading .zh-staff-kicker { display: inline-flex; margin-bottom: 8px; }
.z-credit-heading h1 { font-size: clamp(30px, 3vw, 38px); font-weight: 900; letter-spacing: -.04em; }
.z-credit-heading nav { border-color: #ffffff12; background: #161314; }

.z-credit-form-panel, .z-credit-summary, .z-credit-history {
  border-color: #ffffff12;
  background: linear-gradient(180deg, #1c191a, #171415);
  box-shadow: inset 0 1px 0 #ffffff0d, 0 18px 40px #00000040;
}
.z-credit-panel-title::before { display: none !important; }
.z-credit-panel-title > span { border-color: #ffffff12; background: #ffffff08; color: #fff; }

/* bakiye kartı */
.z-credit-wallet {
  border: 1px solid #ffffff12 !important;
  background:
    repeating-linear-gradient(135deg, #ffffff05 0 2px, transparent 2px 14px),
    linear-gradient(160deg, #201c1d, #151213) !important;
  box-shadow: inset 0 1px 0 #ffffff12, 0 18px 40px #00000040;
}
.z-credit-wallet::after {
  right: 22px !important; top: 50% !important;
  width: 54px !important; height: 54px !important;
  border: 0 !important; border-radius: 10px !important;
  background: linear-gradient(135deg, #ffe7a3, #f2a516 55%, #b86f08);
  box-shadow: 0 0 0 6px #ffcf4a14, 0 10px 26px #f2a51640 !important;
  transform: translateY(-50%) rotate(45deg) scale(.62);
  opacity: .9;
}
.z-credit-wallet-wide::after { display: none; }
.z-credit-wallet-player > img { border: 2px solid #ffffff1a !important; border-radius: 14px !important; background: #121011 !important; }
.z-credit-wallet-player > div > span { color: #fff !important; font-weight: 800 !important; }
.z-credit-wallet-player small { color: #9c9495 !important; text-transform: uppercase; letter-spacing: .12em; font-size: 10px !important; font-weight: 800; }
.z-credit-wallet-player strong { color: #fff !important; font-weight: 900 !important; }

/* kampanya şeridi */
.z-credit-offer { border-color: #ffcf4a2e !important; background: linear-gradient(90deg, #ffcf4a14, transparent 70%) !important; color: #d9d0c3 !important; }
.z-credit-offer strong { color: #ffcf4a !important; }
.z-credit-offer .z-icon { color: #ffcf4a !important; }

/* hızlı tutar kartları */
.z-credit-presets button {
  position: relative;
  border-color: #ffffff12 !important;
  background: linear-gradient(180deg, #1f1b1c, #181516) !important;
  box-shadow: inset 0 1px 0 #ffffff0d;
}
.z-credit-presets button strong { color: #fff; }
.z-credit-presets button:hover { border-color: #ffffff2e !important; }
.z-credit-presets button[aria-pressed="true"] {
  border-color: #ff3b44 !important;
  background: linear-gradient(180deg, #2a1c1e, #1b1516) !important;
  box-shadow: inset 0 1px 0 #ffffff12, 0 0 0 3px #ff242f1f, 0 12px 26px #00000059;
}
.z-credit-presets button[aria-pressed="true"] strong { color: #fff !important; }
.z-credit-presets button[aria-pressed="true"] span { color: #ffb3b6 !important; }
.zh-preset-chip {
  position: absolute;
  top: -9px; right: 10px;
  padding: 3px 7px;
  border-radius: 6px;
  background: linear-gradient(180deg, #ffe08a, #f2a516);
  color: #3a2605;
  font: 900 10px/1 Inter, Arial, sans-serif;
  font-style: normal;
  letter-spacing: .04em;
  box-shadow: 0 4px 10px #00000066;
}
.z-credit-input-wrap, .z-credit-form-panel select { border-color: #ffffff14 !important; background-color: #141112 !important; }
.z-credit-summary-result strong, [data-credit-summary-total] { color: #fff !important; }
.z-credit-summary-result { border-top-color: #ffffff12 !important; }

/* Profil: ayrı yuvarlak kutu yok; menü kartının içinde çerçevesiz avatar + ad + kredi. */
html body .z-header .z-account .z-player-account > .z-profile-trigger,
html body .z-header .z-account .z-player-account > .z-profile-trigger:hover,
html body .z-header .z-account .z-player-account > .z-profile-trigger:focus-visible,
html body .z-header .z-account .z-profile-trigger[aria-expanded="true"] {
  padding: 0 4px 0 0 !important;
  border: 0;
  border-radius: 12px;
  background: none;
  box-shadow: none;
  transform: none;
}
html body .z-header .z-account .z-player-account > .z-profile-trigger .avatar {
  width: 38px; height: 38px;
  border-radius: 11px;
  box-shadow: 0 0 0 1px #ffffff1f, 0 6px 14px #00000066;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s;
}
html body .z-header .z-account .z-profile-trigger:hover .avatar,
html body .z-header .z-account .z-profile-trigger:focus-visible .avatar,
html body .z-header .z-account .z-profile-trigger[aria-expanded="true"] .avatar {
  transform: translateY(-2px);
  box-shadow: 0 0 0 2px #ff3b44, 0 8px 18px #00000073;
}
html body .z-header .z-account .z-profile-trigger:hover .z-profile-trigger-copy > strong { color: #ff5a62; }
html body .z-header .z-account .z-profile-trigger:focus-visible { outline: 2px solid #ff5a62; outline-offset: 4px; }
.zh-profile-chevron { width: 18px; height: 18px; background: none; }
.z-profile-trigger:hover .zh-profile-chevron, .z-profile-trigger[aria-expanded="true"] .zh-profile-chevron { background: none; color: #ff5a62; }
/* sepet ile profil arasında ince ayraç */
html body .z-header .z-account .z-player-account { position: relative; padding-left: 12px; }
html body .z-header .z-account .z-header-cart + .z-player-account::before {
  content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 26px; background: #ffffff17; transform: translateY(-50%);
}

/* Mağaza: tek oyun modu (BoxMining) varken geniş vitrin kartı. */
.z-market-categories.is-single { grid-template-columns: 1fr; }
.z-market-categories.is-single .z-market-category {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: clamp(220px, 26vw, 320px);
  overflow: hidden;
  border: 1px solid #ffffff14;
  border-radius: 22px;
}
.z-market-categories.is-single .z-market-category-art { position: absolute; inset: 0; z-index: -1; height: auto; }
.z-market-categories.is-single .z-market-category-art > img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.z-market-categories.is-single .z-market-category-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0d0b0ce6 0%, #0d0b0c99 45%, #0d0b0c1a 100%), linear-gradient(0deg, #0d0b0ccc, transparent 60%); }
.z-market-categories.is-single .z-market-category-art > span { display: none; }
.z-market-categories.is-single .z-market-category-copy { position: relative; padding: clamp(24px, 3.4vw, 40px); background: none; }
.z-market-categories.is-single .z-market-category-copy::before { content: "OYUN MODU"; display: block; margin-bottom: 6px; color: #ff5a62; font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.z-market-categories.is-single .z-market-category-copy h3 { margin: 0 0 14px; color: #fff; font-size: clamp(30px, 4vw, 48px); font-weight: 900; letter-spacing: -.04em; text-shadow: 0 4px 18px #000; }
.z-market-categories.is-single .z-market-category-copy > span { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: 999px; background: #ff242f; color: #fff; font-weight: 800; }
.z-market-categories.is-single .z-market-category:hover .z-market-category-art > img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) { .z-market-categories.is-single .z-market-category-art > img { transition: none; } }
.z-market-categories.is-single .z-market-category { flex-direction: column; justify-content: flex-end; align-items: stretch; text-align: left; }
.z-market-categories.is-single .z-market-category-copy { width: 100%; margin: 0; display: block; text-align: left; }
.z-market-categories.is-single .z-market-category-art > img { object-position: center 78%; }
.z-market-categories.is-single .z-market-category-art { height: 100% !important; aspect-ratio: auto !important; } .z-market-categories.is-single .z-market-category-art > img { position: absolute; inset: 0; height: 100% !important; }

/* Banner arka planı fareyi hafifçe izler (zhonya.js); transform girişi animasyona ayrılır, kaydırma translate ile. */
.zh-hero-bg { translate: var(--zh-px, 0px) var(--zh-py, 0px); will-change: translate; }
@media (prefers-reduced-motion: reduce) { .zh-hero-bg { translate: none; } }

/* ---------------------------------------------------------------------------
   Mağaza: BoxMining oyun modu kartı (components/zhonya-mode-card.php).
   Arka plan araclar/boxmining_card.py ile üretilir; yazı solda, cevher kutusu sağda.
--------------------------------------------------------------------------- */
.zh-mode-card {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(280px, 24vw, 340px);
  overflow: hidden;
  border: 1px solid #ffffff14;
  border-radius: 24px;
  background: #0d0b0d;
  color: #fff;
  text-decoration: none;
  box-shadow: inset 0 1px 0 #ffffff12, 0 24px 60px #00000066;
  transition: border-color .35s, box-shadow .35s, transform .35s cubic-bezier(.2,.8,.2,1);
}
.zh-mode-card:hover, .zh-mode-card:focus-visible {
  color: #fff;
  text-decoration: none;
  border-color: #ff3b444d;
  transform: translateY(-3px);
  box-shadow: inset 0 1px 0 #ffffff14, 0 30px 70px #00000080, 0 0 0 1px #ff242f1f;
}
.zh-mode-card:focus-visible { outline: 2px solid #ff5a62; outline-offset: 4px; }
.zh-mode-card-bg {
  position: absolute;
  z-index: -1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 80% center;
  image-rendering: pixelated;
  transition: transform .8s cubic-bezier(.2,.8,.2,1);
}
.zh-mode-card:hover .zh-mode-card-bg { transform: scale(1.03); }
.zh-mode-card-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  max-width: 470px;
  padding: clamp(28px, 3.6vw, 48px);
}
.zh-mode-card-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: #ff5a62;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .22em;
}
.zh-mode-card-kicker i { width: 22px; height: 2px; border-radius: 2px; background: currentColor; }
.zh-mode-card-title {
  display: block;
  margin-bottom: 12px;
  font-size: clamp(32px, 3.2vw, 42px);
  font-weight: 900;
  line-height: 1;
  letter-spacing: -.045em;
  text-shadow: 0 6px 24px #000;
}
.zh-mode-card-text {
  display: block;
  max-width: 42ch;
  margin-bottom: 18px;
  color: #c6bebf;
  font-size: 14.5px;
  line-height: 1.65;
}
.zh-mode-card-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
.zh-mode-card-tags > span {
  padding: 6px 12px;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  background: #ffffff0a;
  color: #ece6e6;
  font-size: 12px;
  font-weight: 700;
  backdrop-filter: blur(4px);
}
.zh-mode-card-cta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 0 20px 0 22px;
  border-radius: 999px;
  background: linear-gradient(180deg, #ff4049, #e01622);
  color: #fff;
  font-size: 14.5px;
  font-weight: 800;
  box-shadow: inset 0 1px 0 #ffffff40, 0 10px 24px #ff242f40;
  transition: gap .3s, box-shadow .3s;
}
.zh-mode-card-cta .z-icon { width: 17px; height: 17px; transition: transform .3s cubic-bezier(.2,.8,.2,1); }
.zh-mode-card:hover .zh-mode-card-cta { box-shadow: inset 0 1px 0 #ffffff4d, 0 14px 30px #ff242f59; }
.zh-mode-card:hover .zh-mode-card-cta .z-icon { transform: translateX(4px); }

@media (max-width: 760px) {
  .zh-mode-card { flex-direction: column; align-items: stretch; min-height: 0; }
  .zh-mode-card-bg { position: relative; z-index: 0; height: 190px; object-position: 76% center; }
  .zh-mode-card::after { content: ""; position: absolute; left: 0; right: 0; top: 110px; height: 80px; background: linear-gradient(transparent, #0d0b0d); pointer-events: none; }
  .zh-mode-card-copy { position: relative; z-index: 1; max-width: none; margin-top: -26px; padding: 0 22px 24px; }
  .zh-mode-card-title { font-size: 32px; }
  .zh-mode-card-text { font-size: 14px; }
  .zh-mode-card-cta { align-self: stretch; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-mode-card, .zh-mode-card-bg, .zh-mode-card-cta .z-icon { transition: none; }
  .zh-mode-card:hover { transform: none; }
  .zh-mode-card:hover .zh-mode-card-bg { transform: none; }
}
.zh-support-topics > li:last-child:nth-child(odd) { grid-column: 1 / -1; }

/* ---------------------------------------------------------------------------
   Destek talebi açma sayfası (pages/tickets/create.php), 10 Kasım 2026.
--------------------------------------------------------------------------- */
.zh-ticket-create { padding-top: 30px; }
.zh-ticket-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 6px 0 28px; }
.zh-ticket-heading h1 { margin: 10px 0 10px; color: #fff; font-size: clamp(30px, 3.4vw, 42px); font-weight: 900; line-height: 1.08; letter-spacing: -.045em; }
.zh-ticket-heading p { max-width: 60ch; margin: 0; color: #bdb5b6; font-size: 15px; line-height: 1.7; }
.zh-ticket-mine {
  display: inline-flex; align-items: center; gap: 9px; flex: none;
  min-height: 46px; padding: 0 18px;
  border: 1px solid #ffffff17; border-radius: 999px;
  background: #1a1718; color: #fff; font-size: 14px; font-weight: 800; text-decoration: none;
  transition: border-color .25s, transform .25s;
}
.zh-ticket-mine .z-icon { width: 18px; height: 18px; color: #ff5a62; }
.zh-ticket-mine:hover, .zh-ticket-mine:focus-visible { color: #fff; text-decoration: none; border-color: #ff3b4459; transform: translateY(-2px); }

.zh-ticket-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 24px; align-items: start; }
.zh-ticket-form { position: relative; display: grid; gap: 18px; min-width: 0; }
.zh-ticket-step {
  min-width: 0; margin: 0; padding: 26px clamp(20px, 2.6vw, 30px) 28px;
  border: 1px solid #ffffff12; border-radius: 20px;
  background: linear-gradient(180deg, #1c191a, #161314);
  box-shadow: inset 0 1px 0 #ffffff0d, 0 18px 40px #00000040;
}
.zh-ticket-step legend {
  float: left; width: 100%;
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 20px; padding: 0;
  color: #fff; font-size: 19px; font-weight: 850; letter-spacing: -.02em;
}
.zh-ticket-step legend + * { clear: both; }
.zh-ticket-step-no { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: #ff242f; color: #fff; font-size: 14px; font-weight: 900; box-shadow: 0 6px 14px #ff242f40; }
.zh-ticket-step .form-label { color: #e4dddd; font-size: 14px; font-weight: 750; margin-bottom: 9px; }
.zh-ticket-step .form-control { min-height: 50px; border: 1px solid #ffffff17; border-radius: 13px; background: #121011; color: #fff; font-size: 15px; }
.zh-ticket-step .form-control:focus { border-color: #ff3b44; box-shadow: 0 0 0 3px #ff242f26; background: #141112; }
.zh-ticket-step .form-control::placeholder { color: #7f7778; }

/* konu kartları */
.zh-ticket-topics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.zh-ticket-topic {
  position: relative;
  display: flex; align-items: center; gap: 12px;
  min-width: 0; padding: 14px;
  border: 1px solid #ffffff14; border-radius: 15px;
  background: #141112; color: #fff; text-align: left; cursor: pointer;
  transition: border-color .25s, background-color .25s, transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s;
}
.zh-ticket-topic:hover { border-color: #ffffff2e; transform: translateY(-2px); }
.zh-ticket-topic:focus-visible { outline: 2px solid #ff5a62; outline-offset: 3px; }
.zh-ticket-topic-icon { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 12px; background: #ff242f1a; color: #ff5a62; transition: background-color .25s, color .25s; }
.zh-ticket-topic-icon .z-icon { width: 21px; height: 21px; }
.zh-ticket-topic-copy { display: grid; gap: 2px; min-width: 0; }
.zh-ticket-topic-copy strong { font-size: 14.5px; font-weight: 850; line-height: 1.3; }
.zh-ticket-topic-copy small { color: #9f9798; font-size: 12px; line-height: 1.4; }
.zh-ticket-topic-check { position: absolute; top: 9px; right: 9px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #ff242f; color: #fff; opacity: 0; transform: scale(.6); transition: opacity .2s, transform .25s cubic-bezier(.2,.8,.2,1); }
.zh-ticket-topic-check .z-icon { width: 12px; height: 12px; }
.zh-ticket-topic[aria-pressed="true"] { border-color: #ff3b44; background: linear-gradient(180deg, #2a1c1e, #1b1516); box-shadow: 0 0 0 3px #ff242f1f; }
.zh-ticket-topic[aria-pressed="true"] .zh-ticket-topic-icon { background: #ff242f; color: #fff; }
.zh-ticket-topic[aria-pressed="true"] .zh-ticket-topic-check { opacity: 1; transform: none; }
.zh-ticket-topic-error { margin: 12px 0 0; color: #ff6b72; font-size: 13.5px; font-weight: 700; }
/* JS varken açılır liste ekrandan gizlenir ama form için yerinde kalır */
.zh-ticket-form.is-enhanced .zh-ticket-select { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.zh-ticket-submit-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 6px; flex-wrap: wrap; }
.zh-ticket-submit-note { display: inline-flex; align-items: center; gap: 8px; color: #9f9798; font-size: 13px; font-weight: 600; }
.zh-ticket-submit-note .z-icon { width: 16px; height: 16px; color: #ffcf4a; }
.zh-ticket-submit { border: 0; padding: 0; cursor: pointer; }

/* yan bilgi */
.zh-ticket-aside {
  position: sticky; top: 110px;
  padding: 26px 24px;
  border: 1px solid #ffffff12; border-radius: 20px;
  background: linear-gradient(180deg, #1c191a, #161314);
  box-shadow: inset 0 1px 0 #ffffff0d;
}
.zh-ticket-aside h2 { margin: 0 0 16px; color: #fff; font-size: 17px; font-weight: 850; }
.zh-ticket-aside ol { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: zh-tip; }
.zh-ticket-aside li { position: relative; display: grid; gap: 3px; padding-left: 38px; counter-increment: zh-tip; }
.zh-ticket-aside li::before { content: counter(zh-tip); position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 8px; background: #ffffff0d; color: #ff5a62; font-size: 12.5px; font-weight: 900; }
.zh-ticket-aside li strong { color: #f1ebeb; font-size: 14px; font-weight: 800; }
.zh-ticket-aside li span { color: #a39b9c; font-size: 13px; line-height: 1.55; }
.zh-ticket-help { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: #ff6a71; font-size: 13.5px; font-weight: 800; text-decoration: none; }
.zh-ticket-help .z-icon { width: 17px; height: 17px; }
.zh-ticket-help:hover { color: #fff; text-decoration: none; }

@media (max-width: 1100px) { .zh-ticket-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 960px) {
  .zh-ticket-layout { grid-template-columns: 1fr; }
  .zh-ticket-aside { position: static; }
}
@media (max-width: 640px) {
  .zh-ticket-heading { flex-direction: column; align-items: flex-start; }
  .zh-ticket-topics { grid-template-columns: 1fr; }
  .zh-ticket-submit { width: 100%; }
  .zh-ticket-submit .zh-staff-btn-face { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-ticket-topic, .zh-ticket-topic-check, .zh-ticket-mine { transition: none; }
  .zh-ticket-topic:hover { transform: none; }
}

/* Mağaza kartı v2: kazı görseli kaldırıldı; sağda gerçek üyelik amblemleri, CSS ile çizilmiş sade zemin. */
.zh-mode-card {
  background:
    radial-gradient(ellipse 42% 85% at 78% 50%, #ff242f2e, transparent 70%),
    radial-gradient(ellipse 30% 60% at 96% 0%, #9b5cff1f, transparent 70%),
    radial-gradient(circle at 1px 1px, #ffffff0c 1px, transparent 1.6px) 0 0 / 20px 20px,
    linear-gradient(100deg, #0f0d0e 0%, #141112 45%, #1a1214 100%);
}
.zh-mode-card-copy { position: relative; z-index: 1; }
.zh-mode-card-art {
  position: absolute;
  z-index: 0;
  right: clamp(24px, 6vw, 96px);
  top: 50%;
  display: flex;
  align-items: center;
  height: 210px;
  transform: translateY(-50%);
  pointer-events: none;
}
.zh-mode-badge {
  position: relative;
  display: grid;
  justify-items: center;
  gap: 10px;
  width: 128px;
  margin-left: -26px;
  transform: translateY(calc((var(--i) - 1.5) * (var(--i) - 1.5) * 7px)) rotate(calc((var(--i) - 1.5) * 6deg));
  transition: transform .5s cubic-bezier(.2,.8,.2,1), margin .5s cubic-bezier(.2,.8,.2,1);
}
.zh-mode-badge:first-child { margin-left: 0; }
.zh-mode-badge::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 18px;
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background: var(--tier);
  filter: blur(34px);
  opacity: .32;
}
.zh-mode-badge img { width: 128px; height: 128px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(0 14px 18px #000000a6); }
.zh-mode-badge small {
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--tier) 45%, transparent);
  border-radius: 999px;
  background: #0d0b0cd9;
  color: var(--tier);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}
.zh-mode-badge:last-child img { width: 150px; height: 150px; }
.zh-mode-badge:last-child { width: 150px; }
.zh-mode-card:hover .zh-mode-badge { margin-left: -8px; transform: translateY(calc((var(--i) - 1.5) * (var(--i) - 1.5) * 4px - 6px)) rotate(0deg); }
.zh-mode-card:hover .zh-mode-badge:first-child { margin-left: 0; }

@media (max-width: 1100px) {
  .zh-mode-card-art { right: 18px; transform: translateY(-50%) scale(.8); transform-origin: right center; }
}
@media (max-width: 900px) {
  .zh-mode-card-art { opacity: .35; }
}
@media (max-width: 760px) {
  .zh-mode-card { background: radial-gradient(ellipse 80% 40% at 50% 0%, #ff242f2e, transparent 70%), radial-gradient(circle at 1px 1px, #ffffff0c 1px, transparent 1.6px) 0 0 / 20px 20px, #121011; }
  .zh-mode-card::after { display: none; }
  .zh-mode-card-art { position: relative; right: auto; top: auto; align-self: center; height: auto; margin: 24px 0 0; opacity: 1; transform: none; }
  .zh-mode-badge, .zh-mode-badge:last-child { width: 74px; margin-left: -10px; }
  .zh-mode-badge img, .zh-mode-badge:last-child img { width: 74px; height: 74px; }
  .zh-mode-badge small { display: none; }
  .zh-mode-card-copy { margin-top: 10px; padding-top: 0; }
}
@media (prefers-reduced-motion: reduce) { .zh-mode-badge { transition: none; } }
@media (min-width: 961px) { .zh-ticket-form { grid-column: 1; } .zh-ticket-layout > :not(.zh-ticket-form):not(.zh-ticket-aside) { grid-column: 1; } .zh-ticket-aside { grid-column: 2; grid-row: 1 / span 2; } }
@media (max-width: 760px) { .zh-mode-card-copy { margin-top: 22px; } }

/* ---------------------------------------------------------------------------
   Mağaza kartı v3: üyelik vitrini (1 önde, 2 yanda, 1 arkada). Fareyle gelinen öne geçer.
--------------------------------------------------------------------------- */
.zh-mode-card { min-height: clamp(380px, 30vw, 440px); justify-content: space-between; gap: 24px; }
.zh-mode-card .zh-mode-card-art { display: none; }
.zh-mode-copy-wrap { flex: 0 1 470px; }
.zh-mode-showcase {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  display: grid;
  justify-items: center;
  width: clamp(420px, 40vw, 600px);
  margin-right: clamp(10px, 3vw, 48px);
  padding: 26px 0 30px;
}
.zh-mode-stage { position: relative; display: block; width: 100%; height: 270px; perspective: 900px; }
.zh-mode-floor {
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 78%;
  height: 46px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, color-mix(in srgb, var(--tier) 38%, transparent), transparent 70%);
  transform: translateX(-50%);
  transition: background .5s;
}
.zh-mode-floor::after {
  content: "";
  position: absolute;
  inset: 12px 18%;
  border-radius: 50%;
  background: #00000080;
  filter: blur(8px);
}
.zh-mode-showcase::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 40%;
  width: 360px;
  height: 260px;
  border-radius: 50%;
  background: var(--tier);
  opacity: .16;
  filter: blur(70px);
  transform: translate(-50%, -50%);
  transition: background .5s;
}
.zh-mode-card .zh-mode-badge {
  position: absolute;
  left: 50%;
  bottom: 22px;
  display: block;
  width: 220px;
  margin: 0;
  transform-origin: 50% 100%;
  transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .6s, opacity .6s;
  will-change: transform;
}
.zh-mode-card .zh-mode-badge::before { display: none; }
.zh-mode-card .zh-mode-badge img,
.zh-mode-card .zh-mode-badge:last-child img { display: block; width: 100%; height: auto; image-rendering: pixelated; filter: drop-shadow(0 18px 22px #000000b3); }
.zh-mode-card .zh-mode-badge[data-slot="front"] { z-index: 4; transform: translateX(-50%) translateY(0) scale(1); filter: none; }
.zh-mode-card .zh-mode-badge[data-slot="right"] { z-index: 3; transform: translateX(calc(-50% + 165px)) translateY(-28px) scale(.62); filter: brightness(.62) saturate(.85); }
.zh-mode-card .zh-mode-badge[data-slot="left"]  { z-index: 3; transform: translateX(calc(-50% - 165px)) translateY(-28px) scale(.62); filter: brightness(.62) saturate(.85); }
.zh-mode-card .zh-mode-badge[data-slot="back"]  { z-index: 2; transform: translateX(-50%) translateY(-62px) scale(.46); filter: brightness(.4) saturate(.7) blur(.6px); }
.zh-mode-card .zh-mode-badge[data-slot="front"] img { animation: zh-showcase-float 4s ease-in-out infinite; }
@keyframes zh-showcase-float { 50% { transform: translateY(-7px); } }

.zh-mode-info { display: grid; justify-items: center; gap: 2px; margin-top: 6px; text-align: center; }
.zh-mode-info small { color: #8f8889; font-size: 10.5px; font-weight: 800; letter-spacing: .22em; }
.zh-mode-info strong { color: var(--tier); font-size: 26px; font-weight: 900; letter-spacing: -.02em; line-height: 1.15; text-shadow: 0 0 22px color-mix(in srgb, var(--tier) 45%, transparent); transition: color .4s; }
.zh-mode-price { color: #c9c1c2; font-size: 14px; font-weight: 700; }
.zh-mode-price b { color: #fff; font-size: 18px; font-weight: 900; }
.zh-mode-dots { display: flex; gap: 7px; margin-top: 14px; }
.zh-mode-dots i { width: 8px; height: 8px; border-radius: 99px; background: #ffffff26; transition: width .35s, background-color .35s; }
.zh-mode-dots i.is-active { width: 24px; background: var(--tier); }

@media (max-width: 1100px) {
  .zh-mode-showcase { width: 380px; margin-right: 0; }
  .zh-mode-card .zh-mode-badge { width: 170px; }
  .zh-mode-card .zh-mode-badge[data-slot="right"] { transform: translateX(calc(-50% + 125px)) translateY(-22px) scale(.62); }
  .zh-mode-card .zh-mode-badge[data-slot="left"]  { transform: translateX(calc(-50% - 125px)) translateY(-22px) scale(.62); }
  .zh-mode-card .zh-mode-badge[data-slot="back"]  { transform: translateX(-50%) translateY(-48px) scale(.46); }
  .zh-mode-stage { height: 220px; }
}
@media (max-width: 900px) {
  .zh-mode-card { flex-direction: column-reverse; align-items: stretch; }
  .zh-mode-showcase { width: 100%; padding-bottom: 0; }
  .zh-mode-copy-wrap { flex: none; }
}
@media (max-width: 760px) {
  .zh-mode-card { flex-direction: column-reverse; }
  .zh-mode-showcase { padding-top: 18px; }
  .zh-mode-stage { height: 170px; }
  .zh-mode-card .zh-mode-badge { width: 130px; bottom: 16px; }
  .zh-mode-card .zh-mode-badge[data-slot="right"] { transform: translateX(calc(-50% + 92px)) translateY(-16px) scale(.6); }
  .zh-mode-card .zh-mode-badge[data-slot="left"]  { transform: translateX(calc(-50% - 92px)) translateY(-16px) scale(.6); }
  .zh-mode-card .zh-mode-badge[data-slot="back"]  { transform: translateX(-50%) translateY(-36px) scale(.44); }
  .zh-mode-info strong { font-size: 22px; }
  .zh-mode-copy-wrap.zh-mode-card-copy { margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .zh-mode-card .zh-mode-badge { transition: none; }
  .zh-mode-card .zh-mode-badge[data-slot="front"] img { animation: none; }
}
.zh-mode-card:hover .zh-mode-badge, .zh-mode-card:hover .zh-mode-badge:first-child { margin-left: 0; }
/* Vitrin: sabit fare bölgeleri (görünmez). Tıklama kartın bağlantısına gider. */
.zh-mode-hit { position: absolute; z-index: 6; bottom: 10px; height: 78%; }
.zh-mode-hit[data-zh-hit="left"] { left: 0; width: 26%; }
.zh-mode-hit[data-zh-hit="right"] { right: 0; width: 26%; }
.zh-mode-hit[data-zh-hit="back"] { left: 50%; top: 0; bottom: auto; width: 24%; height: 26%; transform: translateX(-50%); }
@media (hover: none) { .zh-mode-hit { display: none; } }

/* Ana sayfa sırası (10 Kasım 2026): Mağaza/Discord → Mağaza kartı → Yetkili alımı → Destek. */
.zh-store + .zh-staff { margin-top: clamp(40px, 5vw, 72px) !important; }
.zh-staff + .zh-support { margin-top: clamp(40px, 5vw, 72px) !important; }
.z-home > .zh-staff:not(:last-child) { margin-bottom: 0; }