/* .product-warranty {
    position: relative;
    padding: 60px 0;
    background: url('../assets/img/product/bg-warranty.jpg') center/cover no-repeat;
    z-index: 7;
    background-position: left center;
    display: flex;
    align-items: center;
}
.warranty-background {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    height: 100%;
}
.warranty-text {
    z-index: 2;
}
.product-warranty p {
    margin: 20px 0;
}
.warranty-icon {
    margin-top: 20px;
    height: 160px;
} */
/* === RESPONSIVE BREAKPOINTS === */
/* XS - default: <576px — ne treba poseban media query */
/* SM - ≥576px */
/* @media (min-width: 576px) {

} */

/* MD - ≥768px */
/* @media (min-width: 768px) {
    .product-warranty {
        padding: 80px 15px;
        height: 100vh;
    }
    .product-warranty p {
        margin: 10px 20px;
    }
    .warranty-icon {
        margin-top: 20px;
        height: auto;
    }
    .product-warranty {
        background-position: top center;
    }
} */

/* LG - ≥992px */
/* @media (min-width: 992px) {
    .product-warranty {
        padding: 120px 0;
    }
    .product-warranty p {
        margin: 10px 20px;
    }
    .warranty-icon {
        margin-top: 20px;
        height: 140px;
    }    
} */

/* XL - ≥1200px */
/* @media (min-width: 1200px) {
    .product-warranty {
        padding: 200px 0;
        height: 125vh;
    }
    .product-warranty p {
        margin: 25px 100px
    }
    .warranty-icon {
        margin-top: 25px;
    }
} */

/* XXL - ≥1400px */
/* @media (min-width: 1400px) {
    .product-warranty {
        padding: 250px 0;
    }
    .product-warranty p {
        margin: 25px 100px
    }
    .warranty-icon {
        margin-top: 25px;
    }
}
@media (min-width: 1920px) {
    .warranty-icon {
        height: auto;
    }
    .product-warranty {
        padding: 200px 0;
        height: 100vh;
    }
} */

.product-warranty {
    width: 100%;
    background: #dcdcdc;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    z-index: 9;
    background: url('../assets/img/product/dugotrajan-mir-garancija-mob.jpg') center/cover no-repeat;
}

.warranty-flex {
    display: flex;
    width: 100vw;
    min-height: 0;
    align-items: stretch;
}

.warranty-left, .warranty-right {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.warranty-left {
    justify-content: center;
}

.warranty-text {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 20px;
}

.warranty-text h2 {
    margin-top: 340px;
    margin-bottom: 40px;
    line-height: 1;
}

.warranty-icon {
    margin-top: 24px;
    max-width: 120px;
    width: 100%;
}

.warranty-right {
    align-items: flex-end;
    justify-content: center;
    padding: 0;
}

.warranty-background {
    /* display: block; */
    width: 100%;
    height: auto;
    object-fit: contain;
    position: relative;
    bottom: 0;
    /* Obezbeđuje da slika bude zalepljena za donju ivicu */
    display: none;
}

@media (max-width: 900px) {
    .warranty-flex {
        flex-direction: column;
    }
    .warranty-left, .warranty-right {
        width: 100%;
    }
    .warranty-right {
        align-items: flex-end;
    }
    .warranty-background {
        width: 100vw;
        max-width: 100vw;
    }
}
@media (min-width: 768px) {
    .warranty-background {
        display: block;
    }
    .warranty-text h2 {
        margin-top: 0;
    }
    .product-warranty {
        background: #dcdcdc;
    }
}
@media (max-width: 1023px) {
    .warranty-flex {
        flex-direction: column;
    }
    .warranty-right {
        order: 1;
        width: 100%;
        align-items: flex-end;
        /* display: none; */
    }
    .warranty-left {
        order: 2;
        width: 100%;
    }
}

/* === SAFARI & IPHONE OPTIMIZATIONS === */
/* Safari sticky positioning fix */
@supports (-webkit-touch-callout: none) {
    .product-warranty {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* iOS Safari background image fix */
@supports (-webkit-touch-callout: none) {
    .product-warranty {
        background-attachment: scroll;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

/* iPhone specific fixes - iOS Safari only */
@supports (-webkit-touch-callout: none) and (pointer: coarse) {
    .product-warranty {
        -webkit-overflow-scrolling: touch;
        background-attachment: scroll;
    }
    
    .warranty-flex {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .warranty-background {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}