/**
* 2007-2025 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* 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 http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2025 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.associated-products {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;

    .associated-products-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1.7rem;
    }

    .associated-products-list-item {
        gap: 1rem;
        grid-template-columns: repeat(1, 1fr);
        justify-content: center;

        > div:first-child {
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05);
            height: 230px;
            place-content: center;
            grid-template-columns: repeat(1, 1fr);
        }
    }

    .add-to-cart-form {
        right: 10px;
        bottom: 11px;
        z-index: 2;

        .btn {
            width: 40px;
            height: 40px;
            font-size: 2rem;
        }
        small {
            position: absolute;
            right: 6px;
            top: 4px;
        }

        svg {
            fill: #fff;
        }
    }

    /* .ratio {
        --aikini-aspect-ratio: calc(100% / 190 * 230);
    } */
}


.frequently-bought {
    gap: 1.2rem;
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 8rem;
    margin-top: 4rem;
    
    .frequently-bought-title {
        font-size: 2.4rem;
    }

    .frequently-bought-products {
        background-color: #F5F5F5;
        padding: 2.6rem  9rem;

        > form {
            > div {
                grid-template-columns: repeat(6, 1fr);
            }
        }
    }

    .frequently-bought-products-item {
        gap: 2rem;

        > div:not(.ratio) {
            gap: 1rem;
        }
    }

    .product-logo {
        font-size: 1rem;
    }

    .frequently-bought-products-list {
        grid-template-columns: repeat(3, 1fr);
        grid-column: span 3 / span 3;
        > div {
            place-content: center;
            &:last-child {
                grid-column-start: 3;
            }
        }
    }

    .frequently-bought-products-summary {
        grid-column: span 3 / span 3;
        > div {
            max-width: 258px;
            gap: 2rem;
            font-size: 2.4rem;
        }
    }
    
}


@media screen and (max-width: 1025px) {
    .frequently-bought {
        margin-bottom: 5rem;
        gap: 1rem;
        .frequently-bought-products {
            padding: 1.8rem 3rem;
    
            > form {
                > div {
                    grid-template-columns: repeat(1, 1fr);
                }
            }
        }
            
        .frequently-bought-title {
            font-size: 1.6rem;
        }

        .frequently-bought-products-list {
            grid-template-columns: auto;
            border-bottom: 1px solid #000;
        }

        .frequently-bought-products-summary {
            > div {
                gap: 1rem;
                font-size: 1.6rem;
            }
        }
    }

    .associated-products {
        .associated-products-list {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 2rem;

            .associated-products-list-item:last-child {
                grid-column: span 2 / span 2;
                margin: 0 24.2vw;
            }
        }
    }
}