/* Eliminar subrayado de todos los enlaces */
  .product-image-link,
  .product-category,
  .product-title-link,
  .product-detail-link {
	  text-decoration: none !important;
  }

  /* Hover en imagen */
  .product-image-link:hover img {
	  transform: scale(1.05);
  }

  /* Estilo de categorías */
  .product-category {
	  background-color: #f0f0f0;
	  color: #6c757d;
	  border-radius: 4px;
	  transition: all 0.2s ease;
  }

  .product-category:hover {
	  background-color: #2c3747;
	  color: white;
  }

  /* Título del producto */
  .product-title-link {
	  font-weight: 500;
	  transition: color 0.2s ease;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
  }

  .product-title-link:hover {
	  color: #2c3747 !important;
  }

  /* Card con mejor sombra en hover */
  .product-card {
	  transition: all 0.3s ease;
  }

  .product-card:hover {
	  transform: translateY(-5px);
	  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.15) !important;
  }

  /* Botón de acción */
  .product-action-btn {
	  transition: all 0.2s ease;
	  font-weight: 500;
  }

  .product-action-btn:hover {
	  transform: translateY(-2px);
	  box-shadow: 0 4px 8px rgba(86, 108, 141, 0.3);
  }

  /* Link de ver detalle */
  .product-detail-link {
	  transition: all 0.2s ease;
	  font-weight: 500;
  }

  .product-detail-link:hover {
	  color: #2c3747 !important;
  }

  .product-detail-link:hover i {
	  transform: scale(1.2);
  }

  .product-detail-link i {
	  transition: transform 0.2s ease;
  }

  /* Precio más destacado */
  .product-price .text-primary {
	  color: #2c3747 !important;
  }

/* asegura que el toolbar quede por encima y respete safe-area en iOS */
.handheld-toolbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1050;
	/* por encima del resto */
	padding-bottom: env(safe-area-inset-bottom);

	/* opcional: fondo sólido para mejor contraste */
	border-top: 1px solid rgba(0, 0, 0, .06);
}

/* aumenta hit area de los botones */
.handheld-toolbar .handheld-toolbar-item {
	padding: .65rem .5rem;
}

/* evita que el contenido quede oculto bajo el toolbar */
@media only screen and (max-width: 600px) {
	body {
		padding-bottom: calc(env(safe-area-inset-bottom) + 3.5rem);

	}
}

/* ajustar según altura */