.pb-safe{
  padding-bottom:env(safe-area-inset-bottom);
}
.pt-safe{
  padding-top:env(safe-area-inset-top);
}
.line-clamp-1{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:1;
}
.line-clamp-2{
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.swiper-container{
  position:relative;
  width:100%;
  height:12rem;
  overflow:hidden;
}
.swiper-wrapper{
  display:flex;
  width:100%;
  height:100%;
}
.swiper-slide{
  position:relative;
  flex:0 0 100%;
  width:100%;
  height:100%;
}
.swiper-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.swiper-pagination{
  position:absolute;
  left:0;
  right:0;
  bottom:.5rem;
  z-index:10;
  display:flex;
  justify-content:center;
  gap:.35rem;
}
.swiper-pagination-bullet{
  width:.38rem;
  height:.38rem;
  border-radius:999px;
  background:rgba(255,255,255,.28);
  opacity:1;
}
.swiper-pagination-bullet-active{
  background:rgba(245,158,11,.95);
}
.bg-gradient-to-t{
  background:linear-gradient(to top, rgba(10,10,10,.80) 0%, rgba(10,10,10,0) 70%);
}

.ww-home-banner{
  width:100% !important;
  overflow:hidden !important;
}
.ww-home-banner .swiper-wrapper{
  display:flex !important;
  width:100% !important;
  height:100% !important;
}
.ww-home-banner .swiper-slide{
  flex:0 0 100% !important;
  width:100% !important;
  height:100% !important;
  position:relative !important;
}
.ww-home-banner a.swiper-slide{
  display:block !important;
}
.ww-home-banner .swiper-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}