/* Un composant commun garantit une géométrie identique pour les six bulles. */
#onlybaie-perspective .op-volet-scene {
  display: block;
  position: relative;
  aspect-ratio: 1;
  background: #efeeec;
}
#onlybaie-perspective .op-mega[data-family="shutter"] .op-volet-scene > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  background: #efeeec;
}
#onlybaie-perspective .op-volet-detail {
  position: absolute;
  display: block;
  width: 40%;
  aspect-ratio: 1;
  right: 3%;
  bottom: 5%;
  border-radius: 50%;
  border: 2px solid #fff;
  box-sizing: border-box;
  background: #efeeec;
  overflow: hidden;
  isolation: isolate;
  pointer-events: none;
  box-shadow: 0 2px 5px #0002;
}
#onlybaie-perspective .op-mega[data-family="shutter"] .op-volet-detail img {
  position: absolute;
  display: block;
  width: var(--detail-largeur);
  max-width: none;
  height: auto;
  left: var(--detail-x);
  top: var(--detail-y);
  transform: none;
  transition: none;
}
#onlybaie-perspective .op-mega[data-family="shutter"] .op-model-card:hover img {
  transform: none;
}
@media (min-width: 1101px) {
  #onlybaie-perspective .op-mega[data-family="shutter"] .op-model-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}