/* Homepage product widgets: show two balanced columns on phone screens. */
@media only screen and (max-width: 767px) {
    body.cms-index-index.page-layout-1column [data-content-type="text"] h3 {
        padding-right: 12px;
        padding-left: 12px;
    }

    body.cms-index-index.page-layout-1column .block.widget .products-grid .product-items {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 12px;
        margin: 0 !important;
    }

    body.cms-index-index.page-layout-1column .block.widget .products-grid .product-item {
        box-sizing: border-box;
        float: none;
        width: auto !important;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.cms-index-index .block.widget .products-grid .product-item-info,
    body.cms-index-index .block.widget .products-grid .product-item-photo,
    body.cms-index-index .block.widget .products-grid .product-image-container {
        display: block;
        width: 100% !important;
        max-width: 100%;
    }
}