.products {
	padding: 40px 20px;
	background: #f9f9f9;
	color: #4a3173;
	text-align: center;
  }
  
  .hTx h1 {
	font-size: 2rem;
	text-decoration: underline;
	margin-bottom: 20px;
  }
  
  .slider-nav {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-bottom: 30px;
  }
  
  .slider-nav img {
	width: 40px;
	cursor: pointer;
	transition: transform 0.2s ease;
  }
  .slider-nav img:hover {
	transform: scale(1.1);
  }
  
  .box-slider {
	overflow-x: auto;
  }
  
  .box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
  }
  
  /* Product Box */
  .box {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	width: 280px;
	min-width: 250px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	transition: transform 0.3s ease;
	flex-shrink: 0;
  }
  .box:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  }
  
  /* Icons */
  .box .icons {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin-bottom: 10px;
  }
  .box .icons a {
	font-size: 1.4rem;
	color: #ecb540;
  }
  .box .icons a:hover {
	color: #4a3173;
  }
  
  /* Image */
  .image img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	object-fit: cover;
  }
  
  /* Content */
  .content h3 {
	font-size: 1.2rem;
	margin: 15px 0 10px;
  }
  .stars {
	color: goldenrod;
	margin-bottom: 10px;
  }
  .price {
	font-size: 1.4rem;
	color: #4a3173;
  }
  .price span {
	text-decoration: line-through;
	font-size: 1rem;
	color: gray;
	margin-left: 10px;
  }
  
  /* Button */
  .btn button {
	background: #ecb540;
	color: white;
	border: none;
	padding: 10px 15px;
	border-radius: 5px;
	cursor: pointer;
  }
  .btn button a {
	color: white;
	text-decoration: none;
  }
 /*
  .btn button:hover {
	
  }*/