body {
    font-family: "Roboto", "sans-serif";
}
/* INICIO PERSONALIZACAO DAS CORES DOS BOTOES*/

.alert-warning {
    background: #ff0000;
    color: #fff;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle {
    background-color: #ff0000;
    border-color: #ff0000;
}

.btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 0, 0, 0.5);
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 .2rem rgba(255, 0, 0, 0.5);
}

.btn-success {
    background-color: #ff0000;
    border-color: #ff0000;
}
.btn-success:hover {
    background-color: #005aff;
    border-color: #005aff;
}
.btn-light {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.btn-light:hover {
    background-color: #005aff;
    border-color: #005aff;
    color: #ffffff;
}

/* FIM PERSONALIZACAO DAS CORES DOS BOTOES*/

.search__button {
    background: #fff;
}

.loading__spinner {
    color: #ED3237;
}
.site-header {
    background-color: #005aff;
    /* Coloque o código da cor desejada aqui (ex: #f4f4f4 para um cinza claro) */
}
.site-header__logo img {
    height: 70px;
}

.site-header__cart i {
    color: #fff;
}

.site-header__cart i:hover {
    color: #ff0000;
}

.site-header__cart .indicator__value {
    background-color: #ED3237;
    color: #fff;
}

.footer-contacts__text img {
    height: 70px;
}

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

.nav-panel {
    background: #005aff;
    color: #Fff;
}

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

.block-products-carousel__column .product-card__name {
    min-height: 55px;
}

.block-products-carousel__column .product-card__prices {
    min-height: 35px;
    margin-bottom: 10px;
}

.block-products-carousel__column .product-card__buttons {
    margin-top: 0px;
}

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

.product-card__price {
    color: #005aff;
}

.product-card__new-price {
    color: #005aff;
}

.product__price {
    color: #005aff;
}

.product__new-price {
    color: #005aff;
}

.top-button {
    color: #005aff;
}

@media (max-width: 991px) {
    .indicator__value {
        background: #203F7F;
        color: #FFF;
    }
}

.page-header__back i {
    color: #005aff;
}

.input-check__input:checked ~ .input-check__box {
    background: #203F7F;
}

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

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

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

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

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

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

.filter__arrow {
    color: #ED3237;
}

.site-newsletter__title {
    color: #fff;
    background: #203F7F;
}
.site-newsletter {
    background: #005AFF;
}

.service-bar {
    background: #ff0000;
    color: #fff;
}

.footer-links__title {
    color: #005aff;
}

.footer-contacts__title, .service-bar__title:hover {
    color: #005aff;
}

.footer-newsletter__title {
    color: #005affF;
}

.footer-payment__title {
    color: #005aff;
}

.footer-seals__title {
    color: #005aff;
}

.footer-apps__title {
    color: #005aff;
}

.megamenu__links--level--1 .megamenu__item a {
    font-size: 14px;
    white-space: nowrap;
    margin-right: 15px;
}

.footer-seals__text img {
    width: 50%!important;
}

.block-header__title {
    color: #203F7F;
}

.page-header__title {
    color: #005aff;
}

.product__name {
    color: #203F7F;
}

.container__products-carousel-grid {
    margin-top: 30px;
}

.product-tabs__item {
    color: #203F7F;
}

.product-tabs__item:hover {
    color: #203F7F;
}

.product-tabs__item--active {
    border-bottom-color: #203F7F;
}

.block-products-carousel[data-layout=grid-5] .product-card .product-card__actions {
    padding: 15px 15px 15px;
}

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

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

.nav-links__item-link:hover {
    color: #ED3237;
}

@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--has-submenu .nav-links__item-body {
    padding-right: 15px!important;
}

.nav-links__item-body .fa-chevron-down {
    display: none;
}

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

.megamenu__links--level--1 > .megamenu__item > a:hover {
    color: #203F7F;
}

.megamenu__links--level--1 > .megamenu__item > a:active {
    color: #203F7F;
}

.megamenu__links--level--1 > .megamenu__item > a:focus {
    color: #203F7F;
}

.nav-links__item {
    margin-left: 2px;
    margin-right: 2px;
}

.topbar {
    background: #005AFF;
}

.topbar-link:hover {
    color: #fff;
}

.topbar-link {
    background: #ff0000;
    color: #fff;
    padding: 10px;
}
.topbar-dropdown__btn {
    color: #fff;
}

.topbar-message {
    background: #606061;
    color: #FFF;
    min-height: 40px;
    padding: 10px;
}

.topbar-message .fa-shipping-fast {
    font-size: 20px;
}

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

/* Muda a cor do texto "Fale Conosco" e dos números para branco */
.site-header__phone-title,
.site-header__phone-number,
.site-header__phone-subtitle {
    color: #FFFFFF !important;
}

/* Muda a cor do ícone do telefone normal para branco (geralmente usa a classe fa-phone) */
.site-header__phone-number i.fa-phone,
.site-header__phone-number i.fa-phone-alt {
    color: #FFFFFF !important;
}

/* Força o ícone do WhatsApp a continuar verde, caso a regra acima tente alterá-lo */
.site-header__phone-number i.fa-whatsapp {
    color: #25D366 !important;
    /* Verde padrão do WhatsApp */
}

/* Preenche o fundo da área de digitação de branco e ajusta a cor do texto digitado */
.site-header__search input,
.search__input {
    background-color: #FFFFFF !important;
    color: #333333 !important;
    /* Deixa o texto digitado escuro para dar leitura no fundo branco */
}

/* 1. Fundo da barra inteiro branco e arredondado */
.site-header__search,
.search {
    background-color: #FFFFFF !important;
    border-radius: 50px !important;
    border: none !important;
    overflow: hidden !important;
}

/* 2. Deixa os botões (lupa e microfone) transparentes para não gerarem o quadrado nos cantos */
.site-header__search button,
.search__button,
.search__button--voice {
    background-color: transparent !important;
    border: none !important;
}

/* 3. Área de texto transparente para herdar o branco do fundo principal */
.site-header__search input,
.search__input {
    background-color: transparent !important;
    color: #333333 !important;
    /* Cor do texto digitado */
    border: none !important;
}

/* 4. Pinta os ícones do microfone e da lupa de azul */
.site-header__search i,
.search__button i,
.site-header__search svg,
.search__button svg {
    color: #005aff !important;
    fill: #005aff !important;
}

/* 1. Remove o fundo do texto e pinta toda a barra com o azul correto */
.site-newsletter__title {
    color: #fff !important;
    background: transparent !important;
    /* Deixa transparente para o texto não ficar com aquela "caixa" em volta */
}

.site-newsletter {
    background: #005aff !important;
    /* Aplica o azul */
    margin-bottom: 0 !important;
    /* Mantém as barras coladas (sem linha branca) */
    border: none !important;
    padding-top: 30px !important;
    /* Devolve o respiro na parte de cima */
    padding-bottom: 30px !important;
    /* Devolve o respiro na parte de baixo para não sobrepor */
}

/* 2. Garante que a barra vermelha suba e grude no azul, sem linhas brancas */
.service-bar {
    background: #ff0000 !important;
    color: #fff !important;
    margin-top: 0 !important;
    /* Remove qualquer espaço no topo */
    border: none !important;
}

/* Remove a linha branca de separação no cabeçalho */
.topbar {
    border-bottom: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.site-header {
    border-top: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}

/* Troca a imagem da logo apenas no rodapé */
.footer-contacts__text img,
.footer-logo img {
    content: url(https://rema.agilecdn.com.br/arquivos/logo%20rema%20e-commerce%20footer.png) !important;
    height: 70px !important;
    /* Mantém o tamanho original */
    max-width: 100% !important;
}