/* Tailwind responsive fix — build sırasında purge edilen sm/md/lg breakpoint sınıfları */
@media (min-width: 640px) {
  .sm\:block          { display: block; }
  .sm\:flex           { display: flex; }
  .sm\:flex-1         { flex: 1 1 0%; }
  .sm\:flex-row       { flex-direction: row; }
  .sm\:grid-cols-2    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:hidden         { display: none; }
  .sm\:inline         { display: inline; }
  .sm\:items-center   { align-items: center; }
  .sm\:justify-between{ justify-content: space-between; }
  .sm\:mb-8           { margin-bottom: 2rem; }
  .sm\:p-6            { padding: 1.5rem; }
  .sm\:px-6           { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:text-3xl       { font-size: 1.875rem; line-height: 2.25rem; }
}
@media (min-width: 768px) {
  .md\:block          { display: block; }
  .md\:grid-cols-2    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3    { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4    { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:hidden         { display: none; }
}
@media (min-width: 1024px) {
  .lg\:block          { display: block; }
  .lg\:col-span-1     { grid-column: span 1 / span 1; }
  .lg\:col-span-2     { grid-column: span 2 / span 2; }
  .lg\:flex           { display: flex; }
  .lg\:grid-cols-2    { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3    { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4    { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:hidden         { display: none; }
  .lg\:p-6            { padding: 1.5rem; }
}