/* ==========================
   Mobile / Tablet
========================== */
@media (max-width: 991px) {

  .fm-hoian-sequence-section,
  .fm-hoian-sequence-section .dg-panel{
    height:100vh;
  }

  .fm-hoian-sequence-section .dg-panel{
    padding:20px;
  }

  .panel-card{
    width:100%;
    height:auto;
    min-height:90vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:25px;
    padding:20px;
  }

  /* Luôn đưa ảnh lên trên */
  .panel-media{
    order:1;
    width:100%;
    height:38vh;
    max-width:100%;
  }

  .panel-content{
    order:2;
    width:100%;
    max-width:100%;
    text-align:center;
  }

  .fm-hoian-sequence-section .col-1-3,
  .fm-hoian-sequence-section .col-2-3{
    flex:0 0 100%;
    max-width:100%;
  }

  .animate-title{
    font-size:2rem;
    margin-bottom:15px;
  }

  .animate-text{
    font-size:1rem;
    line-height:1.7;
  }

  .intro-title{
    font-size:2.5rem;
  }

  .intro-desc{
    font-size:1rem;
  }

  .booking-card{
    width:90%;
    padding:30px 20px;
  }

  .booking-title{
    font-size:2rem;
  }
}

@media (max-width:991px){
  .fm-hoian-sequence-section{
    height:auto;
  }

  .fm-hoian-sequence-section .dg-container{
    display:block;
  }

  .fm-hoian-sequence-section .dg-panel{
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    margin:40px 0;
  }
}