/* Oyunlar sayfası üst afişi: katalogdaki oyunların görselleri arasında yumuşak geçiş (static/games-banner.js). */
.catalog-banner-wrap{padding:104px 48px 8px;position:relative;z-index:1}
.catalog-banner{position:relative;max-width:1200px;height:340px;margin:0 auto;border-radius:20px;overflow:hidden;isolation:isolate;border:1px solid var(--b1,#1f1f1f);background:#0b0b0f;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.catalog-banner-stage{position:absolute;inset:0;z-index:0}
.catalog-banner-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);filter:blur(1.5px) brightness(var(--bd,.62)) saturate(1.05);transition:opacity 1.1s ease,transform 7s ease-out}
.catalog-banner-media.is-active{opacity:1;transform:scale(1)}
.catalog-banner-video,.catalog-banner-video.is-active{filter:brightness(var(--bd,.7));transform:none;transition:none}
.catalog-banner-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(8,8,12,.92) 0%,rgba(8,8,12,.62) 42%,rgba(8,8,12,.1) 100%),linear-gradient(to top,rgba(8,8,12,.75),transparent 55%)}
.catalog-banner-content{position:absolute;left:48px;bottom:44px;z-index:2;max-width:560px}
.catalog-banner-content h1{margin:0;font-size:clamp(30px,4.4vw,50px);font-weight:800;letter-spacing:-.03em;line-height:1.08;color:#fff}
.catalog-banner-content h1 span{color:var(--ac,#635bff)}
.catalog-banner-content p{margin:14px 0 0;font-size:16px;line-height:1.65;color:rgba(255,255,255,.78);max-width:460px}
.catalog-banner-credit{position:absolute;top:20px;left:48px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:99px;font-size:12px;font-weight:600;color:rgba(255,255,255,.85);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);transition:opacity .35s ease}
.catalog-banner-credit.swap{opacity:0}
.catalog-banner-credit-dot{width:7px;height:7px;border-radius:50%;background:var(--ac,#635bff);box-shadow:0 0 0 3px rgba(99,91,255,.25)}
.catalog-banner-dots{position:absolute;right:28px;bottom:26px;z-index:2;display:flex;gap:6px}
.catalog-banner-dots i{width:22px;height:4px;border-radius:4px;background:rgba(255,255,255,.25);transition:background .3s,width .3s}
.catalog-banner-dots i.on{width:34px;background:#fff}
@media (max-width:900px){
  .catalog-banner-wrap{padding:96px 24px 4px}
  .catalog-banner{height:280px;border-radius:16px}
  .catalog-banner-content{left:24px;right:24px;bottom:28px}
  .catalog-banner-credit{left:24px;top:16px}
  .catalog-banner-dots{right:20px;bottom:14px}
}
@media (prefers-reduced-motion:reduce){.catalog-banner-media{transition:opacity .01s;transform:none}}
.catalog-banner-gap{height:96px}