/* FORGED N FITNESS Build 39 — workout library + homepage composition corrections */

/* Workout library cards: the image is part of the workout, not an empty spacer. */
.workout-thumb.fnf-workout-thumb-ready{
  background-color:#0b0b0b!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}

/* Coaching illustration: darken the pale source background so it belongs to the black/orange site. */
.fnf-home-v37 .v24-coach-art{
  position:relative;
  background:#070707!important;
}
.fnf-home-v37 .v24-coach-art img{
  filter:brightness(.76) contrast(1.16) saturate(1.12);
  object-position:center 34%!important;
}
.fnf-home-v37 .v24-coach-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,5,.16),transparent 28%,transparent 72%,rgba(5,5,5,.32));
}

/* At the widths used by phones/foldables, let the split artwork breathe and keep the
   duplicate description from becoming a giant text block underneath the image. */
@media(max-width:1050px){
  .fnf-home-v37 .v24-split-media{
    aspect-ratio:4/3!important;
  }
  .fnf-home-v37 .v24-split-copy{
    padding:11px 13px 13px!important;
  }
  .fnf-home-v37 .v24-split-copy h3{
    margin:4px 0 2px!important;
  }
  .fnf-home-v37 .v24-split-copy p{
    display:none!important;
  }
  .fnf-home-v37 .v24-split-copy b{
    margin-top:7px!important;
  }

  /* The old side-by-side coaching layout made the illustration look cramped on foldables. */
  .fnf-home-v37 .v24-coaching{
    grid-template-columns:1fr!important;
  }
  .fnf-home-v37 .v24-coach-art{
    aspect-ratio:16/9!important;
    min-height:0!important;
    max-height:430px;
  }
  .fnf-home-v37 .v24-coach-art img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 31%!important;
  }
  .fnf-home-v37 .v24-coach-art:after{
    background:linear-gradient(0deg,#0b0b0b 0%,rgba(11,11,11,.16) 20%,transparent 48%);
  }
}

@media(max-width:760px){
  .fnf-home-v37 .v24-split-media{aspect-ratio:16/10!important}
  .fnf-home-v37 .v24-coach-art{aspect-ratio:16/10!important}
}