/* Desktop home: retained page structure and states. */
/* Swiper owns entry animations; WOW must not replay the same slide. */
.home-carousel:not(.swiper-container-initialized) { visibility: hidden; }
.home-carousel > .swiper-wrapper > .swiper-slide-active { animation: fadeInUp var(--animate-duration, .45s) both; }
.top-bottom { width: 480px; position: fixed; z-index: 9999; display: flex; align-items: center; justify-content: flex-start; height: 84.25px; }
.top-bottom .top-link { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; text-decoration: none; height: 100%; position: relative; margin: 0px 9px; }
.top-bottom .top-link:hover .hover-img-box { transform: translateY(0px) translateX(-50%); opacity: 1; pointer-events: auto; }
.hover-img-box { position: absolute; width: 130px; height: 130px; border-radius: 15px; left: 50%; transition: transform 300ms, opacity 300ms; transform: translateY(-10px) translateX(-50%); top: 110%; opacity: 0; pointer-events: none; background-color: rgb(255, 255, 255); padding: 5px; overflow: hidden; }
.hover-img-box img { width: 100% !important; height: 100% !important; }
.top-bottom .top-link img { width: 56px; margin-bottom: 8px; }
.top-bottom .top-link p { font-size: 14px; color: rgb(255, 255, 255); }