/* V3.2.7 - mobile 2x2 home sliders + uncropped category images */
@media (max-width:760px){
  body.home-page .home-category-slider,
  body.home-page .home-service-slider{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:repeat(2,auto)!important;
    grid-auto-flow:column!important;
    grid-auto-columns:calc((100% - 10px)/2)!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    padding:4px 1px 12px!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch;
    align-items:stretch!important;
  }
  body.home-page .home-category-slider::-webkit-scrollbar,
  body.home-page .home-service-slider::-webkit-scrollbar{display:none!important}

  body.home-page .home-category-slider .category-card,
  body.home-page .home-service-slider .service-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    scroll-snap-align:start!important;
    border-radius:15px!important;
    margin:0!important;
  }

  /* Category artwork is never cropped on mobile. */
  body.home-page .home-category-cover{
    height:auto!important;
    aspect-ratio:16/10!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    padding:5px!important;
    background:#f5f8fa!important;
  }
  body.home-page .home-category-cover img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
    border-radius:10px!important;
  }
  body.home-page .home-category-content{padding:9px 10px!important;min-height:52px!important}
  body.home-page .home-category-content b{font-size:12px!important;line-height:1.2!important}
  body.home-page .home-category-content small{font-size:9px!important}
  body.home-page .home-category-content i{width:24px!important;height:24px!important;font-size:10px!important}

  /* Keep four featured service cards visible without making the block too tall. */
  body.home-page .home-service-slider .service-card{display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important}
  body.home-page .home-service-slider .kh-featured-service-main{display:block!important;flex:1 1 auto!important}
  body.home-page .home-service-slider .service-cover{height:78px!important;min-height:78px!important;display:grid!important;place-items:center!important}
  body.home-page .home-service-slider .service-body{padding:8px 9px!important}
  body.home-page .home-service-slider .service-body small{font-size:8px!important}
  body.home-page .home-service-slider .service-body h3{font-size:12px!important;line-height:1.2!important;margin:2px 0!important;min-height:29px!important}
  body.home-page .home-service-slider .service-body p{display:none!important}
  body.home-page .kh-featured-service-actions{padding:0 7px 8px!important;gap:4px!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  body.home-page .kh-featured-service-actions>a,
  body.home-page .kh-featured-service-actions>button{
    min-height:29px!important;
    padding:5px 4px!important;
    font-size:8.5px!important;
    line-height:1.05!important;
    border-radius:8px!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
}

@media (max-width:390px){
  body.home-page .home-category-slider,
  body.home-page .home-service-slider{
    grid-auto-columns:calc((100% - 8px)/2)!important;
    gap:8px!important;
  }
  body.home-page .kh-featured-service-actions{grid-template-columns:1fr!important}
  body.home-page .home-service-slider .service-cover{height:72px!important;min-height:72px!important}
}