/* Sanfte Vergrößerung direkt am Element – eine Bildkante bleibt fest verankert. */
.construction-mini,
.door-thumb,
.selected-system img,
.model-image img,
.mini-window,
.mini-balcony,
.mini-slider {
  position: relative;
  z-index: 1;
  transform: scale(1);
  transform-origin: left center;
  transition: transform .24s ease, box-shadow .24s ease, background-color .24s ease;
  will-change: transform;
}

.choice-card,
.construction-option,
.door-design-card,
.selected-system,
.model-card,
.model-image {
  position: relative;
  overflow: visible;
}

@media (hover:hover) and (min-width:721px) {
  .choice-card:hover,
  .construction-option:hover,
  .door-design-card:hover,
  .selected-system:hover,
  .model-card:hover,
  .choice-card:focus-visible,
  .construction-option:focus-visible,
  .door-design-card:focus-visible,
  .selected-system:focus-within,
  .model-card:focus-within {
    z-index: 50;
  }

  .choice-card:hover > .mini-window,
  .choice-card:hover > .mini-balcony,
  .choice-card:hover > .mini-slider,
  .choice-card:focus-visible > .mini-window,
  .choice-card:focus-visible > .mini-balcony,
  .choice-card:focus-visible > .mini-slider {
    transform: scale(2.15);
    box-shadow: 0 12px 34px #14211d4d;
    background-color: #fff;
  }

  .construction-option:hover .construction-mini,
  .construction-option:focus-visible .construction-mini {
    transform: scale(2.05);
    box-shadow: 0 12px 34px #14211d4d;
    background-color: #fff;
  }

  .door-design-card:hover .door-thumb,
  .door-design-card:focus-visible .door-thumb {
    transform: scale(1.85);
    transform-origin: left top;
    box-shadow: 0 12px 34px #14211d4d;
    background-color: #fff;
  }

  .selected-system img:hover,
  .selected-system img:focus-visible {
    transform: scale(2);
    box-shadow: 0 12px 34px #14211d4d;
    background-color: #fff;
  }

  .model-card:hover .model-image img,
  .model-card:focus-within .model-image img {
    transform: scale(1.45);
    transform-origin: left top;
    z-index: 60;
    padding: 10px;
    background: #fff;
    mix-blend-mode: normal;
    box-shadow: 0 14px 38px #14211d4d;
  }
}

@media (max-width:720px) {
  .choice-card:focus-visible > .mini-window,
  .choice-card:focus-visible > .mini-balcony,
  .choice-card:focus-visible > .mini-slider,
  .construction-option:focus-visible .construction-mini,
  .door-design-card:focus-visible .door-thumb,
  .selected-system img:focus-visible {
    transform: scale(1.55);
    z-index: 40;
    background: #fff;
    box-shadow: 0 12px 34px #14211d40;
  }
}