.elementor-7816 .elementor-element.elementor-element-59ae872 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #FF9292 0%, #FF003F 100%);opacity:0.5;}.elementor-7816 .elementor-element.elementor-element-59ae872{border-style:none;margin-top:-130px;margin-bottom:0px;padding:0px 0px 110px 0px;}.elementor-7816 .elementor-element.elementor-element-e9e33dd > .elementor-widget-container{margin:72px 0px 0px 0px;}@media(max-width:1024px){.elementor-7816 .elementor-element.elementor-element-59ae872{margin-top:-120px;margin-bottom:0px;padding:0px 0px 80px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-e9e33dd *//* Osnovni stilovi za filter layout */
.filter-result-layout {
    display: flex;
    justify-content: flex-start;  /* Postavlja ikone na desnu stranu */
    align-items: center;        /* Vertikalno poravnanje ikona */
    gap: 20px;                  /* Razmak između ikona */
    margin-bottom: 20px;        /* Razmak ispod filtera */
}

/* Ikona za listu */
.filter-layout.icomoon-list {
    font-size: 30px;            /* Veća veličina ikone */
    cursor: pointer;
    color: #666;
    transition: color 0.3s ease;
}

/* Ikona za grid */
.filter-layout.icomoon-gird {
    font-size: 30px;            /* Veća veličina ikone */
    cursor: pointer;
    color: #666;
    transition: color 0.3s ease;
}

/* Aktivna ikona */
.filter-layout-active {
    color: #007cba;             /* Promjena boje aktivne ikone */
}

/* Hover efekti */
.filter-layout:hover {
    color: #007cba;
}

/* Grid stilovi proizvoda */
.products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);  /* 4 kolone po defaultu */
    gap: 20px;
    transition: all 0.3s ease;
}

/* List stilovi proizvoda */
.products-list-view {
    display: block;
}

/* Media queries za manje ekrane */
@media (max-width: 768px) {
    .products {
        grid-template-columns: repeat(2, 1fr); /* 2 kolone na tabletima */
    }
}

@media (max-width: 480px) {
    .products {
        grid-template-columns: 1fr;  /* 1 kolona na mobilnim uređajima */
    }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-59ae872 */html, body {
    overflow-x: hidden; /* Sprječava horizontalni scroll */
    overflow-y: auto; /* Omogućava vertikalni scroll */
    height: 100%;
}/* End custom CSS */