/* ===================================

    About

====================================== */



/*

    Theme Name: MegaOne

    Theme URI:

    Author: Themes Industry

    Author URI:

    Description: One Page Parallax Template

    Tags: one page, multipurpose, parallax, creative, html5



 */



/* ===================================

    Table of Content

====================================== */





/*  - Fonts

    - General

    - Fonts

    - Social Icon Hover

    - Header And Navigation

    - Slider

    - About

    - Team

    - Portfolio

    - Price

    - Parallax

    - Testimonial

    - Client

    - Blog

    - Contact

    - Map

    - Footer

    - Loader

    - Media Queries   */





/* ===================================

    Google font

====================================== */



/*@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700&display=swap');*/

/*@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&display=swap');



/* ===================================

    Scrollbar

====================================== */



::-webkit-scrollbar {

    width: 8px;

}



::-webkit-scrollbar-track {

    width: 12px;

    border-left: 0px solid white;

    border-right: 0px solid white;

}



::-webkit-scrollbar-thumb {

    background: var(--castanho-escuro);

    width: 0;

    height: 25%;

}



/* ===================================

    General

====================================== */

body {

    font-family: 'Poppins', sans-serif;

    overflow-x: hidden;

}



/* background color */

.bg-black {

    background: #2d2d2d;

}



.bg-yellow {

    background-color: var(--castanho-escuro);

}



/* text-color */

.main-color {

    color: var(--castanho-escuro);

}



/*parallax disable*/

.parallax-disable {

    background-repeat: no-repeat !important;

    background-size: cover !important;

    background-position: center center !important;

}



.border-bottom {

    border-bottom: solid 1px #EEEEEE;

}



a {

    text-decoration: none;

}



.hidden {

    display: none;

}





:root {

    /* Cores Originais (Hexadecimal) */

    --castanho-escuro: #5f260f;

    --dourado-claro: #f1b069;

    --castanho-claro: #aa5939ff;

    --cinzento-claro: #b6b6b6;

    --cinzento-escuro: #666666;



    /* Novas Versões (Valores RGB) */

    --castanho-escuro-rgb: 95, 38, 15;

    --dourado-claro-rgb: 241, 176, 105;

}



/* Esconde o menu com opacity para permitir uma transição suave */

body.page-loading .product-category {

    opacity: 0;

    visibility: hidden;

    /* Garante que não é clicável enquanto invisível */

    transition: opacity 0.5s ease;

    /* Adiciona um efeito suave de fade-in */

}



/* Garante que ele volta ao normal quando a classe é removida */

body .product-category {

    opacity: 1;

    visibility: visible;

}





/* ===================================

        Header Info Nav

   ====================================== */



.navbar {

    padding-bottom: 0;

    position: relative;

}



.logo.fixed-nav-items {

    position: absolute;

    left: 100px;

    /* Alinha à esquerda com um pouco de espaço */

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

    /* O seu JavaScript deve tornar isto visível */

    visibility: hidden;

    transition: all 0.3s ease-in-out;

    z-index: 11;

}



header.header-appear .logo.fixed-nav-items {

    opacity: 1;

    visibility: visible;

}





.nav-line.fixed-navbar .logo.fixed-nav-items {

    opacity: 1;

    visibility: visible;

}



.upper-nav {

    border-top: 4px solid var(--dourado-claro);

    /* Adiciona a borda dourada no topo da barra superior */

}



.upper-nav .row.justify-content-between {

    width: 100%;

    margin-left: 0;

    margin-right: 0;

}



/* Garante que a coluna da esquerda (telefone) não ocupa espaço desnecessário */

.upper-nav .col-auto:first-child {

    padding-left: 0;

}



/* Garante que a coluna da direita (idioma + menu) não tem espaçamento extra */

.upper-nav .col-auto:last-child {

    padding-right: 0;

}



/* Alinha o seletor de idioma e o botão do menu verticalmente */

.language-selector-wrapper,

.sidemenu_btn {

    vertical-align: middle;

}



/* Reduz a margem do botão do menu para ficar mais junto do seletor */

.sidemenu_btn {

    margin-left: 10px;

    /* Reduzimos de 15px para 10px */

}



.upper-nav .top-info {

    list-style: none;

    /* Remove o bullet point */

    padding-left: 0;

    /* Remove o espaçamento padrão da lista */

}

.fixed-nav-controls {
    display: none;
    /* Escondido por defeito em todas as situações */
    position: absolute;
    right: 1.5rem;
    /* Alinhado à direita */
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    /* Alinha os items dentro dele */
    z-index: 1000;
}

/* 2. Regra principal: Mostrar o container APENAS quando o header estiver fixo E a tela for mobile */
@media (max-width: 991.98px) {
    .header-appear .fixed-nav-controls {
        display: flex;
        /* Usamos flex para alinhar o seletor e o botão lado a lado */
        right: 40px;
        top: 40px;
    }

    /* Ajusta a posição do logo para não colidir com os novos controlos */
    .header-appear .logo.fixed-nav-items {
        left: 4.5rem;
    }

    /* Esconde os controlos originais que estão na barra superior QUANDO a página faz scroll.
       Isto evita que existam controlos duplicados no código, mesmo que invisíveis. */
    .header-appear .upper-nav .col-auto.d-flex.align-items-center {
        display: none !important;
    }
}



/* AJUSTE PARA O LOGO NO SCROLL EM MOBILE */

@media (max-width: 991.98px) {

    .logo.fixed-nav-items {

        left: 100px;

        /* Posição à esquerda em mobile */

        max-width: 80px;

        /* Um pouco menor para não ocupar tanto espaço */
        top: 45px;

    }



    .header-appear {

        height: 70px;

        /* Altura menor no scroll em mobile */

    }



    .header-appear .navbar-simple {

        padding: 1rem;

    }

}



.upper-nav {

    background-color: rgba(255, 255, 255, 0.9);

    padding-top: 20px;

    padding-bottom: 10px;

}



.upper-nav .navbar-brand {

    margin-top: 10px;

    margin-right: 0;

    width: 12%
}



@media (min-width: 992px) {

    .navbar-brand {

        margin-top: -30px !important;

    }

}



.upper-nav .top-info {

    font-size: 15px;

    color: #2d2d2d;

    font-weight: normal;

    margin-top: auto;

    margin-bottom: auto;

}



.upper-nav .top-info li {

    margin-right: 10px;

}



.upper-nav .top-info li i {

    font-size: 18px;

    color: #58b433;

}



.upper-nav .top-info li a {

    color: #2d2d2d;

    margin-left: 3px;

    text-decoration: none;

    transition: .5s ease;

}



.upper-nav .top-info li a:hover {

    color: var(--castanho-escuro);

}



.upper-nav .shop-user-details {

    display: inline-block;

    margin-bottom: 0;

}



.upper-nav .shop-user-details li {

    list-style: none;

    display: inline-block;

    margin-left: 3px;

}



.upper-nav .shop-user-details li:after {

    content: "";

    height: 8px;

    width: 8px;

    background-color: #2d2d2d1c;

    display: inline-block;

    margin-left: 10px;

    border-radius: 50%;

}



.upper-nav .shop-user-details li:last-child:after {

    display: none;

}



.upper-nav .shop-user-details li a {

    text-decoration: none;

    color: #2d2d2d;

}



.upper-nav .shop-user-details li a i {

    margin-left: 5px;

}



/* ===================================

        Header

   ====================================== */

#header-svg {

    position: absolute;

    bottom: -59px;

    left: 0;

    right: 0;

    z-index: 0;

    transform: rotate(180deg);

}



#header-svg path {

    fill: #FFFFFF;

}



/* nav top default */



header a.logo {

    display: inline-block;

    padding-top: .4rem;

}



header a.logo img {

    max-width: 100px;

    vertical-align: sub;

}



header {

    position: absolute;

    /*position: relative;*/

    top: 0;

    z-index: 99;

    /*overflow: hidden;*/

    /*height: 90px;*/

    width: 100%;

    -webkit-transition: none;

    -o-transition: none;

    transition: none;

    background-color: #fff;

    border-bottom: solid 1px rgba(255, 255, 255, 0.30);

}



.header-appear {

    /*height: 70px;*/

    position: fixed;

    z-index: 99;

    background: #ffffff;

    -webkit-animation-name: animationFade;

    animation-name: animationFade;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);

}



.header-appear {

    background: #FFFFFF;

    border-bottom: none;

    height: 100px;

    border-top: 4px solid var(--dourado-claro);



}



.header-appear svg#header-svg {

    display: none;

}



.header-appear .navbar-simple {

    padding: 2rem 1rem;

    padding-bottom: 1rem;

}



.header-appear .upper-nav {

    display: none;

}



/*.navbar-top-default #megaone{*/

/*    margin-right: -30px;*/

/*}*/



/*Navbar Simple*/



.navbar-simple .navbar-nav .nav-link {

    font-size: 15px;

    color: #2d2d2d;

    font-weight: 400;

    text-align: center;

    padding: 0.4rem 1rem;

    text-decoration: none;

    padding-bottom: 0;

    transition: .5s ease;

}



.navbar-simple .navbar-nav .nav-link i.la-angle-down {

    font-size: 13px;

}



.navbar-simple .navbar-nav .nav-link.dropdown-toggle {

    padding-right: 10px;

}



.navbar-simple .navbar-nav .nav-link:hover {

    color: var(--castanho-escuro);

}



.navbar-simple .navbar-nav .nav-item:last-child .nav-link {

    padding-right: 0;

}



.navbar-simple .navbar-brand img {

    width: 80%;

}



header .navbar-simple .fixed-nav-items {

    display: none;

}



.header-appear .navbar-simple .fixed-nav-items {

    display: block;

}





.language-selector-wrapper {

    position: relative;

    display: flex;

    /* Alinha o conteúdo verticalmente */

    align-items: center;

    /* vertical-align: middle; <- Não é mais necessário com flex */

    /* margin-right: -32px; <- Removido */

    /* margin-top: -289px; <- Removido */

}



/* A seta personalizada (ícone de dropdown) */

.language-selector-wrapper::after {

    content: '▼';

    font-size: 10px;

    /* Tamanho da seta */

    color: var(--castanho-escuro);

    /* Cor do texto do seu menu */

    position: absolute;

    right: 5px;

    top: 50%;

    transform: translateY(-50%);

    pointer-events: none;

    /* Permite que os cliques passem para o <select> abaixo */

}



/* Estilização do elemento <select> */

.language-selector {

    /* Remove a aparência padrão do browser */

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;



    /* Remove a borda e o fundo padrão */

    background-color: transparent;

    border: none;



    /* Estiliza o texto para combinar com os seus links de menu */

    font-family: 'Poppins', sans-serif;

    /* Use a fonte do seu site */

    font-size: 16px;

    /* Tamanho da fonte do menu */

    font-weight: 500;

    /* Peso da fonte do menu */

    color: var(--castanho-claro);

    /* Cor do texto do menu */



    /* Espaçamento interno, especialmente à direita para a seta */

    padding: 0 20px 0 0;

    cursor: pointer;

}



/* Opcional: Remove o contorno azul ao focar no seletor */

#language-selector:focus {

    outline: none;

}







.shop-details li a i.la-search {

    transform: rotate(270deg);

}



.dropdown-menu {

    padding: 25px 11px 25px 5px;

    min-width: 15rem;

}



.dropdown-menu .dropdown-item {

    padding: .5rem 1.5rem;

    transition: .5s ease;

}



.dropdown-menu .dropdown-item:hover {

    color: var(--castanho-escuro);

}



.side-menu .dropdown-menu {

    position: relative !important;

    left: 0;

    float: none;

    transform: none !important;

    transition: .5s ease;

}



.side-menu .nav-item.dropdown .nav-link:after {

    display: none;

}



.dropdown-toggle::after {

    /*content: '\f00d';*/

    /*font-family: "Font Awesome 5 Free", serif;*/

    display: none;

    border: none;

    vertical-align: baseline;

    width: auto;

    height: auto;

    line-height: 1;

}



/*nav line*/





.navbar-nav {

    position: relative;

    /* Necessário para o z-index funcionar */

    z-index: 10;

}



.shop-details.fixed-nav-items {

    position: relative;

    /* Boa prática para controlar o contexto */

    z-index: 5;

}



.navbar-simple .navbar-nav .nav-link {

    padding-bottom: 5px;

    /* Ajuste para controlar a distância do texto à borda */

    border-bottom: 3px solid transparent;

    /* Cria uma borda invisível */

    transition: border-color 0.3s ease-in-out;

    /* Anima a cor da borda */

}



/* Quando o link estiver ativo, torna a borda visível com a cor certa */

.navbar-simple .navbar-nav .nav-link.active {

    border-bottom-color: var(--castanho-escuro);

    /* A cor que você quer */

}









/* ===================================

    Side Menu

====================================== */





.side-menu {

    width: 35%;

    position: fixed;

    right: 0;

    top: 0;

    background: #FFFFFF;

    z-index: 1032;

    height: 100%;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    -o-transition: -o-transform .5s ease;

    -o-transition: transform .5s ease;

    transition: transform .5s ease;

    -webkit-transition: transform .5s ease;

    overflow: hidden;

}



.side-menu.left {

    left: 0;

    right: auto;

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

}



.side-menu.before-side {

    width: 280px;

}



.side-menu.side-menu-active,

.side-menu.before-side {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.pul-menu .side-menu.side-menu-active {

    visibility: visible;

    opacity: 1;

}



.side-menu .navbar-brand {

    margin: 0 0 2.5rem 0;

}



/*Side overlay*/

#close_side_menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #2d2d2d;

    -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

    -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

    transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);

    display: none;

    z-index: 1031;

    opacity: 0.4;

}



/*side clode btn*/

