/* Responsive CSS для YMarket */

/* Extra small devices (phones, 320px and up) */
@media (min-width: 320px) {
  .container {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* Small devices (tablets, 640px and up) */
@media (min-width: 640px) {
  .container {
    max-width: 640px;
    margin: 0 auto;
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:hidden {
    display: none;
  }

  .md\:block {
    display: block;
  }
}

/* Large devices (desktops, 1024px and up) */
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:block {
    display: block;
  }
}

/* Extra large devices (large desktops, 1280px and up) */
@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }

  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:block {
    display: block;
  }
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }

  .print\:block {
    display: block !important;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .dark\:bg-gray-800 {
    background-color: rgb(31 41 55);
  }

  .dark\:text-white {
    color: rgb(255 255 255);
  }
}

/* High contrast mode */
@media (prefers-contrast: high) {
  .text-gray-600 {
    color: rgb(0 0 0);
  }

  .bg-gray-100 {
    background-color: rgb(255 255 255);
  }
}

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