/* AJUSTAR LINHA SUPERIOR DO MAIS VENDIDOS NO MOBILE */
@media screen and (max-width: 767px) {
  .vitrine-mas-vendido strong {
    display: block;
    margin-top: -18px !important;
  }
  
  /* Para a linha de cima */
  .vitrine-mas-vendido::before,
  .vitrine-mas-vendido .linha-superior,
  .vitrine-mas-vendido .border-top {
    margin-top: -20px !important;
  }
  
  
  
}
/* CORREÇÃO CAMPO DE BUSCA MOBILE */
@media screen and (max-width: 767px) {
  .busca-mobile input[type="text"],
  .campo-busca input,
  .search-input,
  input[placeholder*="Buscar"] {
    width: calc(100% - 60px) !important;
    max-width: none !important;
    padding-right: 50px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    font-size: 14px !important; /* tamanho da letra ajustado */
  }

  /* Ajusta o container da busca */
  .busca-mobile,
  .campo-busca,
  .search-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px !important;
  }
}








/* APAGA CATEGORIAS DO RODAPÉ */
.links-rodape-categorias {
    display: none !important;
}








/* CORREÇÃO EXTREMAMENTE FORÇADA PARA WEBVIEWS DAS REDES SOCIAIS */
@media screen and (max-width: 767px) {
  .atalhos-mobile .rastreio-btn i.fas.fa-truck,
  .atalhos-mobile a.icon-user,
  .atalhos-mobile a.icon-shopping-cart,
  .atalhos-mobile a.icon-user::before,
  .atalhos-mobile a.icon-shopping-cart::before {
    font-size: 22px !important;
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
    zoom: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    -webkit-font-size-adjust: none !important;
    font-size-adjust: none !important;
    min-font-size: 22px !important;
    max-font-size: 22px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    pointer-events: auto !important;
    display: inline-block !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    -webkit-perspective: 1000 !important;
    perspective: 1000 !important;
    will-change: auto !important;
    margin-right: 5px !important; /* Move os ícones para a esquerda */
  }

  /* Força estabilidade total no container */
  .atalhos-mobile {
    -webkit-text-size-adjust: none !important;
    text-size-adjust: none !important;
    zoom: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
    padding-right: 10px !important; /* Adiciona espaço interno à direita */
  }
}

/* Move apenas o caminhão 3px para a esquerda */
@media screen and (max-width: 767px) {
  .atalhos-mobile .rastreio-btn i.fas.fa-truck {
    transform: translateX(-3px) !important;
  }
}




/* CORREÇÃO FORÇADA PARA WEBVIEWS DE REDES SOCIAIS */
@media screen and (max-width: 767px) {
  .busca-mobile input[type="text"],
  .campo-busca input,
  .search-input,
  input[placeholder*="Buscar"] {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 15px !important;
    padding-left: 1px !important;
    font-size: 14px !important;
    line-height: 1.2em !important;
    height: auto !important;
    min-height: 35px !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }

  .busca-mobile input[type="text"]::placeholder,
  .campo-busca input::placeholder {
    font-size: 14px !important;
  }

  .busca-mobile,
  .campo-busca,
  .search-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: -6px !important;
  }
}

/* FORÇA EXTREMA APENAS PARA REDES SOCIAIS - TELAS ATÉ 400px */
@media screen and (max-width: 400px) {
  .busca-mobile input[type="text"],
  .campo-busca input,
  .search-input,
  input[placeholder*="Buscar"] {
    font-size: 11px !important; /* fonte bem pequena só para redes sociais */
    padding-right: 8px !important;
    padding-left: 1px !important;
    min-height: 30px !important;
  }

  input::placeholder {
    font-size: 11px !important;
  }
}







































/* ÍCONES FACEBOOK E INSTAGRAM MAIORES E COLORIDOS */
.redes-sociais a, .social-icons a, .footer-social a {
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 10px !important;
  transition: transform 0.3s ease !important;
}

/* Facebook - cor azul */
.redes-sociais a[href*="facebook"], .social-icons a[href*="facebook"], .footer-social a[href*="facebook"] {
  background: #1877F2 !important;
  color: white !important;
}

/* Instagram - gradiente colorido */
.redes-sociais a[href*="instagram"], .social-icons a[href*="instagram"], .footer-social a[href*="instagram"] {
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%) !important;
  color: white !important;
}

/* Efeito hover */
.redes-sociais a:hover, .social-icons a:hover, .footer-social a:hover {
  transform: scale(1.1) !important;
}

/* TAMANHO DO ÍCONE INTERNO DO FACEBOOK - SEPARADO */
.redes-sociais a[href*="facebook"] i, .social-icons a[href*="facebook"] i, .footer-social a[href*="facebook"] i {
  font-size: 24px !important;
}

