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 {
    position: relative !important;
    z-index: 2 !important;

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

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

    margin: 0 !important;
    padding: 20px 25px !important;

    box-sizing: border-box !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 {
    position: static !important;

    display: block !important;

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

    max-width: 88% !important;
    max-height: 215px !important;

    margin: auto !important;

    object-fit: contain !important;

    transform: scale(1.12) !important;

    transition: transform .25s ease !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;
    }

}



/* ==========================================================
   PREMIUM ECOLÓGICA
   HOME - CARDS SWISSUP HIGHLIGHT CAROUSEL
   Magento 2 + Argento Stripes
   ========================================================== */


/* ==========================================================
   1. SEÇÕES DE PRODUTOS DA HOME
   ========================================================== */

.cms-index-index .block-highlight {
    margin: 38px auto 48px !important;
    padding: 0 !important;
}

.cms-index-index .block-highlight > .block-title {
    position: relative !important;
    margin: 0 0 22px !important;
    padding: 0 50px !important;
    text-align: center !important;
}

.cms-index-index .block-highlight > .block-title strong {
    display: inline-block !important;
    position: relative !important;
    z-index: 2 !important;

    padding: 0 16px !important;

    background: #fff !important;

    color: #222 !important;
    font-size: 27px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
}

.cms-index-index .block-highlight .block-title-background {
    display: none !important;
}


/* ==========================================================
   2. ESTRUTURA DO CARROSSEL
   ========================================================== */

.cms-index-index .block-highlight .block-content,
.cms-index-index .block-highlight .slides-wrapper,
.cms-index-index .block-highlight .slides,
.cms-index-index .block-highlight .slide {
    overflow: visible !important;
}

.cms-index-index .block-highlight .products-grid {
    margin: 0 !important;
}

.cms-index-index .block-highlight .products-grid .product-item {
    box-sizing: border-box !important;
    padding: 7px 8px 12px !important;
    margin-bottom: 0 !important;

    vertical-align: top !important;
}


/* ==========================================================
   3. CARD PRINCIPAL
   ========================================================== */

.cms-index-index .block-highlight .product-item-info {
    position: relative !important;
    top: auto !important;
    left: auto !important;

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

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

    min-height: 410px !important;

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

    background: #fff !important;

    border: 1px solid #e4e8e6 !important;
    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.025),
        0 7px 18px rgba(0, 0, 0, 0.045) !important;

    transform: none !important;

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


/* ==========================================================
   4. MATA O POP-UP / CARD FLUTUANTE DO ARGENTO
   ========================================================== */

.cms-index-index .block-highlight .product-item-info:hover {
    position: relative !important;

    top: auto !important;
    left: auto !important;

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

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

    border-color: #d4ddd8 !important;

    box-shadow:
        0 5px 12px rgba(0, 0, 0, .05),
        0 14px 30px rgba(0, 0, 0, .08) !important;

    transform: translateY(-3px) !important;

    z-index: 3 !important;
}


/* elimina qualquer pseudo-elemento que o tema use
   para reconstruir o card no hover */

.cms-index-index .block-highlight
.product-item-info:hover:before,

.cms-index-index .block-highlight
.product-item-info:hover:after {
    display: none !important;
}


/* ==========================================================
   5. WRAPPER DA FOTO
   ========================================================== */

.cms-index-index .block-highlight .prolabels-wrapper {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 72%,
            #f8faf9 100%
        ) !important;
}


/* ==========================================================
   6. ÁREA DA IMAGEM
   ========================================================== */

.cms-index-index .block-highlight .product-item-photo {
    position: relative !important;

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

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

    margin: 0 !important;
    padding: 14px 16px 8px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    background: transparent !important;
}


/* O HTML da home traz width:420px inline.
   Precisamos sobrescrever isso. */

.cms-index-index .block-highlight .product-image-container {
    display: block !important;

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

    height: 100% !important;

    margin: 0 auto !important;
}


