/* ===============================
   QOS ANIMATION SYSTEM
================================ */


/* GLOBAL TRANSITION */

.transition{

transition:var(--transition);

}


/* HOVER LIFT */

.hover-lift{

transition:var(--transition);

}

.hover-lift:hover{

transform:translateY(-6px);

}



/* BUTTON PRESS */

.btn:active{

transform:scale(0.97);

}



/* FADE IN */

.fade-in{

animation:fadeIn 0.6s ease;

}

@keyframes fadeIn{

from{

opacity:0;
transform:translateY(10px);

}

to{

opacity:1;
transform:translateY(0);

}

}



/* CARD HOVER EFFECT */

.card-hover:hover{

transform:translateY(-4px);

box-shadow:0 10px 30px rgba(0,0,0,0.08);

}



/* IMAGE HOVER ZOOM */

.image-hover{

overflow:hidden;

border-radius:12px;

}

.image-hover img{

transition:var(--transition);

}

.image-hover:hover img{

transform:scale(1.05);

}


/* ===============================
   RESPONSIVE MOTION CONTROL
================================ */


@media (max-width:768px){

.hover-lift:hover{

transform:none;

}

.card-hover:hover{

transform:none;

box-shadow:none;

}

}



/* LISTING CARD OPEN */

.listing-card{

transition:transform .25s ease, box-shadow .25s ease;

}

.listing-card.card-opening{

transform:scale(.96);

box-shadow:0 20px 50px rgba(0,0,0,0.15);

}

@media (max-width:768px){

.search-overlay{

padding-top:80px;

}

.search-overlay-input{

font-size:16px;

padding:14px 16px;

}

}