/* TAMANHO DO ÍCONE INTERNO DO INSTAGRAM - SEPARADO */
.redes-sociais a[href*="instagram"] i, .social-icons a[href*="instagram"] i, .footer-social a[href*="instagram"] i {
  font-size: 28px !important;
}






/* MENU HAMBÚRGUER ULTRA COMPACTO */
@media screen and (max-width: 767px) {
  /* Espaçamento mínimo entre categorias */
  .nivel-um .categoria-id-23491762,
  .nivel-um .categoria-id-23494363,
  .nivel-um .categoria-id-23494357,
  .nivel-um .categoria-id-23491771,
  .nivel-um .categoria-id-23491763,
  .nivel-um .categoria-id-23494370,
  .nivel-um .categoria-id-23494372,
  .nivel-um .categoria-id-23494371,
  .nivel-um .categoria-id-23491775,
  .nivel-um .categoria-id-23669493 {
  margin: 0 !important; /* Remove todas as margens */
  padding: 0.5px 0 !important; /* Padding ainda menor */
  }
  
  /* Fonte e altura bem reduzidas */
  .nivel-um .categoria-id-23491762 .titulo,
  .nivel-um .categoria-id-23494363 .titulo,
  .nivel-um .categoria-id-23494357 .titulo,
  .nivel-um .categoria-id-23491771 .titulo,
  .nivel-um .categoria-id-23491763 .titulo,
  .nivel-um .categoria-id-23494370 .titulo,
  .nivel-um .categoria-id-23494372 .titulo,
  .nivel-um .categoria-id-23494371 .titulo,
  .nivel-um .categoria-id-23491775 .titulo,
  .nivel-um .categoria-id-23669493 .titulo {
  font-size: 11px !important; /* Fonte um pouco menor */
  line-height: 0.6 !important; /* Altura ainda menor */
  }
  
  /* Ícones bem pequenos */
  .nivel-um .categoria-id-23491762 .titulo:before,
  .nivel-um .categoria-id-23494363 .titulo:before,
  .nivel-um .categoria-id-23494357 .titulo:before,
  .nivel-um .categoria-id-23491771 .titulo:before,
  .nivel-um .categoria-id-23491763 .titulo:before,
  .nivel-um .categoria-id-23494370 .titulo:before,
  .nivel-um .categoria-id-23494372 .titulo:before,
  .nivel-um .categoria-id-23494371 .titulo:before,
  .nivel-um .categoria-id-23491775 .titulo:before,
  .nivel-um .categoria-id-23669493 .titulo:before {
  width: 14px !important;
  height: 14px !important;
  background-size: 14px 14px !important;
  margin-right: 3px !important;
  }
}




/* AFINAR BARRA VERDE SUPERIOR NO MOBILE - MAIS FINA */
@media screen and (max-width: 767px) {
  /* Reduzir altura da barra verde ainda mais */
  .menu-mobile-header,
  .header-mobile,
  .barra-superior {
    height: 35px !important; /* Altura menor ainda */
    min-height: 35px !important;
    padding: 3px 0 !important; /* Padding bem reduzido */
  }
  
  /* Ajustar X proporcionalmente */
  .menu-mobile-close,
  .fechar-menu,
  .btn-close {
    width: 22px !important; /* X menor */
    height: 22px !important;
    font-size: 16px !important; /* Tamanho da fonte do X */
    line-height: 22px !important; /* Centralizar verticalmente */
  }
  
  /* Ajustar logo se necessário */
  .logo-mobile {
    height: 25px !important; /* Logo proporcional */
    max-height: 25px !important;
  }
}







/* ADICIONAR ÍCONE DE MOTO NA BARRA VERDE MOBILE - SEM ROLAGEM */
@media screen and (max-width: 767px) {
  .cab-nav.fundo-principal {
    position: relative;
    overflow: hidden;
  }
  .cab-nav.fundo-principal::before {
    content: '';
    background-image: url('https://cdn.awsli.com.br/2841/2841132/arquivos/deliverycategory.png');
    background-size: 210px 210px;
    background-repeat: no-repeat;
    background-position: center;
    width: 210px;
    height: 210px;
    position: absolute;
    top: 50%;
    left: 43%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    display: block;
    animation: deslizar 6s ease-in-out infinite;
  }
}