/* remove o quadrado 420x420 imposto pelo padding-bottom:100% */

.cms-index-index .block-highlight .product-image-wrapper {
    position: relative !important;

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

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

    padding-bottom: 0 !important;

    overflow: hidden !important;
}


/* ==========================================================
   7. IMAGEM REAL
   ========================================================== */

.cms-index-index .block-highlight .product-image-photo {
    position: static !important;

    display: block !important;

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

    max-width: 92% !important;
    max-height: 240px !important;

    margin: auto !important;

    object-fit: contain !important;

    transform: none !important;

    transition: transform .25s ease !important;
}


/* zoom MUITO discreto */

.cms-index-index .block-highlight
.product-item-info:hover
.product-image-photo {
    transform: scale(1.035) !important;
}


/* ==========================================================
   8. INFORMAÇÕES DO PRODUTO
   ========================================================== */

.cms-index-index .block-highlight .product-item-details {
    position: static !important;

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

    flex: 1 1 auto !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 14px 16px 16px !important;

    background: #fff !important;

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

    transform: none !important;
}


/* garante que o hover não altere novamente */

.cms-index-index .block-highlight
.product-item-info:hover
.product-item-details {

    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 14px 16px 16px !important;

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

    transform: none !important;

    background: #fff !important;
}


/* ==========================================================
   9. NOME DO PRODUTO
   ========================================================== */

