/* ==========================================================
   REIS LIXEIRAS - V33E
   CATEGORIA MESTRE - PILOTO CESTOS DE LIXO
   ========================================================== */

body.reis-v33e-category-pilot{
    --v33e-gap:22px;
    --v33e-card-radius:20px;
}


/* ==========================================================
   CABECALHO DA LISTAGEM
   ========================================================== */

body.reis-v33e-category-pilot
.section > .container{
    padding-top:4px;
}

body.reis-v33e-category-pilot
.section-head{
    margin-bottom:30px!important;
}

body.reis-v33e-category-pilot
.section-head h2{
    letter-spacing:-.025em!important;
}


/* ==========================================================
   GRID PRINCIPAL
   ========================================================== */

body.reis-v33e-category-pilot
.products-grid,

body.reis-v33e-category-pilot
.category-products-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:var(--v33e-gap)!important;
    align-items:stretch!important;
}


/* ==========================================================
   TITULOS DE FAMILIA QUE ESTIVEREM DENTRO DO GRID
   ========================================================== */

body.reis-v33e-category-pilot
.category-products-grid > h2,

body.reis-v33e-category-pilot
.category-products-grid > h3,

body.reis-v33e-category-pilot
.products-grid > h2,

body.reis-v33e-category-pilot
.products-grid > h3{
    grid-column:1 / -1!important;

    margin:30px 0 2px!important;
    padding:0 0 12px!important;

    color:#073b54!important;

    border-bottom:
        2px solid rgba(20,190,125,.65)!important;

    font-size:clamp(22px,2vw,30px)!important;
    line-height:1.15!important;
}


/* ==========================================================
   CARD
   Os elementos usam product-card + catalog-card juntos.
   ========================================================== */

body.reis-v33e-category-pilot
.product-card.catalog-card{
    min-width:0!important;
    height:100%!important;

    display:flex!important;
    flex-direction:column!important;

    overflow:hidden!important;

    background:#fff!important;

    border:
        1px solid #dfe8e5!important;

    border-radius:
        var(--v33e-card-radius)!important;

    box-shadow:
        0 8px 26px rgba(17,40,52,.055)!important;

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease!important;
}


body.reis-v33e-category-pilot
.product-card.catalog-card:hover{
    transform:translateY(-3px)!important;

    border-color:
        rgba(19,184,119,.55)!important;

    box-shadow:
        0 16px 38px rgba(17,40,52,.10)!important;
}


/* ==========================================================
   IMAGEM
   ========================================================== */

body.reis-v33e-category-pilot
.product-card.catalog-card
.product-img{
    width:100%!important;

    height:240px!important;
    min-height:240px!important;

    padding:22px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:
        linear-gradient(
            180deg,
            #fbfefd 0%,
            #f2faf7 100%
        )!important;

    border-bottom:
        1px solid #e7efec!important;
}


body.reis-v33e-category-pilot
.product-card.catalog-card
.product-img img{
    display:block!important;

    width:auto!important;
    height:auto!important;

    max-width:100%!important;
    max-height:198px!important;

    margin:auto!important;

    object-fit:contain!important;

    transform:none!important;
}


/* ==========================================================
   INFORMACOES
   ========================================================== */

body.reis-v33e-category-pilot
.product-card.catalog-card
.product-info{
    display:flex!important;
    flex-direction:column!important;
    flex:1!important;

    gap:9px!important;

    padding:
        18px 18px 16px!important;
}


body.reis-v33e-category-pilot
.product-card.catalog-card
.product-info .pill{
    align-self:flex-start!important;

    width:auto!important;

    padding:
        5px 8px!important;

    font-size:
        10.5px!important;

    line-height:
        1.15!important;
}


body.reis-v33e-category-pilot
.product-card.catalog-card
.product-info h3{
    margin:
        0!important;

    min-height:
        2.6em!important;

    font-size:
        17px!important;

    line-height:
        1.28!important;

    letter-spacing:
        -.012em!important;

    color:
        #073b54!important;
}


body.reis-v33e-category-pilot
.product-card.catalog-card
.product-info p{
    margin:
        0!important;

    font-size:
        13px!important;

    line-height:
        1.45!important;

    color:
        #647481!important;
}


/* ==========================================================
   ACOES
   ========================================================== */

body.reis-v33e-category-pilot
.product-card.catalog-card
.card-actions{
    display:flex!important;
    align-items:stretch!important;

    gap:8px!important;

    margin-top:auto!important;
    padding-top:4px!important;
}


body.reis-v33e-category-pilot
.product-card.catalog-card
.card-actions .btn{
    flex:
        1 1 0!important;

    min-width:
        0!important;

    min-height:
        40px!important;

    padding:
        9px 9px!important;

    border-radius:
        10px!important;

    font-size:
        12px!important;

    line-height:
        1.15!important;
}


