/**
 * Optional two-column product grid for mobile category pages.
 * Loaded only in ON or A/B mode and gated by an early HTML class.
 * @author CUSTOM-NOT-UPDATE
 */
@media (max-width: 767px) {
    html.gk-optimize-grid-two-columns body.page-category #js-product-list .products-grid {
        margin-right: -5px;
        margin-left: -5px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .products-grid > .js-product-miniature-wrapper {
        display: flex;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 5px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid {
        width: 100%;
        height: 100%;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .thumbnail-container,
    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-thumbnail,
    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-thumbnail img {
        height: 150px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-thumbnail img {
        width: 100%;
        margin: 0;
        object-fit: contain;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-description {
        min-height: 108px;
        padding: 6px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-description-short {
        display: none;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-title {
        display: -webkit-box;
        min-height: 48px;
        max-height: 48px;
        margin-bottom: 4px;
        overflow: hidden;
        font-size: 13px;
        line-height: 16px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-description > .row {
        width: auto;
        margin: auto 0 0;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-description > .row > [class*="col-"] {
        padding-right: 2px;
        padding-left: 2px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-stock-status {
        font-size: 10px;
        line-height: 13px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-price-and-shipping,
    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .price,
    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-price {
        font-size: 13px;
        line-height: 17px;
        white-space: nowrap;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .regular-price {
        display: block;
        font-size: 9px;
        line-height: 11px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-flags {
        right: 5px;
        left: 5px;
        width: auto;
        max-width: none;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-flags .product-flag {
        width: 100%;
        max-width: 100%;
        padding: 2px 4px;
        font-size: 9px;
        line-height: 11px;
        text-align: center;
        white-space: normal;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .btn-product-list {
        width: 100%;
        min-width: 0;
        height: 32px;
        padding: 4px 5px;
        font-size: 12px;
        line-height: 22px;
    }

    html.gk-optimize-grid-two-columns body.page-category #js-product-list .product-miniature-grid .product-functional-buttons-bottom {
        transform: scale(.82);
        transform-origin: center bottom;
    }
}