/* BlueStorm Signs - dedicated mobile homepage hero
   Added October 2026
   This file is loaded separately from the main stylesheet. */

@media only screen and (max-width: 620px) {

    #indexHomeBody .bs-hero {
        background-image: url('/includes/templates/responsive_classic/images/bluestorm-home/hero-home-mobile.png?v=20261016') !important;
        background-size: cover !important;
        background-position: 58% center !important;
        background-repeat: no-repeat !important;
        min-height: 500px !important;
    }

    #indexHomeBody .bs-hero::before {
        background: linear-gradient(
            90deg,
            rgba(2,21,37,0.68) 0%,
            rgba(2,21,37,0.46) 45%,
            rgba(2,21,37,0.15) 100%
        ) !important;
    }
}