/* Solitaire Superstars layout prototype v54. English prototype only. */
/* v55 spacing and hero polish */
.solitaire-layout-v54 > .section{padding-top:.8rem;padding-bottom:.8rem}
.solitaire-layout-v54 > .solitaire-hero-section-v54{padding-top:.45rem;padding-bottom:.65rem}
.solitaire-layout-v54 > .section.tight{padding-top:.65rem;padding-bottom:.65rem}
.solitaire-layout-v54 .section-head{margin-bottom:.9rem}
.solitaire-hero-content-v54{
  width:min(62%,44rem);
  padding:clamp(1.3rem,3.5vw,2.6rem);
}
.solitaire-hero-logo-wrap-v54{width:min(100%,26rem);margin:0 0 .55rem}
.solitaire-type-v54{margin:.05rem 0 .55rem}
.solitaire-promo-v54{margin:0 0 .75rem;max-width:34ch}
.solitaire-availability-v54{margin-top:0}
.solitaire-about-trailer-grid-v54,
.solitaire-details-grid-v54{gap:.85rem}
@media(max-width:900px){
  .solitaire-layout-v54 > .solitaire-hero-section-v54{padding-top:.35rem;padding-bottom:.55rem}
  .solitaire-layout-v54 > .section.tight{padding-top:.55rem;padding-bottom:.55rem}
  .solitaire-hero-content-v54{padding:clamp(1.15rem,4.6vw,2rem)}
  .solitaire-hero-logo-wrap-v54{width:min(76%,23rem)}
}
@media(max-width:560px){
  .solitaire-layout-v54 > .section{padding-top:.6rem;padding-bottom:.6rem}
  .solitaire-hero-logo-wrap-v54{width:min(88%,20rem)}
  .solitaire-type-v54{margin:.05rem 0 .45rem}
  .solitaire-promo-v54{margin:0 0 .65rem}
}

