/* MultiAdam v262 — Choose Path Ground Truth visual patch
 * Scope: front-page Choose Path only.
 * Goal: compact photographic cards matching the approved mobile reference.
 */

html body.ma-v262-front .ma-v258-paths{
  padding-top:30px!important;
  padding-bottom:24px!important;
}
html body.ma-v262-front .ma-v258-paths .ma-wrap{
  width:min(calc(100% - 28px),1180px)!important;
}
html body.ma-v262-front .ma-v258-paths .ma-v23-section-title{
  margin:0 0 16px!important;
  text-align:right!important;
}
html body.ma-v262-front .ma-v258-paths .ma-v23-section-title .ma-v23-label{
  display:block!important;
  margin:0 0 6px!important;
  color:#18b77b!important;
  font:900 .72rem/1.2 Inter,Vazirmatn,sans-serif!important;
  letter-spacing:.20em!important;
  white-space:nowrap!important;
}
html body.ma-v262-front .ma-v258-paths .ma-v23-section-title h2{
  margin:0!important;
  color:#0d2119!important;
  font-size:clamp(2rem,3.4vw,3.05rem)!important;
  line-height:1.05!important;
  font-weight:950!important;
  max-width:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
  text-wrap:balance!important;
}

/* Desktop / tablet: equal-height cards, photo band + copy zone. */
html body.ma-v262-front .ma-v258-path-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
html body.ma-v262-front .ma-v258-path-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  direction:rtl!important;
  width:100%!important;
  min-width:0!important;
  height:372px!important;
  min-height:372px!important;
  max-height:372px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d8e7e0!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#effbf6 0%,#f8fcfa 100%)!important;
  box-shadow:0 8px 24px rgba(8,35,25,.035)!important;
}
html body.ma-v262-front .ma-v258-path-card.is-programming{
  background:linear-gradient(145deg,#0d1b16 0%,#07110e 100%)!important;
  border-color:#182b23!important;
}
html body.ma-v262-front .ma-v258-path-media{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 46%!important;
  width:100%!important;
  height:46%!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#e9f7f1!important;
}
html body.ma-v262-front .ma-v258-path-card.is-programming .ma-v258-path-media{
  background:#0b1713!important;
}
html body.ma-v262-front .ma-v258-path-media img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  display:block!important;
  object-fit:cover!important;
  transform:none!important;
}
html body.ma-v262-front .ma-v258-path-card.is-crossfit .ma-v258-path-media img{object-position:31% 43%!important}
html body.ma-v262-front .ma-v258-path-card.is-programming .ma-v258-path-media img{object-position:31% 34%!important}
html body.ma-v262-front .ma-v258-path-card.is-running .ma-v258-path-media img{object-position:31% 34%!important}

