/* V3.2.6 - mobile two-column auto sliders + fullscreen bottom request flow */
@media (max-width:760px){
  body.home-page .home-category-slider,
  body.home-page .home-service-slider{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth;
    padding:3px 1px 12px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.home-page .home-category-slider::-webkit-scrollbar,
  body.home-page .home-service-slider::-webkit-scrollbar{display:none}

  body.home-page .home-category-slider .category-card,
  body.home-page .home-service-slider .service-card{
    flex:0 0 calc((100% - 10px)/2)!important;
    width:calc((100% - 10px)/2)!important;
    min-width:calc((100% - 10px)/2)!important;
    scroll-snap-align:start!important;
    border-radius:15px!important;
  }
  body.home-page .home-category-cover{height:88px!important}
  body.home-page .home-category-content{padding:10px!important;gap:6px!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:25px!important;height:25px!important;font-size:11px!important}

  body.home-page .home-service-slider .service-cover{height:92px!important}
  body.home-page .home-service-slider .service-body{padding:10px!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:13px!important;line-height:1.25!important;margin:3px 0 4px!important;min-height:32px}
  body.home-page .home-service-slider .service-body p{display:none!important}
  body.home-page .kh-featured-service-actions{padding:0 8px 9px!important;gap:5px!important;display:grid!important;grid-template-columns:1fr!important}
  body.home-page .kh-featured-service-actions>a,
  body.home-page .kh-featured-service-actions>button{min-height:31px!important;padding:6px 7px!important;font-size:9px!important;border-radius:9px!important;justify-content:center!important}
  body.home-page .slider-actions{display:none!important}

  /* Only the bottom navigation CTA opens as an app-like full screen request surface. */
  .request-quick-modal.mobile-fullscreen{
    padding:0!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    background:#fff!important;
    z-index:9999!important;
  }
  .request-quick-modal.mobile-fullscreen .request-quick-dialog{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    border-radius:0!important;
    margin:0!important;
    box-shadow:none!important;
    overflow-y:auto!important;
    padding:calc(18px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom))!important;
  }
  .request-quick-modal.mobile-fullscreen .request-quick-close{
    position:sticky!important;
    top:0!important;
    float:right;
    width:38px!important;
    height:38px!important;
    border-radius:12px!important;
    z-index:3;
    background:#f3f6fa!important;
  }
  .request-quick-modal.mobile-fullscreen .request-quick-head{padding-top:12px!important;clear:both}
  .request-quick-modal.mobile-fullscreen .request-quick-head h2{font-size:25px!important;line-height:1.15!important;max-width:280px}
  .request-quick-modal.mobile-fullscreen .request-quick-head p{font-size:12px!important;margin-bottom:15px!important}
  .request-quick-modal.mobile-fullscreen .quick-service-searchbox{
    min-height:52px!important;
    border-radius:15px!important;
    padding:0 12px!important;
    position:sticky;
    top:4px;
    z-index:2;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(15,35,60,.08);
  }
  .request-quick-modal.mobile-fullscreen .quick-service-searchbox input{font-size:15px!important}
  .request-quick-modal.mobile-fullscreen .quick-service-searchbox kbd{display:none!important}
  .request-quick-modal.mobile-fullscreen .request-quick-grid{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important}
  .request-quick-modal.mobile-fullscreen .request-quick-grid>a,
  .request-quick-modal.mobile-fullscreen .quick-service-suggestions>a{min-height:64px!important;border-radius:13px!important;padding:10px!important}
  body.kh-request-fullscreen-open{overflow:hidden!important;touch-action:none}
}

@media (max-width:390px){
  body.home-page .home-category-slider .category-card,
  body.home-page .home-service-slider .service-card{
    flex-basis:calc((100% - 8px)/2)!important;
    width:calc((100% - 8px)/2)!important;
    min-width:calc((100% - 8px)/2)!important;
  }
  body.home-page .home-category-slider,
  body.home-page .home-service-slider{gap:8px!important}
}