/* T80 — Mobile service cards position and proportion refinement
   Scope: homepage on mobile only. Keeps T79 styling while improving balance. */

@media (max-width:760px){
  /* Keep the cards elegant but reduce the dead space inside each card. */
  #home .primary-actions{
    height:190px !important;
    right:12px !important;
    bottom:26px !important;
    left:12px !important;
    gap:8px !important;
  }

  /* Pull the title block down slightly so the cards can sit a touch higher. */
  #home .hero-content{
    bottom:236px !important;
  }

  /* Shorter silhouette with tighter spacing and a cleaner bottom zone. */
  #home .feature-card{
    padding:12px 7px 34px !important;
    gap:2px !important;
    border-radius:20px !important;
  }

  #home .feature-card::before{
    inset:7px !important;
    border-radius:14px !important;
  }

  #home .feature-card .icon{
    width:42px !important;
    height:42px !important;
    flex:0 0 42px !important;
    margin:0 auto 0 !important;
  }

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

  #home .feature-card strong{
    min-height:1.95em !important;
  }

  #home .feature-card small::after{
    line-height:1.38 !important;
  }

  #home .feature-card::after{
    bottom:8px !important;
    width:25px !important;
    height:25px !important;
  }
}

@media (max-width:760px) and (max-height:780px){
  #home .primary-actions{
    height:166px !important;
    right:9px !important;
    bottom:18px !important;
    left:9px !important;
    gap:6px !important;
  }

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

  #home .feature-card{
    padding:8px 5px 31px !important;
    gap:1px !important;
    border-radius:18px !important;
  }

  #home .feature-card .icon{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }

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

  #home .feature-card small::after{
    line-height:1.34 !important;
  }

  #home .feature-card::after{
    width:21px !important;
    height:21px !important;
    bottom:6px !important;
  }
}

@media (max-width:380px){
  #home .primary-actions{
    right:7px !important;
    left:7px !important;
    bottom:20px !important;
    gap:5px !important;
  }
}