@import url("style-base.css");

.home-product-panel,
.home-product-heading,
.home-product-heading-copy,
.home-product-heading-copy > div,
.home-product-slider,
.product-slider-rail {
    min-width: 0;
    max-width: 100%;
}

.home-product-panel {
    width: 100%;
}

.home-product-slider .product-slider-arrow img {
    transform: scaleX(-1);
}

@media (max-width: 640px) {
    .home-product-heading {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
        gap: 10px;
    }

    .home-product-heading-copy {
        display: block;
    }

    .home-product-heading-icon {
        display: none;
    }

    .home-product-heading h2,
    .home-product-heading p {
        max-width: 100%;
    }

    .home-product-view-all {
        align-self: start;
        white-space: nowrap;
    }

    .home-product-slider {
        width: 100%;
        overflow: hidden;
    }
}