.side-menu .btn-close {
    /* --- ADICIONADO: Reset para a tag <button> --- */
    background-color: transparent;
    /* Remove o fundo do botão */
    border: none;
    /* Remove a borda do botão */
    padding: 0;
    /* Garante que não há espaçamento interno extra */

    /* --- SEUS ESTILOS ORIGINAIS (mantidos) --- */
    height: 33px;
    width: 33px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 25px;
    right: 50px;
    cursor: pointer;
}



.side-menu.before-side .btn-close {

    display: none;

}



.side-menu .btn-close::before,

.side-menu .btn-close::after {

    position: absolute;

    left: 16px;

    content: ' ';

    height: 24px;

    width: 2px;

    background: #2d2d2d;

    top: 5px;

}



.side-menu .btn-close:before {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

}



.side-menu .btn-close:after {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



/*side open btn*/



.sidemenu_btn {

    background: none;

    border: none;

    -webkit-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;

    width: 40px;

    padding: 6px;

    /* position: absolute; <- REMOVIDO */

    /* right: 37px; <- REMOVIDO */

    /* top: 21px; <- REMOVIDO */

    position: relative;

    /* Garante que fica no fluxo normal */

    display: inline-block;

    margin-left: 15px;

    /* Adiciona espaço entre o seletor de idioma e o botão */

}



.sidemenu_btn span {

    height: 2px;

    width: 100%;

    background: var(--castanho-escuro);

    display: block;

}



.header-appear .sidemenu_btn {

    top: auto;

}



.sidemenu_btn span:nth-child(2) {

    margin: 4px 0;

}



.side-menu .inner-wrapper {

    padding: 3.5rem 5rem;

    height: 100%;

    position: relative;

    overflow-y: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: left;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.pul-menu.pushwrap .side-menu .inner-wrapper {

    padding: 3.5rem 2.5rem;

}



.side-menu .side-nav {

    margin-bottom: 30px;

    display: block;

}



.side-nav .navbar-nav .nav-item {

    display: block;

    margin: 10px 0;

    padding: 0 !important;

    opacity: 0;

    -webkit-transition: all 0.8s ease 500ms;

    -o-transition: all 0.8s ease 500ms;

    transition: all 0.8s ease 500ms;



    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    transform: translateY(30px);

}



.side-nav .navbar-nav .nav-item:first-child {

    -webkit-transition-delay: .1s;

    -o-transition-delay: .1s;

    transition-delay: .1s;

}



.side-nav .navbar-nav .nav-item:nth-child(2) {

    -webkit-transition-delay: .2s;

    -o-transition-delay: .2s;

    transition-delay: .2s;

}



.side-nav .navbar-nav .nav-item:nth-child(3) {

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;

}



.side-nav .navbar-nav .nav-item:nth-child(4) {

    -webkit-transition-delay: .4s;

    -o-transition-delay: .4s;

    transition-delay: .4s;

}



.side-nav .navbar-nav .nav-item:nth-child(5) {

    -webkit-transition-delay: .5s;

    -o-transition-delay: .5s;

    transition-delay: .5s;

}



.side-nav .navbar-nav .nav-item:nth-child(6) {

    -webkit-transition-delay: .6s;

    -o-transition-delay: .6s;

    transition-delay: .6s;

}



.side-nav .navbar-nav .nav-item:nth-child(7) {

    -webkit-transition-delay: .7s;

    -o-transition-delay: .7s;

    transition-delay: .7s;

}



.side-nav .navbar-nav .nav-item:nth-child(8) {

    -webkit-transition-delay: .8s;

    -o-transition-delay: .8s;

    transition-delay: .8s;

}



.side-nav .navbar-nav .nav-item:nth-child(9) {

    -webkit-transition-delay: .9s;

    -o-transition-delay: .9s;

    transition-delay: .9s;

}



.side-menu.side-menu-active .side-nav .navbar-nav .nav-item {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

}



.side-nav .navbar-nav .nav-link i {

    font-size: 20px;

}



.side-nav .navbar-nav .nav-link {

    display: inline-table;

    color: #2d2d2d;

    padding: 2px 0 3px 0 !important;

    font-size: 1.5rem;

    font-weight: 300;

    line-height: normal;

    position: relative;

    border-radius: 0;

}



.side-nav .navbar-nav .nav-link::after {

    content: "";

    position: absolute;

    background: var(--castanho-escuro);

    /* Usa a cor principal */

    display: block;

    width: 0;

    /* Começa com largura zero */

    height: 2px;

    /* Altura da linha */

    bottom: 0;

    left: 0;

    transition: width 0.3s ease-in-out;

    /* Animação suave */

}



.side-nav .navbar-nav .nav-link:hover::after,

.side-nav .navbar-nav .nav-link:focus::after,

.side-nav .navbar-nav .nav-link.active::after {

    width: 100%;

}



.side-nav .navbar-nav .nav-link.active {

    color: var(--castanho-escuro);

}



.side-menu p {

    margin-top: .5rem;

    margin-bottom: 0;

}



.social-icons-simple {

    margin-bottom: 0;

    margin-left: -10px;

}



.social-icons-simple li {

    display: inline-block;

}



.social-icons-simple li a {

    color: #2d2d2d;

    display: block;

    font-size: 16px;

    height: 36px;

    line-height: 36px;

    border: 1px solid transparent;

    text-align: center;

    width: 36px;

    border-radius: 50%;

    position: relative;

    z-index: 1;

    overflow: hidden;

    -webkit-transition: background-color .5s ease;

    -o-transition: background-color .5s ease;

    transition: background-color .5s ease;

}



.social-icons-simple li a:hover {

    background-color: var(--castanho-escuro);

    color: #fff;

}



.social-icons-simple li.animated-wrap a:hover {

    background-color: transparent;

    color: #ffffff;

}



@-webkit-keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



@keyframes animationFade {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, -100%, 0);

        transform: translate3d(0, -100%, 0);

    }



    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



/* ===================================

      Custom css

  ==================================== */

/*h1,h2,h3,h4,h5,h6{margin: 0;}*/

.heading-details {

    margin-bottom: 50px;

}



.heading-details .heading {

    font-family: 'Poppins', sans-serif;

    font-size: 45px;

    font-weight: 500;

    margin-bottom: 0;

    /*font-family: 'Poppins', sans-serif;*/

    display: inline-block;

}



.heading-details .heading i {

    color: var(--castanho-escuro);

    font-size: 40px;

}



.padding-bottom {

    padding-bottom: 120px;

}



.padding-top {

    padding-top: 120px;

}



.heading-details .top-des {

    font-family: Montserrat, sans-serif;

    font-size: 15px;

    font-weight: 300;

    letter-spacing: 1px;

}



.text {

    font-family: 'ubanto', sans-serif;

    font-size: 16px;

    font-weight: 300;

    color: #2d2d2d;

    opacity: .8;

}



.web-yellow-btn {

    background-color: var(--dourado-claro);

    color: #FFFFFF;

    border-radius: 0;

    padding: 8px 25px;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    text-decoration: none;

    transition: .8s ease !important;

}



.web-yellow-btn:hover {

    background-color: var(--castanho-escuro);

    border: solid 1px var(--castanho-escuro);

    color: #FFFFFF;

}



.web-btn {

    background-color: var(--castanho-escuro);

    color: #FFFFFF;

    border-radius: 0;

    padding: 8px 25px;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    text-decoration: none;

    transition: .8s ease !important;

}



.web-btn:hover {

    background-color: #2d2d2d;

    border: solid 1px #2d2d2d;

    color: #FFFFFF;

}



.web-trans-btn {

    background-color: transparent;

    color: var(--castanho-escuro);

    border: solid 1px var(--castanho-escuro);

    border-radius: 0;

    padding: 8px 25px;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    text-decoration: none;

    transition: .8s ease;

}



.web-trans-btn:hover {

    background-color: var(--castanho-escuro);

    color: #fff;

}



.web-dark-btn {

    background-color: #2d2d2d;

    color: #FFFFFF;

    border: solid 1px #2d2d2d;

    border-radius: 0;

    padding: 8px 25px;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    text-decoration: none;

    transition: .8s ease;

}



.web-dark-btn:hover {

    background-color: transparent;

    color: var(--castanho-escuro);

    border: solid 1px var(--castanho-escuro);

}



.btn-view {

    background-color: #f8f9faad;

    color: #343a40;

    border: solid 1px #f8f9fa;

    border-radius: 0;

    padding: 5px 10px;

    font-family: 'Poppins', sans-serif;

    font-weight: 400;

    font-size: 18px;

    text-decoration: none;

    transition: .8s ease;

}



.btn-view:hover {

    background-color: var(--castanho-escuro);

    border: solid 1px var(--castanho-escuro);

    color: #fff;

}





/* ===================================

        Slider

   ====================================== */

.slider-sec .slider-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.5);

    /* Fundo preto com 50% de opacidade */

    z-index: 2;

    /* Garante que a camada fica por cima da imagem e por baixo do texto */

}



.overlay-dark {

    position: relative !important;

    /* Essencial para que os elementos 'absolute' fiquem dentro dela */

}



/* 2. Cria o filtro de escurecimento (o overlay) */

.overlay-dark::before {

    content: '' !important;

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    width: 100% !important;

    height: 100% !important;

    background-color: rgba(0, 0, 0, 0.5) !important;

    /* Preto com 50% opacidade */

    z-index: 1 !important;

    /* Camada do filtro */

}



/* 3. Posiciona o conteúdo (texto) no centro e por cima do filtro */

.overlay-dark .overlay {

    /* O seu <div class="overlay"> que contém o texto */

    position: absolute !important;

    /* Tira o elemento do fluxo normal */

    top: 50% !important;

    /* Move o topo do elemento para o meio do contentor */

    left: 50% !important;

    /* Move a esquerda do elemento para o meio do contentor */

    transform: translate(-50%, -50%) !important;

    /* Ajusta a posição para o centro exato do elemento */

    width: 100% !important;

    /* Garante que o texto pode usar toda a largura se precisar */

    z-index: 2 !important;

    /* Camada do texto, por cima do filtro */

}



.btn-slider {

    padding: 8px 30px;

    background-color: var(--castanho-escuro);

    color: #fff;

    border-radius: 0;

    text-decoration: none;

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    transition: .5s ease !important;

}



.btn-slider:hover {

    background-color: #fff;

    color: #2d2d2d;

}



.slider-sec svg {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    /*transform: rotate(180deg);*/

}



.slider-sec svg path {

    fill: #fff;

}



.tparrows {

    background: rgba(0, 0, 0, 0.09);

    width: 60px;

    height: 60px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    top: 55% !important;

    transition: .5s ease;

}



/* ===================================

             rev bullets

====================================== */



.hermes.tp-bullets {

    height: auto !important;

    width: auto !important;

    text-align: center;

    display: inline-block;

    position: relative;

}



.hermes .tp-bullet {

    position: relative;

    display: contents;

    background: transparent;

    cursor: pointer;

    box-sizing: content-box;

}



.hermes .tp-bullet .tp-bullet-inner {

    width: 18px;

    height: 18px;

    position: relative;

    border: 4px solid #2d2d2d;

    border-radius: 50%;

    background: transparent;

    cursor: pointer;

    box-sizing: content-box;

    transform: scale(0.6);

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}





.hermes .tp-bullet.selected .tp-bullet-inner {

    transform: scale(1);

    background: transparent;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}



.hermes .tp-bullet .tp-bullet-inner::before {

    content: '';

    position: absolute;

    width: 60%;

    height: 60%;

    background: #84b813;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    border-radius: 50%;

    opacity: 0;

    visibility: hidden;

    display: none;

}



.hermes .tp-bullet.selected .tp-bullet-inner::before {

    opacity: 1;

    visibility: visible;

    display: block;

}



.hermes .tp-bullet:not(:last-child) .tp-line {

    height: 20px;

    transform: scaleY(1.4);

    width: 3px;

    background: #2d2d2d;

    display: block;

    margin: 0 auto;

    pointer-events: none;

}



/* ===================================

               revicon

====================================== */





.revicon {

    top: 50%;

    position: absolute;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 40px;

    z-index: 11;

}



.revicon li a i {

    color: #2d2d2d;

}



.revicon li:hover a i {

    color: #fff;

}



.revicon li:hover a {

    background-color: var(--castanho-escuro);



}



/* ===================================

      shop card window css

  ==================================== */

.shop-card-window {

    width: 26%;

    position: fixed;

    right: 0;

    top: 0;

    background: #FFFFFF;

    z-index: 1032;

    height: 100%;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    -o-transition: -o-transform .5s ease;

    -o-transition: transform .5s ease;

    transition: transform .5s ease;

    -webkit-transition: transform .5s ease;

    overflow: hidden;



    display: flex;

    justify-content: center;

    align-items: center;

}



.shop-card-window.active {

    /*right: 0;*/

    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.55);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.shop-card-window .close-card-window {

    position: absolute;

    right: 20px;

    top: 30px;

}



.shop-card-window .close-card-window i {

    color: #2d2d2d;

    font-size: 28px;

}



.shop-card-window .shop-card-window-content {

    /*margin-top: 80px;*/

    /*padding: 30px;*/

}



.shop-card-window .shop-card-window-content .shop-card-heading {

    margin-bottom: 30px;

    font-weight: 500;

    font-family: 'Poppins', sans-serif;

    font-size: 32px;

    text-align: center;

}



.shop-card-window .mini-bag {

    height: 45vh;

    overflow-y: scroll;

    margin-bottom: 30px;

}



.shop-card-window .mini-bag .bag-item {

    display: flex;

    margin-bottom: 10px;

    padding: 10px;

}



.shop-card-window .mini-bag .bag-item .item-img {

    height: 100px;

    width: 100px;

    display: inline-block;

}



.shop-card-window .mini-bag .bag-item .item-img img {

    width: 100%;

}