.cms-index-index .block-highlight .product-item-name {
    display: block !important;

    min-height: 42px !important;

    margin: 0 0 10px !important;

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


/* duas linhas, sem nome invadindo o preço */

.cms-index-index .block-highlight .product-item-name a {
    display: -webkit-box !important;

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

    overflow: hidden !important;

    color: #282828 !important;

    text-decoration: none !important;
}


.cms-index-index .block-highlight .product-item-name a:hover {
    color: #00854a !important;
}


/* ==========================================================
   10. PREÇO
   ========================================================== */

.cms-index-index .block-highlight .price-box {
    display: block !important;

    margin: auto 0 3px !important;
    padding: 0 !important;
}


.cms-index-index .block-highlight .price-box .price {
    color: #1f2321 !important;

    font-size: 20px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

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


/* ==========================================================
   11. PARCELAMENTO
   ========================================================== */

.cms-index-index .block-highlight .mm-price-parcels-grid {
    display: block !important;

    margin: 2px 0 7px !important;
    padding: 0 !important;

    color: #7a7a7a !important;

    font-size: 12px !important;
    line-height: 1.35 !important;

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

    height: auto !important;
}


/* ==========================================================
   12. PIX
   ========================================================== */

.cms-index-index .block-highlight [id="preco-a-vista-mm"] {
    position: static !important;

    display: block !important;

    width: fit-content !important;
    height: auto !important;

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

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

    overflow: visible !important;
}


.cms-index-index .block-highlight
[id="preco-a-vista-mm"] p {

    display: inline-block !important;

    margin: 0 !important;

    padding: 5px 8px !important;

    background: #eef8f1 !important;

    border: 1px solid #d8eddf !important;
    border-radius: 6px !important;

    color: #11833c !important;

    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}


/* ==========================================================
   13. REMOVE A ÁREA DE AÇÕES QUE CAUSAVA O HOVER ANTIGO
   ========================================================== */

.cms-index-index .block-highlight .product-item-inner {
    position: static !important;

    display: none !important;

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

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

    border: 0 !important;

    box-shadow: none !important;

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

    transform: none !important;
}


.cms-index-index .block-highlight
.product-item-info:hover
.product-item-inner {

    display: none !important;

    position: static !important;

    height: 0 !important;

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

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


/* ==========================================================
   14. BOTÕES DE CARRINHO / COMPARAÇÃO
   ========================================================== */

.cms-index-index .block-highlight .product-item-actions,
.cms-index-index .block-highlight .actions-primary,
.cms-index-index .block-highlight .actions-secondary,
.cms-index-index .block-highlight .action.tocart,
.cms-index-index .block-highlight .action.tocompare {

    display: none !important;
}


/* ==========================================================
   15. SELO "UMIDADE DIGITAL"
   ========================================================== */

.cms-index-index .block-highlight .prolabel {
    z-index: 6 !important;
}


/*
   Alguns layouts do ProLabels usam elementos posicionados
   dentro da área da foto. Não permitimos que o selo expanda
   o card nem fique fora da imagem.
*/

.cms-index-index .block-highlight
.product-item-photo [class*="prolabel"] {

    max-width: 44% !important;
}


/* ==========================================================
   16. NAVEGAÇÃO DO CARROSSEL
   ========================================================== */

.cms-index-index .block-highlight .slick-prev,
.cms-index-index .block-highlight .slick-next {

    z-index: 20 !important;

    width: 38px !important;
    height: 50px !important;

    background: rgba(255,255,255,.94) !important;

    border: 1px solid #dfe4e1 !important;
    border-radius: 8px !important;

    box-shadow: 0 3px 12px rgba(0,0,0,.08) !important;
}


/* ==========================================================
   17. PAGER ABAIXO DO CARROSSEL
   O próprio carousel já tem setas; este pager deixa a
   home visualmente antiga e poluída.
   ========================================================== */

.cms-index-index .block-highlight > .pager {
    display: none !important;
}


/* link vazio "ver todos" */

.cms-index-index .block-highlight > .actions-toolbar {
    display: none !important;
}


/* ==========================================================
   18. DISTÂNCIA ENTRE UM BLOCO E OUTRO
   ========================================================== */

.cms-index-index
.block-highlight + .block-highlight {

    margin-top: 52px !important;
}


/* ==========================================================
   19. TABLET
   ========================================================== */

@media (max-width: 1024px) {

    .cms-index-index .block-highlight .product-item-photo {
        height: 230px !important;
    }

    .cms-index-index .block-highlight .product-image-photo {
        max-height: 205px !important;
    }

    .cms-index-index .block-highlight .product-item-info {
        min-height: 380px !important;
    }

}


/* ==========================================================
   20. MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .cms-index-index .block-highlight {
        margin: 28px 0 38px !important;
    }

    .cms-index-index
    .block-highlight > .block-title {

        margin-bottom: 16px !important;
        padding: 0 15px !important;
    }

    .cms-index-index
    .block-highlight > .block-title strong {

        font-size: 21px !important;
        line-height: 1.3 !important;

        padding: 0 !important;
    }

    .cms-index-index
    .block-highlight
    .products-grid
    .product-item {

        padding: 5px !important;
    }

    .cms-index-index
    .block-highlight
    .product-item-info {

        min-height: 340px !important;

        border-radius: 11px !important;
    }

    .cms-index-index
    .block-highlight
    .product-item-photo {

        height: 195px !important;

        padding: 8px !important;
    }

    .cms-index-index
    .block-highlight
    .product-image-photo {

        max-width: 96% !important;
        max-height: 180px !important;
    }

    .cms-index-index
    .block-highlight
    .product-item-details {

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

    .cms-index-index
    .block-highlight
    .product-item-name {

        min-height: 38px !important;

        font-size: 13px !important;
    }

    .cms-index-index
    .block-highlight
    .price-box .price {

        font-size: 18px !important;
    }

    .cms-index-index
    .block-highlight
    .mm-price-parcels-grid {

        font-size: 11px !important;
    }

    .cms-index-index
    .block-highlight
    [id="preco-a-vista-mm"] p {

        padding: 4px 6px !important;

        font-size: 11px !important;
    }

}


/* ==========================================================
   PREMIUM ECOLÓGICA
   PATCH HOME V2
   CORRIGE CARD QUE SÓ ABRE NO HOVER
   ========================================================== */


/* ----------------------------------------------------------
   1. RESERVA A ALTURA CORRETA DO CARROSSEL

   O Swissup calcula a altura usando o card recolhido.
   Por isso a próxima seção sobe antes do fim do card.
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
.block-content {
    overflow: visible !important;
}

body.cms-index-index
.block-highlight.highlight-carousel
.slides-wrapper {
    height: auto !important;
    min-height: 450px !important;
    padding-bottom: 12px !important;
}

body.cms-index-index
.block-highlight.highlight-carousel
.slides {
    height: auto !important;
    min-height: 440px !important;
}

body.cms-index-index
.block-highlight.highlight-carousel
.slide:not(.loading) {
    height: auto !important;
    min-height: 440px !important;
}

body.cms-index-index
.block-highlight.highlight-carousel
.products-grid {
    height: auto !important;
    min-height: 425px !important;
}

body.cms-index-index
.block-highlight.highlight-carousel
.products-grid .product-items {
    height: auto !important;
    min-height: 425px !important;
}


/* ----------------------------------------------------------
   2. CARD TEM A MESMA ALTURA COM OU SEM HOVER
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover {

    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;

    height: 425px !important;
    min-height: 425px !important;
    max-height: 425px !important;

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

    overflow: hidden !important;

    background: #fff !important;

    border: 1px solid #e3e8e5 !important;
    border-radius: 14px !important;

    box-shadow:
        0 3px 10px rgba(0,0,0,.04),
        0 8px 22px rgba(0,0,0,.04) !important;
}


/* hover agora SOMENTE dá uma leve elevação */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover {

    transform: translateY(-2px) !important;

    border-color: #d3ddd7 !important;

    box-shadow:
        0 5px 14px rgba(0,0,0,.05),
        0 12px 28px rgba(0,0,0,.08) !important;
}


/* ----------------------------------------------------------
   3. ÁREA DA IMAGEM
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-photo {

    position: relative !important;

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

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

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 12px 16px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 76%,
            #fafcfb 100%
        ) !important;

    overflow: hidden !important;
}


body.cms-index-index
.block-highlight.highlight-carousel
.product-image-container {

    display: block !important;

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

    height: 100% !important;

    margin: 0 auto !important;
}


body.cms-index-index
.block-highlight.highlight-carousel
.product-image-wrapper {

    position: relative !important;

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

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

    padding-bottom: 0 !important;

    overflow: hidden !important;
}


body.cms-index-index
.block-highlight.highlight-carousel
.product-image-photo {

    position: static !important;

    display: block !important;

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

    max-width: 94% !important;
    max-height: 230px !important;

    margin: auto !important;

    object-fit: contain !important;
}


/* zoom discreto sem alterar a estrutura */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover
.product-image-photo {

    transform: scale(1.025) !important;
}


/* ----------------------------------------------------------
   4. BLOCO DE INFORMAÇÕES
   ESTE É O PONTO PRINCIPAL DA CORREÇÃO
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-details,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover
.product-item-details {

    position: static !important;

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

    box-sizing: border-box !important;

    width: 100% !important;

    height: 170px !important;
    min-height: 170px !important;
    max-height: 170px !important;

    margin: 0 !important;

    padding: 13px 14px 14px !important;

    overflow: visible !important;

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

    transform: none !important;

    background: #fff !important;
}


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

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-name {

    display: block !important;

    flex: 0 0 auto !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    overflow: hidden !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
}


body.cms-index-index
.block-highlight.highlight-carousel
.product-item-name .product-item-link {

    display: -webkit-box !important;

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

    height: 40px !important;

    overflow: hidden !important;

    color: #252a27 !important;

    text-decoration: none !important;
}


/* ----------------------------------------------------------
   6. PREÇO
   FORÇA EXIBIÇÃO TAMBÉM SEM HOVER
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info .price-box,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:not(:hover) .price-box,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover .price-box {

    position: static !important;

    display: block !important;

    width: 100% !important;

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

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

    overflow: visible !important;

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

    transform: none !important;
}


body.cms-index-index
.block-highlight.highlight-carousel
.price-box .price {

    display: inline !important;

    color: #202522 !important;

    font-size: 18px !important;
    line-height: 23px !important;

    font-weight: 700 !important;
}


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

body.cms-index-index
.block-highlight.highlight-carousel
.mm-price-parcels-grid,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:not(:hover)
.mm-price-parcels-grid,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover
.mm-price-parcels-grid {

    position: static !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 16px !important;

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

    overflow: visible !important;

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

    transform: none !important;

    color: #858585 !important;

    font-size: 11px !important;
    line-height: 15px !important;
}


/* ----------------------------------------------------------
   8. PIX
   IMPORTANTE: O SITE REPETE O MESMO ID EM VÁRIOS PRODUTOS,
   ENTÃO USAMOS [id="preco-a-vista-mm"].
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
[id="preco-a-vista-mm"],

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:not(:hover)
[id="preco-a-vista-mm"],

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover
[id="preco-a-vista-mm"] {

    position: static !important;

    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 25px !important;

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

    overflow: visible !important;

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

    transform: none !important;
}


body.cms-index-index
.block-highlight.highlight-carousel
[id="preco-a-vista-mm"] p {

    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;

    padding: 4px 7px !important;

    background: #edf8f0 !important;

    border: 1px solid #d4eadb !important;
    border-radius: 5px !important;

    color: #13833e !important;

    font-size: 11px !important;
    line-height: 15px !important;
    font-weight: 600 !important;
}


/* ----------------------------------------------------------
   9. ELIMINA DEFINITIVAMENTE O PAINEL DE AÇÕES DO HOVER
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-inner,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover
.product-item-inner {

    display: none !important;

    position: static !important;

    width: 0 !important;
    height: 0 !important;

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

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

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

    overflow: hidden !important;

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


/* ----------------------------------------------------------
   10. EVITA OUTRAS REGRAS DO ARGENTO NO HOVER
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover:before,

body.cms-index-index
.block-highlight.highlight-carousel
.product-item-info:hover:after {

    display: none !important;
    content: none !important;
}


/* ----------------------------------------------------------
   11. ESPAÇO REAL ENTRE AS SEÇÕES
   ---------------------------------------------------------- */

body.cms-index-index
.block-highlight.highlight-carousel {

    clear: both !important;

    margin-bottom: 48px !important;
}


body.cms-index-index
.block-highlight.highlight-carousel
+ .block-highlight.highlight-carousel {

    margin-top: 32px !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1024px) {

    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-info,

    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-info:hover {

        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;
    }


    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-photo {

        height: 230px !important;
    }


    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-image-photo {

        max-height: 205px !important;
    }


    body.cms-index-index
    .block-highlight.highlight-carousel
    .slides-wrapper,

    body.cms-index-index
    .block-highlight.highlight-carousel
    .slides,

    body.cms-index-index
    .block-highlight.highlight-carousel
    .slide:not(.loading) {

        min-height: 420px !important;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-info,

    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-info:hover {

        height: 365px !important;
        min-height: 365px !important;
        max-height: 365px !important;
    }


    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-photo {

        height: 205px !important;
    }


    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-image-photo {

        max-height: 185px !important;
    }


    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-details,

    body.cms-index-index
    .block-highlight.highlight-carousel
    .product-item-info:hover
    .product-item-details {

        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;

        padding: 10px 11px 12px !important;
    }


    body.cms-index-index
    .block-highlight.highlight-carousel
    .slides-wrapper,

    body.cms-index-index
    .block-highlight.highlight-carousel
    .slides,

    body.cms-index-index
    .block-highlight.highlight-carousel
    .slide:not(.loading) {

        min-height: 385px !important;
    }

}