@keyframes deslizar {
  0% {
    opacity: 0;
    transform: translate(-150%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  90% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}









/* ================= RESOLUÇÕES - ICONES POR CATEGORIA RESOLUÇÕES EM DESKTOPS  ================= */
.categoria-id-23491762 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/castanhas.png); }
.categoria-id-23494363 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/snacks.png); }
.categoria-id-23494357 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/amendoim.png); }
.categoria-id-23491771 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/frutas.png); }
.categoria-id-23491763 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/sementes.png); }
.categoria-id-23494370 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/farinhas.png); }
.categoria-id-23494372 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/temperos.png); }
.categoria-id-23494371 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/chas.png); }
.categoria-id-23491775 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/a-granel.png); }
.categoria-id-23669493 .titulo:before { background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/docesnaty.png); }

/* ================= ESTILO BASE ================= */
.categoria-id-23491762 .titulo,
.categoria-id-23494363 .titulo,
.categoria-id-23494357 .titulo,
.categoria-id-23491771 .titulo,
.categoria-id-23491763 .titulo,
.categoria-id-23494370 .titulo,
.categoria-id-23494372 .titulo,
.categoria-id-23494371 .titulo,
.categoria-id-23491775 .titulo,
.categoria-id-23669493 .titulo {
  font-weight: 600 !important;
  color: #2E7D32 !important;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.categoria-id-23491762 .titulo:before,
.categoria-id-23494363 .titulo:before,
.categoria-id-23494357 .titulo:before,
.categoria-id-23491771 .titulo:before,
.categoria-id-23491763 .titulo:before,
.categoria-id-23494370 .titulo:before,
.categoria-id-23494372 .titulo:before,
.categoria-id-23494371 .titulo:before,
.categoria-id-23491775 .titulo:before,
.categoria-id-23669493 .titulo:before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 35px 35px; /* +3px */
  width: 35px;
  height: 35px;
  margin-right: 8px;
}

/* ================= MEDIA QUERIES ================= */

/* 1366x768 */
@media screen and (max-width: 1366px) {
  .categoria-id-23491762 .titulo:before,
  .categoria-id-23494363 .titulo:before,
  .categoria-id-23494357 .titulo:before,
  .categoria-id-23491771 .titulo:before,
  .categoria-id-23491763 .titulo:before,
  .categoria-id-23494370 .titulo:before,
  .categoria-id-23494372 .titulo:before,
  .categoria-id-23494371 .titulo:before,
  .categoria-id-23491775 .titulo:before,
  .categoria-id-23669493 .titulo:before {
    background-size: 28px 28px; /* +3px */
    width: 28px;
    height: 28px;
    margin-right: 8px;
  }
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    font-size: 1em !important; /* +3px proporcional */
  }
}

/* 1600x900 */
@media screen and (min-width: 1367px) and (max-width: 1600px) {
  .categoria-id-23491762 .titulo:before,
  .categoria-id-23494363 .titulo:before,
  .categoria-id-23494357 .titulo:before,
  .categoria-id-23491771 .titulo:before,
  .categoria-id-23491763 .titulo:before,
  .categoria-id-23494370 .titulo:before,
  .categoria-id-23494372 .titulo:before,
  .categoria-id-23494371 .titulo:before,
  .categoria-id-23491775 .titulo:before,
  .categoria-id-23669493 .titulo:before {
    background-size: 33px 33px; /* +3px */
    width: 33px;
    height: 33px;
    margin-right: 8px;
  }
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    font-size: 1.3em !important;
  }
}

/* 1920x1080 (100%) */
@media screen and (min-width: 1601px) and (max-width: 1920px) {
  .categoria-id-23491762 .titulo:before,
  .categoria-id-23494363 .titulo:before,
  .categoria-id-23494357 .titulo:before,
  .categoria-id-23491771 .titulo:before,
  .categoria-id-23491763 .titulo:before,
  .categoria-id-23494370 .titulo:before,
  .categoria-id-23494372 .titulo:before,
  .categoria-id-23494371 .titulo:before,
  .categoria-id-23491775 .titulo:before,
  .categoria-id-23669493 .titulo:before {
    background-size: 40px 40px; /* +3px */
    width: 40px;
    height: 40px;
    margin-right: 12px;
  }
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    font-size: 1.6em !important;
  }
}

/* 1920x1080 (Zoom 110%) */
@media screen and (min-width: 1601px) and (max-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.1) {
  .categoria-id-23491762 .titulo:before,
  .categoria-id-23494363 .titulo:before,
  .categoria-id-23494357 .titulo:before,
  .categoria-id-23491771 .titulo:before,
  .categoria-id-23491763 .titulo:before,
  .categoria-id-23494370 .titulo:before,
  .categoria-id-23494372 .titulo:before,
  .categoria-id-23494371 .titulo:before,
  .categoria-id-23491775 .titulo:before,
  .categoria-id-23669493 .titulo:before {
    background-size: 38px 38px; /* +3px */
    width: 38px;
    height: 38px;
    margin-right: 10px;
  }
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    font-size: 1.4em !important;
  }
}