.shop-card-window .mini-bag .bag-item .item-details {

    display: inline-block;

    padding: 10px;

}



.shop-card-window .mini-bag .bag-item .item-details .item-name {

    font-size: 17px;

    font-weight: 500;

    color: #2d2d2d;

    margin-bottom: 0;

    transition: .5s ease;

    font-family: 'Poppins', sans-serif;

}



.shop-card-window .mini-bag .bag-item:hover .item-details .item-name {

    color: var(--castanho-escuro);

}



.shop-card-window .mini-bag .bag-item .item-details .item-qty {

    font-size: 14px;

    font-weight: 300;

    font-family: 'Poppins', sans-serif;

    color: #2d2d2d;

    opacity: .8;

    display: block;

}



.shop-card-window .mini-bag .bag-item .item-details .item-price {

    font-size: 14px;

    font-weight: 300;

    font-family: 'Poppins', sans-serif;

    opacity: .8;

    display: inline-block;

}



.shop-card-window .mini-bag .bag-item .item-details .basket {

    text-decoration: none;

    display: inline-block;

    float: right;

    cursor: pointer;

}



.shop-card-window .mini-bag .bag-item .item-details .basket:hover i {

    color: red;

}



.shop-card-window .mini-bag .bag-item .item-details .basket i {

    font-size: 18px;

    color: #2d2d2d;

    transition: .5s ease;

}



.shop-card-window .shop-card-window-content .bag-btn {

    display: block;

    text-align: center;

    margin-top: 15px;

}



.shop-card-window .shop-card-window-content .bag-btn .total {

    font-size: 18px;

    margin-bottom: 20px;

    font-family: Poppins, sans-serif;

    display: block;

    color: var(--castanho-escuro);

    font-weight: 500;

}



.shop-card-window .shop-card-window-content .bag-btn .total span {

    margin-right: 5px;

}



.shop-card-window .shop-card-window-content .bag-btn .web-btn:hover {

    background-color: transparent;

    color: var(--castanho-escuro);

}



/* ===================================

      search modal window css

  ==================================== */

.search {

    vertical-align: sub;

}





.open_search {

    cursor: pointer;

    color: var(--castanho-escuro);

    display: inline-block;

    position: relative;

}



.search_block {

    opacity: 0;

    display: none;

    text-align: center;

    height: 0;

    position: fixed;

    top: 50%;

    left: 40%;

    margin-top: -41px;

    margin-left: -150px;

    z-index: 111;

}



.search_block.visible {

    opacity: 1;

    display: inline-block;

    height: auto;

}



.search_block.visible .search_box {

    opacity: 1;

    top: 0;

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}



.search_block .overlayer {

    background-color: #642f19;

    position: fixed;

    cursor: url("../img/overlay-close.png"), auto;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

}



.search_block input,

.search_block select,

.search_block textarea {

    background-color: var(--castanho-escuro);

    font-size: 20px;

}



.search_block textarea::-webkit-input-placeholder {

    color: #FFFFFF !important;

}



.search_block textarea::-moz-placeholder {

    color: #FFFFFF !important;

}



.search_block textarea:-ms-input-placeholder {

    color: #FFFFFF !important;

}



.search_block textarea::-ms-input-placeholder {

    color: #FFFFFF !important;

}



.search_block .inner input,

.search_block select,

.search_block textarea::placeholder {

    color: #FFFFFF !important;

}



.search_block input::-webkit-input-placeholder {

    color: #FFFFFF !important;

}



.search_block input:-moz-placeholder {

    /* Firefox 18- */

    color: #FFFFFF !important;

}



.search_block input::-moz-placeholder {

    /* Firefox 19+ */

    color: #FFFFFF !important;

}



.search_block input:-ms-input-placeholder {

    color: #FFFFFF !important;

}



.form-control:focus {

    box-shadow: none !important;

}



.search_box {

    background-color: var(--castanho-escuro);

    opacity: 0;

    display: inline-block;

    padding: 10px;

    position: relative;

    text-align: center;

    top: -120px;

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

    -webkit-transition: all 0.4s ease 0s;

    -o-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    z-index: 10;

}



.search_box .search_input {

    border: 3px solid var(--castanho-escuro);

    border-bottom: 1px solid;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    display: inline-block;

    height: 80px;

    line-height: 2;

    font-family: 'Poppins', sans-serif;

    min-width: 700px;

    outline: medium none;

    padding: 10px 10px 10px 0px;

    width: 700px;

    -webkit-transition: all 0.45s ease 0s;

    -o-transition: all 0.45s ease 0s;

    transition: all 0.45s ease 0s;

    -webkit-appearance: none;

    border-radius: 0;

}



.search-form .search-input {

    font-size: 30px;

    font-family: 'Poppins', sans-serif;

    font-weight: 200;

}



#search ::-webkit-input-placeholder {

    color: #FFFFFF;

    opacity: 1;

}



#search ::-moz-placeholder {

    color: #FFFFFF;

    opacity: 1;

}



#search :-ms-input-placeholder {

    color: #FFFFFF;

    opacity: 1;

}



#search ::-ms-input-placeholder {

    color: #FFFFFF;

    opacity: 1;

}



#search ::placeholder {

    color: #FFFFFF;

    opacity: 1;

}

a:hover {
    color: var(--dourado-claro) !important;
}

.search_icon {

    background-color: transparent;

    border: medium none;

    color: #FFFFFF;

    font-size: 28px;

    left: 93%;

    line-height: 38PX;

    padding: 8px;

    position: absolute;

    top: 28px;

}



.search_icon:hover {

    color: #FFFFFF;

}



.search_icon:focus {

    color: #FFFFFF;

}



::-webkit-input-placeholder {

    color: #999;

    font-style: normal;

}



:-moz-placeholder {

    /* Firefox 18- */

    color: #999;

    font-style: normal;

}



::-moz-placeholder {

    /* Firefox 19+ */

    color: #999;

    font-style: normal;

}



:-ms-input-placeholder {

    color: #999;

    font-style: normal;

}



input,

select,

textarea {

    margin: 0;

}



/* ===================================

      shop card window css

  ==================================== */

.search-box-window {

    width: 25%;

    position: fixed;

    right: 0;

    top: 0;

    background: #FFFFFF;

    z-index: 1032;

    height: 100%;

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    -webkit-transition: -webkit-transform .5s ease;

    transition: -webkit-transform .5s ease;

    -o-transition: -o-transform .5s ease;

    -o-transition: transform .5s ease;

    transition: transform .5s ease;

    -webkit-transition: transform .5s ease;

    overflow: hidden;

}



.search-box-window.active {

    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.55);

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

}



.search-box-window .close-search-window {

    position: absolute;

    right: 20px;

    top: 30px;

}



.search-box-window .close-search-window i {

    color: #2d2d2d;

    font-size: 28px;

}



.search-box-window .search-box-window-content {

    margin-top: 60px;

    padding: 30px;

}



.search-box-window .search-box-window-content .search-box-heading {

    margin-bottom: 30px;

    font-family: 'Poppins', sans-serif;

    font-size: 28px;

    font-weight: 500;

    text-align: center;

}



.search-box-window .mini-search {

    height: 45vh;

    overflow-y: scroll;

    margin-bottom: 30px;

}



.search-box-window .mini-search .product-item {

    display: flex;

    margin-bottom: 10px;

    padding: 10px;

}



.search-box-window .mini-search .product-item .item-img {

    height: 100px;

    width: 100px;

    display: inline-block;

}



.search-box-window .mini-search .product-item .item-img img {

    width: 100%;

}



.search-box-window .mini-search .product-item .item-details {

    display: inline-block;

    padding: 10px;

}



.search-box-window .mini-search .product-item .item-details .item-name {

    font-size: 18px;

    font-weight: 500;

    color: #2d2d2d;

    margin-bottom: 0;

    font-family: 'Poppins', sans-serif;

}



.search-box-window .mini-search .product-item .item-details .item-qty {

    font-size: 16px;

    font-weight: 300;

    font-family: 'Poppins', sans-serif;

    color: #2d2d2d;

    opacity: .8;

    display: block;

}



.search-box-window .mini-search .product-item .item-details .item-price {

    font-size: 16px;

    font-weight: 300;

    font-family: 'Poppins', sans-serif;

    opacity: .8;

    display: inline-block;

}



.search-box-window .mini-search .product-item .item-details .basket {

    text-decoration: none;

    display: inline-block;

    float: right;

}



.search-box-window .mini-search .product-item .item-details .basket i {

    font-size: 18px;

    color: #2d2d2d;

}



.search-box-window .search-box-window-content .bag-btn {

    display: block;

    text-align: center;

    margin-top: 15px;

}



.search-box-window .search-box-window-content .search-form {

    width: 75%;

    margin: 0 auto 20px auto;

}



.search-box-window .search-box-window-content .search-form input {

    position: relative;

}



.search-box-window .search-box-window-content .search-form .btn-search {

    position: absolute;

    right: 0;

    top: 0;

    bottom: 0;

    background-color: var(--castanho-escuro);

    color: #FFFFFF;

    font-size: 14px;

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 111;

}



/* ===================================

      mini-services css

  ==================================== */

.mini-services {

    font-family: 'Poppins', sans-serif;

    margin-top: -150px;

}



.mini-services .mini-s {

    border-right: solid 1px rgba(95, 38, 15, 0.49);

    cursor: pointer;

}



.mini-services .mini-s:last-child {

    border-right: none;

}



.mini-services .mini-service-card .service-icon {

    display: inline-block;

    margin: auto;

    margin-bottom: 10px;

}



.mini-services .mini-service-card .service-icon i {

    font-size: 40px;

    color: var(--castanho-escuro);

    transition: .5s ease;

}



.mini-services .mini-service-card:hover .service-icon i {

    color: var(--dourado-claro);

    transform: translateY(-10px);

}



.mini-services .mini-service-card .mini-service-heading {

    font-size: 16px;

    font-weight: 500;

    color: var(--castanho-escuro);

    font-family: 'Poppins', sans-serif;

    margin-bottom: 0;

    transition: .5s ease;

}



.mini-services .mini-service-card:hover .mini-service-heading {

    color: var(--dourado-claro);

}



.mini-services .mini-service-card .small-des {

    font-size: 14px;

    font-family: 'Poppins', sans-serif;

    font-weight: 300;

    color: #2d2d2d;

    opacity: .8;

}



/* ===================================

     banner css

  ==================================== */



.slider-social-icons ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.slider-social-icons li {

    display: inline-block;

    /* Coloca os ícones lado a lado */

    margin: 0 10px;

    /* Espaçamento entre os ícones */

}



.slider-social-icons a {

    display: block;

    width: 55px;

    height: 55px;

    line-height: 55px;

    /* Centraliza o ícone verticalmente */

    text-align: center;

    /* Centraliza o ícone horizontalmente */

    border-radius: 50%;

    /* Deixa o fundo redondo */

    background-color: rgba(255, 255, 255, 0.15);

    /* Fundo transparente */

    color: #FFFFFF;

    /* Cor do ícone */

    font-size: 20px;

    transition: all 0.3s ease-in-out;

    border: 1px solid rgba(255, 255, 255, 0.2);

}



.slider-social-icons a i {

    font-size: 28px !important;
    /* Defina o tamanho que quer e use !important */

    line-height: 2 !important;
    /* Garante que o ícone não tem espaçamento extra */

}



.slider-social-icons a:hover {

    background-color: #f1b069;

    /* Cor de destaque ao passar o rato (mesma do site) */

    color: #5f260f;

    /* Cor do ícone no hover */

    transform: translateY(-5px);

    /* Efeito de elevação */

    border-color: #f1b069;

}



.banner {

    min-height: 500px;

    position: relative;

    background-position: center;

    background-size: cover;

}



.banner .overlay-white {

    background-color: rgba(255, 255, 255, 0.93);

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

}



.banner .banner-heading {

    color: var(--castanho-escuro);

    font-size: 50px;

    font-family: Poppins, sans-serif;

    font-weight: 500;

    margin-bottom: 15px;

}



.banner .banner-heading i {

    font-size: 55px;

    margin-right: 15px;

}



.banner .banner-text {

    color: #2d2d2d;

    font-size: 20px;

    font-family: Poppins, sans-serif;

    font-weight: 500;

    margin-bottom: 15px;

    opacity: .7;

}



.banner .banner-inner-content .img-container {

    height: 350px;

    max-width: 350px;

    position: absolute;

    left: 10%;

    top: 32%;

    transform: translate(-84%, -50%);

}



.banner .banner-inner-content .img-container img {

    max-width: 100%;

}



.banner .banner-inner-content .web-btn {

    position: absolute;

    bottom: 0;

    right: 10%;

    transform: translate(30%, 50%);

}



.banner .count-down-date .content {

    padding: 20px;

    background-color: #fff;

}



.banner .count-down-date .content>div {

    display: inline-block;

    padding: 20px;

    width: 120px;

}



.banner .count-down-date .content .num {

    font-size: 55px;

    color: #2d2d2d;

    font-family: Poppins, sans-serif;

    font-weight: 300;

    margin-bottom: 0;

}



.banner .count-down-date .content .text {

    color: #2d2d2d;

    font-size: 16px;

    font-family: Poppins, sans-serif;

    font-weight: 500;

}



/* ===================================

     mini banner css

  ==================================== */

.mini-banner .banner-item {

    position: relative;

    overflow: hidden;

}



.mini-banner .banner-item .simple-overlay {

    position: absolute;

    background-color: #343a4057;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: solid 20px #f8f9fa63;

}



.mini-banner .banner-item img {

    transition: .5s ease;

    width: 100%;

}



.mini-banner .banner-item:hover img {

    transform: scale(1.1);

}



.mini-banner .banner-item .simple-overlay .simple-overlay-content {

    height: 150px;

    width: 150px;

    background-color: #c8cbc6b5;

    color: #FFFFFF;

    /*border-radius: 50%;*/

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 30px;

    padding: 15px;

    text-decoration: none;

    font-family: 'Poppins', sans-serif;

}



