/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 */
 
#products .pk-grid-container {
    display:grid;
    /*grid-template-columns: repeat(auto-fill,minmax(200px, 1fr))*/
}

.miniature-size-x-2x {
    grid-column-end: span 2
}
.miniature-size-x-3x {
    grid-column-end: span 3
}
.miniature-size-y-2x {
    grid-row-end: span 2
}
.miniature-size-y-3x {
    grid-row-end: span 3
}
.pk-custom-image {
    max-width: 100%;
    width:100%;
    height:auto
}
.custom-product-item {
    width: 100%
}
.custom-product-item.product-miniature {
    width:100%;
    margin:0;
}
#pattern #products.view_grid.view_grid2 .miniature-size-x-3x {
    grid-column-end: span 2
}
.miniature-size-x-2x.miniature-size-y-1x .thumbnail-container {
    display: flex
}
.miniature-size-x-2x.miniature-size-y-1x .thumbnail-container .thumbnail {
    width:40%;
    min-width:40%;
    margin: 0 30px 0 0;
}
.miniature-size-x-2x.miniature-size-y-1x .thumbnail-container .product-desc-wrap {
    flex-grow: 1
}
.miniature-size-x-2x.miniature-size-y-1x .thumbnail-container .product-flags {
    right:auto;
    left:15px;
}
#pattern .miniature-size-x-2x.miniature-size-y-1x .product-title {
    float:none !important;
    width: 80% !important;
}
#pattern .miniature-size-x-2x.miniature-size-y-1x .product-price-and-shipping {
    position: static !important;
    width:auto !important;
    align-items: flex-start !important;
}
#pattern .miniature-size-x-2x.miniature-size-y-1x .product-desc-wrap {
    display: flex;
    align-items: center;
}
#pattern .miniature-size-x-2x.miniature-size-y-1x .product-description {
    width:100%;
}
/* customize Classic theme */
/*
#products .product-description {
    padding-left: 10px;
    padding-right: 10px
}
#products .thumbnail-container,
#products .product-description {
    width:100%;
}
#products .thumbnail-container .product-thumbnail img {
    width:100%;
    height: auto
}
#products .highlighted-informations {
    width:100%;
    top:-100%;
    bottom:auto;
}
#products .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants  {
    top:0;
    bottom:auto;
    padding-bottom: 8px;
    z-index: 99
}
*/