*{box-sizing:border-box}

body{
  margin:0;
  background:#0b0b0f;
  color:white;
  font-family:Arial,sans-serif;
}

.site-header{
  background:#1e1e1e;
  text-align:center;
  padding:10px 20px 18px;
  border-bottom:4px solid #00ffd5;
}

.brand{font-size:18px;margin-bottom:10px}

nav{
  display:flex;
  justify-content:center;
  gap:24px;
  flex-wrap:wrap;
}

nav a{
  color:white;
  text-decoration:none;
  font-weight:800;
}

nav a:hover{color:#00ffd5}

/* BIG VISIBLE BANNER BELOW MENU */
.live-arcade-banner{
  position:relative;
  height: 260px;
  overflow:hidden;
  background:
    linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.25)),
    url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1"),
    radial-gradient(circle at center, #15136b, #050509 70%);
  background-size: cover;
  background-position: center 0% !important;
  border-bottom:5px solid #00ffd5;
  box-shadow:0 0 30px rgba(0,255,213,.45);
}

.banner-fallback-title{
  position:absolute;
  left:50%;
  top:14px;
  transform:translateX(-50%);
  z-index:6;
  color:#ffe600;
  font-weight:900;
  letter-spacing:3px;
  text-shadow:3px 3px #000,0 0 15px #ffe600;
}

.screen-glow{
  position:absolute;
  inset:0;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0px,rgba(255,255,255,.06) 2px,transparent 2px,transparent 6px);
  animation:scanMove 1.2s linear infinite;
  pointer-events:none;
}

@keyframes scanMove{to{transform:translateY(12px)}}

.cabinet{
  position:absolute;
  bottom:20px;
  width:105px;
  height:130px;
  background:linear-gradient(180deg,#171717,#050505);
  border:4px solid #ff2bd6;
  box-shadow:0 0 22px #ff2bd6;
  transform:skew(-5deg);
  z-index:3;
}

.left-cab{left:8%}
.right-cab{right:8%;border-color:#00d9ff;box-shadow:0 0 22px #00d9ff}

.cab-screen{
  position:absolute;
  left:16px;
  top:18px;
  width:68px;
  height:50px;
  background:#050514;
  border:3px solid #00ffd5;
  box-shadow:0 0 14px #00ffd5;
  animation:screenFlicker .5s infinite alternate;
}

.cab-button{
  position:absolute;
  left:42px;
  bottom:18px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#ffe600;
  box-shadow:0 0 14px #ffe600;
  animation:buttonBlink .7s infinite alternate;
}

@keyframes screenFlicker{from{filter:brightness(.65)}to{filter:brightness(1.8)}}
@keyframes buttonBlink{from{opacity:.35}to{opacity:1}}

.maze-box{
  position:absolute;
  left:28%;
  right:28%;
  top:52px;
  height:165px;
  background:rgba(0,0,0,.36);
  border:3px solid rgba(0,255,213,.85);
  box-shadow:0 0 24px rgba(0,255,213,.75);
  overflow:hidden;
  z-index:4;
}

.maze-line{
  position:absolute;
  height:5px;
  background:#2453ff;
  box-shadow:0 0 13px #2453ff;
  border-radius:8px;
}

.ml1{left:8%;top:30px;width:38%}
.ml2{right:8%;top:68px;width:42%}
.ml3{left:18%;top:108px;width:50%}
.ml4{right:10%;bottom:18px;width:28%}

.moving-pacman{
  position:absolute;
  left:-65px;
  top:58px;
  width:50px;
  height:50px;
  border-radius:50%;
  background:conic-gradient(#ffe600 0deg 315deg,transparent 315deg 360deg);
  filter:drop-shadow(0 0 13px #ffe600);
  animation:pacRun 5.5s linear infinite,pacChomp .28s infinite alternate;
}

@keyframes pacRun{to{left:110%}}
@keyframes pacChomp{
  from{clip-path:polygon(50% 50%,100% 20%,100% 80%,50% 50%,0 100%,0 0)}
  to{clip-path:polygon(50% 50%,100% 48%,100% 52%,50% 50%,0 100%,0 0)}
}

.moving-ghost{
  position:absolute;
  width:40px;
  height:46px;
  border-radius:21px 21px 7px 7px;
  animation:ghostRun 6.2s linear infinite,ghostBob .9s infinite alternate;
}

.moving-ghost:before,
.moving-ghost:after{
  content:"";
  position:absolute;
  top:15px;
  width:7px;
  height:7px;
  background:white;
  border-radius:50%;
}

.moving-ghost:before{left:10px}
.moving-ghost:after{right:10px}

.pink-ghost{right:-60px;top:42px;background:#ff2bd6;box-shadow:0 0 13px #ff2bd6}
.blue-ghost{right:-120px;top:96px;background:#00d9ff;box-shadow:0 0 13px #00d9ff;animation-delay:1.7s}

@keyframes ghostRun{to{right:110%}}
@keyframes ghostBob{to{transform:translateY(14px)}}

.pellet{
  position:absolute;
  width:10px;
  height:10px;
  background:white;
  border-radius:50%;
  box-shadow:0 0 10px white;
  top:82px;
  animation:pelletBlink .65s infinite alternate;
}

.pellet1{left:25%}.pellet2{left:35%;animation-delay:.1s}.pellet3{left:45%;animation-delay:.2s}.pellet4{left:55%;animation-delay:.3s}.pellet5{left:65%;animation-delay:.4s}
@keyframes pelletBlink{from{opacity:.25}to{opacity:1}}

.light-sweep{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  animation:sweep 4s linear infinite;
  z-index:5;
  pointer-events:none;
}

@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

main{max-width:1100px;margin:0 auto;padding:55px 20px}
.hero{text-align:center;padding:40px 0 35px}
.hero.small{padding-bottom:10px}
.insert{color:white}
h1{color:#00ffd5;font-size:52px;margin:20px 0}
.intro{font-size:17px;line-height:1.5}
.buttons{margin-top:22px}
.btn{display:inline-block;padding:14px 22px;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-size:16px}
.yellow{background:#00ffd5;color:#111}
.blue{color:#875cff}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:25px}
.card,.release-card,.auto-section,.page-box,.game-panel{background:#171717;border:2px solid #00ffd5;border-radius:12px;padding:30px;text-align:center}
.card h2,.release-card h2,.game-panel h2,.auto-section h2{color:#00ffd5}
.release-badge{display:inline-block;padding:8px 12px;border-radius:999px;background:#ffe600;color:#111;font-weight:900}
.release-badge.live{background:#00ffd5}
.release-info{display:grid;gap:10px;margin:18px auto;max-width:650px}
.hidden{display:none!important}
.mini-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}

.game-stats{margin:20px 0;font-size:18px}
#gameBox{position:relative;height: 260px;max-width:760px;margin:20px auto;background:#050505;border:3px solid #00ffd5;border-radius:12px;overflow:hidden}
#coin{position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;border:4px solid white;background:#ffe600;color:#111;font-weight:900;font-size:24px;cursor:pointer;box-shadow:0 0 20px #ffe600}

footer{background:#1e1e1e;text-align:center;padding:24px}
footer a,a{color:#00ffd5}

@media(max-width:850px){
  .live-arcade-banner{height:190px}
  .maze-box{left:17%;right:17%;top:45px;height:250px}
  .cabinet{display:none}
  h1{font-size:40px}
  .cards{grid-template-columns:1fr}
}


/* Homepage maintenance notice - fixed layout */
.maintenance-box{
  width:min(850px,92%);
  box-sizing:border-box;
  margin:24px auto 24px;
  background:linear-gradient(180deg,rgba(15,18,32,.96),rgba(8,10,18,.96));
  border:1px solid rgba(0,255,213,.75);
  border-radius:18px;
  padding:26px 30px;
  box-shadow:0 0 22px rgba(0,255,213,.18), inset 0 0 24px rgba(135,92,255,.08);
  text-align:center;
  overflow:visible;
}

.maintenance-box h2{
  color:#ffe600;
  margin:0 0 14px;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  line-height:1.25;
  text-shadow:0 0 12px rgba(255,230,0,.35);
}

.maintenance-box p{
  margin:10px auto;
  max-width:760px;
  color:#e9f7ff;
  line-height:1.55;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
}

.maintenance-intro{
  color:#ffffff !important;
  font-weight:600;
}

.return-text{
  color:#00ffd5 !important;
  font-weight:800;
  margin-top:16px !important;
  text-shadow:0 0 10px rgba(0,255,213,.35);
}

@media(max-width:700px){
  .maintenance-box{
    width:94%;
    padding:20px 16px;
  }
}

/* Full-width stacked release layout */
.release-list{
  display:flex;
  flex-direction:column;
  gap:24px;
  margin-top:25px;
}
.release-row{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:26px;
  align-items:stretch;
  background:#171717;
  border:2px solid #00ffd5;
  border-radius:14px;
  padding:24px;
  box-shadow:0 0 18px rgba(0,255,213,.15);
}
.release-art{
  min-height:160px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at center, rgba(255,230,0,.18), transparent 45%),linear-gradient(135deg,#09091f,#21133d);
  border:2px solid #ffe600;
  border-radius:12px;
  color:#ffe600;
  font-size:52px;
  font-weight:900;
  letter-spacing:2px;
  text-shadow:4px 4px #000,0 0 18px #ffe600;
}
.release-details{
  text-align:left;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.release-details h2{
  color:#00ffd5;
  font-size:34px;
  margin:12px 0;
}
.release-details p{
  line-height:1.6;
  font-size:17px;
}
.release-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:10px;
}
.release-meta span{
  background:#0b0b0f;
  border:1px solid #00ffd5;
  border-radius:999px;
  padding:8px 12px;
  color:#ddd;
}
@media(max-width:800px){
  .release-row{ grid-template-columns:1fr; }
  .release-details{ text-align:center; }
}


/* Clear release detail layout with live countdowns */
.release-details-list{display:flex;flex-direction:column;gap:26px;margin-top:25px}
.release-detail-card{background:#171717;border:2px solid #00ffd5;border-radius:14px;padding:32px;box-shadow:0 0 18px rgba(0,255,213,.16)}
.release-detail-card h2{color:#00ffd5;font-size:38px;margin:0 0 14px}
.release-detail-card p{line-height:1.6;font-size:18px;margin-bottom:24px}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.detail-grid div{background:#0b0b0f;border:1px solid #00ffd5;border-radius:12px;padding:16px}
.detail-grid strong{display:block;color:#ffe600;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:1px}
.detail-grid span{color:#fff;font-size:16px}
.countdown{color:#00ffd5!important;font-weight:900;font-size:18px!important}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.detail-grid{grid-template-columns:1fr}.release-detail-card h2{font-size:30px}}


/* Extra core pages */
.info-list{display:flex;flex-direction:column;gap:22px;margin-top:25px}
.info-block{background:#171717;border:2px solid #00ffd5;border-radius:14px;padding:30px;box-shadow:0 0 18px rgba(0,255,213,.12)}
.info-block h2{color:#00ffd5;margin-top:0}
.info-block p{line-height:1.7;font-size:17px}
.home-hub{margin-top:40px;background:#171717;border:2px solid #00ffd5;border-radius:14px;padding:30px;text-align:center}
.home-hub h2{color:#00ffd5;margin-top:0}
.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
.hub-grid a{display:block;background:#0b0b0f;border:1px solid #00ffd5;border-radius:10px;padding:14px;color:#fff;text-decoration:none;font-weight:800}
.hub-grid a:hover{color:#00ffd5}
@media(max-width:800px){.hub-grid{grid-template-columns:1fr}}


/* Affiliate upgrade */
.affiliate-hero-box{
  background:#171717;
  border:2px solid #00ffd5;
  border-radius:16px;
  padding:38px;
  margin-top:30px;
  box-shadow:0 0 22px rgba(0,255,213,.15);
}

.affiliate-hero-box h2{
  color:#00ffd5;
  margin-top:0;
}

.affiliate-hero-box p{
  line-height:1.7;
  font-size:18px;
}

.affiliate-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin-top:28px;
}

.affiliate-card{
  background:#0b0b0f;
  border:1px solid #00ffd5;
  border-radius:14px;
  padding:22px;
}

.affiliate-card h3{
  color:#ffe600;
  margin-top:0;
}

.contact-highlight{
  margin-top:35px;
  text-align:center;
  background:#0b0b0f;
  border:2px solid #ffe600;
  border-radius:14px;
  padding:30px;
}

.big-contact-button{
  display:inline-block;
  margin-top:16px;
  background:#00ffd5;
  color:#000;
  text-decoration:none;
  padding:16px 28px;
  border-radius:10px;
  font-weight:900;
}

.live-home-sections{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  margin-top:40px;
}

.live-home-card{
  background:#171717;
  border:2px solid #00ffd5;
  border-radius:14px;
  padding:26px;
}

.live-home-card h2{
  color:#00ffd5;
  margin-top:0;
}

.live-home-card p{
  line-height:1.6;
}

.live-home-card a{
  display:inline-block;
  margin-top:14px;
  color:#ffe600;
  text-decoration:none;
  font-weight:800;
}

@media(max-width:800px){
  .affiliate-grid,
  .live-home-sections{
    grid-template-columns:1fr;
  }
}


/* Option 1 cinematic release cards */
.cinematic-release-list{display:flex;flex-direction:column;gap:26px;margin-top:28px}
.cinematic-card{position:relative;min-height: 260px;display:grid;grid-template-columns:320px 1fr 230px;overflow:hidden;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.72)),radial-gradient(circle at 65% 40%,rgba(140,92,255,.28),transparent 42%),#141414;border:2px solid rgba(0,255,213,.7);border-radius:18px;box-shadow:0 0 24px rgba(0,255,213,.18)}
.cinematic-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:releaseSweep 6s linear infinite;pointer-events:none}
@keyframes releaseSweep{to{transform:translateX(100%)}}
.cinematic-art{position:relative;display:flex;align-items:center;justify-content:center;min-height: 260px;background:radial-gradient(circle at center,rgba(255,230,0,.2),transparent 45%),linear-gradient(135deg,#12123d,#251033);border-right:1px solid rgba(255,255,255,.12)}
.cinematic-art span{font-size:68px;font-weight:900;color:#ffe600;text-shadow:4px 4px #000,0 0 22px #ffe600;letter-spacing:2px}
.cinematic-info{position:relative;z-index:2;padding:34px;display:flex;flex-direction:column;justify-content:center}
.cinematic-info h2{color:#fff;font-size:38px;margin:0 0 10px}
.release-date{color:#ffe600;font-weight:800;margin:0 0 8px}.platforms{color:#00ffd5;font-weight:700;margin:0 0 16px}.description{line-height:1.6;color:#ddd;font-size:17px;max-width:720px}
.genre-tags{margin-top:10px}.genre-tags span{display:inline-block;border:1px solid #00ffd5;color:#00ffd5;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800}
.release-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.release-actions a{display:inline-block;padding:11px 16px;border:1px solid #00ffd5;border-radius:8px;color:#fff;text-decoration:none;font-weight:800;background:rgba(0,255,213,.08)}.release-actions a:hover{background:#00ffd5;color:#000}
.cinematic-countdown{position:relative;z-index:2;align-self:center;justify-self:center;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px;margin-right:20px;background:rgba(0,0,0,.58);border:1px solid rgba(140,92,255,.8);border-radius:12px;box-shadow:0 0 18px rgba(140,92,255,.25)}
.cinematic-countdown div{min-width:78px;text-align:center;background:rgba(140,92,255,.18);border:1px solid rgba(140,92,255,.7);border-radius:8px;padding:9px 7px}.cinematic-countdown strong{display:block;color:#fff;font-size:26px}.cinematic-countdown span{display:block;color:#aaa;font-size:11px;text-transform:uppercase;margin-top:3px}
.release-status{align-self:center;justify-self:center;margin-right:25px;padding:18px 24px;border-radius:12px;font-weight:900;letter-spacing:1px}.release-status.released{color:#000;background:#00ffd5;box-shadow:0 0 18px rgba(0,255,213,.45)}
.theme-gta .cinematic-art{background:linear-gradient(135deg,#291038,#ff7b00)}.theme-bond .cinematic-art{background:linear-gradient(135deg,#111,#6b5b2a)}.theme-witcher .cinematic-art{background:linear-gradient(135deg,#120f0f,#5b1b1b)}.theme-cyber .cinematic-art{background:linear-gradient(135deg,#08051d,#8c5cff)}.theme-red .cinematic-art{background:linear-gradient(135deg,#120606,#9c1010)}.theme-fantasy .cinematic-art{background:linear-gradient(135deg,#062411,#74602a)}.theme-ocean .cinematic-art{background:linear-gradient(135deg,#042733,#00a7c7)}.theme-horror .cinematic-art{background:linear-gradient(135deg,#090909,#4a0000)}.theme-space .cinematic-art{background:linear-gradient(135deg,#06061d,#2453ff)}.theme-desert .cinematic-art{background:linear-gradient(135deg,#27180a,#c27b20)}
@media(max-width:980px){.cinematic-card{grid-template-columns:1fr}.cinematic-art{min-height: 260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.cinematic-countdown,.release-status{margin:0 0 24px}}


/* Game artwork images */
.cinematic-art{
  overflow:hidden;
  position:relative;
}

.cinematic-art img{
  width:100%;
  height:100%;
  object-fit: contain;
  display:block;
  transition:transform .5s ease;
}

.cinematic-card:hover .cinematic-art img{
  transform:scale(1.04);
}

.cinematic-art span{
  display:none;
}


/* Removed failed image setup - back to clean Option 1 placeholder artwork */
.cinematic-art img{
  display:none!important;
}

.cinematic-art span{
  display:block!important;
}


/* Fixed Option 1 release layout - image space left, details middle, countdown right */
.release-feature-list{display:flex;flex-direction:column;gap:30px;margin-top:30px}
.release-feature-card{display:grid;grid-template-columns:minmax(280px,42%) 1fr 220px;min-height:330px;overflow:hidden;background:linear-gradient(90deg,rgba(10,10,15,.96),rgba(20,20,28,.9)),radial-gradient(circle at 70% 30%,rgba(0,255,213,.16),transparent 38%);border:2px solid rgba(0,255,213,.72);border-radius:18px;box-shadow:0 0 28px rgba(0,255,213,.16)}
.feature-image-slot{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,230,0,.18),transparent 44%),linear-gradient(135deg,#101035,#251033);border-right:1px solid rgba(255,255,255,.12)}
.feature-image-slot span{color:#ffe600;font-size:72px;font-weight:900;letter-spacing:2px;text-shadow:5px 5px #000,0 0 24px #ffe600}
.feature-image-slot small{margin-top:12px;color:#bbb;font-weight:800;text-transform:uppercase;letter-spacing:2px}
.feature-content{padding:36px;display:flex;flex-direction:column;justify-content:center;text-align:left}
.feature-content h2{color:#fff;font-size:42px;margin:0 0 16px}
.feature-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.feature-meta span{display:inline-block;background:#0b0b0f;border:1px solid #00ffd5;color:#00ffd5;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}
.feature-content p{color:#ddd;line-height:1.7;font-size:17px}
.feature-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.feature-actions a{display:inline-block;padding:12px 16px;background:rgba(0,255,213,.08);border:1px solid #00ffd5;border-radius:8px;color:#fff;text-decoration:none;font-weight:900}
.feature-actions a:hover{background:#00ffd5;color:#000}
.feature-countdown{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:24px;background:rgba(0,0,0,.42);border-left:1px solid rgba(140,92,255,.7)}
.feature-countdown h3{color:#ffe600;margin:0 0 18px;text-align:center;text-transform:uppercase;letter-spacing:1px}
.timer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.timer-grid div{text-align:center;background:rgba(140,92,255,.18);border:1px solid rgba(140,92,255,.75);border-radius:10px;padding:12px 8px}.timer-grid strong{display:block;color:#fff;font-size:28px}.timer-grid span{display:block;color:#aaa;font-size:11px;text-transform:uppercase;margin-top:4px}
.theme-bond .feature-image-slot{background:linear-gradient(135deg,#111,#6b5b2a)}.theme-gta .feature-image-slot{background:linear-gradient(135deg,#291038,#ff7b00)}.theme-witcher .feature-image-slot{background:linear-gradient(135deg,#120f0f,#5b1b1b)}.theme-cyber .feature-image-slot{background:linear-gradient(135deg,#08051d,#8c5cff)}.theme-red .feature-image-slot{background:linear-gradient(135deg,#120606,#9c1010)}.theme-fantasy .feature-image-slot{background:linear-gradient(135deg,#062411,#74602a)}.theme-ocean .feature-image-slot{background:linear-gradient(135deg,#042733,#00a7c7)}.theme-horror .feature-image-slot{background:linear-gradient(135deg,#090909,#4a0000)}.theme-space .feature-image-slot{background:linear-gradient(135deg,#06061d,#2453ff)}.theme-desert .feature-image-slot{background:linear-gradient(135deg,#27180a,#c27b20)}
@media(max-width:1050px){.release-feature-card{grid-template-columns:1fr}.feature-image-slot{min-height: 260px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.feature-countdown{border-left:0;border-top:1px solid rgba(140,92,255,.7)}}@media(max-width:600px){.feature-content h2{font-size:32px}.timer-grid{grid-template-columns:1fr 1fr}}


/* Phase 2 cinematic release banners */
.cinematic-banner-list{
  display:flex;
  flex-direction:column;
  gap:28px;
  margin-top:30px;
}

.cinematic-banner-card{
  position:relative;
  min-height:340px;
  overflow:hidden;
  border-radius:20px;
  border:2px solid rgba(0,255,213,.72);
  background:#111;
  box-shadow:0 0 28px rgba(0,255,213,.14);
}

.future-image-placeholder{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  padding-right:14%;
  background:
    radial-gradient(circle at 62% 46%, rgba(255,230,0,.16), transparent 34%),
    linear-gradient(135deg,#111,#27133d);
}

.future-image-placeholder span{
  color:#ffe600;
  font-size:118px;
  font-weight:900;
  letter-spacing:2px;
  opacity:.42;
  text-shadow:0 0 24px rgba(255,230,0,.7), 6px 6px #000;
}

.future-image-placeholder small{
  color:#ddd;
  text-transform:uppercase;
  letter-spacing:2px;
  font-weight:900;
  opacity:.7;
}

.banner-dark-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.84) 34%, rgba(0,0,0,.42) 64%, rgba(0,0,0,.18) 100%),
    linear-gradient(0deg, rgba(0,0,0,.45), transparent 45%);
}

.banner-game-info{
  position:relative;
  z-index:2;
  width:min(560px, 58%);
  padding:38px;
}

.banner-game-info h2{
  color:#fff;
  font-size:42px;
  line-height:1.05;
  margin:0 0 12px;
}

.banner-date{
  color:#fff;
  font-weight:800;
  margin:0 0 12px;
}

.banner-platforms{
  color:#d8d8d8;
  font-size:14px;
  font-weight:700;
  margin:0 0 18px;
}

.banner-desc{
  color:#ddd;
  line-height:1.55;
  font-size:16px;
  margin:0;
}

.banner-tags{
  margin-top:16px;
}

.banner-tags span{
  display:inline-block;
  padding:7px 12px;
  border:1px solid rgba(0,255,213,.75);
  border-radius:999px;
  color:#00ffd5;
  background:rgba(0,0,0,.35);
  font-size:12px;
  font-weight:900;
}

.banner-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.banner-actions a{
  display:inline-block;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:7px;
  color:#fff;
  text-decoration:none;
  font-weight:900;
  background:rgba(0,0,0,.36);
}

.banner-actions a:hover{
  background:#00ffd5;
  color:#000;
  border-color:#00ffd5;
}

.banner-countdown{
  position:absolute;
  right:26px;
  bottom:24px;
  z-index:3;
  display:grid;
  grid-template-columns:repeat(4,76px);
  gap:8px;
  padding:12px;
  background:rgba(10,10,18,.74);
  border:1px solid rgba(140,92,255,.65);
  border-radius:12px;
  backdrop-filter:blur(5px);
}

.banner-countdown h3{
  grid-column:1 / -1;
  color:#fff;
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:1px;
  margin:0 0 2px;
}

.banner-countdown div{
  text-align:center;
  background:rgba(140,92,255,.20);
  border:1px solid rgba(140,92,255,.58);
  border-radius:8px;
  padding:8px 5px;
}

.banner-countdown strong{
  display:block;
  color:#fff;
  font-size:28px;
  line-height:1;
}

.banner-countdown span{
  display:block;
  color:#bbb;
  font-size:10px;
  text-transform:uppercase;
  margin-top:4px;
}

.theme-gta .future-image-placeholder{background:linear-gradient(135deg,#26113f,#ff7b00);}
.theme-bond .future-image-placeholder{background:linear-gradient(135deg,#101010,#6b5b2a);}
.theme-witcher .future-image-placeholder{background:linear-gradient(135deg,#090909,#5b1b1b);}
.theme-cyber .future-image-placeholder{background:linear-gradient(135deg,#05051d,#8c5cff);}
.theme-red .future-image-placeholder{background:linear-gradient(135deg,#100,#9c1010);}
.theme-fantasy .future-image-placeholder{background:linear-gradient(135deg,#062411,#74602a);}
.theme-ocean .future-image-placeholder{background:linear-gradient(135deg,#042733,#00a7c7);}
.theme-horror .future-image-placeholder{background:linear-gradient(135deg,#050505,#4a0000);}
.theme-space .future-image-placeholder{background:linear-gradient(135deg,#06061d,#2453ff);}
.theme-desert .future-image-placeholder{background:linear-gradient(135deg,#27180a,#c27b20);}

.home-news-strip{
  margin-top:40px;
  background:#171717;
  border:2px solid #00ffd5;
  border-radius:14px;
  padding:30px;
}

.home-news-strip h2{
  color:#00ffd5;
  margin-top:0;
  text-align:center;
}

.news-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.news-mini-grid div{
  background:#0b0b0f;
  border:1px solid rgba(0,255,213,.7);
  border-radius:12px;
  padding:20px;
}

.news-mini-grid strong{
  color:#ffe600;
}

.news-mini-grid p{
  color:#ddd;
  line-height:1.5;
}

@media(max-width:900px){
  .cinematic-banner-card{
    min-height:auto;
  }

  .future-image-placeholder{
    position:relative;
    min-height:210px;
    padding:0;
    align-items:center;
  }

  .banner-dark-overlay{
    background:linear-gradient(0deg, rgba(0,0,0,.92), rgba(0,0,0,.35));
  }

  .banner-game-info{
    width:100%;
    padding:28px;
  }

  .banner-game-info h2{
    font-size:34px;
  }

  .banner-countdown{
    position:relative;
    right:auto;
    bottom:auto;
    margin:0 24px 24px;
    grid-template-columns:repeat(4,1fr);
  }

  .news-mini-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .banner-countdown{
    grid-template-columns:repeat(2,1fr);
  }

  .future-image-placeholder span{
    font-size:76px;
  }
}


/* Remove small blue genre/info pills only */
.feature-meta span,
.banner-tags span{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    color: #cfcfcf !important;
    font-size: 13px;
    font-weight: 700;
}


/* Make Released Games use the exact same cinematic layout as Upcoming Releases */
#releasedGames.cinematic-banner-list{
  display:flex;
  flex-direction:column;
  gap:28px;
  margin-top:30px;
}

#releasedGames .cinematic-banner-card{
  min-height:340px;
}


/* Brighten Released Games page to match Upcoming Releases */
#releasedGames .cinematic-banner-card,
#releasedGames .release-feature-card{
  border-color:rgba(0,255,213,.9)!important;
  box-shadow:0 0 34px rgba(0,255,213,.28), inset 0 0 45px rgba(140,92,255,.12)!important;
  background:
    radial-gradient(circle at 70% 35%, rgba(0,255,213,.22), transparent 38%),
    radial-gradient(circle at 40% 70%, rgba(255,230,0,.13), transparent 34%),
    #111!important;
}

#releasedGames .future-image-placeholder,
#releasedGames .feature-image-slot{
  filter:brightness(1.25) saturate(1.25)!important;
}

#releasedGames .banner-dark-overlay{
  background:
    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.74) 35%, rgba(0,0,0,.30) 68%, rgba(0,0,0,.08) 100%),
    linear-gradient(0deg, rgba(0,0,0,.34), transparent 45%)!important;
}

#releasedGames .banner-game-info h2,
#releasedGames .feature-content h2{
  color:#ffffff!important;
  text-shadow:0 0 14px rgba(0,255,213,.25)!important;
}

#releasedGames .banner-date,
#releasedGames .release-date{
  color:#ffe600!important;
  text-shadow:0 0 12px rgba(255,230,0,.35)!important;
}

#releasedGames .banner-platforms,
#releasedGames .platforms{
  color:#00ffd5!important;
}

#releasedGames .banner-actions a,
#releasedGames .feature-actions a{
  border-color:#00ffd5!important;
  background:rgba(0,255,213,.13)!important;
}


/* GTA VI cinematic live banner */
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder{
    background-image:
        linear-gradient(90deg,
            rgba(0,0,0,.92) 0%,
            rgba(0,0,0,.74) 34%,
            rgba(0,0,0,.30) 68%,
            rgba(0,0,0,.10) 100%
        ),
        url("/images/gta-vi-news-cover-wide.png") !important;
    background-size: cover;
    background-position: center 0% !important;
}

.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder small{
    display:none !important;
}

.cinematic-banner-card[data-game="gta-6"]{
    overflow:hidden;
    box-shadow:
        0 0 36px rgba(255,120,0,.22),
        0 0 60px rgba(140,92,255,.12);
}

.cinematic-banner-card[data-game="gta-6"] .banner-game-info h2{
    text-shadow:
        0 0 16px rgba(255,120,0,.25),
        0 0 28px rgba(255,255,255,.08);
}

.cinematic-banner-card[data-game="gta-6"] .banner-countdown{
    background:rgba(10,10,18,.82);
    border:1px solid rgba(255,140,0,.42);
    box-shadow:0 0 24px rgba(255,120,0,.14);
}


/* CLEAN GTA VI image test - one folder: images/gta-vi-upcoming-clean.jpg */
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder,
.release-feature-card[data-game="gta-6"] .feature-image-slot,
.release-feature-card[data-game="gta-6"] .future-image-placeholder{
  background-image:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.76) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.10) 100%),
    url("images/gameharbor-newsroom-banner.jpg")!important;
  background-size: cover;
  background-position: center 0% !important;
  background-repeat: no-repeat;
}

.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder small,
.release-feature-card[data-game="gta-6"] .feature-image-slot span,
.release-feature-card[data-game="gta-6"] .feature-image-slot small,
.release-feature-card[data-game="gta-6"] .future-image-placeholder span,
.release-feature-card[data-game="gta-6"] .future-image-placeholder small{
  display:none!important;
}


/* Direct GTA VI image fix */
.future-image-placeholder,
.feature-image-slot{
  overflow:hidden;
}

.game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  z-index:0!important;
}

.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder,
.release-feature-card[data-game="gta-6"] .feature-image-slot,
.release-feature-card[data-game="gta-6"] .future-image-placeholder{
  background:none!important;
}

.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder::after,
.release-feature-card[data-game="gta-6"] .feature-image-slot::after,
.release-feature-card[data-game="gta-6"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.76) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.10) 100%);
  z-index:1;
  pointer-events:none;
}

.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder small,
.release-feature-card[data-game="gta-6"] .feature-image-slot span,
.release-feature-card[data-game="gta-6"] .feature-image-slot small{
  display:none!important;
}


/* Released Games page: match Upcoming Releases style */
#releasedGames.cinematic-banner-list,
#releasedGames.release-feature-list{
  display:flex!important;
  flex-direction:column!important;
  gap:28px!important;
  margin-top:30px!important;
}

/* Remove special bright/colour treatment from Released Games */
#releasedGames .cinematic-banner-card,
#releasedGames .release-feature-card{
  border-color:rgba(0,255,213,.72)!important;
  box-shadow:0 0 28px rgba(0,255,213,.14)!important;
  background:#111!important;
}

/* Text on Released Games should match normal clean layout */
#releasedGames .banner-game-info h2,
#releasedGames .feature-content h2{
  color:#ffffff!important;
  text-shadow:none!important;
}

#releasedGames .banner-date,
#releasedGames .release-date,
#releasedGames .banner-platforms,
#releasedGames .platforms{
  color:#ffffff!important;
  text-shadow:none!important;
}

#releasedGames .banner-desc,
#releasedGames .description,
#releasedGames .feature-content p{
  color:#dddddd!important;
}

/* Keep genre/info as plain text, no coloured box */
#releasedGames .banner-tags span,
#releasedGames .genre-tags span,
#releasedGames .feature-meta span{
  color:#dddddd!important;
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}

/* Restore the same themed image-space look as Upcoming Releases */
#releasedGames .theme-gta .future-image-placeholder,
#releasedGames .theme-gta .feature-image-slot{background:linear-gradient(135deg,#26113f,#ff7b00)!important;}

#releasedGames .theme-bond .future-image-placeholder,
#releasedGames .theme-bond .feature-image-slot{background:linear-gradient(135deg,#101010,#6b5b2a)!important;}

#releasedGames .theme-witcher .future-image-placeholder,
#releasedGames .theme-witcher .feature-image-slot{background:linear-gradient(135deg,#090909,#5b1b1b)!important;}

#releasedGames .theme-cyber .future-image-placeholder,
#releasedGames .theme-cyber .feature-image-slot{background:linear-gradient(135deg,#05051d,#8c5cff)!important;}

#releasedGames .theme-red .future-image-placeholder,
#releasedGames .theme-red .feature-image-slot{background:linear-gradient(135deg,#100,#9c1010)!important;}

#releasedGames .theme-fantasy .future-image-placeholder,
#releasedGames .theme-fantasy .feature-image-slot{background:linear-gradient(135deg,#062411,#74602a)!important;}

#releasedGames .theme-ocean .future-image-placeholder,
#releasedGames .theme-ocean .feature-image-slot{background:linear-gradient(135deg,#042733,#00a7c7)!important;}

#releasedGames .theme-horror .future-image-placeholder,
#releasedGames .theme-horror .feature-image-slot{background:linear-gradient(135deg,#050505,#4a0000)!important;}

#releasedGames .theme-space .future-image-placeholder,
#releasedGames .theme-space .feature-image-slot{background:linear-gradient(135deg,#06061d,#2453ff)!important;}

#releasedGames .theme-desert .future-image-placeholder,
#releasedGames .theme-desert .feature-image-slot{background:linear-gradient(135deg,#27180a,#c27b20)!important;}


/* Forza Horizon 6 cinematic banner */
.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder,
.release-feature-card[data-game="forza-horizon-6"] .future-image-placeholder,
.release-feature-card[data-game="forza-horizon-6"] .feature-image-slot{
  background-image:
    linear-gradient(90deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.76) 34%,
      rgba(0,0,0,.28) 70%,
      rgba(0,0,0,.08) 100%
    ),
    url("images/forza-horizon-6.jpg")!important;
  background-size: cover;
  background-position: center 0% !important;
  background-repeat: no-repeat;
}

.cinematic-banner-card[data-game="forza-horizon-6"] span,
.cinematic-banner-card[data-game="forza-horizon-6"] small,
.release-feature-card[data-game="forza-horizon-6"] span,
.release-feature-card[data-game="forza-horizon-6"] small{
  display:none!important;
}


/* Direct image card support */
.future-image-placeholder,
.feature-image-slot{
  position:relative;
  overflow:hidden;
}

.game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  z-index:0!important;
}

.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder::after,
.release-feature-card[data-game="forza-horizon-6"] .feature-image-slot::after,
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder::after,
.release-feature-card[data-game="gta-6"] .feature-image-slot::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.76) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.10) 100%);
  z-index:1;
  pointer-events:none;
}

.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder small,
.release-feature-card[data-game="forza-horizon-6"] .feature-image-slot span,
.release-feature-card[data-game="forza-horizon-6"] .feature-image-slot small{
  display:none!important;
}


/* Scenic Forza Horizon 6 image integration */
.future-image-placeholder{
  position:relative;
  overflow:hidden;
}

.game-banner-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover !important;
  object-position: center center;
  display:block;
}

.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.76) 34%, rgba(0,0,0,.22) 68%, rgba(0,0,0,.06) 100%);
  pointer-events:none;
}

.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder small{
  display:none;
}


/* Firefox image layer fix */
.cinematic-banner-card{
  isolation:isolate!important;
}

.future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
}

.future-image-placeholder img,
.game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  z-index:1!important;
}

.banner-dark-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.78) 34%, rgba(0,0,0,.34) 68%, rgba(0,0,0,.08) 100%),
    linear-gradient(0deg, rgba(0,0,0,.35), transparent 45%)!important;
}

.banner-game-info{
  position:relative!important;
  z-index:3!important;
}

.banner-countdown{
  z-index:4!important;
}

.future-image-placeholder span,
.future-image-placeholder small{
  position:relative;
  z-index:2;
}


/* Resident Evil Requiem cinematic banner */
.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.82) 34%, rgba(0,0,0,.36) 68%, rgba(0,0,0,.08) 100%);
  z-index:2;
  pointer-events:none;
}


/* Resident Evil direct image fix */
.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder,
.release-feature-card[data-game="resident-evil-requiem"] .future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}

.cinematic-banner-card[data-game="resident-evil-requiem"] .game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  z-index:1!important;
}

.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.82) 34%, rgba(0,0,0,.32) 68%, rgba(0,0,0,.08) 100%);
  z-index:2;
}

.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder span,
.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder small{
  display:none!important;
}


/* 007 First Light cinematic banner */
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder,
.release-feature-card[data-game="007-first-light"] .future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}

.cinematic-banner-card[data-game="007-first-light"] .game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  z-index:1!important;
}

.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.95) 0%, rgba(0,0,0,.82) 34%, rgba(0,0,0,.32) 68%, rgba(0,0,0,.08) 100%);
  z-index:2;
}

.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder span,
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder small{
  display:none!important;
}


/* Subnautica 2 cinematic banner */
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder,
.release-feature-card[data-game="subnautica-2"] .future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}

.cinematic-banner-card[data-game="subnautica-2"] .game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  z-index:1!important;
}

.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 34%, rgba(0,20,40,.18) 68%, rgba(0,0,0,.04) 100%);
  z-index:2;
}

.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder span,
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder small{
  display:none!important;
}


/* Subnautica 2 direct image fix */
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
}

.cinematic-banner-card[data-game="subnautica-2"] .game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  z-index:1!important;
}

.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 34%, rgba(0,20,40,.18) 68%, rgba(0,0,0,.04) 100%);
  z-index:2;
}

.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder span,
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder small{
  display:none!important;
}


/* Hard patch for direct Subnautica 2 image display */
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:none!important;
}

.cinematic-banner-card[data-game="subnautica-2"] .game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  opacity:1!important;
  z-index:1!important;
}

.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.90) 0%, rgba(0,0,0,.72) 34%, rgba(0,20,40,.18) 68%, rgba(0,0,0,.04) 100%);
  z-index:2;
  pointer-events:none;
}

.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder span,
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder small{
  display:none!important;
}


/* ARC Raiders direct cinematic image */
.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:none!important;
}

.cinematic-banner-card[data-game="arc-raiders"] .game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  opacity:1!important;
  z-index:1!important;
}

.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.74) 34%, rgba(0,0,0,.24) 68%, rgba(0,0,0,.06) 100%);
  z-index:2;
  pointer-events:none;
}

.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder span,
.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder small{
  display:none!important;
}

.cinematic-banner-card[data-game="dune-awakening"] .future-image-placeholder span,
.cinematic-banner-card[data-game="dune-awakening"] .future-image-placeholder small{display:none!important;}


/* Stable Firefox-safe cinematic card image system */
.cinematic-banner-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

.future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  background:none;
}

.game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  opacity:1!important;
  z-index:1!important;
}

.banner-dark-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.76) 34%, rgba(0,0,0,.28) 68%, rgba(0,0,0,.08) 100%),
    linear-gradient(0deg, rgba(0,0,0,.35), transparent 45%)!important;
}

.banner-game-info{
  position:relative!important;
  z-index:3!important;
}

.banner-countdown{
  z-index:4!important;
}

.future-image-placeholder span,
.future-image-placeholder small{
  position:relative;
  z-index:1;
}

.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder small,
.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder small,
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder span,
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder small,
.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder span,
.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder small,
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder span,
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder small,
.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder span,
.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder small,
.cinematic-banner-card[data-game="dune-awakening"] .future-image-placeholder span,
.cinematic-banner-card[data-game="dune-awakening"] .future-image-placeholder small{
  display:none!important;
}


/* Verified all-game image connection system */
.cinematic-banner-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}

.future-image-placeholder{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  background:none!important;
}

.game-banner-img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: cover !important;
  object-position: center center;
  display:block!important;
  opacity:1!important;
  z-index:1!important;
}

.banner-dark-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.76) 34%, rgba(0,0,0,.28) 68%, rgba(0,0,0,.08) 100%),
    linear-gradient(0deg, rgba(0,0,0,.35), transparent 45%)!important;
}

.banner-game-info{
  position:relative!important;
  z-index:3!important;
}

.banner-countdown{
  z-index:4!important;
}

.future-image-placeholder span,
.future-image-placeholder small{
  position:relative;
  z-index:1;
}

.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder small,
.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder span,
.cinematic-banner-card[data-game="forza-horizon-6"] .future-image-placeholder small,
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder span,
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder small,
.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder span,
.cinematic-banner-card[data-game="resident-evil-requiem"] .future-image-placeholder small,
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder span,
.cinematic-banner-card[data-game="subnautica-2"] .future-image-placeholder small,
.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder span,
.cinematic-banner-card[data-game="arc-raiders"] .future-image-placeholder small,
.cinematic-banner-card[data-game="dune-awakening"] .future-image-placeholder span,
.cinematic-banner-card[data-game="dune-awakening"] .future-image-placeholder small{
  display:none!important;
}


/* Full news page banner restore */
.news-main-hero{
  min-height:360px;
  margin:30px auto;
  max-width:1200px;
  border:2px solid rgba(0,255,213,.65);
  border-radius:22px;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.62), rgba(0,0,0,.20)),
    url("images/gameharbor-newsroom-banner.jpg");
  background-size: cover;
  background-position: center 0% !important;
  display:flex;
  align-items:center;
  padding:44px;
  box-shadow:0 0 30px rgba(0,255,213,.14);
}

.news-main-hero h1{
  color:#fff;
  font-size:46px;
  max-width:650px;
  margin:10px 0;
}

.news-main-hero p{
  color:#ddd;
  max-width:620px;
  line-height:1.6;
}

.news-page{
  max-width:1200px;
  margin:30px auto;
  padding:20px;
}

.news-page h2{
  color:#00ffd5;
  margin-top:34px;
}

.news-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}

.news-card{
  background:#101018;
  border:1px solid rgba(0,255,213,.35);
  border-radius:16px;
  padding:20px;
  color:#fff;
}

.news-card a{
  display:inline-block;
  margin-top:10px;
  padding:10px 14px;
  border:1px solid #00ffd5;
  border-radius:8px;
  color:#fff;
  text-decoration:none;
}

.news-card a:hover{
  background:#00ffd5;
  color:#000;
}

.news-article-page{
  max-width:1200px;
  margin:30px auto;
  padding:0 16px;
}

.news-article-hero{
  min-height:360px;
  background-size: cover;
  background-position: center 0% !important;
  border:2px solid rgba(0,255,213,.65);
  border-radius:22px;
  overflow:hidden;
  display:flex;
  align-items:center;
  padding:44px;
  box-shadow:0 0 30px rgba(0,255,213,.14);
}

.news-article-hero h1{
  color:#fff;
  font-size:46px;
  max-width:650px;
}

.news-article-body{
  margin-top:24px;
  background:rgba(10,10,18,.95);
  border:1px solid rgba(0,255,213,.35);
  border-radius:18px;
  padding:28px;
  color:#ddd;
  line-height:1.7;
}

.back-news-link{
  display:inline-block;
  margin-top:20px;
  padding:11px 15px;
  border:1px solid #00ffd5;
  border-radius:8px;
  color:#fff!important;
  text-decoration:none;
  font-weight:900;
  background:rgba(0,255,213,.10);
}

.back-news-link:hover{
  background:#00ffd5;
  color:#000!important;
}


/* Direct image News hero fix */
.news-direct-hero{
  position:relative!important;
  min-height:360px!important;
  margin:30px auto!important;
  max-width:1200px!important;
  border:2px solid rgba(0,255,213,.65)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#08080d!important;
  display:flex!important;
  align-items:center!important;
  padding:44px!important;
  box-shadow:0 0 30px rgba(0,255,213,.14)!important;
  isolation:isolate!important;
}

.news-direct-hero img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: contain;
  object-position: center center;
  display:block!important;
  z-index:1!important;
}

.news-direct-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.62), rgba(0,0,0,.20)),
    linear-gradient(0deg, rgba(0,0,0,.35), transparent 45%)!important;
  pointer-events:none!important;
}

.news-direct-content{
  position:relative!important;
  z-index:3!important;
  max-width:650px!important;
}

.news-direct-content h1{
  color:#fff!important;
  font-size:46px!important;
  margin:10px 0!important;
}

.news-direct-content p{
  color:#ddd!important;
  line-height:1.6!important;
}

.news-page{
  max-width:1200px;
  margin:30px auto;
  padding:20px;
}

.news-page h2{
  color:#00ffd5;
  margin-top:34px;
}

.news-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:20px;
}

.news-card{
  background:#101018;
  border:1px solid rgba(0,255,213,.35);
  border-radius:16px;
  padding:20px;
  color:#fff;
}

.news-card a,
.back-news-link{
  display:inline-block;
  margin-top:10px;
  padding:10px 14px;
  border:1px solid #00ffd5;
  border-radius:8px;
  color:#fff!important;
  text-decoration:none;
}

.news-card a:hover,
.back-news-link:hover{
  background:#00ffd5;
  color:#000!important;
}

.news-article-page{
  max-width:1200px;
  margin:30px auto;
  padding:0 16px;
}

.news-article-body{
  margin-top:24px;
  background:rgba(10,10,18,.95);
  border:1px solid rgba(0,255,213,.35);
  border-radius:18px;
  padding:28px;
  color:#ddd;
  line-height:1.7;
}


/* Embedded News banner display fix */
.news-direct-hero{
  position:relative!important;
  min-height:360px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:#08080d!important;
}

.news-direct-hero > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: contain;
  object-position: center center;
  display:block!important;
  opacity:1!important;
  z-index:1!important;
}

.news-direct-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  background:linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.62), rgba(0,0,0,.20))!important;
  pointer-events:none!important;
}

.news-direct-content{
  position:relative!important;
  z-index:3!important;
}

.no-news-img{
  background:linear-gradient(135deg,#111,#1b1233)!important;
}


/* Static arcade banner for every page */
.static-arcade-banner{
  width:100%;
  height: 260px;
  position:relative;
  overflow:hidden;
  background:#03030a;
  border-top:1px solid rgba(0,255,213,.25);
  border-bottom:1px solid rgba(0,255,213,.45);
  box-shadow:
    0 0 18px rgba(0,255,213,.20),
    inset 0 0 26px rgba(0,255,213,.10);
}

.static-arcade-banner img{
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: center center;
  display:block;
  filter:saturate(1.15) contrast(1.08);
}

.static-arcade-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 20%, transparent 80%, rgba(0,0,0,.18)),
    radial-gradient(circle at 20% 50%, rgba(0,255,213,.12), transparent 28%),
    radial-gradient(circle at 82% 50%, rgba(255,0,255,.12), transparent 28%);
  box-shadow:inset 0 0 22px rgba(0,255,213,.18);
}

@media(max-width:800px){
  .static-arcade-banner{
    height: 260px;
  }
}


/* Final static arcade banner cleanup */
.static-arcade-banner{
  width:100%!important;
  height:250px!important;
  position:relative!important;
  overflow:hidden!important;
  background:#03030a!important;
  border-top:1px solid rgba(0,255,213,.25)!important;
  border-bottom:1px solid rgba(0,255,213,.45)!important;
  box-shadow:
    0 0 18px rgba(0,255,213,.20),
    inset 0 0 26px rgba(0,255,213,.10)!important;
  z-index:1!important;
}

.static-arcade-banner img{
  width:100%!important;
  height:100%!important;
  object-fit: contain;
  object-position: center center;
  display:block!important;
  filter:saturate(1.15) contrast(1.08)!important;
}

.static-arcade-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 20%, transparent 80%, rgba(0,0,0,.18)),
    radial-gradient(circle at 20% 50%, rgba(0,255,213,.12), transparent 28%),
    radial-gradient(circle at 82% 50%, rgba(255,0,255,.12), transparent 28%);
  box-shadow:inset 0 0 22px rgba(0,255,213,.18);
}

/* Hide old animated banner containers if any survived */
.moving-banner,
.animated-banner,
.arcade-animation,
.hero-animation,
.pacman-banner,
.pac-man-banner,
.game-banner:not(.static-arcade-banner),
.top-banner:not(.static-arcade-banner),
.arcade-banner:not(.static-arcade-banner){
  display:none!important;
}

@media(max-width:800px){
  .static-arcade-banner{
    height:250px!important;
  }
}


/* Strict final static arcade banner fix */
.static-arcade-banner{
  display:block!important;
  width:100%!important;
  height:138px!important;
  max-height:138px!important;
  min-height:138px!important;
  position:relative!important;
  overflow:hidden!important;
  background:#03030a!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(0,255,213,.25)!important;
  border-bottom:1px solid rgba(0,255,213,.45)!important;
  box-shadow:0 0 18px rgba(0,255,213,.20), inset 0 0 26px rgba(0,255,213,.10)!important;
  z-index:10!important;
  line-height:0!important;
}

.static-arcade-banner img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit: contain;
  object-position: center center;
  opacity:1!important;
  filter:saturate(1.15) contrast(1.08)!important;
}

/* Force-hide any old animated banner bits that survive */
.moving-banner,
.animated-banner,
.arcade-animation,
.hero-animation,
.pacman-banner,
.pac-man-banner,
.arcade-hero,
.top-arcade,
.pixel-banner,
.neon-banner,
.banner-track,
.pacman-track,
canvas[id*="arcade"],
canvas[class*="arcade"],
canvas[id*="pacman"],
canvas[class*="pacman"]{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  max-height:0!important;
  overflow:hidden!important;
}

/* Prevent homepage duplicate banner spacing */
body > .static-arcade-banner + .static-arcade-banner{
  display:none!important;
}

@media(max-width:800px){
  .static-arcade-banner{
    height:110px!important;
    max-height:110px!important;
    min-height:110px!important;
  }
}


/* Correct arcade banner fit */
.static-arcade-banner{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  
  position:relative!important;
  overflow:hidden!important;
  background:#03030a!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(0,255,213,.25)!important;
  border-bottom:1px solid rgba(0,255,213,.45)!important;
  box-shadow:0 0 18px rgba(0,255,213,.20), inset 0 0 26px rgba(0,255,213,.10)!important;
  line-height:0!important;
}

.static-arcade-banner img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit: contain;
  object-position: center center;
  background:#03030a!important;
  opacity:1!important;
  filter:saturate(1.12) contrast(1.06)!important;
}

@media(max-width:800px){
  .static-arcade-banner{
    
  }
}


/* GameHarbor final arcade banner - updated */
.static-arcade-banner{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  
  position:relative!important;
  overflow:hidden!important;
  background:#03030a!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(0,255,213,.25)!important;
  border-bottom:1px solid rgba(0,255,213,.45)!important;
  box-shadow:0 0 18px rgba(0,255,213,.20), inset 0 0 26px rgba(0,255,213,.10)!important;
  line-height:0!important;
}
.static-arcade-banner img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit: contain;
  object-position: center center;
  background:#03030a!important;
  opacity:1!important;
  filter:saturate(1.12) contrast(1.06)!important;
}
.moving-banner,.animated-banner,.arcade-animation,.hero-animation,.pacman-banner,.pac-man-banner,.arcade-hero,.top-arcade,.pixel-banner,.neon-banner,.banner-track,.pacman-track,canvas[id*="arcade"],canvas[class*="arcade"],canvas[id*="pacman"],canvas[class*="pacman"]{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;}
body > .static-arcade-banner + .static-arcade-banner{display:none!important;}
@media(max-width:800px){.static-arcade-banner{}}

/* Animated old arcade warehouse banner effect */
.static-arcade-banner{
  isolation:isolate!important;
  
  background:#02030a!important;
  box-shadow:0 0 24px rgba(0,255,213,.28), inset 0 0 38px rgba(255,0,200,.10)!important;
}
.static-arcade-banner img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit: contain;
  object-position: center center;
  filter:saturate(1.16) contrast(1.08) brightness(.95)!important;
  animation:warehouseImageFlicker 5.8s infinite steps(1,end)!important;
  z-index:0!important;
}
.static-arcade-banner::before{
  content:""!important;
  position:absolute!important;
  inset:-8%!important;
  pointer-events:none!important;
  z-index:2!important;
  background:
    radial-gradient(circle at 50% 15%, rgba(255,255,255,.28), transparent 7%),
    radial-gradient(circle at 23% 42%, rgba(0,220,255,.22), transparent 18%),
    radial-gradient(circle at 77% 42%, rgba(255,0,190,.20), transparent 18%),
    linear-gradient(90deg, rgba(0,0,0,.45), transparent 18%, transparent 82%, rgba(0,0,0,.45)),
    repeating-linear-gradient(to bottom, rgba(255,255,255,.055) 0 1px, transparent 1px 5px)!important;
  mix-blend-mode:screen!important;
  opacity:.58!important;
  animation:warehouseNeonFlicker 3.6s infinite steps(1,end), scanlineDrift 1.7s linear infinite!important;
}
.static-arcade-banner::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:3!important;
  background:
    linear-gradient(115deg, transparent 0 39%, rgba(255,255,255,.16) 44%, transparent 49% 100%),
    radial-gradient(circle at 50% 8%, rgba(255,235,160,.34), transparent 8%),
    rgba(0,0,0,0)!important;
  box-shadow:inset 0 0 40px rgba(0,0,0,.68), inset 0 0 20px rgba(0,255,213,.18)!important;
  opacity:.42!important;
  animation:warehouseLightSweep 7s infinite ease-in-out, warehouseBlackout 8.5s infinite steps(1,end)!important;
}
@keyframes warehouseImageFlicker{
  0%, 4%, 8%, 11%, 100%{filter:saturate(1.16) contrast(1.08) brightness(.96)}
  5%{filter:saturate(1.35) contrast(1.18) brightness(1.22)}
  6%{filter:saturate(.95) contrast(1.02) brightness(.60)}
  9%{filter:saturate(1.30) contrast(1.16) brightness(1.12)}
  10%{filter:saturate(.85) contrast(1.02) brightness(.72)}
  48%{filter:saturate(1.25) contrast(1.14) brightness(1.05)}
  49%{filter:saturate(.95) contrast(1.05) brightness(.74)}
  74%{filter:saturate(1.30) contrast(1.16) brightness(1.14)}
  75%{filter:saturate(.90) contrast(1.02) brightness(.64)}
}
@keyframes warehouseNeonFlicker{
  0%, 13%, 17%, 37%, 41%, 100%{opacity:.56}
  14%, 38%{opacity:.16}
  15%, 39%{opacity:.92}
  16%, 40%{opacity:.28}
  70%{opacity:.75}
  71%{opacity:.22}
  72%{opacity:.82}
}
@keyframes warehouseLightSweep{
  0%, 100%{transform:translateX(-18%);opacity:.28}
  45%{transform:translateX(18%);opacity:.48}
  50%{opacity:.16}
}
@keyframes warehouseBlackout{
  0%, 62%, 65%, 100%{background-color:rgba(0,0,0,0)}
  63%{background-color:rgba(0,0,0,.42)}
  64%{background-color:rgba(255,255,255,.10)}
}
@keyframes scanlineDrift{
  from{transform:translateY(-8px)}
  to{transform:translateY(8px)}
}
@media(max-width:800px){
  .static-arcade-banner{}
}
@media(prefers-reduced-motion:reduce){
  .static-arcade-banner img,
  .static-arcade-banner::before,
  .static-arcade-banner::after{animation:none!important;}
}

/* Final harbor-city banner fit */
.static-arcade-banner{
  
  background:#02030a!important;
}
.static-arcade-banner img{
  object-fit: contain;
  object-position: center center;
}
@media(max-width:800px){
  .static-arcade-banner{}
}


/* FINAL FIX: stop any hidden/old animated banner artwork showing near tabs */
.live-arcade-banner{
  background: linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.2)), url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") center/cover no-repeat !important;
  height:auto!important;
  
  border-bottom:4px solid #00ffd5!important;
  overflow:hidden!important;
}
.live-arcade-banner .cabinet,
.live-arcade-banner .cab-screen,
.live-arcade-banner .joystick,
.live-arcade-banner .pacman,
.live-arcade-banner .ghost,
.live-arcade-banner .pellet,
.live-arcade-banner .banner-fallback-title{display:none!important;}
.static-arcade-banner{
  
  max-height:none!important;
}
.static-arcade-banner img{
  content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1");
}

/* ==============================
   GAME HARBOR PREVIEW POLISH
   safer preview: cleaner header, darker banner overlay, neon hover, upgraded cards
   ============================== */
:root{
  --gh-bg:#070810;
  --gh-panel:rgba(13,15,28,.82);
  --gh-panel-solid:#101322;
  --gh-cyan:#00f5ff;
  --gh-pink:#ff3df2;
  --gh-purple:#8f5cff;
  --gh-yellow:#ffd43b;
  --gh-text:#f5f7ff;
  --gh-muted:#b9c0d4;
}

body{
  background:
    radial-gradient(circle at 20% 0%, rgba(0,245,255,.12), transparent 32%),
    radial-gradient(circle at 84% 12%, rgba(255,61,242,.12), transparent 34%),
    linear-gradient(180deg,#05060c 0%,#090a14 45%,#05060c 100%) !important;
  color:var(--gh-text) !important;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 5px);
  opacity:.35;
  z-index:9999;
}

.static-arcade-banner{
  position:relative !important;
  border-bottom:1px solid rgba(0,245,255,.75) !important;
  box-shadow:0 0 34px rgba(0,245,255,.28), inset 0 -50px 60px rgba(0,0,0,.45) !important;
  background:#05060c !important;
}
.static-arcade-banner::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(0,0,0,.58) 0%, rgba(0,0,0,.12) 28%, rgba(0,0,0,.10) 72%, rgba(0,0,0,.58) 100%),
    linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.08) 55%, rgba(0,0,0,.70));
}
.static-arcade-banner::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.10) 45%, transparent 58%) !important;
  transform:translateX(-120%) !important;
  animation:ghSoftSweep 7s ease-in-out infinite !important;
}
@keyframes ghSoftSweep{0%,35%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}

.site-header{
  position:relative;
  z-index:20;
  margin:0 auto;
  padding:14px 18px 16px !important;
  background:rgba(6,8,16,.92) !important;
  backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(0,245,255,.55) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.45),0 0 24px rgba(0,245,255,.12) !important;
}

.brand{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:8px 16px;
  margin-bottom:12px !important;
  border:1px solid rgba(0,245,255,.55);
  border-radius:999px;
  background:linear-gradient(90deg,rgba(0,245,255,.10),rgba(255,61,242,.10));
  color:#fff;
  font-size:16px !important;
  letter-spacing:2px;
  font-weight:900;
  text-shadow:0 0 12px rgba(0,245,255,.55);
}
.brand::before{content:"⚓";color:var(--gh-yellow);text-shadow:0 0 12px rgba(255,212,59,.8);}

nav{
  gap:10px !important;
  max-width:1180px;
  margin:0 auto;
}
nav a{
  position:relative;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#f7fbff !important;
  font-size:14px;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease;
}
nav a:hover{
  color:#fff !important;
  background:linear-gradient(90deg,rgba(0,245,255,.20),rgba(255,61,242,.18));
  border-color:rgba(0,245,255,.75);
  box-shadow:0 0 16px rgba(0,245,255,.28), inset 0 0 14px rgba(255,61,242,.08);
  transform:translateY(-2px);
}

main{max-width:1180px !important;padding-top:42px !important;}
h1{
  color:#fff !important;
  font-size:clamp(38px,6vw,64px) !important;
  letter-spacing:1px;
  text-shadow:0 0 22px rgba(0,245,255,.35),0 0 35px rgba(255,61,242,.18);
}
.hero .intro,.page-box p,.info-block p,.maintenance-box p,.live-home-card p,.card p{color:var(--gh-muted);}

.card,.release-card,.auto-section,.page-box,.game-panel,.maintenance-box,.home-hub,.live-home-card,.info-block,.affiliate-hero-box,.affiliate-card,.contact-highlight,.home-news-strip,.release-detail-card,.release-row,.cinematic-card,.release-feature-card,.cinematic-banner-card{
  background:linear-gradient(180deg,rgba(20,23,40,.88),rgba(8,10,18,.92)) !important;
  border:1px solid rgba(0,245,255,.45) !important;
  border-radius:18px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 18px 40px rgba(0,0,0,.35),0 0 28px rgba(0,245,255,.10) !important;
}
.card:hover,.live-home-card:hover,.hub-grid a:hover,.info-block:hover,.affiliate-card:hover{
  transform:translateY(-3px);
  box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 22px 46px rgba(0,0,0,.42),0 0 34px rgba(255,61,242,.13) !important;
}
.card,.live-home-card,.hub-grid a,.info-block,.affiliate-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.card h2,.release-card h2,.game-panel h2,.auto-section h2,.home-hub h2,.live-home-card h2,.info-block h2,.affiliate-hero-box h2,.home-news-strip h2{
  color:var(--gh-cyan) !important;
  text-shadow:0 0 14px rgba(0,245,255,.25);
}

.btn,.big-contact-button,.release-actions a{
  border-radius:12px !important;
  font-weight:900 !important;
  box-shadow:0 0 18px rgba(0,245,255,.18);
}
.btn.yellow,.big-contact-button{
  background:linear-gradient(90deg,var(--gh-cyan),#65fff0) !important;
  color:#02040a !important;
}
.btn.blue{
  background:linear-gradient(90deg,var(--gh-purple),var(--gh-pink)) !important;
  color:#fff !important;
}
.btn:hover,.big-contact-button:hover,.release-actions a:hover{filter:brightness(1.12);transform:translateY(-2px)}

.hub-grid a{
  background:rgba(5,7,15,.62) !important;
  border-color:rgba(255,61,242,.35) !important;
}

footer{
  background:rgba(5,6,12,.96) !important;
  border-top:1px solid rgba(0,245,255,.45);
  color:var(--gh-muted);
}
footer a,a{color:var(--gh-cyan) !important;}

@media(max-width:720px){
  nav a{font-size:13px;padding:9px 11px}
  .brand{font-size:14px!important}
  main{padding:32px 15px!important}
}


/* About page preview polish */
.about-box{
  max-width:1050px;
  margin:35px auto 55px;
  text-align:left;
  background:linear-gradient(135deg,rgba(10,10,18,.96),rgba(18,14,32,.94));
  border-color:rgba(0,255,213,.75);
  box-shadow:0 0 28px rgba(0,255,213,.16), inset 0 0 30px rgba(140,92,255,.08);
}
.about-box .eyebrow{
  color:#00ffd5;
  letter-spacing:3px;
  font-weight:800;
  font-size:13px;
  margin-bottom:10px;
}
.about-box h1{
  font-size:46px;
  margin:0 0 14px;
  color:#fff;
  text-shadow:0 0 18px rgba(0,255,213,.35);
}
.about-box .lead-text{
  font-size:20px;
  line-height:1.65;
  color:#f2f2f2;
}
.about-box p{
  line-height:1.7;
  color:#d8d8e8;
}
.about-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin:30px 0;
}
.about-grid article{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(0,255,213,.35);
  border-radius:16px;
  padding:22px;
  box-shadow:0 0 18px rgba(0,0,0,.25);
}
.about-grid h2{
  color:#00ffd5;
  font-size:22px;
  margin-top:0;
}
.about-callout{
  margin-top:25px;
  padding:26px;
  border-radius:18px;
  background:radial-gradient(circle at 20% 20%,rgba(0,255,213,.16),transparent 38%),linear-gradient(135deg,rgba(140,92,255,.22),rgba(0,0,0,.25));
  border:1px solid rgba(140,92,255,.65);
  text-align:center;
}
.about-callout h2{
  color:#fff;
  margin-top:0;
  font-size:30px;
}
@media(max-width:850px){.about-grid{grid-template-columns:1fr}.about-box h1{font-size:36px}}

/* GTA VI clean image fix - removes embedded logo/description from the picture */
.cinematic-banner-card[data-game="gta-6"] .game-banner-img,
.release-feature-card[data-game="gta-6"] .game-banner-img{
  object-position: center center;
}

.cinematic-banner-card[data-game="gta-6"] .banner-dark-overlay,
.release-feature-card[data-game="gta-6"] .banner-dark-overlay{
  background:
    linear-gradient(90deg, rgba(0,0,0,.96) 0%, rgba(0,0,0,.82) 36%, rgba(0,0,0,.38) 70%, rgba(0,0,0,.12) 100%),
    linear-gradient(0deg, rgba(0,0,0,.42), transparent 48%)!important;
}


/* Reviews dropdown restored */
nav .nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}
nav .nav-dropdown > .nav-main{
  cursor:pointer;
}
nav .dropdown-menu{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  left:50%;
  transform:translateX(-50%);
  min-width:230px;
  z-index:999;
  padding:10px;
  border:1px solid rgba(0,245,255,.65);
  border-radius:16px;
  background:rgba(5,8,16,.97);
  box-shadow:0 18px 35px rgba(0,0,0,.55),0 0 24px rgba(0,245,255,.20);
}
nav .nav-dropdown:hover .dropdown-menu,
nav .nav-dropdown:focus-within .dropdown-menu{
  display:grid;
  gap:6px;
}
nav .dropdown-menu a{
  display:block;
  text-align:left;
  border-radius:12px;
  padding:9px 11px;
  white-space:normal;
}
nav .dropdown-menu a:hover{
  transform:none;
  background:linear-gradient(90deg,rgba(0,245,255,.20),rgba(255,61,242,.18));
}
.review-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:22px;
  margin:30px 0 60px;
}
.review-card{
  overflow:hidden;
  background:linear-gradient(180deg,rgba(20,23,40,.88),rgba(8,10,18,.94));
  border:1px solid rgba(0,245,255,.45);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 28px rgba(0,245,255,.10);
}
.review-card img{
  width:100%;
  height:170px;
  object-fit: contain;
  display:block;
}
.review-card-body{padding:18px;}
.review-badge,.eyebrow{
  display:inline-block;
  color:#00ffd5;
  font-size:12px;
  letter-spacing:2px;
  font-weight:900;
  margin-bottom:8px;
}
.review-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:14px 0 18px;
}
.review-meta span,.review-score{
  display:inline-block;
  border:1px solid rgba(255,61,242,.45);
  border-radius:999px;
  padding:7px 11px;
  color:#fff;
  background:rgba(255,61,242,.10);
  font-weight:800;
  font-size:13px;
}
.review-detail{
  display:grid;
  grid-template-columns:minmax(280px,520px) 1fr;
  gap:28px;
  align-items:start;
  margin:35px 0 65px;
}
.review-hero-img{
  width:100%;
  border-radius:20px;
  border:1px solid rgba(0,245,255,.55);
  box-shadow:0 20px 45px rgba(0,0,0,.45),0 0 28px rgba(0,245,255,.12);
}
.review-detail-copy{
  background:linear-gradient(180deg,rgba(20,23,40,.88),rgba(8,10,18,.94));
  border:1px solid rgba(0,245,255,.45);
  border-radius:20px;
  padding:26px;
  box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 28px rgba(0,245,255,.10);
}
.review-detail-copy h2{color:#00ffd5;margin-top:24px;}
@media(max-width:780px){
  .review-detail{grid-template-columns:1fr;}
  nav .dropdown-menu{left:0;transform:none;}
}

/* Flat navigation fix: dropdowns removed so home tabs stay aligned */
.nav-dropdown, .dropdown-menu { display: contents; }
.nav-dropdown .dropdown-menu { display: none !important; }
.review-grid-section { max-width: 1100px; margin: 34px auto; padding: 0 18px; }
.review-grid-section h2 { text-align: center; color: #fff; text-shadow: 0 0 12px rgba(0,220,255,.65); }
.review-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.review-card { display: flex; flex-direction: column; gap: 8px; padding: 18px; border: 1px solid rgba(0,220,255,.35); border-radius: 16px; background: rgba(6, 10, 22, .78); color: #fff; text-decoration: none; box-shadow: 0 0 22px rgba(255,0,180,.12); }
.review-card:hover { transform: translateY(-2px); border-color: rgba(255,0,190,.75); box-shadow: 0 0 26px rgba(0,220,255,.25); }
.review-card span { color: #9defff; font-size: .92rem; }

/* FINAL SMALLER BANNER FIX - no stretch, CSS crop only */
.static-arcade-banner,
.live-arcade-banner{
  height:250px!important;
  min-height:250px!important;
  max-height:250px!important;
  
  overflow:hidden!important;
}
.static-arcade-banner img,
.live-arcade-banner img{
  width:100%!important;
  height:100%!important;
  object-fit: contain;
  object-position: center center;
}
@media(max-width:800px){
  .static-arcade-banner,
  .live-arcade-banner{
    height:250px!important;
    min-height:250px!important;
    max-height:250px!important;
    
  }
}


/* Game Harbor final banner sizing override */
.hero-banner,
.site-banner,
.arcade-banner,
.banner,
.hero,
header.hero,
.header-banner {
    height: 260px !important;
    min-height: 260px !important;
    max-height: none !important;
    background-size: cover;
    background-position: center 0% !important;
    background-repeat: no-repeat;
    overflow: hidden !important;
    }

.hero-banner img,
.site-banner img,
.arcade-banner img,
.banner img,
.hero img,
.header-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center center !important;
    }

@media (max-width: 768px) {
    .hero-banner,
    .site-banner,
    .arcade-banner,
    .banner,
    .hero,
    header.hero,
    .header-banner {
        height: 180px !important;
        min-height: 180px !important;
    }
}


/* FINAL FIX: show the whole Game Harbor banner without zooming or squashing */
.hero-banner,
.site-banner,
.arcade-banner,
.banner,
.hero,
header.hero,
.header-banner {
    height: 300px !important;
    min-height: 300px !important;
    background-size: cover;
    background-position: center 0% !important;
    background-repeat: no-repeat;
    background-color: #020611 !important;
    overflow: hidden !important;
    }

.hero-banner img,
.site-banner img,
.arcade-banner img,
.banner img,
.hero img,
.header-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    object-position: center center !important;
    background-color: #020611 !important;
    }

@media (max-width: 768px) {
    .hero-banner,
    .site-banner,
    .arcade-banner,
    .banner,
    .hero,
    header.hero,
    .header-banner {
        height: 180px !important;
        min-height: 180px !important;
    }
}

/* Game Harbor banner corrected: cropped image, no white space, no squashing */
.hero-banner,
.site-banner,
.arcade-banner,
.banner,
.hero,
header.hero,
.header-banner {
    height: 260px !important;
    min-height: 260px !important;
    max-height: none !important;
    background-size: 70% auto !important;
    background-position: center 20% !important;
    background-repeat: no-repeat !important;
    background-color: #020611 !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
}

.hero-banner img,
.site-banner img,
.arcade-banner img,
.banner img,
.hero img,
.header-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    aspect-ratio: auto !important;
}

@media (max-width: 768px) {
    .hero-banner,
    .site-banner,
    .arcade-banner,
    .banner,
    .hero,
    header.hero,
    .header-banner {
        height: 180px !important;
        min-height: 180px !important;
    }
}


/* FINAL GAME HARBOR BANNER FIX - centred, no zoom, no squashing */
.hero-banner,
.site-banner,
.arcade-banner,
.banner,
.hero,
header.hero,
.header-banner {
    height: 260px !important;
    min-height: 260px !important;
    max-height: none !important;
    background-size: 70% auto !important;
    background-position: center 20% !important;
    background-repeat: no-repeat !important;
    background-color: #020611 !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
}

.hero-banner img,
.site-banner img,
.arcade-banner img,
.banner img,
.hero img,
.header-banner img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    aspect-ratio: auto !important;
}

@media (max-width: 768px) {
    .hero-banner,
    .site-banner,
    .arcade-banner,
    .banner,
    .hero,
    header.hero,
    .header-banner {
        height: 170px !important;
        min-height: 170px !important;
        background-size: 70% auto !important;
        background-position: center 20% !important;
    }
}


/* FINAL FIX: stop homepage maintenance text being cut off */
.home-hero,
.hero-content,
.hero-panel,
.home-panel,
.main-panel,
.content-panel,
.intro-panel,
.intro-section,
.maintenance-box,
.maintenance-section,
.home-main,
main,
section {
    max-height: none !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

.maintenance-box {
    display: block !important;
    width: min(900px, 92%) !important;
    margin: 24px auto 28px !important;
    padding: 28px 32px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    line-height: 1.55 !important;
}

.maintenance-box h2,
.maintenance-box h3,
.maintenance-box p {
    display: block !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    max-height: none !important;
    height: auto !important;
}

.maintenance-box p {
    margin: 10px auto !important;
    max-width: 780px !important;
    line-height: 1.55 !important;
}

@media (max-width: 700px) {
    .maintenance-box {
        width: 94% !important;
        padding: 22px 16px !important;
    }
}



/* ================================
   GAME HARBOR HOME FINAL LAYOUT
   Fixes maintenance clipping by rebuilding the home page flow.
   ================================ */

body.home-page{
  background:
    radial-gradient(circle at top left, rgba(0,255,213,.12), transparent 32%),
    radial-gradient(circle at top right, rgba(255,0,210,.16), transparent 34%),
    linear-gradient(180deg,#05070d 0%,#080a13 42%,#05060b 100%) !important;
  color:#f4fbff;
}

.static-arcade-banner{
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
  overflow:hidden !important;
  background:#020611 !important;
  border-bottom:1px solid rgba(0,255,255,.5);
}

.static-arcade-banner img{
  width:100% !important;
  height:auto !important;
  display:block !important;
  object-fit:contain !important;
  object-position:center center !important;
}

.site-header.home-nav{
  background:rgba(5,8,18,.92) !important;
  border-top:1px solid rgba(0,255,213,.25);
  border-bottom:1px solid rgba(0,255,213,.45);
  box-shadow:0 0 24px rgba(0,255,213,.10);
  padding:18px 20px 20px !important;
}

.site-header.home-nav .brand{display:none !important;}

.site-header.home-nav nav{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  max-width:1450px;
  margin:0 auto;
}

.site-header.home-nav nav a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:42px;
  padding:0 17px !important;
  border-radius:14px;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  font-size:15px !important;
  letter-spacing:.1px;
  background:linear-gradient(180deg,rgba(28,32,48,.98),rgba(13,15,26,.98));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:inset 0 0 16px rgba(255,255,255,.03),0 0 12px rgba(0,255,213,.08);
}

.site-header.home-nav nav a:hover{
  color:#00ffe7 !important;
  border-color:rgba(0,255,213,.7);
  box-shadow:0 0 18px rgba(0,255,213,.25);
  transform:translateY(-1px);
}

.home-main{
  width:min(1180px,92vw);
  margin:0 auto !important;
  padding:42px 0 60px !important;
  overflow:visible !important;
}

.home-hero-fixed{
  width:min(900px,100%);
  margin:0 auto 28px !important;
  padding:0 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  text-align:center;
  background:transparent !important;
}

.home-hero-fixed h1{
  margin:0 0 24px !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:2px;
  color:#f5fbff !important;
  text-shadow:0 0 14px rgba(0,196,255,.45),0 0 30px rgba(255,255,255,.18);
}

.anchor-glow{
  display:inline-block;
  margin-right:18px;
  color:#00eaff;
  filter:drop-shadow(0 0 10px rgba(0,234,255,.8));
}

.maintenance-box-fixed{
  width:min(850px,100%);
  margin:0 auto !important;
  padding:24px 30px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  box-sizing:border-box !important;
  border:1px solid rgba(0,255,213,.82);
  border-radius:16px;
  background:linear-gradient(180deg,rgba(12,16,30,.98),rgba(8,10,19,.98));
  box-shadow:0 0 22px rgba(0,255,213,.18), inset 0 0 30px rgba(255,0,220,.05);
  text-align:center;
}

.maintenance-box-fixed h2{
  margin:0 0 16px !important;
  color:#ffe600 !important;
  font-size:clamp(20px,2vw,26px) !important;
  line-height:1.25 !important;
  text-shadow:0 0 10px rgba(255,230,0,.35);
}

.maintenance-box-fixed p{
  margin:11px auto !important;
  max-width:740px;
  color:#f5fbff !important;
  font-size:clamp(16px,1.25vw,18px) !important;
  line-height:1.5 !important;
  font-weight:600;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:unset !important;
}

.maintenance-box-fixed .thanks-line{
  color:#00ffe7 !important;
  font-weight:1000 !important;
  margin-top:18px !important;
  text-shadow:0 0 12px rgba(0,255,213,.4);
}

.feature-row-fixed{
  display:grid !important;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin:26px auto 30px !important;
  width:100%;
  overflow:visible !important;
}

.feature-row-fixed article,
.home-hub-fixed,
.live-home-sections-fixed article{
  background:linear-gradient(180deg,rgba(15,18,33,.96),rgba(7,9,17,.96));
  border:1px solid rgba(0,255,213,.65);
  border-radius:15px;
  box-shadow:0 0 18px rgba(0,255,213,.12);
}

.feature-row-fixed article{
  min-height:150px;
  padding:28px 24px;
  text-align:center;
}

.feature-row-fixed h2,
.live-home-sections-fixed h2,
.home-hub-fixed h2{
  margin:0 0 14px;
  color:#00ffe7;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
}

.feature-row-fixed p,
.live-home-sections-fixed p{
  margin:0;
  color:#dbe8ff;
  line-height:1.45;
  font-size:16px;
}

.home-hub-fixed{
  padding:26px;
  margin:0 auto 32px;
  text-align:center;
}

.hub-grid-fixed{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:16px;
}

.hub-grid-fixed a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  color:#00ffe7;
  text-decoration:none;
  font-weight:1000;
  border:1px solid rgba(255,0,220,.55);
  border-radius:9px;
  background:rgba(6,8,15,.55);
}

.hub-grid-fixed a:hover{
  border-color:#00ffe7;
  box-shadow:0 0 16px rgba(0,255,213,.22);
}

.live-home-sections-fixed{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}

.live-home-sections-fixed article{
  min-height:150px;
  padding:26px 28px;
}

.live-home-sections-fixed a{
  display:inline-block;
  margin-top:18px;
  color:#00ffe7;
  font-weight:1000;
  text-decoration:none;
}

footer{
  background:#05070d !important;
  border-top:1px solid rgba(0,255,213,.35);
  text-align:center;
  padding:26px 20px !important;
  color:#dcecff;
}

footer a{color:#00ffe7;}

@media(max-width:900px){
  .feature-row-fixed,
  .hub-grid-fixed,
  .live-home-sections-fixed{
    grid-template-columns:1fr;
  }
  .home-main{width:94vw;padding-top:28px !important;}
  .site-header.home-nav nav a{font-size:14px !important;padding:0 13px !important;}
}





/* GPT FINAL BANNER WIDTH FIX */
.static-arcade-banner{
  height:320px !important;
  width:100% !important;
  overflow:hidden !important;
}

.static-arcade-banner img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  max-width:none !important;
}

@media(max-width:800px){
 .static-arcade-banner{height:220px !important;}
}


/* GAME CARD IMAGE FIX */
.release-card,
.game-card,
.upcoming-card,
.featured-game,
.release-item{
  background-size: cover !important;
  background-position: center 20% !important;
  background-repeat: no-repeat !important;
}

.release-card::before,
.game-card::before,
.upcoming-card::before{
  background-size: cover !important;
  background-position: center 20% !important;
}


/* EXACT RELEASE / GAME CARD IMAGE FIX
   These cards use <img class="game-banner-img"> inside .future-image-placeholder.
   The image must COVER the card, not CONTAIN, otherwise the coloured fallback block shows on the right.
*/
.cinematic-banner-card .future-image-placeholder,
.release-feature-card .future-image-placeholder,
.release-feature-card .feature-image-slot {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  background: #05070d !important;
}

.cinematic-banner-card .game-banner-img,
.release-feature-card .game-banner-img,
.future-image-placeholder > img,
.feature-image-slot > img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

/* Remove coloured fallback blocks behind image cards */
.cinematic-banner-card:has(.game-banner-img) .future-image-placeholder,
.release-feature-card:has(.game-banner-img) .future-image-placeholder,
.release-feature-card:has(.game-banner-img) .feature-image-slot {
  background: #05070d !important;
}


/* Fable card background fix: clean image fills full game card */
.cinematic-banner-card[data-game="fable"] .game-banner-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}

.cinematic-banner-card[data-game="fable"] .future-image-placeholder {
  background: #05070d !important;
  overflow: hidden !important;
}


/* FABLE CARD FINAL FIX
   Uses a clean background-only image and keeps the hero's head visible.
*/
.cinematic-banner-card[data-game="fable"] .future-image-placeholder {
  background: #05070d !important;
  overflow: hidden !important;
}

.cinematic-banner-card[data-game="fable"] .game-banner-img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center 20% !important;
  display: block !important;
}


/* GTA VI card final positioning fix: keep car/person visible on right */
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder {
  background:#05070d !important;
  overflow:hidden !important;
}

.cinematic-banner-card[data-game="gta-6"] .game-banner-img {
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:right center !important;
  display:block !important;
}


/* GTA VI final background composition fix */
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder {
  background:#05070d !important;
  overflow:hidden !important;
}

.cinematic-banner-card[data-game="gta-6"] .game-banner-img {
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}


/* Homepage Showcase Slider */
.gh-showcase{
position:relative;
height:420px;
margin:25px auto;
border:2px solid rgba(0,255,213,.7);
border-radius:18px;
overflow:hidden;
max-width:1400px;
background:#05070d;
}
.gh-slide{
position:absolute;
inset:0;
opacity:0;
transition:.5s;
background-size: cover;
background-position:center;
}
.gh-slide.active{opacity:1;}
.gh-info{
position:absolute;
left:40px;
bottom:60px;
max-width:450px;
background:rgba(0,0,0,.25);
padding:20px;
border-radius:12px;
}
.gh-info h2{margin:0 0 10px;color:white;}
.gh-info p{margin:0;color:#ddd;}

.gh-prev,.gh-next{
position:absolute;
top:50%;
transform:translateY(-50%);
z-index:10;
font-size:34px;
background:rgba(0,0,0,.5);
border:1px solid #00ffd5;
color:#00ffd5;
width:55px;
height:55px;
cursor:pointer;
}
.gh-prev{left:15px;}
.gh-next{right:15px;}

.gh-dots{
position:absolute;
left:20px;
bottom:15px;
display:flex;
gap:10px;
z-index:10;
}
.gh-dots span{
width:12px;height:12px;
border-radius:50%;
background:#666;
cursor:pointer;
}
.gh-dots span.active{background:#00ffd5;}


/* Showcase rebuild */
.gh-showcase{
position:relative!important;
height:420px!important;
max-width:1400px!important;
margin:30px auto!important;
display:block!important;
overflow:hidden!important;
}
.gh-slide{z-index:1;}
.gh-slide.active{opacity:1!important;z-index:2;}


/* Featured Games Showcase - safe rebuild */
.gh-showcase{
  display:block !important;
  width:min(1180px,92vw) !important;
  margin:34px auto !important;
  padding:0 !important;
  position:relative !important;
  z-index:3 !important;
}

.gh-showcase h2{
  margin:0 0 16px !important;
  color:#00ffe7 !important;
  font-size:34px !important;
  text-align:center !important;
  text-shadow:0 0 18px rgba(0,255,213,.35) !important;
}

.gh-showcase-slider{
  position:relative !important;
  width:100% !important;
  height:430px !important;
  min-height:430px !important;
  overflow:hidden !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:20px !important;
  background:#05070d !important;
  box-shadow:0 0 28px rgba(0,255,213,.16) !important;
}

.gh-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  transition:opacity .45s ease !important;
}

.gh-slide.active{
  opacity:1 !important;
  pointer-events:auto !important;
}

.gh-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 34%, rgba(0,0,0,.20) 72%, rgba(0,0,0,.10) 100%),
    linear-gradient(0deg, rgba(0,0,0,.42), transparent 45%) !important;
  z-index:1 !important;
}

.gh-slide-content{
  position:relative !important;
  z-index:2 !important;
  width:min(520px,58%) !important;
  padding:46px 42px !important;
  color:#fff !important;
}

.gh-slide-content h3{
  margin:0 0 14px !important;
  font-size:clamp(32px,4vw,54px) !important;
  line-height:1.02 !important;
  color:#fff !important;
}

.gh-slide-content p{
  margin:0 0 24px !important;
  color:#e8f4ff !important;
  font-size:18px !important;
  line-height:1.5 !important;
}

.gh-slide-content a{
  display:inline-block !important;
  padding:13px 22px !important;
  border:1px solid #00ffe7 !important;
  border-radius:8px !important;
  color:#00ffe7 !important;
  text-decoration:none !important;
  font-weight:900 !important;
  background:rgba(0,0,0,.35) !important;
}

.gh-showcase-arrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:6 !important;
  width:56px !important;
  height:56px !important;
  border:1px solid #00ffe7 !important;
  border-radius:12px !important;
  background:rgba(2,8,15,.72) !important;
  color:#00ffe7 !important;
  font-size:52px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.gh-prev{left:18px !important;}
.gh-next{right:18px !important;}

.gh-showcase-dots{
  display:flex !important;
  position:absolute !important;
  left:26px !important;
  bottom:20px !important;
  z-index:7 !important;
  gap:10px !important;
}

.gh-showcase-dots button{
  width:13px !important;
  height:13px !important;
  border-radius:10px !important;
  border:0 !important;
  background:rgba(255,255,255,.34) !important;
  cursor:pointer !important;
  padding:0 !important;
}

.gh-showcase-dots button.active{
  background:#00ffe7 !important;
  box-shadow:0 0 12px rgba(0,255,213,.75) !important;
}

@media(max-width:800px){
  .gh-showcase-slider{
    height:330px !important;
    min-height:330px !important;
  }
  .gh-slide-content{
    width:72% !important;
    padding:32px 24px !important;
  }
}


/* Remove Featured Games title above showcase */
.gh-showcase > h2{
    display:none !important;
}


/* Showcase button spacing + review button */
.gh-slide-content p{
  margin-bottom: 34px !important;
}

.gh-slide-content a{
  margin-right: 12px !important;
  margin-top: 8px !important;
}

.gh-slide-content .gh-review-btn{
  border-color: rgba(255,61,242,.9) !important;
  color: #ff7df5 !important;
}

.gh-slide-content .gh-review-btn:hover{
  box-shadow: 0 0 18px rgba(255,61,242,.35) !important;
}


/* Move showcase content lower like a modern game launcher */
.gh-slide-content{
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
}

.gh-slide-content p{
    margin-bottom:auto !important;
}

.gh-slide-content a{
    margin-top:0 !important;
}

.gh-slide-content .gh-review-btn{
    margin-left:8px !important;
}


/* Align showcase buttons on same row and reduce button size */
.gh-slide-content{
  display:flex !important;
  flex-direction:column !important;
}

.gh-slide-content p{
  margin-bottom:22px !important;
}

.gh-slide-content .gh-button-row{
  display:flex !important;
  gap:10px !important;
}

/* fallback if buttons are direct links */
.gh-slide-content a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:9px 16px !important;
  min-height:auto !important;
  line-height:1.1 !important;
  margin:0 10px 0 0 !important;
  font-size:14px !important;
  vertical-align:middle !important;
}

.gh-slide-content a.gh-review-btn{
  margin-right:0 !important;
}


/* FINAL showcase button inline fix */
.gh-slide-content a,
.gh-slide-content a.gh-review-btn{
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  max-width:max-content !important;
  padding:8px 14px !important;
  margin:0 8px 0 0 !important;
  line-height:1 !important;
  height:auto !important;
  min-height:0 !important;
  font-size:14px !important;
  border-radius:7px !important;
  white-space:normal !important;
}

.gh-slide-content p + a{
  margin-top:0 !important;
}

.gh-slide-content a + a{
  margin-left:6px !important;
}

.gh-slide-content{
  text-align:left !important;
}


/* Fixed showcase button row position */
.gh-slide-content{
    position:relative !important;
    min-height:260px !important;
}

.gh-slide-content a,
.gh-slide-content a.gh-review-btn{
    display:inline-flex !important;
    width:auto !important;
    padding:10px 18px !important;
    font-size:14px !important;
    line-height:1 !important;
    margin:0 !important;
}

.gh-slide-content a:first-of-type{
    position:absolute !important;
    left:0 !important;
    bottom:20px !important;
}

.gh-slide-content a.gh-review-btn{
    position:absolute !important;
    left:155px !important;
    bottom:20px !important;
}


/* Move showcase buttons slightly up and right */
.gh-slide-content a{
    position: relative !important;
    top: -8px !important;
    left: 12px !important;
}


/* FINAL POLISHED SHOWCASE BUTTON LAYOUT
   Keeps buttons together, same level, compact click area, not tied to description height.
*/
.gh-slide-content{
  position:absolute !important;
  left:118px !important;
  top:64px !important;
  width:min(540px, 48%) !important;
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  padding:0 !important;
  color:#fff !important;
  z-index:3 !important;
}

.gh-slide-content h3{
  margin:0 0 22px !important;
  font-size:clamp(42px,4.5vw,66px) !important;
  line-height:1.02 !important;
  color:#fff !important;
  text-shadow:0 0 18px rgba(0,0,0,.85) !important;
}

.gh-slide-content p{
  margin:0 !important;
  max-width:560px !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1.48 !important;
}

.gh-showcase-button-row{
  position:absolute !important;
  left:0 !important;
  top:260px !important;
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  width:auto !important;
  height:auto !important;
  z-index:5 !important;
}

.gh-slide-content .gh-showcase-button-row a,
.gh-slide-content .gh-showcase-button-row a.gh-review-btn{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:150px !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  padding:12px 20px !important;
  margin:0 !important;
  border-radius:8px !important;
  border:1px solid #00ffe7 !important;
  background:rgba(0,0,0,.38) !important;
  color:#00ffe7 !important;
  text-decoration:none !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:normal !important;
  box-shadow:none !important;
}

.gh-slide-content .gh-showcase-button-row a.gh-review-btn{
  border-color:#ff3df2 !important;
  color:#ff7df5 !important;
}

.gh-showcase-arrow{
  top:50% !important;
  transform:translateY(-50%) !important;
}

.gh-showcase-dots{
  left:28px !important;
  bottom:22px !important;
}

@media(max-width:800px){
  .gh-slide-content{
    left:28px !important;
    top:38px !important;
    width:72% !important;
  }
  .gh-slide-content h3{
    font-size:34px !important;
  }
  .gh-slide-content p{
    font-size:15px !important;
  }
  .gh-showcase-button-row{
    top:210px !important;
    gap:10px !important;
  }
  .gh-slide-content .gh-showcase-button-row a,
  .gh-slide-content .gh-showcase-button-row a.gh-review-btn{
    min-width:112px !important;
    padding:10px 12px !important;
    font-size:13px !important;
  }
}


/* HOME BANNER SAME SIZE AS ALL OTHER PAGES */
body.home-page > .static-arcade-banner:first-of-type,
body > .static-arcade-banner:first-of-type {
  display:block !important;
  width:100% !important;
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#020611 !important;
}

body.home-page > .static-arcade-banner:first-of-type img,
body > .static-arcade-banner:first-of-type img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media(max-width:800px){
  body.home-page > .static-arcade-banner:first-of-type,
  body > .static-arcade-banner:first-of-type {
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}


/* ALL PAGES BANNER MATCH HOME */
.static-arcade-banner{
  display:block !important;
  width:100% !important;
  height:320px !important;
  min-height:320px !important;
  max-height:320px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#020611 !important;
}

.static-arcade-banner img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

@media(max-width:800px){
  .static-arcade-banner{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}


/* Witcher IV image fit for release cards and showcase */
.cinematic-banner-card[data-game="witcher-4"] .future-image-placeholder {
  background:#05070d !important;
  overflow:hidden !important;
}

.cinematic-banner-card[data-game="witcher-4"] .game-banner-img {
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

.gh-slide[style*="upcoming-games/witcher-iv.png"] {
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* News page newsroom banner update */
.news-hero,
.news-direct-hero,
.news-page-hero,
.news-main-hero,
.hero.news-hero,
.news-banner,
.news-header{
  background-image: linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.58) 38%, rgba(0,0,0,.12) 100%), url("images/gameharbor-newsroom-banner.jpg") !important;
  background-size: cover !important;
  background-position: center 20% !important;
  background-repeat: no-repeat !important;
  min-height: 360px !important;
  overflow: hidden !important;
}

.news-hero img,
.news-direct-hero img,
.news-page-hero img,
.news-main-hero img,
.news-banner img,
.news-header img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

.news-hero h1,
.news-direct-hero h1,
.news-page-hero h1,
.news-main-hero h1,
.news-banner h1,
.news-header h1{
  color:#fff !important;
  text-shadow:0 0 18px rgba(0,0,0,.85) !important;
}


/* CLEAN NEWSROOM HERO - replaces old GTA hero completely */
.newsroom-hero-clean{
  width:min(1180px,92vw) !important;
  margin:34px auto 32px !important;
  border:2px solid rgba(0,255,213,.75) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#05070d !important;
  box-shadow:0 0 28px rgba(0,255,213,.16) !important;
  line-height:0 !important;
}

.newsroom-hero-clean img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
}


/* FINAL News page banner - fitted newsroom image, no video button */
.newsroom-hero-clean{
  width:min(1180px,92vw) !important;
  height:360px !important;
  margin:34px auto 32px !important;
  border:2px solid rgba(0,255,213,.75) !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#05070d !important;
  box-shadow:0 0 28px rgba(0,255,213,.16) !important;
  line-height:0 !important;
}

.newsroom-hero-clean img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.newsroom-hero-clean a,
.newsroom-hero-clean button,
.newsroom-hero-clean .watch-trailer,
.newsroom-hero-clean .video-button{
  display:none !important;
}

@media(max-width:800px){
  .newsroom-hero-clean{
    height:260px !important;
  }
}


/* News banner fit fix */
.newsroom-hero-clean{
    height:auto !important;
    max-height:none !important;
}

.newsroom-hero-clean img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center center !important;
}

.video-embed{max-width:1100px;margin:40px auto;}
.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}


/* 007 First Light card/showcase fit fix */
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder{
  background:#05070d !important;
  overflow:hidden !important;
}

.cinematic-banner-card[data-game="007-first-light"] .game-banner-img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

.gh-slide[style*="007-first-light.jpg"]{
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}

/* Review page YouTube embed */
.video-embed{
  margin:34px auto !important;
  max-width:980px !important;
  background:linear-gradient(180deg,rgba(15,18,33,.96),rgba(7,9,17,.96)) !important;
  border:1px solid rgba(0,255,213,.65) !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:0 0 24px rgba(0,255,213,.14) !important;
}

.video-embed h2{
  color:#00ffe7 !important;
  margin:0 0 16px !important;
  text-align:left !important;
}

.video-embed iframe{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  border:0 !important;
  border-radius:14px !important;
}


/* 007 First Light final fitted card image */
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder{
  background:#05070d !important;
  overflow:hidden !important;
}

.cinematic-banner-card[data-game="007-first-light"] .game-banner-img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

.gh-slide[style*="007-first-light.jpg"]{
  background-size:80% auto !important;
  background-position: center 20% !important;
}


/* FINAL 007 image replacement and fit */
.cinematic-banner-card[data-game="007-first-light"] .future-image-placeholder,
.release-feature-card[data-game="007-first-light"] .future-image-placeholder{
  background:#05070d !important;
  overflow:hidden !important;
}

.cinematic-banner-card[data-game="007-first-light"] .game-banner-img,
.release-feature-card[data-game="007-first-light"] .game-banner-img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}

.gh-slide[style*="007-first-light"]{
  background-image:url("images/007-first-light.jpg?v=007-final-background") !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* 007 clean card fit */
.cinematic-banner-card[data-game="007-first-light"] .game-banner-img,
.release-feature-card[data-game="007-first-light"] .game-banner-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.gh-slide[style*="007-first-light"]{
  background-image:url("images/007-first-light.jpg?v=007-final-background") !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* Fable review page matched layout */
.review-detail-page{
  width:min(1180px,92vw);
  margin:46px auto;
}

.review-top-layout{
  display:grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap:28px;
  align-items:start;
}

.review-left-image img{
  width:100%;
  height:auto;
  max-height:260px;
  object-fit:cover;
  object-position:center center;
  border:1px solid rgba(0,255,213,.65);
  border-radius:18px;
  box-shadow:0 0 20px rgba(0,255,213,.10);
  display:block;
}

.review-right-text{
  color:#fff;
}

.review-right-text .review-label{
  color:#00ffe7;
  letter-spacing:3px;
  font-weight:900;
  text-transform:uppercase;
  margin:0 0 22px;
}

.review-right-text h1{
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  line-height:.98;
  margin:0 0 26px;
  color:#fff;
  text-shadow:0 0 18px rgba(120,205,255,.32);
}

.review-right-text h2{
  color:#fff;
  font-size:28px;
  margin:28px 0 14px;
}

.review-right-text p{
  font-size:17px;
  line-height:1.35;
  color:#fff;
}

.score-pill{
  display:inline-block;
  padding:8px 16px;
  border:1px solid rgba(255,61,242,.9);
  border-radius:999px;
  color:#fff;
  font-weight:900;
  background:rgba(255,61,242,.12);
  margin:0 0 22px !important;
}

.video-embed{
  margin:38px auto 0;
  padding:22px;
  border:1px solid rgba(0,255,213,.65);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(15,18,33,.96),rgba(7,9,17,.96));
  box-shadow:0 0 24px rgba(0,255,213,.14);
}

.video-embed h2{
  color:#00ffe7;
  margin:0 0 16px;
}

.video-embed iframe{
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  border:0;
  border-radius:14px;
  display:block;
}

@media(max-width:850px){
  .review-top-layout{
    grid-template-columns:1fr;
  }
  .review-right-text h1{
    font-size:44px;
  }
}


/* Witcher clean image + rogue arrow fix */
.gh-slide[style*="witcher"]{
  background-image:url("images/upcoming-games/witcher-iv.png") !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}

/* Hide any extra arrow-like controls inside a slide; keep only official prev/next buttons */
.gh-slide .gh-showcase-arrow,
.gh-slide .gh-next,
.gh-slide .gh-prev,
.gh-slide button[aria-label*="Next"],
.gh-slide button[aria-label*="Previous"]{
  display:none !important;
}


/* REVIEWS PAGE REPAIR */
.reviews-page-fixed{
  width:min(1180px,94vw);
  margin:36px auto 60px;
}

.reviews-title-block{
  margin:0 0 28px;
  text-align:left;
}

.reviews-title-block h1{
  color:#fff;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  margin:0 0 10px;
  text-shadow:0 0 18px rgba(120,205,255,.25);
}

.reviews-title-block p{
  color:#dbe8ff;
  font-size:18px;
  margin:0;
}

.review-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.review-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:560px !important;
  padding:18px !important;
  border:1px solid rgba(0,255,213,.55) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(12,16,30,.94),rgba(5,8,17,.96)) !important;
  box-shadow:0 0 22px rgba(0,255,213,.08) !important;
  overflow:hidden !important;
}

.review-card img{
  width:100% !important;
  height:150px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:10px !important;
  margin:0 0 22px !important;
  display:block !important;
}

.review-card-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.review-badge{
  color:#9bfff5 !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  margin:0 0 22px !important;
}

.review-card h2{
  color:#fff !important;
  font-size:28px !important;
  line-height:1.05 !important;
  margin:0 0 18px !important;
}

.review-card p{
  color:#fff !important;
  font-size:16px !important;
  line-height:1.24 !important;
  margin:0 0 18px !important;
}

.review-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:auto 0 18px !important;
}

.review-meta span{
  display:inline-flex !important;
  border:1px solid rgba(255,61,242,.8) !important;
  color:#9bfff5 !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
  background:rgba(255,61,242,.12) !important;
}

.review-card .btn,
.review-card a.btn{
  align-self:flex-start !important;
  display:inline-flex !important;
  width:auto !important;
  min-width:150px !important;
  justify-content:center !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  background:linear-gradient(90deg,#8b54ff,#ff35df) !important;
  border:0 !important;
}

@media(max-width:1050px){
  .review-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .review-grid{grid-template-columns:1fr !important;}
  .review-card{min-height:auto !important;}
}


/* FORCE REVIEWS INDEX GRID - unique class names to avoid old broken review detail CSS */
.gh-reviews-main{
  width:min(1180px,94vw) !important;
  margin:36px auto 70px !important;
}

.gh-reviews-heading{
  margin:0 0 30px !important;
  text-align:left !important;
}

.gh-reviews-heading h1{
  color:#fff !important;
  font-size:clamp(42px,5vw,68px) !important;
  margin:0 0 10px !important;
  text-shadow:0 0 18px rgba(120,205,255,.28) !important;
}

.gh-reviews-heading p{
  color:#dbe8ff !important;
  font-size:18px !important;
  margin:0 !important;
}

.gh-review-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:18px !important;
}

.gh-review-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:560px !important;
  padding:18px !important;
  border:1px solid rgba(0,255,213,.55) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(12,16,30,.94),rgba(5,8,17,.96)) !important;
  box-shadow:0 0 22px rgba(0,255,213,.08) !important;
  overflow:hidden !important;
}

.gh-review-card img{
  width:100% !important;
  height:150px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:10px !important;
  margin:0 0 22px !important;
  display:block !important;
}

.gh-review-card-body{
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.gh-review-badge{
  color:#9bfff5 !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  margin:0 0 22px !important;
}

.gh-review-card h2{
  color:#fff !important;
  font-size:28px !important;
  line-height:1.05 !important;
  margin:0 0 18px !important;
}

.gh-review-card p{
  color:#fff !important;
  font-size:16px !important;
  line-height:1.24 !important;
  margin:0 0 18px !important;
}

.gh-review-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:auto 0 18px !important;
}

.gh-review-meta span{
  display:inline-flex !important;
  border:1px solid rgba(255,61,242,.8) !important;
  color:#9bfff5 !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
  background:rgba(255,61,242,.12) !important;
}

.gh-review-card a{
  align-self:flex-start !important;
  display:inline-flex !important;
  width:auto !important;
  min-width:150px !important;
  justify-content:center !important;
  padding:13px 22px !important;
  border-radius:999px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:900 !important;
  background:linear-gradient(90deg,#8b54ff,#ff35df) !important;
  border:0 !important;
}

@media(max-width:1050px){
  .gh-review-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .gh-review-grid{grid-template-columns:1fr !important;}
  .gh-review-card{min-height:auto !important;}
}


/* Showcase all image-ready games */
.gh-showcase{
  display:block !important;
  width:min(1180px,92vw) !important;
  margin:34px auto !important;
}

.gh-showcase-slider{
  position:relative !important;
  width:100% !important;
  height:430px !important;
  min-height:430px !important;
  overflow:hidden !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:20px !important;
  background:#05070d !important;
  box-shadow:0 0 28px rgba(0,255,213,.16) !important;
}

.gh-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  transition:opacity .45s ease !important;
}

.gh-slide.active{
  opacity:1 !important;
  pointer-events:auto !important;
}

.gh-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 34%, rgba(0,0,0,.20) 72%, rgba(0,0,0,.10) 100%),
    linear-gradient(0deg, rgba(0,0,0,.42), transparent 45%) !important;
  z-index:1 !important;
}

.gh-showcase-dots{
  display:flex !important;
  flex-wrap:wrap !important;
  max-width:210px !important;
  position:absolute !important;
  left:28px !important;
  bottom:22px !important;
  z-index:7 !important;
  gap:9px !important;
}

.gh-showcase-dots button{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  border:0 !important;
  padding:0 !important;
  background:rgba(255,255,255,.34) !important;
  cursor:pointer !important;
}

.gh-showcase-dots button.active{
  background:#00ffe7 !important;
  box-shadow:0 0 12px rgba(0,255,213,.75) !important;
}


/* GTA VI review page uses dedicated review image */
body.gta-review-page .review-left-image img,
.review-gta-vi-page .review-left-image img,
.review-detail-page.gta-review-page img{
  content:url("images/gta-vi-review.png?v=image-ref-fix-1") !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* GTA review page image fit fix */
.review-gta-vi-page .review-left-image img,
body.gta-review-page .review-left-image img,
.review-detail-page.gta-review-page .review-left-image img{
    width:100% !important;
    height:260px !important;
    object-fit:contain !important;
    object-position:center center !important;
    background:#05070d !important;
    border-radius:18px !important;
    display:block !important;
}


/* 007 review image */
.review-007-page .review-left-image img,
body.review-007-page .review-left-image img{
    object-fit:contain !important;
    object-position:center center !important;
    background:#05070d !important;
}


/* Final 007 fitted review/card images */
.review-007-page .review-left-image img,
body.review-007-page .review-left-image img,
.review-detail-page.review-007-page .review-left-image img,
.review-detail-page img[src*="007-first-light-review"]{
  width:100% !important;
  height:260px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:18px !important;
}

.gh-review-card img[src*="007-first-light-card"],
.review-card img[src*="007-first-light-card"]{
  width:100% !important;
  height:150px !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* Bolt Boy browser game card */
.browser-game-card.bolt-boy-card{
  display:flex !important;
  flex-direction:column !important;
  border:1px solid rgba(0,255,213,.65) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(12,16,30,.96),rgba(5,8,17,.98)) !important;
  box-shadow:0 0 24px rgba(0,255,213,.12) !important;
  overflow:hidden !important;
  padding:18px !important;
}

.browser-game-card.bolt-boy-card img{
  width:100% !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  border-radius:16px !important;
  display:block !important;
  margin-bottom:18px !important;
}

.browser-game-card-body h2{
  color:#fff !important;
  font-size:28px !important;
  line-height:1.05 !important;
  margin:10px 0 12px !important;
}

.browser-game-card-body p{
  color:#fff !important;
  font-size:16px !important;
  line-height:1.35 !important;
}

.original-badge{
  display:inline-flex !important;
  color:#00ffe7 !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  margin-bottom:8px !important;
}

.browser-game-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:14px 0 18px !important;
}

.browser-game-tags span{
  border:1px solid rgba(255,61,242,.8) !important;
  color:#9bfff5 !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
  background:rgba(255,61,242,.12) !important;
}

.bolt-boy-play-page{
  width:min(1180px,94vw) !important;
  margin:34px auto !important;
}

.bolt-boy-play-hero{
  display:grid !important;
  grid-template-columns:260px 1fr !important;
  gap:26px !important;
  align-items:center !important;
  border:1px solid rgba(0,255,213,.65) !important;
  border-radius:20px !important;
  padding:24px !important;
  background:linear-gradient(180deg,rgba(12,16,30,.96),rgba(5,8,17,.98)) !important;
  margin-bottom:24px !important;
}

.bolt-boy-play-hero img{
  width:100% !important;
  border-radius:22px !important;
}

.bolt-boy-play-hero h1{
  color:#fff !important;
  font-size:clamp(36px,5vw,62px) !important;
  margin:0 0 12px !important;
}

.bolt-boy-iframe{
  width:100% !important;
  height:760px !important;
  border:1px solid rgba(0,255,213,.65) !important;
  border-radius:20px !important;
  background:#05070d !important;
}

@media(max-width:760px){
  .bolt-boy-play-hero{grid-template-columns:1fr !important;}
  .bolt-boy-iframe{height:640px !important;}
}


/* Bolt Boy polished browser game card and play page */
.browser-game-card.bolt-boy-card{
  display:flex !important;
  flex-direction:column !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(12,18,34,.96),rgba(5,8,17,.98)) !important;
  box-shadow:0 0 28px rgba(0,255,213,.16) !important;
  overflow:hidden !important;
  padding:18px !important;
  position:relative !important;
}

.browser-game-card.bolt-boy-card::before{
  content:"GAME HARBOR ORIGINAL" !important;
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  background:rgba(0,255,213,.16) !important;
  border:1px solid rgba(0,255,213,.65) !important;
  color:#9bfff5 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
  z-index:2 !important;
}

.browser-game-card.bolt-boy-card img{
  width:100% !important;
  aspect-ratio:1/1 !important;
  object-fit:cover !important;
  border-radius:18px !important;
  display:block !important;
  margin-bottom:18px !important;
}

.browser-game-card-body h2{
  color:#fff !important;
  font-size:28px !important;
  line-height:1.05 !important;
  margin:10px 0 12px !important;
}

.browser-game-card-body p{
  color:#fff !important;
  font-size:16px !important;
  line-height:1.35 !important;
}

.original-badge,
.new-levels-badge{
  display:inline-flex !important;
  width:max-content !important;
  color:#00ffe7 !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  margin:0 8px 8px 0 !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,255,213,.55) !important;
  background:rgba(0,255,213,.10) !important;
}

.new-levels-badge{
  color:#fff36d !important;
  border-color:rgba(255,243,109,.65) !important;
  background:rgba(255,243,109,.10) !important;
}

.browser-game-tags,
.bolt-badge-row,
.bolt-stats-row,
.bolt-action-row{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:14px 0 18px !important;
}

.browser-game-tags span,
.bolt-stats-row span{
  border:1px solid rgba(255,61,242,.8) !important;
  color:#9bfff5 !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
  background:rgba(255,61,242,.12) !important;
}

.bolt-boy-play-page{
  width:min(1180px,94vw) !important;
  margin:34px auto !important;
}

.bolt-boy-play-hero{
  display:grid !important;
  grid-template-columns:260px 1fr !important;
  gap:26px !important;
  align-items:center !important;
  border:1px solid rgba(0,255,213,.70) !important;
  border-radius:22px !important;
  padding:24px !important;
  background:linear-gradient(180deg,rgba(12,18,34,.96),rgba(5,8,17,.98)) !important;
  box-shadow:0 0 28px rgba(0,255,213,.14) !important;
  margin-bottom:24px !important;
}

.bolt-boy-play-hero img{
  width:100% !important;
  border-radius:24px !important;
  box-shadow:0 0 24px rgba(55,230,255,.25) !important;
}

.bolt-boy-play-hero h1{
  color:#fff !important;
  font-size:clamp(36px,5vw,62px) !important;
  margin:0 0 12px !important;
  text-shadow:0 0 18px rgba(120,205,255,.35) !important;
}

.bolt-boy-play-hero p{
  color:#fff !important;
  font-size:18px !important;
  line-height:1.35 !important;
}

.bolt-game-frame-wrap{
  border:1px solid rgba(0,255,213,.70) !important;
  border-radius:22px !important;
  padding:12px !important;
  background:#05070d !important;
  box-shadow:0 0 28px rgba(0,255,213,.12) !important;
}

.bolt-boy-iframe{
  width:100% !important;
  height:760px !important;
  border:0 !important;
  border-radius:16px !important;
  background:#05070d !important;
  display:block !important;
}

@media(max-width:760px){
  .bolt-boy-play-hero{grid-template-columns:1fr !important;}
  .bolt-boy-iframe{height:640px !important;}
}


/* Games dropdown with Bolt Boy link */
.gh-games-dropdown{
  position:relative !important;
  display:inline-block !important;
}

.gh-games-dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
}

.gh-games-menu{
  display:none !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  min-width:245px !important;
  z-index:9999 !important;
  padding:10px !important;
  border:1px solid rgba(0,255,213,.7) !important;
  border-radius:14px !important;
  background:rgba(5,8,17,.98) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 24px rgba(0,255,213,.18) !important;
}

.gh-games-dropdown:hover .gh-games-menu,
.gh-games-dropdown:focus-within .gh-games-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

.gh-games-menu a{
  display:block !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  white-space:normal !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

.gh-games-menu a:hover{
  background:rgba(0,255,213,.14) !important;
  color:#00ffe7 !important;
}


/* Released Games dropdown with Nintendo Switch */
.gh-released-dropdown{
  position:relative !important;
  display:inline-block !important;
}

.gh-released-dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
}

.gh-released-menu{
  display:none !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  min-width:245px !important;
  z-index:9999 !important;
  padding:10px !important;
  border:1px solid rgba(0,255,213,.7) !important;
  border-radius:14px !important;
  background:rgba(5,8,17,.98) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 24px rgba(0,255,213,.18) !important;
}

.gh-released-dropdown:hover .gh-released-menu,
.gh-released-dropdown:focus-within .gh-released-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

.gh-released-menu a{
  display:block !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  white-space:normal !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

.gh-released-menu a:hover{
  background:rgba(0,255,213,.14) !important;
  color:#00ffe7 !important;
}


/* Force full emoji Home icon instead of outline/icon-font home glyph */
a[href="index.html"] .fa,
a[href="index.html"] .fas,
a[href="index.html"] .far,
a[href="index.html"] .home-icon,
a[href="index.html"] svg{
  display:none !important;
}

a[href="index.html"]::before{
  content:none !important;
}


/* Review page trailer embeds */
.video-embed.review-trailer-section,
.review-trailer-section{
  width:min(980px,100%) !important;
  margin:38px auto 26px !important;
  padding:22px !important;
  border:1px solid rgba(0,255,213,.65) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(15,18,33,.96),rgba(7,9,17,.96)) !important;
  box-shadow:0 0 24px rgba(0,255,213,.14) !important;
}

.review-trailer-section h2{
  color:#00ffe7 !important;
  margin:0 0 16px !important;
  font-size:28px !important;
}

.review-trailer-section iframe{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  border:0 !important;
  border-radius:14px !important;
  background:#05070d !important;
}


/* New pixel arcade banner - show full stools/cabinets without cropping */
.static-arcade-banner{
  width:100% !important;
  background:#03050f !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(0,255,213,.45) !important;
}

.static-arcade-banner img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}


/* Cropped pixel arcade banner - no fake tabs inside image */
.static-arcade-banner{
  width:100% !important;
  height:auto !important;
  max-height:360px !important;
  background:#03050f !important;
  overflow:hidden !important;
  border-bottom:1px solid rgba(0,255,213,.45) !important;
}

.static-arcade-banner img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
}

/* Expanded Released Games section */
.released-expanded-section{width:min(1180px,94vw)!important;margin:42px auto 70px!important}
.released-expanded-section h2{color:#fff!important;font-size:clamp(34px,4vw,54px)!important;margin:0 0 10px!important;text-shadow:0 0 18px rgba(120,205,255,.25)!important}
.released-expanded-section>p{color:#dbe8ff!important;font-size:18px!important;margin:0 0 24px!important}
.released-expanded-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.released-game-card{display:flex!important;flex-direction:column!important;min-height:520px!important;padding:18px!important;border:1px solid rgba(0,255,213,.55)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(12,16,30,.94),rgba(5,8,17,.96))!important;box-shadow:0 0 22px rgba(0,255,213,.08)!important;overflow:hidden!important}
.released-game-card img{width:100%!important;height:150px!important;object-fit:cover!important;object-position:center center!important;border-radius:10px!important;margin:0 0 18px!important;display:block!important}
.released-game-card h2{color:#fff!important;font-size:25px!important;line-height:1.05!important;margin:0 0 10px!important}
.released-badge{color:#9bfff5!important;font-weight:900!important;letter-spacing:2px!important;margin:0 0 14px!important;text-transform:uppercase!important}
.release-date,.platforms{color:#fff!important;font-weight:900!important;margin:0 0 10px!important}
.released-game-card p{color:#fff!important;font-size:15px!important;line-height:1.26!important}
.release-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:auto 0 0!important}
.release-tags span{display:inline-flex!important;border:1px solid rgba(255,61,242,.8)!important;color:#9bfff5!important;border-radius:999px!important;padding:7px 12px!important;font-weight:900!important;background:rgba(255,61,242,.12)!important}
@media(max-width:1050px){.released-expanded-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.released-expanded-grid{grid-template-columns:1fr!important}.released-game-card{min-height:auto!important}}

/* Released game review pages */
.released-review-btn{margin-top:18px!important;align-self:flex-start!important;display:inline-flex!important;justify-content:center!important;min-width:145px!important;padding:12px 20px!important;border-radius:999px!important;text-decoration:none!important;color:#fff!important;font-weight:900!important;background:linear-gradient(90deg,#8b54ff,#ff35df)!important}
.released-review-page .review-left-image img{width:100%!important;max-height:300px!important;object-fit:cover!important;object-position:center center!important;border:1px solid rgba(0,255,213,.65)!important;border-radius:18px!important;display:block!important}
.review-trailer-section{width:min(980px,100%)!important;margin:38px auto 26px!important;padding:22px!important;border:1px solid rgba(0,255,213,.65)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(15,18,33,.96),rgba(7,9,17,.96))!important;box-shadow:0 0 24px rgba(0,255,213,.14)!important}
.review-trailer-section h2{color:#00ffe7!important;margin:0 0 16px!important;font-size:28px!important}
.review-trailer-section iframe{display:block!important;width:100%!important;aspect-ratio:16/9!important;height:auto!important;border:0!important;border-radius:14px!important;background:#05070d!important}


/* Released reviews section on main Reviews page */
.released-review-index-section{
  width:min(1180px,94vw) !important;
  margin:48px auto 70px !important;
}

.released-review-index-section h2{
  color:#fff !important;
  font-size:clamp(34px,4vw,54px) !important;
  margin:0 0 10px !important;
  text-shadow:0 0 18px rgba(120,205,255,.25) !important;
}

.released-review-index-intro{
  color:#dbe8ff !important;
  font-size:18px !important;
  margin:0 0 24px !important;
}

.released-review-grid{
  margin-top:18px !important;
}

.released-review-index-card img{
  object-fit:cover !important;
  object-position:center center !important;
}

/* Restored main review cards above released reviews */
.main-review-index-section{width:min(1180px,94vw)!important;margin:42px auto 54px!important}
.main-review-index-section h2{color:#fff!important;font-size:clamp(34px,4vw,54px)!important;margin:0 0 10px!important;text-shadow:0 0 18px rgba(120,205,255,.25)!important}
.main-review-index-intro{color:#dbe8ff!important;font-size:18px!important;margin:0 0 24px!important}
.main-review-grid{margin-top:18px!important}
.main-review-index-card img{object-fit:cover!important;object-position:center center!important}


/* Corrected released reviews section on reviews page */
.released-review-index-section{
  width:min(1180px,94vw) !important;
  margin:48px auto 70px !important;
}
.released-review-index-section h2{
  color:#fff !important;
  font-size:clamp(34px,4vw,54px) !important;
  margin:0 0 10px !important;
  text-shadow:0 0 18px rgba(120,205,255,.25) !important;
}
.released-review-index-intro{
  color:#dbe8ff !important;
  font-size:18px !important;
  margin:0 0 24px !important;
}
.released-review-index-card img{
  object-fit:cover !important;
  object-position:center center !important;
}


/* Match released cards to original review cards */
.released-review-index-card .gh-review-badge{
    display:none !important;
}

.released-review-index-card h2{
    font-size:clamp(2rem,3vw,3.4rem) !important;
    line-height:1.05 !important;
}

.released-review-index-card img{
    height:170px !important;
    object-fit:cover !important;
}

.released-review-index-card{
    margin:0 !important;
}


/* Force added released review cards to match original review cards */
.released-added-card .gh-review-badge{
  display:none !important;
}
.released-added-card h2{
  font-size:32px !important;
  line-height:1.08 !important;
  margin:0 0 14px !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
.released-added-card img{
  width:100% !important;
  height:150px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:10px !important;
}
.released-added-card{
  min-height:560px !important;
}

/* Modern Warfare 4 cards */
.mw4-review-card h2,.mw4-upcoming-card h2{font-size:32px!important;line-height:1.08!important}
.mw4-review-card img{width:100%!important;height:150px!important;object-fit:cover!important;object-position:center center!important;border-radius:10px!important}
.mw4-upcoming-card{border:1px solid rgba(0,255,213,.7)!important;border-radius:18px!important;overflow:hidden!important;background:#05070d!important;margin:24px auto!important;max-width:1160px!important}
.mw4-card-bg{min-height:340px!important;background-size:80% auto!important;background-position:center 85%!important;position:relative!important;border-radius:18px!important}
.mw4-card-bg::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72),rgba(0,0,0,.08))!important}
.mw4-card-content{position:relative!important;z-index:1!important;max-width:540px!important;padding:38px!important;color:#fff!important}
.mw4-card-content h2{color:#fff!important;font-size:42px!important;margin:0 0 12px!important}
.mw4-card-content p{color:#fff!important}.mw4-card-content .countdown{color:#00ffe7!important;font-weight:900!important;font-size:20px!important;margin:14px 0!important}
.mw4-showcase-slide{position:relative!important;min-height:420px!important;border:1px solid rgba(0,255,213,.75)!important;border-radius:18px!important;overflow:hidden!important;margin:24px auto!important;max-width:1180px!important;background:#05070d!important}
.mw4-showcase-slide .showcase-bg{position:absolute!important;inset:0!important;background-size:cover!important;background-position: center 20%!important}
.mw4-showcase-slide::before{content:""!important;position:absolute!important;inset:0!important;background:transparent !important;z-index:1!important}
.mw4-showcase-slide .showcase-content{position:relative!important;z-index:2!important;max-width:560px!important;padding:50px!important;color:#fff!important}
.mw4-showcase-slide h2{color:#fff!important;font-size:clamp(38px,5vw,62px)!important;margin:0 0 14px!important}
.mw4-review-page .review-left-image img{width:100%!important;max-height:300px!important;object-fit:cover!important;object-position:center center!important;border:1px solid rgba(0,255,213,.65)!important;border-radius:18px!important}


/* MW4 real image + showcase repair */
.mw4-review-card img,
img[src*="modern-warfare-4-card"]{
  object-fit:cover !important;
  object-position:center center !important;
}

.mw4-card-bg,
.showcase-slide .showcase-bg,
.mw4-showcase-slide .showcase-bg{
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}

.showcase-carousel,
.gh-showcase-restored{
  position:relative !important;
  width:min(1180px,94vw) !important;
  margin:24px auto !important;
}

.showcase-track{
  position:relative !important;
}

.showcase-slide{
  position:relative !important;
  min-height:420px !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#05070d !important;
}

.showcase-slide .showcase-bg{
  position:absolute !important;
  inset:0 !important;
  background-repeat:no-repeat !important;
}

.showcase-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.70),rgba(0,0,0,.05)) !important;
  z-index:1 !important;
}

.showcase-slide .showcase-content{
  position:relative !important;
  z-index:2 !important;
  max-width:560px !important;
  padding:50px !important;
  color:#fff !important;
}

.showcase-slide h2{
  color:#fff !important;
  font-size:clamp(34px,5vw,62px) !important;
  margin:0 0 14px !important;
}

.showcase-slide .countdown{
  color:#00ffe7 !important;
  font-weight:900 !important;
  font-size:20px !important;
}

.showcase-arrow{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:5 !important;
  width:48px !important;
  height:48px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,255,213,.8) !important;
  background:rgba(5,8,17,.75) !important;
  color:#00ffe7 !important;
  font-size:34px !important;
  font-weight:900 !important;
  cursor:pointer !important;
}

.showcase-prev{left:12px !important;}
.showcase-next{right:12px !important;}

.showcase-dots{
  position:absolute !important;
  left:50% !important;
  bottom:18px !important;
  transform:translateX(-50%) !important;
  z-index:6 !important;
  display:flex !important;
  gap:10px !important;
}

.showcase-dots span{
  width:11px !important;
  height:11px !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.45) !important;
}

.showcase-dots span.active{
  background:#00ffe7 !important;
}


/* MW4 clean image and showcase carousel repair */
.showcase-slide{
  position:relative !important;
  min-height:420px !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#05070d !important;
}

.showcase-slide .showcase-bg{
  position:absolute !important;
  inset:0 !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
}

.showcase-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72),rgba(0,0,0,.05)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.showcase-slide .showcase-content{
  position:relative !important;
  z-index:2 !important;
  max-width:560px !important;
  padding:50px !important;
  color:#fff !important;
}

.showcase-slide h2{
  color:#fff !important;
  font-size:clamp(34px,5vw,62px) !important;
  line-height:1.05 !important;
  margin:0 0 14px !important;
}

.showcase-arrow{
  z-index:10 !important;
  cursor:pointer !important;
}

.showcase-dots span{
  cursor:pointer !important;
}

img[src*="modern-warfare-4-card"],
.mw4-card-bg,
.mw4-review-card img{
  object-fit:cover !important;
  object-position:center center !important;
}

.mw4-card-bg{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=upcoming-restored') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* Showcase repair: preserve carousel, arrows and clean MW4 artwork */
.showcase-track .showcase-slide,
.showcase-slides .showcase-slide,
.hero-showcase-track .showcase-slide,
.carousel-track .showcase-slide{
  display:none;
}

.showcase-track .showcase-slide.active,
.showcase-slides .showcase-slide.active,
.hero-showcase-track .showcase-slide.active,
.carousel-track .showcase-slide.active{
  display:block !important;
}

.showcase-arrow,
.showcase-prev,
.showcase-next,
.prev-showcase,
.next-showcase,
.carousel-prev,
.carousel-next{
  z-index:20 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

.showcase-slide .showcase-bg{
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
}


/* Final rebuilt homepage showcase */
.gh-main-showcase{
  position:relative !important;
  width:min(1180px,94vw) !important;
  margin:26px auto 38px !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#05070d !important;
  box-shadow:0 0 28px rgba(0,255,213,.14) !important;
}

.gh-showcase-track{
  position:relative !important;
  min-height:420px !important;
}

.gh-showcase-slide{
  display:none !important;
  position:relative !important;
  min-height:420px !important;
}

.gh-showcase-slide.active{
  display:block !important;
}

.gh-showcase-bg{
  position:absolute !important;
  inset:0 !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
}

.gh-showcase-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72),rgba(0,0,0,.08)) !important;
  z-index:1 !important;
}

.gh-showcase-content{
  position:relative !important;
  z-index:2 !important;
  max-width:560px !important;
  padding:48px 54px !important;
  color:#fff !important;
}

.gh-showcase-content h2{
  color:#fff !important;
  font-size:clamp(34px,5vw,60px) !important;
  line-height:1.05 !important;
  margin:0 0 14px !important;
  text-shadow:0 0 18px rgba(120,205,255,.28) !important;
}

.gh-showcase-content p{
  color:#fff !important;
  font-size:18px !important;
  line-height:1.35 !important;
}

.gh-showcase-countdown{
  color:#00ffe7 !important;
  font-weight:900 !important;
  font-size:21px !important;
  margin:14px 0 18px !important;
}

.gh-showcase-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
}

.gh-showcase-btn{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:8 !important;
  width:50px !important;
  height:50px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,255,213,.85) !important;
  background:rgba(5,8,17,.82) !important;
  color:#00ffe7 !important;
  font-size:38px !important;
  font-weight:900 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
}

.gh-showcase-prev{left:14px !important;}
.gh-showcase-next{right:14px !important;}

.gh-showcase-dots{
  position:absolute !important;
  left:50% !important;
  bottom:16px !important;
  transform:translateX(-50%) !important;
  z-index:9 !important;
  display:flex !important;
  gap:10px !important;
}

.gh-showcase-dots button{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  border:0 !important;
  background:rgba(255,255,255,.45) !important;
  cursor:pointer !important;
  padding:0 !important;
}

.gh-showcase-dots button.active{
  background:#00ffe7 !important;
  box-shadow:0 0 12px rgba(0,255,213,.8) !important;
}

@media(max-width:720px){
  .gh-showcase-track,.gh-showcase-slide{min-height:520px !important;}
  .gh-showcase-content{padding:42px 32px !important;}
  .gh-showcase-content h2{font-size:36px !important;}
}


/* Give every showcase image a bit of breathing room so heads are not cut off */
.gh-showcase-slide .gh-showcase-bg{
  inset:-14px !important;
}

/* Better crop positions per known game */
.gh-showcase-slide:has(.gh-showcase-content h2) .gh-showcase-bg{
  background-position:center 85% !important;
}

.gh-showcase-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72),rgba(0,0,0,.08)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.gh-showcase-content{
  position:relative !important;
  z-index:2 !important;
  max-width:520px !important;
  padding:48px 54px !important;
  color:#fff !important;
}

.gh-showcase-content h2{
  color:#fff !important;
  font-size:clamp(34px,4.6vw,56px) !important;
  line-height:1.05 !important;
  margin:0 0 14px !important;
  text-shadow:0 0 18px rgba(120,205,255,.28) !important;
}

.gh-showcase-content p{
  color:#fff !important;
  font-size:18px !important;
  line-height:1.35 !important;
}

.gh-showcase-countdown{
  color:#00ffe7 !important;
  font-weight:900 !important;
  font-size:21px !important;
  margin:14px 0 18px !important;
}

.gh-showcase-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
}

/* Properly centred circular arrows */
.gh-showcase-btn{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:8 !important;
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  border:1px solid rgba(0,255,213,.85) !important;
  background:rgba(5,8,17,.82) !important;
  color:#00ffe7 !important;
  font-size:0 !important;
  font-weight:900 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  line-height:1 !important;
}

.gh-showcase-btn::before{
  display:block !important;
  font-size:42px !important;
  line-height:42px !important;
  width:50px !important;
  height:50px !important;
  text-align:center !important;
  transform:translateY(-3px) !important;
}

.gh-showcase-prev::before{content:"‹" !important;}
.gh-showcase-next::before{content:"›" !important;}

.gh-showcase-prev{left:14px !important;}
.gh-showcase-next{right:14px !important;}

.gh-showcase-dots{
  position:absolute !important;
  left:50% !important;
  bottom:16px !important;
  transform:translateX(-50%) !important;
  z-index:9 !important;
  display:flex !important;
  gap:10px !important;
}

.gh-showcase-dots button{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  border:0 !important;
  background:rgba(255,255,255,.45) !important;
  cursor:pointer !important;
  padding:0 !important;
}

.gh-showcase-dots button.active{
  background:#00ffe7 !important;
  box-shadow:0 0 12px rgba(0,255,213,.8) !important;
}

@media(max-width:720px){
  .gh-showcase-track,.gh-showcase-slide{height:520px !important;min-height:520px !important;}
  .gh-showcase-content{padding:42px 32px !important;}
  .gh-showcase-content h2{font-size:36px !important;}
}


/* Showcase repaired: correct fit, same size, working centred arrows */
.gh-main-showcase{
  position:relative !important;
  width:min(1180px,94vw) !important;
  margin:26px auto 38px !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#05070d !important;
  box-shadow:0 0 28px rgba(0,255,213,.14) !important;
}

.gh-showcase-track{
  position:relative !important;
  height:420px !important;
  min-height:420px !important;
}

.gh-showcase-slide{
  display:none !important;
  position:absolute !important;
  inset:0 !important;
  height:420px !important;
  min-height:420px !important;
  overflow:hidden !important;
}

.gh-showcase-slide.active{
  display:block !important;
}

.gh-showcase-bg{
  position:absolute !important;
  inset:0 !important;
  background-size:80% auto !important;
  background-repeat:no-repeat !important;
  background-position:center 85% !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

/* Main crops: keep people/heads visible better */
.gh-showcase-slide:nth-child(1) .gh-showcase-bg{ background-position:center 42% !important; }
.gh-showcase-slide:nth-child(2) .gh-showcase-bg{ background-position:center 38% !important; }
.gh-showcase-slide:nth-child(3) .gh-showcase-bg{ background-position:center 36% !important; }
.gh-showcase-slide:nth-child(4) .gh-showcase-bg{ background-position:center 40% !important; }
.gh-showcase-slide:nth-child(5) .gh-showcase-bg{ background-position:center 36% !important; }

.gh-showcase-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.72),rgba(0,0,0,.08)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.gh-showcase-content{
  position:relative !important;
  z-index:2 !important;
  max-width:520px !important;
  padding:48px 54px !important;
  color:#fff !important;
}

.gh-showcase-content h2{
  color:#fff !important;
  font-size:clamp(34px,4.6vw,56px) !important;
  line-height:1.05 !important;
  margin:0 0 14px !important;
  text-shadow:0 0 18px rgba(120,205,255,.28) !important;
}

.gh-showcase-content p{
  color:#fff !important;
  font-size:18px !important;
  line-height:1.35 !important;
}

.gh-showcase-countdown{
  color:#00ffe7 !important;
  font-weight:900 !important;
  font-size:21px !important;
  margin:14px 0 18px !important;
}

.gh-showcase-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:18px !important;
}

/* Arrows: visible and centered inside circles */
.gh-showcase-btn{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:30 !important;
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  border:1px solid rgba(0,255,213,.9) !important;
  background:rgba(5,8,17,.82) !important;
  color:#00ffe7 !important;
  cursor:pointer !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  line-height:1 !important;
  font-size:0 !important;
  pointer-events:auto !important;
}

.gh-showcase-prev{ left:14px !important; }
.gh-showcase-next{ right:14px !important; }

.gh-showcase-btn::before{
  display:block !important;
  width:50px !important;
  height:50px !important;
  text-align:center !important;
  font-size:42px !important;
  line-height:45px !important;
  font-weight:900 !important;
  color:#00ffe7 !important;
}

.gh-showcase-prev::before{ content:"‹" !important; }
.gh-showcase-next::before{ content:"›" !important; }

.gh-showcase-dots{
  position:absolute !important;
  left:50% !important;
  bottom:16px !important;
  transform:translateX(-50%) !important;
  z-index:31 !important;
  display:flex !important;
  gap:10px !important;
}

.gh-showcase-dots button{
  width:12px !important;
  height:12px !important;
  border-radius:50% !important;
  border:0 !important;
  background:rgba(255,255,255,.45) !important;
  cursor:pointer !important;
  padding:0 !important;
}

.gh-showcase-dots button.active{
  background:#00ffe7 !important;
  box-shadow:0 0 12px rgba(0,255,213,.8) !important;
}

@media(max-width:720px){
  .gh-showcase-track,.gh-showcase-slide{height:520px !important;min-height:520px !important;}
  .gh-showcase-content{padding:42px 32px !important;}
  .gh-showcase-content h2{font-size:36px !important;}
}


/* MW4 review official trailer */
.review-trailer-section{
  width:min(980px,100%) !important;
  margin:38px auto 26px !important;
  padding:22px !important;
  border:1px solid rgba(0,255,213,.65) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(15,18,33,.96),rgba(7,9,17,.96)) !important;
  box-shadow:0 0 24px rgba(0,255,213,.14) !important;
}

.review-trailer-section h2{
  color:#00ffe7 !important;
  margin:0 0 16px !important;
  font-size:28px !important;
}

.review-trailer-section iframe{
  display:block !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  border:0 !important;
  border-radius:14px !important;
  background:#05070d !important;
}

/* MW4 upcoming card resized to match standard cards */
.mw4-upcoming-standard{
  max-width:none !important;
  width:auto !important;
  min-height:560px !important;
  padding:18px !important;
  border:1px solid rgba(0,255,213,.55) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(12,16,30,.94),rgba(5,8,17,.96)) !important;
  box-shadow:0 0 22px rgba(0,255,213,.08) !important;
  overflow:hidden !important;
}

.mw4-upcoming-standard img{
  width:100% !important;
  height:150px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:10px !important;
  display:block !important;
  margin:0 0 18px !important;
}

.mw4-upcoming-standard h2{
  font-size:26px !important;
  line-height:1.08 !important;
  margin:0 0 10px !important;
  color:#fff !important;
}

.mw4-upcoming-standard p{
  color:#fff !important;
  font-size:15px !important;
  line-height:1.28 !important;
}

.mw4-upcoming-standard .gh-countdown,
.mw4-upcoming-standard .countdown{
  color:#00ffe7 !important;
  font-weight:900 !important;
  font-size:17px !important;
  margin:12px 0 !important;
}

.mw4-upcoming-standard .card-label{
  color:#9bfff5 !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  display:block !important;
  margin-bottom:12px !important;
}

/* Disable the old oversized MW4 background-card styling if it remains anywhere */
.mw4-upcoming-card .mw4-card-bg{
  min-height:auto !important;
}





/* Purple live countdown matching GameHarbor timer style */
.mw4-release-countdown,
.countdown-timer{
  display:flex !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:18px 0 !important;
}

.mw4-release-countdown div,
.countdown-timer div{
  min-width:70px !important;
  padding:10px 12px !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#d94cff,#8c46ff) !important;
  box-shadow:0 0 14px rgba(217,76,255,.35) !important;
  text-align:center !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.mw4-release-countdown span,
.countdown-timer span{
  display:block !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#fff !important;
}

.mw4-release-countdown small,
.countdown-timer small{
  display:block !important;
  font-size:10px !important;
  margin-top:5px !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
  color:#f5ddff !important;
  font-weight:900 !important;
}

.mw4-upcoming-long-content .release-tags{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  margin:14px 0 18px !important;
}

.mw4-upcoming-long-content .release-tags span{
  border:1px solid rgba(255,61,242,.8) !important;
  color:#9bfff5 !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
  background:rgba(255,61,242,.12) !important;
}

@media(max-width:720px){
  .mw4-upcoming-long-bg{min-height:520px !important;}
  .mw4-upcoming-long-content{padding:28px !important;}
}


/* FINAL: showcase fit + fixed button positions */
.gh-main-showcase{
  position:relative !important;
  width:min(1180px,94vw) !important;
  margin:26px auto 38px !important;
  border:1px solid rgba(0,255,213,.75) !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#05070d !important;
}

.gh-showcase-track{
  height:420px !important;
  min-height:420px !important;
  position:relative !important;
}

.gh-showcase-slide{
  position:absolute !important;
  inset:0 !important;
  height:420px !important;
  min-height:420px !important;
  display:none !important;
  overflow:hidden !important;
}

.gh-showcase-slide.active{
  display:block !important;
}

.gh-showcase-bg{
  position:absolute !important;
  inset:0 !important;
  background-repeat:no-repeat !important;
  background-size:80% auto !important;
  background-position:center 30% !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

/* Slightly better vertical framing per slide */
.gh-showcase-slide:nth-child(1) .gh-showcase-bg{background-position:center 22% !important;}
.gh-showcase-slide:nth-child(2) .gh-showcase-bg{background-position:center 20% !important;}
.gh-showcase-slide:nth-child(3) .gh-showcase-bg{background-position:center 25% !important;}
.gh-showcase-slide:nth-child(4) .gh-showcase-bg{background-position:center 28% !important;}
.gh-showcase-slide:nth-child(5) .gh-showcase-bg{background-position:center 30% !important;}

.gh-showcase-slide::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.70),rgba(0,0,0,.08)) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.gh-showcase-content{
  position:relative !important;
  z-index:2 !important;
  height:100% !important;
  max-width:520px !important;
  padding:44px 54px !important;
  color:#fff !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.gh-showcase-content h2{
  color:#fff !important;
  font-size:clamp(34px,4.6vw,56px) !important;
  line-height:1.05 !important;
  margin:0 0 14px !important;
  min-height:118px !important;
}

.gh-showcase-content p{
  color:#fff !important;
  font-size:18px !important;
  line-height:1.35 !important;
  max-width:475px !important;
  margin:0 0 16px !important;
}

/* Lock buttons in the same place on every showcase card */
.gh-showcase-actions{
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
  margin-top:auto !important;
  margin-bottom:74px !important;
  min-height:48px !important;
  align-items:center !important;
}

.gh-showcase-actions .btn,
.gh-showcase-actions a{
  min-width:142px !important;
  height:46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 22px !important;
  border-radius:999px !important;
  white-space:normal !important;
}

/* Centre arrows perfectly */
.gh-showcase-btn{
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:30 !important;
  width:50px !important;
  height:50px !important;
  border-radius:50% !important;
  border:1px solid rgba(0,255,213,.9) !important;
  background:rgba(5,8,17,.82) !important;
  color:#00ffe7 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  line-height:1 !important;
  font-size:0 !important;
  cursor:pointer !important;
}

.gh-showcase-prev{left:14px !important;}
.gh-showcase-next{right:14px !important;}

.gh-showcase-btn::before{
  font-size:42px !important;
  line-height:45px !important;
  width:50px !important;
  height:50px !important;
  display:block !important;
  text-align:center !important;
  transform:translateY(-3px) !important;
}

.gh-showcase-prev::before{content:"‹" !important;}
.gh-showcase-next::before{content:"›" !important;}

.gh-showcase-dots{
  position:absolute !important;
  left:50% !important;
  bottom:16px !important;
  transform:translateX(-50%) !important;
  z-index:31 !important;
  display:flex !important;
  gap:10px !important;
}

/* Upcoming release cards: keep renderer long-row layout and consistent button alignment */
.cinematic-banner-list article,
.cinematic-card,
.release-card,
.upcoming-release-card{
  position:relative !important;
}

.cinematic-banner-list .btn,
.cinematic-banner-list a.btn{
  white-space:normal !important;
}

/* Make direct-image rendered MW4 fit correctly */
img[src*="modern-warfare-4-card"]{
  object-fit:cover !important;
  object-position:center center !important;
}


/* GTA VI showcase framing */
.gh-showcase-slide:nth-child(1) .gh-showcase-bg,
.showcase-slide.gta6 .showcase-bg{
    background-position:center 12% !important;
    background-size:108% !important;
}

/* MW4 showcase image cleanup */
.showcase-slide.mw4 .image-text,
.showcase-slide.mw4 .overlay-title,
.showcase-slide.mw4 .bg-text{
    display:none !important;
}


/* MW4 showcase cleaned artwork */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-no-text-final') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* MW4 final clean showcase image */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-clean-showcase-final') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}


/* GTA VI showcase - zoom out and move down slightly */
.gh-showcase-slide:nth-child(1) .gh-showcase-bg,
.showcase-slide.gta6 .gh-showcase-bg,
.showcase-slide.gta6 .showcase-bg{
    background-size:102% !important;
    background-position:center 35% !important;
}

/* 007 First Light showcase - zoom out */
.gh-showcase-slide:nth-child(2) .gh-showcase-bg,
.showcase-slide.bond007 .gh-showcase-bg,
.showcase-slide.bond007 .showcase-bg{
    background-size:102% !important;
    background-position:center 30% !important;
}

/* Physical zoom-out applied to GTA VI and 007 images; these rules also catch inline backgrounds */
.gh-showcase-bg[style*="gta-vi"],
.showcase-bg[style*="gta-vi"]{
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}
.gh-showcase-bg[style*="007-first-light"],
.showcase-bg[style*="007-first-light"]{
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* MW4 final clean showcase artwork: no text, no over-zoom */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-perfect-clean') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

/* MW4 corrected placement: showcase gets wide hero, cards get clean card image */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-placement-fixed') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
img[src*="modern-warfare-4-card"]{
  object-fit:cover !important;
  object-position:center center !important;
}
.mw4-review-card img{
  height:150px !important;
  object-fit:cover !important;
  object-position:center center !important;
}


/* MW4 showcase fit fix */
.mw4-showcase-title{
    font-size:clamp(2rem, 4.1vw, 4.2rem) !important;
    line-height:1 !important;
    white-space:normal !important;
    max-width:none !important;
}

.gh-showcase-slide .mw4-showcase-title + p{
    max-width:420px !important;
}

.gh-showcase-bg[style*="modern-warfare-4-showcase"]{
    background-size:100% auto !important;
    background-position:center 85% !important;
}

/* Catch inline MW4 slide */
.gh-showcase-slide:nth-child(5) .gh-showcase-bg{
    background-size:100% auto !important;
    background-position:center 85% !important;
}


/* MW4 showcase final: same size as other showcase cards, fitted image, one-line title */
.gh-main-showcase{
  width:min(1180px,94vw) !important;
}

.gh-showcase-track,
.gh-showcase-slide{
  height:420px !important;
  min-height:420px !important;
}

.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-fit-row-title') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

.mw4-showcase-title{
  white-space:normal !important;
  font-size:clamp(2rem, 4.1vw, 4.2rem) !important;
  line-height:1.05 !important;
  max-width:720px !important;
  min-height:auto !important;
  margin-bottom:18px !important;
}

.mw4-showcase-title ~ p{
  max-width:500px !important;
  margin-top:0 !important;
}

/* Keep MW4 buttons aligned with other showcase slides */
.mw4-showcase-title ~ .gh-showcase-actions,
.gh-showcase-content:has(.mw4-showcase-title) .gh-showcase-actions{
  margin-top:auto !important;
  margin-bottom:74px !important;
}

/* MW4 text column slightly wider so title can stay on one line */
.gh-showcase-content:has(.mw4-showcase-title){
  max-width:720px !important;
}

/* Fallback for browsers without :has - still keeps button area stable */
.gh-showcase-actions{
  min-height:48px !important;
}


/* MW4 final showcase: clean no-dot artwork, correct fit, one-line title */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-no-dots-final') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

.mw4-showcase-title{
  white-space:normal !important;
  font-size:clamp(2rem, 4.1vw, 4.2rem) !important;
  line-height:1.05 !important;
  max-width:760px !important;
  min-height:auto !important;
}

/* If MW4 is active, keep the real carousel dots below the image hidden only for this slide */
.gh-showcase-slide:has(.mw4-showcase-title) ~ .gh-showcase-dots,
.gh-main-showcase:has(.mw4-showcase-title) .gh-showcase-dots{
  display:none !important;
}

.gh-showcase-content:has(.mw4-showcase-title){
  max-width:780px !important;
}


/* MW4 showcase clean applied image: no baked text, arrows, or dots */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-clean-applied') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

.mw4-showcase-title{
  white-space:normal !important;
  font-size:clamp(2rem, 4.1vw, 4.2rem) !important;
  line-height:1.05 !important;
  max-width:760px !important;
  min-height:auto !important;
}

.gh-showcase-content:has(.mw4-showcase-title){
  max-width:780px !important;
}


/* MW4 Image 1 final showcase image */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=image1-final') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

.mw4-showcase-title{
  white-space:normal !important;
  font-size:clamp(2rem, 4.1vw, 4.2rem) !important;
  line-height:1.05 !important;
  max-width:760px !important;
  min-height:auto !important;
}

.gh-showcase-content:has(.mw4-showcase-title){
  max-width:780px !important;
}

/* FINAL FIX: MW4 home showcase image fitted to the blue banner card */
.gh-main-showcase .gh-showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-blue-banner-fit-final') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg{
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* 007 final fixed showcase: clean full-width artwork, no embedded text, no blurry sides */
.gh-showcase-bg[style*="007-first-light"],
.showcase-bg[style*="007-first-light"]{
  background-image:url('images/007-first-light-review.jpg?v=007-clean-right-v2') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.gh-slide[style*="007-first-light"]{
  background-image:url('images/007-first-light.jpg?v=007-clean-right-v2') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  filter:none !important;
}

/* FINAL MW4 HOME SHOWCASE FIX - full image fits blue banner, no missing/black side */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg,
.gh-main-showcase .gh-showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-full-wide-clean-v4') !important;
  background-size:100% 100% !important;
  background-position:center 85% !important;
  background-repeat:no-repeat !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title)::before{
  background:linear-gradient(90deg,rgba(0,6,18,.72) 0%,rgba(0,10,28,.48) 30%,rgba(0,0,0,.12) 55%,rgba(0,0,0,.02) 100%) !important;
}


/* MW4 professional fit - no stretch */
.gh-showcase-bg[style*="modern-warfare-4-showcase"],
.showcase-bg[style*="modern-warfare-4-showcase"]{
  background-size: cover !important;
  background-position: 65% center !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

/* TRUE FINAL MW4 FIX - no image stretching, full blue card covered */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg,
.gh-main-showcase .gh-showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-no-stretch-final-2') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title)::before{
  background:linear-gradient(90deg,rgba(0,6,18,.70) 0%,rgba(0,10,28,.42) 34%,rgba(0,0,0,.10) 62%,rgba(0,0,0,0) 100%) !important;
}


/* FINAL: use the Upcoming Releases MW4 card image on the home showcase */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg,
.gh-main-showcase .gh-showcase-bg[style*="modern-warfare-4-card"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=upcoming-restored') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title)::before{
  background:linear-gradient(90deg,rgba(0,6,18,.70) 0%,rgba(0,10,28,.42) 34%,rgba(0,0,0,.10) 62%,rgba(0,0,0,0) 100%) !important;
}


/* REAL FINAL MW4 ZOOM OUT - applied to home showcase and upcoming card */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg,
.gh-main-showcase .gh-showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-actual-zoomout-v1') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
  filter:none !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder img,
img[src*="modern-warfare-4-card"]{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
  filter:none !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder{
  background:#05070d !important;
}

/* MW4 ACTUAL FIX 2026-06-01: zoomed-out no-blur artwork on Home showcase and Upcoming card */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg,
.gh-main-showcase .gh-showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-real-zoomout-noblur-v2') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder img,
img[src*="modern-warfare-4-card"]{
  content:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-real-zoomout-noblur-v2') !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder{
  background:#05080e !important;
}


/* MW4 FINAL NEW BANNER - ground visible, no blur/black bars */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg,
.gh-main-showcase .gh-showcase-bg[style*="modern-warfare-4-showcase"]{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-new-ground-banner-v1') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  filter:none !important;
}
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title)::before{
  background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.34),rgba(0,0,0,.08)) !important;
  filter:none !important;
}
img[src*="modern-warfare-4-card"],
.cinematic-banner-card .future-image-placeholder img[src*="modern-warfare-4-card"]{
  content:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-new-ground-banner-v1') !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:none !important;
}
.cinematic-banner-card .future-image-placeholder:has(img[src*="modern-warfare-4-card"]){
  background:none !important;
  filter:none !important;
}


/* GTA VI clean showcase artwork final: no baked text, exact card fit */
.gh-showcase-bg[style*="gta-vi-review"],
.gh-showcase-bg[style*="gta-vi"]{
  background-image:url('images/gta-vi-review.png?v=gta-clean-final-no-text') !important;
  background-size:100% 100% !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.gh-showcase-slide:nth-child(1) .gh-showcase-bg{
  background-size:100% 100% !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

}


/* GTA VI Upcoming card - move image down only */
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder{
  background-position:center 22% !important;
  background-size:100% auto !important;
}


/* GTA VI Upcoming Releases image fit fix - clean image, heads visible */
.cinematic-banner-card[data-game="gta-6"] .game-banner-img{
  object-fit: cover !important;
  object-position: center 20% !important;
}
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder{
  background:none !important;
}

/* GTA VI Upcoming Releases final positioning: artwork pre-fitted to card so car and people show */
.cinematic-banner-card[data-game="gta-6"] .game-banner-img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
.cinematic-banner-card[data-game="gta-6"] .future-image-placeholder{
  background:none !important;
  overflow:hidden !important;
}

/* Fable home showcase fine tune - use existing image only */
.gh-showcase-bg[style*="fable-2026"]{
  background-size: 70% auto !important;
  background-position: center 74% !important;
  background-repeat: no-repeat !important;
}


/* MW4 head visibility fix */
.gh-showcase-bg{background-position:center 78% !important;}
img[src*="modern-warfare-4-card"]{object-position:center 78% !important;}


/* MW4 POSITION REAL FIX - home showcase + upcoming only, review untouched, no new images */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-position-real-2') !important;
  background-size:auto 100% !important;
  background-position:right center !important;
  background-repeat:no-repeat !important;
  background-color:#05070d !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title)::before{
  background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.72) 34%,rgba(0,0,0,.30) 58%,rgba(0,0,0,.05) 100%) !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder{
  background:#05070d !important;
  overflow:hidden !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder img{
  content:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-position-real-2') !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:right center !important;
  display:block !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

/* MW4 final fix: remove black left gap on home showcase + upcoming only. Review page untouched. */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-no-black-gap-v1') !important;
  background-size:cover !important;
  background-position:center 72% !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder{
  background:transparent !important;
  overflow:hidden !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder img,
.cinematic-banner-card[data-game="modern-warfare-4"] img[src*="modern-warfare-4-card"]{
  content:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-no-black-gap-v1') !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 72% !important;
  display:block !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}


/* MW4 zoom out more and lower */
.mw4-card-bg,
.showcase-slide .showcase-bg,
.mw4-showcase-slide .showcase-bg{
  background-size:85% auto !important;
  background-position:center 78% !important;
}


/* MW4 TRUE FIT FIX - CSS only, no new images.
   Applies only to Home Showcase and Upcoming Releases MW4 card.
   Review page is not targeted. */
.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title) .gh-showcase-bg{
  background-image:
    url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-css-fit-full-1'),
    url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-css-fit-full-1') !important;
  background-size:
    cover,
    auto 92% !important;
  background-position: center 20%,
    center bottom !important;
  background-repeat:
    no-repeat,
    no-repeat !important;
  background-color:#05070d !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

.gh-main-showcase .gh-showcase-slide:has(.mw4-showcase-title)::before{
  background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.62) 36%,rgba(0,0,0,.24) 62%,rgba(0,0,0,.04) 100%) !important;
}

.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder{
  background-image:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-css-fit-full-1') !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
  background-color:#05070d !important;
  overflow:hidden !important;
}

.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder img{
  content:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-css-fit-full-1') !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  display:block !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

/* MW4 Upcoming card final fit - upcoming page only.
   Uses existing image in images/upcoming-games; no new images. */
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder{
  inset:0 !important;
  padding:0 !important;
  background:none !important;
  overflow:hidden !important;
}
.cinematic-banner-card[data-game="modern-warfare-4"] .future-image-placeholder img{
  content:url('images/upcoming-games/modern-warfare-4-card.jpg?v=mw4-upcoming-fit-final') !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  filter:none !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}


/* Final Witcher IV clean image paths and fit */
.gh-slide[style*="upcoming-games/witcher-iv.png"],
.gh-showcase-bg[style*="upcoming-games/witcher-iv.png"]{
  background-image:url("images/upcoming-games/witcher-iv.png") !important;
  background-size:cover !important;
  background-position: center 20% !important;
}
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: contain !important;
  background-position:center bottom !important;

  background-repeat:no-repeat !important;
}
.cinematic-banner-card[data-game="witcher-4"] .game-banner-img{
  object-fit:cover !important;
  object-position:center center !important;
}


/* Witcher IV showcase fit override */
.gh-showcase-slide .gh-showcase-bg[style*='witcher-iv.png']{
  background-size: 102% auto !important;
  background-position:center bottom !important;
  background-repeat:no-repeat !important;
}


/* Main site banner - Game Harbor port artwork */
.static-arcade-banner{
  width:100%;
  height:260px;
  overflow:hidden;
  background:#050815;
  display:flex;
  align-items:center;
  justify-content:center;
  border-bottom:1px solid rgba(0,255,213,.45);
}
.static-arcade-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}
.live-arcade-banner{
  background-image:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  background-size:cover !important;
  background-position: center 20% !important;
  background-repeat:no-repeat !important;
}


/* === FINAL SITE-WIDE MAIN BANNER FIT OVERRIDE ===
   Keeps the existing banners/Banner-Main7-optimized.jpg and zooms it out visually by
   giving the header more vertical room and preventing later rules from cropping it too tightly.
*/
.static-arcade-banner,
body > .static-arcade-banner:first-of-type {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  overflow:hidden !important;
  background:#020611 !important;
  margin:0 !important;
  padding:0 !important;
  border-bottom:1px solid rgba(0,255,213,.55) !important;
  box-shadow:0 0 24px rgba(0,255,213,.22), inset 0 -45px 55px rgba(0,0,0,.32) !important;
}

.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
  animation:none !important;
  filter:saturate(1.12) contrast(1.05) brightness(.98) !important;
}

.static-arcade-banner::before,
.static-arcade-banner::after {
  animation:none !important;
}

@media (max-width: 900px) {
  .static-arcade-banner,
  body > .static-arcade-banner:first-of-type {
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
  }
}

/* === USER REQUEST: MAIN BANNER 50% ZOOM OUT - FINAL OVERRIDE ===
   Uses the existing banner image only. Applies to home and all pages.
*/
.static-arcade-banner,
body > .static-arcade-banner:first-of-type,
body.home-page > .static-arcade-banner:first-of-type {
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  overflow:hidden !important;
  background:#020611 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img {
  width:auto !important;
  height:100% !important;
  max-width:none !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
  display:block !important;
}

.live-arcade-banner{
  background-image:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  background-size:50% auto !important;
  background-position: center 20% !important;
  background-repeat:no-repeat !important;
  background-color:#020611 !important;
}



/* === FINAL FIX: MAIN BANNER FILL FULL PAGE WIDTH ===
   Keeps the current banner height, but stretches/fills the banner across the full page width.
   This fixes the empty right-side gap caused by the old 50%/contain banner rules.
*/
.static-arcade-banner,
body > .static-arcade-banner:first-of-type,
body.home-page > .static-arcade-banner:first-of-type,
.live-arcade-banner {
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background-color:#020611 !important;
}

.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img {
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:fill !important;
  object-position:center center !important;
  display:block !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
}

.live-arcade-banner {
  background-image:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

@media (max-width: 900px) {
  .static-arcade-banner,
  body > .static-arcade-banner:first-of-type,
  body.home-page > .static-arcade-banner:first-of-type,
  .live-arcade-banner {
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
  }
}


/* === FINAL BANNER-MAIN2 FIT: correct file + full width without horizontal stretching === */
.static-arcade-banner,
body > .static-arcade-banner:first-of-type,
body.home-page > .static-arcade-banner:first-of-type,
.live-arcade-banner {
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:#020611 !important;
}

.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img {
  content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:360px !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
  filter:saturate(1.12) contrast(1.05) !important;
}

.live-arcade-banner {
  background-image:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  background-size:100% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#020611 !important;
}

@media (max-width:900px){
  .static-arcade-banner,
  body > .static-arcade-banner:first-of-type,
  body.home-page > .static-arcade-banner:first-of-type,
  .live-arcade-banner {
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
  }
  .static-arcade-banner img,
  body > .static-arcade-banner:first-of-type img,
  body.home-page > .static-arcade-banner:first-of-type img {
    min-height:240px !important;
  }
}


/* === FINAL: Banner-Main3 site-wide header, no horizontal stretch === */
.static-arcade-banner,
body > .static-arcade-banner:first-of-type,
body.home-page > .static-arcade-banner:first-of-type,
.live-arcade-banner {
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:#020611 !important;
}
.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img {
  content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  min-height:360px !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
  filter:saturate(1.12) contrast(1.05) !important;
}
.live-arcade-banner {
  background-image:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  background-size:100% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media (max-width:900px){
  .static-arcade-banner,
  body > .static-arcade-banner:first-of-type,
  body.home-page > .static-arcade-banner:first-of-type,
  .live-arcade-banner {
    height:240px !important;
    min-height:240px !important;
    max-height:240px !important;
  }
  .static-arcade-banner img,
  body > .static-arcade-banner:first-of-type img,
  body.home-page > .static-arcade-banner:first-of-type img {
    min-height:240px !important;
  }
}

/* FINAL OVERRIDE: main GameHarbor banner fit/move fix */
.static-arcade-banner{
  display:block!important;
  width:100%!important;
  height:260px!important;
  min-height:260px!important;
  max-height:260px!important;
  position:relative!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  background:#02030a!important;
  line-height:0!important;
  border-top:1px solid rgba(0,255,213,.25)!important;
  border-bottom:1px solid rgba(0,255,213,.45)!important;
}
.static-arcade-banner img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center 18%!important;
  transform:none!important;
  opacity:1!important;
  background:#02030a!important;
  filter:saturate(1.14) contrast(1.06) brightness(.96)!important;
  animation:none!important;
}
.live-arcade-banner{
  height:260px!important;
  min-height:260px!important;
  max-height:260px!important;
  background-image:linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.18)), url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1")!important;
  background-size:100% auto!important;
  background-position:center 18%!important;
  background-repeat:no-repeat!important;
}
@media(max-width:800px){
  .static-arcade-banner,.live-arcade-banner{height:150px!important;min-height:150px!important;max-height:150px!important;}
  .static-arcade-banner img{object-position:center 18%!important;}
}

/* === REAL FINAL: move Banner-Main3 artwork upward === */
.static-arcade-banner{
  height:260px!important;
  min-height:260px!important;
  max-height:260px!important;
  overflow:hidden!important;
  position:relative!important;
}
.static-arcade-banner img{
  content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1")!important;
  position:absolute!important;
  left:0!important;
  top:-70px!important;
  width:100%!important;
  height:auto!important;
  min-height:330px!important;
  object-fit:cover!important;
  object-position:center top!important;
  transform:none!important;
}
.live-arcade-banner{
  height:260px!important;
  min-height:260px!important;
  max-height:260px!important;
  background-image:linear-gradient(rgba(0,0,0,.03), rgba(0,0,0,.18)), url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1")!important;
  background-size:100% auto!important;
  background-position:center -70px!important;
  background-repeat:no-repeat!important;
}
@media(max-width:800px){
  .static-arcade-banner,.live-arcade-banner{height:150px!important;min-height:150px!important;max-height:150px!important;}
  .static-arcade-banner img{top:-40px!important;min-height:210px!important;}
  .live-arcade-banner{background-position:center -40px!important;}
}


/* FINAL Banner-Main3 image positioning fix */
.static-arcade-banner img[src*="Banner-Main3"]{
  width:100% !important;
  height:calc(100% + 70px) !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:translateY(-35px) !important;
}


/* FINAL reviews page layout: one full-width game card per row */
.gh-reviews-main .gh-review-grid{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  width:100% !important;
}

.gh-reviews-main .gh-review-card{
  width:100% !important;
  max-width:none !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:320px 1fr !important;
  align-items:center !important;
  gap:20px !important;
  padding:10px !important;
  border-radius:12px !important;
  border:1px solid rgba(0,255,213,.55) !important;
  background:linear-gradient(180deg,rgba(12,16,30,.94),rgba(5,8,17,.96)) !important;
  box-shadow:0 0 18px rgba(0,255,213,.08) !important;
}

.gh-reviews-main .gh-review-card img{
  width:320px !important;
  height:160px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:8px !important;
  margin:0 !important;
  display:block !important;
}

.gh-reviews-main .gh-review-card-body{
  min-height:160px !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  grid-template-areas:
    "badge button"
    "title button"
    "text button"
    "meta button" !important;
  align-items:center !important;
  column-gap:20px !important;
  row-gap:5px !important;
  padding:0 4px 0 0 !important;
}

.gh-reviews-main .gh-review-badge{
  grid-area:badge !important;
  display:block !important;
  margin:0 !important;
  color:#00ffd5 !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:1px !important;
  text-transform:uppercase !important;
}

.gh-reviews-main .gh-review-card h2{
  grid-area:title !important;
  margin:0 !important;
  font-size:24px !important;
  line-height:1.1 !important;
}

.gh-reviews-main .gh-review-card p{
  grid-area:text !important;
  margin:0 !important;
  max-width:680px !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

.gh-reviews-main .gh-review-meta{
  grid-area:meta !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
}

.gh-reviews-main .gh-review-meta span{
  padding:6px 12px !important;
  border-radius:999px !important;
  font-size:13px !important;
  font-weight:900 !important;
}

.gh-reviews-main .gh-review-card a{
  grid-area:button !important;
  justify-self:end !important;
  align-self:center !important;
  min-width:120px !important;
  padding:11px 18px !important;
  margin:0 !important;
  border-radius:999px !important;
  text-align:center !important;
}

@media(max-width:800px){
  .gh-reviews-main .gh-review-card{
    grid-template-columns:1fr !important;
  }

  .gh-reviews-main .gh-review-card img{
    width:100% !important;
    height:180px !important;
  }

  .gh-reviews-main .gh-review-card-body{
    grid-template-columns:1fr !important;
    grid-template-areas:
      "badge"
      "title"
      "text"
      "meta"
      "button" !important;
  }

  .gh-reviews-main .gh-review-card a{
    justify-self:start !important;
  }
}


/* FINAL SITE-WIDE BANNER ZOOM-IN ADJUSTMENT - 10% from zoomed-out version */
.static-arcade-banner,
body > .static-arcade-banner:first-of-type,
body.home-page > .static-arcade-banner:first-of-type,
.live-arcade-banner{
  height:260px !important;
  min-height:260px !important;
  max-height:260px !important;
  overflow:hidden !important;
  background:#02030a !important;
}
.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img{
  content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  position:absolute !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:none !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(1.10) !important;
  transform-origin:center center !important;
  display:block !important;
  opacity:1 !important;
  animation:none !important;
  filter:saturate(1.12) contrast(1.05) brightness(.98) !important;
  background:#02030a !important;
}
.live-arcade-banner{
  background:linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.2)), url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") center/88% auto no-repeat, #02030a !important;
}
@media(max-width:760px){
  .static-arcade-banner,
  body > .static-arcade-banner:first-of-type,
  body.home-page > .static-arcade-banner:first-of-type,
  .live-arcade-banner{
    height:180px !important;
    min-height:180px !important;
    max-height:180px !important;
  }
}

/* FINAL FIX: force the main arcade banner to fill the full page width */
body > .static-arcade-banner{
  display:block!important;
  width:100vw!important;
  max-width:none!important;
  height:260px!important;
  min-height:260px!important;
  max-height:260px!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:#03030a!important;
  position:relative!important;
  line-height:0!important;
}
body > .static-arcade-banner img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:scale(1.10)!important;
  transform-origin:center center!important;
}
@media(max-width:800px){
  body > .static-arcade-banner{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }
  body > .static-arcade-banner img{
    transform:scale(1.08)!important;
  }
}


/* === FINAL: use new 2560x700 main banner full width === */
.static-arcade-banner{width:100%!important;max-width:none!important;overflow:hidden!important;}
.static-arcade-banner img{content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1")!important;width:100%!important;max-width:none!important;height:auto!important;display:block!important;object-fit:cover!important;object-position:center center!important;}
.hero-banner,.page-banner,.site-banner{background-image:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1")!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}


/* === TRUE FINAL FIX: force main banner artwork to fill full browser width === */
.static-arcade-banner,
.live-arcade-banner{
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  min-width:100vw !important;
  height:260px !important;
  min-height:260px !important;
  max-height:260px !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#02030a !important;
  border-bottom:4px solid #00ffd5 !important;
}
.static-arcade-banner img,
.static-arcade-banner > img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img{
  content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  object-fit:fill !important;
  object-position:center center !important;
  transform:none !important;
  display:block !important;
  opacity:1 !important;
}
.live-arcade-banner{
  background-image:linear-gradient(rgba(0,0,0,.05), rgba(0,0,0,.2)), url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
@media(max-width:760px){
  .static-arcade-banner,.live-arcade-banner{
    height:180px !important;
    min-height:180px !important;
    max-height:180px !important;
  }
}

/* ACBF card image framing fix: keep same image, show the top of the artwork so the hood/head is not cropped */
.cinematic-banner-card[data-game="assassins-creed-black-flag"] .future-image-placeholder img{
  object-position:center top !important;
}


/* GLOBAL FIX: move every homepage showcase game text block right so it clears the left arrow */
.gh-showcase-slider .gh-slide .gh-slide-content{
  left:118px !important;
}
@media(max-width:800px){
  .gh-showcase-slider .gh-slide .gh-slide-content{
    left:72px !important;
  }
}


/* Nintendo Switch released games grid */
.switch-games-wrap{max-width:1500px;margin:0 auto;padding:34px 22px 56px;}
.switch-page-head{margin:0 0 28px;}
.switch-page-head .insert{color:#00f5ff;font-weight:900;letter-spacing:.08em;margin:0 0 8px;}
.switch-page-head h1{font-size: clamp(1.8rem, 3.2vw, 3.8rem);line-height:1;margin:0 0 12px;color:#fff;text-shadow:0 0 18px rgba(0,245,255,.22);}
.switch-page-head p{color:#cfd7e6;font-size:1.12rem;max-width:850px;margin:0;}
.switch-games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px;}
.switch-card{position:relative;overflow:hidden;border:1px solid rgba(0,245,255,.26);border-radius:14px;background:linear-gradient(180deg,rgba(11,18,31,.92),rgba(5,9,17,.98));box-shadow:0 0 22px rgba(0,245,255,.08);min-height:365px;}
.switch-card:hover{transform:translateY(-3px);box-shadow:0 0 28px rgba(0,245,255,.18);transition:.18s ease;}
.switch-art{height:150px;position:relative;padding:14px;display:flex;align-items:flex-end;background:radial-gradient(circle at 70% 20%,var(--c1),transparent 28%),radial-gradient(circle at 20% 80%,var(--c2),transparent 36%),linear-gradient(135deg,#07101e,#11182c 45%,#02050c);isolation:isolate;}
.switch-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.2)),repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 2px,transparent 2px 10px);z-index:-1;}
.switch-art strong{font-size:1.25rem;line-height:1.08;color:#fff;text-shadow:0 3px 10px rgba(0,0,0,.9);max-width:80%;}
.switch-rank{position:absolute;top:10px;left:10px;width:40px;height:40px;border:1px solid #00f5ff;border-radius:8px;background:rgba(0,0,0,.52);display:grid;place-items:center;color:#00f5ff;font-weight:900;font-size:1.25rem;box-shadow:0 0 12px rgba(0,245,255,.28);}
.switch-badge{position:absolute;top:10px;right:10px;padding:7px 9px;border-radius:8px;background:#e60012;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.05em;}
.switch-card-body{padding:16px 18px 18px;}
.switch-card-body h2{font-size:1.15rem;line-height:1.2;margin:0 0 9px;color:#fff;}
.switch-card-body p{font-size:.98rem;line-height:1.45;margin:0 0 16px;color:#c8d0dc;}
.switch-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;}
.switch-meta span{border:1px solid rgba(0,245,255,.32);border-radius:999px;padding:6px 10px;color:#00f5ff;font-weight:800;font-size:.78rem;background:rgba(0,245,255,.06);}
.switch-count{text-align:center;margin:28px 0 0;color:#cdd6e3;font-size:1.05rem;}
.switch-count strong{color:#00f5ff;}
@media(max-width:720px){.switch-games-wrap{padding:24px 14px 42px}.switch-games-grid{grid-template-columns:1fr}.switch-card{min-height:auto}.switch-art{height:135px}}


/* Reviews dropdown with Nintendo Switch */
.gh-reviews-dropdown{
  position:relative !important;
  display:inline-block !important;
}

.gh-reviews-dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
}

.gh-reviews-menu{
  display:none !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  min-width:245px !important;
  z-index:9999 !important;
  padding:10px !important;
  border:1px solid rgba(0,255,213,.7) !important;
  border-radius:14px !important;
  background:rgba(5,8,17,.98) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 24px rgba(0,255,213,.18) !important;
}

.gh-reviews-dropdown:hover .gh-reviews-menu,
.gh-reviews-dropdown:focus-within .gh-reviews-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}

.gh-reviews-menu a{
  display:block !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  white-space:normal !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

.gh-reviews-menu a:hover{
  background:rgba(0,255,213,.14) !important;
  color:#00ffe7 !important;
}


/* Games Calendar page */
.games-calendar-page{max-width:1200px;margin:0 auto;padding:34px 22px 60px;color:#fff}
.calendar-hero{display:flex;align-items:center;gap:22px;margin:18px 0 26px;padding:24px;border-bottom:1px solid rgba(255,255,255,.12)}
.calendar-icon{font-size:56px;filter:drop-shadow(0 0 14px rgba(0,255,255,.45))}
.calendar-hero h1{font-size:48px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.calendar-hero p{margin:0;color:#cfd7e6;font-size:18px}
.calendar-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 26px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.cal-filter,.cal-view-toggle{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:8px;padding:13px 18px;font-weight:800;cursor:pointer}.cal-filter.active,.cal-filter:hover,.cal-view-toggle.active,.cal-view-toggle:hover{background:#246bff;border-color:#4d8cff;box-shadow:0 0 18px rgba(36,107,255,.35)}.cal-view-toggle{margin-left:6px;background:rgba(0,245,255,.08);border-color:rgba(0,245,255,.28)}
.cal-month{margin:28px 0}.cal-month h2{font-size:30px;margin:0 0 18px;padding-left:14px;border-left:4px solid #00f5ff;text-transform:uppercase}.cal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cal-game-card{background:linear-gradient(180deg,rgba(20,30,42,.95),rgba(6,12,20,.98));border:1px solid rgba(0,255,255,.22);border-radius:10px;overflow:hidden;box-shadow:0 0 18px rgba(0,255,255,.08);display:flex;flex-direction:column;min-height:430px}.cal-game-card:hover{transform:translateY(-3px);border-color:rgba(0,255,255,.6);transition:.2s}
.cal-cover{position:relative;min-height:160px;height:160px;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;border-bottom:1px solid rgba(255,255,255,.1)}.cal-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}.cal-date-box{position:absolute;left:12px;top:12px;z-index:2;background:rgba(0,0,0,.78);border:1px solid rgba(255,255,255,.4);border-radius:6px;padding:7px 10px;text-align:center}.cal-date-box strong{display:block;font-size:22px}.cal-date-box span{display:block;font-size:11px;color:#ddd}
.cal-card-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.cal-card-body h3{font-size:23px;margin:0;color:#fff;line-height:1.12}.cal-card-body p{color:#cfd7e6;margin:0;line-height:1.5}.cal-platforms{display:flex;flex-wrap:wrap;gap:7px}.cal-platforms span{color:#00f5ff;background:rgba(0,255,255,.08);border:1px solid rgba(0,255,255,.18);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.cal-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto}.cal-countdown div{text-align:center;background:rgba(140,92,255,.16);border:1px solid rgba(140,92,255,.55);border-radius:8px;padding:8px 4px}.cal-countdown b{display:block;font-size:20px}.cal-countdown span{display:block;color:#bbb;font-size:10px;text-transform:uppercase}.cal-view-btn{display:block;text-align:center;margin-top:6px;background:#246bff;color:#fff;text-decoration:none;border-radius:6px;padding:12px 14px;font-weight:900}.cal-view-btn:hover{background:#00d9ff;color:#001018}.cal-empty{font-size:20px;color:#ddd}
@media(max-width:1000px){.cal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cal-grid{grid-template-columns:1fr}.calendar-hero h1{font-size:36px}.calendar-hero{align-items:flex-start}}



/* Upcoming Releases dropdown */
.gh-upcoming-dropdown{
  position:relative !important;
  display:inline-block !important;
}
.gh-upcoming-dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
}
.gh-upcoming-menu{
  display:none !important;
  position:absolute !important;
  top:100% !important;
  left:0 !important;
  min-width:245px !important;
  z-index:9999 !important;
  padding:10px !important;
  border:1px solid rgba(0,255,213,.7) !important;
  border-radius:14px !important;
  background:rgba(5,8,17,.98) !important;
  box-shadow:0 12px 30px rgba(0,0,0,.45), 0 0 24px rgba(0,255,213,.18) !important;
}
.gh-upcoming-dropdown:hover .gh-upcoming-menu,
.gh-upcoming-dropdown:focus-within .gh-upcoming-menu{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
.gh-upcoming-menu a{
  display:block !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  white-space:normal !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
}
.gh-upcoming-menu a:hover{
  background:rgba(0,255,213,.14) !important;
  color:#00ffe7 !important;
}

.switch-games-note{
  max-width:1100px;
  margin:0 auto 22px;
  padding:14px 18px;
  border:1px solid rgba(0,255,213,.35);
  border-radius:14px;
  background:rgba(0,255,213,.07);
  color:#d7ffff;
}

.cal-cover-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:180px;
  background: radial-gradient(circle at 50% 30%, rgba(0,255,225,.18), rgba(8,12,28,.95));
  position:relative;
}
.cal-cover-art{
  font-size:34px;
  font-weight:900;
  letter-spacing:2px;
  color:#fff;
  text-shadow:0 0 18px rgba(0,255,225,.45);
  text-align:center;
  padding:20px;
}

/* === GameHarbor neon harbor banner applied site-wide ===
   Prevents the banner looking stretched: keeps natural proportions and crops safely. */
.static-arcade-banner,
body > .static-arcade-banner:first-of-type,
body.home-page > .static-arcade-banner:first-of-type,
.live-arcade-banner{
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  overflow:hidden !important;
  background:#020611 !important;
}

.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  display:block !important;
}

.live-arcade-banner{
  background-image:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* === FINAL BANNER ZOOM-OUT FIX ===
   Force the top site banner to show the full artwork instead of cropping the logo. */
.static-arcade-banner,
.live-arcade-banner{
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  background:#020611 url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") center center / contain no-repeat !important;
}
.static-arcade-banner img,
body > .static-arcade-banner:first-of-type img,
body.home-page > .static-arcade-banner:first-of-type img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  background:#020611 !important;
}


/* FIX: Nintendo Switch review card images */
body.nintendo-switch-reviews .switch-art,
.nintendo-switch-reviews .switch-art,
body .gh-reviews-main .switch-art{
  position:relative !important;
  overflow:hidden !important;
  padding:0 !important;
  min-height:170px !important;
  height:170px !important;
  background:#07101e !important;
}
body.nintendo-switch-reviews .switch-art .switch-card-img,
.nintendo-switch-reviews .switch-art .switch-card-img,
body .gh-reviews-main .switch-art .switch-card-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  margin:0 !important;
  border-radius:0 !important;
  z-index:0 !important;
  opacity:1 !important;
}
body.nintendo-switch-reviews .switch-art::before,
.nintendo-switch-reviews .switch-art::before,
body .gh-reviews-main .switch-art::before{
  z-index:1 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55)) !important;
}
body.nintendo-switch-reviews .switch-art .switch-rank,
body.nintendo-switch-reviews .switch-art .switch-badge,
body.nintendo-switch-reviews .switch-art strong,
.nintendo-switch-reviews .switch-art .switch-rank,
.nintendo-switch-reviews .switch-art .switch-badge,
.nintendo-switch-reviews .switch-art strong,
body .gh-reviews-main .switch-art .switch-rank,
body .gh-reviews-main .switch-art .switch-badge,
body .gh-reviews-main .switch-art strong{
  position:absolute !important;
  z-index:2 !important;
}
body.nintendo-switch-reviews .switch-art strong,
.nintendo-switch-reviews .switch-art strong,
body .gh-reviews-main .switch-art strong{
  left:18px !important;
  bottom:16px !important;
  max-width:82% !important;
}

/* Clean Nintendo Switch releases header */
.switch-clean-hero{
  max-width:1500px;
  margin:34px auto 28px;
  padding:78px 28px 84px;
  text-align:center;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 50% 8%, rgba(230,0,18,.20), transparent 18%),
    radial-gradient(circle at 88% 38%, rgba(230,0,18,.14), transparent 32%),
    radial-gradient(circle at 12% 45%, rgba(0,245,255,.12), transparent 30%),
    linear-gradient(135deg, #050b16 0%, #08111f 50%, #13081d 100%);
  box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 0 60px rgba(0,0,0,.35);
}
.switch-clean-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg, transparent 0 18%, rgba(0,145,255,.08) 19%, transparent 36%),
    linear-gradient(295deg, transparent 0 60%, rgba(230,0,18,.12) 61%, transparent 82%);
  pointer-events:none;
}
.switch-hero-icon{
  width:72px;
  height:72px;
  margin:0 auto 30px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:2.6rem;
  font-weight:900;
  letter-spacing:-.32em;
  text-indent:-.2em;
  background:linear-gradient(90deg,#00c8ff 0 49%,#ff2038 50% 100%);
  box-shadow:0 0 34px rgba(255,32,56,.35),0 0 26px rgba(0,200,255,.25);
  position:relative;
  z-index:1;
}
.switch-clean-hero h1{
  margin:0;
  color:#fff;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  line-height:1.03;
  letter-spacing:-.04em;
  font-weight:950;
  text-shadow:0 0 22px rgba(255,255,255,.18);
  position:relative;
  z-index:1;
}
.switch-hero-line{
  width:120px;
  height:6px;
  border-radius:999px;
  margin:34px auto 30px;
  background:linear-gradient(90deg,#00d5ff,#ff2038);
  box-shadow:0 0 18px rgba(255,32,56,.45);
  position:relative;
  z-index:1;
}
.switch-clean-hero p{
  margin:0 auto;
  max-width:760px;
  color:#cfd7e6;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  line-height:1.45;
  position:relative;
  z-index:1;
}
.switch-releases-clean{padding-top:12px;}
.switch-latest-row{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin:0 0 24px;
  padding:0 0 18px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.switch-section-kicker{
  margin:0 0 8px;
  color:#fff;
  font-size:1.35rem;
  font-weight:950;
  letter-spacing:.01em;
}
.switch-latest-row h2{
  margin:0;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  color:#fff;
}
.switch-calendar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
  padding:13px 22px;
  border-radius:999px;
  border:1px solid rgba(255,32,56,.35);
  color:#ff4055;
  text-decoration:none;
  font-weight:900;
  background:rgba(255,32,56,.06);
  box-shadow:0 0 22px rgba(255,32,56,.08);
}
.switch-calendar-btn:hover{background:rgba(255,32,56,.13);color:#fff;}
@media(max-width:760px){
  .switch-clean-hero{margin:22px 14px 22px;padding:52px 18px 58px;}
  .switch-hero-icon{width:58px;height:58px;font-size:2.1rem;margin-bottom:22px;}
  .switch-latest-row{align-items:flex-start;flex-direction:column;}
}


/* Nintendo Switch released page card images */
body.nintendo-switch-page .switch-art{
  position:relative !important;
  overflow:hidden !important;
  padding:14px !important;
  background:#07101e !important;
}
body.nintendo-switch-page .switch-art .switch-card-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  z-index:0 !important;
}
body.nintendo-switch-page .switch-art::before{
  z-index:1 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68)) !important;
}
body.nintendo-switch-page .switch-art .switch-rank,
body.nintendo-switch-page .switch-art .switch-badge,
body.nintendo-switch-page .switch-art strong{
  position:absolute !important;
  z-index:2 !important;
}
body.nintendo-switch-page .switch-art strong{
  left:18px !important;
  bottom:16px !important;
  max-width:82% !important;
}


/* Switch Games page - match Nintendo Switch card style */
body.switch-games-page .switch-upcoming-hero{margin-top:34px;}
body.switch-games-page .switch-games-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
body.switch-games-page .switch-card{min-height:445px;display:flex;flex-direction:column;}
body.switch-games-page .switch-art{height:165px;}
body.switch-games-page .switch-art strong{position:absolute;left:18px;bottom:16px;z-index:2;font-size:1.35rem;letter-spacing:.02em;}
body.switch-games-page .switch-card-body{display:flex;flex-direction:column;flex:1;}
body.switch-games-page .switch-release-date{color:#00f5ff!important;font-weight:900;margin:0 0 8px!important;}
body.switch-games-page .switch-card-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 14px;}
body.switch-games-page .switch-card-countdown span{border:1px solid rgba(157,92,255,.7);background:linear-gradient(180deg,rgba(72,35,145,.72),rgba(32,21,72,.92));border-radius:8px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 12px rgba(157,92,255,.15);}
body.switch-games-page .switch-card-countdown strong{font-size:1.1rem;line-height:1;color:#fff;}
body.switch-games-page .switch-card-countdown small{text-transform:uppercase;color:#d9d5ff;font-size:.58rem;margin-top:3px;}
body.switch-games-page .switch-card-countdown.released{grid-template-columns:1fr;}
body.switch-games-page .switch-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto;}
body.switch-games-page .switch-card-actions a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:9px;padding:11px 10px;text-decoration:none;font-weight:900;color:#00f5ff;border:1px solid rgba(0,245,255,.32);background:rgba(0,245,255,.06);}
body.switch-games-page .switch-card-actions a:hover{background:rgba(0,245,255,.14);color:#fff;}
body.switch-games-page .switch-games-note,.cinematic-banner-list{display:none;}
@media(max-width:720px){body.switch-games-page .switch-games-grid{grid-template-columns:1fr;}body.switch-games-page .switch-card-actions{grid-template-columns:1fr;}}


/* Switch Games page card images */
body.switch-games-page .switch-art{
  position:relative !important;
  overflow:hidden !important;
  padding:14px !important;
  background:#07101e !important;
}
body.switch-games-page .switch-art .switch-card-img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
  z-index:0 !important;
}
body.switch-games-page .switch-art::before{
  z-index:1 !important;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.68)) !important;
}
body.switch-games-page .switch-art .switch-rank,
body.switch-games-page .switch-art .switch-badge,
body.switch-games-page .switch-art strong{
  position:absolute !important;
  z-index:2 !important;
}

/* Nintendo Switch page split: top 10 strong lineup + more games */
.switch-more-row{margin-top:42px;padding-top:28px;border-top:1px solid rgba(0,229,255,.22)}
.switch-releases-clean .switch-latest-row h2{letter-spacing:.02em}


/* === FINAL SITE-WIDE MAIN BANNER FIX ===
   Use the single Banner-Main7 image from /banners on every page and make it fill the banner area. */
body > .static-arcade-banner,
.static-arcade-banner,
.live-arcade-banner{
  display:block !important;
  position:relative !important;
  width:100vw !important;
  max-width:none !important;
  min-width:100vw !important;
  height:260px !important;
  min-height:260px !important;
  max-height:260px !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:#020611 url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") center center / cover no-repeat !important;
  border-top:1px solid rgba(0,255,213,.25) !important;
  border-bottom:3px solid rgba(0,255,213,.75) !important;
}
body > .static-arcade-banner img,
.static-arcade-banner > img,
.static-arcade-banner img{
  content:url("/banners/Banner-Main7-optimized.jpg?v=banner-jpg-fix-1") !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  opacity:1 !important;
  animation:none !important;
  background:#020611 !important;
}
body > .static-arcade-banner + .static-arcade-banner{
  display:none !important;
}
@media(max-width:800px){
  body > .static-arcade-banner,
  .static-arcade-banner,
  .live-arcade-banner{
    height:150px !important;
    min-height:150px !important;
    max-height:150px !important;
  }
}


/* Full width Banner-Main7 fix */
.static-arcade-banner{
  height:260px !important;
}
.static-arcade-banner img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  max-width:none !important;
}


/* Final fix: keep upcoming-release cards visible and make artwork fit */
#upcomingReleaseList.cinematic-banner-list{display:flex!important;flex-direction:column!important;gap:32px!important;width:min(1180px,94vw)!important;margin:35px auto!important;}
#upcomingReleaseList .cinematic-banner-card{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;min-height:360px!important;position:relative!important;overflow:hidden!important;}
#upcomingReleaseList .future-image-placeholder{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:hidden!important;}
#upcomingReleaseList .future-image-placeholder img,#upcomingReleaseList .game-banner-img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;}
#upcomingReleaseList .banner-dark-overlay{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.35) 100%)!important;z-index:1!important;}
#upcomingReleaseList .banner-game-info,#upcomingReleaseList .banner-countdown{position:relative!important;z-index:2!important;}
@media(max-width:850px){#upcomingReleaseList .cinematic-banner-card{grid-template-columns:1fr!important;}#upcomingReleaseList .banner-countdown{max-width:100%!important;}}

/* === FINAL UPCOMING RELEASE COUNTDOWN FIX ===
   Keeps the purple countdown timer inside the right side of each long game card. */
#upcomingReleaseList.cinematic-banner-list{
  width:min(1180px,94vw) !important;
  margin:35px auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:30px !important;
}

#upcomingReleaseList .cinematic-banner-card{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(230px,280px) !important;
  align-items:stretch !important;
  min-height:320px !important;
  width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  position:relative !important;
}

#upcomingReleaseList .banner-game-info{
  grid-column:1 !important;
  width:auto !important;
  max-width:660px !important;
  box-sizing:border-box !important;
  position:relative !important;
  z-index:3 !important;
}

#upcomingReleaseList .banner-countdown{
  grid-column:2 !important;
  position:relative !important;
  right:auto !important;
  bottom:auto !important;
  top:auto !important;
  left:auto !important;
  align-self:center !important;
  justify-self:center !important;
  width:calc(100% - 28px) !important;
  max-width:250px !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  margin:14px !important;
  padding:12px !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  z-index:4 !important;
  transform:none !important;
}

#upcomingReleaseList .banner-countdown h3{
  grid-column:1 / -1 !important;
  margin:0 0 4px !important;
  text-align:center !important;
  white-space:normal !important;
}

#upcomingReleaseList .banner-countdown div{
  min-width:0 !important;
  width:auto !important;
  box-sizing:border-box !important;
  padding:10px 6px !important;
}

#upcomingReleaseList .banner-countdown strong{
  font-size:25px !important;
  line-height:1 !important;
  white-space:normal !important;
}

#upcomingReleaseList .banner-countdown span{
  font-size:10px !important;
  line-height:1.1 !important;
}

@media(max-width:850px){
  #upcomingReleaseList .cinematic-banner-card{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }
  #upcomingReleaseList .banner-game-info{
    grid-column:1 !important;
    max-width:none !important;
  }
  #upcomingReleaseList .banner-countdown{
    grid-column:1 !important;
    justify-self:stretch !important;
    width:auto !important;
    max-width:none !important;
    margin:0 24px 24px !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media(max-width:520px){
  #upcomingReleaseList .banner-countdown{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* GameHarbor custom news page redesign */
.gh-news-redesign{max-width:1220px;margin:28px auto 60px;padding:0 18px;color:#fff;}
.gh-news-hero-v2{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;min-height:390px;padding:42px;border:1px solid rgba(0,255,213,.65);border-radius:24px;overflow:hidden;background:linear-gradient(90deg,rgba(3,5,12,.96) 0%,rgba(3,5,12,.72) 42%,rgba(3,5,12,.28) 100%),url('images/gameharbor-newsroom-banner.jpg') center/cover no-repeat;box-shadow:0 0 35px rgba(0,255,213,.16), inset 0 0 80px rgba(116,31,255,.16);}
.gh-news-hero-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,255,213,.08),transparent 45%,rgba(128,0,255,.12));pointer-events:none;}
.gh-news-hero-copy,.gh-news-side-panel{position:relative;z-index:1;}
.gh-kicker{margin:0 0 12px;color:#00ffd5;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.gh-news-hero-copy h1{max-width:650px;margin:0 0 14px;font-size: clamp(1.8rem, 3.2vw, 3.8rem);line-height:.95;text-transform:uppercase;text-shadow:0 0 22px rgba(0,255,213,.28);}
.gh-news-hero-copy p{max-width:560px;color:#d9e7f2;font-size:17px;line-height:1.65;}
.gh-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.gh-hero-actions a,.gh-news-toolbar a,.gh-update-card-v2 a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,255,213,.55);border-radius:12px;background:rgba(0,255,213,.08);color:#00ffd5;text-decoration:none;font-weight:900;}
.gh-hero-actions a{min-width:150px;padding:13px 18px;}
.gh-hero-actions a:first-child{background:#00d8c8;color:#021015;box-shadow:0 0 18px rgba(0,255,213,.25);}
.gh-news-side-panel{align-self:stretch;padding:22px;border:1px solid rgba(181,91,255,.55);border-radius:18px;background:rgba(12,8,28,.78);box-shadow:inset 0 0 25px rgba(137,58,255,.22);}
.gh-news-side-panel h2,.gh-sections-panel-v2 h2{margin:0 0 16px;color:#d99cff;font-size:18px;text-transform:uppercase;}
.gh-news-side-panel a{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-weight:800;}
.gh-news-side-panel a span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:#00d8c8;color:#021015;font-weight:1000;}
.gh-news-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(8,12,22,.82);}
.gh-news-toolbar a{padding:10px 14px;font-size:13px;}
.gh-news-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start;}
.gh-update-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.gh-update-card-v2{overflow:hidden;border:1px solid rgba(0,255,213,.38);border-radius:18px;background:linear-gradient(180deg,rgba(13,20,32,.96),rgba(6,10,18,.98));box-shadow:0 0 18px rgba(0,255,213,.08);}
.gh-update-card-v2 img{display:block;width:100%;height:145px;object-fit:cover;object-position:center;filter:saturate(1.08) contrast(1.04);}
.gh-update-card-v2 .gh-update-number{display:inline-block;margin:16px 16px 6px;padding:6px 10px;border-radius:999px;background:rgba(0,255,213,.12);border:1px solid rgba(0,255,213,.45);color:#00ffd5;font-weight:900;font-size:12px;text-transform:uppercase;}
.gh-update-card-v2 h3{margin:6px 16px 8px;font-size:21px;line-height:1.15;color:#fff;}
.gh-update-card-v2 p{min-height:78px;margin:0 16px 14px;color:#dbe7ef;line-height:1.5;}
.gh-update-card-v2 a{margin:0 16px 18px;padding:10px 13px;}
.gh-sections-panel-v2{position:sticky;top:18px;padding:20px;border:1px solid rgba(0,255,213,.35);border-radius:18px;background:rgba(7,13,24,.92);box-shadow:inset 0 0 22px rgba(0,255,213,.08);}
.gh-sections-panel-v2 a{display:block;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.09);text-decoration:none;color:#fff;}
.gh-sections-panel-v2 strong{display:block;color:#fff;}
.gh-sections-panel-v2 small{display:block;margin-top:4px;color:#9fb0c4;}
@media(max-width:980px){.gh-news-hero-v2,.gh-news-layout{grid-template-columns:1fr}.gh-update-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.gh-news-side-panel,.gh-sections-panel-v2{position:relative;top:auto}}
@media(max-width:620px){.gh-news-hero-v2{padding:26px 20px}.gh-update-grid-v2{grid-template-columns:1fr}.gh-news-hero-copy h1{font-size:38px}}


/* Fable showcase fit fix */
.gh-showcase-slide .gh-showcase-bg[style*='fable-2026']{
  background-size: contain !important;
  background-position: right center !important;
  background-repeat: no-repeat !important;
}

/* Upcoming XPC added card image fit */
.cinematic-banner-card .future-image-placeholder img.game-banner-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}

/* Real upcoming images fitted cleanly */
.cinematic-banner-card .future-image-placeholder,
.cinematic-banner-card .future-image-placeholder img.game-banner-img{
  overflow:hidden!important;
}
.cinematic-banner-card .future-image-placeholder img.game-banner-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.cal-cover{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* Calendar image fit fix */
.cal-cover,
.calendar-card .cal-cover,
.game-calendar-card .cal-cover{
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}

/* All Games page - make upcoming cards match the More Released Games cards */
#upcomingReleaseList.all-games-card-grid{
  width:min(1180px,94vw)!important;
  margin:24px auto 42px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
#upcomingReleaseList .all-games-upcoming-card{
  min-height:520px!important;
}
#upcomingReleaseList .upcoming-badge{
  color:#9bfff5!important;
}
#upcomingReleaseList .all-games-card-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}
#upcomingReleaseList .all-games-card-actions .released-review-btn{
  margin-top:0!important;
  min-width:130px!important;
}
#upcomingReleaseList .all-games-card-actions .calendar-btn{
  background:linear-gradient(90deg,#00b7ff,#00ffd5)!important;
  color:#041015!important;
}
@media(max-width:1050px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:1fr!important}.all-games-card-actions .released-review-btn{width:100%!important}}


/* All Games page unified card grid - every game card same size */
#upcomingReleaseList.all-games-card-grid{
  width:min(1180px,94vw)!important;
  margin:24px auto 42px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
#upcomingReleaseList .released-game-card{
  width:100%!important;
  min-height:520px!important;
  max-height:520px!important;
  display:flex!important;
  flex-direction:column!important;
}
#upcomingReleaseList .released-game-card img,
#upcomingReleaseList .released-game-card-noimg{
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:10px!important;
  margin:0 0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,rgba(0,255,213,.16),rgba(175,72,255,.16))!important;
  color:#fff!important;
  font-weight:900!important;
  text-align:center!important;
}
#upcomingReleaseList .released-game-card-body{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
}
#upcomingReleaseList .released-game-card h2{
  font-size:20px!important;
  line-height:1.08!important;
  min-height:44px!important;
  margin-bottom:8px!important;
}
#upcomingReleaseList .released-game-card p{
  font-size:13px!important;
  line-height:1.25!important;
}
#upcomingReleaseList .released-game-card-body > p:last-of-type{
  min-height:64px!important;
  overflow:hidden!important;
}
#upcomingReleaseList .release-tags{
  margin-top:auto!important;
}
#upcomingReleaseList .released-review-btn{
  width:max-content!important;
  max-width:100%!important;
}
@media(max-width:1050px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:1fr!important}#upcomingReleaseList .released-game-card{max-height:none!important;min-height:auto!important}}


/* GameHarbor All Games card refresh - cleaner card design, no emoji icons */
#upcomingReleaseList.all-games-card-grid{
  width:min(1220px,94vw)!important;
  gap:20px!important;
}
#upcomingReleaseList .released-game-card{
  min-height:560px!important;
  max-height:560px!important;
  padding:14px!important;
  border-radius:18px!important;
  border:1px solid rgba(0,245,255,.62)!important;
  background:linear-gradient(180deg,rgba(8,15,30,.98),rgba(3,7,17,.98))!important;
  box-shadow:0 0 0 1px rgba(184,65,255,.08),0 16px 34px rgba(0,0,0,.28)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
#upcomingReleaseList .released-game-card:hover{
  transform:translateY(-5px)!important;
  border-color:#00f5ff!important;
  box-shadow:0 0 22px rgba(0,245,255,.22),0 18px 38px rgba(0,0,0,.42)!important;
}
#upcomingReleaseList .released-game-card img,
#upcomingReleaseList .released-game-card-noimg{
  height:185px!important;
  min-height:185px!important;
  max-height:185px!important;
  border-radius:14px!important;
  margin:0 0 14px!important;
  box-shadow:inset 0 -40px 60px rgba(0,0,0,.35)!important;
}
#upcomingReleaseList .released-game-card-body{
  gap:8px!important;
}
#upcomingReleaseList .released-badge{
  align-self:flex-start!important;
  color:#00f5ff!important;
  background:rgba(0,245,255,.10)!important;
  border:1px solid rgba(0,245,255,.42)!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-weight:900!important;
  margin:0 0 2px!important;
}
#upcomingReleaseList .upcoming-badge{
  color:#f05cff!important;
  border-color:rgba(240,92,255,.6)!important;
  background:rgba(240,92,255,.12)!important;
}
#upcomingReleaseList .released-game-card h2{
  font-size:22px!important;
  line-height:1.06!important;
  min-height:48px!important;
  margin:0!important;
  letter-spacing:-.02em!important;
}
#upcomingReleaseList .release-date{
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  margin:0!important;
}
#upcomingReleaseList .platforms{
  color:#dfeaff!important;
  font-size:13px!important;
  font-weight:800!important;
  margin:0!important;
}
#upcomingReleaseList .released-game-card-body > p:not(.release-date):not(.platforms){
  color:#dfeaff!important;
  font-size:13px!important;
  line-height:1.35!important;
  min-height:58px!important;
  margin:2px 0 0!important;
}
#upcomingReleaseList .release-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:auto!important;
}
#upcomingReleaseList .release-tags span{
  border:1px solid rgba(240,92,255,.85)!important;
  color:#fff!important;
  background:rgba(240,92,255,.08)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
}
#upcomingReleaseList .release-tags span:last-child{
  border-color:rgba(0,245,255,.75)!important;
  background:rgba(0,245,255,.10)!important;
}
#upcomingReleaseList .released-review-btn,
#upcomingReleaseList .all-games-card-actions .released-review-btn{
  width:100%!important;
  text-align:center!important;
  border-radius:12px!important;
  padding:11px 12px!important;
  font-size:13px!important;
  font-weight:900!important;
  margin-top:8px!important;
}
#upcomingReleaseList .all-games-card-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  margin-top:0!important;
}
#upcomingReleaseList .calendar-btn{
  background:linear-gradient(90deg,#00eaff,#00ffc8)!important;
  color:#03101b!important;
  border-color:transparent!important;
}
@media(max-width:1100px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:820px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:1fr!important}#upcomingReleaseList .released-game-card{min-height:auto!important;max-height:none!important}}

/* FIX: All Games filters must actually hide cards even when card CSS uses display:flex!important */
#upcomingReleaseList .released-game-card.gh-hidden-by-filter,
#upcomingReleaseList article.gh-hidden-by-filter,
.all-games-card-grid .released-game-card.gh-hidden-by-filter,
.all-games-card-grid article.gh-hidden-by-filter,
.released-game-card.gh-hidden-by-filter,
article.gh-hidden-by-filter,
#upcomingReleaseList .released-game-card[hidden],
#upcomingReleaseList article[hidden]{
  display:none!important;
  visibility:hidden!important;
}

/* Game Harbor fix: remove slideshow dot indicators, keep auto slideshow and arrows */
.gh-showcase-dots,
.gh-dots,
.showcase-dots,
.gh-switch-showcase-dots,
.carousel-dots,
.slider-dots,
.slick-dots,
.swiper-pagination {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.gh-showcase-dots button,
.gh-dots span,
.showcase-dots span,
.gh-switch-showcase-dot {
  display: none !important;
}


/* Real Expanse home showcase zoom-out/fill fix */
.gh-main-showcase .gh-showcase-bg[style*="the-expanse-osiris-reborn-showcase-wide"]{
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: none !important;
}


/* UFC showcase fit tweak */
.gh-showcase-bg[style*='ufc6-showcase.png']{
  background-size:110% 100% !important;
  background-position:center center !important;
}

/* Real fix: stretch selected showcase banners left/right to fill the showcase card */
.gh-showcase-slide .gh-showcase-bg[style*='gears-of-war-e-day-showcase.png'],
.gh-showcase-slide .gh-showcase-bg[style*='super-meat-boy-3d.png'],
.gh-showcase-slide .gh-showcase-bg[style*='the-witchs-bakery.jpg'],
.gh-switch-showcase-slide .gh-switch-showcase-bg[style*='super-meat-boy-3d.png'],
.gh-switch-showcase-slide .gh-switch-showcase-bg[style*='the-witchs-bakery.jpg']{
  background-size:110% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  transform-origin:center center !important;
}


/* AC Black Flag showcase width fill fix: keep height framing but fill the card left-to-right */
.gh-showcase-slide .gh-showcase-bg[style*="assassins-creed-black-flag"]{
  background-size:100% auto !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  transform:none !important;
  inset:0 !important;
}

/* Xbox exclusive platform page cards */
.xbox-exclusive-grid{
  width:min(1180px,94vw)!important;
  margin:24px auto 42px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.xbox-exclusive-grid .released-game-card{
  width:100%!important;
  min-height:520px!important;
  max-height:520px!important;
}
@media(max-width:1050px){.xbox-exclusive-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.xbox-exclusive-grid{grid-template-columns:1fr!important}}

/* Switch page only: hide duplicate titles over card images; titles stay in card body below */
body.nintendo-switch-page .switch-art > strong{
  display:none !important;
}

/* Homepage voting section */
.gh-vote-home{
  width:min(1180px,94vw);
  margin:28px auto 34px;
  padding:22px;
  border:1px solid rgba(118,255,68,.22);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(5,12,18,.96),rgba(10,22,28,.92));
  box-shadow:0 0 30px rgba(0,0,0,.45), inset 0 0 32px rgba(118,255,68,.05);
}
.gh-vote-head{text-align:center;margin:0 auto 20px;max-width:760px;}
.gh-vote-kicker{margin:0 0 8px;color:#79ff45;text-transform:uppercase;font-weight:900;letter-spacing:.08em;}
.gh-vote-head h2{margin:0 0 8px;color:#fff;font-size: clamp(1.8rem, 3.2vw, 3.8rem);text-shadow:0 0 16px rgba(118,255,68,.35);}
.gh-vote-head p{margin:0;color:#cfe6dc;}
.gh-vote-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.gh-vote-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#081018;box-shadow:0 10px 24px rgba(0,0,0,.35);}
.gh-vote-card img{width:100%;height:150px;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.05);}
.gh-vote-body{padding:14px;}
.gh-vote-date{display:block;color:#79ff45;font-size:12px;font-weight:800;margin-bottom:6px;}
.gh-vote-body h3{margin:0 0 12px;color:#fff;font-size:18px;line-height:1.2;min-height:43px;}
.gh-vote-btn{width:100%;border:1px solid rgba(118,255,68,.45);border-radius:10px;background:linear-gradient(180deg,#7bea3e,#4fb91f);color:#061008;font-weight:900;padding:10px 8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;}
.gh-vote-btn:hover{transform:translateY(-1px);box-shadow:0 0 16px rgba(118,255,68,.28);filter:brightness(1.08);}
.gh-vote-btn.voted{outline:2px solid #fff;box-shadow:0 0 18px rgba(118,255,68,.55);}
.gh-vote-mini-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;}
.gh-vote-btn.small{font-size:11px;padding:8px 5px;border-color:rgba(118,255,68,.25);background:rgba(118,255,68,.12);color:#dfffd7;}
.gh-vote-btn.small.danger{border-color:rgba(255,84,84,.35);background:rgba(255,84,84,.11);color:#ffd6d6;}
.gh-vote-leaderboard{margin-top:18px;padding:16px;border-radius:14px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);}
.gh-vote-leaderboard h3{margin:0 0 10px;color:#fff;}
.gh-vote-leaderboard ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;}
.gh-vote-leaderboard li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0;color:#e9fff1;}
.gh-vote-leaderboard strong{color:#79ff45;white-space:normal;}
.gh-vote-leaderboard a{display:inline-block;margin-top:14px;color:#79ff45;text-decoration:none;border:1px solid rgba(118,255,68,.55);border-radius:8px;padding:8px 14px;font-weight:800;}
@media(max-width:980px){.gh-vote-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.gh-vote-leaderboard ol{grid-template-columns:1fr;}}
@media(max-width:560px){.gh-vote-home{padding:16px;}.gh-vote-grid{grid-template-columns:1fr;}.gh-vote-card img{height:190px;}.gh-vote-mini-row{grid-template-columns:1fr;}}

/* FIX: Exclusive platform game cards were too short and hiding the Read Review button */
#upcomingReleaseList.playstation-exclusive-grid .released-game-card,
#upcomingReleaseList.xbox-exclusive-grid .released-game-card,
#upcomingReleaseList.pc-exclusive-grid .released-game-card{
  min-height:660px!important;
  max-height:none!important;
  overflow:visible!important;
}

#upcomingReleaseList.playstation-exclusive-grid .released-game-card-body,
#upcomingReleaseList.xbox-exclusive-grid .released-game-card-body,
#upcomingReleaseList.pc-exclusive-grid .released-game-card-body{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}

#upcomingReleaseList.playstation-exclusive-grid .all-games-card-actions,
#upcomingReleaseList.xbox-exclusive-grid .all-games-card-actions,
#upcomingReleaseList.pc-exclusive-grid .all-games-card-actions{
  margin-top:auto!important;
  padding-top:12px!important;
}

#upcomingReleaseList.playstation-exclusive-grid .release-tags,
#upcomingReleaseList.xbox-exclusive-grid .release-tags,
#upcomingReleaseList.pc-exclusive-grid .release-tags{
  margin-top:12px!important;
}

@media(max-width:620px){
  #upcomingReleaseList.playstation-exclusive-grid .released-game-card,
  #upcomingReleaseList.xbox-exclusive-grid .released-game-card,
  #upcomingReleaseList.pc-exclusive-grid .released-game-card{
    min-height:auto!important;
    max-height:none!important;
  }
}

/* FIX: Nintendo Switch page cards link to existing review pages */
body.nintendo-switch-page .switch-card{display:flex;flex-direction:column;min-height:405px;}
body.nintendo-switch-page .switch-card-body{display:flex;flex-direction:column;flex:1;}
body.nintendo-switch-page .switch-card-actions{margin-top:auto;padding-top:14px;}
body.nintendo-switch-page .switch-card-actions a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;padding:11px 12px;text-decoration:none;font-weight:900;color:#fff;background:linear-gradient(90deg,#8b5cf6,#ff2bd6);box-shadow:0 0 18px rgba(255,43,214,.18);}
body.nintendo-switch-page .switch-card-actions a:hover{filter:brightness(1.12);transform:translateY(-1px);}


/* === REAL PLATFORM TOP BANNERS - HARD OVERRIDE ===
   Must sit AFTER old site-wide rules that force Banner-Main7 using content:url().
   This restores the actual img src for Xbox, PlayStation, PC and Switch platform pages. */
body > .static-arcade-banner.platform-page-banner,
.static-arcade-banner.platform-page-banner{
  display:flex !important;
  width:100% !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
  background:#020611 !important;
  align-items:center !important;
  justify-content:center !important;
  border-bottom:1px solid rgba(0,255,213,.55) !important;
  box-shadow:0 0 24px rgba(0,255,213,.22), inset 0 -45px 55px rgba(0,0,0,.32) !important;
}
body > .static-arcade-banner.platform-page-banner img,
.static-arcade-banner.platform-page-banner img{
  content:normal !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  min-height:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  filter:saturate(1.05) contrast(1.02) !important;
  animation:none !important;
}
@media(max-width:900px){
  body > .static-arcade-banner.platform-page-banner,
  .static-arcade-banner.platform-page-banner{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}

/* === PLATFORM BANNER ZOOM-OUT REAL FIX ===
   Keeps the Xbox/PlayStation/PC/Switch top banners visible and fits the full artwork inside the banner area. */
body > .static-arcade-banner.platform-page-banner,
.static-arcade-banner.platform-page-banner{
  display:flex !important;
  width:100vw !important;
  max-width:none !important;
  min-width:100vw !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden !important;
  background:#020611 !important;
  align-items:center !important;
  justify-content:center !important;
  border-bottom:3px solid rgba(0,255,213,.75) !important;
  box-shadow:0 0 24px rgba(0,255,213,.22), inset 0 -45px 55px rgba(0,0,0,.32) !important;
}
body > .static-arcade-banner.platform-page-banner img,
.static-arcade-banner.platform-page-banner > img,
.static-arcade-banner.platform-page-banner img{
  content:normal !important;
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  opacity:1 !important;
  animation:none !important;
  background:#020611 !important;
  filter:saturate(1.05) contrast(1.02) !important;
}
body > .static-arcade-banner.platform-page-banner + .static-arcade-banner{
  display:none !important;
}
@media(max-width:900px){
  body > .static-arcade-banner.platform-page-banner,
  .static-arcade-banner.platform-page-banner{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}

/* === PLATFORM BANNER WIDTH FINAL FIX ===
   Height stays the same. This forces the platform artwork to fill wider
   across the banner area equally from the centre. */
body > .static-arcade-banner.platform-page-banner,
.static-arcade-banner.platform-page-banner{
  width:100vw !important;
  min-width:100vw !important;
  max-width:none !important;
  height:360px !important;
  min-height:360px !important;
  max-height:360px !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body > .static-arcade-banner.platform-page-banner img,
.static-arcade-banner.platform-page-banner > img,
.static-arcade-banner.platform-page-banner img{
  content:normal !important;
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  object-fit:fill !important;
  object-position:center center !important;
  transform:scaleX(1.12) !important;
  transform-origin:center center !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:900px){
  body > .static-arcade-banner.platform-page-banner,
  .static-arcade-banner.platform-page-banner{
    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;
  }
}

/* banner fit tweak */
.static-arcade-banner.platform-page-banner img{width:98% !important;min-width:98% !important;max-width:98% !important;object-fit:contain !important;}


/* REAL FIX: stop cropping platform banners */
.static-arcade-banner.platform-page-banner img,
body > .static-arcade-banner.platform-page-banner img{
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
}


/* FINAL PLATFORM BANNER TUNE */
.static-arcade-banner.platform-page-banner img,
body .static-arcade-banner.platform-page-banner img{
    width:103% !important;
    height:100% !important;
    object-fit:fill !important;
    transform:translateX(-1.5%) !important;
}


/* Center platform banners slightly left */
.static-arcade-banner.platform-page-banner img,
body .static-arcade-banner.platform-page-banner img{
    transform:translateX(-2.5%) !important;
}


/* FINAL REAL PLATFORM BANNER CENTER FIX
   Keep current height and 103% width, move the image left slightly to remove right-side gap. */
html body .static-arcade-banner.platform-page-banner {
  overflow: hidden !important;
}

html body .static-arcade-banner.platform-page-banner > img,
html body .static-arcade-banner.platform-page-banner img {
  width: 103% !important;
  min-width: 103% !important;
  max-width: 103% !important;
  height: 100% !important;
  object-fit: fill !important;
  object-position: center center !important;
  margin-left: -2.5% !important;
  margin-right: 0 !important;
  transform: none !important;
}


/* === Professional navigation + footer update === */
.professional-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  padding:12px 16px !important;
  background:rgba(6,10,20,.94) !important;
  border-top:1px solid rgba(80,180,255,.22) !important;
  border-bottom:1px solid rgba(80,180,255,.22) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.35) !important;
  position:relative !important;
  z-index:50 !important;
}

.professional-nav > a,
.professional-nav .dropdown > a{
  color:#eaf6ff !important;
  text-decoration:none !important;
  font-weight:700 !important;
  font-size:.92rem !important;
  letter-spacing:.02em !important;
  padding:10px 13px !important;
  border-radius:10px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  transition:.2s ease !important;
  white-space:normal !important;
}

.professional-nav > a:hover,
.professional-nav .dropdown:hover > a{
  background:rgba(0,170,255,.14) !important;
  border-color:rgba(90,200,255,.35) !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

.professional-nav .dropdown{
  position:relative !important;
  display:inline-flex !important;
}

.professional-nav .dropdown-menu{
  display:none !important;
  position:absolute !important;
  top:100% !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  min-width:230px !important;
  padding:8px !important;
  margin-top:8px !important;
  background:rgba(8,14,28,.98) !important;
  border:1px solid rgba(90,200,255,.3) !important;
  border-radius:14px !important;
  box-shadow:0 18px 38px rgba(0,0,0,.45) !important;
  z-index:999 !important;
}

.professional-nav .dropdown:hover .dropdown-menu{
  display:block !important;
}

.professional-nav .dropdown-menu a{
  display:block !important;
  color:#eaf6ff !important;
  text-decoration:none !important;
  padding:10px 12px !important;
  border-radius:10px !important;
  font-weight:650 !important;
  background:transparent !important;
  border:0 !important;
}

.professional-nav .dropdown-menu a:hover{
  background:rgba(0,170,255,.16) !important;
  color:#ffffff !important;
}

.site-footer{
  margin-top:56px;
  background:linear-gradient(180deg, rgba(5,10,22,.98), rgba(2,5,12,1));
  border-top:1px solid rgba(80,190,255,.22);
  color:#dcefff;
  padding:36px 18px 22px;
}

.footer-inner{
  max-width:1180px;
  margin:0 auto;
}

.footer-brand h2{
  margin:0 0 8px;
  color:#ffffff;
  font-size:1.8rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.footer-brand p{
  margin:0 0 24px;
  color:#9fb4c8;
  max-width:720px;
}

.footer-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(160px,1fr));
  gap:22px;
}

.footer-grid h3{
  margin:0 0 12px;
  color:#ffffff;
  font-size:1rem;
}

.footer-grid a{
  display:block;
  color:#a9c4dc;
  text-decoration:none;
  margin:8px 0;
  font-weight:600;
}

.footer-grid a:hover{
  color:#ffffff;
}

.footer-bottom{
  margin-top:26px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#8197aa;
  font-size:.9rem;
  text-align:center;
}

@media(max-width:800px){
  .professional-nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
  }
  .professional-nav .dropdown-menu{
    left:0 !important;
    transform:none !important;
  }
  .footer-grid{
    grid-template-columns:repeat(2,minmax(140px,1fr));
  }
}

@media(max-width:520px){
  .footer-grid{
    grid-template-columns:1fr;
  }
}


/* === Single professional nav + fixed hover dropdown bridge === */
.professional-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:14px 18px !important;
  margin:0 auto !important;
  background:rgba(6,10,20,.95) !important;
  border-top:1px solid rgba(0,240,255,.25) !important;
  border-bottom:1px solid rgba(0,240,255,.25) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.35) !important;
  position:relative !important;
  z-index:9990 !important;
}

.professional-nav > a,
.professional-nav .dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#f4f8ff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:1rem !important;
  letter-spacing:.01em !important;
  padding:11px 16px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(36,42,62,.95), rgba(16,20,34,.95)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 8px 18px rgba(0,0,0,.25) !important;
  white-space:normal !important;
  transition:.18s ease !important;
}

.professional-nav > a:hover,
.professional-nav .dropdown:hover > a,
.professional-nav .dropdown:focus-within > a{
  border-color:rgba(0,240,255,.45) !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

.professional-nav .dropdown{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  padding-bottom:12px !important; /* hover bridge so dropdown doesn't disappear */
  margin-bottom:-12px !important;
  z-index:9995 !important;
}

.professional-nav .dropdown-menu{
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  position:absolute !important;
  top:calc(100% - 2px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(6px) !important;
  min-width:245px !important;
  padding:10px !important;
  background:rgba(8,14,28,.98) !important;
  border:1px solid rgba(0,240,255,.35) !important;
  border-radius:16px !important;
  box-shadow:0 20px 42px rgba(0,0,0,.55) !important;
  z-index:9999 !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}

.professional-nav .dropdown:hover .dropdown-menu,
.professional-nav .dropdown:focus-within .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.professional-nav .dropdown-menu::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-14px !important;
  height:14px !important;
}

.professional-nav .dropdown-menu a{
  display:block !important;
  color:#eaf6ff !important;
  text-decoration:none !important;
  padding:12px 14px !important;
  border-radius:11px !important;
  font-weight:750 !important;
  background:transparent !important;
  border:0 !important;
}

.professional-nav .dropdown-menu a:hover{
  background:rgba(0,210,255,.16) !important;
  color:#ffffff !important;
}

@media(max-width:900px){
  .professional-nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
  }
  .professional-nav .dropdown-menu{
    left:0 !important;
    transform:translateY(6px) !important;
  }
  .professional-nav .dropdown:hover .dropdown-menu,
  .professional-nav .dropdown:focus-within .dropdown-menu{
    transform:translateY(0) !important;
  }
}


/* === FINAL HEADER NAV: one row only + Information dropdown === */
.final-main-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  padding:14px 18px !important;
  margin:0 auto !important;
  background:rgba(6,10,20,.96) !important;
  border-top:1px solid rgba(0,240,255,.24) !important;
  border-bottom:1px solid rgba(0,240,255,.24) !important;
  position:relative !important;
  z-index:9990 !important;
}

.final-main-nav > a,
.final-main-nav .dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#f4f8ff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:.98rem !important;
  padding:10px 15px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg, rgba(36,42,62,.95), rgba(16,20,34,.95)) !important;
  white-space:normal !important;
}

.final-main-nav > a:hover,
.final-main-nav .dropdown:hover > a,
.final-main-nav .dropdown:focus-within > a{
  border-color:rgba(0,240,255,.5) !important;
  color:#fff !important;
}

.final-main-nav .dropdown{
  position:relative !important;
  display:inline-flex !important;
  padding-bottom:14px !important;
  margin-bottom:-14px !important;
  z-index:9995 !important;
}

.final-main-nav .dropdown-menu{
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  position:absolute !important;
  top:calc(100% - 1px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(5px) !important;
  min-width:235px !important;
  padding:10px !important;
  background:rgba(8,14,28,.98) !important;
  border:1px solid rgba(0,240,255,.35) !important;
  border-radius:16px !important;
  box-shadow:0 20px 42px rgba(0,0,0,.55) !important;
  z-index:9999 !important;
  transition:.15s ease !important;
}

.final-main-nav .dropdown:hover .dropdown-menu,
.final-main-nav .dropdown:focus-within .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.final-main-nav .dropdown-menu::before{
  content:"" !important;
  position:absolute !important;
  top:-16px !important;
  left:0 !important;
  right:0 !important;
  height:16px !important;
}

.final-main-nav .dropdown-menu a{
  display:block !important;
  color:#eaf6ff !important;
  text-decoration:none !important;
  padding:11px 13px !important;
  border-radius:11px !important;
  font-weight:750 !important;
  background:transparent !important;
  border:0 !important;
}

.final-main-nav .dropdown-menu a:hover{
  background:rgba(0,210,255,.16) !important;
  color:#fff !important;
}

@media(max-width:900px){
  .final-main-nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
  }
}


/* === RESTORED PROFESSIONAL GAMEHARBOR NAV LOOK === */
.final-main-nav,
.professional-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  padding:13px 16px !important;
  margin:0 auto !important;
  background:linear-gradient(180deg, rgba(7,12,26,.97), rgba(4,8,18,.97)) !important;
  border-top:1px solid rgba(0,220,255,.22) !important;
  border-bottom:1px solid rgba(0,220,255,.22) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.38) !important;
  position:relative !important;
  z-index:9990 !important;
}

.final-main-nav > a,
.final-main-nav .dropdown > a,
.professional-nav > a,
.professional-nav .dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#eef8ff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:.94rem !important;
  letter-spacing:.015em !important;
  padding:10px 14px !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
  box-shadow:none !important;
  white-space:normal !important;
  transition:background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease !important;
}

.final-main-nav > a:hover,
.final-main-nav .dropdown:hover > a,
.final-main-nav .dropdown:focus-within > a,
.professional-nav > a:hover,
.professional-nav .dropdown:hover > a,
.professional-nav .dropdown:focus-within > a{
  background:rgba(0,190,255,.16) !important;
  border-color:rgba(0,220,255,.45) !important;
  color:#ffffff !important;
  transform:translateY(-1px) !important;
}

.final-main-nav .dropdown,
.professional-nav .dropdown{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  padding-bottom:14px !important;
  margin-bottom:-14px !important;
  z-index:9995 !important;
}

.final-main-nav .dropdown-menu,
.professional-nav .dropdown-menu{
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  position:absolute !important;
  top:calc(100% - 1px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(7px) !important;
  min-width:245px !important;
  padding:9px !important;
  margin-top:0 !important;
  background:rgba(7,12,26,.985) !important;
  border:1px solid rgba(0,220,255,.32) !important;
  border-radius:15px !important;
  box-shadow:0 18px 42px rgba(0,0,0,.55) !important;
  z-index:9999 !important;
  transition:opacity .15s ease, transform .15s ease, visibility .15s ease !important;
}

.final-main-nav .dropdown:hover .dropdown-menu,
.final-main-nav .dropdown:focus-within .dropdown-menu,
.professional-nav .dropdown:hover .dropdown-menu,
.professional-nav .dropdown:focus-within .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}

.final-main-nav .dropdown-menu::before,
.professional-nav .dropdown-menu::before{
  content:"" !important;
  position:absolute !important;
  top:-16px !important;
  left:0 !important;
  right:0 !important;
  height:16px !important;
}

.final-main-nav .dropdown-menu a,
.professional-nav .dropdown-menu a{
  display:block !important;
  color:#eaf6ff !important;
  text-decoration:none !important;
  padding:11px 13px !important;
  border-radius:10px !important;
  font-weight:750 !important;
  background:transparent !important;
  border:0 !important;
  margin:2px 0 !important;
}

.final-main-nav .dropdown-menu a:hover,
.professional-nav .dropdown-menu a:hover{
  background:rgba(0,190,255,.16) !important;
  color:#ffffff !important;
}

@media(max-width:900px){
  .final-main-nav,
  .professional-nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    flex-wrap:nowrap !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  .final-main-nav .dropdown-menu,
  .professional-nav .dropdown-menu{
    left:0 !important;
    transform:translateY(7px) !important;
  }
  .final-main-nav .dropdown:hover .dropdown-menu,
  .final-main-nav .dropdown:focus-within .dropdown-menu,
  .professional-nav .dropdown:hover .dropdown-menu,
  .professional-nav .dropdown:focus-within .dropdown-menu{
    transform:translateY(0) !important;
  }
}


/* Fable showcase fit fix */
.showcase-slide img,
.showcase-image img,
.hero-slide img,
.hero-image img{
    object-fit: contain !important;
    object-position: center center !important;
}

.showcase-slide,
.hero-slide{
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* Showcase fit fix for Rhythm Heaven, Digimon, Splatoon Raiders,
   Disgaea Mayhem, Truxton Extreme, Grave Seasons, Witchbrook,
   Another Eden Begins and similar wide images */
.showcase-slide img,
.showcase-card img,
.slide-image img {
    object-fit: contain !important;
    object-position: center center !important;
}

.showcase-slide,
.showcase-card,
.slide-image {
    background-size: 92% auto !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}


/* Exact homepage showcase fit for problem wide images */
.gh-showcase-bg.problem-showcase-fit{
  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}


/* === Game page clean-up and full game visibility fix === */
.game-frame,
.game-embed,
.game-wrapper,
.browser-game-frame,
.browser-game-wrapper,
.playable-game,
iframe[src*="bolt"],
iframe[src*="scrap"],
iframe[src*="retro"]{
  width:100% !important;
  max-width:100% !important;
  min-height:720px !important;
  height:720px !important;
  display:block !important;
  margin:0 auto !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.game-container,
.browser-game-container,
.arcade-game-container{
  max-width:1100px !important;
  margin:24px auto !important;
  overflow:visible !important;
}

.game-container img,
.browser-game-container img,
.arcade-game-container img{
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

@media(max-width:900px){
  .game-frame,
  .game-embed,
  .game-wrapper,
  .browser-game-frame,
  .browser-game-wrapper,
  .playable-game,
  iframe[src*="bolt"],
  iframe[src*="scrap"],
  iframe[src*="retro"]{
    min-height:620px !important;
    height:620px !important;
  }
}


/* === Browser game page fix: remove accidental nav spacing + show full game === */
.game-container,
.browser-game-container,
.arcade-game-container,
.game-wrapper,
.browser-game-wrapper{
  max-width:1100px !important;
  margin:22px auto !important;
  overflow:visible !important;
}

.game-container img,
.browser-game-container img,
.arcade-game-container img{
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 auto !important;
}

iframe.game-frame,
iframe.browser-game-frame,
iframe.playable-game,
.game-frame iframe,
.browser-game-frame iframe{
  width:100% !important;
  min-height:760px !important;
  height:760px !important;
  border:0 !important;
  display:block !important;
}


/* === Clean rebuilt game pages === */
.final-main-nav,
.professional-nav{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:9px !important;
  padding:13px 16px !important;
  margin:0 auto !important;
  background:linear-gradient(180deg, rgba(7,12,26,.97), rgba(4,8,18,.97)) !important;
  border-top:1px solid rgba(0,220,255,.22) !important;
  border-bottom:1px solid rgba(0,220,255,.22) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.38) !important;
  position:relative !important;
  z-index:9990 !important;
}
.final-main-nav > a,
.final-main-nav .dropdown > a,
.professional-nav > a,
.professional-nav .dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#eef8ff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:.94rem !important;
  letter-spacing:.015em !important;
  padding:10px 14px !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.08) !important;
  background:rgba(255,255,255,.035) !important;
  white-space:normal !important;
}
.final-main-nav .dropdown,
.professional-nav .dropdown{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  padding-bottom:14px !important;
  margin-bottom:-14px !important;
  z-index:9995 !important;
}
.final-main-nav .dropdown-menu,
.professional-nav .dropdown-menu{
  display:block !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  position:absolute !important;
  top:calc(100% - 1px) !important;
  left:50% !important;
  transform:translateX(-50%) translateY(7px) !important;
  min-width:245px !important;
  padding:9px !important;
  background:rgba(7,12,26,.985) !important;
  border:1px solid rgba(0,220,255,.32) !important;
  border-radius:15px !important;
  box-shadow:0 18px 42px rgba(0,0,0,.55) !important;
  z-index:9999 !important;
}
.final-main-nav .dropdown:hover .dropdown-menu,
.final-main-nav .dropdown:focus-within .dropdown-menu,
.professional-nav .dropdown:hover .dropdown-menu,
.professional-nav .dropdown:focus-within .dropdown-menu{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translateX(-50%) translateY(0) !important;
}
.final-main-nav .dropdown-menu a,
.professional-nav .dropdown-menu a{
  display:block !important;
  color:#eaf6ff !important;
  text-decoration:none !important;
  padding:11px 13px !important;
  border-radius:10px !important;
  font-weight:750 !important;
  background:transparent !important;
  border:0 !important;
  margin:2px 0 !important;
}
.final-main-nav .dropdown-menu a:hover,
.professional-nav .dropdown-menu a:hover{
  background:rgba(0,190,255,.16) !important;
  color:#ffffff !important;
}

.bolt-game-frame-wrap,
.game-frame-wrap{
  max-width:1100px !important;
  margin:24px auto !important;
  padding:0 !important;
  overflow:hidden !important;
}
.bolt-boy-iframe,
iframe{
  width:100% !important;
  min-height:760px !important;
  height:760px !important;
  border:0 !important;
  display:block !important;
  border-radius:14px !important;
}

.site-footer{
  margin-top:56px;
  background:linear-gradient(180deg, rgba(5,10,22,.98), rgba(2,5,12,1));
  border-top:1px solid rgba(80,190,255,.22);
  color:#dcefff;
  padding:36px 18px 22px;
}
.footer-inner{max-width:1180px;margin:0 auto;}
.footer-brand h2{margin:0 0 8px;color:#fff;font-size:1.8rem;text-transform:uppercase;text-align:center;}
.footer-brand p{margin:0 auto 24px;color:#9fb4c8;max-width:720px;text-align:center;}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:22px;}
.footer-grid h3{margin:0 0 12px;color:#fff;font-size:1rem;}
.footer-grid a{display:block;color:#a9c4dc;text-decoration:none;margin:8px 0;font-weight:600;}
.footer-grid a:hover{color:#fff;}
.footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#8197aa;font-size:.9rem;text-align:center;}
@media(max-width:800px){.footer-grid{grid-template-columns:repeat(2,minmax(140px,1fr));}.final-main-nav,.professional-nav{justify-content:flex-start !important;overflow-x:auto !important;flex-wrap:nowrap !important;}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr;}}


/* Final game iframe fix */
.bolt-game-frame-wrap,
.game-frame-wrap{
  max-width:1100px !important;
  margin:24px auto !important;
  overflow:hidden !important;
}
.bolt-boy-iframe,
iframe[src*="games/"],
iframe[src*="browser-games/"]{
  width:100% !important;
  height:760px !important;
  min-height:760px !important;
  border:0 !important;
  display:block !important;
  border-radius:14px !important;
}


/* === HTML5 game page layout fix === */
.bolt-boy-play-page,
.scrap-fleet-play-page,
.retro-puzzle-play-page,
main[class*="play-page"]{
  margin-top:32px !important;
  padding-top:0 !important;
}

.bolt-game-frame-wrap,
.scrap-game-frame-wrap,
.retro-game-frame-wrap,
.game-frame-wrap,
.browser-game-frame-wrap{
  width:min(1100px,94vw) !important;
  max-width:1100px !important;
  margin:24px auto 64px !important;
  padding:0 !important;
  background:rgba(3,8,18,.96) !important;
  border:1px solid rgba(0,240,255,.7) !important;
  border-radius:18px !important;
  box-shadow:0 0 24px rgba(0,240,255,.18) !important;
  overflow:hidden !important;
}

.bolt-boy-iframe,
.scrap-fleet-iframe,
.retro-puzzle-iframe,
iframe[src*="games/"],
iframe[src*="browser-games/"]{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:720px !important;
  min-height:720px !important;
  border:0 !important;
  margin:0 auto !important;
  border-radius:16px !important;
  background:#020814 !important;
  overflow:hidden !important;
}

.bolt-game-frame-wrap img,
.scrap-game-frame-wrap img,
.retro-game-frame-wrap img,
.game-frame-wrap img,
.browser-game-frame-wrap img{
  max-width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}

.static-arcade-banner + .site-header,
.site-header.home-nav{
  margin-top:0 !important;
}

@media(max-width:900px){
  .bolt-game-frame-wrap,
  .scrap-game-frame-wrap,
  .retro-game-frame-wrap,
  .game-frame-wrap,
  .browser-game-frame-wrap{
    width:96vw !important;
  }
  .bolt-boy-iframe,
  .scrap-fleet-iframe,
  .retro-puzzle-iframe,
  iframe[src*="games/"],
  iframe[src*="browser-games/"]{
    height:640px !important;
    min-height:640px !important;
  }
}


/* HTML5 pages divider moved below banner */
.html5-banner-divider{
    height:1px !important;
    background:#00eaff !important;
    box-shadow:0 0 8px rgba(0,234,255,.8) !important;
    margin:0 !important;
    position:relative !important;
    z-index:1 !important;
}

.site-header.home-nav{
    margin-top:0 !important;
    border-top:none !important;
}


/* === HTML5 pages: keep only the banner divider, remove extra long bars === */
.html5-game-page .site-header.home-nav,
.html5-game-page header.site-header,
.html5-game-page .professional-nav,
.html5-game-page .final-main-nav{
  border-top:0 !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

.html5-game-page .site-header.home-nav::before,
.html5-game-page .site-header.home-nav::after,
.html5-game-page .professional-nav::before,
.html5-game-page .professional-nav::after,
.html5-game-page .final-main-nav::before,
.html5-game-page .final-main-nav::after{
  display:none !important;
  content:none !important;
}

.html5-game-page hr,
.html5-game-page .page-divider,
.html5-game-page .section-divider,
.html5-game-page .header-divider,
.html5-game-page .nav-divider{
  display:none !important;
}

.html5-game-page .html5-banner-divider{
  display:block !important;
  height:1px !important;
  background:#00eaff !important;
  box-shadow:0 0 8px rgba(0,234,255,.75) !important;
  margin:0 !important;
  border:0 !important;
}

/* Bring content up a touch now the extra line is gone */
.html5-game-page main{
  margin-top:28px !important;
}


/* === Buy Now buttons added for store links === */
.buy-now-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  padding:10px 16px !important;
  margin:4px 8px 4px 0 !important;
  border-radius:999px !important;
  border:1px solid rgba(0,240,255,.45) !important;
  background:linear-gradient(90deg,#00d4ff,#9b4dff) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 0 18px rgba(0,212,255,.22) !important;
  white-space:normal !important;
}

.buy-now-btn::before{
  content:"🛒";
}

.buy-now-btn:hover{
  filter:brightness(1.12) !important;
  transform:translateY(-1px) !important;
}

.buy-now-row{
  margin-top:12px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
}

.gh-showcase-actions .buy-now-btn{
  background:linear-gradient(90deg,#00eaff,#32ff9c) !important;
  color:#06101f !important;
}



/* === Game Harbor Deals Page Store Concept === */
.gh-deals-page{
  width:min(1320px,94vw);
  margin:34px auto 70px;
  color:#f4f8ff;
}
.gh-deals-hero{
  border:1px solid rgba(0,240,255,.35);
  border-radius:20px;
  padding:34px;
  background:linear-gradient(135deg,rgba(4,12,25,.96),rgba(20,10,42,.92));
  box-shadow:0 0 28px rgba(0,240,255,.12);
  margin-bottom:24px;
}
.gh-kicker{
  color:#00f0ff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.gh-deals-hero h1{
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  margin:10px 0;
}
.gh-deals-hero p{
  max-width:850px;
  color:#b7c9dc;
  font-size:1.05rem;
}
.gh-deals-layout{
  display:grid;
  grid-template-columns:1fr 330px;
  gap:24px;
}
.gh-deals-main,.gh-side-card,.gh-platform-deals{
  border:1px solid rgba(0,240,255,.32);
  border-radius:18px;
  background:rgba(4,10,24,.92);
  box-shadow:0 0 24px rgba(0,240,255,.1);
}
.gh-deals-main{padding:22px;}
.gh-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}
.gh-section-head h2,.gh-side-card h2,.gh-platform-deals h2{
  margin:0;
  font-size:1.65rem;
}
.gh-section-head a{
  color:#00f0ff;
  text-decoration:none;
  font-weight:900;
}
.gh-deals-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.gh-deal-card{
  background:#11142b;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.gh-deal-img-wrap{
  height:220px;
  position:relative;
  background:#050914;
  overflow:hidden;
}
.gh-deal-img-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.gh-discount{
  position:absolute;
  top:10px;
  left:10px;
  background:#ff3b3b;
  color:white;
  border-radius:999px;
  padding:6px 10px;
  font-weight:900;
  font-size:.85rem;
}
.gh-deal-body{
  padding:14px;
}
.gh-deal-body h3{
  margin:0 0 10px;
  min-height:44px;
  font-size:1rem;
}
.gh-platform{
  color:#d7e7f4;
  font-weight:800;
  font-size:.9rem;
  margin:0 0 14px;
}
.gh-price-row{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:14px;
}
.gh-price-row strong{
  color:#00f0ff;
  font-size:1.45rem;
}
.gh-price-row span{
  color:#9aa7b7;
  text-decoration:line-through;
}
.gh-buy-btn{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:12px;
  background:linear-gradient(90deg,#00b35a,#39d98a);
  color:white;
  text-decoration:none;
  border-radius:8px;
  font-weight:900;
}
.gh-deals-sidebar{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.gh-side-card{
  padding:22px;
}
.gh-benefit{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin:18px 0;
}
.gh-benefit b{color:#fff;}
.gh-benefit span{color:#b9cadc;}
.gh-trending-row{
  display:grid;
  grid-template-columns:52px 1fr auto;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  margin:12px 0;
  padding:8px;
  border-radius:10px;
  background:rgba(255,255,255,.04);
}
.gh-trending-row img{
  width:52px;
  height:52px;
  object-fit:cover;
  border-radius:6px;
}
.gh-trending-row small{
  display:block;
  color:#a8bdd2;
  margin-top:3px;
}
.gh-trending-row b{
  background:#178a38;
  padding:6px 8px;
  border-radius:6px;
}
.gh-platform-deals{
  margin-top:24px;
  padding:24px;
}
.gh-platform-buttons{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin-top:18px;
}
.gh-platform-buttons a{
  color:#fff;
  text-decoration:none;
  text-align:center;
  padding:18px 12px;
  border-radius:12px;
  border:1px solid rgba(0,240,255,.25);
  background:rgba(255,255,255,.045);
  font-weight:900;
}
.gh-platform-buttons a:hover{
  border-color:rgba(0,240,255,.65);
  background:rgba(0,240,255,.12);
}
@media(max-width:1100px){
  .gh-deals-layout{grid-template-columns:1fr;}
  .gh-deals-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:760px){
  .gh-deals-grid{grid-template-columns:repeat(2,1fr);}
  .gh-platform-buttons{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:520px){
  .gh-deals-grid{grid-template-columns:1fr;}
  .gh-deal-img-wrap{height:260px;}
}


/* === Deals page readability fix: Loaded text + clearer Buy Now button === */
.gh-platform{
  color:#ffffff !important;
  font-weight:900 !important;
}

.gh-buy-btn,
.gh-deal-card .gh-buy-btn{
  background:linear-gradient(90deg,#ff2bd6,#9b4dff) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:0 0 18px rgba(255,43,214,.35) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.55) !important;
  font-size:1.05rem !important;
  letter-spacing:.02em !important;
}

.gh-buy-btn:hover,
.gh-deal-card .gh-buy-btn:hover{
  background:linear-gradient(90deg,#00eaff,#9b4dff) !important;
  color:#06101f !important;
  text-shadow:none !important;
}

.gh-price-row strong{
  color:#00f0ff !important;
  text-shadow:0 0 8px rgba(0,240,255,.35) !important;
}


/* Deals page uploaded poster image fit */
.gh-deal-img-wrap{
  height:250px !important;
  background:#070b18 !important;
}
.gh-deal-img-wrap img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
}
.gh-trending-row img{
  object-fit:cover !important;
  object-position:center top !important;
}


/* === Deals page image loading/fit final fix === */
.gh-deal-img-wrap{
  height:260px !important;
  min-height:260px !important;
  background:#070b18 !important;
}
.gh-deal-img-wrap img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  opacity:1 !important;
  visibility:visible !important;
}
.gh-trending-row img{
  display:block !important;
  object-fit:cover !important;
  object-position:center top !important;
  opacity:1 !important;
}


/* Deals images PNG fallback fix */
.gh-deal-img-wrap{
  height:260px !important;
  min-height:260px !important;
  background:#070b18 !important;
}
.gh-deal-img-wrap img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
}


/* === FINISHED HOMEPAGE REDESIGN === */
.home-page{
  background:
    radial-gradient(circle at 12% 20%, rgba(0,240,255,.12), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(255,43,214,.12), transparent 34%),
    linear-gradient(180deg,#030713,#071022 45%,#040712 100%) !important;
}

.gh-home-hero-v2,
.gh-home-section,
.gh-home-trust-strip{
  width:min(1320px,94vw);
  margin-left:auto;
  margin-right:auto;
}

.gh-home-hero-v2{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:28px;
  min-height:430px;
  margin-top:28px;
  padding:42px;
  border:1px solid rgba(0,240,255,.32);
  border-radius:24px;
  background:
    linear-gradient(90deg,rgba(3,8,20,.98) 0%,rgba(6,15,34,.94) 45%,rgba(20,8,34,.86) 100%);
  box-shadow:0 0 35px rgba(0,240,255,.12);
  overflow:hidden;
  position:relative;
}
.gh-home-hero-v2::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:radial-gradient(circle,rgba(0,240,255,.08),transparent 35%);
  pointer-events:none;
}
.gh-home-hero-copy{
  position:relative;
  z-index:2;
}
.gh-home-pill{
  display:inline-flex;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(0,240,255,.4);
  color:#00f0ff;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  background:rgba(0,240,255,.08);
}
.gh-home-hero-v2 h1{
  margin:18px 0 12px;
  color:#fff;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
  line-height:.94;
  letter-spacing:-.05em;
  text-transform:uppercase;
}
.gh-home-hero-v2 h1 span{
  display:block;
  background:linear-gradient(90deg,#00eaff,#9b4dff,#ff2bd6);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:none;
}
.gh-home-hero-v2 p{
  color:#d7e8f7;
  font-size:1.18rem;
  max-width:680px;
  margin:0 0 18px;
}
.gh-home-hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:20px 0 28px;
}
.gh-home-hero-badges a{
  color:#eaf7ff;
  text-decoration:none;
  font-weight:850;
  border:1px solid rgba(255,255,255,.08);
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
}
.gh-home-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}
.gh-home-primary,
.gh-home-secondary{
  min-width:210px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-decoration:none;
  color:#06101f;
  font-weight:1000;
  padding:16px 24px;
  border-radius:12px;
  box-shadow:0 0 22px rgba(255,43,214,.28);
}
.gh-home-primary{background:linear-gradient(90deg,#9b4dff,#ff2bd6);color:#fff;}
.gh-home-secondary{background:linear-gradient(90deg,#9b4dff,#ff2bd6);color:#fff;}
.gh-home-hero-art{
  position:relative;
  z-index:2;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(0,240,255,.2);
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  min-height:330px;
}
.gh-home-hero-art img{
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
  transform:scale(1.05);
  display:block;
}

.gh-home-section{
  margin-top:28px;
  border:1px solid rgba(0,240,255,.28);
  border-radius:20px;
  background:rgba(3,9,22,.92);
  box-shadow:0 0 28px rgba(0,240,255,.09);
  padding:24px;
}
.gh-home-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
.gh-home-section-head h2{
  margin:0;
  color:#fff;
  font-size: clamp(1.8rem, 3.2vw, 3.8rem);
}
.gh-home-section-head a{
  color:#00f0ff;
  text-decoration:none;
  font-weight:950;
}
.gh-home-deals-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}
.gh-home-deal-card{
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:#11142b;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.gh-home-deal-img{
  height:178px;
  position:relative;
  background:#050814;
}
.gh-home-deal-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}
.gh-home-deal-img b{
  position:absolute;
  top:10px;
  left:10px;
  color:#fff;
  background:#ff3d42;
  border-radius:999px;
  padding:7px 10px;
  font-size:.9rem;
}
.gh-home-deal-body{
  padding:14px;
}
.gh-home-deal-body h3{
  color:#fff;
  margin:0 0 10px;
  min-height:42px;
  font-size:1rem;
}
.gh-home-deal-body p{
  color:#e4f0ff;
  margin:0 0 12px;
  font-weight:850;
}
.gh-home-deal-body div{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:12px;
}
.gh-home-deal-body strong{
  color:#00f0ff;
  font-size:1.3rem;
}
.gh-home-deal-body span{
  color:#96a6b7;
  text-decoration:line-through;
}
.gh-home-deal-body a{
  display:flex;
  justify-content:center;
  padding:11px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(90deg,#ff2bd6,#9b4dff);
  border-radius:9px;
  font-weight:1000;
}

.gh-home-showcase-wrap-v2{
  padding:24px !important;
}
.gh-home-showcase-wrap-v2 .gh-main-showcase{
  margin:0 auto !important;
}

.gh-home-platform-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.gh-home-platform-grid a{
  min-height:116px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px;
  color:#fff;
  text-decoration:none;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  position:relative;
  box-shadow:inset 0 0 45px rgba(0,0,0,.25);
}
.gh-home-platform-grid a::after{
  content:"View Games";
  margin-top:12px;
  width:max-content;
  padding:8px 13px;
  border-radius:8px;
  background:rgba(0,0,0,.32);
  border:1px solid rgba(255,255,255,.18);
  font-weight:850;
}
.gh-home-platform-grid span{
  font-size:2rem;
  font-weight:1000;
  text-transform:uppercase;
}
.gh-home-platform-grid small{
  color:#dbe8f5;
  font-weight:800;
}
.gh-home-platform-grid .xbox{background:linear-gradient(135deg,#038a23,#053719);}
.gh-home-platform-grid .playstation{background:linear-gradient(135deg,#0849b8,#031a3e);}
.gh-home-platform-grid .pc{background:linear-gradient(135deg,#29313a,#090d14);}
.gh-home-platform-grid .nintendo{background:linear-gradient(135deg,#d7192c,#521018);}

.gh-home-lower-grid-v2{
  display:grid;
  grid-template-columns:1.05fr 1.15fr 1fr;
  gap:18px;
  background:transparent;
  border:0;
  box-shadow:none;
  padding:0;
}
.gh-home-mini-panel{
  border:1px solid rgba(0,240,255,.24);
  border-radius:18px;
  background:rgba(3,9,22,.92);
  padding:20px;
}
.gh-home-section-head.compact{
  margin-bottom:15px;
}
.gh-home-section-head.compact h2{
  font-size:1.25rem;
}
.gh-home-review-list a,
.gh-home-release-list a{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  text-decoration:none;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.gh-home-review-list b{
  color:#00f0ff;
}
.gh-home-release-list b{
  color:#fff;
  background:rgba(0,240,255,.12);
  border:1px solid rgba(0,240,255,.22);
  padding:5px 8px;
  border-radius:8px;
  min-width:62px;
  text-align:center;
}
.gh-home-html5-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.gh-home-html5-grid a{
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:10px;
  text-align:center;
}
.gh-home-html5-grid img{
  width:100%;
  height:135px;
  object-fit:cover;
  border-radius:9px;
  display:block;
  margin-bottom:9px;
}
.gh-home-html5-grid span{
  font-weight:950;
}
.gh-home-trust-strip{
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1fr;
  gap:18px;
  margin-top:28px;
  margin-bottom:36px;
  border:1px solid rgba(0,240,255,.24);
  border-radius:18px;
  background:rgba(3,9,22,.92);
  padding:22px;
}
.gh-home-trust-strip div{
  border-right:1px solid rgba(255,255,255,.08);
  padding-right:16px;
}
.gh-home-trust-strip div:last-child{border-right:0;}
.gh-home-trust-strip b{
  display:block;
  color:#fff;
  margin-bottom:7px;
  font-size:1.05rem;
}
.gh-home-trust-strip span{
  color:#b7c9dc;
}

/* Make older duplicate home sections less dominant if they remain below new home */
.home-page .gh-switch-home-showcase{
  margin-top:42px;
}

@media(max-width:1180px){
  .gh-home-deals-grid{grid-template-columns:repeat(3,1fr);}
  .gh-home-hero-v2{grid-template-columns:1fr;}
  .gh-home-platform-grid{grid-template-columns:repeat(2,1fr);}
  .gh-home-lower-grid-v2{grid-template-columns:1fr;}
  .gh-home-trust-strip{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:720px){
  .gh-home-hero-v2{padding:26px;}
  .gh-home-deals-grid{grid-template-columns:repeat(2,1fr);}
  .gh-home-html5-grid{grid-template-columns:1fr;}
  .gh-home-trust-strip{grid-template-columns:1fr;}
  .gh-home-trust-strip div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;}
  .gh-home-trust-strip div:last-child{border-bottom:0;}
}
@media(max-width:480px){
  .gh-home-deals-grid{grid-template-columns:1fr;}
  .gh-home-platform-grid{grid-template-columns:1fr;}
}


/* === Homepage showcase text/button positioning fix === */
/* Keeps all showcase slide titles on one line, moves text away from arrows,
   and pulls buttons up so they are not cut off. */
.home-page .gh-home-showcase-wrap-v2 .gh-main-showcase{
  overflow:visible !important;
}

.home-page .gh-main-showcase{
  min-height:500px !important;
}

.home-page .gh-showcase-slide{
  overflow:hidden !important;
}

.home-page .gh-showcase-content{
  left:46px !important;
  right:auto !important;
  top:46px !important;
  bottom:auto !important;
  width:min(520px,42%) !important;
  max-width:520px !important;
  padding:0 !important;
  transform:none !important;
  z-index:5 !important;
}

.home-page .gh-showcase-content h2{
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  font-size:clamp(2.3rem,4.1vw,4.9rem) !important;
  line-height:1 !important;
  margin:12px 0 20px !important;
  max-width:100% !important;
}

.home-page .gh-showcase-content p{
  max-width:450px !important;
}

.home-page .showcase-release-date{
  margin:0 0 16px !important;
}

.home-page .gh-showcase-actions{
  margin-top:20px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  align-items:center !important;
  max-width:500px !important;
}

.home-page .gh-showcase-actions .btn,
.home-page .gh-showcase-actions a{
  margin:0 !important;
  white-space:normal !important;
}

/* Move left/right arrows slightly outside text area */
.home-page .gh-showcase-prev{
  left:16px !important;
}

.home-page .gh-showcase-next{
  right:16px !important;
}

/* Darken behind text so one-line titles remain readable */
.home-page .gh-showcase-bg::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.35) 34%,rgba(0,0,0,.05) 64%) !important;
  pointer-events:none !important;
}

/* Mobile/tablet protection */
@media(max-width:900px){
  .home-page .gh-showcase-content{
    left:28px !important;
    width:calc(100% - 56px) !important;
    max-width:none !important;
    top:34px !important;
  }
  .home-page .gh-showcase-content h2{
    font-size:clamp(2rem,8vw,3.4rem) !important;
  }
  .home-page .gh-showcase-prev,
  .home-page .gh-showcase-next{
    top:auto !important;
    bottom:20px !important;
  }
}


/* === Homepage showcase image position fix === */
/* Moves all showcase background images down so faces/titles are not cut off at the top */
.home-page .gh-main-showcase .gh-showcase-bg,
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-bg{
  background-position:center 62% !important;
  background-size:cover !important;
}

/* For slides already using exact fit, still push them down slightly */
.home-page .gh-main-showcase .gh-showcase-bg.problem-showcase-fit{
  background-position:center 58% !important;
  background-size:100% 100% !important;
}

/* Give the showcase image area proper height so the lower buttons fit */
.home-page .gh-home-showcase-wrap-v2 .gh-main-showcase{
  min-height:560px !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-slide{
  min-height:460px !important;
}

/* Move content up a touch but keep image lower */
.home-page .gh-showcase-content{
  top:42px !important;
}

.home-page .gh-showcase-actions{
  margin-top:16px !important;
}


/* === FINAL HOMEPAGE SHOWCASE FIT FIX - ALL SLIDES === */
/* Make every showcase slide use the full card and stop cutting off faces/titles */
.home-page .gh-home-showcase-wrap-v2{
  overflow:visible !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-main-showcase{
  width:100% !important;
  max-width:1180px !important;
  height:520px !important;
  min-height:520px !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:hidden !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-track,
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-slide{
  height:100% !important;
  min-height:520px !important;
  max-height:520px !important;
  overflow:hidden !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* Remove old special fit rules causing black gaps */
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-bg.problem-showcase-fit{
  background-size:cover !important;
  background-position:center center !important;
}

/* Keep a readable dark fade without creating black bottom gaps */
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-bg::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.40) 36%,rgba(0,0,0,.08) 72%) !important;
  pointer-events:none !important;
}

/* Text block: further left, away from arrows, and buttons fit inside */
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-content{
  position:absolute !important;
  left:118px !important;
  top:48px !important;
  bottom:auto !important;
  right:auto !important;
  width:620px !important;
  max-width:620px !important;
  padding:0 !important;
  z-index:5 !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-content h2{
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  font-size:clamp(2.2rem,3.6vw,4.2rem) !important;
  line-height:1 !important;
  margin:12px 0 72px !important;
  max-width:620px !important;
}

.home-page .gh-home-showcase-wrap-v2 .showcase-release-date{
  margin:0 0 14px !important;
  font-size:1.15rem !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-content p:not(.showcase-kicker):not(.showcase-release-date){
  max-width:560px !important;
  margin:0 0 18px !important;
  line-height:1.35 !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-actions{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  margin-top:16px !important;
  max-width:none !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-actions a,
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-actions .btn{
  margin:0 !important;
  white-space:normal !important;
}

/* Arrows outside the text area */
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-prev{
  left:18px !important;
  z-index:8 !important;
}

.home-page .gh-home-showcase-wrap-v2 .gh-showcase-next{
  right:18px !important;
  z-index:8 !important;
}

@media(max-width:900px){
  .home-page .gh-home-showcase-wrap-v2 .gh-main-showcase{
    height:560px !important;
    min-height:560px !important;
  }
  .home-page .gh-home-showcase-wrap-v2 .gh-showcase-track,
  .home-page .gh-home-showcase-wrap-v2 .gh-showcase-slide{
    min-height:560px !important;
    max-height:560px !important;
  }
  .home-page .gh-home-showcase-wrap-v2 .gh-showcase-content{
    left:28px !important;
    top:34px !important;
    width:calc(100% - 56px) !important;
    max-width:none !important;
  }
  .home-page .gh-home-showcase-wrap-v2 .gh-showcase-content h2{
    max-width:100% !important;
    font-size:clamp(2rem,8vw,3.4rem) !important;
    margin-bottom:48px !important;
  }
}


/* GTA VI showcase framing fix */
.gh-showcase-slide[data-game*="gta"],
.gh-showcase-slide[data-game*="GTA"]{
    background-position:center 28% !important;
    background-size:105% !important;
}



/* Exact GTA VI homepage showcase fix */
.home-page .gh-showcase-bg.gta6-showcase-fit{
  background-size:85% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#07111f !important;
}

/* Keep GTA readable without extra cropping */
.home-page .gh-showcase-bg.gta6-showcase-fit::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(0,0,0,.68) 0%,rgba(0,0,0,.38) 36%,rgba(0,0,0,.08) 72%) !important;
  pointer-events:none !important;
}


/* GTA VI extra zoom-out */
.home-page .gh-showcase-bg.gta6-showcase-fit{
    background-size:85% auto !important;
    background-position:center center !important;
}


/* GTA VI real zoom fix - exact class + inline index override also added */
.home-page .gh-showcase-bg.gta6-showcase-fit{
  background-size:82% auto !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#06101f !important;
}

.gta6-showcase-fit{background-size:110% auto !important;background-position:center top !important;}


/* GTA VI showcase final clean fit.
   Actual homepage file used: images/gta-vi-upcoming-clean.jpg */
.home-page .gh-showcase-bg.gta6-showcase-fill{
  background-size:cover !important;
  background-position:center 38% !important;
  background-repeat:no-repeat !important;
}

/* === FIX: dropdowns must sit above wrapped navigation rows ===
   The nav wraps onto two lines on desktop. Menus from the first row were
   being covered by buttons on the second row, making the menu impossible
   to hover. These rules lift the active dropdown above every nav button. */
.final-main-nav,
.professional-nav{
  overflow:visible !important;
  isolation:isolate !important;
}

.final-main-nav > a,
.final-main-nav .dropdown,
.professional-nav > a,
.professional-nav .dropdown{
  position:relative !important;
  z-index:1 !important;
}

.final-main-nav .dropdown:hover,
.final-main-nav .dropdown:focus-within,
.professional-nav .dropdown:hover,
.professional-nav .dropdown:focus-within{
  z-index:100000 !important;
}

.final-main-nav .dropdown-menu,
.professional-nav .dropdown-menu{
  z-index:100001 !important;
  margin-top:0 !important;
}

.final-main-nav .dropdown:hover .dropdown-menu,
.final-main-nav .dropdown:focus-within .dropdown-menu,
.professional-nav .dropdown:hover .dropdown-menu,
.professional-nav .dropdown:focus-within .dropdown-menu{
  pointer-events:auto !important;
}

/* === GAME HARBOR NEON STEAM + HARBOR NAV REDESIGN === */
.final-main-nav.gh-neon-nav,
.professional-nav.gh-neon-nav{
  width:min(1440px, calc(100% - 32px)) !important;
  margin:0 auto 26px !important;
  padding:0 14px !important;
  min-height:76px !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  overflow:visible !important;
  border:1px solid rgba(0,229,255,.58) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(9,10,28,.86), rgba(3,6,18,.94)) !important;
  box-shadow:0 0 14px rgba(0,229,255,.35), 0 0 38px rgba(192,0,255,.22), inset 0 0 28px rgba(0,229,255,.06) !important;
  backdrop-filter:blur(8px) !important;
  position:relative !important;
  z-index:99990 !important;
}

.gh-neon-nav::before{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:-1px !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,#ff39dc,#00e5ff,#7b5cff,transparent) !important;
  box-shadow:0 0 12px #00e5ff,0 0 18px rgba(255,57,220,.5) !important;
  pointer-events:none !important;
}

.gh-neon-nav .gh-nav-logo{
  min-width:170px !important;
  gap:10px !important;
  color:#00e5ff !important;
  text-transform:uppercase !important;
  font-size:18px !important;
  line-height:.92 !important;
  letter-spacing:.04em !important;
  text-shadow:0 0 8px rgba(0,229,255,.95),0 0 18px rgba(192,0,255,.65) !important;
  background:linear-gradient(180deg, rgba(0,229,255,.08), rgba(192,0,255,.05)) !important;
}

.gh-neon-nav .gh-anchor{
  font-size:34px !important;
  line-height:1 !important;
  color:#00e5ff !important;
  filter:drop-shadow(0 0 10px #00e5ff) drop-shadow(0 0 18px rgba(192,0,255,.65));
}

.final-main-nav.gh-neon-nav > a,
.final-main-nav.gh-neon-nav .dropdown > a,
.professional-nav.gh-neon-nav > a,
.professional-nav.gh-neon-nav .dropdown > a{
  height:76px !important;
  padding:0 17px !important;
  border:0 !important;
  border-left:1px solid rgba(0,229,255,.14) !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#f2fbff !important;
  font-size:15px !important;
  font-weight:950 !important;
  letter-spacing:.015em !important;
  text-shadow:0 0 7px rgba(255,255,255,.16) !important;
  box-shadow:none !important;
  transform:none !important;
  transition:color .18s ease, background .18s ease, text-shadow .18s ease !important;
}

.final-main-nav.gh-neon-nav > a:hover,
.final-main-nav.gh-neon-nav .dropdown:hover > a,
.final-main-nav.gh-neon-nav .dropdown:focus-within > a,
.professional-nav.gh-neon-nav > a:hover,
.professional-nav.gh-neon-nav .dropdown:hover > a,
.professional-nav.gh-neon-nav .dropdown:focus-within > a{
  color:#00e5ff !important;
  background:linear-gradient(180deg, rgba(192,0,255,.12), rgba(0,229,255,.08)) !important;
  text-shadow:0 0 8px #00e5ff,0 0 18px rgba(192,0,255,.85) !important;
  box-shadow:inset 0 -3px 0 #ff39dc, inset 0 -5px 14px rgba(255,57,220,.22) !important;
}

.gh-neon-nav .dropdown{
  position:relative !important;
  padding-bottom:22px !important;
  margin-bottom:-22px !important;
  z-index:99995 !important;
}

.gh-neon-nav .dropdown-menu{
  top:calc(100% + 0px) !important;
  background:linear-gradient(180deg, rgba(3,8,22,.985), rgba(1,3,13,.99)) !important;
  border:1px solid rgba(0,229,255,.68) !important;
  box-shadow:0 0 18px rgba(0,229,255,.45),0 0 36px rgba(192,0,255,.26),0 24px 60px rgba(0,0,0,.72) !important;
}

.gh-neon-nav .dropdown-menu::before{
  top:-24px !important;
  height:24px !important;
}

.gh-neon-nav .dropdown-menu a{
  color:#eaf8ff !important;
  font-weight:850 !important;
}

.gh-neon-nav .dropdown-menu a:hover{
  color:#00e5ff !important;
  background:rgba(0,229,255,.11) !important;
  text-shadow:0 0 8px rgba(0,229,255,.9) !important;
}

.gh-neon-nav .gh-mega-menu{
  left:50% !important;
  transform:translateX(-50%) translateY(10px) !important;
  width:min(1120px, calc(100vw - 70px)) !important;
  min-width:900px !important;
  padding:22px !important;
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:0 !important;
  border-radius:18px !important;
}

.gh-neon-nav .gh-mega-wrap:hover .gh-mega-menu,
.gh-neon-nav .gh-mega-wrap:focus-within .gh-mega-menu{
  transform:translateX(-50%) translateY(0) !important;
}

.gh-neon-nav .gh-mega-col{
  min-height:230px !important;
  padding:4px 26px 0 !important;
  border-right:1px solid rgba(0,229,255,.22) !important;
  background:radial-gradient(circle at 50% 20%, rgba(0,229,255,.08), transparent 58%) !important;
}

.gh-neon-nav .gh-mega-col:last-child{border-right:0 !important;}
.gh-neon-nav .gh-mega-col h3{
  margin:0 0 14px !important;
  font-size:15px !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:#00e5ff !important;
  text-shadow:0 0 8px rgba(0,229,255,.85) !important;
}
.gh-neon-nav .gh-mega-col.xbox h3{color:#55ff55 !important;text-shadow:0 0 8px rgba(85,255,85,.8) !important;}
.gh-neon-nav .gh-mega-col.playstation h3{color:#1aa8ff !important;text-shadow:0 0 8px rgba(26,168,255,.8) !important;}
.gh-neon-nav .gh-mega-col.nintendo h3{color:#ff4055 !important;text-shadow:0 0 8px rgba(255,64,85,.8) !important;}
.gh-neon-nav .gh-mega-col.pc h3{color:#bd5cff !important;text-shadow:0 0 8px rgba(189,92,255,.8) !important;}

.gh-neon-nav .gh-mega-col a{
  display:block !important;
  padding:7px 0 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  font-weight:780 !important;
  color:#f3f7ff !important;
}
.gh-neon-nav .gh-mega-col a:hover{padding-left:6px !important;}
.gh-neon-nav .gh-mega-col .gh-view-all{
  margin-top:14px !important;
  color:#00e5ff !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  letter-spacing:.04em !important;
}

@media(max-width:1180px){
  .final-main-nav.gh-neon-nav,
  .professional-nav.gh-neon-nav{
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    width:calc(100% - 20px) !important;
  }
  .gh-neon-nav .gh-nav-logo{min-width:145px !important;}
  .final-main-nav.gh-neon-nav > a,
  .final-main-nav.gh-neon-nav .dropdown > a{padding:0 13px !important;font-size:14px !important;}
}

@media(max-width:980px){
  .gh-neon-nav .gh-mega-menu{
    min-width:0 !important;
    width:min(620px, calc(100vw - 40px)) !important;
    grid-template-columns:1fr 1fr !important;
  }
  .gh-neon-nav .gh-mega-col{border-right:0 !important;border-bottom:1px solid rgba(0,229,255,.18) !important;min-height:auto !important;padding:12px 18px !important;}
}

@media(max-width:640px){
  .gh-neon-nav .gh-mega-menu{
    width:calc(100vw - 28px) !important;
    grid-template-columns:1fr !important;
  }
}


/* === GAME HARBOR NEON NAV V2 - CLEANER ONE-LINE LAYOUT + SEARCH === */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  width:min(1340px, calc(100% - 28px)) !important;
  min-height:70px !important;
  margin:0 auto 28px !important;
  padding:0 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  border-radius:16px !important;
  overflow:visible !important;
  background:linear-gradient(180deg, rgba(8,10,26,.92), rgba(2,6,18,.96)) !important;
  border:1px solid rgba(0,229,255,.58) !important;
  box-shadow:0 0 16px rgba(0,229,255,.42),0 0 32px rgba(192,0,255,.22), inset 0 0 22px rgba(0,229,255,.08) !important;
}
.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo{
  min-width:126px !important;
  height:70px !important;
  padding:0 14px !important;
  justify-content:center !important;
  border-left:0 !important;
  border-right:1px solid rgba(0,229,255,.22) !important;
  font-size:14px !important;
  letter-spacing:.03em !important;
  line-height:.95 !important;
}
.gh-neon-nav-v2 .gh-anchor{font-size:28px !important;}
.final-main-nav.gh-neon-nav-v2 > a,
.final-main-nav.gh-neon-nav-v2 .dropdown > a,
.professional-nav.gh-neon-nav-v2 > a,
.professional-nav.gh-neon-nav-v2 .dropdown > a{
  height:70px !important;
  padding:0 13px !important;
  white-space:normal !important;
  font-size:14px !important;
  line-height:70px !important;
}
.gh-neon-nav-v2 .dropdown{height:70px !important;padding-bottom:24px !important;margin-bottom:-24px !important;}
.gh-neon-nav-v2 .dropdown-menu{top:70px !important;}
.gh-neon-nav-v2 .dropdown-menu-right{right:0 !important;left:auto !important;}
.gh-neon-nav-v2 .gh-mega-menu{
  top:70px !important;
  width:min(1060px, calc(100vw - 56px)) !important;
  min-width:860px !important;
  left:50% !important;
  right:auto !important;
}
.gh-neon-nav-v2 .gh-nav-search{
  height:70px !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 6px 0 8px !important;
  padding:0 4px 0 12px !important;
  border-left:1px solid rgba(0,229,255,.18) !important;
  flex:0 0 auto !important;
}
.gh-neon-nav-v2 .gh-nav-search input{
  width:220px !important;
  height:38px !important;
  border-radius:999px !important;
  padding:0 40px 0 14px !important;
  color:#fff !important;
  background:rgba(1,5,18,.88) !important;
  border:1px solid rgba(255,57,220,.58) !important;
  outline:none !important;
  font-size:13px !important;
  font-weight:800 !important;
  box-shadow:inset 0 0 12px rgba(0,229,255,.08),0 0 10px rgba(192,0,255,.14) !important;
}
.gh-neon-nav-v2 .gh-nav-search input:focus{
  border-color:#00e5ff !important;
  box-shadow:0 0 10px rgba(0,229,255,.55),0 0 18px rgba(192,0,255,.34) !important;
}
.gh-neon-nav-v2 .gh-nav-search button{
  width:42px !important;
  height:42px !important;
  margin-left:-48px !important;
  border-radius:50% !important;
  border:1px solid rgba(0,229,255,.55) !important;
  color:#00e5ff !important;
  background:rgba(0,229,255,.08) !important;
  cursor:pointer !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  box-shadow:0 0 12px rgba(0,229,255,.28) !important;
}
.gh-neon-nav-v2 .gh-nav-search button:hover{color:#fff !important;background:rgba(192,0,255,.22) !important;box-shadow:0 0 14px rgba(0,229,255,.75),0 0 22px rgba(192,0,255,.55) !important;}
@media(max-width:1280px){
  .final-main-nav.gh-neon-nav-v2 > a,
  .final-main-nav.gh-neon-nav-v2 .dropdown > a{padding:0 10px !important;font-size:13px !important;}
  .gh-neon-nav-v2 .gh-nav-search input{width:160px !important;}
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo{min-width:112px !important;font-size:13px !important;}
}
@media(max-width:1120px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{justify-content:flex-start !important;overflow-x:auto !important;overflow-y:visible !important;}
  .gh-neon-nav-v2 .gh-nav-search{position:sticky !important;right:0 !important;background:linear-gradient(90deg,rgba(2,6,18,.7),rgba(2,6,18,.98)) !important;}
}
@media(max-width:760px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{width:calc(100% - 18px) !important;min-height:64px !important;margin-bottom:18px !important;}
  .final-main-nav.gh-neon-nav-v2 > a,
  .final-main-nav.gh-neon-nav-v2 .dropdown > a,
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo{height:64px !important;line-height:64px !important;}
  .gh-neon-nav-v2 .dropdown{height:64px !important;}
  .gh-neon-nav-v2 .dropdown-menu{top:64px !important;}
  .gh-neon-nav-v2 .gh-mega-menu{top:64px !important;min-width:0 !important;width:calc(100vw - 26px) !important;grid-template-columns:1fr !important;}
  .gh-neon-nav-v2 .gh-nav-search{height:64px !important;}
}

/* === GAME HARBOR NAV ORGANISATION FIX ===
   Wider bar, cleaner logo, compact tabs and balanced search so every item sits in order. */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  width:min(1580px, calc(100vw - 48px)) !important;
  max-width:1580px !important;
  min-height:72px !important;
  padding:0 12px !important;
  margin:0 auto 30px !important;
  justify-content:flex-start !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(7,10,26,.95), rgba(2,5,17,.98)) !important;
  box-shadow:0 0 18px rgba(0,229,255,.45),0 0 34px rgba(192,0,255,.24), inset 0 0 26px rgba(0,229,255,.08) !important;
}

.final-main-nav.gh-neon-nav-v2::after,
.professional-nav.gh-neon-nav-v2::after{
  content:"" !important;
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:-1px !important;
  height:2px !important;
  background:linear-gradient(90deg, transparent, #c000ff, #00e5ff, #c000ff, transparent) !important;
  box-shadow:0 0 12px rgba(0,229,255,.85),0 0 18px rgba(192,0,255,.45) !important;
  pointer-events:none !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo{
  flex:0 0 146px !important;
  min-width:146px !important;
  height:72px !important;
  padding:0 16px 0 10px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  border-left:0 !important;
  border-right:1px solid rgba(0,229,255,.30) !important;
  color:#f7fdff !important;
  text-shadow:0 0 7px rgba(255,255,255,.28) !important;
  background:radial-gradient(circle at 24% 50%, rgba(0,229,255,.18), transparent 48%) !important;
}

.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  font-size:31px !important;
  color:#00e5ff !important;
  filter:drop-shadow(0 0 8px #00e5ff) drop-shadow(0 0 15px rgba(192,0,255,.8)) !important;
}

.gh-neon-nav-v2 .gh-nav-logo span:last-child{
  font-size:15px !important;
  line-height:.95 !important;
  letter-spacing:.03em !important;
}

.final-main-nav.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.final-main-nav.gh-neon-nav-v2 .dropdown > a,
.professional-nav.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.professional-nav.gh-neon-nav-v2 .dropdown > a{
  height:72px !important;
  line-height:72px !important;
  padding:0 17px !important;
  font-size:15px !important;
  white-space:normal !important;
  border-left:1px solid rgba(0,229,255,.16) !important;
  letter-spacing:.005em !important;
}

.gh-neon-nav-v2 .dropdown{
  height:72px !important;
  padding-bottom:24px !important;
  margin-bottom:-24px !important;
}

.gh-neon-nav-v2 .dropdown-menu,
.gh-neon-nav-v2 .gh-mega-menu{
  top:72px !important;
}

.gh-neon-nav-v2 .gh-nav-search{
  margin-left:auto !important;
  margin-right:10px !important;
  flex:0 0 245px !important;
  width:245px !important;
  height:72px !important;
  padding:0 0 0 14px !important;
  border-left:1px solid rgba(0,229,255,.22) !important;
}

.gh-neon-nav-v2 .gh-nav-search input{
  width:220px !important;
  height:40px !important;
  font-size:14px !important;
}

.gh-neon-nav-v2 .gh-nav-search button{
  width:36px !important;
  height:36px !important;
  margin-left:-43px !important;
}

.gh-neon-nav-v2 .gh-more-menu{
  flex:0 0 auto !important;
}

.gh-neon-nav-v2 .gh-more-menu > a{
  padding:0 18px !important;
  border-right:0 !important;
}

@media(max-width:1450px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{width:min(1500px, calc(100vw - 24px)) !important;padding:0 8px !important;}
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo{flex-basis:132px !important;min-width:132px !important;}
  .final-main-nav.gh-neon-nav-v2 > a:not(.gh-nav-logo),
  .final-main-nav.gh-neon-nav-v2 .dropdown > a{padding:0 13px !important;font-size:14px !important;}
  .gh-neon-nav-v2 .gh-nav-search{flex-basis:220px !important;width:220px !important;}
  .gh-neon-nav-v2 .gh-nav-search input{width:195px !important;}
}

@media(max-width:1220px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{overflow-x:auto !important;overflow-y:visible !important;}
  .gh-neon-nav-v2 .gh-nav-search{margin-left:6px !important;position:sticky !important;right:0 !important;background:linear-gradient(90deg, rgba(2,6,18,.70), rgba(2,6,18,.98) 35%) !important;}
}

/* === FINAL FUTURISTIC NEON NAV POLISH ===
   Cleaner brand block, tighter HTML5 Games tab, search placed directly after menu. */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  width:min(1860px, calc(100vw - 48px)) !important;
  max-width:1860px !important;
  min-height:74px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  overflow:visible !important;
  border:1px solid rgba(0,229,255,.78) !important;
  border-radius:20px !important;
  background:
    radial-gradient(circle at 7% 50%, rgba(0,229,255,.20), transparent 18%),
    linear-gradient(180deg, rgba(9,13,31,.96), rgba(2,5,18,.98)) !important;
  box-shadow:
    0 0 18px rgba(0,229,255,.55),
    0 0 34px rgba(192,0,255,.28),
    inset 0 0 28px rgba(0,229,255,.08) !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo{
  flex:0 0 230px !important;
  min-width:230px !important;
  height:74px !important;
  padding:0 22px 0 20px !important;
  justify-content:flex-start !important;
  gap:14px !important;
  border-left:0 !important;
  border-right:1px solid rgba(0,229,255,.34) !important;
  background:radial-gradient(circle at 23% 50%, rgba(0,229,255,.20), transparent 54%) !important;
}

.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  font-size:34px !important;
  line-height:1 !important;
  color:#00e5ff !important;
  filter:drop-shadow(0 0 7px rgba(0,229,255,.95)) drop-shadow(0 0 12px rgba(0,117,255,.55)) !important;
}

.gh-neon-nav-v2 .gh-nav-logo span:last-child{
  font-size:18px !important;
  line-height:.92 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  text-shadow:0 0 7px rgba(255,255,255,.35) !important;
}

.final-main-nav.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.final-main-nav.gh-neon-nav-v2 .dropdown > a,
.professional-nav.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.professional-nav.gh-neon-nav-v2 .dropdown > a{
  height:74px !important;
  line-height:74px !important;
  padding:0 20px !important;
  display:block !important;
  font-size:15px !important;
  font-weight:900 !important;
  white-space:normal !important;
  border-left:1px solid rgba(0,229,255,.14) !important;
  border-right:0 !important;
  background:transparent !important;
  text-shadow:0 0 8px rgba(255,255,255,.28) !important;
}

/* Specific tab sizing keeps the full row looking deliberate. */
.gh-neon-nav-v2 > a[href="index.html"]:not(.gh-nav-logo){min-width:96px !important;text-align:center !important;}
.gh-neon-nav-v2 > a[href="news.html"]{min-width:96px !important;text-align:center !important;}
.gh-neon-nav-v2 > a[href="upcoming-releases.html"]{min-width:132px !important;text-align:center !important;}
.gh-neon-nav-v2 > a[href="games-calendar.html"]{min-width:126px !important;text-align:center !important;}
.gh-neon-nav-v2 > a[href="deals.html"]{min-width:96px !important;text-align:center !important;}
.gh-neon-nav-v2 .dropdown:has(> a[href="reviews.html"]) > a{min-width:124px !important;text-align:center !important;}
.gh-neon-nav-v2 .dropdown:has(> a[href="game-database.html"]) > a{min-width:146px !important;text-align:center !important;}
.gh-neon-nav-v2 .dropdown:has(> a[href="games.html"]) > a{
  min-width:150px !important;
  padding-left:14px !important;
  padding-right:14px !important;
  text-align:center !important;
}

.gh-neon-nav-v2 .dropdown{
  height:74px !important;
  padding-bottom:24px !important;
  margin-bottom:-24px !important;
}

.gh-neon-nav-v2 .dropdown-menu,
.gh-neon-nav-v2 .gh-mega-menu{
  top:74px !important;
}

.gh-neon-nav-v2 .gh-nav-search{
  margin-left:16px !important;
  margin-right:14px !important;
  flex:0 0 255px !important;
  width:255px !important;
  height:74px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-left:1px solid rgba(0,229,255,.14) !important;
  background:transparent !important;
}

.gh-neon-nav-v2 .gh-nav-search input{
  width:238px !important;
  height:40px !important;
  padding:0 48px 0 18px !important;
  border-radius:18px !important;
  border:1px solid rgba(192,0,255,.85) !important;
  box-shadow:0 0 12px rgba(192,0,255,.35), inset 0 0 14px rgba(0,0,0,.45) !important;
}

.gh-neon-nav-v2 .gh-nav-search button{
  width:36px !important;
  height:36px !important;
  margin-left:-42px !important;
  border-radius:50% !important;
}

.gh-neon-nav-v2 .gh-more-menu > a{
  min-width:100px !important;
  padding-left:16px !important;
  padding-right:16px !important;
  text-align:center !important;
  border-right:0 !important;
}

.final-main-nav.gh-neon-nav-v2 > a:hover,
.final-main-nav.gh-neon-nav-v2 .dropdown:hover > a,
.professional-nav.gh-neon-nav-v2 > a:hover,
.professional-nav.gh-neon-nav-v2 .dropdown:hover > a{
  color:#fff !important;
  background:linear-gradient(180deg, rgba(0,229,255,.08), rgba(192,0,255,.10)) !important;
  box-shadow:inset 0 -3px 0 #c000ff, inset 0 -5px 14px rgba(192,0,255,.25) !important;
}

@media(max-width:1450px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{width:calc(100vw - 18px) !important;padding:0 8px !important;}
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo{flex-basis:200px !important;min-width:200px !important;padding-left:14px !important;}
  .gh-neon-nav-v2 .gh-nav-logo span:last-child{font-size:16px !important;}
  .final-main-nav.gh-neon-nav-v2 > a:not(.gh-nav-logo),
  .final-main-nav.gh-neon-nav-v2 .dropdown > a{padding-left:13px !important;padding-right:13px !important;font-size:14px !important;}
  .gh-neon-nav-v2 .dropdown:has(> a[href="games.html"]) > a{min-width:136px !important;}
  .gh-neon-nav-v2 .gh-nav-search{flex-basis:220px !important;width:220px !important;margin-left:8px !important;margin-right:8px !important;}
  .gh-neon-nav-v2 .gh-nav-search input{width:205px !important;}
  .gh-neon-nav-v2 .gh-more-menu > a{min-width:86px !important;}
}

/* === FINAL FIX: More dropdown sits directly under More + remove empty right gap === */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  width:fit-content !important;
  max-width:calc(100vw - 36px) !important;
  justify-content:flex-start !important;
  padding-right:0 !important;
  overflow:visible !important;
}

.gh-neon-nav-v2 .gh-nav-search{
  margin-left:10px !important;
  margin-right:0 !important;
  flex:0 0 248px !important;
  width:248px !important;
}

.gh-neon-nav-v2 .gh-nav-search input{
  width:230px !important;
}

.gh-neon-nav-v2 .gh-more-menu{
  position:relative !important;
  flex:0 0 92px !important;
  width:92px !important;
  min-width:92px !important;
  height:74px !important;
  padding-bottom:22px !important;
  margin-bottom:-22px !important;
  z-index:100000 !important;
}

.gh-neon-nav-v2 .gh-more-menu > a{
  min-width:92px !important;
  width:92px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  text-align:center !important;
}

.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  position:absolute !important;
  top:74px !important;
  right:0 !important;
  left:auto !important;
  transform:none !important;
  margin-top:0 !important;
  width:245px !important;
  min-width:245px !important;
  border-radius:14px !important;
  z-index:100001 !important;
}

.gh-neon-nav-v2 .gh-more-menu .dropdown-menu::before,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:-24px !important;
  height:24px !important;
  background:transparent !important;
  display:block !important;
}

.gh-neon-nav-v2 .gh-more-menu:hover .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu:focus-within .dropdown-menu{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

@media(max-width:1450px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{
    width:fit-content !important;
    max-width:calc(100vw - 18px) !important;
  }
  .gh-neon-nav-v2 .gh-nav-search{flex-basis:218px !important;width:218px !important;margin-left:6px !important;}
  .gh-neon-nav-v2 .gh-nav-search input{width:202px !important;}
  .gh-neon-nav-v2 .gh-more-menu,
  .gh-neon-nav-v2 .gh-more-menu > a{width:82px !important;min-width:82px !important;flex-basis:82px !important;}
}


/* === FIX: put More before search and make its dropdown reachable === */
.gh-neon-nav-v2 .gh-more-menu{
  position:relative !important;
  order:98 !important;
  height:70px !important;
  flex:0 0 94px !important;
  width:94px !important;
  min-width:94px !important;
  padding-bottom:22px !important;
  margin-bottom:-22px !important;
}

.gh-neon-nav-v2 .gh-more-menu > a{
  height:70px !important;
  line-height:70px !important;
  padding:0 14px !important;
  justify-content:center !important;
  border-left:1px solid rgba(0,229,255,.18) !important;
  border-right:1px solid rgba(0,229,255,.18) !important;
}

.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  left:0 !important;
  right:auto !important;
  top:70px !important;
  transform:none !important;
  margin-top:0 !important;
  min-width:245px !important;
  z-index:99999 !important;
}

.gh-neon-nav-v2 .gh-nav-search{
  order:99 !important;
  margin-left:8px !important;
  padding-left:10px !important;
  border-left:0 !important;
  flex:0 0 245px !important;
  width:245px !important;
}

/* Keep More + search tight at the end of the bar */
.gh-neon-nav-v2{
  overflow:visible !important;
}


/* === FINAL LOGO BLEND FIX === */
/* Makes the Game Harbor logo feel part of the nav bar instead of a separate box */
.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo{
  flex:0 0 245px !important;
  min-width:245px !important;
  width:245px !important;
  justify-content:flex-start !important;
  gap:14px !important;
  padding:0 24px 0 28px !important;
  margin:0 !important;
  border-left:0 !important;
  border-right:1px solid rgba(0,229,255,.22) !important;
  border-radius:16px 0 0 16px !important;
  background:linear-gradient(90deg,
    rgba(0,229,255,.13) 0%,
    rgba(0,229,255,.07) 42%,
    rgba(4,8,24,.02) 100%) !important;
  box-shadow:
    inset 18px 0 28px rgba(0,229,255,.08),
    inset -18px 0 30px rgba(0,0,0,.18) !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo::before,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo::before,
.final-main-nav.gh-neon-nav-v2 .gh-nav-logo::after,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo::after{
  display:none !important;
  content:none !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-anchor,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  font-size:34px !important;
  line-height:1 !important;
  margin:0 !important;
  opacity:.95 !important;
  text-shadow:
    0 0 8px rgba(0,229,255,.75),
    0 0 16px rgba(0,229,255,.38) !important;
  filter:drop-shadow(0 0 9px rgba(0,229,255,.45)) !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo span:last-child,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo span:last-child{
  font-size:18px !important;
  line-height:.9 !important;
  letter-spacing:.8px !important;
  text-align:left !important;
  color:#fff !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.38),
    0 0 12px rgba(0,229,255,.25) !important;
}

/* Keep the first nav item close so the logo transitions into the menu cleanly */
.final-main-nav.gh-neon-nav-v2 .gh-nav-logo + a,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo + a{
  border-left:0 !important;
}

/* Slightly reduce cramped glow around the first corner */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  background:
    linear-gradient(180deg, rgba(8,10,26,.94), rgba(2,6,18,.97)) !important;
}


/* === FUTURISTIC NAV ICONS (Image 2 style) === */
.gh-neon-nav-v2 > a,
.gh-neon-nav-v2 .dropdown > a{
 display:flex !important;
 align-items:center !important;
 gap:8px !important;
}

.gh-neon-nav-v2 > a[href*="index"]::before{content:"🏠";}
.gh-neon-nav-v2 .dropdown > a[href*="reviews"]::before{content:"⭐";}
.gh-neon-nav-v2 > a[href*="news"]::before{content:"📰";}
.gh-neon-nav-v2 .gh-mega-wrap > a::before{content:"💎";}
.gh-neon-nav-v2 > a[href*="upcoming"]::before{content:"📅";}
.gh-neon-nav-v2 > a[href*="calendar"]::before{content:"🗓️";}
.gh-neon-nav-v2 > a[href*="deals"]::before{content:"🏷️";}
.gh-neon-nav-v2 .gh-small-menu > a[href*="games"]::before{content:"🎮";}
.gh-neon-nav-v2 .gh-more-menu > a::before{content:"☰";}

.gh-neon-nav-v2 > a::before,
.gh-neon-nav-v2 .dropdown > a::before{
 font-size:18px;
 filter:drop-shadow(0 0 6px rgba(0,229,255,.8));
}

.gh-neon-nav-v2 .gh-nav-logo{
 flex:0 0 260px !important;
 min-width:260px !important;
 width:260px !important;
 padding-left:32px !important;
}

.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
 font-size:38px !important;
}


/* === FIX FUTURISTIC ICON NAV TO MATCH IMAGE 2 BETTER === */

/* Main nav size and spacing */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  min-height:82px !important;
  height:82px !important;
  align-items:stretch !important;
}

/* Logo fitted cleaner */
.gh-neon-nav-v2 .gh-nav-logo{
  flex:0 0 225px !important;
  min-width:255px !important;
  width:255px !important;
  height:82px !important;
  padding:0 22px 0 28px !important;
  gap:12px !important;
  flex-direction:row !important;
}

.gh-neon-nav-v2 .gh-nav-logo::before{
  content:none !important;
}

.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  font-size:36px !important;
  width:42px !important;
  min-width:42px !important;
  filter:drop-shadow(0 0 10px rgba(0,229,255,.75)) !important;
}

.gh-neon-nav-v2 .gh-nav-logo span:last-child{
  font-size:17px !important;
  line-height:.9 !important;
  letter-spacing:.7px !important;
  text-align:left !important;
}

/* Make nav buttons icon above text, not inline */
.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
  height:82px !important;
  line-height:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  padding:0 18px !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-align:center !important;
  white-space:normal !important;
}

/* Larger glowing icons above the text */
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::before,
.gh-neon-nav-v2 .dropdown > a::before{
  display:block !important;
  font-size:22px !important;
  line-height:1 !important;
  margin:0 !important;
  filter:
    drop-shadow(0 0 4px rgba(255,57,220,.85))
    drop-shadow(0 0 8px rgba(0,229,255,.65)) !important;
}

/* Use cleaner emoji/icons like the concept */
.gh-neon-nav-v2 > a[href*="index"]::before{content:"⌂" !important;color:#ff39dc !important;}
.gh-neon-nav-v2 .dropdown > a[href*="reviews"]::before{content:"☆" !important;color:#b05cff !important;}
.gh-neon-nav-v2 > a[href*="news"]::before{content:"▤" !important;color:#a25cff !important;}
.gh-neon-nav-v2 .gh-mega-wrap > a::before{content:"◇" !important;color:#b05cff !important;}
.gh-neon-nav-v2 > a[href*="upcoming"]::before{content:"▣" !important;color:#b05cff !important;}
.gh-neon-nav-v2 > a[href*="calendar"]::before{content:"▦" !important;color:#b05cff !important;}
.gh-neon-nav-v2 > a[href*="deals"]::before{content:"◇" !important;color:#b05cff !important;}
.gh-neon-nav-v2 .gh-small-menu > a[href*="games"]::before{content:"🎮" !important;}
.gh-neon-nav-v2 .gh-more-menu > a::before{content:"☰" !important;color:#b05cff !important;}

/* Search should sit before More like the concept image */
.gh-neon-nav-v2 .gh-nav-search{
  order:98 !important;
  height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 230px !important;
  width:230px !important;
  padding:0 12px !important;
  margin:0 !important;
  border-left:1px solid rgba(0,229,255,.16) !important;
}

.gh-neon-nav-v2 .gh-nav-search input{
  width:205px !important;
  height:42px !important;
  font-size:14px !important;
}

.gh-neon-nav-v2 .gh-nav-search button{
  width:38px !important;
  height:38px !important;
  margin-left:-45px !important;
}

/* More tab after search */
.gh-neon-nav-v2 .gh-more-menu{
  order:99 !important;
  flex:0 0 118px !important;
  width:118px !important;
  min-width:118px !important;
  height:82px !important;
}

.gh-neon-nav-v2 .gh-more-menu > a{
  height:82px !important;
  padding:0 16px !important;
  border-left:1px solid rgba(255,57,220,.4) !important;
  border-right:0 !important;
  background:linear-gradient(90deg, rgba(255,57,220,.12), rgba(120,40,255,.18)) !important;
}

/* Dropdown reachable directly below More */
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  top:82px !important;
  right:0 !important;
  left:auto !important;
  transform:none !important;
  min-width:245px !important;
  z-index:99999 !important;
}

/* Keep dropdown hover bridge */
.gh-neon-nav-v2 .dropdown{
  height:82px !important;
  padding-bottom:24px !important;
  margin-bottom:-24px !important;
}

/* Responsive shrink */
@media(max-width:1450px){
  .gh-neon-nav-v2 .gh-nav-logo{
    flex-basis:205px !important;
    min-width:205px !important;
    width:205px !important;
  }
  .gh-neon-nav-v2 > a:not(.gh-nav-logo),
  .gh-neon-nav-v2 .dropdown > a{
    padding-left:13px !important;
    padding-right:13px !important;
    font-size:12px !important;
  }
  .gh-neon-nav-v2 .gh-nav-search{
    flex-basis:210px !important;
    width:210px !important;
  }
  .gh-neon-nav-v2 .gh-nav-search input{
    width:185px !important;
  }
}


/* === FINAL ICON POSITION FIX - ALL PAGES === */
/* Lower icons, make them slightly bigger, and keep the text balanced */
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::before,
.gh-neon-nav-v2 .dropdown > a::before{
  font-size:28px !important;
  line-height:1 !important;
  transform:translateY(6px) !important;
  margin-bottom:2px !important;
  filter:
    drop-shadow(0 0 4px rgba(255,57,220,.72))
    drop-shadow(0 0 7px rgba(0,229,255,.52)) !important;
}

.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
  gap:8px !important;
  justify-content:center !important;
  padding-top:4px !important;
}

/* Keep the Home underline away from the icon/text */
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::after,
.gh-neon-nav-v2 .dropdown > a::after{
  bottom:0 !important;
}

/* Slightly tidy the logo block after the bigger icons */
.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  transform:translateY(1px) !important;
}


/* === STRAIGHTER ICON ALIGNMENT FIX === */
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::before,
.gh-neon-nav-v2 .dropdown > a::before{
    font-size:28px !important;
    transform:translateY(10px) !important;
    margin-bottom:-2px !important;
    filter:
      drop-shadow(0 0 3px rgba(255,57,220,.55))
      drop-shadow(0 0 5px rgba(0,229,255,.40)) !important;
}

.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
    gap:4px !important;
    justify-content:center !important;
    padding-top:8px !important;
}

.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
    line-height:1 !important;
}


/* === FINAL ICON LINE-UP FIX === */
/* Makes every nav icon share the same top line and makes icons a little bigger */
.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
    height:82px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:5px !important;
    padding-top:18px !important;
    line-height:1 !important;
}

.gh-neon-nav-v2 > a:not(.gh-nav-logo)::before,
.gh-neon-nav-v2 .dropdown > a::before{
    display:block !important;
    width:34px !important;
    height:30px !important;
    line-height:30px !important;
    text-align:center !important;
    font-size:31px !important;
    transform:none !important;
    margin:0 0 3px 0 !important;
    filter:
      drop-shadow(0 0 3px rgba(255,57,220,.55))
      drop-shadow(0 0 6px rgba(0,229,255,.38)) !important;
}

/* Emoji game controller sits naturally lower than symbol icons, so lift it slightly */
.gh-neon-nav-v2 .gh-small-menu > a[href*="games"]::before{
    transform:translateY(-2px) !important;
}

/* More icon was sitting too high/low compared with the rest */
.gh-neon-nav-v2 .gh-more-menu > a::before{
    font-size:32px !important;
    transform:none !important;
}

/* Keep label text in a clean straight row */
.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
    font-size:13px !important;
    font-weight:900 !important;
}

/* Keep search centered next to the aligned nav items */
.gh-neon-nav-v2 .gh-nav-search{
    height:82px !important;
    align-items:center !important;
}


/* === GAME HARBOR NAV LEVEL FIX - titles + icons perfectly lined up ===
   This is the last nav override and applies to every page using style.css. */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  height:82px !important;
  min-height:82px !important;
  align-items:stretch !important;
}

/* Every normal nav button uses the same vertical grid:
   icon slot = same height, label row = same height. */
.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
  height:82px !important;
  min-height:82px !important;
  box-sizing:border-box !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  padding-top:12px !important;
  padding-bottom:0 !important;
  gap:7px !important;
  line-height:16px !important;
  text-align:center !important;
  font-size:13px !important;
  font-weight:900 !important;
  white-space:normal !important;
}

/* Fixed icon box so symbols/emojis cannot jump up or down. */
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::before,
.gh-neon-nav-v2 .dropdown > a::before{
  width:42px !important;
  min-width:42px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:34px !important;
  font-size:27px !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  text-align:center !important;
  font-family:"Segoe UI Symbol","Segoe UI Emoji",Arial,sans-serif !important;
  filter:
    drop-shadow(0 0 3px rgba(255,57,220,.62))
    drop-shadow(0 0 6px rgba(0,229,255,.44)) !important;
}

/* Keep dropdown wrappers and the More tab the same height as all other buttons. */
.gh-neon-nav-v2 .dropdown,
.gh-neon-nav-v2 .gh-more-menu{
  height:82px !important;
  min-height:82px !important;
  padding-bottom:24px !important;
  margin-bottom:-24px !important;
}

.gh-neon-nav-v2 .gh-more-menu > a{
  height:82px !important;
  min-height:82px !important;
  line-height:16px !important;
  padding-top:12px !important;
}

.gh-neon-nav-v2 .gh-more-menu > a::before{
  width:42px !important;
  height:34px !important;
  line-height:34px !important;
  font-size:28px !important;
  transform:none !important;
}

/* Controller emoji has different internal padding, so use a matching symbol-style icon instead. */
.gh-neon-nav-v2 .gh-small-menu > a[href*="games"]::before{
  content:"🎮" !important;
  font-size:27px !important;
  transform:none !important;
}

/* Dropdown panels stay directly under the new 82px nav. */
.gh-neon-nav-v2 .dropdown-menu,
.gh-neon-nav-v2 .gh-mega-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  top:82px !important;
}

/* Keep the search box vertically centred with the newly levelled buttons. */
.gh-neon-nav-v2 .gh-nav-search{
  height:82px !important;
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Mobile/tablet still scrolls cleanly without breaking the aligned row. */
@media(max-width:1220px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{
    overflow-x:auto !important;
    overflow-y:visible !important;
  }
}


/* === NAV LOCKED ROW FIX - REAL FIX 2026-06-10 ===
   Locks every top nav icon/emoji into one fixed row and every title into one fixed row.
   This overrides all older nav alignment rules above. */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  align-items:stretch !important;
}

/* Normal nav links + dropdown top links */
.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
  position:relative !important;
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding-top:51px !important;       /* fixed title row */
  padding-bottom:0 !important;
  line-height:16px !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  gap:0 !important;
}

/* Locked icon/emoji row */
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::before,
.gh-neon-nav-v2 .dropdown > a::before{
  position:absolute !important;
  top:9px !important;                /* fixed icon row */
  left:50% !important;
  transform:translateX(-50%) !important;
  width:42px !important;
  height:34px !important;
  min-width:42px !important;
  min-height:34px !important;
  max-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:34px !important;
  font-size:28px !important;
  margin:0 !important;
  padding:0 !important;
  text-align:center !important;
  font-family:"Segoe UI Symbol","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",Arial,sans-serif !important;
  filter:
    drop-shadow(0 0 4px rgba(255,57,220,.72))
    drop-shadow(0 0 7px rgba(0,229,255,.52)) !important;
}

/* Keep controller and More icon from jumping compared with symbol icons */
.gh-neon-nav-v2 .gh-small-menu > a[href*="games"]::before{
  top:8px !important;
  font-size:27px !important;
  transform:translateX(-50%) !important;
}

.gh-neon-nav-v2 .gh-more-menu > a::before{
  top:9px !important;
  font-size:29px !important;
  transform:translateX(-50%) !important;
}

/* Dropdown wrapper stays same height, but hover bridge remains below it */
.gh-neon-nav-v2 .dropdown,
.gh-neon-nav-v2 .gh-more-menu{
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  padding-bottom:24px !important;
  margin-bottom:-24px !important;
}

/* Search stays centred and does not affect icon/title rows */
.gh-neon-nav-v2 .gh-nav-search{
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Put all dropdowns under the locked 82px bar */
.gh-neon-nav-v2 .dropdown-menu,
.gh-neon-nav-v2 .gh-mega-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  top:82px !important;
}

/* Logo remains separate and does not use the icon/title lock */
.gh-neon-nav-v2 .gh-nav-logo{
  height:82px !important;
  min-height:82px !important;
  max-height:82px !important;
  display:flex !important;
  align-items:center !important;
}


/* === GAMEHARBOR NAV NO EMOJIS + CENTERED PAGE NAMES FIX ===
   Removes all nav icon/emoji pseudo-elements and centers top page names in each nav button. */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2,
.gh-neon-nav-v2{
  min-height:64px !important;
  height:auto !important;
  max-height:none !important;
  align-items:center !important;
}

/* Hide ALL old nav emoji/icon rows completely */
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::before,
.gh-neon-nav-v2 .dropdown > a::before,
.gh-neon-nav-v2 > a:not(.gh-nav-logo)::after,
.gh-neon-nav-v2 .dropdown > a::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Center the nav page names in the middle of each button */
.gh-neon-nav-v2 > a:not(.gh-nav-logo),
.gh-neon-nav-v2 .dropdown > a{
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  padding:0 16px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1.15 !important;
  font-size:14px !important;
  font-weight:900 !important;
  white-space:normal !important;
  gap:0 !important;
}

/* Keep dropdown wrappers the same height as the centered buttons */
.gh-neon-nav-v2 .dropdown,
.gh-neon-nav-v2 .gh-small-menu,
.gh-neon-nav-v2 .gh-more-menu,
.gh-neon-nav-v2 .gh-mega-wrap{
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}

/* Put dropdown panels directly under the now-smaller nav buttons */
.gh-neon-nav-v2 .dropdown-menu,
.gh-neon-nav-v2 .gh-mega-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  top:54px !important;
}

/* Center search vertically with the cleaned nav */
.gh-neon-nav-v2 .gh-nav-search{
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  padding:0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

/* Remove emoji from the logo area too, leaving clean Game Harbor text */
.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  display:none !important;
}
.gh-neon-nav-v2 .gh-nav-logo{
  min-height:54px !important;
  height:54px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* === GAMEHARBOR EXCLUSIVES DROPDOWN COMPACT FIX ===
   Makes the Exclusives mega menu smaller and forces a clean 2-column layout. */
.gh-neon-nav-v2 .gh-mega-wrap{
  position:relative !important;
}

.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
.final-main-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
.professional-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(240px, 1fr)) !important;
  width:min(620px, calc(100vw - 28px)) !important;
  min-width:0 !important;
  max-width:620px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) translateY(8px) !important;
  top:54px !important;
  gap:14px 18px !important;
  padding:18px !important;
  border-radius:16px !important;
  overflow:visible !important;
  max-height:none !important;
  background:linear-gradient(180deg, rgba(3,8,22,.98), rgba(1,3,13,.98)) !important;
}

.gh-neon-nav-v2 .gh-mega-wrap:hover .gh-mega-menu,
.gh-neon-nav-v2 .gh-mega-wrap:focus-within .gh-mega-menu{
  display:grid !important;
  transform:translateX(-50%) translateY(0) !important;
}

.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-col{
  min-height:0 !important;
  height:auto !important;
  padding:0 12px !important;
  border-right:0 !important;
  background:rgba(0,229,255,.035) !important;
  border:1px solid rgba(0,229,255,.12) !important;
  border-radius:12px !important;
}

.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-col h3{
  margin:10px 0 8px !important;
  font-size:13px !important;
  line-height:1.15 !important;
}

.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-col a{
  display:block !important;
  padding:5px 0 !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.25 !important;
}

.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-col .gh-view-all{
  margin-top:8px !important;
  margin-bottom:8px !important;
  font-size:12px !important;
}

@media(max-width:700px){
  .gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
  .final-main-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu{
    grid-template-columns:1fr !important;
    width:calc(100vw - 22px) !important;
    left:50% !important;
  }
}

/* === REAL FIX: restore nav anchor logo + widen brand so it fits cleanly === */
.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo{
  flex:0 0 255px !important;
  min-width:255px !important;
  width:255px !important;
  height:74px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:14px !important;
  padding:0 24px 0 28px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-anchor,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 34px !important;
  width:34px !important;
  min-width:34px !important;
  height:34px !important;
  font-size:32px !important;
  line-height:1 !important;
  color:#00e5ff !important;
  text-shadow:0 0 10px rgba(0,229,255,.95),0 0 18px rgba(0,117,255,.55) !important;
  filter:drop-shadow(0 0 8px rgba(0,229,255,.65)) !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text{
  display:block !important;
  white-space:normal !important;
  font-size:18px !important;
  line-height:.92 !important;
  letter-spacing:.8px !important;
  text-align:left !important;
  color:#fff !important;
  text-transform:uppercase !important;
  text-shadow:0 0 8px rgba(255,255,255,.42),0 0 14px rgba(0,229,255,.26) !important;
}

@media(max-width:1450px){
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo{
    flex-basis:255px !important;
    min-width:255px !important;
    width:255px !important;
    padding-left:18px !important;
    padding-right:28px !important;
    gap:11px !important;
  }
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-anchor,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
    flex-basis:30px !important;
    width:30px !important;
    min-width:30px !important;
    height:30px !important;
    font-size:29px !important;
  }
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text{
    font-size:16px !important;
  }
}

/* === FIX: PUT MORE BEFORE SEARCH (HTML5 Games | More | Search) === */
.gh-neon-nav-v2 .gh-more-menu{
  order:98 !important;
  flex:0 0 118px !important;
  width:118px !important;
  min-width:118px !important;
}
.gh-neon-nav-v2 .gh-nav-search{
  order:99 !important;
  margin-left:0 !important;
}
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  left:auto !important;
  right:0 !important;
}


/* === GAMEHARBOR REAL FIX: MORE DROPDOWN MOVED WITH MORE BUTTON ===
   Places the More tab before Search AND makes its dropdown panel open under More,
   not from the old far-right/search position. */
.final-main-nav.gh-neon-nav-v2 .gh-more-menu,
.professional-nav.gh-neon-nav-v2 .gh-more-menu,
.gh-neon-nav-v2 .gh-more-menu{
  order:98 !important;
  position:relative !important;
  flex:0 0 118px !important;
  width:118px !important;
  min-width:118px !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-search,
.professional-nav.gh-neon-nav-v2 .gh-nav-search,
.gh-neon-nav-v2 .gh-nav-search{
  order:99 !important;
  margin-left:0 !important;
}

/* Override the old dropdown-menu-right rule that kept the panel on the wrong side. */
.final-main-nav.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.professional-nav.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu,
.final-main-nav.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right,
.professional-nav.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right,
.gh-neon-nav-v2 .gh-more-menu .dropdown-menu-right{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  top:54px !important;
  min-width:230px !important;
  width:max-content !important;
  max-width:280px !important;
  z-index:999999 !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-more-menu:hover .dropdown-menu,
.professional-nav.gh-neon-nav-v2 .gh-more-menu:hover .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu:hover .dropdown-menu,
.final-main-nav.gh-neon-nav-v2 .gh-more-menu:focus-within .dropdown-menu,
.professional-nav.gh-neon-nav-v2 .gh-more-menu:focus-within .dropdown-menu,
.gh-neon-nav-v2 .gh-more-menu:focus-within .dropdown-menu{
  display:grid !important;
}


/* === GAMEHARBOR GAME NEWS DROPDOWN + GAME-SPECIFIC LATEST NEWS FIX === */
.gh-neon-nav-v2 .gh-news-menu{position:relative !important;}
.gh-neon-nav-v2 .gh-news-menu .dropdown-menu{
  min-width:230px !important;
  width:230px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) translateY(8px) !important;
  top:54px !important;
  padding:10px !important;
  border-radius:14px !important;
}
.gh-neon-nav-v2 .gh-news-menu:hover .dropdown-menu,
.gh-neon-nav-v2 .gh-news-menu:focus-within .dropdown-menu{
  transform:translateX(-50%) translateY(0) !important;
}
.gh-game-news-finder{
  margin:24px 0;
  padding:22px;
  border:1px solid rgba(0,255,213,.35);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,13,24,.94),rgba(5,8,16,.98));
}
.gh-game-news-head h2{margin:4px 0 8px;color:#fff;font-size:30px;}
.gh-game-news-head p{margin:0 0 18px;color:#d9e7f2;}
.gh-game-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.gh-game-news-grid article,
.gh-specific-news-list article{
  border:1px solid rgba(181,91,255,.42);
  border-radius:16px;
  background:rgba(12,8,28,.62);
  padding:18px;
}
.gh-game-news-grid h3,.gh-specific-news-list h3{margin:0 0 8px;color:#fff;font-size:19px;line-height:1.2;}
.gh-game-news-grid p,.gh-specific-news-list p{margin:0 0 14px;color:#dbe7ef;line-height:1.5;}
.gh-game-news-grid a,.gh-specific-news-list a{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(0,255,213,.55);border-radius:10px;
  padding:10px 12px;color:#00ffd5!important;text-decoration:none;font-weight:900;
  background:rgba(0,255,213,.08);
}
.gh-specific-news-section{margin:24px 0;padding-top:8px;border-top:1px solid rgba(255,255,255,.12);}
.gh-specific-news-section h2{margin:0 0 14px;color:#00ffd5;font-size:26px;}
.gh-specific-news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.gh-specific-news-list span{display:inline-block;margin-bottom:10px;padding:5px 9px;border:1px solid rgba(0,255,213,.45);border-radius:999px;color:#00ffd5;font-size:12px;font-weight:900;text-transform:uppercase;}
@media(max-width:900px){.gh-game-news-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.gh-specific-news-list{grid-template-columns:1fr;}}
@media(max-width:620px){.gh-game-news-grid{grid-template-columns:1fr;}.gh-game-news-finder{padding:16px;}}


/* Game-specific news hubs */
.gh-specific-news-list.gh-game-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:18px;}
.gh-specific-news-list article,.gh-game-news-grid article{background:rgba(2,8,23,.82);border:1px solid rgba(0,229,255,.25);border-radius:16px;padding:18px;box-shadow:0 0 18px rgba(0,229,255,.08);}
.gh-specific-news-list article span{display:inline-block;color:#00e5ff;font-weight:800;text-transform:uppercase;font-size:.78rem;margin-bottom:8px;letter-spacing:.04em;}
.gh-specific-news-list article h3{margin:0 0 8px;color:#fff;}
.gh-specific-news-list article p{color:#d9f7ff;line-height:1.5;}
.gh-specific-news-list article a{color:#00e5ff;font-weight:800;text-decoration:none;}


/* Game Harbor cheap Loaded deals sections */
.gh-budget-deals{
  max-width:1140px;
  margin:28px auto 60px;
  padding:24px;
  border:1px solid rgba(0,240,255,.35);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(15,18,45,.92),rgba(7,10,25,.94));
  box-shadow:0 0 28px rgba(0,240,255,.12);
}
.gh-budget-deals .gh-section-head{
  margin-bottom:18px;
}
.gh-budget-subhead{
  margin-top:34px;
}
.gh-budget-grid{
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr));
}
.gh-featured-cheap-deal{
  border-color:rgba(255,0,221,.7);
  box-shadow:0 0 24px rgba(255,0,221,.18);
}
@media (min-width:900px){
  .gh-featured-cheap-deal{grid-column:span 2;}
}


/* === Deals page card image height fix - real update === */
/* Stop Hitman from stretching wider than the other Under £1 card */
.gh-budget-deals .gh-featured-cheap-deal{
  grid-column:auto !important;
}

/* Keep the Under £1 cards equal sized */
.gh-budget-deals .gh-under-1-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.gh-budget-deals .gh-under-1-grid .gh-deal-img-wrap{
  height:245px !important;
  min-height:245px !important;
}
.gh-budget-deals .gh-under-1-grid .gh-deal-img-wrap img{
  object-fit:cover !important;
  object-position:center top !important;
}

/* Make the Deals Under £2 cards taller and show the full cover artwork */
.gh-budget-deals .gh-under-2-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
.gh-budget-deals .gh-under-2-grid .gh-deal-card{
  display:flex !important;
  flex-direction:column !important;
}
.gh-budget-deals .gh-under-2-grid .gh-deal-img-wrap{
  height:390px !important;
  min-height:390px !important;
  background:#050914 !important;
}
.gh-budget-deals .gh-under-2-grid .gh-deal-img-wrap img{
  object-fit:contain !important;
  object-position:center center !important;
  background:#050914 !important;
}
.gh-budget-deals .gh-under-2-grid .gh-deal-body{
  flex:1 !important;
}

@media(max-width:900px){
  .gh-budget-deals .gh-under-1-grid,
  .gh-budget-deals .gh-under-2-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .gh-budget-deals .gh-under-2-grid .gh-deal-img-wrap{
    height:330px !important;
    min-height:330px !important;
  }
}
@media(max-width:560px){
  .gh-budget-deals .gh-under-1-grid,
  .gh-budget-deals .gh-under-2-grid{
    grid-template-columns:1fr !important;
  }
}


/* Jack fix: upcoming-releases page card layout only - buttons visible/clickable and cleaner tags */
#upcomingReleaseList.all-games-card-grid{
  grid-template-columns:repeat(4,minmax(220px,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
#upcomingReleaseList .released-game-card{
  min-height:660px!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  padding:14px!important;
}
#upcomingReleaseList .released-game-card img,
#upcomingReleaseList .released-game-card-noimg{
  height:175px!important;
  min-height:175px!important;
  max-height:175px!important;
  object-fit:cover!important;
  object-position:center!important;
}
#upcomingReleaseList .released-game-card-body{
  min-height:455px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
#upcomingReleaseList .released-game-card h2{
  font-size:20px!important;
  line-height:1.12!important;
  min-height:auto!important;
  margin:0!important;
}
#upcomingReleaseList .released-game-card-body > p:not(.release-date):not(.platforms){
  min-height:auto!important;
  overflow:visible!important;
  margin-bottom:4px!important;
}
#upcomingReleaseList .release-tags{
  margin-top:auto!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  align-items:flex-start!important;
}
#upcomingReleaseList .release-tags span{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  border-radius:10px!important;
  padding:6px 9px!important;
  font-size:11px!important;
  line-height:1.1!important;
  text-align:center!important;
  white-space:normal!important;
}
#upcomingReleaseList .all-games-card-actions{
  margin-top:10px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  position:relative!important;
  z-index:5!important;
}
#upcomingReleaseList .all-games-card-actions .btn,
#upcomingReleaseList .all-games-card-actions .buy-now-btn,
#upcomingReleaseList .all-games-card-actions .released-review-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:44px!important;
  padding:12px 14px!important;
  border-radius:14px!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:10!important;
  text-decoration:none!important;
}
#upcomingReleaseList .all-games-card-actions .buy-now-btn{
  background:linear-gradient(90deg,#00d9ff,#9b5cff)!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(0,217,255,.24)!important;
}
#upcomingReleaseList .all-games-card-actions .released-review-btn{
  background:linear-gradient(90deg,#8a4dff,#ff2bd6)!important;
  color:#fff!important;
  border:0!important;
}
#upcomingReleaseList .all-games-card-actions .calendar-btn{
  background:linear-gradient(90deg,#00eaff,#00ffc8)!important;
  color:#041015!important;
}
@media(max-width:1100px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important}}
@media(max-width:820px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:repeat(2,minmax(220px,1fr))!important}}
@media(max-width:560px){#upcomingReleaseList.all-games-card-grid{grid-template-columns:1fr!important}#upcomingReleaseList .released-game-card{min-height:auto!important}#upcomingReleaseList .released-game-card-body{min-height:0!important}}



/* === Jack fix: Deals page Under £1 top cards match the rest === */
/* Keep the two Under £1 cards the same normal card width as the Under £2 cards */
.gh-budget-deals .gh-under-1-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch !important;
}

/* Remove the old featured/wide Hitman layout completely */
.gh-budget-deals .gh-under-1-grid .gh-featured-cheap-deal,
.gh-budget-deals .gh-featured-cheap-deal{
  grid-column:auto !important;
  grid-row:auto !important;
}

/* Make the cover area taller and show the full poster image, not a cropped banner */
.gh-budget-deals .gh-under-1-grid .gh-deal-card{
  display:flex !important;
  flex-direction:column !important;
}
.gh-budget-deals .gh-under-1-grid .gh-deal-img-wrap{
  height:390px !important;
  min-height:390px !important;
  background:#050914 !important;
}
.gh-budget-deals .gh-under-1-grid .gh-deal-img-wrap img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050914 !important;
}
.gh-budget-deals .gh-under-1-grid .gh-deal-body{
  flex:1 !important;
}

@media(max-width:900px){
  .gh-budget-deals .gh-under-1-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .gh-budget-deals .gh-under-1-grid .gh-deal-img-wrap{
    height:330px !important;
    min-height:330px !important;
  }
}
@media(max-width:560px){
  .gh-budget-deals .gh-under-1-grid{
    grid-template-columns:1fr !important;
  }
}

/* GameHarbor fix: reduce empty gaps on upcoming-releases cards */
#upcomingReleaseList .released-game-card{
  min-height:auto!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
}
#upcomingReleaseList .released-game-card-body{
  min-height:0!important;
  height:auto!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
#upcomingReleaseList .released-game-card-body > p:not(.release-date):not(.platforms){
  min-height:0!important;
  margin:0!important;
  overflow:visible!important;
}
#upcomingReleaseList .release-tags{
  margin-top:8px!important;
  margin-bottom:0!important;
}
#upcomingReleaseList .gh-clean-card-actions,
#upcomingReleaseList .all-games-card-actions,
#upcomingReleaseList .release-actions{
  margin-top:10px!important;
  padding-top:0!important;
}
#upcomingReleaseList .mini-platform-tags{
  margin:0 0 4px!important;
}
#upcomingReleaseList .gh-clean-card-actions .review-link,
#upcomingReleaseList .all-games-card-actions .released-review-btn,
#upcomingReleaseList .released-review-btn{
  margin-top:0!important;
}
#upcomingReleaseList .released-game-card h2{
  min-height:0!important;
}

/* === Jack fix: remove large empty gaps on all platform game cards === */
#upcomingReleaseList.xbox-exclusive-grid .released-game-card,
#upcomingReleaseList.playstation-exclusive-grid .released-game-card,
#upcomingReleaseList.pc-exclusive-grid .released-game-card{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
}

#upcomingReleaseList.xbox-exclusive-grid .released-game-card-body,
#upcomingReleaseList.playstation-exclusive-grid .released-game-card-body,
#upcomingReleaseList.pc-exclusive-grid .released-game-card-body{
  min-height:0!important;
  height:auto!important;
  flex:0 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  justify-content:flex-start!important;
}

#upcomingReleaseList.xbox-exclusive-grid .release-tags,
#upcomingReleaseList.playstation-exclusive-grid .release-tags,
#upcomingReleaseList.pc-exclusive-grid .release-tags{
  margin-top:10px!important;
  margin-bottom:0!important;
}

#upcomingReleaseList.xbox-exclusive-grid .all-games-card-actions,
#upcomingReleaseList.playstation-exclusive-grid .all-games-card-actions,
#upcomingReleaseList.pc-exclusive-grid .all-games-card-actions{
  margin-top:14px!important;
  padding-top:0!important;
}

body.switch-games-page .switch-card,
body.nintendo-switch-page .switch-card{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
}

body.switch-games-page .switch-card-body,
body.nintendo-switch-page .switch-card-body{
  min-height:0!important;
  height:auto!important;
  flex:0 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}

body.switch-games-page .switch-card-actions,
body.nintendo-switch-page .switch-card-actions{
  margin-top:14px!important;
  padding-top:0!important;
}


/* Game Harbor custom GH anchor logo in main navigation */
.gh-neon-nav .gh-nav-logo .gh-nav-logo-img,
.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img,
.final-main-nav .gh-nav-logo .gh-nav-logo-img,
.professional-nav .gh-nav-logo .gh-nav-logo-img{
  width:58px !important;
  height:58px !important;
  object-fit:contain !important;
  display:block !important;
  flex:0 0 58px !important;
  border-radius:12px !important;
  filter:drop-shadow(0 0 10px rgba(0,229,255,.72)) drop-shadow(0 0 18px rgba(77,137,255,.42)) !important;
}
.gh-neon-nav .gh-nav-logo .gh-anchor,
.gh-neon-nav-v2 .gh-nav-logo .gh-anchor{
  display:none !important;
}
.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo{
  min-width:245px !important;
  width:245px !important;
  gap:12px !important;
  align-items:center !important;
}
@media (max-width: 760px){
  .gh-neon-nav .gh-nav-logo .gh-nav-logo-img,
  .gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }
}


/* Platform specific hero icons - keep Nintendo Switch using the original split icon */
.xbox-hero-icon{
  letter-spacing:0 !important;
  text-indent:0 !important;
  font-size:2.5rem !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%, #6eff7a, #107c10 65%, #052b05 100%) !important;
  box-shadow:0 0 34px rgba(16,124,16,.55),0 0 26px rgba(110,255,122,.25) !important;
}
.playstation-hero-icon{
  letter-spacing:.02em !important;
  text-indent:0 !important;
  font-size:1.45rem !important;
  line-height:1 !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,#0057ff,#00d5ff 52%,#7a4cff 100%) !important;
  box-shadow:0 0 34px rgba(0,87,255,.45),0 0 26px rgba(0,213,255,.25) !important;
}
.pc-hero-icon{
  letter-spacing:.02em !important;
  text-indent:0 !important;
  font-size:1.7rem !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#1c1f2a,#00e5ff 55%,#a855f7 100%) !important;
  box-shadow:0 0 34px rgba(0,229,255,.35),0 0 26px rgba(168,85,247,.25) !important;
}


/* === GH LOGO NAV LEFT-FIT CLEANUP ===
   Uses the user's GH anchor image and removes the oversized left logo panel/padding. */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  justify-content:flex-start !important;
  padding-left:0 !important;
  padding-right:10px !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo,
.gh-neon-nav-v2 .gh-nav-logo{
  margin-left:0 !important;
  padding-left:0 !important;
  padding-right:16px !important;
  min-width:205px !important;
  width:205px !important;
  flex:0 0 205px !important;
  gap:10px !important;
  justify-content:flex-start !important;
  align-items:center !important;
  background:transparent !important;
  border-left:0 !important;
  border-right:1px solid rgba(0,229,255,.22) !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img,
.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img{
  margin-left:0 !important;
  width:62px !important;
  height:62px !important;
  flex:0 0 62px !important;
  object-fit:contain !important;
  border-radius:12px !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text{
  font-size:20px !important;
  line-height:.9 !important;
  letter-spacing:.9px !important;
  margin-left:0 !important;
  text-align:left !important;
}

@media(max-width:1450px){
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo,
  .gh-neon-nav-v2 .gh-nav-logo{
    min-width:198px !important;
    width:198px !important;
    flex-basis:198px !important;
    padding-left:0 !important;
    padding-right:14px !important;
    gap:9px !important;
  }
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img,
  .gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img{
    width:58px !important;
    height:58px !important;
    flex-basis:58px !important;
  }
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
  .gh-neon-nav-v2 .gh-nav-logo .gh-logo-text{
    font-size:18px !important;
  }
}

@media(max-width:760px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2{
    padding-left:0 !important;
  }
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo,
  .gh-neon-nav-v2 .gh-nav-logo{
    min-width:64px !important;
    width:64px !important;
    flex-basis:64px !important;
    padding-right:8px !important;
  }
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
  .gh-neon-nav-v2 .gh-nav-logo .gh-logo-text{
    display:none !important;
  }
}


/* === Jack final navbar logo position tweak ===
   Move the GH logo + GAME HARBOR text just slightly right so it does not touch the left side,
   while keeping the whole brand block tight and clean like the approved reference. */
.final-main-nav.gh-neon-nav-v2,
.professional-nav.gh-neon-nav-v2{
  justify-content:flex-start !important;
  padding-left:0 !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo,
.gh-neon-nav-v2 .gh-nav-logo{
  margin-left:0 !important;
  padding-left:14px !important;
  padding-right:18px !important;
  min-width:230px !important;
  width:230px !important;
  flex:0 0 230px !important;
  gap:14px !important;
  justify-content:flex-start !important;
  align-items:center !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img,
.gh-neon-nav-v2 .gh-nav-logo .gh-nav-logo-img{
  margin-left:0 !important;
  width:62px !important;
  height:62px !important;
  flex:0 0 62px !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
.professional-nav.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text,
.gh-neon-nav-v2 .gh-nav-logo .gh-logo-text{
  font-size:20px !important;
  line-height:.9 !important;
  letter-spacing:.9px !important;
  margin-left:0 !important;
  text-align:left !important;
  white-space:normal !important;
}

@media(max-width:1450px){
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo,
  .gh-neon-nav-v2 .gh-nav-logo{
    padding-left:12px !important;
    padding-right:16px !important;
    min-width:220px !important;
    width:220px !important;
    flex-basis:220px !important;
    gap:12px !important;
  }
}

@media(max-width:760px){
  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo,
  .gh-neon-nav-v2 .gh-nav-logo{
    padding-left:10px !important;
    min-width:74px !important;
    width:74px !important;
    flex-basis:74px !important;
  }
}

/* === GAMEHARBOR MOBILE NAV FIX - 2026-06-11 ===
   Makes the main navigation usable on phones without changing the desktop layout. */
html, body{
  max-width:100% !important;
  overflow-x:hidden !important;
}

@media (max-width: 780px){
  .static-arcade-banner,
  .static-arcade-banner img{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2,
  .gh-neon-nav-v2{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    padding:10px 10px 12px !important;
    overflow:visible !important;
    position:relative !important;
  }

  .final-main-nav.gh-neon-nav-v2 > a,
  .final-main-nav.gh-neon-nav-v2 .dropdown,
  .professional-nav.gh-neon-nav-v2 > a,
  .professional-nav.gh-neon-nav-v2 .dropdown,
  .gh-neon-nav-v2 > a,
  .gh-neon-nav-v2 .dropdown{
    flex:1 1 calc(50% - 8px) !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    order:initial !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
  }

  .final-main-nav.gh-neon-nav-v2 > a,
  .final-main-nav.gh-neon-nav-v2 .dropdown > a,
  .professional-nav.gh-neon-nav-v2 > a,
  .professional-nav.gh-neon-nav-v2 .dropdown > a,
  .gh-neon-nav-v2 > a,
  .gh-neon-nav-v2 .dropdown > a{
    display:flex !important;
    width:100% !important;
    min-height:44px !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:10px 8px !important;
    border-radius:10px !important;
    font-size:13px !important;
    line-height:1.15 !important;
    white-space:normal !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo,
  .gh-neon-nav-v2 .gh-nav-logo{
    flex:1 1 100% !important;
    max-width:100% !important;
    min-height:52px !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-nav-logo-img,
  .professional-nav.gh-neon-nav-v2 .gh-nav-logo-img,
  .gh-neon-nav-v2 .gh-nav-logo-img{
    max-height:34px !important;
    width:auto !important;
  }

  /* Search becomes a normal full-width row on mobile, not sticky or floating. */
  .final-main-nav.gh-neon-nav-v2 .gh-nav-search,
  .professional-nav.gh-neon-nav-v2 .gh-nav-search,
  .gh-neon-nav-v2 .gh-nav-search{
    order:999 !important;
    position:relative !important;
    right:auto !important;
    left:auto !important;
    top:auto !important;
    flex:1 1 100% !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:auto !important;
    margin:4px 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    z-index:1 !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-nav-search input,
  .professional-nav.gh-neon-nav-v2 .gh-nav-search input,
  .gh-neon-nav-v2 .gh-nav-search input{
    width:100% !important;
    max-width:100% !important;
    height:42px !important;
    border-radius:8px !important;
    padding:0 48px 0 13px !important;
    box-sizing:border-box !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-nav-search button,
  .professional-nav.gh-neon-nav-v2 .gh-nav-search button,
  .gh-neon-nav-v2 .gh-nav-search button{
    position:absolute !important;
    right:4px !important;
    top:4px !important;
    width:34px !important;
    height:34px !important;
    border-radius:7px !important;
  }

  /* Dropdowns open inside the mobile nav so they do not hide behind the page. */
  .final-main-nav.gh-neon-nav-v2 .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown-menu,
  .gh-neon-nav-v2 .dropdown-menu,
  .final-main-nav.gh-neon-nav-v2 .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-menu{
    display:none !important;
    position:static !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:7px 0 0 !important;
    padding:8px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    border-radius:12px !important;
    box-sizing:border-box !important;
    z-index:5 !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .final-main-nav.gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu,
  .gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu{
    display:block !important;
    transform:none !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown-menu::before,
  .professional-nav.gh-neon-nav-v2 .dropdown-menu::before,
  .gh-neon-nav-v2 .dropdown-menu::before{
    display:none !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown-menu a,
  .professional-nav.gh-neon-nav-v2 .dropdown-menu a,
  .gh-neon-nav-v2 .dropdown-menu a{
    display:flex !important;
    width:100% !important;
    min-height:40px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:3px 0 !important;
    padding:10px !important;
    text-align:center !important;
    white-space:normal !important;
    box-sizing:border-box !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-menu{
    grid-template-columns:1fr !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-mega-col,
  .professional-nav.gh-neon-nav-v2 .gh-mega-col,
  .gh-neon-nav-v2 .gh-mega-col{
    width:100% !important;
    min-width:0 !important;
    padding:8px !important;
    box-sizing:border-box !important;
  }
}

@media (max-width: 430px){
  .final-main-nav.gh-neon-nav-v2 > a,
  .final-main-nav.gh-neon-nav-v2 .dropdown,
  .professional-nav.gh-neon-nav-v2 > a,
  .professional-nav.gh-neon-nav-v2 .dropdown,
  .gh-neon-nav-v2 > a,
  .gh-neon-nav-v2 .dropdown{
    flex-basis:100% !important;
  }
}


/* === MOBILE NAV DROPDOWN FIX - tap only, never open by default === */
@media (max-width: 900px){
  .final-main-nav .dropdown,
  .professional-nav .dropdown{
    position: static !important;
  }

  .final-main-nav .dropdown-menu,
  .professional-nav .dropdown-menu,
  .final-main-nav .dropdown:hover .dropdown-menu,
  .final-main-nav .dropdown:focus-within .dropdown-menu,
  .professional-nav .dropdown:hover .dropdown-menu,
  .professional-nav .dropdown:focus-within .dropdown-menu{
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
  }

  .final-main-nav .dropdown.mobile-open .dropdown-menu,
  .professional-nav .dropdown.mobile-open .dropdown-menu{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 100% !important;
    width: min(92vw, 360px) !important;
    min-width: 0 !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
    transform: translateX(-50%) !important;
    z-index: 10000 !important;
  }

  .final-main-nav .dropdown.mobile-open > a,
  .professional-nav .dropdown.mobile-open > a{
    background: rgba(0,190,255,.18) !important;
    border-color: rgba(0,220,255,.55) !important;
  }
}

/* === GAMEHARBOR FINAL DROPDOWN OVERLAY FIX ===
   Fixes the HTML5 Games menu creating a wide invisible bar and blocking the page. */
@media (min-width: 901px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2,
  .gh-neon-nav-v2{
    overflow: visible !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown,
  .professional-nav.gh-neon-nav-v2 .dropdown,
  .gh-neon-nav-v2 .dropdown{
    position: relative !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown-menu,
  .gh-neon-nav-v2 .dropdown-menu{
    display: block !important;
    position: absolute !important;
    top: 54px !important;
    left: 50% !important;
    right: auto !important;
    width: max-content !important;
    min-width: 220px !important;
    max-width: 280px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 8px !important;
    margin: 0 !important;
    overflow: visible !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateX(-50%) translateY(8px) !important;
    z-index: 9999 !important;
    background: rgba(3,8,22,.985) !important;
    border: 1px solid rgba(0,220,255,.34) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.55), 0 0 24px rgba(0,229,255,.18) !important;
  }

  /* Do not open menus just because a link has focus. That was keeping the HTML5 menu stuck open. */
  .final-main-nav.gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu,
  .gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .gh-neon-nav-v2 .dropdown:hover .dropdown-menu{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown-menu::before,
  .professional-nav.gh-neon-nav-v2 .dropdown-menu::before,
  .gh-neon-nav-v2 .dropdown-menu::before{
    content: "" !important;
    position: absolute !important;
    top: -8px !important;
    left: 0 !important;
    right: 0 !important;
    height: 8px !important;
    display: block !important;
    background: transparent !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(230px, 1fr)) !important;
    width: 620px !important;
    min-width: 620px !important;
    max-width: calc(100vw - 32px) !important;
  }
}

@media (max-width: 900px){
  .final-main-nav.gh-neon-nav-v2,
  .professional-nav.gh-neon-nav-v2,
  .gh-neon-nav-v2{
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown,
  .professional-nav.gh-neon-nav-v2 .dropdown,
  .gh-neon-nav-v2 .dropdown{
    position: relative !important;
    height: auto !important;
    min-height: 54px !important;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown-menu,
  .gh-neon-nav-v2 .dropdown-menu,
  .final-main-nav.gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .gh-neon-nav-v2 .dropdown:hover .dropdown-menu,
  .final-main-nav.gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu,
  .gh-neon-nav-v2 .dropdown:focus-within .dropdown-menu{
    display: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 6px 0 0 !important;
    padding: 8px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown.mobile-open .dropdown-menu,
  .professional-nav.gh-neon-nav-v2 .dropdown.mobile-open .dropdown-menu,
  .gh-neon-nav-v2 .dropdown.mobile-open .dropdown-menu{
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .final-main-nav.gh-neon-nav-v2 .dropdown-menu::before,
  .professional-nav.gh-neon-nav-v2 .dropdown-menu::before,
  .gh-neon-nav-v2 .dropdown-menu::before{
    display: none !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-mega-wrap.mobile-open .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-wrap.mobile-open .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-wrap.mobile-open .gh-mega-menu{
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
}


/* GAME HARBOR FIX: keep HTML5 pages using one clean main navigation bar */
body.html5-game-page > header.site-header.home-nav:empty{
  display:none !important;
  height:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
body.html5-game-page .site-header.home-nav{
  margin:0 !important;
}
body.html5-game-page .site-header.home-nav + .site-header.home-nav{
  display:none !important;
}
body.html5-game-page .dropdown-menu{
  width:auto !important;
  min-width:220px !important;
}
body.html5-game-page .gh-small-menu .dropdown-menu{
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) translateY(8px) !important;
}
body.html5-game-page .gh-small-menu:hover .dropdown-menu,
body.html5-game-page .gh-small-menu:focus-within .dropdown-menu,
body.html5-game-page .gh-small-menu.mobile-open .dropdown-menu{
  transform:translateX(-50%) translateY(0) !important;
}



/* GameHarbor Featured Showcase button alignment fix */
.featured-showcase .showcase-actions,
.featured-showcase .hero-actions,
.featured-showcase .slide-actions,
.featured-showcase .showcase-buttons,
.gh-showcase .showcase-actions,
.gh-showcase .hero-actions,
.gh-showcase .slide-actions,
.gh-showcase .showcase-buttons,
.showcase-card .showcase-actions,
.showcase-card .hero-actions,
.showcase-card .slide-actions,
.showcase-card .showcase-buttons,
.showcase-slide .showcase-actions,
.showcase-slide .hero-actions,
.showcase-slide .slide-actions,
.showcase-slide .showcase-buttons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  width: auto !important;
  max-width: 100% !important;
}

.featured-showcase .showcase-actions a,
.featured-showcase .hero-actions a,
.featured-showcase .slide-actions a,
.featured-showcase .showcase-buttons a,
.gh-showcase .showcase-actions a,
.gh-showcase .hero-actions a,
.gh-showcase .slide-actions a,
.gh-showcase .showcase-buttons a,
.showcase-card .showcase-actions a,
.showcase-card .hero-actions a,
.showcase-card .slide-actions a,
.showcase-card .showcase-buttons a,
.showcase-slide .showcase-actions a,
.showcase-slide .hero-actions a,
.showcase-slide .slide-actions a,
.showcase-slide .showcase-buttons a,
.featured-showcase .showcase-actions button,
.featured-showcase .hero-actions button,
.featured-showcase .slide-actions button,
.featured-showcase .showcase-buttons button,
.gh-showcase .showcase-actions button,
.gh-showcase .hero-actions button,
.gh-showcase .slide-actions button,
.gh-showcase .showcase-buttons button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 150px !important;
  margin: 0 !important;
}

.featured-showcase .showcase-actions a:nth-child(n+4),
.featured-showcase .hero-actions a:nth-child(n+4),
.featured-showcase .slide-actions a:nth-child(n+4),
.featured-showcase .showcase-buttons a:nth-child(n+4),
.gh-showcase .showcase-actions a:nth-child(n+4),
.gh-showcase .hero-actions a:nth-child(n+4),
.gh-showcase .slide-actions a:nth-child(n+4),
.gh-showcase .showcase-buttons a:nth-child(n+4) {
  display: none !important;
}

@media (max-width: 760px) {
  .featured-showcase .showcase-actions,
  .featured-showcase .hero-actions,
  .featured-showcase .slide-actions,
  .featured-showcase .showcase-buttons,
  .gh-showcase .showcase-actions,
  .gh-showcase .hero-actions,
  .gh-showcase .slide-actions,
  .gh-showcase .showcase-buttons {
    gap: 8px !important;
  }
  .featured-showcase .showcase-actions a,
  .featured-showcase .hero-actions a,
  .featured-showcase .slide-actions a,
  .featured-showcase .showcase-buttons a,
  .gh-showcase .showcase-actions a,
  .gh-showcase .hero-actions a,
  .gh-showcase .slide-actions a,
  .gh-showcase .showcase-buttons a {
    min-width: 105px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    font-size: 0.9rem !important;
  }
}



/* Force Featured Showcase 3 CTA buttons into one row */
.gh-showcase .showcase-actions,
.gh-showcase .hero-actions,
.gh-showcase .slide-actions,
.gh-showcase .showcase-buttons,
.featured-showcase .showcase-actions,
.featured-showcase .hero-actions,
.featured-showcase .slide-actions,
.featured-showcase .showcase-buttons,
.showcase-slide .showcase-actions,
.showcase-slide .hero-actions,
.showcase-slide .slide-actions,
.showcase-slide .showcase-buttons,
.showcase-card .showcase-actions,
.showcase-card .hero-actions,
.showcase-card .slide-actions,
.showcase-card .showcase-buttons {
  display: grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  grid-auto-flow: column !important;
  grid-auto-rows: auto !important;
  align-items: center !important;
  justify-content: start !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
}

.gh-showcase .showcase-actions a,
.gh-showcase .hero-actions a,
.gh-showcase .slide-actions a,
.gh-showcase .showcase-buttons a,
.featured-showcase .showcase-actions a,
.featured-showcase .hero-actions a,
.featured-showcase .slide-actions a,
.featured-showcase .showcase-buttons a,
.showcase-slide .showcase-actions a,
.showcase-slide .hero-actions a,
.showcase-slide .slide-actions a,
.showcase-slide .showcase-buttons a,
.showcase-card .showcase-actions a,
.showcase-card .hero-actions a,
.showcase-card .slide-actions a,
.showcase-card .showcase-buttons a {
  display: inline-flex !important;
  width: auto !important;
  min-width: 150px !important;
  max-width: none !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 14px 24px !important;
  flex: none !important;
}

@media (max-width: 760px) {
  .gh-showcase .showcase-actions,
  .gh-showcase .hero-actions,
  .gh-showcase .slide-actions,
  .gh-showcase .showcase-buttons,
  .featured-showcase .showcase-actions,
  .featured-showcase .hero-actions,
  .featured-showcase .slide-actions,
  .featured-showcase .showcase-buttons,
  .showcase-slide .showcase-actions,
  .showcase-slide .hero-actions,
  .showcase-slide .slide-actions,
  .showcase-slide .showcase-buttons {
    grid-template-columns: repeat(3, max-content) !important;
    column-gap: 7px !important;
    transform: scale(.84);
    transform-origin: left center;
  }
  .gh-showcase .showcase-actions a,
  .gh-showcase .hero-actions a,
  .gh-showcase .slide-actions a,
  .gh-showcase .showcase-buttons a,
  .featured-showcase .showcase-actions a,
  .featured-showcase .hero-actions a,
  .featured-showcase .slide-actions a,
  .featured-showcase .showcase-buttons a {
    min-width: 102px !important;
    padding: 11px 12px !important;
    font-size: .85rem !important;
  }
}



/* REAL FIX: shift Featured Showcase content right past left arrow */
.home-showcase-content,
.showcase-content,
.hero-content,
.slide-content,
.showcase-text,
.showcase-info,
.slide-info,
.featured-copy,
.showcase-copy,
#showcaseContent,
#featuredShowcaseContent,
#featuredContent,
#showcaseText {
  left: 132px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  max-width: 620px !important;
}

.featured-showcase .home-showcase-content,
.featured-showcase .showcase-content,
.featured-showcase .hero-content,
.featured-showcase .slide-content,
.featured-showcase .showcase-text,
.featured-showcase .showcase-info,
.featured-showcase .slide-info,
.gh-showcase .home-showcase-content,
.gh-showcase .showcase-content,
.gh-showcase .hero-content,
.gh-showcase .slide-content,
.gh-showcase .showcase-text,
.gh-showcase .showcase-info,
.gh-showcase .slide-info {
  left: 132px !important;
  padding-left: 0 !important;
  margin-left: 0 !important;
  transform: none !important;
  max-width: 620px !important;
}

.showcase-actions,
.hero-actions,
.slide-actions,
.showcase-buttons {
  display: grid !important;
  grid-template-columns: repeat(3, max-content) !important;
  grid-auto-flow: column !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  max-width: none !important;
  margin-left: 0 !important;
}

.showcase-actions a,
.hero-actions a,
.slide-actions a,
.showcase-buttons a {
  min-width: 150px !important;
  white-space: nowrap !important;
  margin: 0 !important;
  flex: none !important;
}

@media (max-width: 760px) {
  .home-showcase-content,
  .showcase-content,
  .hero-content,
  .slide-content,
  .showcase-text,
  .showcase-info,
  .slide-info,
  #showcaseContent,
  #featuredShowcaseContent,
  #featuredContent,
  #showcaseText {
    left: 92px !important;
    max-width: calc(100% - 110px) !important;
  }
  .showcase-actions,
  .hero-actions,
  .slide-actions,
  .showcase-buttons {
    transform: scale(.84);
    transform-origin: left center;
  }
}



/* FINAL homepage featured showcase fix - text right of arrow + 3 buttons in one row */
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-content{
  left:118px !important;
  width:620px !important;
  max-width:620px !important;
  padding:0 !important;
}
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-content h2{
  max-width:620px !important;
  font-size:clamp(2rem,3.2vw,3.75rem) !important;
  line-height:1.02 !important;
}
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-content p:not(.showcase-kicker):not(.showcase-release-date){
  max-width:560px !important;
}
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-actions{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  gap:12px !important;
  width:max-content !important;
  max-width:none !important;
  align-items:center !important;
}
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-actions a,
.home-page .gh-home-showcase-wrap-v2 .gh-showcase-actions .btn{
  display:inline-flex !important;
  flex:0 0 auto !important;
  min-width:145px !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:14px 22px !important;
  align-items:center !important;
  justify-content:center !important;
}
@media(max-width:900px){
  .home-page .gh-home-showcase-wrap-v2 .gh-showcase-content{
    left:90px !important;
    width:calc(100% - 115px) !important;
    max-width:none !important;
  }
  .home-page .gh-home-showcase-wrap-v2 .gh-showcase-actions{
    transform:scale(.86);
    transform-origin:left center;
  }
}



/* Final GTA VI homepage showcase zoom-out */
.gta6-showcase-fill,
.gh-showcase-bg.gta6-showcase-fill,
.gh-showcase-bg[style*="gta-vi-upcoming-clean"]{
  background-size: cover !important;
  background-position: center center !important;
}

/* === GAME HARBOR FIX: keep Exclusives mega menu closed until opened === */
.final-main-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
.professional-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
.gh-neon-nav .gh-mega-wrap .gh-mega-menu{
  display:none !important;
}

@media (min-width: 769px){
  .final-main-nav.gh-neon-nav-v2 .gh-mega-wrap:hover .gh-mega-menu,
  .final-main-nav.gh-neon-nav-v2 .gh-mega-wrap:focus-within .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-wrap:hover .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-wrap:focus-within .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-wrap:hover .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-wrap:focus-within .gh-mega-menu,
  .gh-neon-nav .gh-mega-wrap:hover .gh-mega-menu,
  .gh-neon-nav .gh-mega-wrap:focus-within .gh-mega-menu{
    display:grid !important;
  }
}

@media (max-width: 768px){
  .final-main-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-wrap .gh-mega-menu,
  .gh-neon-nav .gh-mega-wrap .gh-mega-menu{
    display:none !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-mega-wrap.mobile-open .gh-mega-menu,
  .professional-nav.gh-neon-nav-v2 .gh-mega-wrap.mobile-open .gh-mega-menu,
  .gh-neon-nav-v2 .gh-mega-wrap.mobile-open .gh-mega-menu,
  .gh-neon-nav .gh-mega-wrap.mobile-open .gh-mega-menu{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}


/* GAMEHARBOR MOBILE EXCLUSIVES AUTO-OPEN FIX */
@media (max-width:900px){
  .gh-mega-wrap .gh-mega-menu,
  .final-main-nav .dropdown .dropdown-menu,
  .professional-nav .dropdown .dropdown-menu{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }

  .gh-mega-wrap.mobile-open .gh-mega-menu,
  .final-main-nav .dropdown.mobile-open > .dropdown-menu,
  .professional-nav .dropdown.mobile-open > .dropdown-menu{
    display:grid !important;
    visibility:visible !important;
    opacity:1 !important;
  }
}


/* === GAMEHARBOR REAL SEARCH BAR SQUARE FIX ===
   Targets the actual nav search class: .gh-nav-search */
.final-main-nav.gh-neon-nav-v2 .gh-nav-search,
.professional-nav.gh-neon-nav-v2 .gh-nav-search,
.gh-neon-nav-v2 .gh-nav-search{
  border-radius:0 !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-search input,
.professional-nav.gh-neon-nav-v2 .gh-nav-search input,
.gh-neon-nav-v2 .gh-nav-search input{
  border-radius:0 !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-search button,
.professional-nav.gh-neon-nav-v2 .gh-nav-search button,
.gh-neon-nav-v2 .gh-nav-search button{
  border-radius:0 !important;
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  aspect-ratio:1/1 !important;
}

/* Mobile override - beats the old border-radius:8px and 7px mobile rules */
@media(max-width:900px){
  .final-main-nav.gh-neon-nav-v2 .gh-nav-search input,
  .professional-nav.gh-neon-nav-v2 .gh-nav-search input,
  .gh-neon-nav-v2 .gh-nav-search input{
    border-radius:0 !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-nav-search button,
  .professional-nav.gh-neon-nav-v2 .gh-nav-search button,
  .gh-neon-nav-v2 .gh-nav-search button{
    border-radius:0 !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    right:0 !important;
    top:0 !important;
  }
}


/* === GAMEHARBOR SEARCH ICON BOX SMALLER FIX ===
   Keeps the search input square-edged, but makes only the icon box smaller. */
.final-main-nav.gh-neon-nav-v2 .gh-nav-search,
.professional-nav.gh-neon-nav-v2 .gh-nav-search,
.gh-neon-nav-v2 .gh-nav-search{
  border-radius:0 !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-search input,
.professional-nav.gh-neon-nav-v2 .gh-nav-search input,
.gh-neon-nav-v2 .gh-nav-search input{
  border-radius:0 !important;
  padding-right:38px !important;
}

.final-main-nav.gh-neon-nav-v2 .gh-nav-search button,
.professional-nav.gh-neon-nav-v2 .gh-nav-search button,
.gh-neon-nav-v2 .gh-nav-search button{
  width:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  height:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  border-radius:0 !important;
  aspect-ratio:1/1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:17px !important;
  line-height:1 !important;
}

@media(max-width:900px){
  .final-main-nav.gh-neon-nav-v2 .gh-nav-search input,
  .professional-nav.gh-neon-nav-v2 .gh-nav-search input,
  .gh-neon-nav-v2 .gh-nav-search input{
    border-radius:0 !important;
    padding-right:40px !important;
  }

  .final-main-nav.gh-neon-nav-v2 .gh-nav-search button,
  .professional-nav.gh-neon-nav-v2 .gh-nav-search button,
  .gh-neon-nav-v2 .gh-nav-search button{
    width:30px !important;
    min-width:30px !important;
    max-width:30px !important;
    height:30px !important;
    min-height:30px !important;
    max-height:30px !important;
    right:6px !important;
    top:6px !important;
    border-radius:0 !important;
    font-size:17px !important;
  }
}


/* === GAMEHARBOR DEALS PAGE BANNER/NAV BAR FIX === */
.site-header.home-nav{
  display:block !important;
  width:100% !important;
  min-height:18px !important;
  height:18px !important;
  background:linear-gradient(90deg, rgba(0,229,255,.18), rgba(255,57,220,.10), rgba(0,229,255,.18)) !important;
  border-top:1px solid rgba(0,229,255,.55) !important;
  border-bottom:1px solid rgba(255,57,220,.35) !important;
  box-shadow:0 0 18px rgba(0,229,255,.20) !important;
}

/* === GameHarbor bulk review card tag/button alignment fix === */
.gh-reviews-main .gh-review-card-body{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:7px !important;
  min-height:160px !important;
  padding:0 8px 0 0 !important;
}
.gh-reviews-main .gh-review-badge,
.gh-reviews-main .gh-review-card h2,
.gh-reviews-main .gh-review-card p,
.gh-reviews-main .gh-review-meta,
.gh-reviews-main .review-actions{
  grid-area:auto !important;
}
.gh-reviews-main .gh-review-card h2{
  margin:0 !important;
}
.gh-reviews-main .gh-review-card p{
  margin:0 !important;
  max-width:760px !important;
}
.gh-reviews-main .gh-review-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  margin:3px 0 0 !important;
}
.gh-reviews-main .gh-review-meta span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  max-width:150px !important;
  padding:4px 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.gh-reviews-main .review-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:8px !important;
}
.gh-reviews-main .review-actions a,
.gh-reviews-main .review-actions .btn{
  grid-area:auto !important;
  justify-self:auto !important;
  align-self:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:118px !important;
  height:40px !important;
  padding:0 16px !important;
  margin:0 !important;
  border-radius:999px !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
.gh-reviews-main .buy-now-row{
  display:contents !important;
  margin:0 !important;
}
@media(max-width:900px){
  .gh-reviews-main .gh-review-card{
    grid-template-columns:1fr !important;
  }
  .gh-reviews-main .gh-review-card img{
    width:100% !important;
  }
}


/* Googlebot-safe navigation logo sizing */
.gh-nav-logo-img,
.final-main-nav .gh-nav-logo-img,
.professional-nav .gh-nav-logo-img,
.gh-neon-nav-v2 .gh-nav-logo-img {
  width: 48px !important;
  max-width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  display: block !important;
  flex: 0 0 48px !important;
}


/* === HOMEPAGE WHAT'S NEW PANEL === */
.gh-home-live-panel{
  position:relative;
  z-index:2;
  min-height:330px;
  padding:24px;
  border:1px solid rgba(0,240,255,.28);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(255,43,214,.14),transparent 38%),
    linear-gradient(155deg,rgba(7,18,42,.98),rgba(10,7,28,.98));
  box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 0 28px rgba(0,240,255,.035);
  overflow:hidden;
}
.gh-home-live-panel::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  top:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#00f0ff,#ff2bd6,transparent);
  opacity:.85;
}
.gh-home-live-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:end;
  gap:2px 16px;
  margin-bottom:16px;
}
.gh-home-live-head span{
  grid-column:1/-1;
  color:#00f0ff;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.gh-home-live-head h2{
  margin:4px 0 0;
  color:#fff;
  font-size:clamp(1.65rem,2.5vw,2.45rem);
  line-height:1;
  text-transform:uppercase;
  letter-spacing:-.035em;
}
.gh-home-live-head p{
  margin:0;
  color:#9fb8d0;
  font-size:.84rem;
  text-align:right;
}
.gh-home-live-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.gh-home-live-card{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  min-height:118px;
  padding:15px;
  overflow:hidden;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:linear-gradient(150deg,rgba(18,30,61,.93),rgba(7,12,29,.98));
  box-shadow:0 12px 26px rgba(0,0,0,.2);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.gh-home-live-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--live-accent,#00f0ff);
  box-shadow:0 0 16px var(--live-accent,#00f0ff);
}
.gh-home-live-card:hover,
.gh-home-live-card:focus-visible{
  transform:translateY(-3px);
  border-color:var(--live-accent,#00f0ff);
  box-shadow:0 0 22px color-mix(in srgb,var(--live-accent,#00f0ff) 28%,transparent);
  outline:none;
}
.gh-home-live-card.review{--live-accent:#c16cff;}
.gh-home-live-card.deal{--live-accent:#00f0ff;}
.gh-home-live-card.release{--live-accent:#ffb84d;}
.gh-home-live-card.play{--live-accent:#54f09b;}
.gh-home-live-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:12px;
  font-size:1.25rem;
  background:color-mix(in srgb,var(--live-accent,#00f0ff) 14%,#071021);
  border:1px solid color-mix(in srgb,var(--live-accent,#00f0ff) 42%,transparent);
}
.gh-home-live-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}
.gh-home-live-copy small{
  color:var(--live-accent,#00f0ff);
  font-size:.68rem;
  font-style:normal;
  font-weight:950;
  letter-spacing:.1em;
  line-height:1.1;
  text-transform:uppercase;
}
.gh-home-live-copy strong{
  display:-webkit-box;
  margin:6px 0 5px;
  overflow:hidden;
  color:#fff;
  font-size:.93rem;
  line-height:1.18;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.gh-home-live-copy b{
  color:#eaf7ff;
  font-size:.84rem;
  line-height:1.2;
}
.gh-home-live-copy em{
  margin-top:auto;
  padding-top:7px;
  color:#8fa8c2;
  font-size:.71rem;
  font-style:normal;
  font-weight:850;
}
.gh-home-live-card:hover .gh-home-live-copy em,
.gh-home-live-card:focus-visible .gh-home-live-copy em{
  color:var(--live-accent,#00f0ff);
}
@media(max-width:1180px){
  .gh-home-live-panel{min-height:auto;}
}
@media(max-width:720px){
  .gh-home-live-panel{padding:20px;}
  .gh-home-live-head{grid-template-columns:1fr;}
  .gh-home-live-head p{text-align:left;margin-top:6px;}
}
@media(max-width:540px){
  .gh-home-live-grid{grid-template-columns:1fr;}
  .gh-home-live-card{min-height:108px;}
}


/* GH clickable review card images */
.gh-card-image-link{display:block;color:inherit;text-decoration:none;line-height:0;}
.gh-card-image-link img{display:block;width:100%;height:100%;object-fit:cover;}
.gh-card-image-link:focus-visible{outline:2px solid #00f5ff;outline-offset:3px;}


/* GAMEHARBOR TBA RELEASE SUPPORT */
.cal-date-box.cal-date-tba strong{font-size:1rem;letter-spacing:.04em}
.cal-countdown.cal-countdown-tba{grid-template-columns:1fr}
.cal-countdown.cal-countdown-tba>div{grid-column:1/-1}
.banner-countdown.banner-countdown-tba{grid-template-columns:1fr}
.banner-countdown.banner-countdown-tba>div{min-width:150px}