/* Miara — main.css (overrides / non-critical)
 * Critical CSS inline trong index.html. File này dành cho overrides nhẹ.
 */

/* Image lazy fade-in */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.3s ease;
}
img[loading="lazy"].loaded,
img[loading="lazy"]:not([src=""]) {
  opacity: 1;
}

/* Smooth scroll-snap polish */
.swiper__track { scroll-behavior: smooth; }

/* Active state visual feedback */
.action-btn, .action-icon, .variant-chip, .filter-chip,
.btn-submit, .see-all-reviews, button {
  -webkit-touch-callout: none;
}

/* Selection color */
::selection {
  background: var(--c-primary);
  color: white;
}

/* Print */
@media print {
  .app-header, .action-bar, .swiper { display: none; }
}