/* v0.10.139 — Homepage service cards: mobile responsive correction.
 * Desktop geometry remains untouched. Mobile uses a larger active card with
 * controlled side peeks, stable internal layout, natural text wrapping, and
 * a dedicated CTA row so service copy cannot clip or overlap.
 */

.yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card{
  box-sizing:border-box!important;
}

@media(max-width:640px){
  .yu-homepage #yu-home-services .yu-home-services__flow-viewport{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:10px 0 24px!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track{
    gap:14px!important;
    align-items:stretch!important;
  }

  /* Large active card + intentional previous/next side peeks. */
  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card{
    flex:0 0 76vw!important;
    width:76vw!important;
    min-width:76vw!important;
    max-width:76vw!important;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    padding:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__select{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__visual{
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    min-height:0!important;
    aspect-ratio:3 / 2!important;
    margin:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-service-image{
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__card-content{
    flex:1 1 auto!important;
    min-width:0!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:18px 20px 0!important;
    overflow:visible!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__card-content h3{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 10px!important;
    font-size:clamp(27px,7.2vw,32px)!important;
    line-height:1.08!important;
    letter-spacing:-.02em!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__card-content p{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.45!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__card-content p strong{
    display:block!important;
    margin-bottom:5px!important;
    font-size:1.08em!important;
    line-height:1.25!important;
  }

  /* CTA is always its own row and never overlays description text. */
  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__learn{
    flex:0 0 auto!important;
    align-self:flex-start!important;
    width:max-content!important;
    max-width:calc(100% - 40px)!important;
    margin:0 20px!important;
    padding:14px 0 20px!important;
    font-size:13px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }

  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__learn span{
    display:inline!important;
  }

  /* Category strip remains a single horizontal line on mobile. */
  .yu-homepage #yu-home-services .yu-home-services__footer-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:24px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    padding:2px 4px 8px!important;
    scrollbar-width:none!important;
  }
  .yu-homepage #yu-home-services .yu-home-services__footer-row::-webkit-scrollbar{display:none!important;}
  .yu-homepage #yu-home-services .yu-home-services__footer-row span,
  .yu-homepage #yu-home-services .yu-home-services__footer-row strong{
    flex:0 0 auto!important;
  }
}

@media(max-width:380px){
  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card{
    flex-basis:78vw!important;
    width:78vw!important;
    min-width:78vw!important;
    max-width:78vw!important;
    height:490px!important;
    min-height:490px!important;
    max-height:490px!important;
  }
  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__card-content{
    padding-inline:17px!important;
  }
  .yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card .yu-home-services__learn{
    margin-inline:17px!important;
  }
}

/* v0.10.141 — smooth direct desktop mouse-drag + mobile finger-swipe interaction. */
.yu-homepage #yu-home-services .yu-home-services__flow-viewport{
  cursor:grab!important;
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-touch-callout:none!important;
}
.yu-homepage #yu-home-services .yu-home-services__flow-viewport.is-dragging{
  cursor:grabbing!important;
}
.yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card{
  cursor:grab!important;
}
.yu-homepage #yu-home-services .yu-home-services__flow-viewport.is-dragging .yu-home-services__flow-track > .yu-home-services__card{
  cursor:grabbing!important;
  transition:none!important;
}
.yu-homepage #yu-home-services .yu-home-service-image{
  -webkit-user-drag:none;
  user-drag:none;
  pointer-events:none;
}
@media(max-width:768px){
  .yu-homepage #yu-home-services .yu-home-services__flow-viewport{
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .yu-homepage #yu-home-services .yu-home-services__flow-viewport{
    cursor:default!important;
  }
}


/* v0.10.141 — prevent native anchor dragging without disabling click/tap navigation. */
.yu-homepage #yu-home-services .yu-home-services__flow-track > .yu-home-services__card{
  -webkit-user-drag:none!important;
  user-drag:none!important;
}