/* ============================================================
   HausWerk360° – Flipper-Mechanik
   ============================================================ */

/* Wrapper: overflow hidden nur auf Desktop nötig */
@media (min-width: 768px) {
  .hw360-flipper {
    overflow: hidden !important;
  }

  .hw360-flipper .swiper-wrapper {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
  }

  .hw360-flipper .swiper-slide {
    width: 100% !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }
}

/* Fortschrittsbalken */
.hw360-progress-bar {
  width: 0%;
  transition: none;
  height: 3px;
  background: currentColor;
}

/* Bounce-Animation */
.hw360-bounce {
  animation: hw360-bounce 1.2s infinite;
  will-change: transform;
  transition: none !important;
}

@keyframes hw360-bounce {
  0%, 100% { transform: translateX(0); }
  50%       { transform: translateX(8px); }
}