/* ================= VIDEO MORPH SECTION ================= */

/* SECTION */

#kgMorphSection{
position:relative;
background:white;
font-family:serif;
overflow:hidden;
}

/* STICKY */

#kgMorphSection .kp-sticky{
position:sticky;
top:0;
height:100vh;
overflow:hidden;
}

/* MAIN VIDEO */

#kgMorphSection .kp-wide{
position:absolute;
width:100%;
height:100%;
transition:.7s ease;
z-index:1;
}

#kgMorphSection .kp-wide video{
width:100%;
height:100%;
object-fit:cover;
}

/* CENTER VIDEO */

#kgMorphSection .kp-center-wrap{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,20%);
opacity:0;
transition:all .8s ease;
z-index:2;
}

#kgMorphSection .kp-vertical{
width:360px;
height:500px;
}

#kgMorphSection .kp-vertical video{
width:100%;
height:100%;
object-fit:cover;
border-radius:28px;
box-shadow:0 40px 100px rgba(0,0,0,0.35);
}

/* PRODUCTS */

#kgMorphSection .kp-product{
position:absolute;
width:340px;
top:50%;
transform:translateY(40%);
opacity:0;
transition:all .8s ease;
z-index:3;
}

#kgMorphSection .kp-left{
left:6%;
}

#kgMorphSection .kp-right{
right:6%;
}

/* PRODUCT CARD */

.kp-showcase{
background:#f3efe9;
border-radius:32px;
padding:45px 30px;
text-align:center;
border:1px solid #e2c8a0;

box-shadow:
0 35px 80px rgba(0,0,0,0.18),
inset 0 0 60px rgba(201,167,122,0.15);

transition:.4s;
}

/* IMAGE */

.kp-showcase img{
width:250px;
margin-bottom:25px;
transition:.4s;
}

/* HOVER FLOAT */

.kp-showcase:hover img{
transform:translateY(-10px) scale(1.05);
}

/* TITLE */

.kp-showcase h3{
font-size:24px;
letter-spacing:2px;
color:#6a5436;
}

/* ================= TABLET ================= */

@media(max-width:1024px){

#kgMorphSection .kp-product{
width:260px;
}

#kgMorphSection .kp-vertical{
width:300px;
height:420px;
}

.kp-showcase{
padding:35px 25px;
}

.kp-showcase img{
width:200px;
}

.kp-showcase h3{
font-size:20px;
}

}

/* ================= MOBILE ================= */
/* ================= MOBILE FIX ================= */
@media(max-width:768px){

  /* 🔥 REMOVE STICKY */
  #kgMorphSection .kp-sticky{
    position:relative !important;
    height:auto !important;
  }

  /* MAIN VIDEO */
  #kgMorphSection .kp-wide{
    position:relative;
    height:60vh;
  }

  /* CENTER VIDEO */
  #kgMorphSection .kp-center-wrap{
    position:relative;
    top:auto;
    left:auto;
    transform:none !important;
    opacity:1 !important;
    display:flex;
    justify-content:center;
    margin:30px 0;
  }

  #kgMorphSection .kp-vertical{
    width:90%;
    max-width:260px;
    height:auto;
    aspect-ratio:9/14;
  }

  #kgMorphSection .kp-vertical video{
    border-radius:20px;
  }

  /* 🔥 SHOW PRODUCTS (STACKED) */
  #kgMorphSection .kp-product{
    position:relative !important;
    top:auto;
    left:auto;
    right:auto;
    transform:none !important;
    opacity:1 !important;
    width:100%;
    margin:20px auto;
    display:block;
  }

  /* ORDER */
  #kgMorphSection{
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  #kgMorphSection .kp-left{
    order:2;
  }

  #kgMorphSection .kp-center-wrap{
    order:1;
  }

  #kgMorphSection .kp-right{
    order:3;
  }

  /* PRODUCT CARD FULL WIDTH */
  .kp-showcase{
    padding:25px 20px;
  }

  .kp-showcase img{
    width:180px;
  }

  .kp-showcase h3{
    font-size:18px;
  }

}