/* 1920x1080 (Zoom 115%) */
@media screen and (min-width: 1601px) and (max-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.13) {
  .categoria-id-23491762 .titulo:before,
  .categoria-id-23494363 .titulo:before,
  .categoria-id-23494357 .titulo:before,
  .categoria-id-23491771 .titulo:before,
  .categoria-id-23491763 .titulo:before,
  .categoria-id-23494370 .titulo:before,
  .categoria-id-23494372 .titulo:before,
  .categoria-id-23494371 .titulo:before,
  .categoria-id-23491775 .titulo:before,
  .categoria-id-23669493 .titulo:before {
    background-size: 36px 36px; /* +3px */
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    font-size: 1.28em !important;
  }
}

/* 1921px+ */
@media screen and (min-width: 1921px) {
  .categoria-id-23491762 .titulo:before,
  .categoria-id-23494363 .titulo:before,
  .categoria-id-23494357 .titulo:before,
  .categoria-id-23491771 .titulo:before,
  .categoria-id-23491763 .titulo:before,
  .categoria-id-23494370 .titulo:before,
  .categoria-id-23494372 .titulo:before,
  .categoria-id-23494371 .titulo:before,
  .categoria-id-23491775 .titulo:before,
  .categoria-id-23669493 .titulo:before {
    background-size: 43px 43px; /* +3px */
    width: 43px;
    height: 43px;
    margin-right: 12px;
  }
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    font-size: 1.65em !important;
  }
}

/* ================= MOBILE AUMENTA TAMANHO DO CARROCELL CARROCELL E  LETRA ============== */
/* ================= MOBILE ================= */
@media screen and (max-width: 767px) {
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    display: block !important;
    text-align: center !important;
    font-size: 0.9em !important;
    margin-top: -7px !important;
    color: #006400 !important;
  }

  /* Ícones das primeiras 8 categorias */
  .categoria-id-23491762 .titulo:before,
  .categoria-id-23494363 .titulo:before,
  .categoria-id-23494357 .titulo:before,
  .categoria-id-23491771 .titulo:before,
  .categoria-id-23491763 .titulo:before,
  .categoria-id-23494370 .titulo:before,
  .categoria-id-23494372 .titulo:before,
  .categoria-id-23494371 .titulo:before {
    display: block !important;
    margin: 0 auto 5px auto !important;
    background-size: 31px 31px !important;
    width: 31px !important;
    height: 31px !important;
  }

  /* Ícones das duas últimas categorias com margin diferenciado */
  .categoria-id-23491775 .titulo:before,
  .categoria-id-23669493 .titulo:before {
    display: block !important;
    margin: 50px auto 5px auto !important;
    background-size: 31px 31px !important;
    width: 31px !important;
    height: 31px !important;
  }
}














/* Contador mobile definitivo */
@media (max-width: 768px) {
    .fundo-principal .icon-shopping-cart {
        position: relative !important;
    }
    
    .fundo-principal .icon-shopping-cart::after {
        content: attr(data-count) !important;
        position: absolute !important;
        top: -14px !important;
        right: -0px !important;
        background: #ff0000 !important;
        color: white !important;
        border-radius: 50% !important;
        width: 18px !important;
        height: 18px !important;
        font-size: 10px !important;
        font-weight: bold !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 999 !important;
    }
    
    .fundo-principal .icon-shopping-cart[data-count]:not([data-count="0"])::after {
        display: flex !important;
    }
}






/* Alterar texto do botão rastrear - APENAS MOBILE */
@media (max-width: 768px) {
  button.rastreio {
    text-indent: -9999px !important;
    position: relative !important;
    padding: 10px 20px !important;
    min-width: 100px !important;
    min-height: 40px !important;
    width: auto !important;
  }
  
  button.rastreio::after {
    content: "Rastreamento" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-indent: 0 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    color: #000 !important;
  }
}



/* Padronização dos ícones de usuário e caminhão no desktop */
@media (min-width: 769px) {
  /* Ícone do usuário - estado normal */
  .atalhos-mobile .icon-user {
    color: #3b5d2a !important;
    background: transparent !important;
    border-radius: 4px !important;
    padding: 8px !important;
    transition: all 0.3s ease !important;
  }
  
  /* Ícone do usuário - hover */
  .atalhos-mobile .icon-user:hover {
    color: white !important;
    background: #3b5d2a !important;
  }
  
  /* Ícone do caminhão - estado normal - COR AJUSTADA */
  .rastreio-btn i.fas.fa-truck {
    color: #3b5d2a !important;
    background: transparent !important;
    border-radius: 4px !important;
    padding: 8px !important;
    transition: all 0.3s ease !important;
  }
  
  /* Ícone do caminhão - hover */
  .rastreio-btn:hover i.fas.fa-truck {
    color: white !important;
    background: #3b5d2a !important;
  }
}









