/* css/tet.css */

/* ===========================
   Lantern decor (ONLY HERE)
=========================== */
.tet-fixed{
  position: fixed;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
  z-index: 9999;
  filter: drop-shadow(0 14px 28px rgba(0,0,0,.35));
}

.tet-fixed img{
  /* display: block;
  width: 100%;
  height: auto; */
  display: block;
  width: 18vw;
  height: 38vh;
}

.tet-inner{ will-change: transform; }

/* Đặt lồng đèn thấp xuống dưới header */
#tet-lantern-left,
#tet-lantern-right{
  top: clamp(65px, 23vh, 146px);
width: clamp(120px, 35vw, 350px);
  /* top: 90px; */
  /* width: clamp(120px, 14vw, 230px); */
}

#tet-lantern-left{ left: 16px; }
#tet-lantern-right{ right: 16px; }

/* wobble */
.tet-wobble{
  transform-origin: 50% 15%;
  animation: tetWobble 1.8s ease-in-out infinite;
}
@media (max-width: 1024px){
  #tet-lantern-left,
  #tet-lantern-right{
    display: none !important;
  }
}

/* Bổ sung: thiết bị cảm ứng (tablet/phone) dù width lớn vẫn ẩn */
@media (hover: none) and (pointer: coarse){
  #tet-lantern-left,
  #tet-lantern-right{
    display: none !important;
  }
}

/* tôn trọng người dùng giảm animation */
@media (prefers-reduced-motion: reduce){
  .tet-wobble{ animation: none !important; }
}