/* CSS dung chung cho ca ba trang. Bo sung cho assets/tailwind.css (file do may sinh).
   Chi de nhung gi Tailwind khong lam duoc: animation, accordion, hien thi gia sale. */

html { scroll-behavior: smooth; }
body { background: #f5f1e9; }

/* Scroll reveal - IntersectionObserver them class .in */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity: 1; transform: none; }
.text-balance { text-wrap: balance; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1 !important; transform: none !important; transition: none; }
  .float-anim { animation: none !important; }
}

/* Micro-interaction tactile cho CTA */
.btn-press:active { transform: translateY(1px) scale(.99); }

/* Accordion FAQ */
.faq-body { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
details summary::-webkit-details-marker { display: none; }

.float-anim { animation: floaty 6s ease-in-out infinite; }
@keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }

/* Hien thi gia sale - CSS thuan vi Tailwind build tinh khong quet duoc class JS sinh ra */
.price-old { text-decoration: line-through; opacity: .6; font-weight: 600; margin-right: .6em; }
.price-old.is-big { font-size: .55em; }
.price-off {
  display: inline-block; vertical-align: middle; margin-left: .5em;
  background: #c97a4a; color: #f5f1e9; font-weight: 700; white-space: nowrap;
  border-radius: 9999px; padding: .15em .6em; font-size: .32em; position: relative; top: -.15em;
}
.price-off.is-small { font-size: .7rem; padding: .1em .5em; margin-left: .4em; top: 0; }

/* Man hinh hep: cho dong gia xuong hang thay vi tran ngang */
@media (max-width: 480px) {
  p[data-price] { font-size: 1.875rem; line-height: 1.25; }
  .price-old.is-big { display: block; margin-right: 0; font-size: .62em; }
  .price-off { margin-left: .4em; }
}

/* Focus ring AA cho form */
input:focus-visible, textarea:focus-visible {
  outline: none;
  border-color: #2f5d4f;
  box-shadow: 0 0 0 3px rgba(47,93,79,.25);
}

/* Dong ho dem nguoc - so chay bang chu deu chieu ngang cho khoi giat */
.countdown-time { font-variant-numeric: tabular-nums; letter-spacing: .02em; }