/* Prevent iOS auto-zoom on form focus (requires font-size >= 16px).
   O seletor com [class] tem especificidade maior que utilitários como .text-sm,
   que passam a ser !important por causa de important:true no Tailwind. */
@media (max-width: 767px) {
  input, select, textarea,
  input[class], select[class], textarea[class] {
    font-size: 16px !important;
  }
}

/* Minimum touch target for buttons and links on mobile */
@media (max-width: 767px) {
  button, a[role="button"], [data-modal] {
    min-height: 44px;
  }
}

.produto-img-wrapper {
  border-radius: 12px;
}
.produto-img-wrapper .img-zoom-inner {
  overflow: hidden;
  border-radius: 12px;
}
.produto-img-wrapper img {
  transition: transform 0.3s ease;
}
.produto-img-wrapper:hover img {
  transform: scale(1.08);
}

.card-img-zoom img {
  transition: transform 0.3s ease;
}
.card-img-zoom:hover img {
  transform: scale(1.05);
}