Lingerie Shop Homepage - Copy this Html, Bootstrap Component to your project

Añade funcionalidad al carrito de compras para la página de ventas de lencería. La funcionalidad debe estar desarrollada con JavaScript puro y debe incluir las siguientes características: Requisitos: Agregar productos al carrito: Al hacer clic en el botón "Agregar al carrito" de un producto, este debe añadirse al carrito. Si el producto ya está en el carrito, aumenta su cantidad en lugar de duplicarlo. Visualización del carrito: Una sección o ventana modal que se activa al hacer clic en el icono del carrito en el encabezado. La lista de productos seleccionados debe incluir: Nombre del producto. Precio unitario. Cantidad seleccionada. Total por producto (cantidad × precio). Botones de ajuste de cantidad: Para cada producto en el carrito, incluye botones "+" y "-" que permitan aumentar o disminuir la cantidad. Si la cantidad de un producto llega a cero, debe eliminarse del carrito. Resumen del carrito: Muestra el total general (suma de todos los totales por producto). Persistencia temporal: Utiliza localStorage para mantener los productos en el carrito incluso si el usuario recarga la página. Estilo visual: Diseña el carrito de forma elegante, utilizando bordes redondeados y sombras suaves. Asegúrate de que los botones "+" y "-" sean intuitivos y visualmente atractivos. Comentarios en el código: Incluye comentarios claros para facilitar la comprensión del flujo de trabajo y la edición posterior. Código esperado: HTML: Incluye un botón de "Agregar al carrito" en cada tarjeta de producto. Icono del carrito en el encabezado. CSS: Estilo para la sección/modal del carrito, incluyendo diseño responsivo. JavaScript: Funciones necesarias para: Agregar productos al carrito. Actualizar la cantidad de productos. Calcular el total por producto y el total general. Guardar y recuperar los datos del carrito en localStorage. Vaciar el carrito cuando el usuario lo desee (botón de "Vaciar carrito").