/* ==========================================================
   RESPONSIVO
   ========================================================== */

@media(max-width:1320px){

    body.reis-v33e-category-pilot
    .products-grid,

    body.reis-v33e-category-pilot
    .category-products-grid{
        grid-template-columns:
            repeat(3,minmax(0,1fr))!important;
    }
}


@media(max-width:920px){

    body.reis-v33e-category-pilot
    .products-grid,

    body.reis-v33e-category-pilot
    .category-products-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))!important;
    }

    body.reis-v33e-category-pilot
    .product-card.catalog-card
    .product-img{
        height:220px!important;
        min-height:220px!important;
    }

    body.reis-v33e-category-pilot
    .product-card.catalog-card
    .product-img img{
        max-height:180px!important;
    }
}


@media(max-width:620px){

    body.reis-v33e-category-pilot
    .products-grid,

    body.reis-v33e-category-pilot
    .category-products-grid{
        grid-template-columns:
            1fr!important;
    }

    body.reis-v33e-category-pilot
    .product-card.catalog-card
    .product-img{
        height:235px!important;
        min-height:235px!important;
    }

    body.reis-v33e-category-pilot
    .product-card.catalog-card
    .product-img img{
        max-height:195px!important;
    }
}


/* ==========================================================
   V33F - CORES CATEGORIA PILOTO
   Identidade alinhada a Home
   ========================================================== */

/* HERO */
body.reis-v33e-category-pilot .page-hero{
    background:
        linear-gradient(
            90deg,
            #f1fbf7 0%,
            #f8fdfb 48%,
            #ffffff 100%
        )!important;
    border-bottom:1px solid #e2eee9!important;
}

body.reis-v33e-category-pilot .page-hero h1{
    color:#073b70!important;
}

body.reis-v33e-category-pilot .page-hero p,
body.reis-v33e-category-pilot .breadcrumbs{
    color:#607482!important;
}


/* TITULOS */
body.reis-v33e-category-pilot .section h2,
body.reis-v33e-category-pilot .section h3{
    color:#073b70!important;
}


/* SELO / CATEGORIA */
body.reis-v33e-category-pilot
.product-card.catalog-card
.pill{
    background:#e6faf1!important;
    color:#07955f!important;
    border:1px solid #c8f0df!important;
}


/* FUNDO DA FOTO */
body.reis-v33e-category-pilot
.product-card.catalog-card
.product-img{
    background:
        linear-gradient(
            180deg,
            #f5fcf9 0%,
            #edf9f4 100%
        )!important;
}


/* TITULO DO PRODUTO */
body.reis-v33e-category-pilot
.product-card.catalog-card
.product-info h3{
    color:#073b70!important;
}


/* BOTAO PRINCIPAL */
body.reis-v33e-category-pilot
.product-card.catalog-card
.btn-gold{
    background:#13c77b!important;
    border-color:#13c77b!important;
    color:#ffffff!important;
    box-shadow:none!important;
}

body.reis-v33e-category-pilot
.product-card.catalog-card
.btn-gold:hover{
    background:#0eae6b!important;
    border-color:#0eae6b!important;
}


/* BOTAO SECUNDARIO */
body.reis-v33e-category-pilot
.product-card.catalog-card
.btn-outline{
    background:#ffffff!important;
    border:1px solid #0b5a83!important;
    color:#0b5a83!important;
}

body.reis-v33e-category-pilot
.product-card.catalog-card
.btn-outline:hover{
    background:#eef7fa!important;
    border-color:#073b70!important;
    color:#073b70!important;
}


/* HOVER DO CARD */
body.reis-v33e-category-pilot
.product-card.catalog-card:hover{
    border-color:#8de0bd!important;
    box-shadow:
        0 14px 34px rgba(7,59,112,.10)!important;
}



/* ==========================================================
   V33F2 - BOTOES DO HERO DA CATEGORIA
   ========================================================== */

body.reis-v33e-category-pilot
.page-hero .btn-gold{
    background:#13c77b!important;
    border-color:#13c77b!important;
    color:#ffffff!important;
    box-shadow:none!important;
}

body.reis-v33e-category-pilot
.page-hero .btn-gold:hover{
    background:#0eae6b!important;
    border-color:#0eae6b!important;
}

body.reis-v33e-category-pilot
.page-hero .btn-black,
body.reis-v33e-category-pilot
.page-hero .btn-dark{
    background:#ffffff!important;
    border:1px solid #0b5a83!important;
    color:#0b5a83!important;
    box-shadow:none!important;
}

body.reis-v33e-category-pilot
.page-hero .btn-black:hover,
body.reis-v33e-category-pilot
.page-hero .btn-dark:hover{
    background:#eef7fa!important;
    border-color:#073b70!important;
    color:#073b70!important;
}