.elementor-1102 .elementor-element.elementor-element-88338c5{--display:flex;}.elementor-1102 .elementor-element.elementor-element-464f5e3{--display:flex;}.elementor-1102 .elementor-element.elementor-element-464f5e3.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-1102 .elementor-element.elementor-element-464f5e3{--width:92.299%;}}/* Start custom CSS for html, class: .elementor-element-24bf091 *//* Hiệu ứng hoa bay từ dưới lên */
@keyframes flowerFlyUp {
  0% { transform: translateY(0) rotate(0deg); opacity: 0; }
  10% { opacity: 0.8; }
  90% { opacity: 0.8; }
  100% { transform: translateY(-800px) rotate(360deg); opacity: 0; }
}

/* Hiệu ứng hoa rơi từ trên xuống (Chao đảo) */
@keyframes flowerFallDown {
  0% { transform: translateY(-100px) translateX(0) rotate(0deg); opacity: 0; }
  10% { opacity: 0.8; }
  100% { transform: translateY(800px) translateX(100px) rotate(720deg); opacity: 0; }
}

.dy-flower-container {
  position: absolute;
  width: 100%; height: 100%;
  top: 0; left: 0;
  overflow: hidden;
  z-index: 1; pointer-events: none;
}

.dy-flower {
  position: absolute;
  font-size: 22px;
  color: #c62828; /* Màu đỏ gạch chuẩn Dy Cake */
  opacity: 0;
}

/* Nhóm hoa BAY LÊN */
.up { animation: flowerFlyUp 15s linear infinite; bottom: -50px; }
.u1 { left: 15%; animation-duration: 18s; }
.u2 { left: 45%; animation-duration: 22s; animation-delay: 2s; }
.u3 { left: 75%; animation-duration: 20s; animation-delay: 5s; }

/* Nhóm hoa RƠI XUỐNG */
.down { animation: flowerFallDown 12s linear infinite; top: -50px; }
.d1 { left: 5%; animation-duration: 15s; animation-delay: 1s; }
.d2 { left: 35%; animation-duration: 20s; animation-delay: 4s; }
.d3 { left: 65%; animation-duration: 17s; animation-delay: 0s; }
.d4 { left: 95%; animation-duration: 25s; animation-delay: 3s; }
/* Hiệu ứng bay lên nhẹ nhàng */
@keyframes delicateFly {
  0% { transform: translateY(0) rotate(0deg); opacity: 0; }
  10% { opacity: 0.8; }
  90% { opacity: 0.8; }
  100% { transform: translateY(-800px) rotate(360deg); opacity: 0; }
}

/* Hiệu ứng rơi xuống đung đưa, chao đảo */
@keyframes cakeFall {
  0% { transform: translateY(-100px) translateX(0) rotate(0deg); opacity: 0; }
  10% { opacity: 0.8; }
  100% { transform: translateY(800px) translateX(100px) rotate(720deg); opacity: 0; }
}

.dy-flower-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 1; /* Cho bánh bay dưới chữ */
  pointer-events: none; /* Khách vẫn bấm chữ được */
}

.dy-icon {
  position: absolute;
  font-size: 20px; /* Kích thước bánh nhỏ, bà chỉnh to nhỏ ở đây */
  opacity: 0;
}

/* Nhóm hoa/bánh BAY LÊN */
.up { animation: delicateFly linear infinite; bottom: -50px; color: #ffb7c5; } /* Màu hồng nhạt */
.u1 { left: 10%; animation-duration: 18s; animation-delay: 0s; }
.u2 { left: 30%; animation-duration: 22s; animation-delay: 3s; }
.u3 { left: 50%; animation-duration: 16s; animation-delay: 6s; }
.u4 { left: 70%; animation-duration: 25s; animation-delay: 2s; }
.u5 { left: 90%; animation-duration: 20s; animation-delay: 5s; }

/* Nhóm bánh RƠI XUỐNG */
.down { animation: cakeFall linear infinite; top: -50px; color: #ffb7c5; } /* Màu hồng nhạt */
.d1 { left: 5%; animation-duration: 15s; animation-delay: 1s; }
.d2 { left: 25%; animation-duration: 20s; animation-delay: 4s; }
.d3 { left: 45%; animation-duration: 17s; animation-delay: 0s; }
.d4 { left: 65%; animation-duration: 25s; animation-delay: 3s; }
.d5 { left: 85%; animation-duration: 19s; animation-delay: 2s; }
/* Muốn nhiều hoa hơn thì bà copy thêm dòng xuống nghe *//* End custom CSS */