/* High Flyfe v52 — real vertical reels */

.v52-reels{
  background:#111315;
}

.v52-reels-intro{
  max-width:650px;
  margin:14px 0 0;
  color:rgba(255,255,255,.64);
  line-height:1.6;
}

.v52-reels-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin-top:36px;
  align-items:start;
}

.v52-reel-card{
  min-width:0;
}

.v52-player-shell{
  position:relative;
  aspect-ratio:9/16;
  overflow:hidden;
  background:#191919;
  border:1px solid rgba(255,255,255,.12);
}

.v52-player-shell iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
  background:#191919;
}

.v52-format{
  position:absolute;
  left:12px;
  top:12px;
  z-index:5;
  min-height:26px;
  padding:0 9px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(12,14,15,.58);
  color:#fff;
  backdrop-filter:blur(7px);
  font-size:.62rem;
  font-weight:750;
  letter-spacing:.11em;
  pointer-events:none;
}

.v52-reel-copy{
  padding-top:13px;
}

.v52-reel-copy h3{
  margin:0 0 4px;
  color:#f1f0ec;
  font-size:1.08rem;
}

.v52-reel-copy p{
  margin:0;
  color:rgba(255,255,255,.57);
  font-size:.84rem;
  line-height:1.5;
}

.v52-reel-copy a{
  display:inline-block;
  margin-top:9px;
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-size:.82rem;
  border-bottom:1px solid rgba(255,255,255,.26);
}

@media (hover:hover) and (pointer:fine){
  .v52-reel-copy a:hover{
    color:#fff;
    border-color:rgba(255,255,255,.7);
  }
}

@media(max-width:820px){
  .v52-reels-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:540px){
  .v52-reels-grid{
    display:flex;
    overflow-x:auto;
    gap:14px;
    padding-bottom:10px;
    scroll-snap-type:x mandatory;
  }

  .v52-reel-card{
    flex:0 0 min(78vw,300px);
    scroll-snap-align:start;
  }
}