/* The lounge collection shares the palette of its playable tables. */
.featured-strip{gap:24px}.featured-card{background:#12271f;border:1px solid #dfbd7c44;border-radius:18px;overflow:hidden}.featured-thumb{background:radial-gradient(ellipse at center,#32664a,#102a21)!important;color:#e5c790;font:100px Georgia,serif;text-shadow:0 12px 24px #0005}.featured-tag{color:#e5c790}.featured-title{font-family:Georgia,serif;font-weight:400}.featured-desc,.featured-stat{color:#b7c7bd}.game-thumb.lounge-thumb{background:#15362a}.lounge-thumb .game-thumb-bg{background:radial-gradient(ellipse at center,#32664a,#102a21)!important}.game-card:focus-visible,.featured-card:focus-visible,.cat-card:focus-visible{outline:3px solid #dfbd7c;outline-offset:4px}.hero-title{max-width:780px}.hero-badge{letter-spacing:2px}.hero-desc{max-width:650px}

/* A marca oficial ganha presença no catálogo sem disputar espaço com o título. */
.logo-mark-header{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 2px 8px #ff9b3155)}
.logo{gap:.65rem}
.hero{isolation:isolate;background:linear-gradient(110deg,#160c12 0%,#25130f 54%,#10121b 100%)}
.hero-bg{background:radial-gradient(ellipse at 82% 52%,#f0782638,transparent 38%),linear-gradient(120deg,#1b1012 0%,#29150f 50%,#10131d 100%)}
.hero-content{flex:1 1 62%;max-width:720px;padding:clamp(2rem,5vw,4.5rem);}
.hero-brand-art{position:relative;z-index:1;flex:0 1 38%;min-width:250px;display:grid;place-items:center;padding:1rem 2.4rem 1rem 0;}
.hero-brand-art__halo{position:absolute;width:min(29vw,370px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ff8b302c 0%,#e7791715 48%,transparent 72%);box-shadow:0 0 90px #ed6e2933;}
.hero-brand-art img{position:relative;width:min(100%,370px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 18px 35px #0009);animation:brandArrive .9s cubic-bezier(.2,.8,.2,1) both;}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes brandArrive{from{opacity:0;transform:translateX(24px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}

/* ── Mobile Responsive ── */
@media (max-width: 768px) {
  .hero{min-height:0;flex-direction:column-reverse;text-align:center;padding:1.4rem 1rem 1.6rem;}
  .hero-content{width:100%;max-width:640px;padding:1rem .6rem .3rem;}
  .hero-brand-art{flex:none;min-width:0;width:100%;padding:0;}
  .hero-brand-art img{width:min(52vw,220px);}
  .hero-brand-art__halo{width:min(60vw,250px);}
  .hero-desc{margin-inline:auto;}
  .logo-mark-header{width:42px;height:42px;}
  .featured-strip {
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
  }
  .featured-card {
    flex-direction: column !important;
    min-height: auto !important;
  }
  .featured-thumb {
    width: 100% !important;
    min-height: 120px !important;
    flex-shrink: 0;
  }
  .featured-body {
    padding: 1rem !important;
  }
  .hero-title {
    font-size: 1.8rem !important;
  }
  .hero-desc {
    font-size: 0.9rem !important;
  }
}
@media (max-width: 480px) {
  .featured-strip {
    grid-template-columns: 1fr !important;
  }
  .featured-card {
    flex-direction: column !important;
  }
  .featured-thumb {
    min-height: 100px !important;
    font-size: 1.5rem !important;
  }
  .hero-title {
    font-size: 1.5rem !important;
  }
}