.mini-banner .banner-item .simple-overlay .simple-overlay-content span {

    display: block;

    text-align: center;

    line-height: 1.2;

}



.mini-banner .overlay-banner {

    position: relative;

}



.mini-banner .overlay-banner .mini-banner-overlay {

    position: absolute;

    background-color: #343a4057;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border: solid 20px #f8f9fa63;

    padding: 30px;

}



.mini-banner .overlay-banner .mini-banner-overlay .sub-heading {

    font-family: 'ubunto', sans-serif;

    font-size: 16px;

    color: #fff;

    opacity: .8;

    display: block;

    margin-bottom: 10px;

}



.mini-banner .overlay-banner .mini-banner-overlay .heading {

    font-family: 'Poppins', sans-serif;

    font-size: 46px;

    color: #FFFFFF;

    display: block;

    margin-bottom: 10px;

    font-weight: 700;

}



.mini-banner .overlay-banner .mini-banner-overlay .web-trans-btn {

    color: #f8f9fa;

    border: solid 1px #f8f9fa;

}



.mini-banner .overlay-banner .mini-banner-overlay .web-trans-btn:hover {

    border: solid 1px #2d2d2d;

}



/* ===================================

      featured item css

  ==================================== */

.featured-items {}



.featured-items .heading-details .heading {

    margin-bottom: 25px;

}



.featured-items .featured-item-card {

    border: solid 1px #eee;

    padding: 20px;

    margin-top: 30px;

    transition: .5s ease;

    margin-bottom: 20px;

}



.featured-items .featured-item-card:hover {

    border: solid 1px var(--castanho-escuro);

    box-shadow: 1px 1px 15px #eee;

}



.featured-items .featured-item-card .item-img .item-overlay {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #29170573;

    opacity: 0;

    transition: .5s ease;

}



.featured-items .featured-item-card .item-img {

    overflow: hidden;

    position: relative;

}



.featured-items .featured-item-card:hover .item-img img {

    transform: scale(1.1);

}



.featured-items .featured-item-card:hover .item-img .item-overlay {

    opacity: 1;

}



.featured-items .featured-item-card .item-img img {

    width: 100%;

    transition: .5s ease;

}



.featured-items .featured-item-card .item-detail {

    display: block;

    padding: 15px 0;

    padding-bottom: 0;

}



.featured-items .featured-item-card .item-detail .item-cat {

    font-family: 'Poppins', sans-serif;

    font-size: 14px;

    opacity: .8;

}



.featured-items .featured-item-card .item-detail .item-name {

    font-family: 'Poppins', sans-serif;

    font-size: 18px;

    font-weight: 500;

    transition: .5s ease;

    margin-bottom: 0;

}



.featured-items .featured-item-card:hover .item-detail .item-name {

    color: var(--castanho-escuro);

}



.featured-items .featured-item-card .item-detail ul {

    padding-left: 0;

    margin-bottom: 0;

}



.featured-items .featured-item-card .item-detail ul li {

    list-style: none;

    display: inline-block;

}



.featured-items .featured-item-card .item-detail ul li i {

    color: #2d2d2d;

    opacity: .8;

}



.featured-items .featured-item-card .item-detail .item-price {

    font-family: 'Poppins', sans-serif;

    font-size: 20px;

    font-weight: 500;

    display: block;

    margin-bottom: 0;

}



.featured-items .featured-item-card .item-detail .item-btns {

    display: block;

}



/*.featured-items .featured-item-card .item-detail .item-btns .btn-wish,.featured-items .featured-item-card .item-detail .item-btns .btn-view{*/

/*    opacity: 0;*/

/*}*/

/*.featured-items .featured-item-card .item-detail .item-btns:hover .btn-wish,.featured-items .featured-item-card .item-detail .item-btns:hover .btn-view{*/

/*    opacity: 1;*/

/*}*/

.featured-items .featured-item-card .item-detail .btn {

    display: inline-block;

}



.featured-items .featured-item-card .item-detail .web-trans-btn {

    padding: 5px 20px;

}



.featured-items .featured-item-card .item-detail .btn i {

    font-size: 20px;

    padding-top: 2px;

}



/* ===================================

      deal Banner css

  ==================================== */

.deal-banner {

    position: relative
}



.deal-banner .deal-img .price-tag {

    padding: 20px;

    background-color: #2125298c;

    display: flex;

    justify-content: center;

    align-items: center;

    position: absolute;

    bottom: 10px;

    left: 10px;

    color: #FFFFFF;

}



.deal-banner .deal-img .price-tag .price {

    color: #fff;

    font-size: 30px;

    font-weight: 600;

    display: block;

    text-align: center;

    font-family: 'Poppins', sans-serif;

}



.deal-banner .deal-img .price-tag .price span {

    font-size: 19px;

    display: block;

    margin-bottom: 7px;

}



.deal-banner .deal-img {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 30%;

    background-position: center;

    background-size: cover;

}



.deal-banner .deal-detail .heading-text {

    font-size: 66px;

    font-weight: 600;

    margin-bottom: 10px;

    font-family: "Dancing Script", cursive;

}



.deal-banner .deal-detail .item-name {

    font-size: 30px;

    font-weight: 500;

    color: var(--castanho-escuro);

    margin-bottom: 10px;

    font-family: Poppins, sans-serif;

}



.deal-banner .deal-detail .item-des {

    font-size: 16px;

    font-weight: 300;

    color: #2d2d2d;

    opacity: .8;

    font-family: Poppins, sans-serif;

}



/* ===================================

      Best items css

  ==================================== */

.best-products {}



.best-products .best-products-carousel {}



.best-products .best-products-carousel .item {

    cursor: pointer;

}



.best-products .best-products-carousel .item .product {

    border: solid 1px #eee;

    padding: 15px;

}



.best-products .best-products-carousel .item:hover .product {

    border: solid 1px var(--castanho-escuro);

}



.best-products .best-products-carousel .item .product .product-img {

    position: relative;

    overflow: hidden;

}



.best-products .best-products-carousel .item .product .product-img img {

    transition: .5s ease;

}



.best-products .best-products-carousel .item:hover .product .product-img img {

    transform: rotate(10deg);

}



.best-products .best-products-carousel .item .product .product-img .overlay-img {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    z-index: 1;

    background-color: rgba(0, 0, 0, 0.42);

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    transition: .5s ease;

}



.best-products .best-products-carousel .item:hover .product .product-img .overlay-img {

    opacity: 1;

}



.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content {

    display: flex;

}



.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a {

    height: 35px;

    width: 35px;

    border-radius: 50%;

    background-color: transparent;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .5s ease;

    text-decoration: none;

    padding-top: 2px;

}



.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a i {

    font-size: 20px;

    color: #fff;

}



.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a:hover {

    background-color: var(--castanho-escuro);

}



.best-products .best-products-carousel .item .product .product-img .overlay-img .overlay-content a:hover i {

    color: #FFFFFF;

}



.best-products .best-products-carousel .item .product .product-img img {

    width: 100%;

}



.best-products .best-products-carousel .item .product .product-detail {

    padding: 20px 10px;

    margin-top: 0;

}



.best-products .best-products-carousel .item .product .product-detail .product-name {

    font-family: Poppins, sans-serif;

    font-weight: 500;

    font-size: 20px;

    color: #2d2d2d;

    display: block;

    margin-bottom: 8px;

    transition: .5s ease;

}



.best-products .best-products-carousel .item:hover .product .product-detail .product-name {

    color: var(--castanho-escuro);

}



.best-products .best-products-carousel .item .product .product-detail .product-cat {

    font-family: Poppins, sans-serif;

    font-weight: 200;

    font-size: 14px;

    color: #2d2d2d;

    opacity: .8;

    display: block;

    margin-bottom: 8px;

}



.best-products .best-products-carousel .item .product .product-detail .reviews {

    margin-bottom: 0;

    padding-left: 0;

    display: block;

}



.best-products .best-products-carousel .item .product .product-detail .reviews li {

    display: inline-block;

    list-style: none;

}



.best-products .best-products-carousel .item .product .product-detail .reviews li i {

    font-size: 18px;

    color: #2d2d2d;

}



.best-products .best-products-carousel .item .product .product-detail .fly-line {

    height: 2px;

    width: 20%;

    margin: auto;

    margin-bottom: 8px;

    display: block;

    background-color: #EEEEEE;

}



/* ===================================

      Blog css

  ==================================== */

.blog-sec {}



.blog-sec .blog-card {}



.blog-sec .blog-card .blog-img {

    margin-bottom: 10px;

    position: relative;

}



.blog-sec .blog-card .blog-img img {

    width: 100%;

}



.blog-sec .blog-card .blog-img .blog-overlay {

    position: absolute;

    border: solid 2px #ffffffa6;

    left: 3%;

    right: 3%;

    bottom: 5%;

    top: 5%;

}



.blog-sec .blog-card .blog-content {

    padding: 20px 0;

    padding-bottom: 30px;

}



.blog-sec .blog-card .blog-title {

    font-size: 22px;

    color: #2d2d2d;

    font-family: Poppins, sans-serif;

    margin-bottom: 8px;

}



.blog-sec .blog-card .blog-tags {

    color: #2d2d2d;

    font-weight: 300;

    opacity: .8;

    font-family: Poppins, sans-serif;

    margin-bottom: 8px;

    font-size: 14px;

}



.blog-sec .blog-card .blog-tags a {

    color: #2d2d2d;

    font-weight: 600;

    text-decoration: none;

    font-family: Poppins, sans-serif;

    font-size: 14px;

}



.blog-sec .blog-card .text {

    font-family: Poppins, sans-serif;

    font-size: 16px;

    color: #2d2d2d;

    opacity: .8;

}



.blog-sec .blog-btn {

    padding-top: 80px;

}



/* ===================================

      testimonial section css

====================================== */

.testimonial-sec {

    position: relative;

    background-color: #eee;

}



.testimonial-sec #test-header {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    transform: rotate(180deg);

}



.testimonial-sec #test-header path {

    fill: #FFFFFF;

}



.testimonial-sec #test-footer {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

}



.testimonial-sec #test-footer path {

    fill: #FFFFFF;

}



.testimonial-sec #test-footer {}



.testimonial-sec .heading-details span {

    display: block;

    width: 6%;

    background-color: #2d2d2d;

    height: 3px;

    margin: 10px auto;

}



.testimonial-sec .testimonial-review .review-image {

    height: 120px;

    width: 120px;

    border-radius: 50%;

    display: inline-block;

    margin: 0 auto;

    padding: 10px 9px 10px 10px;

    border: solid 1px var(--castanho-escuro);



}



.testimonial-sec .testimonial-review .review-image img {

    border-radius: 50%;

    width: 100%;

}



.testimonial-sec .testimonial-review .review-detail .test-heading {

    color: #2d2d2d;

    font-size: 28px;

    font-family: Poppins, sans-serif;

    font-weight: 500;

    margin-bottom: 15px;

    margin-top: 15px;

}



.testimonial-sec .testimonial-review .review-detail .text-des {

    color: #2d2d2d;

    font-size: 16px;

    font-family: Poppins, sans-serif;

    opacity: .8;

    font-weight: 300;

}



.testimonial-sec .testimonial-review .review-detail ul.test-review {

    padding-left: 0;

}



.testimonial-sec .testimonial-review .review-detail ul.test-review li {

    list-style: none;

    display: inline-block;

}



.testimonial-sec .testimonial-review .review-detail ul.test-review li i {

    font-size: 20px;

    color: #f0cb3d;

}



.testimonial-sec .testimonial-review {

    width: 80%;

    margin: auto;

    overflow: hidden;

}



.testimonial-sec .testimonial-review .client-info .client-name {

    font-family: 'Montserrat', sans-serif;

    font-size: 16px;

    color: var(--castanho-escuro);

    font-weight: 600;

    margin-bottom: 0;

    display: inline-block;

    font-style: italic;

}



.testimonial-sec .testimonial-review .client-info .client-designation {

    color: #888;

    font-size: 16px;

    display: inline-block;

    margin-left: 0;

    font-style: italic;

}



.testimonial-sec .container {

    position: relative;

}



.testimonial-sec .test-btn {

    position: absolute;

    top: 43%;

    transform: translateY(-50%);

    color: #2d2d2d;

    font-size: 32px;

    cursor: pointer;

    transition: .5s ease;

}



.testimonial-sec .test-btn#customNextBtn {

    right: -30px;

}



.testimonial-sec .test-btn#customPrevBtn {

    left: -30px;

}



.testimonial-sec .test-btn:hover {

    color: var(--castanho-escuro) !important;

}



/* ===================================

      newsletter css

  ==================================== */

.newsletter {

    background-color: var(--castanho-escuro);

    padding: 60px 0 50px 0;

}



.newsletter .newsletter-heading {

    color: #fff;

    font-family: Poppins, sans-serif;

    font-size: 32px;

    font-weight: 600;

    margin-bottom: 0;

}



.newsletter .newsletter-text {

    color: #fff;

    font-family: Poppins, sans-serif;

    font-size: 16px;

    font-weight: 300;

}



.newsletter .newsletter-heading i {

    font-size: 36px;

    margin-right: 8px;

}



.newsletter form input {

    padding: 25px;

    font-size: 16px;

}



