@media (max-width: 767px) {
    .xb-home-hero h1 {
        font-size: clamp(2.3rem, 9vw, 3.2rem);
    }

    .xb-home-hero__media {
        min-height: 22rem;
    }

    .xb-home-hero__floating-card {
        width: calc(100% - 4rem);
        right: 1rem;
        bottom: 1rem;
    }

    .xb-home-category-grid,
    .xb-home-trust-grid,
    .xb-home-testimonial-grid,
    .xb-home-product-grid,
    .xb-home-footer__groups {
        grid-template-columns: 1fr;
    }

    .xb-home-modal__dialog {
        width: calc(100vw - 1rem);
        margin-top: 1rem;
    }
}