/* FansFlex v8.4: one photographic identity on mobile + working hero play control.
 * Previous mobile rule substituted a different profile image, left the gold emblem
 * across the heading, and placed the fee illustration over live statistics.
 * Desktop reference coordinates are unchanged by the mobile rules below.
 */
.ff84-hero-play{
  display:none;position:absolute;z-index:5;left:63%;top:76%;
  width:68px;height:68px;padding:0;border:0;border-radius:50%;
  transform:translate(-50%,-50%);background:transparent;color:#fff;
  cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.ff84-hero-play-focus{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%);
  min-width:160px;padding:6px 9px;background:#061522;color:#fff;border:1px solid #eac37f;
  border-radius:8px;font-size:12px;line-height:1.25;opacity:0;pointer-events:none}
.ff84-hero-play:focus-visible{outline:3px solid #ffe3a2;outline-offset:3px;background:#03152255}
.ff84-hero-play:focus-visible .ff84-hero-play-focus{opacity:1}
@media(min-width:1200px){.ff84-hero-play{display:block}}
@media(min-width:681px) and (max-width:1199px){
 .ffm-hero-emblem,.ffm-hero-fee{display:none!important}
 .ffm-hero-photo{background-size:auto 105%;background-position:calc(100% + 40px) center;opacity:.82}
 .ffm-hero-shade{background:linear-gradient(90deg,#071522ef 0%,#071522d4 36%,#07152277 67%,#07152224 100%),linear-gradient(0deg,#071522b3,transparent 52%)}
 .ff84-hero-play{display:block;left:77%;top:78%}
}

.ff84-menu-svg{display:block;width:23px;height:23px}
@media(max-width:680px){
 .ffm-hero,.ffm-hero-layout{min-height:610px}
 .ffm-hero-layout{align-items:flex-start;padding-top:36px;padding-bottom:36px}
 .ffm-hero-content{position:relative;width:100%;z-index:2;min-width:0}
 .ffm-hero-photo{
   background-image:url('/images/fansflex-premium/landing-hero-model-v76.webp'),linear-gradient(125deg,#061421,#173648);
   background-size:auto 80%,cover;
   background-position:right -110px top 1px,center;
   background-repeat:no-repeat;
   opacity:.82;
 }
 .ffm-hero-shade{background:linear-gradient(90deg,#071522ed 0%,#071522bb 58%,#07152266 100%),linear-gradient(0deg,#071522f7 0%,transparent 60%)}
 .ffm-hero-emblem,.ffm-hero-fee{display:none!important}
 .ff84-hero-play{display:block;left:78%;top:59%;width:55px;height:55px}
 .ffm-hero h1{font-size:clamp(35px,10vw,47px);line-height:1.05;overflow-wrap:normal}
 .ffm-hero .ffm-overline{font-size:10px;letter-spacing:.20em}
 .ffm-hero p{font-size:13px;line-height:1.48;max-width:360px}
 .ffm-hero-stats{margin-top:28px;display:flex;justify-content:space-between;align-items:flex-start}
 .ffm-hero-stats>div{gap:5px;min-width:0;padding:0 6px}
 .ffm-hero-stats>div:first-child{padding-left:0}
 .ffm-hero-stats>div:last-child{padding-right:0}
 .ffm-hero-stats strong{font-size:13px;white-space:nowrap}
 .ffm-hero-stats small{font-size:9px;line-height:1.25}
}
@media(max-width:360px){
 .ffm-hero h1{font-size:35px}
 .ffm-hero-stats strong{font-size:12px}
 .ffm-hero .ffm-button{font-size:11px;min-height:40px}
}