.news-btn {

    color: #fff;

    border: solid 1px #fff;

    padding: 8px 25px;

    transition: .5s ease;

    background-color: transparent;

    /*display: inline-block;*/

    text-decoration: none;

    font-family: Poppins, sans-serif;

    font-size: 15px;

    margin-left: 15px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.news-btn:hover {

    color: #2d2d2d;

    background-color: #FFFFFF;

    border: solid 1px #fff;

}



/* ===================================

      About Us css

  ==================================== */

.about-sec {}



.about-sec .services-area {

    margin-top: 50px;

}



.about-sec .services .service-card:hover .image-holder i {

    color: var(--castanho-escuro);

    transition: .5s ease;

    cursor: pointer;

}



.about-sec .services .service-card .image-holder {

    height: 100px;

    width: 100px;

    margin: auto;

    margin-bottom: 15px;

}



.about-sec .services .service-card .image-holder i {

    font-size: 100px;

}



.about-sec .services .service-card .service-heading {

    font-family: 'Poppins', sans-serif;

    font-weight: 500;

    color: #2d2d2d;

    font-size: 24px;

    margin-bottom: 8px;

    transition: .5s ease;

}



.about-sec .services .service-card:hover .service-heading {

    color: var(--castanho-escuro);

}



@media (max-width: 991.98px) {

    .service-card {

        margin-bottom: 50px;

    }



}



/* ===================================

      brand  css

====================================== */

.brand-sec .container {

    /*border-top: dotted 3px #eee;*/

    padding-top: 120px;

}



.brand-sec .sponser-tags {

    padding-bottom: 120px;

    /*border-bottom: dashed 2px #e1e1e1;*/

}



.brand-sec .brand-img img {

    cursor: pointer;

    width: 60%;

}



/* ===================================

        map sec

====================================== */

.google-map {

    min-height: 400px;

}



/* ===================================

   Footer

====================================== */

.social-follow-section {

    padding: 40px 0;

}



.social-follow-title {

    font-family: 'Poppins', sans-serif;

    font-size: 2rem;

    /* Tamanho do título */

    font-weight: 500;

    color: var(--castanho-escuro);

    /* Usa a cor principal do site */

    margin-bottom: 25px;

    /* Espaço entre o título e os ícones */

}



/* Ajusta as margens dos ícones sociais que já estavam no footer */

.social-follow-section .footer-social ul {

    margin-bottom: 0;

}



.footer-style-1 {

    padding: 5rem 0;

}



.footer-social ul {

    margin: 0;

    padding: 0;

    margin-bottom: 15px;

}



.footer-social li {

    display: inline-block;

}



.footer-social a {

    display: block;

    width: 45px;

    height: 45px;

    text-align: center;

    line-height: 45px;

    border-radius: 50px;

    font-size: 24px;

    margin: 0 10px 0 0;

    color: #2d2d2d;

    border: 1px solid transparent;

    -webkit-transition: background-color .2s ease-in-out;

    -o-transition: background-color .2s ease-in-out;

    transition: background-color .2s ease-in-out;

}



.footer-social li:nth-last-child(1) a {

    margin-right: 0;

}



.footer-social li a:hover {

    background-color: var(--castanho-escuro);

    color: #ffffff;

}



.company-about {

    font-size: 14px;

    opacity: .8;

    font-weight: 300;

}



.company-about a {

    color: #2d2d2d;

    text-decoration: none;

    font-weight: 600;



}



.footer-style-1 {

    border-top: 3px solid #f1b069;

    /* Borda dourado-claro */

    padding-top: 40px;

    /* Adiciona espaço entre a borda e o conteúdo */

}



.footer-legal-links {

    margin-top: 15px;

    /* Espaço entre o copyright e os links */

    font-size: 0.9em;

}



/* [NOVA REGRA GERAL] Aplica-se ao link "Albinet" e aos links legais */

.footer-style-1 .company-about a,

.footer-style-1 .footer-legal-links a {

    color: inherit;

    /* Herda a cor do texto do parágrafo */

    text-decoration: none;

    /* Remove o sublinhado padrão */

    transition: color 0.2s ease;

    /* Efeito de transição suave */

}



/* [NOVA REGRA GERAL DE HOVER] Aplica-se a todos os links */

.footer-style-1 .company-about a:hover,

.footer-style-1 .footer-legal-links a:hover {

    color: #f1b069;

    /* Cor dourado-claro no hover */

    text-decoration: underline;

    /* Adiciona sublinhado no hover para clareza */

}



/* Regra específica para o espaçamento dos links legais */

.footer-legal-links a {

    margin: 0 10px;

}



/* ===================================

   Scroll Top

====================================== */



.scroll-top-arrow,

.scroll-top-arrow:focus {

    font-size: 23px;

    line-height: 47px;

    color: #fff;

    background-color: var(--castanho-escuro);

    display: none;

    height: 45px;

    width: 45px;

    cursor: pointer;

    padding: 0;

    position: fixed;

    bottom: 20px;

    right: 20px;

    text-align: center;

    text-decoration: none;

    z-index: 80;

    border-radius: 50px;

    -webkit-transition: all .3s ease-in-out;

    -o-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.scroll-top-arrow:hover {

    background-color: var(--castanho-escuro);

}







/* ===================================

    Background images

====================================== */



[class*=bg-img] {

    position: relative;

    background-size: cover;

    width: 100%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    overflow: hidden;

}





/* ===================================

        Preloader

   ====================================== */



.preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    background: #ffffff;

    z-index: 9999 !important;

}



.centrize {

    display: table;

    table-layout: fixed;

    height: 100%;

    position: relative;

}



.full-width {

    max-width: 100%;

    width: 100%;

}



.vertical-center {

    display: table-cell;

    vertical-align: middle;

}



.preloader .spinner {

    position: relative;

    display: inline-block;

    width: 40px;

    height: 40px;

}



.preloader .spinner .double-bounce1,

.preloader .spinner .double-bounce2 {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: var(--castanho-escuro);

    opacity: 1;

    -webkit-animation: loader-bounce 2s infinite ease-in-out;

    animation: loader-bounce 2s infinite ease-in-out;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

}



.preloader .spinner .double-bounce2 {

    -webkit-animation-delay: -1s;

    animation-delay: -1s;

    opacity: 0.1;

}



@-webkit-keyframes loader-bounce {



    0%,

    100% {

        -webkit-transform: scale(0);

    }



    50% {

        -webkit-transform: scale(1);

    }



}



@keyframes loader-bounce {



    0%,

    100% {

        transform: scale(0);

        -webkit-transform: scale(0);

    }



    50% {

        transform: scale(1);

        -webkit-transform: scale(1);

    }



}



/* ===================================

   Other Page

====================================== */



/***********************************/

/****product listing page css*******/

/***********************************/



/*Product Sticky ASideBar*/

.product-filter-nav {

    position: -webkit-sticky;

    position: sticky;

    top: -10px;

    padding-top: 30%;

    padding-right: 14%;

    padding-left: 0;

    padding-bottom: 0;

}



.product-listing .product-filter-nav .filter-heading {

    font-family: Poppins, sans-serif;

    font-size: 24px;

    font-weight: 500;

    color: #2d2d2d;

}



.product-listing .product-filter-nav .product-category ul {

    padding-left: 0 !important;

    margin-top: 15px;

    margin-bottom: 15px;

}



.product-listing .product-filter-nav .product-category ul li {

    list-style: none;

    margin-bottom: 5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    cursor: pointer;

}



.product-listing .product-filter-nav .product-category ul li a {

    text-decoration: none;

    font-size: 16px;

    color: #2d2d2d;

    opacity: .8;

    font-family: Poppins, sans-serif;

    font-weight: normal;

    -webkit-transition: .8s ease;

    -o-transition: .8s ease;

    transition: .8s ease;

}



.product-listing .product-filter-nav .product-category ul li span {

    -webkit-transition: .8s ease;

    -o-transition: .8s ease;

    transition: .8s ease;

}



.product-listing .product-filter-nav .product-category ul li:hover a {

    color: #03a9f5;

}



.product-listing .product-filter-nav .product-category ul li:hover span {

    color: #03a9f5;

}



.product-listing .product-filter-nav .product-price #slider-range {

    margin-top: 15px;

    margin-bottom: 15px;

}



.product-listing .product-filter-nav .product-price .price-num {

    font-size: 14px;

    font-family: Poppins, "sans-serif";

    font-weight: normal;

    margin-bottom: 15px;

}



.product-listing .product-filter-nav .product-price .price-num #min-p,

.product-section-body .product-filter-nav .product-price .price-num #max-p {

    color: #03a9f5;

    font-family: Poppins, "sans-serif";

    font-weight: normal;

}



.product-listing .product-filter-nav .product-add img {

    height: 100%;

    width: 100%;

}



.product-listing .product-filter-nav button {

    padding: 10px 25px;

    margin-bottom: 8px;

    margin-top: -8px;

    letter-spacing: 0.1rem;

}



.product-listing .product-filter-nav .R-rite {

    margin-top: 10px;

}



.product-listing .product-filter-nav .R-rite p {

    font-size: 10px;

}



.product-listing .product-filter-nav .R-rite p a {

    color: black;

}



.product-listing-heading {

    padding-top: 100px;

}



.product-listing-heading .heading {

    font-family: Poppins, "sans-serif";

    font-size: 40px;

    font-weight: normal;

    margin-bottom: 15px;

}



.product-listing-heading .para_text {

    font-family: "Poppins", sans-serif;

    font-size: 16px;

    font-weight: normal;

}



/*Product Listing Product*/





/***********************************/

/*****product-detail page css*******/

/***********************************/



.about_content {

    overflow: hidden;

}



.product-body .breadcrumb {

    background-color: transparent;

    padding-left: 0px;

    padding-right: 0px;

}



.breadcrumb-item+.breadcrumb-item::before {

    content: '|';

}



.product-body .breadcrumb .breadcrumb-item a {

    color: #2d2d2d;

    font-size: 14px;

    font-family: "Poppins", sans-serif;

    font-weight: normal;

}



.product-body .pro-detail-sec .pro-heading {

    font-size: 40px;

    font-family: "Poppins", sans-serif;

    font-weight: normal;

    color: #2d2d2d;

    margin-bottom: 15px;

}



.product-detail {

    margin-top: 50px;

}



.product-body .product-list .product-item .p-item-img {

    position: relative;

}



.product-body .product-list .product-item .p-item-img img {

    height: 100%;

    width: 100%;

}



.product-body .product-list .product-item .p-item-img .p-item-overlay {

    position: absolute;

    background-color: #2d2d2d80;

    top: 0;

    bottom: 0;

    left: 15px;

    right: 15px;

    -webkit-transition: .8s ease;

    -o-transition: .8s ease;

    transition: .8s ease;

    cursor: pointer;

    opacity: 0;

}



.product-body .product-list .product-item:hover .p-item-img .p-item-overlay {

    opacity: 1;

}



.product-body .product-list .product-item .p-item-img .p-item-overlay .btn {

    padding: 4px 15px 3px 15px;

    font-size: 10px;

    border: solid 1px transparent;

    display: block;

}



.product-body .product-list .product-item .p-item-img .p-item-overlay .q-btn {

    background-color: #03a9f5;

    padding: 4px 20px 3px 20px;

    color: #FFFFFF;

    margin-bottom: 3px;



}



.product-body .product-list .product-item .p-item-name {

    font-size: 14px;

    color: #2d2d2d;

    font-family: Poppins, sans-serif;

    font-weight: normal;

    margin-top: 15px;

    margin-bottom: 8px;

}



.product-body .product-list .product-item .p-item-price {

    font-size: 16px;

    color: #03a9f5;

    font-family: Poppins, sans-serif;

    font-weight: normal;

    text-align: center;

}



.product-section-body .product-body .p-featured-footer p {

    font-size: 16px;

    color: #2d2d2d;

    font-family: "Poppins", sans-serif;

    font-weight: lighter;

    margin-bottom: 20px;

}



.product-section-body .product-body .p-featured-footer .terms h4 {

    font-size: 18px;

    color: #2d2d2d;

    font-family: "Poppins", sans-serif;

    font-weight: 600;

}



.product-section-body .product-body .p-featured-footer .terms p {

    font-family: Poppins, sans-serif;

    font-size: 12px;

    font-weight: normal;

    letter-spacing: 1.5px;

    color: #2d2d2d;

}





/*Product Detail*/



.product-detail-slider img {

    width: 100%;

}



.product-slider .swiper-slide img {

    height: auto;

}



.product-body .product-list .product-single-price {

    margin-bottom: 10px;

}



.product-body .product-list .product-single-price h4 {

    font-size: 18px;

    font-family: Poppins, sans-serif;

    font-weight: normal;

    color: #d9d9d9;

    margin-bottom: 10px;

}



.product-body .product-list .product-single-price h4 .real-price {

    color: var(--castanho-escuro);

}



.pro-description {

    font-size: 14px;

    font-family: Poppins, sans-serif;

    font-weight: normal;

    color: #2d2d2d;

}



.product-body .product-detail .product-checklist {

    margin-top: 20px;

}



.product-body .product-detail .product-checklist ul {

    padding-left: 0;

    margin-bottom: 20px;

}



.product-body .product-detail .product-checklist ul li {

    list-style: none;

    color: #2d2d2d;

    font-size: 12px;

    font-family: Poppins, sans-serif;

    font-weight: 500;

}



.product-body .product-detail .product-checklist ul li i {

    color: var(--castanho-escuro);

}



.product-body .product-list .product-detail .product-single-price {

    margin-top: 20px;

}



.product-body .product-list .product-quantity .qty .our-btn {

    position: relative;

}



.product-body .product-list .product-tags-list .breadcrumb .breadcrumb-item p {

    font-size: 15px;

    font-family: Poppins, sans-serif;

    color: #2d2d2d;

    font-weight: normal;

}



.product-body .product-list .product-tags-list .breadcrumb .breadcrumb-item a {

    color: var(--castanho-escuro);

    font-size: 12px;

    font-family: Poppins, sans-serif;

}



.comma-separtor {

    color: var(--castanho-escuro);

    margin-left: 3px;

    margin-right: 3px;

}



.product-body .product-list .share-product-details .share-product-icons {

    padding: 0;

}