/* Logout no mobile */
@media (max-width: 768px) {
  .atalhos-mobile ul li.menu-user-logged {
    position: absolute !important;
    left: 85px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 999 !important;
    margin: 0 !important;
  }

  .atalhos-mobile ul li.menu-user-logged a.icon-signout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: auto !important;
    text-decoration: none !important;
  }

  .atalhos-mobile a.icon-signout::before {
    color: #3b5d2a !important;
    font-size: 22px !important;
    line-height: 1 !important;
    margin-bottom: 2px !important;
  }

  .atalhos-mobile a.icon-signout::after {
    content: "Sair" !important;
    font-size: 7px !important;
    color: #3b5d2a !important;
    font-weight: bold !important;
    line-height: 1 !important;
  }
}

















.icon {
  position: relative !important;
  top: 30px !important; /* ajuste o valor conforme necessário */
}


svg.icon path {
  fill: #556B2F !important; /* verde */
  stroke-width: 0.8px !important; /* mais fino */
  font-weight: 100 !important; /* peso da fonte mais leve */
}


svg.icon path {
  fill: #556B2F !important; /* vERDE */
}



svg.icon {
  font-weight: 200 !important; /* mais fino */
  stroke-width: 0.5px !important;
}

svg.icon path {
  fill: #556B2F !important;
  vector-effect: non-scaling-stroke !important;
}




/* AJUSTE ICONE TOPO COM SETA  */
.scrollToTop {
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  text-align: center;
  line-height: normal !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: -4px !important; /* move o conteúdo para cima */
   background-color: rgba(255, 255, 255, 0.8) !important; /* fundo branco com transparência */
  
  position: fixed;
  right: 16px !important;
  bottom: 87px !important; /* move o botão para cima ou pra baixo */
  transform: translateX(0);
  z-index: 9999 !important;
}

.scrollToTop i.fa-angle-up {
  font-size: 20px !important; /* tamanho específico da seta */
  line-height: 1;
  color: #2d4a1a !important; /* verde escuro para a seta */
  opacity: 0.8 !important; /* transparência sutil */
}

.scrollToTop span {
  font-size: 10px !important; /* tamanho específico o Topo */
  font-weight: bold !important;
  color: #003400 !important; /* verde mais claro para o texto */
  display: block;
  margin-top: 1px;
  text-transform: uppercase;
  opacity: 0.8 !important; /* transparência sutil */
}











/* ALINHAMENTO À ESQUERDA NO MENU HAMBÚRGUER */
@media screen and (max-width: 767px) {
  /* Seletor específico para o menu hambúrguer */
  .nivel-um .categoria-id-23491762 .titulo:before,
  .nivel-um .categoria-id-23494363 .titulo:before,
  .nivel-um .categoria-id-23494357 .titulo:before,
  .nivel-um .categoria-id-23491771 .titulo:before,
  .nivel-um .categoria-id-23491763 .titulo:before,
  .nivel-um .categoria-id-23494370 .titulo:before,
  .nivel-um .categoria-id-23494372 .titulo:before,
  .nivel-um .categoria-id-23494371 .titulo:before,
  .nivel-um .categoria-id-23491775 .titulo:before,
  .nivel-um .categoria-id-23669493 .titulo:before {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 20px 0 0 !important;
  }
  
  /* Textos alinhados à esquerda no menu hambúrguer */
  .nivel-um .categoria-id-23491762 .titulo,
  .nivel-um .categoria-id-23494363 .titulo,
  .nivel-um .categoria-id-23494357 .titulo,
  .nivel-um .categoria-id-23491771 .titulo,
  .nivel-um .categoria-id-23491763 .titulo,
  .nivel-um .categoria-id-23494370 .titulo,
  .nivel-um .categoria-id-23494372 .titulo,
  .nivel-um .categoria-id-23494371 .titulo,
  .nivel-um .categoria-id-23491775 .titulo,
  .nivel-um .categoria-id-23669493 .titulo {
  text-align: left !important;
  font-size: 16px !important;font-weight: 500 !important; /* Deixa a letra mais fina */
  }
}



        /* COR MARROM #8B4513 O QUE ESTÁ ATUALMENTE É VERDE ESCURO PARA LETRAS NO MENU HAMBÚRGUER */
        @media screen and (max-width: 767px) {
          .nivel-um .categoria-id-23491762 .titulo,
          .nivel-um .categoria-id-23494363 .titulo,
          .nivel-um .categoria-id-23494357 .titulo,
          .nivel-um .categoria-id-23491771 .titulo,
          .nivel-um .categoria-id-23491763 .titulo,
          .nivel-um .categoria-id-23494370 .titulo,
          .nivel-um .categoria-id-23494372 .titulo,
          .nivel-um .categoria-id-23494371 .titulo,
          .nivel-um .categoria-id-23491775 .titulo,
          .nivel-um .categoria-id-23669493 .titulo {
            color: #003300 !important; /* VERDE MUITO ESCURO ATUAL */
            text-align: left !important;
            font-size: 16px !important;
          }
        }

