/* =========================================
   CHUCRÊ - ATACADO E REVENDA
   Padrão visual baseado na página Congelados
   ========================================= */

/* BANNER */

.cong-atacado-hero {
    border-radius: 0;
}

.cong-atacado-hero .pg-banner__conteudo {
    max-width: 720px;
}

.cong-atacado-hero h1 {
    color: var(--pg-title);
    line-height: 1.15;
}

.cong-atacado-hero p {
    color: var(--pg-ink);
    line-height: 1.7;
}

/* APRESENTAÇÃO */

.cong-atacado-intro {
    max-width: 900px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}

.cong-atacado-intro h2 {
    justify-content: center;
    color: var(--pg-title);
}

.cong-atacado-intro .pg-sub {
    max-width: 760px;
    margin: 12px auto 0;
    line-height: 1.8;
}

/* PRODUTOS */

.cong-atacado-produtos {
    padding-top: 30px;
}

#atacado-produtos,
#atacado-contato {
    scroll-margin-top: 100px;
}

.cong-atacado-produtos > .cong-titulo {
    justify-content: center;
    margin-bottom: 8px;
    color: var(--pg-title);
}

.cong-atacado-produtos > .pg-sub {
    text-align: center;
}

/* CATEGORIAS */

.cong-atacado-categoria {
    margin-top: 42px;
}

.cong-atacado-categoria + .cong-atacado-categoria {
    margin-top: 52px;
}

.cong-atacado-categoria .cong-divisor {
    margin-bottom: 12px;
}

.cong-atacado-categoria .cong-titulo {
    margin: 0 0 12px;
    color: var(--pg-title);
}

/* GRADE DE PRODUTOS */

.cong-atacado-produtos .cong-products-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 20px;
}

.cong-atacado-produtos .cong-product {
    width: 100%;
    min-width: 0;
}

/* CONTATO */

#atacado-contato .pill {
    text-decoration: none;
}

/* RESPONSIVIDADE */

@media (max-width: 1000px) {
    .cong-atacado-produtos .cong-products-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .cong-atacado-intro {
        padding-top: 15px;
        padding-bottom: 22px;
    }

    .cong-atacado-produtos {
        padding-top: 22px;
    }

    .cong-atacado-categoria,
    .cong-atacado-categoria + .cong-atacado-categoria {
        margin-top: 35px;
    }
}

@media (max-width: 600px) {
    .cong-atacado-hero .pg-banner__conteudo {
        max-width: 100%;
    }

    .cong-atacado-hero .pg-banner__acoes {
        flex-wrap: wrap;
    }

    .cong-atacado-produtos .cong-products-grid {
        grid-template-columns: 1fr;
    }
}

.cong-atacado-page .cong-titulo {
    margin: 0 0 6px;
    color: var(--pg-title);
    font: normal clamp(26px, 3vw, 42px) / 1.1 var(--fonte-titulo);
    -webkit-text-stroke: 0;
}

.cong-atacado-hero {
    padding-bottom: 120px;
}

.cong-atacado-intro {
    padding-top: 0;
}