[x-cloak] { display: none !important; }

.card-enter { animation: fadeUp 0.3s ease-out; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Force show filters on desktop */
@media (min-width: 1024px) {
  .filters-container[style*="display: none"] {
    display: flex !important;
  }
}

/* Detail HTML rich content */
.detail-html h3 { font-size: 1.1rem; font-weight: 700; margin-top: 1.5rem; margin-bottom: 0.5rem; color: #0B423D; }
.detail-html p  { margin-bottom: 0.75rem; line-height: 1.7; color: #475569; }
.detail-html ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 0.75rem; }
.detail-html li { margin-bottom: 0.35rem; line-height: 1.6; color: #475569; }
.detail-html strong { color: #334155; }
.detail-html em     { color: #64748b; }

/* Hero word rotation */
.hero-word {
  display: inline-block;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(12px);
  white-space: nowrap;
  font-size: inherit;
}
.hero-word.active { opacity: 1; transform: translateY(0); }
.hero-word.exit   { opacity: 0; transform: translateY(-12px); }

@media (min-width: 640px) {
  .hero-word { transform: translateY(20px); }
  .hero-word.exit { transform: translateY(-20px); }
}