/* ==============================================================================
   VINASTECH DESIGN SYSTEM — RESPONSIVE BREAKPOINTS & MOTION SAFEGUARDS
   ============================================================================== */

@media (max-width: 1024px) {
  .col-span-12, .col-span-8, .col-span-7, .col-span-6, .col-span-5, .col-span-4, .col-span-3 {
    grid-column: span 12;
  }
  .vst-list-row {
    grid-template-columns: 50px 1fr 40px;
  }
  .vst-list-desc {
    display: none;
  }
  .vst-brand-logo img {
    height: 48px;
  }
}

@media (max-width: 640px) {
  .vst-container {
    width: min(calc(100% - 32px), var(--container-max));
  }
  .vst-nav-links {
    display: none;
  }
  .vst-brand-logo img {
    height: 42px;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}