.product-body .product-list .share-product-details .share-product-icons li p {

    color: #2d2d2d;

    font-size: 14px;

    font-family: Poppins, sans-serif;

    font-weight: normal;

}



.product-body .product-list .share-product-details .share-product-icons li {

    display: inline-block;

    list-style: none;

    margin-right: 5px;



}



.product-body .product-list .share-product-details .share-product-icons li a {

    color: #2d2d2d;

    padding: 2px;

    width: 30px;

    height: 30px;

    border-radius: 50%;

    display: block;

    text-align: center;

    line-height: 27px;

    border: 1px solid transparent;

    transition: .8s ease;

}



.product-body .product-list .share-product-details .share-product-icons li a:hover {

    color: #FFFFFF;

    background-color: var(--castanho-escuro);

}



.about_content .best-products .heading-details {

    padding-top: 80px;

    padding-bottom: 30px;

}



.about_content .best-products .heading-details .heading {

    font-family: Poppins, sans-serif;

    font-size: 40px;

    font-weight: 500;

}



.product-body .web-btn {

    padding: 4px 25px;

    font-size: 14px;

}



/*nav tabs*/



.product-all-details {

    margin-top: 50px;

}



.nav-tabs {

    border: none;

    background-color: #eceff6;

}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    color: white;

    background-color: var(--castanho-escuro);

    /*border-color: none;*/

}



.nav-tabs .nav-item.show .nav-link,

.nav-tabs .nav-link.active {

    border: none;

    border-left: none;

}



.nav-tabs .nav-link:focus,

.nav-tabs .nav-link:hover {

    border: none;

}



.nav-tabs .nav-item {

    padding-left: 0px;

    padding-right: 0px;

    border-left: 1px solid #FFFFFF;

    margin-bottom: 0px;

}



.nav-tabs .nav-item:first-child {

    border-right: none;

}



.nav-tabs .nav-link {

    text-align: center;

    border: none;

    border-top-left-radius: 0px !important;

    border-top-right-radius: 0px !important;

    font-family: Poppins, sans-serif;

    font-size: 14px;

    font-weight: normal;

    color: #8b8d96;

}



.tab-content {

    border-left: .5px solid #eceff6;

    border-right: .5px solid #eceff6;

    border-bottom: .5px solid #eceff6;

    padding-top: 40px;

    padding-bottom: 40px;

    padding-left: 16px !important;

    padding-right: 16px !important;

}



.table td,

.table th {

    padding: .5rem;

}



.tab-content .reviews .media {

    margin-bottom: 15px;

}





.user-rating {

    padding: 0px;

    margin: 0px;

}



.user-rating li {

    display: inline-block;

    list-style: none;

}



.tab-content .reviews .media .user-rating li a {

    color: #f5c136;

}





.tab-content .reviews .media .media-body {

    border-left: 1px solid #eceff6;

    padding-left: 25px;

    padding-right: 25px;

    /*margin-left: -45px;*/

}



.tab-content .reviews .media .media-body span {

    font-family: Poppins, sans-serif;

    font-size: 12px;

    color: lightgrey;

    font-weight: lighter;



}



/*form*/

.tab-content .text-nowrap {

    font-size: 18px;

    font-family: Poppins, sans-serif;

    font-weight: 500;

}



textarea {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

}



textarea:focus {

    outline: none !important;

    border: 1px solid #ececec;

}



/*Cart Number*/

.input_plus_mins .qty .count {

    color: var(--castanho-escuro);

    display: inline-block;

    vertical-align: top;

    font-size: 24px;

    font-weight: 500;

    line-height: 30px;

    padding: 0 2px;

    min-width: 35px;

    text-align: center;

    margin-bottom: 0;

    font-family: "Poppins", sans-serif;

}



.input_plus_mins .qty .plus {

    cursor: pointer;

    display: inline-block;

    vertical-align: center;

    color: var(--castanho-escuro);

    width: 26px;

    height: 26px;

    text-align: center;

    border: solid 1px var(--castanho-escuro);

    /*border-radius: 50%;*/

    position: relative;

    transition: .5s ease;

}



.input_plus_mins .qty .plus i {

    position: absolute;

    top: 48%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    font-size: 14px;



}



.input_plus_mins .qty .minus {

    cursor: pointer;

    display: inline-block;

    vertical-align: center;

    color: var(--castanho-escuro);

    width: 26px;

    height: 26px;

    text-align: center;

    /*border-radius: 50%;*/

    border: solid 1px var(--castanho-escuro);

    background-clip: padding-box;

    position: relative;

    transition: .5s ease;

}



.input_plus_mins .qty .minus i {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    font-size: 14px;

}



/*.input_plus_mins div {*/

/*    text-align: center;*/

/*}*/

.input_plus_mins .minus:hover {

    background-color: #2d2d2d;

    color: #FFFFFF;

}



.input_plus_mins .plus:hover {

    background-color: #2d2d2d;

    color: #FFFFFF;

}



/*Prevent text selection*/

.input_plus_mins span {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

}



.input_plus_mins input {

    border: 0;

    width: 2%;

}



.input_plus_mins nput::-webkit-outer-spin-button,

.input_plus_mins input::-webkit-inner-spin-button {

    -webkit-appearance: none;

    margin: 0;

}



.input_plus_mins input:disabled {

    background-color: white;

}





/*SWIPER SLIDER CODE*/

.wrapper {

    max-height: 360px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

}



.product-detail-slider .swiper-slide {

    width: 96%;

}



.product-detail-slider .swiper-slide img {

    display: block;

    height: 100%;

    width: 100%;

    margin: 0 auto;

    -o-object-fit: cover;

    object-fit: cover;

    cursor: pointer;

}



.Thumbs {

    -ms-flex-preferred-size: 100px;

    flex-basis: 100px;

}



.Thumbs .swiper-slide {

    opacity: 0.4;

}



.Thumbs .swiper-slide-active {

    opacity: 1;

}



.remove-margins {

    margin: 0;

}







/**********************************/

/******* START Shop Cart PAGE *****/

/***********************************/

/*Shop Cart*/



.about_content h1 {

    width: 100%;

    margin-right: auto;

    margin-left: auto;

    margin-bottom: 15px;

}





/*CART TABLE*/



.cart_table table {

    margin-bottom: 0;

}



.darkcolor {

    color: #2d2d2d;

    font-weight: normal;

    font-family: Poppins, "sans-serif";

}



.border-radius {

    border-radius: 10px;

}



.border-radius-50 {

    border-radius: 50px;

}



.classic-border {

    border: 2px solid #fff;

}



.cart_table .table-responsive thead {

    background: #f9f9f9;

}



.cart_table .table-responsive thead tr>th {

    padding: 15px 20px;

    border-bottom-width: 1px;

    font-family: Poppins, sans-serif;

    font-weight: bold;

}



.cart_table .table-responsive tbody tr>td {

    vertical-align: middle;

    padding: 20px;

}



.cart_table .product-name {

    display: inline-block;

    vertical-align: middle;

    font-size: 18px;

    font-family: "Poppins", sans-serif;

    font-weight: bolder;

    background-color: var(--castanho-escuro);

    margin-bottom: 0;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}



.cart_table .product-des {

    color: #2d2d2d;

    font-size: 14px;

    font-family: Poppins, sans-serif;

    font-weight: normal;

}



.cart_table .amount {

    font-size: 20px;

    font-family: Poppins, sans-serif;

    font-weight: normal;

    color: #2d2d2d;

    margin-bottom: 0;

}



.cart_table .quote input {

    margin: 0;

    width: 140px;

}





.cart_table .btn-close i {

    display: inline-block;

    color: #2d2d2d;

    font-size: 20px;

    -webkit-transition: .8s ease;

    -o-transition: .8s ease;

    transition: .8s ease;

}



.cart_table .btn-close:hover i {

    color: var(--castanho-escuro);

}



.cart_table .shopping-product {

    display: inline-block;

    height: 70px;

    width: 70px;

    margin-right: 10px;

}



.cart_table .shopping-product>img {

    width: 100%;

}



.cart_table .d-table:hover .product-name,

.cart_table .d-table:focus .product-name {

    color: #24cdd5;

}



.apply_coupon {

    border: .5px solid #dee2e6;

    border-top: none;

    padding: 20px;

}



.apply_coupon .coupon>form input {

    height: 42px;

    margin-bottom: 0;

    margin-right: 5px;

}



.apply_coupon .coupon>form .form-group>input {

    width: 100%;

}





.totals {

    padding: 40px 15px;

    border: 1px solid #d1d1d1;

}



.totals .table-responsive tr>td {

    border: none;

    padding: 17px 10px;

}



.totals form.findus .form-control {

    margin-bottom: 15px;

    padding-left: 15px;

    border-color: #a5a5a5;

}



.cart-total tbody tr td {

    width: 100% !important;

}



.totals form.findus .select:after {

    color: #A5A5A5;

}



form.findus .form-control,

form.findus textarea {

    padding: 12px 0;

    margin-bottom: 30px;

    font-size: 14px;

    border: none;

    border-bottom: 1px solid #a5a5a5;

    border-radius: 0;

    position: relative;

    -webkit-transition: border .9s ease;

    -o-transition: border .9s ease;

    transition: border .9s ease;

}



.findus a {

    background: #862359;

}



.findus a:hover,

.findus a:active,

.findus a:focus {

    color: #FFFFFF;

}



.shop-cart .calculate-shipping {

    padding: 20px;

    border: .5px solid #dee2e6;

}



.shop-cart .calculate-shipping h4 {

    font-size: 24px;

    margin-bottom: 16px;

}



.shop-cart .calculate-shipping form input {

    padding: 8px;

}



.shop-cart .calculate-shipping form select {

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    font-weight: 300;

    margin-bottom: 0;

    border: 0;

    padding: 12px 15px;

    -webkit-appearance: none;

}



.shop-cart .calculate-shipping form .form-control {

    width: 100%;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 1.5rem .75rem;

    position: relative;

    font-size: 16px;

    color: #9c9c9c;

    border: 1px solid #d1d1d1;

    margin-bottom: 0;

    font-family: "Poppins", sans-serif;

}



