/* Main container styling for products */
.products-section {
    background-color: #fff;
  }
  
  /* Product card styling */
  .product-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    position: relative;
    transition: box-shadow 0.2s ease;
    background-color: #fff;
  }
  
  .product-card:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    cursor:pointer;
  }
  
  /* Product images */
  .product-img {
    max-height: 150px;
    object-fit: contain;
  }
  

  .product-link {
    cursor: pointer;
    text-decoration: none;
    color: inherit;
  }
  
  .product-link:hover {
    color: red;
  }
  
  /* Discount  */
  .discount-badge,
  .new-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-size: 0.8rem;
    padding: 2px 6px;
    border-radius: 4px;
  }
  .discount-badge {
    background-color: #dc3545; 
  }
  .new-badge {
    background-color: #198754;
  }
  

  .star-rating i {
    color: #f1c40f;
    margin-right: 2px;
  }
  
  /* Heart icon (wishlist), no border, no background */
  .icon-btn.wishlist-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #666; 
  }
  .icon-btn.wishlist-icon:hover {
    color: #dc3545; 
  }

  .icon-btn.wishlist-icon:focus {
    outline: none;
    box-shadow: none;
  }
  
  /* Smaller screen fixes */
  @media (max-width: 576px) {
    .product-img {
      max-height: 130px;
    }
  }
  
  html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  
  .container {
    flex: 1;
  }
  
  #footer {
    flex-shrink: 0;
  }