:root {
    --color-pri: #0B090A;
    /* Preto */
    --color-pri-active: #FF4D00;
    /* Laranja escuro */
    --color-sec: #E54500;
    /* Laranja */
    --color-sec-active: #FF4D00;
    /* Laranja escuro */
    --color-bg: #fff;
    /* Bege claro */
    --color-bg-active: var(--color-bg);
    /* Bege (ajustado para cor da imagem) */
    --color-bg-alt: #F5F5F5;
    /* Rodapé */
    --color-bg-gray: #807B75;
    /* Cinza escuro (ajustado para cor da imagem) */
    --color-font: #807B75;
    /* Cinza escuro */
    --color-font-active: #0B090A;
    /* Preto */
    --color-white: #fff;
    --color-overlay: #081828;
    --swiper-pagination-color: var(--color-sec);
    --border-color: var(--color-bg-active);
    --border: 1px solid var(--color-bg-active);
    --color-thumb-border: #E54500;
    /* Laranja */
    --color-thumb-scrollbar: #E54500;
    /* Laranja */
    --color-thumb-bg: var(--color-bg);
    /* Bege */
    --color-thumb-shadow: rgba(0, 0, 0, 0.04);
    --color-slider-indicator: #BEB7B0;
    /* Cinza claro da imagem */
    --color-share-btn: var(--color-pri-active);
    --color-share-btn-border: var(--color-pri-active);
    --color-share-icon: #181818;
    --color-qty-bg: var(--color-bg);
    /* Bege */
    --color-qty-btn-bg: #0B090A;
    /* Preto */
    --color-qty-btn-bg-active: #807B75;
    /* Cinza escuro */
    --color-line-header: #807b753e;
    --color-pri-gradient: var(--color-bg);
    --color-sec-gradient: #F8E1BD;
    /* Novas variáveis conforme a imagem */
    --color-brown: #8D7360;
    /* Marrom */
    --color-beige-medium: #F5F5F5;
    /* Bege médio */
    --color-beige-light: #F2F0EF;
    /* Bege claro */
    --color-beige-dark: #DEDBD7;
    /* Bege escuro */
    --color-gray-light: #BEB7B0;
    /* Cinza claro */
    --color-blue: var(--color-blue);
    /* Azul */
    --color-success: #198754;
    /* Verde */
    --color-header-back: #FFEAE4;
    /* Fundo do header */
    --font-primary: "Inter", Verdana;
    --font-secondary: "Inter", Verdana;
    --line-height-font: 150%;
    --box-shadow-color: rgba(0, 0, 0, 0.137);
    --box-shadow-color-sec: var(--color-bg-gray);
    --box-shadow: 0px 0px 5px var(--box-shadow-color);
    --linear-gradient-bg: linear-gradient(180deg, var(--color-pri-gradient) 0%, var(--color-sec-gradient) 100%);
}
.header .main-menu-search .search-input input {
    background: var(--color-beige-medium);
}
.navbar-collapse.sub-menu-bar {
    justify-content: left !important;
    border: none;
}
.menu-header-desktop{
    background-color: var(--color-sec);
}
/*Textos do menu*/
.navbar-nav .nav-item a {
    color: var(--color-beige-dark);
}
.navbar-nav .nav-item a:hover {
    color: var(--color-white) !important;
}
.navbar-nav .nav-item .dropdown-item a {
    color: var(--color-font);
}
.navbar-nav .nav-item .dropdown-item a:hover {
    color: var(--color-pri-active) !important;
}
.navbar-nav .nav-item a.highlight {
    background-color: var(--color-header-back);
    /* mantém o fundo */
    color: var(--color-sec) !important;
    /* força a cor no hover */
}
.navbar-nav .nav-item a.highlight:hover {
    background-color: var(--color-beige-medium);
    /* mantém o fundo */
    color: var(--color-sec) !important;
    /* força a cor no hover */
}
.navbar-nav .nav-item a.active,
.sticky .navbar .navbar-nav .nav-item a.active {
    color: var(--color-white);
    background: transparent;
}
.navbar-nav .list-group-item i {
    width: 10px;
    text-align: center;
}
.navbar-nav .nav-item .dropdown-item:hover {
    background-color: transparent !important;
}
.header .icons i {
    font-size: 19px;
    color: var(--color-pri-active);
}
/* Texto Novidades*/
.home h2,
.sections h2 {
    position: relative;
    display: inline-block;
    /* importante para a linha ter o tamanho do texto */
    font-weight: 600;
}
.home h2::after,
.sections h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -8px;
    /* distância da linha */
    width: 75%;
    /* tamanho da linha (igual ao print) */
    height: 3px;
    /* espessura */
    background-color: var(--color-pri-active);
    /* laranja */
    border-radius: 2px;
}
/*icone dentro do submenu*/
.treeview i {
    cursor: pointer;
    margin-right: 10px;
    color: var(--color-pri-active);
}
.sections h2 {
    margin-bottom: 75px;
}
.footer-social-icons a {
    border: 1px solid var(--color-sec);
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.footer-col h3 {
    color: var(--color-sec);
    margin-bottom: 40px;
}
.footer-copyright {
    color: var(--color-sec);
    padding-bottom: 60px;
}
.scroll-top {
    background-color: var(--color-sec);
}
.footer-main {
    padding: 60px 90px;
}
.footer img.footer-logo {
    width: 213px;
    margin-bottom: 95px;
    margin-top: 10px;
}