/* KAGURA AYA | HOME menu cards mobile-first override | 2026-11-12
   Desktop retains the existing horizontal layout.
   Mobile: image above, content below, naturally sized cards.
*/
@media screen and (max-width:760px){
  #services .ksc-category .ksc-services-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;
    align-items:stretch!important;
    gap:17px!important;
    width:100%!important;
    min-width:0!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:18px!important;
    align-self:stretch!important;
    padding:0!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-image{
    display:block!important;
    position:relative!important;
    grid-column:auto!important;
    grid-row:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    height:clamp(152px,44vw,185px)!important;
    min-height:0!important;
    max-height:185px!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center 45%!important;
    border-radius:0!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-body{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:0!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    padding:17px 18px 19px!important;
    gap:0!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-body .kagura-menu-title{
    display:block!important;
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    margin:5px 0 12px!important;
    padding:0!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .kagura-menu-title-label{
    display:none!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card h4{
    font-size:clamp(21px,5.3vw,23px)!important;
    line-height:1.5!important;
    font-weight:750!important;
    letter-spacing:.015em!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    margin:0!important;
    max-width:100%!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-status{
    display:inline-flex!important;
    max-width:100%!important;
    width:auto!important;
    align-self:flex-start!important;
    font-size:13px!important;
    line-height:1.45!important;
    padding:5px 12px!important;
    margin:0 0 4px!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-body>span:not(.aya-status):not(.aya-travel-badge){
    font-size:13px!important;
    line-height:1.5!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-travel-badge{
    position:absolute!important;
    top:12px!important;
    left:12px!important;
    right:auto!important;
    bottom:auto!important;
    z-index:3!important;
    font-size:13px!important;
    line-height:1.5!important;
    padding:5px 10px!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-hashtag-band{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:4px 12px!important;
    width:100%!important;
    padding:9px 12px!important;
    margin:1px 0 12px!important;
    font-size:13px!important;
    line-height:1.6!important;
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-hashtag-band>span{
    white-space:normal!important;
    font-size:inherit!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-menu-activities{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
    width:100%!important;
    gap:7px 8px!important;
    margin:2px 0 10px!important;
    line-height:1.6!important;
    font-size:14px!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-menu-activities>span{
    display:inline-flex!important;
    align-items:center!important;
    min-height:29px!important;
    max-width:100%!important;
    white-space:normal!important;
    font-size:14px!important;
    line-height:1.4!important;
    padding:5px 12px!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-pills{
    display:flex!important;
    flex-wrap:wrap!important;
    width:100%!important;
    gap:7px!important;
    margin:6px 0 12px!important;
    padding:0!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-pill{
    display:inline-flex!important;
    align-items:center!important;
    white-space:normal!important;
    font-size:13px!important;
    line-height:1.45!important;
    padding:6px 10px!important;
    max-width:100%!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card :is(.aya-menu-note,.aya-optional,.aya-lead,p){
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    white-space:normal!important;
    font-size:15px!important;
    line-height:1.75!important;
    margin:3px 0 12px!important;
  }
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-body>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-height:49px!important;
    height:auto!important;
    margin:14px 0 0!important;
    padding:11px 19px!important;
    font-size:16px!important;
    line-height:1.6!important;
    font-weight:750!important;
    border-radius:999px!important;
    text-align:center!important;
  }
}
@media screen and (max-width:375px){
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-body{padding:16px 14px 18px!important;}
  #services .ksc-category .ksc-service-item.aya-photo-card .aya-photo-card-image{height:153px!important;}
  #services .ksc-category .ksc-service-item.aya-photo-card h4{font-size:21px!important;}
}