/* AUMENTAR ÍCONES DO MENU HAMBÚRGUER */
@media screen and (max-width: 767px) {
  .nivel-um .categoria-id-23491762 .titulo:before,
  .nivel-um .categoria-id-23494363 .titulo:before,
  .nivel-um .categoria-id-23494357 .titulo:before,
  .nivel-um .categoria-id-23491771 .titulo:before,
  .nivel-um .categoria-id-23491763 .titulo:before,
  .nivel-um .categoria-id-23494370 .titulo:before,
  .nivel-um .categoria-id-23494372 .titulo:before,
  .nivel-um .categoria-id-23494371 .titulo:before,
  .nivel-um .categoria-id-23491775 .titulo:before,
  .nivel-um .categoria-id-23669493 .titulo:before {
    width: 32px !important; /* Aumenta largura */
    height: 32px !important; /* Aumenta altura */
    background-size: 32px 32px !important; /* Ajusta tamanho da imagem */
  }
}




/* CATEGORIA COM ICONES */
@media screen and (max-width: 767px) {
/* Ícone para CASTANHAS */
.categoria-id-23491762 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/castanhas.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para SNACKS */
.categoria-id-23494363 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/snacks.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para AMENDOIM */
.categoria-id-23494357 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/amendoim.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para FRUTAS */
.categoria-id-23491771 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/frutas.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para SEMENTES */
.categoria-id-23491763 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/sementes.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para FARINHAS */
.categoria-id-23494370 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/farinhas.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para TEMPEROS */
.categoria-id-23494372 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/temperos.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para CHÁS */
.categoria-id-23494371 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/chas.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 0 auto 5px auto;
content: "";
}
/* Ícone para A GRANEL */
.categoria-id-23491775 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/a-granel.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 50px auto 5px auto;
content: "";
}
/* Ícone para DOCES */
.categoria-id-23669493 .titulo:before {
background-image: url(https://cdn.awsli.com.br/2841/2841132/arquivos/docesnaty.png);
background-size: 30px 30px;
background-repeat: no-repeat;
width: 30px;
height: 30px;
display: block;
margin: 50px auto 5px auto;
content: "";
}
}







