@media (max-width: 991.98px) {
    /* 1. Reset the hero wrapper row to handle block elements cleanly */
    .hero-section, .homepage-hero, [class*="-hero"] {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        padding-top: 15px !important;
        padding-bottom: 20px !important;
    }

    /* 2. Target the illustration block wrapper to kill absolute float overlaps */
    .homepage-hero-illustration, 
    [class*="illustration"], 
    .hero-section img {
        position: relative !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        display: block !important;
        max-height: 180px !important;
        width: auto !important;
        margin: 0 auto 20px auto !important;
        float: none !important;
    }

    /* 3. Force the main header and text elements to drop safely below the image */
    .hero-section h1, 
    .hero-section p, 
    [class*="title-holder"], 
    [class*="hero-text"] {
        position: relative !important;
        text-align: center !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    /* 4. Push pricing blocks down so they don't crush into paragraph lines */
    .hero-price-box, [class*="price"] {
        margin-top: 15px !important;
        display: block !important;
        text-align: center !important;
    }

    /* 5. LOGO TEXT FIX: Forces the white text tagline images to turn solid black */
    .website__identity__sidebar__link img.white__logo,
    .website__identity__sidebar__link img.image__logo__tagline,
    img.image__logo__tagline.white__logo {
        filter: brightness(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    /* 6. LOGO ICON FIX: Inverts the invisible white server stack icon to dark charcoal */
    .website__identity__sidebar__link img.image__logo.icon.white__logo,
    .website__identity__sidebar__link img.image__logo.icon {
        filter: invert(0.85) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}