.elementor-22 .elementor-element.elementor-element-fdb8d90{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-fdb8d90:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-fdb8d90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-0c49d2a{text-align:center;}.elementor-22 .elementor-element.elementor-element-0c49d2a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:600;color:#478565;}.elementor-22 .elementor-element.elementor-element-2064c0f{text-align:center;}.elementor-22 .elementor-element.elementor-element-2064c0f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:59px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-22 .elementor-element.elementor-element-0a501cc{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-285a99d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:0px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-22 .elementor-element.elementor-element-285a99d:not(.elementor-motion-effects-element-type-background), .elementor-22 .elementor-element.elementor-element-285a99d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-22 .elementor-element.elementor-element-890201a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-22 .elementor-element.elementor-element-493526c{--grid-columns:3;width:100%;max-width:100%;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-22 .elementor-element.elementor-element-890201a{--width:350px;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-493526c{--grid-columns:2;}}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-493526c{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-890201a *//* ==================================================
   1. ESTILO GERAL DOS TÍTULOS E ESPAÇAMENTO
   ================================================== */
.facetwp-facet {
    margin-bottom: 30px;
}

.facet-wrap h3 {
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* ==================================================
   2. CAMPO DE BUSCA (NOME)
   ================================================== */
.facetwp-search {
    background-color: transparent !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    border-radius: 4px;
    width: 100%;
    transition: all 0.3s ease;
}

.facetwp-search:focus {
    border-color: #c19b6c !important; /* Cor de destaque (dourado/areia) */
    outline: none !important;
    box-shadow: none !important;
}

.facetwp-search::placeholder {
    color: #888888;
}

/* ==================================================
   3. CHECKBOXES (MARCA) - ESTILIZAÇÃO MODERNA
   ================================================== */

.facetwp-facet-marca {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Container de cada item (Rolex, etc) */
.facetwp-checkbox {
    background: transparent !important; 
    background-image: none !important; /* Remove o quadradinho branco padrão do FacetWP */
    color: #cccccc;
    cursor: pointer;
    padding: 5px 0 !important; /* Remove os espaçamentos antigos */
    display: flex !important;
    align-items: center;
    font-size: 14px;
    transition: all 0.2s ease;
    position: relative;
}

/* Criando o "quadradinho" customizado antes do texto */
.facetwp-checkbox::before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #444;
    background: #111;
    margin-right: 12px;
    border-radius: 3px;
    display: inline-block;
    flex-shrink: 0;
    transition: all 0.2s ease;
}

/* Efeito Hover */
.facetwp-checkbox:hover {
    color: #ffffff;
}
.facetwp-checkbox:hover::before {
    border-color: #c19b6c;
}

/* ESTADO SELECIONADO */
.facetwp-checkbox.checked {
    color: #c19b6c !important;
    font-weight: 500;
}

/* Checkbox marcado (o preenchimento dourado) */
.facetwp-checkbox.checked::before {
    background-color: #c19b6c;
    border-color: #c19b6c;
    /* Ícone de check simplificado usando CSS */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ajuste do contador (o número ao lado) */
.facetwp-counter {
    color: #aaaaaa !important; /* Cor mais clara e forte para leitura */
    font-size: 13px !important; /* Levemente maior */
    margin-left: 6px;
    font-weight: 500;
}

.facetwp-checkbox.checked .facetwp-counter {
    color: #c19b6c !important;
    opacity: 1 !important;
}

/* ==================================================
   4. SLIDER DE PREÇO (noUiSlider)
   ================================================== */
.facetwp-slider-wrap {
    padding-top: 10px;
    width: 100% !important; /* Força o container a ter 100% */
    display: block;
}

/* Barra de fundo */
.noUi-target {
    background: #333333 !important;
    border: none !important;
    box-shadow: none !important;
    height: 4px !important;
    width: 100% !important; /* Força a barra a preencher todo o espaço horizontal */
}

/* O resto do seu CSS do slider continua igual... */
.noUi-connect {
    background: #c19b6c !important; 
}

.noUi-handle {
    border: 2px solid #c19b6c !important;
    background: #111111 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    cursor: pointer;
}

.noUi-horizontal .noUi-handle {
    width: 16px !important;
    height: 16px !important;
    right: -8px !important;
    top: -6px !important;
}

.noUi-handle::before, 
.noUi-handle::after {
    display: none !important;
}

.facetwp-slider-label {
    color: #aaaaaa;
    font-size: 14px;
    margin-top: 15px;
    display: block;
    text-align: center;
}

.facetwp-slider-reset{
    display: none;
}/* End custom CSS */