.product-information {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 2rem;
}

.title-section {
    text-align: center;
    margin-bottom: 1rem;
}

.image-text,
.image-text-reverse {
    display: grid;
    grid-template-columns: 49% 49%;
    justify-content: space-between;
    padding: 1.5rem 0;
}

@media screen and (max-width: 768px) {

    .image-text,
    .image-text-reverse {
        grid-template-columns: 100%;
        gap: 1rem;
    }

    .image-text .image,
    .image-text-reverse .image {
        order: -1;
        /* Görseli mobilde üste taşır */
    }
}