/* Image Standardization CSS */

/* Product detail images - standardize size and aspect ratio */
.product-detail-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    border-radius: 8px;
}

.product-detail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Journey images standardization */
.journey-step-image {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 20px;
}

.journey-step-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* About page image standardization */
.about-image {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 8px;
    margin-bottom: 30px;
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Homepage product images */
.product-image {
    height: 250px;
    overflow: hidden;
}

.product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}