/* T83 — Clean internal spacing for mobile homepage service cards
   Scope: homepage mobile cards only. */
@media (max-width:760px){
  #home .primary-actions{
    height:176px !important;
    bottom:24px !important;
  }

  #home .hero-content{
    bottom:220px !important;
  }

  #home .feature-card{
    min-height:0 !important;
    padding:8px 6px 34px !important;
    display:grid !important;
    grid-template-rows:39px minmax(34px,auto) minmax(38px,auto) !important;
    align-content:start !important;
    align-items:center !important;
    justify-items:center !important;
    row-gap:3px !important;
  }

  #home .feature-card .icon{
    width:39px !important;
    height:39px !important;
    min-width:0 !important;
    flex:0 0 39px !important;
    margin:0 auto !important;
    align-self:center !important;
  }

  #home .feature-card .icon-hotel{width:45px !important;}
  #home .feature-card .icon-menu{width:34px !important;}

  #home .feature-card strong{
    width:100% !important;
    min-height:34px !important;
    margin:0 !important;
    padding:0 2px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:clamp(.88rem,3.8vw,1rem) !important;
    line-height:1.16 !important;
    white-space:normal !important;
  }

  #home .feature-card[data-view="menu"] strong{
    font-size:clamp(.80rem,3.45vw,.92rem) !important;
    line-height:1.12 !important;
  }

  #home .feature-card small{
    width:100% !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 2px !important;
    display:flex !important;
    align-items:flex-start !important;
    justify-content:center !important;
    transform:none !important;
    overflow:visible !important;
  }

  #home .feature-card small::after{
    display:block !important;
    width:100% !important;
    font-size:clamp(.66rem,2.72vw,.75rem) !important;
    line-height:1.34 !important;
    text-align:center !important;
  }

  #home .feature-card::after{
    bottom:7px !important;
    width:23px !important;
    height:23px !important;
    font-size:1.08rem !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:154px !important;
    bottom:16px !important;
  }

  #home .hero-content{
    bottom:188px !important;
  }

  #home .feature-card{
    padding:6px 4px 29px !important;
    grid-template-rows:31px minmax(30px,auto) minmax(32px,auto) !important;
    row-gap:2px !important;
  }

  #home .feature-card .icon{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }
  #home .feature-card .icon-hotel{width:37px !important;}
  #home .feature-card .icon-menu{width:28px !important;}

  #home .feature-card strong{
    min-height:30px !important;
    font-size:.82rem !important;
    line-height:1.12 !important;
  }

  #home .feature-card[data-view="menu"] strong{
    font-size:.75rem !important;
  }

  #home .feature-card small{
    min-height:32px !important;
  }

  #home .feature-card small::after{
    font-size:.60rem !important;
    line-height:1.28 !important;
  }

  #home .feature-card::after{
    bottom:6px !important;
    width:20px !important;
    height:20px !important;
    font-size:.98rem !important;
  }
}