.solitaire-hero-section-v54{padding-bottom:1rem}
.solitaire-hero-card-v54{
  position:relative;
  min-height:clamp(430px,46vw,620px);
  padding:0;
  overflow:hidden;
  background:#050914 url('../images/solitairesuperstars/solitairesuperstars_banner.jpg') center/cover no-repeat;
  border-color:rgba(var(--accent2-rgb),.24);
  box-shadow:0 20px 64px rgba(0,0,0,.32),0 0 48px rgba(var(--accent-rgb),.07);
  isolation:isolate;
}
.solitaire-hero-video-v54{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#050914;
  z-index:0;
}
.solitaire-hero-shade-v54{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,5,12,.93) 0%,rgba(2,5,12,.80) 31%,rgba(2,5,12,.44) 58%,rgba(2,5,12,.12) 82%,rgba(2,5,12,.20) 100%),
    linear-gradient(0deg,rgba(2,5,12,.50) 0%,rgba(2,5,12,.08) 47%,rgba(2,5,12,.22) 100%);
}
.solitaire-hero-content-v54{
  position:relative;
  z-index:2;
  min-height:inherit;
  width:min(66%,48rem);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:clamp(1.5rem,4vw,3.3rem);
}
.solitaire-hero-logo-wrap-v54{width:min(100%,31rem);margin:0 0 .8rem}
.solitaire-hero-logo-v54{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 13px 28px rgba(0,0,0,.52));
}
.solitaire-title-sr-v54{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.solitaire-type-v54{margin:.1rem 0 .8rem}
.solitaire-promo-v54{
  margin:.05rem 0 1rem;
  max-width:43ch;
  color:#fff;
  font-size:clamp(1.08rem,1.55vw,1.38rem);
  line-height:1.45;
  text-shadow:0 2px 14px rgba(0,0,0,.75);
}
.solitaire-availability-v54{margin-top:.15rem}
.solitaire-availability-v54 .game-store-links-detailed-v36{margin-top:0}
.solitaire-availability-v54 .platform-choice-v36{
  background:rgba(4,9,18,.72);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  
}
.solitaire-availability-v54 .platform-choice-v36:hover,
.solitaire-availability-v54 .platform-choice-v36:focus-visible{background:rgba(var(--accent-rgb),.24)}

.solitaire-about-trailer-grid-v54,
.solitaire-details-grid-v54{
  display:grid;
  gap:1rem;
  align-items:stretch;
}
.solitaire-about-trailer-grid-v54{grid-template-columns:minmax(0,.88fr) minmax(380px,1.12fr)}
.solitaire-details-grid-v54{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}
.solitaire-about-trailer-grid-v54 > .card,
.solitaire-details-grid-v54 > .card{min-width:0}
.solitaire-about-card-v54,
.solitaire-trailers-card-v54,
.solitaire-gallery-card-v51,
.solitaire-features-card-v54{display:flex;flex-direction:column;height:100%}
.solitaire-about-card-v54 .game-subsection-title,
.solitaire-trailers-card-v54 .game-subsection-title,
.solitaire-gallery-card-v51 .game-subsection-title,
.solitaire-features-card-v54 .game-subsection-title{
  display:block;
  margin:0 0 .7rem;
  color:var(--blue2);
  font-weight:800;
}
.solitaire-about-card-v54 p{
  margin:.15rem 0 0;
  color:var(--soft);
  font-size:clamp(1.02rem,1.35vw,1.16rem);
  line-height:1.7;
}
.solitaire-trailers-card-v54{gap:.2rem}
.solitaire-trailer-video-v54{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  margin-top:.05rem;
  object-fit:contain;
  background:#050914;
  border:1px solid rgba(var(--accent2-rgb),.18);
  border-radius:.8rem;
  box-shadow:0 .8rem 2rem rgba(0,0,0,.24);
}
.solitaire-features-card-v54 ul{
  columns:2;
  column-gap:2rem;
  margin:.25rem 0 0;
  padding-left:1.2rem;
}
.solitaire-features-card-v54 li{
  break-inside:avoid;
  margin:0 0 .58rem;
  color:var(--soft);
  line-height:1.45;
}

.solitaire-gallery-head-v51{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin-bottom:.7rem;
}
.solitaire-gallery-head-v51 .game-subsection-title{margin:0}
.solitaire-gallery-controls-v51{display:flex;gap:.42rem;flex:none}
.solitaire-gallery-arrow-v51{
  width:2.35rem;
  height:2.35rem;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#fff;
  font:inherit;
  font-size:1.45rem;
  line-height:1;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.solitaire-gallery-arrow-v51:hover,
.solitaire-gallery-arrow-v51:focus-visible{
  border-color:rgba(var(--accent2-rgb),.55);
  background:rgba(var(--accent-rgb),.16);
  outline:none;
  transform:translateY(-1px);
}
.solitaire-screenshot-carousel-v51{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - .7rem)/2);
  gap:.7rem;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:.1rem .05rem .3rem;
  touch-action:pan-x pan-y;
}
.solitaire-screenshot-carousel-v51::-webkit-scrollbar{display:none}
.solitaire-screenshot-card-v51{
  position:relative;
  min-width:0;
  aspect-ratio:4/3;
  padding:0;
  border:1px solid rgba(var(--accent2-rgb),.2);
  border-radius:.85rem;
  overflow:hidden;
  background:#050914;
  cursor:zoom-in;
  scroll-snap-align:start;
  box-shadow:0 .7rem 1.8rem rgba(0,0,0,.2);
  isolation:isolate;
}
.solitaire-screenshot-card-v51 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .2s ease,filter .2s ease;
}
.solitaire-screenshot-card-v51::after{
  content:"View";
  position:absolute;
  right:.5rem;
  bottom:.45rem;
  padding:.22rem .45rem;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(2,6,13,.74);
  color:#fff;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  
}
.solitaire-screenshot-card-v51:hover img,
.solitaire-screenshot-card-v51:focus-visible img{transform:scale(1.025);filter:brightness(1.04)}
.solitaire-screenshot-card-v51:focus-visible{outline:2px solid var(--blue2);outline-offset:2px}
.solitaire-gallery-count-v51{margin:.55rem 0 0;color:var(--muted);font-size:.75rem;text-align:right}