.shop-cart .calculate-shipping form .select:after {

    content: "\EA45";

    font-family: LineIcons;

    color: #3e3e3e;

    font-size: 14px;

    padding: 9px 8px;

    position: absolute;

    right: 0;

    top: 4px;

    background: transparent;

    z-index: 1;

    text-align: center;

    width: 10%;

    height: 100%;

    pointer-events: none;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.shop-cart .calculate-shipping form input::-webkit-input-placeholder {

    color: #9c9c9c;

    font-family: Poppins, sans-serif;

    font-weight: 100;

}



.shop-cart .calculate-shipping form input::-moz-placeholder {

    color: #9c9c9c;

    font-family: Poppins, sans-serif;

    font-weight: 100;

}



.shop-cart .calculate-shipping form input:-ms-input-placeholder {

    color: #9c9c9c;

    font-family: Poppins, sans-serif;

    font-weight: 100;

}



.shop-cart .calculate-shipping form input::-ms-input-placeholder {

    color: #9c9c9c;

    font-family: Poppins, sans-serif;

    font-weight: 100;

}



.shop-cart .calculate-shipping form input::placeholder {

    color: #9c9c9c;

    font-family: Poppins, sans-serif;

    font-weight: 100;

}



.shop-cart .card-total {

    padding: 20px;

    border: .5px solid #dee2e6;

}



.shop-cart .card-total h4 {

    font-size: 24px;

    margin-bottom: 10px;

    font-family: Poppins, "sans-serif";

    color: #2d2d2d;

}



.shop-cart .card-total table tr {

    margin-bottom: 1rem;

}



.shop-cart .card-total table tr td ul {

    margin-bottom: 0px;

}



.shop-cart .card-total table tr td {

    font-size: 14px;

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    border: solid 1px transparent;

    padding-bottom: 17.5px;

    padding-left: 0;

}



.shop-cart .card-total table tr td:first-child {

    font-size: 14px;

    font-weight: 600;

    font-family: Poppins, sans-serif;

    color: #2d2d2d;

}



.shop-cart .card-total table tr td ul li {

    list-style: none;

}



.shop-cart .card-total .custom-control-input:checked~.custom-control-label::before {

    color: #fff;

    border-color: #62ab00;

    background-color: #62ab00;

}









/***********************************/

/*********Contact section***********/

/***********************************/





.contact-sec {

    padding-top: 120px;

    padding-bottom: 120px;

}



.contact-sec .contact-description {

    padding: 20px;

}



.contact-sec .contact-detail .ex-detail {

    margin-bottom: 15px;

}



.contact-sec .contact-detail .ex-detail .fly-text {

    color: var(--castanho-escuro);

    left: -49px;

    font-size: 14px;

    font-family: Poppins, "sans-serif";

    margin-bottom: 8px;

}



.contact-sec .contact-detail .small-text {

    margin-bottom: 40px;

    width: 95%;

    color: #2d2d2d;

    opacity: .8;

    font-weight: 300;

    font-size: 16px;

}



.small-texto {

    margin-bottom: 40px !important;

    width: 95% !important;

    color: #2d2d2d !important;

    opacity: .8 !important;

    font-weight: 300 !important;

    font-size: 16px !important;

}



.contact-sec .contact-detail .location-details h4 {

    margin-bottom: 20px;

    color: #2d2d2d;

    font-family: 'Montserrat', sans-serif;

    font-weight: bold;

    font-size: 18px;

}



.contact-sec .contact-detail .location-details ul {

    padding-left: 0;

}



.contact-sec .contact-detail .location-details ul li {

    list-style: none;

    margin-bottom: 12px;

    position: relative;

}



.contact-sec .contact-detail .location-details ul li a {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    color: #2d2d2d;

    font-weight: 300;

    text-decoration: none;

    margin-left: 30px !important;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.contact-sec .contact-detail .location-details ul li i {

    font-size: 20px;

    margin-right: 5px;

    color: #2d2d2d;

    position: absolute;

    top: 2px;

    left: 0;

}



/*contact us form*/

.contact-sec .contact-box {

    padding: 20px;

    -webkit-box-shadow: 1px 1px 8px #dddddd;

    box-shadow: 1px 1px 8px #dddddd;

    /*border:solid .5px #dddddd;*/

    border-radius: 10px;

}



.contact-sec .contact-box .small-heading {

    font-size: 24px;

    font-family: Poppins, "sans-serif";

    font-weight: 500;

    margin-bottom: 20px;

}



.contact-sec .contact-box .small-text {

    font-family: Poppins, "sans-serif";

    margin-bottom: 25px;

}



.contact-sec .contact-form .my-form {

    position: relative;

}



.contact-sec .contact-form .my-form .form-control {

    border: 1px solid #cbcbcb;

}



.contact-sec .contact-form .my-form input {

    margin-bottom: 20px;

    border-radius: 10px;

    padding: 20px;

}



.contact-sec .contact-form .my-form input[placeholder] {

    color: #444444;

    opacity: .8;

    font-size: 14px;

}



.contact-sec .contact-form .my-form textarea {

    border-radius: 10px;

    padding: 20px;

}



.contact-sec .contact-form .my-form textarea[placeholder] {

    color: #444444;

    opacity: .8;

    font-size: 14px;

}



.contact-sec .contact-form .user-contact {

    margin-top: 30px;

}



.display-error {

    position: absolute;

    top: -45px;

    left: 15px;

    right: 15px;

}



.contact-page .contact-list li:nth-child(2),

.contact-page .contact-list li:nth-child(3) {

    display: inline-block;

}



.contact-page .contact-list li:nth-child(2) {

    margin-right: 8px;

}



.contact-page .contact-list li:nth-child(even) {

    margin-bottom: 0px !important;

}



/***********************************/

/********standalone page css********/

/***********************************/

.slider-sec {

    min-height: 550px;

    position: relative;

}



.slider-sec .overlay {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background-color: rgba(254, 255, 255, 0);

}



.slider-sec .overlay .slide-contain {

    margin-top: 13%;

    z-index: 3;

}



.slider-sec .overlay h4 {

    font-family: 'Montserrat', sans-serif;

    font-weight: bold;

    font-size: 38px;

    color: #ffffff;

    margin-bottom: 10px;

}



.crumbs {

    position: relative;

}



.crumbs .breadcrumb-items {

    display: inline-block;

}



.crumbs .breadcrumb {

    margin-bottom: 0;

    border-radius: 0;

    padding: 15px 50px;

    background-color: transparent;

}



.breadcrumb-item+.breadcrumb-item::before {

    color: #ffffff;

}



.crumbs .breadcrumb li a {

    color: #ffffff;

    font-size: 15px;

    font-family: 'Montserrat', sans-serif;

    text-decoration: none;

}



.crumbs .breadcrumb li a:hover {

    color: var(--castanho-claro);

}



.breadcrumb-item.active {

    color: var(--cinzento-claro);

}



/*crumbs end*/



.standalone-row:not(:last-child) {

    margin-bottom: 3rem;

}



.standalone-row .stand-img-des {

    padding-left: 30px;

    text-align: center;

}



.standalone-row:nth-child(2) .stand-img-des {

    padding-left: 0;

    padding-right: 30px;

}



.standalone-detail .sub-heading {

    color: var(--castanho-escuro);

    margin-bottom: 20px;

}



.standalone-area .sub-heading {

    color: var(--castanho-escuro);

    margin-bottom: 8px;

}



.standalone-detail .heading {

    margin-bottom: 20px;

    font-size: 40px;

    color: #2d2d2d;

    font-weight: 500;

    font-family: Montserrat, sans-serif;

}



.standalone-detail .para_text {

    color: #2d2d2d;

    font-weight: 500;

    font-family: Montserrat, sans-serif;

    text-align: center;

    font-size: 15px;

    margin: 0 auto;

    opacity: .8;

    line-height: 2.1;

}



.standalone-area {

    padding-bottom: 120px;

}



.standalone-detail {

    /*padding-top: 120px;*/

    padding-bottom: 100px;

}



.standalone-area .gradient-text1 {

    font-family: 'Montserrat', sans-serif;

    font-weight: 500;

    margin-bottom: 12px;

}



.standalone-area .stand-img-des .para_text {

    font-family: 'Montserrat', sans-serif;

    color: #2d2d2d;

    font-weight: 300;

    opacity: .8;

}





/* ===================================

    Media Queries

   ====================================== */

@media screen and (max-width: 1199.98px) {}



@media screen and (max-width:991px) {



    /***********************************/

    /********standalone page css********/

    /***********************************/

    .standalone-row:not(:last-child) {

        margin-bottom: 8rem;

    }



    .standalone-area .sub-heading {

        margin-top: 20px;

    }



    .standalone-row:nth-child(2) .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }



    .standalone-row .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }



}

@media (max-width: 766.98px) {
    .slider-sec .overlay h4 {
        font-size: 30px !important;
        /* Usamos !important para garantir que sobrepõe outros estilos */
    }
}



@media screen and (max-width:767px) {

    .header-appear .navbar-simple .fixed-nav-items {

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .upper-nav .navbar-brand {

        width: 25% !important
    }



    .header-appear .fixed-nav-items img {

        width: 100%;

    }



    .shop-card-window {

        width: 100%;

    }



    .search-box-window {

        width: 100%;

    }



    .side-menu {

        width: 100%;

    }



    /*mini services*/

    .mini-services .mini-s {

        border-right: solid 1px rgba(88, 180, 51, 0.05);

        margin-bottom: 40px;

    }



    .mini-services .mini-s:last-child {

        margin-bottom: 0;

    }



    /*banner*/

    .banner .banner-inner-content {

        margin-top: 150px;

    }



    .banner .banner-inner-content .img-container {

        left: 50%;

        top: 0;

        transform: translate(-50%, -18%);

    }



    .banner .banner-inner-content .web-btn {

        bottom: 0;

        right: 50%;

        transform: translate(50%, 50%);

    }



    .banner .count-down-date .content>div {

        padding: 10px;

    }



    .banner .count-down-date .content .num {

        font-size: 32px;

    }



    .banner .count-down-date .content .text {

        font-size: 13px;

    }



    .banner .count-down-date .content {

        padding-bottom: 40px;

    }



    .banner .banner-heading {

        font-size: 40px;

    }



    .banner .banner-heading i {

        display: block;

    }



    /*testimonial*/

    .testimonial-sec .test-btn {

        display: none;

    }



    /*newsletter*/

    .newsletter .newsletter-text {

        margin-bottom: 20px;

    }



    .news-btn {

        padding: 8px 15px;

    }



    /***********************************/

    /**********about page css***********/

    /***********************************/

    .about-sec .services-area .services {

        margin-bottom: 50px;

    }



    .about-sec .services-area .services:last-child {

        margin-bottom: 0;

    }



    /***********************************/

    /*****Product listing page css******/

    /***********************************/

    .product-filter-nav {



        padding-top: 0;

        /* padding-right: 14%; */

        /* background-color: #eee; */

        /* padding: 18px; */

        /* padding-left: 20px; */

        padding-bottom: 0;

    }



    /***********************************/

    /********standalone page css********/

    /***********************************/

    .standalone-row:not(:last-child) {

        margin-bottom: 8rem;

    }



    .standalone-area .sub-heading {

        margin-top: 20px;

    }



    .standalone-row:nth-child(2) .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }



    .standalone-row .stand-img-des {

        padding-left: 18px;

        padding-right: 18px;

    }



    .standalone-area {

        /*padding-bottom: 0;*/

    }



}



@media (min-width: 992px) {

    .banner .banner-inner-content {

        margin-left: 200px;

        /* Recria o espaço para a imagem */

    }



    /* Esta regra posiciona a imagem à esquerda, fora do fluxo normal do texto */

    .banner .banner-inner-content .img-container {

        position: absolute;

        height: 350px;

        max-width: 350px;

        left: 10%;

        top: 32%;

        transform: translate(-84%, -50%);

    }

}





/* --- ESTILOS PARA MOBILE E TABLET (<= 991px) --- */

/* Esta regra anula os estilos de desktop e cria um layout empilhado */

@media (max-width: 991.98px) {

    .banner .banner-inner-content {

        margin-left: 0;

        /* Remove a margem para centrar o conteúdo */

    }



    .banner .banner-inner-content .img-container {

        /* Torna a imagem um elemento normal, em vez de 'absolute' */

        position: relative;

        transform: none;

        left: auto;

        top: auto;



        /* Estilos para centrar e dar espaço à imagem no mobile */

        height: auto;

        max-width: 280px;

        /* Controla o tamanho da imagem */

        margin: 0 auto 30px;

        /* Centra horizontalmente e adiciona espaço em baixo */

    }



    .upper-nav .navbar-brand {

        width: 20% !important;

    }

}



/*======================

       keyframes

=======================*/

@-webkit-keyframes itg_pulse_blue {

    0% {

        -webkit-box-shadow: 0 0 0 5px rgba(221, 75, 57, 0.9);

        box-shadow: 0 0 0 5px rgba(221, 75, 57, 0.9);

    }



    25% {

        -webkit-box-shadow: 0 0 0 10px rgba(221, 75, 57, 0.6);

        box-shadow: 0 0 0 10px rgba(221, 75, 57, 0.6);

    }



    70% {

        -webkit-box-shadow: 0 0 0 15px rgba(221, 75, 57, 0.3);

        box-shadow: 0 0 0 15px rgba(221, 75, 57, 0.3);

    }



    100% {

        -webkit-box-shadow: 0 0 0 60px rgba(221, 75, 57, 0.1);

        box-shadow: 0 0 0 20px rgba(221, 75, 57, 0.1);

    }

}



@-o-keyframes itg_pulse_blue {

    0% {

        box-shadow: 0 0 0 5px rgba(0, 188, 212, 0.9);

    }



    25% {

        box-shadow: 0 0 0 10px rgba(0, 188, 212, 0.6);

    }



    70% {

        box-shadow: 0 0 0 15px rgba(0, 188, 212, 0.3);

    }



    100% {

        box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);

    }

}



@keyframes itg_pulse_blue {

    0% {

        -webkit-box-shadow: 0 0 0 5px rgba(100, 121, 191, 0.9);

        box-shadow: 0 0 0 5px rgba(100, 121, 191, 0.9);

    }



    25% {

        -webkit-box-shadow: 0 0 0 10px rgba(100, 121, 191, 0.6);

        box-shadow: 0 0 0 10px rgba(100, 121, 191, 0.6);

    }



    70% {

        -webkit-box-shadow: 0 0 0 15px rgba(100, 121, 191, 0.3);

        box-shadow: 0 0 0 15px rgba(100, 121, 191, 0.3);

    }



    100% {

        -webkit-box-shadow: 0 0 0 60px rgba(100, 121, 191, 0.1);

        box-shadow: 0 0 0 20px rgba(100, 121, 191, 0.1);

    }

}



/*------------------------------------------------------------------------------------PÁGINA RESTAURANTES------------------------------------------------------------------------------*/

/* ========================================================== */

/* ==== ESTILOS PARA MENU DE CATEGORIAS E PRODUTOS (V3.1) ==== */

/* ========================================================== */

.restaurant-menu-list {

    padding: 15px;

    border: 1px solid #eee;

    background-color: #fff;

    border-radius: 4px;

    margin-bottom: 20px;



}



/* Estilo para cada item clicável do menu (a tag <a>) */

.menu-item {

    display: block;

    /* Para que o link ocupe toda a largura */

    text-decoration: none;

    color: inherit;

    /* Herda a cor do texto, em vez do azul padrão de link */

    padding: 20px 15px;

    border-bottom: 1px solid #f0f0f0;

    transition: background-color 0.2s ease-in-out;

}



/* Remove a borda do último item da lista para um acabamento limpo */

.menu-item:last-child {

    border-bottom: none;

}



/* Efeito de hover, similar ao menu de categorias */

.menu-item:hover {

    background-color: #fcf8f3;

    /* Um bege/creme muito claro, combina com o tema */

    text-decoration: none;

    color: inherit;

}



/* A linha que contém o nome, os pontos e o preço */

.menu-item-line {

    display: flex;

    /* A chave para o alinhamento! */

    align-items: baseline;

    /* Alinha o texto pela base */

    width: 100%;

}



/* Nome do produto */

.menu-item-name {

    font-size: 1.1rem;

    font-weight: 500;

    color: #333;

    /* Impede que o nome quebre linha, para um layout limpo */

    white-space: nowrap;

    margin-right: 10px;

    /* Espaço antes dos pontos começarem */

}



/* O elemento que vai criar os pontinhos */

.menu-item-dots {

    flex-grow: 1;

    /* Faz este elemento crescer e ocupar todo o espaço livre */

    border-bottom: 2px dotted #ccc;

    position: relative;

    bottom: 4px;

    /* Ajuste fino para alinhar verticalmente com o texto */

}



/* Preço do produto */

.menu-item-price {

    font-size: 1.1rem;

    font-weight: 200;

    color: #aa5939ff;

    /* Cor de destaque do seu tema */

    white-space: nowrap;

    margin-left: 10px;

    /* Espaço depois dos pontos terminarem */

}



/* Descrição do produto */

.menu-item-description {

    font-size: 0.9rem;

    color: #666;

    margin-top: 8px;

    margin-bottom: 0;

    padding-right: 15%;

    /* Evita que a descrição vá até o fim da linha */

    line-height: 1.4;

    font-style: italic;

}



/* Estilo base para os títulos de categoria na área principal */

