/* Mỗi item là 1 card đứng thẳng, cao bằng nhau */
      .slick-slider .item{
        display:flex;
        flex-direction:column;
        gap:20px;
        height:100%;
        padding:10px;
        box-sizing:border-box;
        position: relative;
        height: 15rem;
        box-shadow:none !important;
      }
      .slick-slider .item:hover{
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
      }
    /* Khung ảnh CỐ ĐỊNH tỉ lệ 16:9 => mọi ảnh cao bằng nhau */
    .mku-thumb{
      /* position:relative; */
      width:100%;
      aspect-ratio:4/3;          
      border-radius:10px;
      overflow:hidden;
      background:#111;            /* nền phòng khi ảnh chậm tải */
      height: 15rem;
    }
    /* Ảnh phủ kín khung, không méo */
    .mku-thumb img{
      position:relative; 
      inset:0;
      width:100%; 
      height:100%;
      object-fit:cover;
      display:block;
      transform:scale(1);
      transition:transform 1s ease;
    }
    .mku-thumb:hover img{ transform:scale(1.5); }
    /* Tiêu đề có chiều cao tối thiểu để các item đều nhau */
    .mku-khcn-title{
      position: absolute;
      z-index: 10;
      bottom: -10px;
      width: calc(100% - 20px);
      margin:0 auto;
      text-align:center;
      font-weight:700;
      color:#fff;
      line-height:1.25;
      min-height:48px;            /* tăng/giảm tùy độ dài chữ tối đa */
      display:flex;
      align-items:center;
      justify-content:center;
      padding:6px 10px;
      background-color: rgba(200, 0, 0, 0.85);
    }

    /* Khi dùng rows của Slick, cần 2 dòng này để item ăn chiều cao đầy đủ */
    .slick-slide > div{ height:100%; }   /* khung con do Slick tạo */
    .slick-slide{ height:auto; }         /* tránh chiều cao cố định */