/* 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: #20304f;



--cor-2: #feff01;



--cor-3: #feff01;



--cor-fundo-produtos: #ffffff;



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



/* ========== INÍCIO VARIÁVEL CSS CARRINHO ========== */

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

--carrinho-lateral: 1;

/* ========== FIM VARIÁVEL CSS CARRINHO ========== */

/* Cores do mega menu (níveis 2 e 3) */

--mega-menu-opcao-cor: #ffffff;

--mega-menu-opcao-hover-cor: #32ff32;



}



body {font-family: 'Times New Roman', Times, serif !important; font-size: 14px !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: center;align-items: center; flex-wrap: wrap;}



@media (min-width: 320px) and (max-width: 430px) {

#tarja-slide ul {

display: flex !important;

flex-wrap: wrap !important;

}

}



@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; }



/* ========== INÍCIO ESTILO CARRINHO LATERAL (SIDECART) ========== */

/* 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;

}




/* Responsivo para mobile */

@media (max-width: 768px) {

  .sidecart-panel {

    width: 100vw !important;

    height: 100vh !important;

  }

  

  .sidecart-content {

    flex-direction: column !important;

    height: calc(100vh - 60px) !important;

  }

  

  .sidecart-vitrine {

    width: 100% !important;

    height: 40% !important;

    border-right: none !important;

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

    padding: 10px !important;

  }

  

  .sidecart-main {

    height: 60% !important;

    flex: 1 !important;

  }

  

  /* Scroll horizontal para vitrine no mobile */

  #vitrine-produtos {

    display: flex !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    gap: 10px !important;

    padding-bottom: 10px !important;

    scrollbar-width: thin !important;

    scrollbar-color: #ccc #f1f1f1 !important;

  }

  

  #vitrine-produtos::-webkit-scrollbar {

    height: 4px !important;

  }

  

  #vitrine-produtos::-webkit-scrollbar-track {

    background: #f1f1f1 !important;

    border-radius: 2px !important;

  }

  

  #vitrine-produtos::-webkit-scrollbar-thumb {

    background: #ccc !important;

    border-radius: 2px !important;

  }

  

  .sidecart-vitrine-item {

    flex: 0 0 140px !important; /* Largura fixa para cada item */

    margin-bottom: 0 !important;

    padding: 8px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    text-align: center !important;

    border: 1px solid #eee !important;

    border-radius: 6px !important;

    background: white !important;

    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;

  }

  

  .sidecart-vitrine-item img {

    width: 60px !important;

    height: 60px !important;

    margin-bottom: 8px !important;

    border-radius: 4px !important;

  }

  

  .sidecart-vitrine-item h5 {

    font-size: 10px !important;

    line-height: 1.2 !important;

    margin-bottom: 5px !important;

    height: 24px !important;

    overflow: hidden !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

  }

  

  .sidecart-vitrine-item .preco {

    font-size: 12px !important;

    font-weight: bold !important;

    color: #e74c3c !important;

    margin-bottom: 5px !important;

  }

  

  .sidecart-vitrine-item button {

    font-size: 9px !important;

    padding: 4px 8px !important;

    width: 100% !important;

    border-radius: 3px !important;

  }

  

  .sidecart-footer {

    padding: 10px !important;

  }

  

  .sidecart-total {

    font-size: 16px !important;

  }

  

  .sidecart-actions .btn {

    padding: 10px !important;

    font-size: 14px !important;

  }

  

  .sidecart-vitrine h4 {

    font-size: 14px !important;

    margin-bottom: 10px !important;

  }

}



/* Melhorias para tablets */

@media (max-width: 1024px) and (min-width: 769px) {

  .sidecart-panel {

    width: 80vw !important;

  }

  

  .sidecart-vitrine {

    width: 280px !important;

  }

}



.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; } }

/* ========== FIM ESTILO CARRINHO LATERAL (SIDECART) ========== */