html body.ma-v262-front .ma-v258-path-copy{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  direction:rtl!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:14px 16px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:right!important;
  overflow:hidden!important;
}
html body.ma-v262-front .ma-v258-path-copy>span{
  display:block!important;
  margin:0!important;
  color:#18b77b!important;
  font:900 .67rem/1.2 Inter,Vazirmatn,sans-serif!important;
  letter-spacing:.10em!important;
  white-space:nowrap!important;
}
html body.ma-v262-front .ma-v258-path-copy h3{
  position:static!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:7px 0 5px!important;
  color:#0d2119!important;
  -webkit-text-fill-color:currentColor!important;
  font-size:clamp(1.28rem,1.7vw,1.62rem)!important;
  line-height:1.18!important;
  font-weight:950!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
  text-wrap:balance!important;
}
html body.ma-v262-front .ma-v258-path-copy p{
  width:100%!important;
  margin:0 0 8px!important;
  color:#66756e!important;
  font-size:.76rem!important;
  line-height:1.48!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  writing-mode:horizontal-tb!important;
}
html body.ma-v262-front .ma-v258-path-copy a{
  position:static!important;
  transform:none!important;
  margin-top:auto!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:34px!important;
  max-width:100%!important;
  padding:7px 11px!important;
  border:1px solid #d3e4dc!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#0f5d3d!important;
  font-size:.72rem!important;
  font-weight:950!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
html body.ma-v262-front .ma-v258-path-copy a b{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  margin:-3px -4px -3px 0!important;
  border-radius:999px!important;
  background:#0f5d3d!important;
  color:#fff!important;
  font-size:.95rem!important;
  line-height:1!important;
}
html body.ma-v262-front .ma-v258-path-card.is-programming .ma-v258-path-copy h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.ma-v262-front .ma-v258-path-card.is-programming .ma-v258-path-copy p{color:#a9b5af!important}
html body.ma-v262-front .ma-v258-path-card.is-programming .ma-v258-path-copy a{
  background:#f8fbf9!important;
  border-color:#dbe6e1!important;
  color:#123c2e!important;
}
html body.ma-v262-front .ma-v258-path-card.is-programming .ma-v258-path-copy a b{
  background:#0f5d3d!important;
  color:#fff!important;
}

/* Mobile Ground Truth: compact horizontal cards, large athlete image left, copy/CTA right. */
@media (max-width:760px){
  html body.ma-v262-front .ma-v258-paths{
    padding-top:22px!important;
    padding-bottom:18px!important;
  }
  html body.ma-v262-front .ma-v258-paths .ma-wrap{
    width:min(calc(100% - 24px),680px)!important;
  }
  html body.ma-v262-front .ma-v258-paths .ma-v23-section-title{
    margin-bottom:12px!important;
  }
  html body.ma-v262-front .ma-v258-paths .ma-v23-section-title .ma-v23-label{
    font-size:.64rem!important;
    margin-bottom:4px!important;
  }
  html body.ma-v262-front .ma-v258-paths .ma-v23-section-title h2{
    font-size:2rem!important;
    line-height:1.04!important;
  }
  html body.ma-v262-front .ma-v258-path-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
  html body.ma-v262-front .ma-v258-path-card{
    display:grid!important;
    grid-template-columns:44% minmax(0,56%)!important;
    grid-template-rows:1fr!important;
    direction:ltr!important;
    width:100%!important;
    height:156px!important;
    min-height:156px!important;
    max-height:156px!important;
    border-radius:18px!important;
  }
  html body.ma-v262-front .ma-v258-path-media{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    overflow:hidden!important;
    flex:none!important;
  }
  html body.ma-v262-front .ma-v258-path-media img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  html body.ma-v262-front .ma-v258-path-card.is-crossfit .ma-v258-path-media img{object-position:27% center!important}
  html body.ma-v262-front .ma-v258-path-card.is-programming .ma-v258-path-media img{object-position:25% center!important}
  html body.ma-v262-front .ma-v258-path-card.is-running .ma-v258-path-media img{object-position:24% center!important}

  html body.ma-v262-front .ma-v258-path-copy{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:10px 10px 9px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    flex:none!important;
  }
  html body.ma-v262-front .ma-v258-path-copy>span{
    font-size:.54rem!important;
    line-height:1.12!important;
    letter-spacing:.06em!important;
  }
  html body.ma-v262-front .ma-v258-path-copy h3{
    margin:4px 0 3px!important;
    font-size:1.03rem!important;
    line-height:1.13!important;
    font-weight:950!important;
    text-wrap:balance!important;
  }
  html body.ma-v262-front .ma-v258-path-copy p{
    margin:0 0 4px!important;
    font-size:.60rem!important;
    line-height:1.32!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }
  html body.ma-v262-front .ma-v258-path-copy a{
    min-height:28px!important;
    padding:4px 7px!important;
    font-size:.58rem!important;
    gap:5px!important;
  }
  html body.ma-v262-front .ma-v258-path-copy a b{
    width:23px!important;
    height:23px!important;
    font-size:.82rem!important;
  }
}

@media (max-width:430px){
  html body.ma-v262-front .ma-v258-paths .ma-v23-section-title h2{font-size:1.9rem!important}
  html body.ma-v262-front .ma-v258-path-card{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    grid-template-columns:43% minmax(0,57%)!important;
  }
  html body.ma-v262-front .ma-v258-path-copy{padding:9px 9px 8px!important}
  html body.ma-v262-front .ma-v258-path-copy h3{font-size:.98rem!important;line-height:1.12!important}
  html body.ma-v262-front .ma-v258-path-copy p{font-size:.57rem!important;line-height:1.28!important}
  html body.ma-v262-front .ma-v258-path-copy a{font-size:.56rem!important}
}

@media (max-width:370px){
  html body.ma-v262-front .ma-v258-path-card{
    height:146px!important;
    min-height:146px!important;
    max-height:146px!important;
    grid-template-columns:41% minmax(0,59%)!important;
  }
  html body.ma-v262-front .ma-v258-path-copy{padding:8px!important}
  html body.ma-v262-front .ma-v258-path-copy h3{font-size:.92rem!important}
  html body.ma-v262-front .ma-v258-path-copy p{font-size:.54rem!important}
  html body.ma-v262-front .ma-v258-path-copy a{font-size:.53rem!important;padding:4px 6px!important}
}