@media(max-width:900px){
  .solitaire-hero-card-v54{min-height:560px}
  .solitaire-hero-shade-v54{
    background:linear-gradient(0deg,rgba(2,5,12,.94) 0%,rgba(2,5,12,.76) 50%,rgba(2,5,12,.20) 100%);
  }
  .solitaire-hero-content-v54{
    width:100%;
    justify-content:flex-end;
    padding:clamp(1.35rem,5vw,2.3rem);
  }
  .solitaire-hero-logo-wrap-v54{width:min(82%,27rem)}
  .solitaire-about-trailer-grid-v54,
  .solitaire-details-grid-v54{grid-template-columns:1fr}
  .solitaire-features-card-v54 ul{columns:1}
  .solitaire-screenshot-carousel-v51{grid-auto-columns:min(72vw,18rem)}
}
@media(max-width:560px){
  .solitaire-hero-card-v54{min-height:520px}
  .solitaire-hero-logo-wrap-v54{width:min(94%,22rem)}
  .solitaire-promo-v54{font-size:1rem;margin-bottom:.8rem}
  .solitaire-screenshot-carousel-v51{grid-auto-columns:78%}
  .solitaire-gallery-arrow-v51{width:2.5rem;height:2.5rem}
}
@media(prefers-reduced-motion:reduce){
  .solitaire-hero-video-v54{display:none}
  .solitaire-screenshot-carousel-v51{scroll-behavior:auto}
  .solitaire-gallery-arrow-v51,
  .solitaire-screenshot-card-v51 img{transition:none}
}


/* v55 final overrides */
.solitaire-layout-v54 > .section{padding-top:.8rem;padding-bottom:.8rem}
.solitaire-layout-v54 > .solitaire-hero-section-v54{padding-top:.45rem;padding-bottom:.65rem}
.solitaire-layout-v54 > .section.tight{padding-top:.65rem;padding-bottom:.65rem}
.solitaire-layout-v54 .section-head{margin-bottom:.9rem}
.solitaire-hero-content-v54{width:min(62%,44rem);padding:clamp(1.3rem,3.5vw,2.6rem)}
.solitaire-hero-logo-wrap-v54{width:min(100%,26rem);margin:0 0 .55rem}
.solitaire-type-v54{margin:.05rem 0 .55rem}
.solitaire-promo-v54{margin:0 0 .75rem;max-width:34ch}
.solitaire-availability-v54{margin-top:0}
.solitaire-about-trailer-grid-v54,.solitaire-details-grid-v54{gap:.85rem}
@media(max-width:900px){
  .solitaire-layout-v54 > .solitaire-hero-section-v54{padding-top:.35rem;padding-bottom:.55rem}
  .solitaire-layout-v54 > .section.tight{padding-top:.55rem;padding-bottom:.55rem}
  .solitaire-hero-content-v54{padding:clamp(1.15rem,4.6vw,2rem)}
  .solitaire-hero-logo-wrap-v54{width:min(76%,23rem)}
}
@media(max-width:560px){
  .solitaire-layout-v54 > .section{padding-top:.6rem;padding-bottom:.6rem}
  .solitaire-hero-logo-wrap-v54{width:min(88%,20rem)}
  .solitaire-type-v54{margin:.05rem 0 .45rem}
  .solitaire-promo-v54{margin:0 0 .65rem}
}

/* v56 hero alignment and height polish */
.solitaire-hero-card-v54{
  min-height:clamp(390px,40vw,520px);
}
.solitaire-hero-content-v54{
  width:min(62%,29rem);
  align-items:center;
}
.solitaire-hero-logo-wrap-v54{
  width:min(100%,24rem);
  margin:0 auto .5rem;
}
.solitaire-type-v54{
  align-self:center;
  margin:.05rem 0 .5rem;
}
.solitaire-promo-v54{
  width:min(100%,24rem);
  margin:0 auto .7rem;
  max-width:none;
  text-align:center;
}
.solitaire-availability-v54{
  width:min(100%,24rem);
  margin:0 auto;
}
.solitaire-availability-v54 .game-store-links-detailed-v36{
  justify-content:center;
}
@media(max-width:900px){
  .solitaire-hero-card-v54{min-height:500px}
  .solitaire-hero-content-v54{width:100%;align-items:center}
  .solitaire-hero-logo-wrap-v54{width:min(76%,22rem)}
  .solitaire-promo-v54,
  .solitaire-availability-v54{width:min(90%,22rem)}
}
@media(max-width:560px){
  .solitaire-hero-card-v54{min-height:465px}
  .solitaire-hero-logo-wrap-v54{width:min(84%,19rem)}
  .solitaire-promo-v54,
  .solitaire-availability-v54{width:min(94%,20rem)}
}


