/* ให้ preload ครอบเต็มจอและจัดกึ่งกลาง */
.preload {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #000;
  /* ถ้าต้องการใช้ theme ก็ปรับได้ */
  z-index: 1035;
}

/* กล่องโหลดรวม */
.loader-wrap {
  width: 320px;
  max-width: 90vw;
  padding: 1.5rem 1rem;
  text-align: center;
}

/* โลโก้ให้ใหญ่ขึ้น */
.preload-logo {
  /* width: 100px; */
  /* height: 100px; */
  object-fit: contain;
  margin-bottom: 1rem;
}

/* ตัวเลข % */
.loader-percent {
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.5px;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  /* เว้นช่องก่อน progress bar */
}

/* progress bar */
.loader-bar {
  height: 10px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 999px;
  overflow: hidden;
}

#loader-bar-fill {
  width: 0%;
  height: 100%;
  background: linear-gradient(
    90deg,
    var(--website--theme--primary--color),
    var(--website--theme--secondary--color)
  );
  transition: width 0.2s ease;
}