.elementor-11172 .elementor-element.elementor-element-c4fc7c6{--display:flex;overflow:visible;}.elementor-11172 .elementor-element.elementor-element-43fa72d{--display:flex;overflow:visible;}.elementor-11172 .elementor-element.elementor-element-f3c826e{--display:flex;overflow:visible;}/* Start custom CSS for html, class: .elementor-element-34f716b *//* Product Grid Container */
.product-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 columns */
  gap: 20px; /* Space between cards */
  margin: 20px 0;
}

/* Individual Product Card */
.product-card {
  background-color: #ffffff; /* White background */
  border-radius: 12px; /* Rounded corners */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Hover lift */
  text-align: center;
  font-family: Arial, sans-serif;
}

/* Hover Effect */
.product-card:hover {
  transform: translateY(-5px); /* Lift on hover */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Deeper shadow */
}

/* Product Image */
.product-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease; /* Zoom on hover */
}

.product-card:hover .product-image img {
  transform: scale(1.05); /* Slight zoom */
}

/* Product Title */
.product-title {
  font-size: 1.2rem;
  margin: 10px 15px;
  color: #333; /* Dark text; customize to #485E79 */
}

/* Link Styling (for entire card click) */
.product-card a {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* Responsive Design */
@media (max-width: 1200px) {
  .product-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on tablets */
  }
}

@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
  }
}

@media (max-width: 480px) {
  .product-grid {
    grid-template-columns: 1fr; /* 1 column on small mobile */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c0864f *//* Product Grid Container */
.product-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 columns on desktop */
  gap: 20px; /* Space between cards */
  margin: 20px 0;
}

/* Individual Product Card */
.product-card {
  background-color: #ffffff; /* White background */
  border-radius: 12px; /* Rounded corners */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  overflow: hidden; /* Hide overflow for clean edges */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover animation */
  font-family: Arial, sans-serif; /* Clean typography */
}

/* Hover Effect */
.product-card:hover {
  transform: translateY(-5px); /* Lift on hover */
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); /* Deeper shadow */
}

/* Product Image */
.product-image {
  position: relative;
  overflow: hidden;
}

.product-image img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease; /* Zoom on hover */
}

.product-card:hover .product-image img {
  transform: scale(1.05); /* Slight zoom */
}

/* Product Content */
.product-content {
  padding: 15px;
  text-align: center;
}

.product-title {
  font-size: 1.2rem;
  margin: 0 0 10px;
  color: #333; /* Dark text */
}

.product-description {
  font-size: 0.9rem;
  color: #666; /* Muted text */
  margin: 0 0 10px;
}

.product-price {
  font-size: 1.1rem;
  font-weight: bold;
  color: #007BFF; /* Blue accent (customize to #485E79) */
  margin-bottom: 15px;
}

/* Buy Now Button */
.product-button {
  display: inline-block;
  background-color: #007BFF; /* Blue button (customize to #485E79) */
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.product-button:hover {
  background-color: #0056b3; /* Darker blue on hover (customize to #5a7490) */
}

/* Responsive Design */
@media (max-width: 1200px) {
  .product-grid {
    grid-template-columns: repeat(4, 1fr); /* 4 columns on medium screens */
  }
}

@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
  }
}

@media (max-width: 480px) {
  .product-grid {
    grid-template-columns: 1fr; /* 1 column on mobile */
  }
}/* End custom CSS */