/* v57 multi-game detail roll-out */
.solitaire-hero-poster-v57{background-position:center;background-size:cover;background-repeat:no-repeat;}
.solitaire-about-card-v54{justify-content:center;}
.solitaire-about-card-v54 p{margin:.1rem 0 0;}
.solitaire-trailer-placeholder-v57{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;margin-top:.05rem;background:#050914 center/cover no-repeat;border:1px solid rgba(var(--accent2-rgb),.18);border-radius:.8rem;overflow:hidden;box-shadow:0 .8rem 2rem rgba(0,0,0,.24);isolation:isolate;}
.solitaire-trailer-placeholder-v57::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,13,.16) 0%,rgba(3,6,13,.72) 100%);z-index:0;}
.solitaire-trailer-placeholder-inner-v57{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem;text-align:center;}
.solitaire-trailer-placeholder-play-v57{display:grid;place-items:center;width:4rem;height:4rem;border-radius:999px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.45rem;line-height:1;box-shadow:0 .7rem 1.6rem rgba(0,0,0,.22);}
.solitaire-trailer-placeholder-inner-v57 strong{color:#fff;font-size:1rem;letter-spacing:.02em;}
.solitaire-trailer-placeholder-inner-v57 small{color:var(--soft);font-size:.88rem;}
.solitaire-hero-logo-v54{max-width:100%;width:auto;max-height:clamp(120px,18vw,220px);margin-inline:auto;}
.solitaire-trailers-card-v54,.solitaire-gallery-card-v51,.solitaire-features-card-v54,.solitaire-about-card-v54{padding:clamp(1rem,1.8vw,1.35rem);}
@media(max-width:560px){.solitaire-hero-logo-v54{max-height:165px}}


/* v58 game detail spacing and hero polish */
.solitaire-layout-v54 > .section{padding-top:.7rem;padding-bottom:.7rem}
.solitaire-layout-v54 > .solitaire-hero-section-v54{padding-top:.3rem;padding-bottom:.5rem}
.solitaire-layout-v54 > .section.tight{padding-top:.5rem;padding-bottom:.5rem}
.solitaire-about-trailer-grid-v54,.solitaire-details-grid-v54{gap:.75rem}
.solitaire-type-v54,
.game-type-marker{
  white-space:nowrap;
}
.solitaire-type-v54{
  max-width:100%;
  width:auto;
}
.solitaire-hero-shade-v54{
  background:
    linear-gradient(90deg,rgba(2,5,12,.95) 0%,rgba(2,5,12,.84) 24%,rgba(2,5,12,.46) 54%,rgba(2,5,12,.14) 78%,rgba(2,5,12,.04) 100%),
    linear-gradient(0deg,rgba(2,5,12,.40) 0%,rgba(2,5,12,.06) 44%,rgba(2,5,12,.14) 100%);
}
@media(max-width:900px){
  .solitaire-layout-v54 > .solitaire-hero-section-v54{padding-top:.25rem;padding-bottom:.45rem}
  .solitaire-layout-v54 > .section.tight{padding-top:.45rem;padding-bottom:.45rem}
}
@media(max-width:560px){
  .solitaire-layout-v54 > .section{padding-top:.55rem;padding-bottom:.55rem}
  .solitaire-layout-v54 > .section.tight{padding-top:.4rem;padding-bottom:.4rem}
}


/* v60 compact supplied header logo */
.temp-small-logo-v60{object-fit:contain;object-position:center;background:transparent}

/* v61 top-aligned About and Features */
.solitaire-about-card-v54,
.solitaire-features-card-v54{
  justify-content:flex-start!important;
}