.category-title {

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    color: #333;

    border-bottom: 2px solid #f1b069;

    padding-bottom: 10px;

    display: inline-block;

    width: 100%;

}



/* 1. Reset e Layout Base da Barra Lateral */

.product-category ul li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

}



.product-category ul li.has-submenu {

    cursor: pointer;

}



/* [CORREÇÃO] Define a cor base dos links para evitar o azul inicial */

.product-category ul li a,

.product-category ul li .sidebar-parent-item {

    color: #333;

    /* Cor de texto padrão */

    text-decoration: none;

    transition: color 0.2s ease;

}



/* 2. Container da Esquerda (Nome + Seta) */

.sidebar-item-left {

    display: flex;

    align-items: center;

    flex-grow: 1;

    padding-top: 5px;

    padding-bottom: 5px;

}



.submenu-toggle {

    margin-left: 10px;

    font-size: 0.8em;

    color: #aaa;

    transition: transform 0.2s ease-in-out;

}



.has-submenu.open .submenu-toggle {

    transform: rotate(90deg);

}



/* 3. Contagem da Direita */

.sidebar-item-count {

    flex-shrink: 0;

    padding-left: 15px;

    color: #888;

    transition: color 0.2s ease;

}



/* 4. Estilo de Hover (FORÇADO) */

.product-category ul li:hover .sidebar-item-left a,

.product-category ul li:hover .sidebar-parent-item,

.product-category ul li:hover .sidebar-item-count {

    color: #f1b069 !important;

    /* Dourado claro no hover */

}



/* 5. Estilo da Categoria Ativa (FORÇADO) */

.product-category ul li.active-category>.sidebar-item-left a {

    color: #5f260f !important;

    /* Castanho quando ativo */

    font-weight: bold;

}



.product-category ul li.active-category>.sidebar-item-count {

    color: #5f260f !important;

    /* Castanho quando ativo */

    font-weight: bold;

}



/* [NOVA REGRA CRÍTICA] Define o hover para um item JÁ ATIVO */

/* Esta regra garante que, mesmo que um item esteja castanho (ativo),

   ao passar o rato por cima ele fica dourado. */

.product-category ul li.active-category:hover>.sidebar-item-left a,

.product-category ul li.active-category:hover>.sidebar-item-count {

    color: #f1b069 !important;

}





/* 6. Esconder Submenus por Padrão */

.submenu {

    display: none;

    width: 100%;

    list-style: none;

    padding-left: 0;

    margin-bottom: 0;

}



/* 7. Estilos dos Cards de Produto (mantidos) */

.featured-item-card {

    border: 1px solid #e0e0e0;

    padding: 10px;

    background-color: #fff;

    height: 100%;

    transition: border-color 0.3s ease, box-shadow 0.3s ease;

}



.featured-item-card:hover {

    border-color: #a7775a;

    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);

}



.featured-item-card .item-img {

    position: relative;

    overflow: hidden;

}



.featured-item-card .item-img img {

    width: 100%;

    height: auto;

    display: block;

}



.featured-item-card .item-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.4);

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    transition: opacity 0.3s ease-in-out;

}



.featured-item-card:hover .item-overlay {

    opacity: 1;

}



.item-btns {

    display: flex;

}



.item-btns .btn-view {

    background-color: rgba(255, 255, 255, 0.9);

    color: #333;

    width: 45px;

    height: 45px;

    border-radius: 4px;

    margin: 0 5px;

    font-size: 1.1rem;

    transition: background-color 0.2s ease, color 0.2s ease;



    /* --- ADICIONE ESTAS 3 LINHAS --- */

    display: flex;

    justify-content: center;

    /* Centra horizontalmente */

    align-items: center;

    /* Centra verticalmente (a magia acontece aqui) */



    /* --- REMOVA OU COMENTE ESTAS 2 LINHAS --- */

    /* line-height: 45px; */

    /* text-align: center; */

    /* O justify-content já faz este trabalho */

}



.item-btns .btn-view:hover {

    background-color: #f1b069;

    color: #fff;

}



.featured-item-card .item-detail {

    padding: 20px 10px 10px 10px;

    text-align: center;

}



.featured-item-card .item-name {

    font-size: 1.0rem;

    font-weight: 500;

    color: #333;

    margin-bottom: 5px;

}



.featured-item-card .item-price {

    font-size: 0.9rem;

    font-weight: 400;

    color: #a7775a;

}



.lightbox .lb-close {

    position: absolute;

    /* Garante o posicionamento relativo ao lightbox */

    top: 10px;

    /* Distância do topo */

    right: 10px;

    /* Distância da direita */

    width: 30px;

    height: 30px;

    background: url(https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/images/close.png) no-repeat;

    z-index: 9999 !important;

    /* Z-index MUITO alto para ficar por cima de tudo */

    opacity: 0.8;

    transition: opacity 0.2s;

    text-indent: -9999px;

    /* Esconde o texto, mostrando apenas a imagem de fundo */

}



.lightbox .lb-close:hover {

    opacity: 1;

}





/* Esconde a sidebar de desktop em telas pequenas */

@media (max-width: 991.98px) {

    .sidebar-desktop {

        display: none;

    }

}



/* NOVO: Estilo para o link de texto que abre o modal */

.mobile-category-trigger {
    display: none;
    /* 1. ESCONDIDO POR DEFEITO em todos os ecrãs */
    color: #333;
    font-size: 1.1rem;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 20px;
    cursor: pointer;
    padding: 10px 0px;
    border-radius: 5px;
    transition: background-color 0.2s;
}

@media (max-width: 991.98px) {
    .mobile-category-trigger {
        display: inline-block;
    }
}

.mobile-category-trigger:hover {
    color: var(--castanho-escuro);
}

.mobile-category-trigger i {
    margin-right: 8px;
}



.mobile-category-trigger:hover {

    color: var(--castanho-escuro);

}



.mobile-category-trigger i {

    margin-right: 8px;

}



/* Estilos para o modal de categorias (inalterado) */

.category-modal {

    display: none;

    position: fixed;

    z-index: 1050;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: rgba(0, 0, 0, 0.6);

    justify-content: center;

    align-items: center;

}



.category-modal.active {

    display: flex;

}



.modal-content {

    background-color: #fefefe;

    margin: auto;

    padding: 20px;

    border-radius: 8px;

    width: 90%;

    max-width: 500px;

    position: relative;

}



.modal-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #dee2e6;

    padding-bottom: 10px;

    margin-bottom: 15px;

}



.modal-header h5 {

    margin: 0;

}



.close-btn {

    color: #aaa;

    font-size: 28px;

    font-weight: bold;

    border: none;

    background: transparent;

    cursor: pointer;

}



.modal-body ul {

    max-height: 60vh;

    overflow-y: auto;

    padding-right: 10px;

}



/* CORREÇÃO CRÍTICA: Layout da lista de categorias para evitar corte */

.product-category ul li {

    display: flex;

    justify-content: space-between;

    /* Mantém nome à esquerda, contagem à direita */

    align-items: center;

    width: 100%;

    /* Garante que o <li> ocupe todo o espaço */

}



.sidebar-item-left {

    flex-grow: 1;

    /* Permite que o nome cresça */

    flex-shrink: 1;

    /* Permite que o nome encolha se necessário */

    min-width: 0;

    /* O truque mágico para permitir que o flex item encolha abaixo do seu conteúdo */

    padding-right: 15px;

    /* Espaço entre o nome e a contagem */

}



.sidebar-item-left a,

.sidebar-item-left .sidebar-parent-item {

    word-break: break-word;

    /* Permite que nomes de categoria longos quebrem a linha */

}



.sidebar-item-count {

    flex-shrink: 0;

    /* Impede que a contagem seja "esmagada" ou encolhida */

    white-space: nowrap;

    /* Garante que "(10)" não quebre a linha */

}



@media (max-width: 475px) {

    .menu-item-name {

        font-size: 0.9rem !important;

    }



    .menu-item-price {

        font-size: 0.9rem !important;

    }



    .menu-item-description {

        font-size: 0.7rem !important;

    }

}



@media (max-width: 410px) {

    .menu-item-name {

        font-size: 0.8rem !important;

    }



    .menu-item-price {

        font-size: 0.8rem !important;

    }



    .menu-item-description {

        font-size: 0.6rem !important;

    }

}



/*----------------------------------------------------página Restaurant - Restaurant-------------------------------*/



/* Contentor principal do cabeçalho */

.gallery-header-container {

    position: relative;

    /* Essencial para o posicionamento absoluto do botão */

    text-align: center;

    /* Garante que o bloco do título fica no centro */

    padding: 40px 0;

    margin-bottom: 40px;

}



/* Wrapper do título para o centrar corretamente */

.gallery-title-wrapper {

    display: inline-block;

    /* Faz com que o wrapper tenha apenas a largura do seu conteúdo */

}



.gallery-title-wrapper h2 {

    font-family: 'Poppins', sans-serif;

    font-weight: 700;

    font-size: 2.8rem;

    color: #333;

    margin: 0;

}



/* Linha decorativa por baixo do título */

.gallery-title-underline {

    width: 120px;

    height: 4px;

    background-color: #f39c12;

    /* Cor laranja/dourada, pode ajustar */

    margin: 10px auto 0;

    border-radius: 2px;

}



/* Wrapper do botão para posicionamento absoluto */

.gallery-header-container .btn-wrapper {

    position: absolute;

    right: 0;

    /* Alinha à direita do contentor */

    top: 50%;

    /* Alinha verticalmente ao centro */

    transform: translateY(-50%);

    /* Ajuste fino para o centro exato */

}



/* Adaptação para tablets e telemóveis */

@media (max-width: 991px) {

    .gallery-header-container {

        position: static;

        /* Remove o posicionamento para um layout normal */

        text-align: center;

        /* Mantém tudo centrado */

    }



    .gallery-header-container .btn-wrapper {

        position: static;

        /* Remove o posicionamento */

        transform: none;

        margin-top: 25px;

        /* Adiciona espaço entre o título e o botão */

    }

}



/* Estilo uniforme para as imagens da galeria */

.simple-gallery-img {

    width: 100%;

    height: 240px;

    object-fit: cover;

    /* Preenche o espaço sem distorcer */

    border-radius: 12px;

    display: block;

    transition: transform 0.3s ease;

}



.simple-gallery-img:hover {

    transform: scale(1.03);

}



.booking-cta-section {

    padding: 30px 0;

    text-align: center;

    background-color: var(--dourado-claro);

}



.subcategory-title {

    font-family: 'Poppins', sans-serif;

    font-weight: 600;

    color: #333;

    border-bottom: 2px solid #eee;

    padding-bottom: 10px;

}



#menu-content-area.loading {

    opacity: 0.5;

    transition: opacity 0.3s;

    pointer-events: none;

}





/* - -------------------------------------------------------------------------Auberge-----------------------------------------------*/



.item-description {

    color: var(--cinzento-escuro);

    margin-top: 20px;

    font-weight: 100;

}



/* Correção para o botão 'X' do Lightbox */

.lightbox .lb-close {

    position: absolute;

    top: 10px;

    right: 10px;

    width: 30px;

    height: 30px;

    background: url(https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/images/close.png) no-repeat;

    z-index: 9999 !important;

    opacity: 0.8;

    transition: opacity 0.2s;

    text-indent: -9999px;

}



.lightbox .lb-close:hover {

    opacity: 1;

}



/* Novo estilo para a lista de comodidades (estilo Booking) */

.amenities-list {

    list-style: none;

    padding: 20px 0 10px 0;

    margin: 0;

    display: flex;

    flex-wrap: wrap;

    /* Permite que os itens quebrem para a linha seguinte */

}



.amenities-list li {

    display: flex;

    align-items: center;

    font-size: 1rem;

    color: #555;

    margin-bottom: 15px;

    width: 50%;

    /* Ocupa metade da largura, criando duas colunas */

}



.amenities-list li i {

    font-size: 1.4rem;

    color: var(--castanho-escuro);

    /* Cor azul, pode ajustar */

    margin-right: 12px;

    width: 25px;

    /* Largura fixa para alinhar o texto */

    text-align: center;

}



/* Adaptação para mobile, para ter apenas uma coluna */

@media (max-width: 767px) {

    .amenities-list li {

        width: 100%;

        /* Ocupa a largura total */

    }

}



/*-------------------------------------------------checkboxes politica-----------------------------------------*/



.privacy-link {

    color: var(--castanho-escuro);

    /* Cor inicial castanha */

    font-weight: 600;

    /* Torna o link um pouco mais destacado */

    text-decoration: underline;

    transition: color 0.3s ease;

}



/* Estilo do link ao passar o rato (hover) */

.privacy-link:hover {

    color: var(--dourado-claro);

    /* Muda para dourado ao passar o rato */

    text-decoration: none;

    /* Remove o sublinhado no hover para um efeito mais limpo */

}



/* Personalização do checkbox */

.form-check-input:checked {

    background-color: var(--castanho-escuro);

    /* Cor de fundo quando marcado */

    border-color: var(--castanho-escuro);

    /* Cor da borda quando marcado */

}



/* Foco do checkbox (quando clica ou navega com o teclado) */

.form-check-input:focus {

    border-color: var(--dourado-claro);

    box-shadow: 0 0 0 0.25rem rgba(241, 176, 105, 0.25);

    /* Sombra de foco dourada */

}



.form-check {

    padding-left: 2rem !important;

    padding-top: 1.5rem !important;

}

.show-email-link {

    color: var(--castanho-escuro) !important;
    /* Usa a cor principal do site */

    cursor: pointer;
    /* Mostra o cursor de "mãozinha" */

    font-weight: 500;

    transition: color 0.2s ease;

}



.show-email-link:hover {

    color: var(--dourado-claro) !important;
    /* Muda de cor no hover */

    text-decoration: none;
    /* Remove o sublinhado no hover para um efeito limpo */

}