.elementor-17407 .elementor-element.elementor-element-63a689c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17407 .elementor-element.elementor-element-9f88a3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17407 .elementor-element.elementor-element-9f88a3f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17407 .elementor-element.elementor-element-75edac8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17407 .elementor-element.elementor-element-10dbc16{--grid-columns:2;}.elementor-17407 .elementor-element.elementor-element-10dbc16 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-17407 .elementor-element.elementor-element-10dbc16 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-17407 .elementor-element.elementor-element-10dbc16 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17407 .elementor-element.elementor-element-10dbc16 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-17407 .elementor-element.elementor-element-10dbc16 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-17407 .elementor-element.elementor-element-9f88a3f{--width:27.933%;}.elementor-17407 .elementor-element.elementor-element-75edac8{--width:75%;}}@media(max-width:1024px){.elementor-17407 .elementor-element.elementor-element-10dbc16{--grid-columns:2;}}@media(max-width:767px){.elementor-17407 .elementor-element.elementor-element-10dbc16{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-9f88a3f *//* FACETWP DROPDOWN STILOVI */
.facetwp-facet select {
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.facetwp-facet select:focus {
    outline: none;
    border-color: #d32f2f;
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1);
    background-color: #fff;
}

.facetwp-facet-label {
    font-weight: 700;
    margin-bottom: 10px;
    color: #222;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.facetwp-facet {
    margin-bottom: 25px !important;
}

/* Dugme Poništi Filtere */
.reset-filter-btn {
    padding: 12px; 
    background: #222; 
    color: #fff; 
    font-weight: bold; 
    border: none; 
    border-radius: 8px; 
    cursor: pointer; 
    width: 100%; 
    margin-bottom: 25px;
    transition: background 0.3s;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.reset-filter-btn:hover {
    background: #d32f2f;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-10dbc16 *//* =========================================
   1. FACETWP DROPDOWN STILOVI
   ========================================= */

/* Stil za same padajuće menije (Select) */
.facetwp-facet select {
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px; /* Zaobljene ivice */
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Efekat kada korisnik klikne na padajući meni (Fokus) */
.facetwp-facet select:focus {
    outline: none;
    border-color: #d32f2f; /* Tvoja crvena boja */
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1); /* Blagi crveni sjaj */
    background-color: #fff;
}

/* Stil za naslove filtera (Kategorija, Brend...) */
.facetwp-facet-label {
    font-weight: 700;
    margin-bottom: 10px;
    color: #222;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Razmak između pojedinačnih filtera */
.facetwp-facet {
    margin-bottom: 25px !important;
}


/* =========================================
   2. STILOVI ZA KARTICE OGLASA (LOOP GRID)
   ========================================= */

/* Moderni hover efekat za cijelu karticu */
.oglas-kartica {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Blaga sjenka */
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

/* Šta se dešava kad se pređe mišem preko kartice */
.oglas-kartica:hover {
    transform: translateY(-6px); /* Kartica se podigne malo gore */
    box-shadow: 0 12px 25px rgba(0,0,0,0.1); /* Sjenka postane jača */
    border-color: #d32f2f; /* Okvir postane crven */
}

/* Isticanje cijene u crveni "pilut" (Tag) */
.cijena-tag {
    background: #d32f2f;
    color: #ffffff !important;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 800;
    font-size: 18px;
    display: inline-block;
}

/* Dugme Poništi Filtere */
.reset-filter-btn {
    padding: 12px; 
    background: #222; 
    color: #fff; 
    font-weight: bold; 
    border: none; 
    border-radius: 8px; 
    cursor: pointer; 
    width: 100%; 
    margin-bottom: 25px;
    transition: background 0.3s;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.reset-filter-btn:hover {
    background: #d32f2f;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-75edac8 *//* STILOVI ZA KARTICE OGLASA (LOOP GRID) */

/* Moderni hover efekat za cijelu karticu */
.oglas-kartica {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Blaga sjenka */
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

/* Šta se dešava kad se pređe mišem preko kartice */
.oglas-kartica:hover {
    transform: translateY(-6px); /* Kartica se podigne malo gore */
    box-shadow: 0 12px 25px rgba(0,0,0,0.1); /* Sjenka postane jača */
    border-color: #d32f2f; /* Okvir postane crven */
}

/* Isticanje cijene u crveni "pilut" (Tag) */
.cijena-tag {
    background: #d32f2f;
    color: #ffffff !important;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 800;
    font-size: 18px;
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63a689c *//* =========================================
   1. FACETWP DROPDOWN STILOVI
   ========================================= */

/* Stil za same padajuće menije (Select) */
.facetwp-facet select {
    width: 100%;
    padding: 12px 15px;
    font-size: 15px;
    color: #333;
    background-color: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 8px; /* Zaobljene ivice */
    transition: all 0.3s ease;
    cursor: pointer;
}

/* Efekat kada korisnik klikne na padajući meni (Fokus) */
.facetwp-facet select:focus {
    outline: none;
    border-color: #d32f2f; /* Tvoja crvena boja */
    box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1); /* Blagi crveni sjaj */
    background-color: #fff;
}

/* Stil za naslove filtera (Kategorija, Brend...) */
.facetwp-facet-label {
    font-weight: 700;
    margin-bottom: 10px;
    color: #222;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Razmak između pojedinačnih filtera */
.facetwp-facet {
    margin-bottom: 25px !important;
}


/* =========================================
   2. STILOVI ZA KARTICE OGLASA (LOOP GRID)
   ========================================= */

/* Moderni hover efekat za cijelu karticu */
.oglas-kartica {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Blaga sjenka */
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

/* Šta se dešava kad se pređe mišem preko kartice */
.oglas-kartica:hover {
    transform: translateY(-6px); /* Kartica se podigne malo gore */
    box-shadow: 0 12px 25px rgba(0,0,0,0.1); /* Sjenka postane jača */
    border-color: #d32f2f; /* Okvir postane crven */
}

/* Isticanje cijene u crveni "pilut" (Tag) */
.cijena-tag {
    background: #d32f2f;
    color: #ffffff !important;
    padding: 5px 12px;
    border-radius: 6px;
    font-weight: 800;
    font-size: 18px;
    display: inline-block;
}

/* Dugme Poništi Filtere */
.reset-filter-btn {
    padding: 12px; 
    background: #222; 
    color: #fff; 
    font-weight: bold; 
    border: none; 
    border-radius: 8px; 
    cursor: pointer; 
    width: 100%; 
    margin-bottom: 25px;
    transition: background 0.3s;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
}

.reset-filter-btn:hover {
    background: #d32f2f;
}/* End custom CSS */