/* Eliminação total do espaço branco - mobile */
@media screen and (max-width: 767px) {
  /* Eliminar todos os espaços desnecessários */
  .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  
  .header-mobile,
  .busca-mobile {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
  /* Subir drasticamente o menu de categorias */
  #menuinsta,
  .slick-list {
    margin-top: -50px !important;
    padding-top: 0 !important;
  }
  
  .slick-track {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  /* Ajustar altura e centralização das categorias */
  .categoria-id-23491762,
  .categoria-id-23494363,
  .categoria-id-23494357,
  .categoria-id-23491771,
  .categoria-id-23491763,
  .categoria-id-23494370,
  .categoria-id-23494372,
  .categoria-id-23494371,
  .categoria-id-23491775,
  .categoria-id-23669493 {
    min-height: 60px !important;
    padding: 4px 3px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Manter letras legíveis e centralizadas */
  .categoria-id-23491762 .titulo,
  .categoria-id-23494363 .titulo,
  .categoria-id-23494357 .titulo,
  .categoria-id-23491771 .titulo,
  .categoria-id-23491763 .titulo,
  .categoria-id-23494370 .titulo,
  .categoria-id-23494372 .titulo,
  .categoria-id-23494371 .titulo,
  .categoria-id-23491775 .titulo,
  .categoria-id-23669493 .titulo {
    line-height: 1.2 !important;
    padding-top: 2px !important;
    text-align: center !important;
    font-size: 10px !important;
  }
}











/* Posicionamento à esquerda sem perder categorias - mobile */
@media screen and (max-width: 767px) {
  /* Eliminar espaço branco acima */
  .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  
  .header-mobile,
  .busca-mobile {
    margin-bottom: 0 !important;
    padding-bottom: 2px !important;
  }
  
  /* Subir e posicionar mais à esquerda */
  #menuinsta,
  .slick-list {
    margin-top: -40px !important;
    padding-top: 0 !important;
    padding-left: 0px !important;
    text-align: left !important;
  }
  
  .slick-track {
    margin-top: 0 !important;
    padding-top: 0 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
  }
  
 /* Ajustar categorias para posição mais à esquerda */
.categoria-id-23491762,
.categoria-id-23494363,
.categoria-id-23494357,
.categoria-id-23491771,
.categoria-id-23491763,
.categoria-id-23494370,
.categoria-id-23494372,
.categoria-id-23494371,
.categoria-id-23491775, 
.categoria-id-23669493 {
  min-height: 60px !important;
  padding: 4px 3px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  margin-right: 8px !important;
  margin-left: 0 !important;
  flex-shrink: 0 !important;
}

/* Manter textos centralizados com negrito */
.categoria-id-23491762 .titulo,
.categoria-id-23494363 .titulo,
.categoria-id-23494357 .titulo,
.categoria-id-23491771 .titulo,
.categoria-id-23491763 .titulo,
.categoria-id-23494370 .titulo,
.categoria-id-23494372 .titulo,
.categoria-id-23494371 .titulo,
.categoria-id-23491775 .titulo,
.categoria-id-23669493 .titulo {
  line-height: 1.2 !important;
  padding-top: 2px !important;
  text-align: center !important;
  font-size: 11px !important;
  font-weight: bold !important;
}
}







/* CSS PARA WEBVIEWS DAS REDES SOCIAIS - VERSÃO SIMPLIFICADA */
@media screen and (max-width: 767px) {
  /* Força estabilidade no container */
  .container, .header-container {
    width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* Ajustes para campo de busca */
  .span8.busca-mobile .busca {
    min-width: 240px !important;
    max-width: 280px !important;
  }
  
  .span8.busca-mobile .busca input {
    min-width: 200px !important;
    font-size: 13px !important;
  }
}













/* VIDEO YOUTUBE AFINADO NO MOBILE*/
@media screen and (max-width: 767px) {
  .video-container, 
  .video-home-container,
  [class*="video"] {
    max-width: 90% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }
  
  .video-container iframe, 
  .video-home-container iframe,
  [class*="video"] iframe {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
}










/* 🌿 INICIO DE TUDO Cores do rodapé */
.titulo {
  color: #064420 !important;
}

.links-rodape li a,
.links-rodape a,
.links-rodape li,
.institucional a,
.institucional li {
  color: #000000 !important;
}

.whatsapp-button {
  position: fixed;
  bottom: 80px;    /* importante: isso define o espaçamento entre o botão e o rodapé */
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25d366;
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
@media (max-width: 480px) {
  .tarja-rotativa {
    margin: 0 !important;
    padding: 8px 16px !important; /* altura leve e confortável */
    display: block !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .tarja-rotativa span.active {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .top-bar, .header-bar, .topo,
  .logo-container, .header,
  #cabecalho, .cabecalho,
  .conteiner-header, .main-header {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  body > div:nth-of-type(2),
  body > header {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
}
@media (max-width: 480px) {
  .tarja-rotativa {
    margin-bottom: 20px !important; /* esse é o espaçamento visual que você marcou */
  }

  .tarja-rotativa + * {
    margin-top: 0 !important; /* evita duplicar o espaço */
  }
}
@media only screen and (max-width: 768px) {
  .flex-next,
  .flex-prev {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}
/* 🌿 Cores do rodapé */
.titulo {
  color: #064420 !important;
}

.links-rodape li a,
.links-rodape a,
.links-rodape li,
.institucional a,
.institucional li {
  color: #000000 !important;
}

.whatsapp-button {
  position: fixed;
  bottom: 80px;    /* importante: isso define o espaçamento entre o botão e o rodapé */
  right: 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #25d366;
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
@media (max-width: 480px) {
  .tarja-rotativa {
    margin: 0 !important;
    padding: 8px 16px !important; /* altura leve e confortável */
    display: block !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .tarja-rotativa span.active {
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
  }

  .top-bar, .header-bar, .topo,
  .logo-container, .header,
  #cabecalho, .cabecalho,
  .conteiner-header, .main-header {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  body > div:nth-of-type(2),
  body > header {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }
}
@media (max-width: 480px) {
  .tarja-rotativa {
    margin-bottom: 20px !important; /* esse é o espaçamento visual que você marcou */
  }

  .tarja-rotativa + * {
    margin-top: 0 !important; /* evita duplicar o espaço */
  }
}
body.home strong {
  display: block;
  margin-top: 80px !important;
}
body.pagina-inicial .titulo-categoria.borda-principal.cor-principal.vitrine-lancamento {
  margin-top: 60px !important;
}
@media (max-width: 768px) {
  .atalhos-mobile {
    background-color: #ffffff !important;
    height: 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 0 !important; /* removendo padding lateral para que botão fique no limite */
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 9999 !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
  }

  .atalhos-mobile ul {
    display: flex !important;
    width: 100%;
    justify-content: flex-start !important;
    align-items: center;
    height: 100%;
    margin: 0;
    padding-left: 0 !important; /* remove padding esquerdo da lista */
    gap: 10px !important;
  }

  .atalhos-mobile ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .atalhos-mobile i {
    color: #3b5d2a !important;
  }

  .atalhos-mobile a.icon-user::before,
  .atalhos-mobile a.icon-shopping-cart::before,
  .atalhos-mobile a.icon-signout::before {
    color: #3b5d2a !important;
  }

  .atalhos-mobile .fundo-principal {
    background-color: transparent !important;
  }

  .atalhos-mobile a.icon-th::before {
    color: #3b5d2a !important;
  }

  /* Botão do menu mais para a esquerda e para cima, quase encostado */
  .atalhos-mobile a.atalho-menu.icon-th {
    margin-left: -4px !important;
    margin-top: -4px !important;
    background: none !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .atalhos-mobile a.botao.principal {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
  }

  .atalhos-mobile span {
    display: none !important;
  }

  body {
    padding-top: 76px !important;
  }
}

@media (max-width: 768px) {
  .atalhos-mobile .contato-mobile {
    display: none !important;
  }
  
  /* ✅ Força o menu lateral a sobrepor a barra e tarjas */
  .menu-mobile,
  .menu,
  .fundo-escuro,
  .fundo-menu,
  .menu-categorias {
    z-index: 10000 !important;
    position: relative !important;
  }

  .fundo-menu {
    background-color: #fff !important;
  }

  .top-bar,
  .tarja-rotativa,
  .atalhos-mobile {
    z-index: 999 !important;
  }
}
@media (max-width: 768px) {
  .rastreio-content {
    display: none;
  }

  #toggle-rastreio:checked ~ .rastreio-content {
    display: block;
  }

  .rastreio-topo {
    cursor: pointer;
  }

  .rastreio-topo i {
    color: #3b5d2a;
    font-size: 22px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 768px) {
  .atalhos-mobile ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100%;
    padding: 0 10px !important;
  }

  /* Categoria à esquerda */
  .atalhos-mobile ul li:first-child {
  order: 0 !important;
  margin-left: 5 !important;
  margin-right: auto !important;
  padding-left: 0 !important;
}


  .atalhos-mobile .atalho-menu.icon-th {
    position: static !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Grupo com caminhão e carrinho */
  .atalhos-mobile ul li > div[style*="margin-left: auto"] {
    margin-left: auto !important;
    margin-right: -16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  /* Caminhão — mais à direita */
  .atalhos-mobile ul li.rastreio-btn {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .rastreio-btn i.fas.fa-truck {
    font-size: 22px !important;
    color: #3b5d2a !important;
    position: relative;
    top: 4px;
    left: 6px;
  }

  .rastreio-topo span {
    display: none !important;
  }

  /* Carrinho */
  .atalhos-mobile ul li.fundo-principal {
    order: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Usuário — mais à esquerda */
  .atalhos-mobile ul li a.icon-user {
    order: 4 !important;
    margin-left: 2px !important; /* ⬅️ reduziu de 6px para 2px */
    margin-right: -10px !important; /* opcional: reduz espaçamento extra */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    top: 4px;
    left: -4px; /* ⬅️ move manualmente mais à esquerda */
  }

  /* Estilo visual dos ícones */
  .atalhos-mobile i,
  .atalhos-mobile a.icon-user,
  .atalhos-mobile a.icon-shopping-cart {
    font-size: 22px !important;
    color: #3b5d2a !important;
    line-height: 1 !important;
    vertical-align: middle !important;
  }
}
@media (max-width: 768px) {
  .atalhos-mobile ul li.logo-mobile {
    order: 1 !important;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: -8px; /* 🔧 ajuste vertical se precisar */
  }

  .atalhos-mobile ul li.logo-mobile img {
    max-height: 42px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .logo-central-mobile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .logo-central-mobile img {
    height: 75px !important;
    width: auto !important;
    display: block;
  }
}
/* FIM DE TUDO INVERTIDO */