.ate-quick{
  width:100%;
  min-height:820px;
  background:#E1D59F;
  position:relative;
  overflow:hidden;
  padding:90px 20px 80px;
  display:block;
}

.ate-quick-bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  filter:blur(10px);
  transform:scale(1.12);
  opacity:0.9;
  transition:0.7s ease;
}

.ate-quick::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(44,6,31,0.25), rgba(44,6,31,0.80)),
    rgba(44,6,31,0.15);
  z-index:1;
}

.ate-quick-stage{
  position:relative;
  z-index:4;
  width:100%;
  max-width:1680px;
  min-height:650px;
  margin:0 auto;
}

.ate-quick-heading{
  position:relative;
  z-index:5;
  text-align:center;
  max-width:900px;
  margin:0 auto 65px;
}

.ate-quick-heading span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.18);
  backdrop-filter:blur(8px);
  color:#ffffff;
  font-size:13px;
  font-weight:800;
  letter-spacing:0.4px;
  margin-bottom:18px;
}

.ate-quick-heading h2{
  margin:0;
  color:#ffffff;
  font-family:'Cinzel', serif;
  font-size:46px;
  line-height:1.05;
  text-shadow:0 10px 30px rgba(0,0,0,0.35);
}

.ate-quick-track{
  width:100%;
  min-height:540px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
}

.ate-quick-card{
  position:relative;
  width:245px;
  height:450px;
  border-radius:8px;
  overflow:hidden;
  cursor:pointer;
  flex:0 0 auto;
  box-shadow:0 18px 55px rgba(0,0,0,0.35);
  transition:0.55s ease;
}

.ate-quick-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:0.55s ease;
}

.ate-quick-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.78));
  z-index:1;
}

.ate-quick-card-content{
  position:absolute;
  left:20px;
  right:20px;
  bottom:24px;
  z-index:2;
  color:#fff;
}

.ate-quick-card-content h3{
  font-family:'Cinzel', serif;
  font-size:24px;
  line-height:1.08;
  margin:0;
  color:#fff;
  word-break:normal;
  overflow-wrap:break-word;
}

.ate-quick-card-content p{
  font-family:'Inter', sans-serif;
  font-size:18px;
  line-height:1.55;
  color:rgba(255,255,255,0.88);
  margin:14px 0 18px;
  max-height:0;
  opacity:0;
  overflow:hidden;
  transition:0.45s ease;
}

.ate-quick-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#D89216;
  color:#2C061F !important;
  padding:14px 24px;
  border-radius:999px;
  font-family:'Inter', sans-serif;
  font-size:15px;
  font-weight:900;
  text-decoration:none;
  opacity:0;
  transform:translateY(12px);
  transition:0.45s ease;
}

.ate-quick-card.active{
  width:600px;
  height:520px;
  transform:scale(1.02);
}

.ate-quick-card.active img{
  transform:scale(1.08);
}

.ate-quick-card.active .ate-quick-card-content{
  left:50px;
  right:50px;
  bottom:52px;
  text-align:center;
}

.ate-quick-card.active h3{
  font-size:48px;
}

.ate-quick-card.active p{
  max-height:160px;
  opacity:1;
}

.ate-quick-card.active .ate-quick-btn{
  opacity:1;
  transform:translateY(0);
}

/* BOTTOM RIGHT ARROWS */
.ate-quick-controls{
  width:100%;
  display:flex;
  justify-content:flex-end;
  gap:14px;
  margin-top:34px;
  padding-right:18px;
}

.ate-quick-arrow{
  width:58px;
  height:58px;
  border-radius:50%;
  border:none;
  background:#D89216;
  color:#ffffff;
  font-size:40px;
  line-height:1;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 16px 40px rgba(0,0,0,0.28);
  transition:0.3s ease;
}

.ate-quick-arrow:hover{
  background:#2C061F;
  color:#E1D59F;
  transform:translateY(-3px);
}



@media(max-width:991px){
  .ate-quick{
    min-height:auto;
    padding:80px 14px;
    overflow:hidden;
  }

  .ate-quick-stage{
    min-height:590px;
    overflow:hidden;
  }

  .ate-quick-heading{
    margin-bottom:26px;
  }

  .ate-quick-heading h2{
    font-size:36px;
    line-height:1.08;
  }

  .ate-quick-track{
    width:100%;
    min-height:480px;
    gap:8px;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:35px 0 25px;
  }

  .ate-quick-card{
    width:102px;
    height:305px;
    flex:0 0 102px;
  }

  .ate-quick-card.active{
    width:270px;
    height:410px;
    flex:0 0 270px;
  }

  .ate-quick-card-content{
    padding:18px 8px;
  }

  .ate-quick-card-content h3{
    font-size:13px;
    line-height:1.05;
    word-break:normal;
    overflow-wrap:normal;
  }

  .ate-quick-card.active .ate-quick-card-content{
    padding:24px 18px 22px;
    justify-content:center;
  }

  .ate-quick-card.active h3{
    font-size:24px;
    line-height:1.05;
    margin-bottom:12px;
  }

  .ate-quick-card-content p{
    font-size:11px;
    line-height:1.3;
  }

  .ate-quick-card.active p{
    font-size:12px;
    line-height:1.35;
    max-height:none;
    overflow:visible;
    margin-bottom:16px;
  }

  .ate-quick-card-content .ate-quick-btn,
  .ate-quick-card-content a{
    font-size:11px;
    padding:11px 16px;
  }
}

@media(max-width:767px){
  .ate-quick{
    min-height:720px;
  }

  .ate-quick-stage{
    min-height:560px;
  }

  .ate-quick-heading h2{
    font-size:34px;
    line-height:1.12;
  }

  .ate-quick-heading span{
    font-size:12px;
    padding:8px 16px;
  }

  .ate-quick-track{
    min-height:460px;
    overflow:hidden;
  }

  .ate-quick-card{
    display:none;
  }

  .ate-quick-card.active{
    display:block;
    width:100%;
    max-width:360px;
    height:460px;
  }

  .ate-quick-card.active .ate-quick-card-content{
    left:28px;
    right:28px;
    bottom:40px;
  }

  .ate-quick-card.active h3{
    font-size:34px;
  }

  .ate-quick-controls{
    justify-content:center;
    padding-right:0;
    margin-top:28px;
  }

  .ate-quick-arrow{
    width:52px;
    height:52px;
    font-size:36px;
  }
}



@media(min-width:1025px) and (max-width:1366px){
  .ate-quick{
    padding:90px 18px;
    overflow:hidden;
  }

  .ate-quick-stage{
    max-width:1100px;
    margin:0 auto;
    overflow:hidden;
  }

  .ate-quick-track{
    width:100%;
    gap:18px;
    justify-content:center;
    overflow:hidden;
  }

  .ate-quick-card{
    width:180px;
    height:380px;
    flex:0 0 180px;
  }

  .ate-quick-card.active{
    width:430px;
    height:460px;
    flex:0 0 430px;
  }

  .ate-quick-card.active h3{
    font-size:38px;
    line-height:1.08;
  }

  .ate-quick-card.active p{
    font-size:16px;
    line-height:1.55;
    max-width:360px;
    margin-left:auto;
    margin-right:auto;
  }
}