#cabecalho .logo {
    width:  auto;
}
#cabecalho .logo a img{
    width: 100%;
    height: auto;
}
#cabecalho .logo a {
    width: 210px
}
.menu-superior {
    font-size: 12px; /* Ajuste o tamanho da fonte */
    white-space: nowrap; /* Evita que os itens quebrem de linha */
}

.menu-superior a {
    padding: 5px 10px; /* Diminui o espaçamento entre os itens */
}

@media (max

li[class^="categoria-id"] a {
    text-transform: lowercase !important; /* Garante que tudo fique em minúsculas */
}

li[class^="categoria-id"] a::first-letter {
    text-transform: uppercase !important; /* Mantém apenas a primeira letra em maiúscula */
}
.icon-menu {
    display: flex; /* Garante que os ícones fiquem em linha */
    align-items: center; /* Alinha verticalmente */
    justify-content: center; /* Centraliza os ícones horizontalmente */
    flex-wrap: nowrap; /* Evita a quebra de linha */
    gap: 10px; /* Ajusta o espaçamento entre os ícones */
}

.icon-menu img {
    width: 28px;  /* Ajuste o tamanho para caber no menu */
    height: 28px; /* Mantém o tamanho uniforme */
    object-fit: contain;
}

.user-info:hover .bem-vindo {
    display: none;
}

.user-info:hover .acessar-conta {
    display: block;
}

:root {
--cor_primaria: #ee4469;
--cor_secundaria: #1d0118;
--cor_botao: #ee4469;
--cor_botao_hover: #1d0118;
--cor_texto_botao: #fff;
--cor_texto_botao_hover: #fff;
--cor_botao_comprar: #5bbf5f;
--cor_tag_frete: #f28646;
--pre_cabecalho: #ee4469;
--cor_texto_pre_cabecalho: #ffffff;
--cor_cabecalho: #1d0118;
--cor_icones: #ee4469;
--cor_icones_hover: #ee44699c;
--cor_texto_icones: #fff;
--cor_menu: #1d0118;
--cor_texto_menu: #fff;
--cor_newsletter: #ee4469;
--cor_texto_newsletter: #fff;
--cor_footer: #fff;
--cor_texto_footer: #1a1b1e;
--texto_global: #1d2027;
--cor_clara:#fff;
--cor_escura: #1a1b1e;
--texto_background:#fff;
--texto_bg_escuro:#222;
--texto_bg_claro:#222;
}

.department__controls .grid-control {
        display: flex;
        justify-content: space-between;
        width: 120px
    }
    
    .department__controls .grid-control::before,
    .department__controls .grid-control::after {
        content: " ";
        display: table
    }
    
    .department__controls .grid-control::after {
        clear: both
    }
    
    .department__controls .grid-control {
        *zoom:1}
    
    .department__controls .grid-control::before,
    .department__controls .grid-control::after {
        display: none
    }
    
    .department__controls .grid-control__button {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeT0iMTQiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzMzMzMzMyIvPgo8cmVjdCB4PSIxNCIgeT0iMTQiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzMzMzMzMyIvPgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeD0iMTQiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K");
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        position: relative;
        opacity: 0.25;
        background-size: contain
    }
    
    .department__controls .grid-control__button:hover,
    .department__controls .grid-control__button--active {
        opacity: 1
    }
    
    .department__controls .grid-control__button:hover::after,
    .department__controls .grid-control__button--active::after {
        background: #333333 !important
    }
    
    .department__controls .grid-control__button::after {
        position: absolute;
        bottom: -5px;
        left: 0;
        content: '';
        width: 0;
        height: 2px;
        transition: .3s;
        background: #e5e5e5
    }
    
    .department__controls .grid-control__button--3-grid {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNiIgZmlsbD0iIzMzMzMzMyIvPgo8cmVjdCB4PSI5IiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjE4IiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjE4IiB5PSI5IiB3aWR0aD0iNiIgaGVpZ2h0PSI2IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjkiIHk9IjkiIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeT0iOSIgd2lkdGg9IjYiIGhlaWdodD0iNiIgZmlsbD0iIzMzMzMzMyIvPgo8cmVjdCB4PSIxOCIgeT0iMTgiIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeD0iOSIgeT0iMTgiIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeT0iMTgiIHdpZHRoPSI2IiBoZWlnaHQ9IjYiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+Cg==")
    }
    
    .department__controls .grid-control__button--3-grid.grid-control__button--active,
    .department__controls .grid-control__button--3-grid:hover {
        opacity: 1
    }
    
    .department__controls .grid-control__button--4-grid {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyIvPgo8cmVjdCB4PSI3IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjE0IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjIxIiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjIxIiB5PSI3IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjE0IiB5PSI3IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjciIHk9IjciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeT0iNyIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyIvPgo8cmVjdCB4PSIyMSIgeT0iMTQiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeD0iMTQiIHk9IjE0IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjciIHk9IjE0IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHk9IjE0IiB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIi8+CjxyZWN0IHg9IjIxIiB5PSIyMSIgd2lkdGg9IjUiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyIvPgo8cmVjdCB4PSIxNCIgeT0iMjEiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeD0iNyIgeT0iMjEiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiLz4KPHJlY3QgeT0iMjEiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+Cg==")
    }
    
    .department__controls .grid-control__button--4-grid.grid-control__button--active,
    .department__controls .grid-control__button--4-grid:hover {
        opacity: 1
    }

    .department__controls .grid-control__button--5-grid {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjYgMjYiIHdpZHRoPSIyNnB4IiBoZWlnaHQ9IjI2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEsIDAsIDAsIDEsIC0yMjYuNDk2MDAyLCAtMTUwLjg2NTk5NykiIHN0eWxlPSJ0cmFuc2Zvcm0tb3JpZ2luOiAyMjYuNDk2cHggMTUwLjg2NnB4OyI+DQogICAgPHJlY3Qgd2lkdGg9IjMuOTM5IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiIHg9IjIyNi40OTYiIHk9IjE1MC44NjYiPjwvcmVjdD4NCiAgICA8cmVjdCB4PSIyMzIuMDExIiB3aWR0aD0iMy45MzkiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyIgeT0iMTUwLjg2NiI+PC9yZWN0Pg0KICAgIDxyZWN0IHg9IjIzNy41MjYiIHdpZHRoPSIzLjkzOSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIiB5PSIxNTAuODY2Ij48L3JlY3Q+DQogICAgPHJlY3QgeD0iMjQzLjA0MSIgd2lkdGg9IjMuOTM5IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiIHk9IjE1MC44NjYiPjwvcmVjdD4NCiAgICA8cmVjdCB4PSIyNDMuMDQxIiB5PSIxNTcuODY2IiB3aWR0aD0iMy45MzkiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyI+PC9yZWN0Pg0KICAgIDxyZWN0IHg9IjIzNy41MjYiIHk9IjE1Ny44NjYiIHdpZHRoPSIzLjkzOSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIj48L3JlY3Q+DQogICAgPHJlY3QgeD0iMjMyLjAxMSIgeT0iMTU3Ljg2NiIgd2lkdGg9IjMuOTM5IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiPjwvcmVjdD4NCiAgICA8cmVjdCB5PSIxNTcuODY2IiB3aWR0aD0iMy45MzkiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyIgeD0iMjI2LjQ5NiI+PC9yZWN0Pg0KICAgIDxyZWN0IHg9IjI0My4wNDEiIHk9IjE2NC44NjYiIHdpZHRoPSIzLjkzOSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIj48L3JlY3Q+DQogICAgPHJlY3QgeD0iMjM3LjUyNiIgeT0iMTY0Ljg2NiIgd2lkdGg9IjMuOTM5IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiPjwvcmVjdD4NCiAgICA8cmVjdCB4PSIyMzIuMDExIiB5PSIxNjQuODY2IiB3aWR0aD0iMy45MzkiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyI+PC9yZWN0Pg0KICAgIDxyZWN0IHk9IjE2NC44NjYiIHdpZHRoPSIzLjkzOSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIiB4PSIyMjYuNDk2Ij48L3JlY3Q+DQogICAgPHJlY3QgeD0iMjQzLjA0MSIgeT0iMTcxLjg2NiIgd2lkdGg9IjMuOTM5IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiPjwvcmVjdD4NCiAgICA8cmVjdCB4PSIyMzcuNTI2IiB5PSIxNzEuODY2IiB3aWR0aD0iMy45MzkiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyI+PC9yZWN0Pg0KICAgIDxyZWN0IHg9IjIzMi4wMTEiIHk9IjE3MS44NjYiIHdpZHRoPSIzLjkzOSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIj48L3JlY3Q+DQogICAgPHJlY3QgeT0iMTcxLjg2NiIgd2lkdGg9IjMuOTM5IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiIHg9IjIyNi40OTYiPjwvcmVjdD4NCiAgICA8cmVjdCB4PSIyNDguNTU3IiB3aWR0aD0iMy45MzkiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyIgeT0iMTU3Ljg2NiI+PC9yZWN0Pg0KICAgIDxyZWN0IHg9IjI0OC41NTciIHdpZHRoPSIzLjkzOSIgaGVpZ2h0PSI1IiBmaWxsPSIjMzMzMzMzIiB5PSIxNTAuODY2Ij48L3JlY3Q+DQogICAgPHJlY3QgeD0iMjQ4LjU1NyIgd2lkdGg9IjMuOTM5IiBoZWlnaHQ9IjUiIGZpbGw9IiMzMzMzMzMiIHk9IjE2NC44NjYiPjwvcmVjdD4NCiAgICA8cmVjdCB4PSIyNDguNTU3IiB3aWR0aD0iMy45MzkiIGhlaWdodD0iNSIgZmlsbD0iIzMzMzMzMyIgeT0iMTcxLjg2NiI+PC9yZWN0Pg0KICA8L2c+DQo8L3N2Zz4=")
    }
    
    .department__controls .grid-control__button--5-grid.grid-control__button--active,
    .department__controls .grid-control__button--5-grid:hover {
        opacity: 1
    }
    
    
    .department__controls .grid-control__button--active::after {
        width: 100%
    }
    
    .department__controls {
        margin: 0 20px;
        display:block;
    }

}