body {
    font-family: "Roboto", "sans-serif";
}

.loading__spinner {
    color: #008e43;
}

.site-header__logo img {
    height: 100px;
}

.site-header {
    background: #006d1e;
    color: #FFF;
}

.site-header__phone-title {
    color: #FFF;
    margin-top: 5px;
}

.site-header__phone-number .fa-whatsapp {
    color: #FFF;
}

.mobile-header__panel {
    background: #f9462c;
}

.mobile-header__search {
    background-color: #00a74f;
}

.mobile-header__panel i {
    color: #fff;
}

@media (max-width: 767px) {
    .mobile-header__search-form i {
        color: #b3b3b3;
    }
}

.mobile-header__search input {
    background: #FFFFFF;
}

.nav-panel {
    background: #f9462c;
    color: #fff;
    border-top: 1px solid #ffffff;
}

.site-newsletter {
    background: #f9462c;
    color: #FFFFFF;
    border-top: 1px solid #FFFFF4;
}

.block-brands__slider .owl-nav i, .block-products-carousel__slider .owl-nav i {
    color: #008e43;
}

.search__form {
    background: #fff;
}

.top-button {
    color: #e52726;
}

@media (max-width: 991px) {
    .indicator__value {
        background: #e52726;
        color: #fff;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-links__item-link {
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    .nav-links__item-link {
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }
}

.nav-links__item-body {
    padding: 0 10px;
}

.product-tabs__title, .block-header__title {
    color: #03a058;
}

.page-header__title h1 {
    color: #03a058;
}

.page-header__back i {
    color: #e52726;
}

.block-slideshow .owl-carousel .owl-dot {
    background: #03a058;
}

.block-slideshow .owl-carousel .owl-dot.active {
    background: #e52726;
}

.title-checkout, .footer-links__title {
    color: #03a058;
}

.footer-contacts__title, .service-bar__title:hover {
    color: #03a058;
}

.footer-newsletter__title {
    color: #03a058;
}

.footer-payment__title {
    color: #03a058;
}

.footer-seals__title {
    color: #03a058;
}

.footer-apps__title {
    color: #03a058;
}

.footer-apps__text img {
    width: 120px;
}

.megamenu__links--level--1 > .megamenu__item > a {
    font-size: 14px;
    white-space: nowrap;
    padding-right: 20px;
    color: #FFFFFF;
    font-weight: 500;
}

.block-products-carousel__cell .product-card__name {
    min-height: 50px;
}

.product-card__name {
    min-height: 45px;
}

.block-products-carousel[data-layout="grid-5"] .product-card .product-card__info {
    height: 80px;
}

.product-card__prices {
    min-height: 10px;
}

.block-header__arrow {
    background: transparent;
    color: #e52726;
}

.block-header__arrow:hover {
    background: #f7f7f7;
    color: #e52726;
}

.block-header__arrow:active {
    background: transparent;
    color: #e52726;
}

.block-header__arrow:focus {
    background: #f7f7f7;
    color: #e52726;
}

.filter__arrow {
    color: #e52726;
}

.product-card .product-card__info {
    margin-bottom: 10px;
}

.product__fidelity--img img {
    height: 60px;
    margin-bottom: 10px;
}

.product-card__fidelity--img img {
    height: 45px;
}

.product__fidelity--title {
    font-size: 16px;
    font-weight: 400;
}

.product__fidelity--price {
    font-size: 22px;
    color: #C9262E;
}

.product-card__fidelity--title {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 400;
}

.product-card__fidelity--price {
    color: #C9262E;
}

.nav-links__item {
    margin-left: 0;
}

.block-label {
    text-align: left;
}

.block-label__text {
    color: #03a058;
    font-weight: 700;
    font-size: 30px;
}

.block-label__hr {
    border-top: 1px solid #f2f2f2;
}

.site-footer__bottom {
    height: 80px;
}

.filter-categories__item--child {
    font-size: 14px;
}

.topbar-app {
    background: #e1e1e1;
    color: #FFF;
    min-height: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.topbar-app img {
    background: #FFF;
    padding: 7px;
    box-shadow: 1px 1px 3px #606061;
    -webkit-box-shadow: 1px 1px 3px #606061;
    -moz-box-shadow: 1px 1px 3px #606061;
    border-radius: 10px;
    height: 48px;
}

.topbar-app .btn {
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #606061;
    -webkit-box-shadow: 1px 1px 3px #606061;
    -moz-box-shadow: 1px 1px 3px #606061;
}

@media (max-width: 767px) {
    .site-footer__logo img {
        margin-top: 40px;
    }
}

.mobile-header__logo img {
    max-height: 75px;
    max-width: 150px;
}

.indicator__value {
    background: #e52726;
    color: #FFF;
}

[dir=ltr] .nav-panel__nav-links {
    margin-right: 0px;
    height: 46px;
}

.nav-links__list {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

.megamenu__body {
    background: #008e43;
}


.site-footer {
    color: #737373;
}

.mobilemenu {
    color: #737373!important;
}

.input-number__sub, .input-number__add {
    color: #000000;
}

.product-card__prices-condition {
    color: #28A745;
}

.product__prices-condition {
    color: #28A745;
}

@media (min-width: 992px) {
    .site__body {
        margin-top: 187px;
    }

    .topbar-message {
        position: fixed;
        top: 0;
        width: 100%;
    }

    .site-header {
        position: fixed;
        top: 0px;
        width: 100%;
    }

}











/* ==========================================================
   AJUSTES VISUAIS - Product Card (estilo Império)
   Baseado nas classes existentes no HTML do carrossel
   ========================================================== */

/* 1. Selo "Os melhores preços da internet" -> mantido (sem alteração) */

/* 2. Esconder o seletor de quantidade (-/+) no card de listagem */
.product-card .input-number {
    display: none;
}

/* 3. Esconder o código do produto */
.product-card .product-card__rating-legend {
    display: none;
}

/* 4. Alinhar texto à esquerda (nome, preços) */
.product-card .product-card__info,
.product-card .product-card__name,
.product-card .product-card__prices {
    text-align: left !important;
}

/* 5. Título do produto: no máximo 2 linhas, com reticências
      (o corte precisa ser aplicado no <a> interno, que é onde o texto
      realmente está — aplicar só na div de fora não funciona) */
.product-card .product-card__name {
    margin-bottom: 0;
    overflow: hidden;
}

.product-card .product-card__name a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3em;
    max-height: 2.6em;
    /* fallback para navegadores sem suporte a line-clamp */
}

/* 6. Espaçamentos equilibrados (compacto mas respirável) */
.product-card .product-card__info {
    margin-top: 6px;
}

/* espaço entre título e preço bem reduzido */
.product-card .product-card__prices {
    margin-top: 0;
    margin-bottom: 8px;
}

.product-card .product-card__buttons .row {
    margin-top: 6px;
}

/* 7. Preço em destaque / condição de pagamento com menos peso, mas chamando atenção */
.product-card .product-card__new-price {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a1a;
    line-height: 1.1;
}

.product-card .product-card__prices-condition {
    font-size: 12px;
    font-weight: 600;
    color: #2e7d32;
    line-height: 1.3;
    margin-top: 2px;
}

/* 10. Espaço entre o título do bloco (ex: "O melhor para a sua cozinha") e os cards */
.block-header {
    margin-bottom: 24px;
}

/* 11. Botões de navegação do carrossel (setas) com estilo mais trabalhado */
.owl-nav .owl-prev,
.owl-nav .owl-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.owl-nav .owl-prev i,
.owl-nav .owl-next i {
    color: #2e7d32;
    font-size: 16px;
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background-color: #2e7d32;
    border-color: #2e7d32;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

.owl-nav .owl-prev:hover i,
.owl-nav .owl-next:hover i {
    color: #ffffff;
}
.product-card {
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* espaço entre os cards do carrossel (ajuste o valor conforme necessário) */
.block-products-carousel__cell {
    padding-left: 8px;
    padding-right: 8px;
}

.product-card:hover {
    border-color: #2e7d32;
    box-shadow: 0 0 0 1px #2e7d32;
}

/* 9. Botão verde mais suave, contorno verde escuro, cantos arredondados, sem ícone de carrinho, texto "Compre Agora" */
.product-card .product-card__addtocart {
    background-color: #7cb87f;
    /* verde suave */
    border: 2px solid #2e7d32;
    /* contorno verde mais escuro */
    border-radius: 10px;
    font-weight: 700;
    letter-spacing: 0.2px;
    white-space: nowrap;
    width: 100%;
    padding: 8px 4px;
    font-size: 13px;
    /* ajuste esse valor se ainda quebrar linha em telas menores */
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.product-card .product-card__addtocart:hover {
    background-color: #66a869;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

/* esconde o ícone de carrinho */
.product-card .product-card__addtocart i {
    display: none;
}

/* troca o texto "Adicionar" por "Compre Agora" via CSS (hack).
   Recomendo trocar direto no template quando possível, por acessibilidade/SEO,
   mas funciona visualmente enquanto isso. */
.product-card .product-card__addtocart {
    font-size: 0;
}
.product-card .product-card__addtocart::after {
    content: "Compre Agora";
    font-size: 13px;
}