/* 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;}



.centro .titulo-vitrine h2{font-size: 30px;/* font-weight: bolder; */padding-top: 20px;color: #000000;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;}



/* ========== INÍCIO ESTILO BOTÃO CARRINHO ========== */

#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;}

/* ========== FIM ESTILO BOTÃO CARRINHO ========== */



.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; }



/* ========== INÍCIO ESTILO BOTÃO CARRINHO (SEGUNDA SEÇÃO) ========== */

#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; }

/* ========== FIM ESTILO BOTÃO CARRINHO (SEGUNDA SEÇÃO) ========== */



/* 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: var(--mega-menu-opcao-cor) !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; color: var(--mega-menu-opcao-cor) !important;}

.menu-link-root .caret-indicator {transition: transform .2s ease; margin-left: 2px; color: currentCollor !important;}

.menu-item-root:hover .menu-link-root .caret-indicator {transform: rotate(180deg); color: currentCollor !important;}

/* Í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: var(--mega-menu-opcao-hover-cor); }

.menu-item-root:hover > a.menu-link-root{ color: var(--mega-menu-opcao-hover-cor) !important; }

.menu-item-root:hover > a.menu-link-root .menu-text{ color: var(--mega-menu-opcao-hover-cor) !important; }

.menu-item-root:hover > a.menu-link-root .caret-indicator{ color: color: currentCollor !important; !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: #000 !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(--mega-menu-opcao-hover-cor) !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:var(--mega-menu-opcao-cor) !important; padding:5px 8px; border-radius:6px; line-height:1.35; }

.mega-dropdown-menu .menu-link-l3:hover{ background:#f3f4f6; color:var(--mega-menu-opcao-hover-cor) !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: #000 !important; text-decoration:none; }

.mega-dropdown-menu .mega-cta-link:hover{color: #32ff32 !important; text-decoration: underline; }

.mega-dropdown-menu .fa-chevron-right {color: currentColor !important;}

.mega-dropdown-menu .fa-chevron-right:hover {color: currentColor !important;}





.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: var(--mega-menu-opcao-cor) !important; fill:currentColor !important;}

.ul-todas-categorias li > a:hover{ color: var(--mega-menu-opcao-hover-cor) !important; fill:currentColor !important;}

.ul-todas-categorias li > a.dept-link-l2{ display:flex; align-items:center; gap:6px; color: #000 !important;}

.ul-todas-categorias li > a.dept-link-l2:hover{ display:flex; align-items:center; gap:6px; color: var(--mega-menu-opcao-hover-cor) !important;}

.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: #000 !important; }

.dept-title-l1:hover{ font-weight: 700; color: currentColor !important; }

.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;}



/* ========== INÍCIO ESTILO CARRINHO MOBILE ========== */

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

/* ========== FIM ESTILO CARRINHO MOBILE ========== */





.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: #feff01 ;padding: 10px 20px;display: flex;display: none;justify-content: space-between;align-items: center;margin: 0; font-weight: normal !important;}



.mobile-lateral {width: 100%;background-color:  !important;padding: 10px 20px;display: flex;display: none;justify-content: space-between;align-items: center;margin: 0; font-weight: normal !important;}



.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)!important;}



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



/* ========== INÍCIO ESTILO CONTADOR E BADGE CARRINHO ========== */

.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;}

/* ========== FIM ESTILO CONTADOR E BADGE CARRINHO ========== */



/* 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;}



/* ========== INÍCIO ESTILO ÍCONE SACOLA ========== */

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

/* ========== FIM ESTILO ÍCONE SACOLA ========== */



.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:normal;font-size: 30;padding: 10px 0px !important;flex-direction: row;justify-content: space-between;background-color: #000000;}



.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;}



/* ========== INÍCIO ESTILO BOTÃO CARRINHO MOBILE ========== */

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

/* ========== FIM ESTILO BOTÃO CARRINHO MOBILE ========== */



#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;

}



.faixa-head{background: var(--cor-1);}



.produto.custom-estilo{z-index: 499;}