/* Keep legacy catalog image dimensions inside responsive product tiles. */
.products-grid .product-item-info { max-width: 100%; }
.products-grid .product-image-container { max-width: 100%; }
.products-grid .product-image-photo { max-width: 100%; height: auto; }
@media (max-width: 767px) {
    .products-grid .product-items:not(.owl-carousel) > .product-item {
        width: 50%; box-sizing: border-box;
    }
    .products-grid .product-item-info { width: 100%; }
}
@media (max-width: 480px) {
    .page-header .logo-site { transform: translateX(-18px); }
    .page-header .logo-site .logo { display: block; width: 125px; max-width: 125px; }
    .page-header .logo-site .logo img { width: 100%; height: auto; }
}
@media (max-width: 480px) {
 .page-header .logo-container { pointer-events: none; }
 .page-header .logo-container .logo { pointer-events: auto; }
}

/* Category/search cards must fit the listing column, not the source image width. */
@media (min-width: 768px) {
    .catalog-category-view .column.main .products-grid > .product-items,
    .catalogsearch-result-index .column.main .products-grid > .product-items {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 20px;
        margin: 0;
        padding: 0;
    }
    .catalog-category-view .column.main .products-grid > .product-items > .product-item,
    .catalogsearch-result-index .column.main .products-grid > .product-items > .product-item {
        width: 100% !important;
        min-width: 0;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    .catalog-category-view .column.main .products-grid .product-item-info,
    .catalogsearch-result-index .column.main .products-grid .product-item-info,
    .catalog-category-view .column.main .products-grid .product-image-container,
    .catalogsearch-result-index .column.main .products-grid .product-image-container {
        width: 100% !important;
        max-width: 100%;
    }
    .catalog-category-view .column.main .products-grid .product-image-photo,
    .catalogsearch-result-index .column.main .products-grid .product-image-photo {
        max-width: 100%;
    }
}
@media (min-width: 1024px) {
    .catalog-category-view .column.main .products-grid > .product-items {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .catalogsearch-result-index .column.main .products-grid > .product-items {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}