/* === Fix slideshow hiển thị full ảnh trên mobile === */
.t4-section.t4-slideshow,
.acm-hero.style-1,
.acm-hero.style-1 .acm-hero-item {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-size: contain !important; /* Giữ toàn bộ ảnh, không cắt */
  background-repeat: no-repeat !important;
  background-position: center center !important;
  height: auto;
}

/* Giữ tỉ lệ ảnh hợp lý */
.acm-hero.style-1 .acm-hero-item::before {
  content: "";
  display: block;
  padding-top: 50%; /* điều chỉnh tỉ lệ khung hình 50% = 2:1, có thể thay đổi */
}

.acm-hero.style-1 .hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
  color: #fff;
}

/* Cho điện thoại: ảnh hiển thị toàn bộ, không bị cắt */
@media (max-width: 768px) {
  .acm-hero.style-1,
  .acm-hero.style-1 .acm-hero-item {
    background-size: contain !important;
    padding: 0;
    height: auto;
  }
  .acm-hero.style-1 .acm-hero-item::before {
    padding-top: 60%; /* cao hơn chút trên mobile */
  }
  .acm-hero.style-1 .hero-title {
    font-size: 1.4rem;
  }
  .acm-hero.style-1 .hero-desc {
    font-size: 1rem;
  }
}