/* CONFIGS */
.vitrine-carrosel{display: flex !important}

.d-flex{display: flex !important}

li.d-flex.justify-around {display: flex;align-items: center;width: 100%;justify-content: space-evenly;}

.align-center{align-items: center !important}

.justify-center{justify-content: center !important}

.justify-around{/* justify-content: space-around !important; */}

/* ESTRUTURA-GERAL*/ 

@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');

@font-face {font-family: Poppins;src: url('../fonts/Poppins-Regular.ttf');}

* {padding: 0; list-style: none !important; font-family: 'Poppins', sans-serif;}



:root{

    --cor-1: #c10101; 

    --cor-2: #ffffff;

    --cor-3:   #ffffff;

    --cor-fundo-produtos: #208378;

    --cor-hover: #1e6eaf; /*use se quiser*/

    /* 0 ou 1: controla o carrinho lateral dinâmico */
    --carrinho-lateral: 1;

}

body {font-family: 'Open Sans', Arial, sans-serif !important; font-size: 12px !important; overflow-x: hidden; background-color:var(--cor-2) !important;}

/* [data-theme="dark"] #tarja-slide .container {background: var(--cor_fundo);border: 0;} */
#tarja-slide ul li:hover {	opacity: .8}
#tarja-slide ul li {display: flex;align-items: center;margin-bottom: 55px;flex: 1;justify-content: center;margin-top: 11px; background-color: #ebedf3; border-radius: 15px; width: 100%;}
.efect ::after {position: absolute;content: "";width: 5px;height: 5px;left: 0;top: 22px;border: 5px solid #dfdfdf;border-radius: 50%;-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

[data-theme="dark"] #tarja-slide .icon {border: 1px solid var(--cor_botao_hover);}

#tarja-slide .icon {display: flex;justify-content: center;align-items: center;width: 54px;height: 54px;/* margin-right: 16px; */border-radius: 50%;/* color: var(--cor_botao); */font-size: 1.4rem;border: 0;}
#tarja-slide .first-line {text-transform: uppercase;font-size: 12px;font-weight: 700;color: var(--cor-1);}
#tarja-slide .second-line{color: gray;}

#tarja-slide .text {	font-size: 0.775rem;}	.abas-conta li {	display: block !important;}.abas-conta li a {	font-size: 0.675rem !important;padding: 6px;}}
[data-theme="dark"] #tarja-slide,
[data-theme="dark"] #tarja-slide .first-line {color: var(--cor_titulos)}
#tarja-slide .icon svg {width: 3.6em;height: 2.4em;/* fill: var(--cor_botao); */}
[data-theme="dark"] #tarja-slide .icon svg {width: 1.0.4em;	height: 1.04em;fill: var(--cor_botao_hover);}
#tarja-slide ul {list-style-type: none;/* display: flex; */justify-content: space-evenly;align-items: center;}

@media (max-width: 425px) {
  #tarja-slide ul li {margin-bottom: 5px !important;}
}

@media (max-width: 768px) {
  #tarja-slide ul li {margin-bottom: 10px !important;}
  #tarja-slide .first-line {font-size: 0.775rem;}
    #tarja-slide .icon svg {width: 34px !important};	
}

.img-cat{border-radius: 50%;border: 1px solid black;padding: 4px;width: 110px;}

a:hover{text-decoration:none !important; cursor:pointer;}

.content-info h2{/* margin-left: 30px; */margin-top: 0px;font-size: 14px !important;text-align: center;}

.btn-simple{margin-top: 15px;/* margin-left: -14px; */width: 100%;border-color: #6161619e !important;padding: 4px 7px !important;height: 30px;background: #0b77cf !important;color: white;justify-content: space-between;text-align: start !important;}

.btn-tel{margin-top: 15px;background: #d9d9d9 !important;justify-content: space-between;width: 100%;/* background-color: var(--cor-1)!important; */font-weight: bold !important;text-align: start !important;color: #000 !IMPORTANT;border-color: var(--cor-1) !important;}

.btn-tel i{/* margin-right: 5px; */font-weight: bold;font-size: 17px;}

.btn-tel a{/* margin-left: 108px; */color: black !important;font-weight: bold !important;!I;!;}

.content-info small{line-height: 20px;text-align: center;width: 100%;display: flex;margin-top: 10px;}

.caret{color: #000;}

.show-on-hover{display: inline-block !important;}

.btn-simple img{filter:invert(1)}

.show-on-hover button{border: none !important;/* background: transparent !important; */display: flex;gap: 10px;box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125) !important;align-items: center;}

.btn-simple a {text-align: end;justify-content: end;align-content: end;/* margin-left: 140px; */display: inline-flex;font-weight: bold;}

.canal-atend{padding: 10px 10px !important;margin: 5px 0px 0px !important;width: 280px;border-radius: 5px;}

.show-on-hover:hover{background: transparent !important;}

.navbar-header button{color: #fff; font-size: 21px; padding: 5px;}

.btn-log{border: none !important; background: transparent !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.125) !important; color: #000;}

.btn-log:hover {border: none;background: transparent !important;box-shadow: inset 0 0px 0px rgba(0, 0, 0, .125) !important;color: #000000 !important;}

.box-area{padding: 27px 9x !important;margin: 7px 6px 0px !important;width: 180px;}

.categ-box-area{margin-bottom: 10px;}

.categ-box-area a > i{margin-right: 7px;}

.btn-log img{width: 25px;/* margin-top: -10px; *//* margin-right: 7px; */filter: invert(1);}

.text-cat{margin-top: 10px;font-size: 14px;font-weight: bold;text-align: center;color: #3d3d3d;/* text-transform: uppercase; */text-decoration: none;}

header{background: var(--cor-3);box-shadow: inset 1px 11px 7px -7px #00000040;padding: 30px 0px;}

/* Header modernização (mantendo estrutura e JS) */
header{background: var(--cor-3); box-shadow: 0 8px 30px rgba(0,0,0,.06); padding: 16px 0; position: relative; z-index: 99980 !important;}
/* Garantir contexto sobreposto ao restante do layout */
.menu-desktop{ position: relative; z-index: 99000; }
.menu-desktop .form_header_busca{ position: relative; z-index: 99998; }
.menu-desktop .mostrar{ z-index: 100200; }
/* Garante que o container de sugestões não seja cortado e fique acima do megamenu */
.menu-desktop #mostrar{ position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 100210; }

/* Carrinho lateral (off-canvas) */
.sidecart-overlay{ position: fixed; inset: 0; background: rgba(0,0,0,.45); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; z-index: 99990; }
.sidecart-overlay.is-open{ opacity: 1; visibility: visible; }
.sidecart-panel{ position: fixed; top: 0; right: 0; height: 100%; width: 380px; max-width: 92vw; background: #fff; box-shadow: -10px 0 30px rgba(0,0,0,.18); transform: translateX(100%); transition: transform .22s ease; z-index: 99991; display: flex; flex-direction: column; }
.sidecart-panel.is-open{ transform: translateX(0); }
.sidecart-header{ display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #eef2f7; }
.sidecart-title{ font-weight: 700; font-size: 16px; color: #111827; }
.sidecart-close{ background: transparent; border: 0; font-size: 18px; cursor: pointer; color: #6b7280; }
.sidecart-body{ padding: 12px 12px 16px; overflow: auto; flex: 1; }
.sidecart-footer{ border-top: 1px solid #eef2f7; padding: 14px 16px; }
.sidecart-total{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; font-weight: 600; }
.sidecart-actions .btn{ width: 100%; background: var(--cor-1); color: #fff !important; border: 0; padding: 10px 12px; border-radius: 8px; }
.sidecart-empty{ text-align: center; padding: 24px; color: #6b7280; }
.sidecart-item{ display:flex; gap:10px; padding:10px; border:1px solid #f1f5f9; border-radius:10px; margin-bottom:10px; }
.sidecart-item img{ width:64px; height:64px; border-radius:8px; object-fit:cover; }
.sidecart-item-info{ flex:1; }
.sidecart-item-name{ font-weight:600; color:#111827; font-size:13px; line-height:1.3; display:block; margin-bottom:6px; }
.sidecart-item-qty{ display:flex; align-items:center; gap:8px; }
.sidecart-item-qty .fa{ cursor:pointer; padding:6px; background:#f3f4f6; border-radius:6px; }
.sidecart-item-qty input{ width:52px; text-align:center; height:32px; border:1px solid #e5e7eb; border-radius:6px; }
.sidecart-item-remove{ color:#ef4444; cursor:pointer; font-size:12px; margin-top:6px; display:inline-flex; align-items:center; gap:6px; }
.sidecart-item-price{ font-weight:700; color:#111827; white-space:nowrap; }
@media (max-width: 480px){ .sidecart-panel{ width: 92vw; } }

/* Busca minimalista: placeholder + linha inferior com animação sutil */
.menu-desktop .top-login .form_header_busca .input-group{
  background: transparent !important; border: none !important; border-bottom: 1.5px solid #e5e7eb !important; border-radius: 0 !important; overflow: visible !important;
  transition: border-color .18s ease; position: relative; padding: 0 0 2px 0; box-shadow: none !important;
}
.menu-desktop .top-login .form_header_busca .input-group::after{
  content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; width: 100%;
  background: var(--cor-1); transform: scaleX(0); transform-origin: left; transition: transform .22s ease;
}
.menu-desktop .top-login .form_header_busca .input-group:focus-within{ border-bottom-color: transparent; }
.menu-desktop .top-login .form_header_busca .input-group:focus-within::after{ transform: scaleX(1); }
.menu-desktop .input-header{ height: 40px !important; border:none !important; border-radius: 0 !important; background: transparent !important; padding-left:0; padding-right:6px; font-size: 14px; color:#111827; box-shadow: none !important; }
.menu-desktop .input-header::placeholder{ color:#000 !important; }
.menu-desktop .btn-busca{ margin-left: 6px; }
.menu-desktop .btn-busca{ width: auto !important; height: auto !important; border-radius: 0 !important; background: transparent !important; color:#000 !important; display: inline-flex; align-items: center; justify-content: center; padding: 0 !important; box-shadow: none !important; transition: none; }
.menu-desktop .btn-busca:hover{ filter: none; transform: none; box-shadow: none; }
.menu-desktop .btn-busca .svg-lupa path{ stroke:#000 !important; }
.menu-desktop .btn-default.btn-log{ color:#000; }
.menu-desktop .btn-default.btn-log:hover{ color:#000; }

/*Footer*/

footer{ background: #FFF; }

footer ul>li>a{ color: #3d3d3d; text-decoration: none; font-size: 13px;}

footer ul>li>a:hover{ color: #3d3d3d; text-decoration: none; }

.footer-atend i{font-size: 14px;margin-right: 5px;font-weight: bold;}

.form-pgmt img{margin: 3px;}

.footer-atend strong{font-size:14px ;}

.img-rodape{ width: 150px; margin: 0px -10px 0px -10px; }

.icon-footer-size{ font-size: 12px }

.rating{ margin-top: 16px; margin-bottom: 16px; font-size: 8px; }

.no_padding{ padding: 0px !important; }

.info-maps{ font-size: 14px; }

.footer-1{background: var(--cor-2) /*#f5f1f1*/; padding-bottom: 20px; }

.footer-1 h3{ font-size: 18px; font-weight: 700; }

.marcas-footer{ font-size: 16px; text-transform: uppercase; }

.marcas-footer a{ border-right: 1px solid; padding-right: 15px; }

.footer-2{ padding-bottom: 30px; padding-top: 30px; }

.social-icones li{ background: #252525; display: inline-block; width: 30px; height: 30px; padding: 7px 0px 0px 10px; margin-right: 5px; }

.social-icones a{ color: #FFF; }

.footer-1-2{ background: var(--cor-3); padding-bottom: 20px; padding-top: 30px; }

.footer-1-2 li{ margin: 10px 0px 0px 0px; }

.ajust-column{ margin-top: 84px; margin-left: 47px; }

.logo-footer{ margin: 26px auto; width: 75px; }

.logo{max-height: 120px;}

.titulo-vitrine{margin-top: 20px;margin-bottom: 20px;text-align: center;}

.titulo-vitrine h2{font-size: 28px;/* font-weight: bolder; */padding-top: 20px;color: #0008ff;margin-bottom: 0px;display: inline-block;/* text-transform: math-auto; */display: flex;width: 100%;/* letter-spacing: 1px; */justify-content: center;}

:focus {outline: none !important}

.btn.active, .btn:active{box-shadow: none !important;}

.no-padding{padding: 0 !important;}

/*CABECALHO */

.faixa-head{ background: #212121; color: #FFF; font-size: 12px;height:30px;line-height: 30px; }

.faixa-head i{ margin-right: 5px; }

.faixa-head span{ margin-left: 10px; padding-right: 15px; font-weight: 600;}

.faixa-head a{ color: #FFF; text-decoration: none; }

.faixa-head a:hover{ color: #FFF; text-decoration: none; }

.faixa-head p{ margin: 0 !important;color: #FFF; text-decoration: none; }

.faixa-head .faixa-head-block{height: 30px;display: flex;justify-content: center;align-items: center;}

.faixa-head .login-links{height: 30px;display: flex;justify-content: space-between;align-items: center;color: #0047ae;font-size: 12px;}

.faixa-head .redes-links{height: 30px;display: flex;justify-content: space-around;align-items: center;color: #0047ae;font-size: 20px;}

.info-header{display: flex;justify-content: space-between;}

.info-header img{width: 35px;height: 35px;margin-right: 10px;}

.info-header p{color: #0047ae;text-transform: uppercase;}

.menu_flutuante{ width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500; background: #ea1b13; padding-top: 0px; }

.btn-head{ font-size: 13px !important; border: 1px solid #ccc !important; height: 50px !important; padding: 15px 0px 0px 0px !important; -webkit-transition: all 0.3s;  transition: all 0.3s; }

.btn-head:hover{ border: 1px solid #FFF !important; background-color: #fff !important; }

/* MODAL */

#modal-exemplo {z-index: 99999;}

/* Garantir que todos os modais do Bootstrap fiquem acima do header e de overlays internos */
.modal-backdrop { z-index: 100100 !important; }
.modal { z-index: 100101 !important; }

.topo-modal {background: #000;margin-top: -10px;color: #FFF;padding: 50px;}

.cor-x {position: absolute;background: #000;margin-right: -10px;margin-top: -30px;margin-left: 575px;height: 35px;width: 35px;border-radius: 50%;border: 4px solid white;opacity: 1 !important;}

.cor-bolinha {padding: 27px 30px 0px 21px;background: #000;width: 70px;height: 70px;border-radius: 70px;margin: 0 auto;margin-top: -40px;margin-bottom: 20px;}

.modal-input{text-transform: uppercase;background-color: #F4F4F4;border: 1px solid black;border-radius: 5px;width: 50%;margin-bottom: 20px;margin-top: -7px;height: 35px;padding-left: 10px;outline: none;}

.info {text-transform: uppercase;text-align: center;font-size: 11px;margin-top: -10px;color: #786e7d;}

.input-p{text-transform: uppercase;margin: 0;margin-top: 10px;color: #7e7e7e;font-weight: 100;font-size: 11px;}

.modal button{color: #fff;background-color: #000;height: 33px;width: 27%;border: none !important;margin-top: 9px;font-size: 14px;font-weight: bold;}

.modal button:hover{color: #fff;transform: scale(1.2);}

.modal button:focus {outline: none !important;}

.modal a {color: #000;text-decoration: underline;cursor: pointer;font-weight: bold;font-size: 12px;}

/*filtro moto*/

.option-header{height: 37px; border: none; width: 100%; color: white; background: transparent;}

.text-garagem{font-size: 20px;margin-top: 1px;margin-bottom: 1px; color: #fff; text-align: center;}

.option-header option{color: #000;}

.garagem{display: flex;height: fit-content;margin: auto;list-style: none;padding: 0;position: relative; margin-top: 5px;}

.garagem-car{justify-content: center;;display: flex;align-items: center;background: transparent;top: 0;position: relative;width: 100%;left: 0;text-align: center;z-index: 1;padding: 5px 0;cursor: pointer;}

.garagem-moto{justify-content: center;;display: flex;align-items: center;background: transparent;top: 0;position: relative;width: 100%;left: 0;text-align: center;z-index: 1;padding: 5px 0;cursor: pointer;}

.garagem-icon{font-weight: 900 !important;font-size: 2rem !important; color: #fff;}

.info-garagem{vertical-align: middle;font-size: 16px;color: white;width: 100%;margin: 0 10px;-webkit-margin: 0 10px;}

#btn-cart p{ text-transform: uppercase; font-size: 10px; font-weight: 700; padding-top: 12px; margin-bottom: 0px; }

#btn-cart a{color: #fff;!;!t;!nt;!ant;!tant;!rtant;!irtant;!imrtant;!imprtant;!I;!;text-decoration: none;}

.top-login{font-size: 13px; color: #828282; }

.btn-busca{height: 30px !important; background: #ed1d24 !important; color: #000 !important; border: none!important; border-radius:0 !important; margin-right: 19px; font-size: 20px !important; padding: 0px !important; }

.btn-header{width: 100%; }

.input-header{ height: 40px !important;border: solid 2px #ed1d24 !important; background-color: #161616 !important; border-radius: 0 !important; box-shadow: none !important;color: #000 !important;}

.input-header::placeholder {color: #000 !important;}

.menu_flutuante img{ }

.menu_flutuante form{  }

.menu_flutuante{ width: 100%; display: none; position: fixed; top: 0; left: 0; z-index: 500; background: #FFF; }

.btn-head{ font-size: 13px !important; border: 1px solid #ccc !important; height: 50px !important; padding: 15px 0px 0px 0px !important; -webkit-transition: all 0.3s;  transition: all 0.3s; }

.btn-head:hover{ border: 1px solid #000 !important; background-color: #fff !important; }

#btn-atend i{ border-radius: 20px; border: 2px solid; padding: 8px; width: 35px; height: 35px; }

#btn-atend p{ text-transform: uppercase; font-size: 10px; font-weight: 700; padding-top: 5px; margin-bottom: 0px; }

#btn-atend a{ color: #989898; text-decoration: none; }

#btn-atend{ padding-top: 10px; margin-bottom: 0px !important; }

#btn-cart p{ text-transform: uppercase; font-size: 10px; font-weight: 800; padding-top: 13px; margin-bottom: 0px; color: #1d1d1d; }

#btn-cart a{color: #000;text-decoration: none;color: black;font-weight: 100;}

.top-login{ font-size: 13px; color: #828282;overflow: visible;}

.top-login .input-group{ padding: 2px; background: #fff; border-radius: 50px; border: 1px solid #000 !important;}

.btn-busca{color: #000 !important;border: none !important;/* height: 60px !important; */border-radius: 17px !important;margin-right: 19px;padding-left: 2px !important;padding-right: 2px !important;/* padding-top: 10px !important; */background: #fff !important;/* padding-bottom: 10px !important; */font-size: 12px !important;width: 29px !important;}

.btn-header{ width: 100%; }

.btn-busca { width: 38px; }

.span-icon {color: #616161; font-size: 15px;}

.input-header{ border: none !important; background-color: #fff !important;height: 36px !important;border-radius: 50px !important;box-shadow: none !important; }

#btn-cart{margin: 0px !important;display: flex;align-items: center;}
/* Ajuste do contador no ícone do carrinho (desktop e menu flutuante) */
.menu-desktop #btn-cart a{ position: relative; display: inline-block; }
.menu-desktop #btn-cart a .badge{ top:-6px; right:-10px; padding: 2px 6px !important; font-size: 10px !important; border: 0; }
#menu_flutuante #btn-cart a{ position: relative; display: inline-block; }
#menu_flutuante #btn-cart a .badge{ top:-6px; right:-10px; padding: 2px 6px !important; font-size: 10px !important; border: 0; }
/* Leve incremento para contador no mobile */
.contador-carrinho{ height: 15px; width: 15px; font-size: 10px; }

/* BANNER PRINCIPAL */

.banner-loja{ }

.banner-loja img{ width: 100%; }

.info-box h4{ font-size: 12px; margin-top: 5px; margin-bottom: 5px; line-height: 19px; color: #6b6b6b; }

.info-box{ margin-bottom: 20px; border: 1px solid #b3b3b3; padding: 5px; border-radius: 5px; }

.banner-crianca{ border-top: 4px solid #e31914; }

.thumbnail-image-marcas img {-webkit-transition: all 0.3s;transition: all 0.3s;margin: 0 auto;height: 70px;/* -webkit-filter: grayscale(100%); */-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);/* filter: grayscale(100%); *//* opacity: 0.6; */}

.thumbnail-image-marcas img:hover{  -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); opacity: 1.0;  }

/*Mini-banners*/

.brilho{position: absolute; background-color: #fff;height: 170px;transition: all .2s linear; opacity: 0;}

.brilho:hover{opacity: 0.1;}

.brilho1{position: absolute; background-color: #fff;height: 240px;transition: all .2s linear; opacity: 0;}

.brilho1:hover{opacity: 0.1;}

/* NEWSLETTER */

.newsletter{background: var(--cor-1);color: #FFF;margin-top: 50px;font-size: 20px;/* font-weight: 700; */}

.newsletter button{background-color: white!important;border-color: white !important;width: 100%;}

.newsletter .row{width: 100%;}

#comprar_agora{ cursor: pointer; padding: 10px;  color: #fff !important; font-weight: 700; }

.qtyminus,.qtyplus{ cursor: pointer;  padding: 10px; margin-top: -2px;}


/* SPRITES */

.pagamentos { background: url('../img/sprite.png') no-repeat; height: 40px; width: 150px;}

.img-pag{ margin: 0px; width: 40px; }

.moip { background-position: -27px -83px; }

.bcash { background-position: -27px -190px; }

.paypal { background-position: -27px -142px; }

.pagseguro { background-position: -27px -31px; }

.box-vitrine {padding: 16px;margin-top: -24px;background-color: #000;border: 1px solid #000;border-radius: 10px;position: relative;box-shadow: 0px 3px 6px 0px rgb(100 100 100 / 19%);}

.a-cat img{width: 100%; padding: 7px; border-radius: 50%; border: 2px solid transparent; transition: all .5s;}

.a-prod {position: relative;display: block;text-decoration: none !important;}

.a-cat {position: relative;display: block;text-decoration: none !important;}

.a-cat p {color: #000 !important; font-size: 16px; }

.img-prod {width: 100%;transition: all .7s ease-in-out;border-radius: 8px;}

/* MEGAMENU */

nav{ display: flex; justify-content: center; ; }

.navbar-nav>li>.dropdown-menu {padding: 8px 24px 23px 13px;border-top-left-radius:4px; border-top-right-radius:4px;background: rgb(255, 255, 255); width: auto!important;}

.mega-menu{border-radius: 0px !important;margin-bottom: 0px !important;background: var(--cor-1);border: none !important;/* padding: 0px 0px 7px 0px; */}

.navbar-nav>li>a {/* font-family: 'Josefin Sans', sans-serif; */text-align: center;font-size: 12px;height: 72px;align-items: center;display: flex !important;!I;!;/* font-weight: bold; */flex-direction: column;color: white;gap: 2px;padding: 4px !important;!i;!;/* text-transform: uppercase; */line-height: 1.429;/* padding-top: 9px !important; */justify-content: center;}
/* Novo visual do menu principal */
.menu-item-root {position: relative; padding-top: 3px;}
.menu-link-root {display: flex !important; align-items: center; gap: 6px; color: #fff !important;}
.menu-item-root > a.menu-link-root{ padding-left: 12px !important; padding-right: 12px !important; }
.menu-link-root .menu-text {font-weight: 600; letter-spacing: .2px;}
.menu-link-root .caret-indicator {transition: transform .2s ease; margin-left: 2px;}
.menu-item-root:hover .menu-link-root .caret-indicator {transform: rotate(180deg);}
/* Ícone e texto brancos por padrão, pretos no hover (quando houver ícone de categoria) */
.menu-item-root .icon{ margin-left: 4px; }
.menu-item-root .icon img{ filter: brightness(0) invert(1) !important; }
.menu-item-root .icon i{ color:#fff; }
.menu-item-root:hover .icon img{ filter: brightness(0) !important; }
.menu-item-root:hover .icon i{ color:#000; }
.menu-item-root:hover > a.menu-link-root{ color:#000 !important; }
.menu-item-root:hover > a.menu-link-root .menu-text{ color:#000 !important; }
.menu-item-root:hover > a.menu-link-root .caret-indicator{ color:#000 !important; }
/* elevação e animação do dropdown */
.menu-elevated {border-radius: 10px; border: 1px solid rgba(0,0,0,.06) !important; box-shadow: 0 10px 30px rgba(0,0,0,.12) !important;}
.mega-animation {opacity: 0; transform: translateY(6px); transition: opacity .18s ease, transform .18s ease;}
.dropdown:hover > .mega-animation {opacity: 1; transform: translateY(0);}
/* links de níveis */
.menu-link-l2 {font-weight: 600;}
.menu-link-l3 {font-weight: 500; color: #5a5a5a !important;}
.menu-link-l3:hover {color: var(--cor-1) !important;}

.navbar{/* height: 2px !important; */ position: relative; z-index: 99970; }

.navbar-nav>li{height: 72px;}

.nav>li>a:focus, .nav>li>a:hover, .nav>li:hover>a{/* height: 44px; */background-color: transparent !important;color: #000;}

.nav>li>a:focus, .nav>li>a:hover, .nav>li:hover> a > span > img{filter:(0)}

.nav>li:hover>a img, .nav>li>a:focus img{filter: invert(0) !important;

    /* muda a cor dos icones de categorias no hover, remova se der problema */

    /* funciona apenas para icones img */

    /* reverte a cor, entao nao funciona apenas para a cor branca */}

.btn:hover {color: #000000c7 !important;font-weight: bold;}

.dropdown-toggle{background-color: transparent !important;/* remove o fundo branco do bootstrap */}

.navbar-nav{height: 60px !important;display: inline-flex;overflow: visible !important;width: 100%;/* margin-right: 35px !important; */!I;!;align-items: center;justify-content: space-between;/* margin: 3px 0px !important; */!i;!;}
.nav.navbar-nav.ul-todas-categorias{ padding-top: 6px; padding-bottom: 2px; }
.ul-todas-categorias{ position: relative; z-index: 1; }
.menu-desktop .mostrar{ z-index: 10001; }

.navbar-collapse{ padding: 0px !important; text-align: center; }

.mega-dropdown {position: static !important;/* margin-right: 30px; *//* width: 50%; */}

.mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; left: inherit !important;}
.dropdown-menu.mega-dropdown-menu{ z-index: 99000 !important; }
/* Oculto por padrão; será exibido no hover (.dropdown:not(.nohover):hover .dropdown-menu)
   ou quando o item estiver aberto por clique (.dropdown.open > .mega-dropdown-menu) */
.mega-dropdown-menu{ display:none; gap:20px 28px; padding:16px 20px !important; }
.mega-dropdown-menu > li.nivel-3-pai{ flex:0 1 220px; min-width:200px; padding: 8px 6px; border-left:1px solid #eef2f7; }
.mega-dropdown-menu > li.nivel-3-pai:first-child{ border-left:0; }
.mega-dropdown-menu .menu-link-l2{ display:block; font-weight:600; color:#111827 !important; margin-bottom:10px; }
.mega-dropdown-menu .menu-link-l2{ display:flex; align-items:center; gap:6px; }
.mega-dropdown-menu .menu-link-l2 .menu-link-l2-text{ display:inline-block; }
.mega-dropdown-menu .menu-link-l2:hover{ color: var(--cor-1) !important; text-decoration:none; }
.mega-dropdown-menu .terceiro-nivel{ position: static !important; left:auto !important; top:auto !important; display:block !important; background: transparent; width:auto; margin: 6px 0 0 0; padding: 0; }
.mega-dropdown-menu .terceiro-nivel li{ margin: 0 0 8px 0; }
.mega-dropdown-menu .menu-link-l3{ display:inline-block; color:#4b5563 !important; padding:5px 8px; border-radius:6px; line-height:1.35; }
.mega-dropdown-menu .menu-link-l3:hover{ background:#f3f4f6; color:#111827 !important; text-decoration:none; }

.mega-dropdown-menu > li > ul > li { list-style: none; }

.mega-dropdown-menu > li > ul > li > a {display: block;clear: both;font-weight: normal;line-height: 1.428571429;color: #fff;/* white-space: normal; */font-weight: bold;border-radius: 2px;transition: all .25s;}

.mega-dropdown-menu > li ul > li > a:hover{ text-decoration: none; color: var(--cor-1);background-color: #fff;}

.mega-dropdown-menu > li > ul > .dropdown-header > a:hover{background-color: transparent;}

.mega-dropdown-menu .dropdown-header a{/* text-transform: uppercase; *//* letter-spacing: 1px; */color: var(--cor-1);font-size: 15px;padding: 6px 0px 10px;}

.dropdown-header{ padding: 0px !important; cursor: pointer; }

/* CTA do mega menu (ver tudo) */
.mega-dropdown-menu .mega-cta{ flex: 1 1 100%; padding: 10px 6px 0 6px; margin-top: 6px; border-top: 1px solid #eef2f7; }
.mega-dropdown-menu .mega-cta-link{ display:inline-flex; align-items:center; gap:8px; font-weight:600; color: var(--cor-1) !important; text-decoration:none; }
.mega-dropdown-menu .mega-cta-link:hover{ text-decoration: underline; }

.dropdown-menu li:hover .sub-menu { visibility: visible; }

.dropdown:not(.nohover):hover .dropdown-menu{display: flex;flex-wrap: wrap;}
/* Suporte a abertura por clique (Bootstrap adiciona .open no pai) */
.dropdown.open > .mega-dropdown-menu{ display:flex; flex-wrap: wrap; }
/* Garantir que dropdowns comuns (atendimento/usuário) fiquem acima do mega menu */
.dropdown-menu:not(.mega-dropdown-menu){ z-index: 100050 !important; }
/* Especificamente os dropdowns de atendimento e usuário no topo */
.menu-desktop .btn-group .dropdown-menu.canal-atend,
.menu-desktop .btn-group .dropdown-menu.box-area{
  position: absolute;
  z-index: 100090 !important;
}
/* Garante que o grupo de botões crie contexto acima da navbar */
.menu-desktop .btn-group{ position: relative; z-index: 100085; }
/* Refino: elevar explicitamente os dropdowns comuns no header */
.menu-desktop .nav > li.dropdown{ position: relative; z-index: 100055; }
.menu-desktop .nav > li.dropdown > .dropdown-menu{ z-index: 100060 !important; }
/* Segurança: mega menu ligeiramente abaixo dos dropdowns comuns */
.menu-desktop .nav > li.mega-dropdown > .mega-dropdown-menu{ z-index: 98000 !important; }

.sub-menu{ left: auto !important; border: none !important; padding: 0px 0 !important;}

.sub-menu > li > a{padding: 5px 20px 5px 20px !important;color: #000 !important;font-size: 12px !important;text-transform: uppercase;transition: all 0.25s;}

.sub-menu > li > a:hover{color: #000 !important;font-weight: bold;background-color: #fff;}

.sub-categoria{font-size: 13px;/* font-weight: bold !important; */!I;!;margin-left: 10px;color: #6d6d6d !important;!I;!;margin: 10px 0px 10px 10px;}

/* Todos os Departamentos (markup original) */
.ul-todas-categorias{ padding:12px; }
.ul-todas-categorias > li.col-md-3{ padding:12px 14px; border-right:1px solid #eef2f7; margin-bottom:12px; }
.ul-todas-categorias > li.col-md-3:nth-child(4n){ border-right:0; }
.ul-todas-categorias .dropdown-header a{ display:inline-block; font-weight:700; color: var(--cor-1); margin-bottom:6px; border-bottom:1px solid #e5e7eb; padding-bottom:8px; }
.ul-todas-categorias .dropdown-header a{ display:flex; align-items:center; gap:6px; }
.ul-todas-categorias li > a{ color:#fff; }
.ul-todas-categorias li > a.dept-link-l2{ display:flex; align-items:center; gap:6px; }
.ul-todas-categorias .sub-categoria{ color:#4b5563 !important; margin-left:8px; margin-top:4px; display:inline-block; }
.ul-todas-categorias .terceiro-nivel li + li{ border-top:1px dashed #eef2f7; padding-top:6px; }

/* Ícones padrão e tipografia para departamentos (nav + seção) */
.navbar-nav .icon.icon-default{ color:#fff; display:inline-flex; align-items:center; justify-content:center; }
.navbar-nav .icon.icon-default i{ font-size: 18px; }
.dept-icon-16.icon-default{ color: var(--cor-1); display:inline-flex; align-items:center; justify-content:center; }
.dept-icon-16{ width: 22px; height: 22px; display:inline-flex; align-items:center; justify-content:center; margin-right: 6px; }
.dept-icon-16 img{ width: 100%; height: 100%; object-fit: contain; }
.dept-title-l1{ font-weight: 700; color:#111827; }
.dept-link-l2{ color:#374151 !important; font-weight:600; text-decoration:none; }
.dept-link-l2:hover{ color: var(--cor-1) !important; text-decoration: underline; }
.tag-l3{ display:inline-block; margin: 3px 6px 3px 0; background:#f8fafc; border:1px solid #e5e7eb; padding:3px 8px; border-radius: 999px; font-size: 12px; color:#4b5563 !important; text-decoration:none; }
.tag-l3:hover{ background:#eef2f7; color:#111827 !important; text-decoration:none; }

.nav-icones p{ margin: 0px 0px 5px 0px; text-align: center;}

.navbar-nav .icon > img{height: 25px;width: 25px;filter: brightness(0) invert(1);margin-inline: auto;display: inline-block;/* margin-right: 7px; */}
/* efeito underline suave no item ativo/hover */
.navbar-nav>li>a::after {content: ""; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 2px; background: rgba(255,255,255,.0); border-radius: 2px; transition: background .18s ease;}
.navbar-nav>li>a:hover::after, .navbar-nav>li>a:focus::after {background: rgba(255,255,255,.55);} 

.nivel-3-pai:hover .terceiro-nivel{display: block;}

.nivel-3-pai{position: relative;}

.nivel-3{position: absolute;background: #fff;width: 128px;top: 0px; display: none;}

.terceiro-nivel{display: block;left: 197px !important;top: 0;background-color: white;background: white;height: auto;margin-left: 14px;font-weight: 100;}

.terceiro-nivel li a{padding: 5px 20px 5px 20px;border-radius: 5px;margin: 0;color: white;}

.iconeHeader{width: 25px; filter: invert(1);}

/*Menu mobile*/

.menu-mobile{display: none}

#menu-check{ display: none; }

.menu-btn{width: 38px;height: 38px;}

.carrinho-mobile{width: 38px;height: 38px;}


.m-mobile{display: none;width: 80%;height: 5000px;background-color: #f4f4f4;left: -800px;top: 0;transition: all .8s ease-in-out;position: absolute;z-index: 998;}

.m-titulo{ background-color:#000; height: 90px; line-height: 80px;}

.m-titulo-texto{ display: flex; justify-content: center; flex-direction: column; margin-left: 60px; margin-top: -60px; line-height: 10px;}

.m-titulo label{color: #fff;font-size: 16px;}

.m-titulo #minhaconta{font-size: 20px;}

.m-titulo img{ margin-left: 10px; margin-top: 5px; width: 36px; height: 36px;}

.item-menu-m{cursor: pointer;text-decoration: none;}

.item-menu-m i{transition: all .4s ease-in-out; }

.item-menu-m:hover i{transform: rotate(180deg);}

.item-menu-m a{text-decoration: none;}

.item-menu-m a:hover{ text-decoration: none; color: #000;}

#menu-check:checked ~ .m-mobile{ transform: translateX(800px);}

.barra-pesquisa{display: none;padding: 10px 20px;}

.mobile-logout{color: #fff; float: right; margin-right: 15px;}

.mobile-logout i{margin-left: 3px;}

.mobile-logout:hover{text-decoration: none; color: #fff;}

#minhaconta i{margin-left: 3px;}

.categoria-nome{color: #333 !important;text-align: left !important;}

.categoria-nome i{float: right;margin-right: 10px;color: #909090 !important;}

.subcategoria-nome{margin-left: 10px;font-size: 16px !important;text-transform: lowercase;}

.sub-sub-categoria{margin-left: 20px; color: #5a5a5a; font-size: 14px;}

.cat-garagem{display: flex; justify-content: center;}

.mobile-header{width: 100%;background-color: #002df5;padding: 10px 20px;display: flex;display: none;justify-content: space-between;align-items: center;margin: 0;}

.mobile-lateral {width: 100%;background-color: var(--cor-1);padding: 10px 20px;display: flex;display: none;justify-content: space-between;align-items: center;margin: 0;}

.mobile-lateral p{margin: 0;font-size: 16px;color: var(--cor-2);margin-bottom: 5px;;}

.mobile-lateral a{font-size: 18px; margin: 0; color: var(--cor-2);}

.mobile-lateral i{font-size: 18px;color: var(--cor-2);}

.content-garagem{margin-right: -6px;}

.contador-carrinho{color: #FFF;background: var(--cor-1);font-weight: bold;height: 15px;width: 15px;border-radius: 10px;text-align: center;position: absolute;right: -15px;top: -6px;font-size: 10px;}

.sacola-link-wrapper{position: relative;}

.badge{position: absolute;top: -12px;padding: 4px 7px !important;border-radius: 50% !important;background-color: var(--cor-1) !important;font-size: 11px !important;font-weight: bold !important;right: 5px;color: #FFF !important;}

/* CARROSSEL DE PRODUTOS */

.owl-theme .owl-controls .owl-buttons div { position: absolute; border-radius: 0px !important; margin: 0px !important; padding: 3px 5px !important; background: transparent !important; }

.owl-theme .owl-controls .owl-buttons .owl-prev{ left: 0px; top: 28%; }

.owl-theme .owl-controls .owl-buttons .owl-next{ right: 0px; top: 28%; }

.owl-pagination{ display: none; }

.input-group input::placeholder{color:black;z-index: 99999;}

.footer-social-links{display: flex;justify-content: center;margin: 10px 0;}
.footer-social-links i {font-size: 30px;padding-right: 5px;color: var(--cor-1);}

.footer-social-links a {font-family: Hind,Arial,Helvetica,sans-serif;font-size: 11px;position: relative;padding: .5em 0 .5em 10px;display: inline-block;color: var(--cor-1);margin-left: -4px;line-height: 14px;text-transform: uppercase;transition: all 25s;}
.footer-social-links a:hover{text-decoration: none;}

/* MEDIA SCREEN */

@media (max-width: 992px) {

    header {display: none!important;}

    .icone-sacola{width: 30px;stroke: var(--cor-1);height: 30px;}

    .icone-burguer-mobile{fill: var(--cor-1);width: 30px;height: 30px;}

    .container-busca-mobile{background-color: #FFF;border-radius: 1000px;}

    .cat-garagem{display: block;}

    .navbar-collapse{ padding-right: 15px; padding-left: 15px; }

    .navbar-nav>li>.dropdown-menu{ background: #fff !important; }

    .logo{ margin: 0 auto; padding-top: 5px;  max-height: 125px;  position: relative; }

    .navbar-nav{ height: auto !important; margin: 0px !important;}

    .owl-buttons{display: none;}

    #btn-pedido{ width: 100%; }

    .menu-mobile{ display: block; }

    .box-vitrine{    margin-top: -8px;}

    .menu-desktop{ display: none; }

    #atend{ display: none;}

    .garagem-car{display:block ;}

    .garagem-moto{display:block ;}

    .content-garagem{width:none;}

    .faixa-head{ text-align: center !important; }

    .menu_flutuante{ display: none !important;; }

    .navbar-nav>li>a {font-weight:bold;font-size: 14;padding: 10px 0px !important;flex-direction: row;justify-content: space-between;background-color: #ffffff;}

    .sub-menu > li > a{padding: 10px 0px 10px 18px !important;}

    .padding-0{ padding: 15px !important; }

    .navbar-collapse { padding-right: 15px; padding-left: 15px;}

    .navbar-nav>li>.dropdown-menu {background: transparent !important;}

    .logo { margin: 0 auto; padding: 10px}

    .navbar-nav { height: auto !important; margin: 0px !important; display: block;}

    .owl-buttons { display: none;}

    #btn-carrinho { margin-bottom: 15px;}

    #btn-atend { margin-top: 10px !important;}

    .m-mobile { display: block;}

    .mobile-header { display: flex; }

    .barra-pesquisa { display: block;}

    .navbar-nav {width: 100%;}

    .logo-mobile {width: 70%;/* filter: invert(1); */margin: 0 auto;}

    .header-cat-mobile { background-color: #49A011; color: #fff;}

    .nav>li>a:hover { border-top: none;}

    .menu-desktop { display: none;}

    .faixa-head { display: none;}

    .menu_flutuante {display: none !important;}

    #btn-topo { display: none;}

    .fixme { display: none;}

    .faixa-head { text-align: center;}

    .input-header {width: 99% !important;border-color: #c0c0c0 !important;height: 42px !important;}

    .icones{ display: none;}

    .mega-dropdown-menu .dropdown-header a{color: #000;}

    .sub-menu > li > a{color: #333!important;background-color: transparent;font-size: 14px !important;padding: 5px 0px !important;text-transform: capitalize;}

    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: transparent !important;}

    .nav>li>a:hover {background-color: transparent !important;}

    .navbar-nav>li{border-bottom: 1px solid #e5e5e5;height: auto;padding: 0px 20px;}

    .mostrar{display: none}
.menu-desktop .form_header_busca{ position: relative; z-index: 100150; }
.menu-desktop .mostrar{ position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 100200; display:none; }
.menu-desktop .form_header_busca:focus-within + .mostrar{ display:block; }
.menu-desktop #mostrar{ max-height: 320px; overflow: auto; box-shadow: 0 12px 30px rgba(0,0,0,.12); border: 1px solid #e5e7eb; border-radius: 8px; background:#fff; position: relative; z-index: 100210; }
.menu-desktop #mostrar .list-group-item{ display:flex; align-items:center; gap:10px; padding:10px 12px; border:0 !important; border-bottom:1px solid #f1f5f9 !important; background: #fff !important; }
.menu-desktop #mostrar .list-group-item:last-child{ border-bottom:0; }
.menu-desktop #mostrar img{ width:36px !important; height:36px !important; border-radius:6px; object-fit:cover; }
.menu-desktop #mostrar a{ color:#111827; text-decoration:none; font-weight:500; }
.menu-desktop #mostrar a:hover{ text-decoration:underline; }

    .minibanner{ display:none;}

    .texto-newsletter{margin-left: 0px;}

    .btn-header{border-radius: 0px 10px 10px }

    .newsletter{padding-bottom: 10px;}

}

/* media tablet */

@media (max-width: 991px){

    .dropdown-todas-categorias{position: absolute !important;background: #000 !important;}

    .container-burguer-tablet{ display: none !important;}

    .ul-todas-categorias{margin: 0 !important;width: 40%;}

    .newsletter .container{display: flex;align-items: center;justify-content: center;padding: 20px 0;}

    /* os banners do site */
    .minibanner .container .row{width: 100%;display: flex;}

}

@media (min-width: 1200px) {



} 

.btn-blog{display: flex !important;
        gap: 8px !important;
        align-items: center !important;
        color: black !important;
        font-weight: 800 !important;
        padding: 0 !important;
    }

    .card-img-top {width: 100%; border-radius: 5px}

.btn-blog p{margin: 0 !important; text-decoration: underline !important;}

.card-body h5{font-weight: 800 !important; margin-bottom: 0; font-size: 14px !important;}
.mini-text{font-size: 14px; margin-bottom: 20px !important;}
.card-body small{}

.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  background-color: #25d366;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: transform 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

.whatsapp-float img {
  width: 48px;
  height: 48px;
}