﻿/* DetalhesLoja (Views/Home/DetalhesLoja.cshtml) */

/* cards de 182px: centralizados entre 768 e 991px */
@media (min-width: 768px) and (max-width: 991px) {
    .results-container #results-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-left: 0 !important;
    }

        .results-container #results-holder .result-item {
            margin-left: 4px;
            margin-right: 4px;
        }
}

/* abaixo de 768px: 2 colunas e logo da loja fora de cima do nome */
@media (max-width: 767px) {
    .logoLojaDetalhes {
        position: static;
        display: inline-block;
        margin: 5px 0 15px;
    }

    .results-container #results-holder {
        margin-left: 0 !important;
    }

        .results-container #results-holder .result-item {
            width: 49% !important;
            margin-left: 0;
            margin-right: 2%;
        }

            .results-container #results-holder .result-item:nth-child(2n) {
                margin-right: 0;
            }

            .results-container #results-holder .result-item .result-item-image img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
}
