.elementor-137 .elementor-element.elementor-element-4f7441c:not(.elementor-motion-effects-element-type-background), .elementor-137 .elementor-element.elementor-element-4f7441c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://idealno1.com/wp-content/uploads/2025/08/idealno1-breadcumb-dark-2.webp");background-position:center center;background-repeat:repeat;}.elementor-137 .elementor-element.elementor-element-4f7441c > .elementor-background-overlay{background-color:#000000;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-137 .elementor-element.elementor-element-4f7441c > .elementor-container{min-height:300px;}.elementor-137 .elementor-element.elementor-element-4f7441c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.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-137 .elementor-element.elementor-element-446bc3b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;color:#FFFFFF;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-137 .elementor-element.elementor-element-fdfcc0d{font-family:"Inter", Sans-serif;font-weight:600;font-style:italic;color:#FFFFFF;}.elementor-137 .elementor-element.elementor-element-fdfcc0d a{color:#FFFFFF;}.elementor-137 .elementor-element.elementor-element-fdfcc0d a:hover{color:var( --e-global-color-secondary );}.elementor-137 .elementor-element.elementor-element-f5e3982{padding:70px 0px 70px 0px;}@media(min-width:1025px){.elementor-137 .elementor-element.elementor-element-4f7441c:not(.elementor-motion-effects-element-type-background), .elementor-137 .elementor-element.elementor-element-4f7441c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-137 .elementor-element.elementor-element-4f7441c > .elementor-container{min-height:200px;}.elementor-137 .elementor-element.elementor-element-4f7441c{padding:10px 10px 10px 10px;}.elementor-137 .elementor-element.elementor-element-446bc3b .elementor-heading-title{font-size:35px;}.elementor-137 .elementor-element.elementor-element-f5e3982{padding:40px 0px 40px 0px;}}@media(max-width:767px){.elementor-137 .elementor-element.elementor-element-4f7441c > .elementor-container{min-height:200px;}.elementor-137 .elementor-element.elementor-element-446bc3b .elementor-heading-title{font-size:28px;}.elementor-137 .elementor-element.elementor-element-f5e3982{padding:40px 0px 40px 0px;}}/* Start custom CSS */.product-categories-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.category-item {
    position: relative;
    background-size: cover;
    background-position: center;
    padding-top: 100%; /* kvadratni oblik */
    border: 2px solid #F6F2ED;
    overflow: hidden;
    transition: border-color 0.3s ease;
}

.category-item:hover {
    border-color: #e0d4c3;
}

.category-item a {
    display: block;
    position: absolute;
    inset: 0; /* skraćeno za top:0; right:0; bottom:0; left:0; */
    color: #fff;
    text-decoration: none;
}

.category-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    font-weight: bold;
    font-size: 1.1em;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    box-sizing: border-box;
}

/* Responsive optimizacija */
@media (max-width: 1024px) {
    .product-categories-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .product-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .product-categories-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .category-title {
        font-size: 1em;
        padding: 8px 10px;
    }
}/* End custom CSS */