/* Les vues intérieures sont couchées et restent visibles en entier. */
.ref228-photo-frame:has(img[src*="ref228ouverture"]) {
    position: relative;
    container-type: inline-size;
    width: 100%;
    height: 520px;
    overflow: hidden;
    border-radius: 20px;
}

.product-gallery .ref228-photo-frame #mainImage[src*="ref228ouverture"] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto !important;
    height: auto !important;
    max-width: 520px !important;
    max-height: 100cqw !important;
    margin: 0 !important;
    border-radius: 20px;
    object-fit: contain !important;
    object-position: center;
    transform: translate(-50%, -50%) rotate(90deg);
}

.product-gallery .thumbnails img[src*="ref228ouverture"] {
    object-fit: contain !important;
    object-position: center;
    border-radius: 12px;
    transform: rotate(90deg);
}

@media (max-width: 768px) {
    .ref228-photo-frame:has(img[src*="ref228ouverture"]) {
        height: 320px;
    }

    .product-gallery .ref228-photo-frame #mainImage[src*="ref228ouverture"] {
        max-width: 320px !important;
    }
}

/* La troisième photo est déjà à l'endroit. */
.product-gallery .ref228-photo-frame #mainImage[src*="ref228ouverture3"] {
    max-width: 100% !important;
    max-height: 100% !important;
    transform: translate(-50%, -50%);
}

.product-gallery .thumbnails img[src*="ref228ouverture3"] {
    transform: none;
}