/* Homepage hero ≤1280px: image first, then text (must beat desktop !important) */
@media (max-width: 1280px) {
  .section.section-hero {
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .section-hero .swiper,
  .section-hero .hero-swiper {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
    border: 0 !important;
    overflow: hidden !important;
  }

  .section-hero .swiper-wrapper {
    height: auto !important;
    min-height: 0 !important;
  }

  .section-hero .swiper-slide {
    display: block !important;
    height: auto !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .section-hero .swipe-item {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }

  .section-hero .swipe-item:after,
  .section-hero .swipe-item:before {
    content: none !important;
    display: none !important;
  }

  .section-hero .swipe-item > .picture,
  .section-hero .swipe-item > .picture.full-width,
  .section-hero .swipe-item .picture,
  .section-hero .swipe-item .picture.full-width,
  .section-hero .video-wrapper {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    display: block !important;
    order: -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 56vw !important;
    min-height: 220px !important;
    max-height: 360px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    aspect-ratio: auto !important;
    z-index: 1 !important;
  }

  .section-hero .swipe-item .picture img,
  .section-hero .swipe-item .picture.full-width img,
  .section-hero .video-wrapper .video,
  .section-hero .video-wrapper video {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    margin: 0 !important;
    z-index: 1 !important;
  }

  .section-hero .swipe-item > .swipe-content,
  .section-hero .swipe-content {
    order: 2 !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    padding: 4px 16px 0 !important;
    margin: 0 !important;
    background: #fff !important;
  }

  .section-hero .swipe-content-inner,
  .section-hero .swipe-content-inner > * {
    max-width: none !important;
    width: 100% !important;
  }
}