/* ==========================================================
   Store.Toolsheep V36 — MOBILE HERO GAP FIX
   Only fixes excessive vertical whitespace under LINE assist card.
   ========================================================== */
@media (max-width:767px){
  /* Elementor containers may keep desktop flex/min-height values.
     Force every hero layer to size from its real mobile content. */
  .elementor-element.stsh-v2-hero,
  .elementor-element.stsh-v2-hero > .e-con-inner,
  .elementor-element.stsh-v2-hero-main,
  .elementor-element.stsh-v2-hero-main > .e-con-inner,
  .elementor-element.stsh-v2-hero-side,
  .elementor-element.stsh-v2-hero-side > .e-con-inner{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex-grow:0!important;
    flex-basis:auto!important;
    --min-height:0px!important;
  }

  /* Keep the useful LINE card on mobile, but remove the secondary banner
     and any desktop grid height that was reserving blank space. */
  .elementor-element.stsh-v2-hero-side{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:12px 0 0!important;
    padding:0!important;
  }
  .stsh-v10-side-stack,
  .stsh-v6-promo-stack{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
  }
  .stsh-v10-side-banner,
  .stsh-v6-promo-tile--image{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  .stsh-v10-line-card,
  .stsh-v6-line-card{
    width:100%!important;
    height:auto!important;
    min-height:112px!important;
    max-height:none!important;
    margin:0!important;
    padding:12px!important;
  }

  /* Category should follow the LINE card with a normal section rhythm,
     not the old reserved hero height. */
  .elementor-element.stsh-v2-category-module{
    margin-top:16px!important;
    padding-top:8px!important;
  }
}

@media (max-width:390px){
  .elementor-element.stsh-v2-hero-side{margin-top:10px!important}
  .stsh-v10-line-card,.stsh-v6-line-card{min-height:106px!important;padding:10px!important}
  .elementor-element.stsh-v2-category-module{margin-top:14px!important}
}