/* --- CẤU TRÚC NỀN --- */
  body { margin: 0; padding: 0; overflow: hidden; }

  .preloader-area {
      position: fixed; top: 0; left: 0; width: 100%; height: 100%;
      background: #fff5f7;
      display: flex; 
      justify-content: center; 
      align-items: center;
      z-index: 99999;
  }

  /* --- QUAN TRỌNG: ÉP XẾP DỌC --- */
  .preloader-content { 
      display: flex;           /* Kích hoạt chế độ Flex */
      flex-direction: column;  /* Ép buộc xếp DỌC (cột) */
      align-items: center;     /* Căn giữa trục ngang */
      justify-content: center; /* Căn giữa trục dọc */
      text-align: center;
      width: 100%;
  }

  /* --- CÁC DÒNG CHỮ (Reset để đảm bảo xuống dòng) --- */
  .welcome-text, .wedding-title, .couple-name {
      display: block;   /* Bắt buộc là khối, chiếm trọn dòng */
      width: 100%;      /* Chiều rộng 100% */
      margin-left: auto; margin-right: auto; /* Căn giữa */
  }

  .welcome-text {
      font-family: "Playfair Display", serif; font-size: 28px; color: #8b7355;
      margin-bottom: 5px; 
      animation: fadeInUp 0.8s ease-out 0.2s forwards; opacity: 0;
  }
  .wedding-title {
      font-family: "Lobster", cursive; font-size: 52px; color: #e84393;
      margin: 5px 0; 
      margin-bottom: 10px;
      animation: fadeInUp 0.8s ease-out 0.4s forwards; opacity: 0;
  }
  .couple-name {
      font-family: "Carattere", cursive; font-size: 40px; color: #443a33;
      margin-top: 0; 
      margin-bottom: 10px; /* Đẩy loader xuống xa hơn chút nữa */
      animation: fadeInUp 0.8s ease-out 0.6s forwards; opacity: 0;
  }

  /* --- LOADER TRÁI TIM --- */
  .loader {
      /* Đặt kích thước */
      width: 120px; 
      height: 20px; 
      
      /* Reset vị trí */
      display: block;       /* Dạng khối */
      position: relative;   /* Vị trí tương đối */
      margin: 0 auto;       /* Căn giữa */
      
      /* SVG Icon & Animation */
      --heart-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>');
      -webkit-mask: var(--heart-icon) left/20% 100%;
      mask: var(--heart-icon) left/20% 100%;
      background: linear-gradient(#e84393 0 0) left/0% 100% no-repeat #ffd1d1;
      
      animation: fadeInUp 0.8s ease-out 0.8s forwards, loadingHeart 2s infinite steps(6);
      opacity: 0;
  }

  @keyframes loadingHeart { 100% {background-size: 120% 100%} }
  @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
  
  @media (max-width: 768px) {
      .wedding-title { font-size: 40px; }
      .couple-name { font-size: 30px; }
  }