/* Naslovnica ***********************************/
.container-mainxaside-main{
    max-width: 1200px;
    margin: 30px auto 0 auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.container-mainxaside{
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

.main-naslovnica{
    grid-column: span 12;
    max-width: 1200px;
}

.image-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin:0 auto;
    max-width: 1200px; /* Ensure the container size matches the image */
    margin-top: 0px;
    overflow: hidden; /* Make sure the radius applies to both image and gradient */
}

.fade-image {
    width: 100%;
}

.image-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 400px, rgba(255,255,255,0) calc(100% - 400px), rgba(255,255,255,1) 100%);
    pointer-events: none;
}

#pojo-a11y-toolbar {
    z-index: 2 !important;

}