/* Keep the source design; replace platform video/carousel behaviour only. */
.mod_hero_JgA86G_Hero-hexAnimation[hidden],
.js-ugc-carousel-popup[hidden],
.js-text-and-video-play[hidden],
.js-ugc-carousel-play[hidden],
.hexclad-video-message[hidden] { display: none !important; }

.hexclad-video-started .js-ugc-carousel-mute { display: flex; align-items: center; justify-content: center; }
.hexclad-video-started video { cursor: auto; }
.hexclad-video-error .js-text-and-video-play,
.hexclad-video-error .js-ugc-carousel-play { display: flex; align-items: center; justify-content: center; }
.hexclad-video-message { position: absolute; z-index: 100; bottom: 3.25rem; left: .75rem; right: .75rem; padding: .4rem .6rem; border-radius: .25rem; color: #fff; background: #0e0e0ee6; font: 13px/1.3 system-ui, sans-serif; pointer-events: none; }
.js-text-and-video-play:focus-visible,
.js-ugc-carousel-play:focus-visible,
.js-ugc-carousel-mute:focus-visible,
.js-ugc-carousel-prev:focus-visible,
.js-ugc-carousel-next:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

.hexclad-native-carousel .js-ugc-carousel-swiper { overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: none; touch-action: pan-x pan-y; }
.hexclad-native-carousel .js-ugc-carousel-swiper::-webkit-scrollbar { display: none; }
.hexclad-native-carousel .js-ugc-carousel-swiper:focus-visible { outline: 2px solid #d9d8d6; outline-offset: 4px; }
.hexclad-native-carousel .swiper-wrapper { display: flex; gap: 20px; width: max-content; height: auto; transform: none !important; }
.hexclad-native-carousel .js-ugc-carousel-item { flex: 0 0 210px; width: 210px !important; margin-right: 0 !important; scroll-snap-align: start; }
.hexclad-native-carousel .mod_ugc_carousel_2TH2IW_UGCCarousel__item-video { height: 100%; }
.hexclad-native-carousel .mod_ugc_carousel_2TH2IW_UGCCarousel__item-video video { aspect-ratio: 13 / 23; height: 100%; }
.hexclad-native-carousel .hexclad-video-started .mod_ugc_carousel_2TH2IW_UGCCarousel__item-handle { bottom: 3.5rem; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .hexclad-native-carousel .js-ugc-carousel-swiper { scroll-behavior: auto; }
}