body{background-color:#fff;}
.page-wrapper{max-width:1920px;}
.navigation, .breadcrumbs .items, .catalog-category-view .page-main .breadcrumbs, .catalog-category-view .page-main .columns, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .page-main, .page-container > .content, .jumbotron > .container, .page-before-footer > .content, .block-highlight, .top-container .easybanner-banner, .cms-index-index .column.main .easybanner-placeholder-wrapper, .cms-index-index .block-promo.block-carousel .block-content{max-width:1920px;}
.page-header{background-color:#ffc905;}
.page-header .panel.wrapper{color:#000;border-bottom-color:rgba(216, 216, 216, 0.3);}
.page-header .header.content .block-search .action.search{background:#fff;}
.page-header .header.content .block-search .action.search:hover{background:#fff;}
.minicart-wrapper .action.showcart{background:#00854A;}
.minicart-wrapper .action.showcart:hover{background:#000;}
.page-header .switcher.customer.dropdown:hover{border-color:#000000;}
button, .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .product.data.items .review-add .review-form .action.submit.primary{border-color:#00854A;color:#00854A;}
button:hover, .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover,.abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .product.data.items .review-add .review-form .action.submit.primary:hover, /*ACTIVE STATE*/ button:active, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:active, .paypal-review .block .actions-toolbar .action.primary:active,.abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:active, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:active, .product.data.items .review-add .review-form .action.submit.primary:active, /*FOCUS STATE*/ button:focus, .abs-revert-secondary-color:focus, .abs-revert-to-action-secondary:focus, .paypal-review .block .actions-toolbar .action.primary:focus,.abs-discount-block .actions-toolbar .action.primary:focus, .abs-discount-block .actions-toolbar .action.cancel:focus, .block-compare .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .paypal-review-discount .actions-toolbar .action.primary:focus, .paypal-review-discount .actions-toolbar .action.cancel:focus, .cart-discount .actions-toolbar .action.primary:focus, .cart-discount .actions-toolbar .action.cancel:focus, .product.data.items .review-add .review-form .action.submit.primary:focus{background:#00854A;border-color:#00854A;}
.nav-sections{background-color:#0e8a07;}
.nav-sections .navigation a.level-top{color:#fff;}
.navigation .level0 > .level-top:hover,.navigation .level0 > .level-top.ui-state-focus{color:#fff;}
.navigation .level0.active > .level-top,.navigation .level0.has-active > .level-top{color:#fff;}
.nav-sections .navigation .navpro-departments a.level-top{background-color:#000000;}
.nav-sections .navigation .navpro-departments.level0 > .level-top:hover, .nav-sections .navigation .navpro-departments.level0 > .level-top.ui-state-active, .nav-sections .navigation .navpro-departments.level0 > .level-top.ui-state-focus, .nav-sections .navigation .navpro-departments.level0.active > .level-top:hover, .nav-sections .navigation .navpro-departments.level0.active > .level-top.ui-state-active, .nav-sections .navigation .navpro-departments.level0.active > .level-top.ui-state-focus{color:#00854A;}
.nav-sections .navigation .navpro-departments .navpro-dropdown-level1 .children .level1:hover > a{color:#00854A;}
.nav-sections .navigation .navpro-departments .navpro-dropdown-level1 .children .level1:hover > a > .navpro-icon-caret:before{color:#00854A;}
.page-footer{background-color:#ffffff;}
.page-footer .footer-toolbar-bottom{background-color:#ffffff;}
h1, h1.page-title{color:#00854A;}
/* ============================================================
   PREMIUM ECOLÓGICA
   NOVO CARD DE PRODUTO - CATEGORIAS
   Versão limpa / sem dependência de hover
   ============================================================ */


/* ------------------------------------------------------------
   1. GRID
   ------------------------------------------------------------ */

.catalog-category-view .products-grid .product-items {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* elimina largura imposta pelo Argento */
.catalog-category-view .products-grid .product-item {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    height: auto !important;
    min-height: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ------------------------------------------------------------
   2. CARD
   ------------------------------------------------------------ */

.catalog-category-view .products-grid .product-item-info {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

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

    background: #ffffff !important;

    border: 1px solid #e4e9e6 !important;
    border-radius: 16px !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,.025),
        0 8px 22px rgba(0,0,0,.04) !important;

    overflow: hidden !important;

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

    box-sizing: border-box !important;
}


/* hover muito discreto */
.catalog-category-view .products-grid .product-item-info:hover {
    transform: translateY(-3px) !important;

    border-color: #d4ddd8 !important;

    box-shadow:
        0 4px 10px rgba(0,0,0,.035),
        0 14px 32px rgba(0,0,0,.075) !important;
}


/* ------------------------------------------------------------
   3. PALCO DA FOTO
   ------------------------------------------------------------ */

.catalog-category-view .products-grid .prolabels-wrapper {
    position: relative !important;

    width: 100% !important;
    height: 265px !important;
    min-height: 265px !important;

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

    margin: 0 !important;
    padding: 0 !important;

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

    border-bottom: 1px solid #f0f2f1 !important;

    overflow: hidden !important;
}


/* halo sutil atrás do equipamento */
.catalog-category-view .products-grid .prolabels-wrapper:before {
    content: "" !important;

    position: absolute !important;
    left: 50% !important;
    top: 50% !important;

    width: 230px !important;
    height: 230px !important;

    transform: translate(-50%, -48%) !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(0,133,74,.075) 0%,
            rgba(0,133,74,.025) 48%,
            rgba(0,133,74,0) 72%
        ) !important;

    pointer-events: none !important;
}


/* link da foto */
.catalog-category-view .products-grid .product-item-photo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 260px !important;
    padding: 16px !important;
    margin: 0 !important;
    background: #fff !important;
}


/* mata o width:170px inline */
.catalog-category-view .products-grid .product-image-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    margin: 0 auto !important;
}


/* mata o padding-bottom:100% do Magento */
.catalog-category-view .products-grid .product-image-wrapper {
    position: static !important;

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

    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
}


/* destaque real do produto */
.catalog-category-view .products-grid .product-image-photo {
    max-height: 220px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}


/* leve aproximação no hover */
.catalog-category-view
.products-grid
.product-item-info:hover
.product-image-photo {
    transform: scale(1.17) !important;
}


/* ------------------------------------------------------------
   4. ÁREA DE CONTEÚDO
   ------------------------------------------------------------ */

.catalog-category-view .products-grid .product-item-details {
    position: static !important;

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

    flex: 1 1 auto !important;

    width: 100% !important;
    height: auto !important;
    min-height: 165px !important;

    margin: 0 !important;
    padding: 17px 18px 19px !important;

    background: #fff !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: visible !important;

    transform: none !important;

    box-sizing: border-box !important;
}


/* ------------------------------------------------------------
   5. NOME
   ------------------------------------------------------------ */

.catalog-category-view .products-grid .product-item-name {
    display: block !important;

    min-height: 43px !important;

    margin: 0 0 10px !important;

    font-size: 14px !important;
    line-height: 1.48 !important;
    font-weight: 600 !important;

    color: #292d2b !important;
}


.catalog-category-view .products-grid .product-item-name a {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    color: #292d2b !important;
    text-decoration: none !important;
}


.catalog-category-view .products-grid .product-item-name a:hover {
    color: #00854a !important;
}


/* ------------------------------------------------------------
   6. PREÇO
   ------------------------------------------------------------ */

/*
   margin-top:auto alinha o bloco PREÇO + PARCELAS + PIX
   na mesma altura em todos os cards
*/
.catalog-category-view .products-grid .price-box {
    margin: auto 0 0 !important;
    padding: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    line-height: 1 !important;
}


.catalog-category-view .products-grid .price-box .price {
    color: #222725 !important;

    font-size: 21px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    letter-spacing: -.3px !important;
}


/* ------------------------------------------------------------
   7. PARCELAMENTO
   ------------------------------------------------------------ */

.catalog-category-view .products-grid .mm-price-parcels-grid {
    display: block !important;

    position: static !important;

    width: 100% !important;
    height: auto !important;
    max-height: none !important;

    margin: 5px 0 8px !important;
    padding: 0 !important;

    color: #7b817e !important;

    font-size: 11.5px !important;
    line-height: 17px !important;
    font-weight: 400 !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: visible !important;

    transform: none !important;
}


/* ------------------------------------------------------------
   8. PIX
   ------------------------------------------------------------ */

.catalog-category-view .products-grid #preco-a-vista-mm,
.catalog-category-view .products-grid [id="preco-a-vista-mm"] {
    display: block !important;

    position: static !important;

    width: 100% !important;

    height: auto !important;
    min-height: 29px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    overflow: visible !important;

    transform: none !important;

    clip: auto !important;
    clip-path: none !important;
}


/* badge do Pix */
.catalog-category-view .products-grid #preco-a-vista-mm p,
.catalog-category-view .products-grid [id="preco-a-vista-mm"] p {
    display: inline-flex !important;

    align-items: center !important;

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

    margin: 0 !important;
    padding: 6px 9px !important;

    background: #edf8f1 !important;

    border: 1px solid #d9eee0 !important;
    border-radius: 7px !important;

    color: #087f47 !important;

    font-size: 11.5px !important;
    line-height: 16px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* pequeno indicador visual */
.catalog-category-view .products-grid #preco-a-vista-mm p:before,
.catalog-category-view .products-grid [id="preco-a-vista-mm"] p:before {
    content: "●" !important;

    margin-right: 6px !important;

    color: #00a85a !important;

    font-size: 8px !important;
}


/* ------------------------------------------------------------
   9. REMOVE MECÂNICA ANTIGA DE HOVER DO ARGENTO
   ------------------------------------------------------------ */

/*
   No HTML atual este bloco contém basicamente
   carrinho/comparação.

   Como não queremos o card "abrindo" no hover,
   removemos completamente.
*/
.catalog-category-view .products-grid .product-item-inner {
    display: none !important;

    position: static !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    box-shadow: none !important;
    border: 0 !important;
}


/* ------------------------------------------------------------
   10. GARANTIA CONTRA REGRAS DE HOVER DO TEMA
   ------------------------------------------------------------ */

.catalog-category-view
.products-grid
.product-item-info:hover
.product-item-details,

.catalog-category-view
.products-grid
.product-item-info
.product-item-details {
    position: static !important;

    height: auto !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    overflow: visible !important;
}


/* ------------------------------------------------------------
   11. TABLET
   ------------------------------------------------------------ */

@media (min-width: 640px) and (max-width: 1023px) {

    .catalog-category-view .products-grid .product-items {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* ------------------------------------------------------------
   12. MOBILE
   ------------------------------------------------------------ */

@media (max-width: 639px) {

    .catalog-category-view .products-grid .product-items {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    .catalog-category-view
    .products-grid
    .prolabels-wrapper,

    .catalog-category-view
    .products-grid
    .product-item-photo {
        height: 190px !important;
        min-height: 190px !important;
    }

    .catalog-category-view
    .products-grid
    .product-image-photo {
        max-height: 150px !important;
    }

    .catalog-category-view
    .products-grid
    .product-item-details {
        min-height: 165px !important;

        padding: 13px 12px 15px !important;
    }

    .catalog-category-view
    .products-grid
    .product-item-name {
        min-height: 40px !important;

        font-size: 12px !important;
    }

    .catalog-category-view
    .products-grid
    .price-box .price {
        font-size: 17px !important;
    }

}


/* celulares menores */
@media (max-width: 430px) {

    .catalog-category-view .products-grid .product-items {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

}