/* =========================================
   SECTION TITLE
========================================= */

.section-title {

  text-align: center;

  margin-bottom: 60px;
}


/* Main section heading */
.section-title h2 {

  font-size: 48px;

  color: var(--primary-color);

  margin-bottom: 15px;
}


/* Section paragraph */
.section-title p {

  font-size: 18px;

  color: #6B7280;
}


/* =========================================
   PRODUCTS GRID
========================================= */

.products-grid {

  display: grid;

  /*
    Responsive columns
  */
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

  gap: 30px;
}


/* =========================================
   PRODUCT CARD
========================================= */

.product-card {

  background-color: var(--white-color);

  border-radius: 25px;

  overflow: hidden;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

  transition: all 0.3s ease;
}


/* Hover effect */
.product-card:hover {

  transform: translateY(-10px);
}


/* Product image container */
.product-image {

  overflow: hidden;
}


/* Product image */
.product-image img {

  width: 100%;

  height: 380px;

  object-fit: cover;

  transition: 0.4s ease;
}


/* Zoom image on hover */
.product-card:hover img {

  transform: scale(1.08);
}


/* Product text content */
.product-content {

  padding: 25px;
}


/* Product title */
.product-content h3 {

  font-size: 24px;

  color: var(--primary-color);

  margin-bottom: 10px;
}


/* Product category */
.product-category {

  color: #6B7280;

  margin-bottom: 25px;
}


/* Bottom section */
.product-bottom {

  display: flex;

  justify-content: space-between;

  align-items: center;
}


/* Price */
.product-price {

  font-size: 22px;

  font-weight: 700;

  color: var(--gold-color);
}


/* Small order button */
.shop-btn {

  background-color: var(--primary-color);

  color: var(--white-color);

  padding: 10px 18px;

  border-radius: 8px;

  transition: 0.3s ease;
}


/* Hover */
.shop-btn:hover {

  background-color: var(--accent-color);
}

/* =========================================
   CATEGORIES SECTION
========================================= */

.categories-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

/* Category image card */
.category-card {
  position: relative;
  height: 420px;
  border-radius: 25px;
  overflow: hidden;
}

/* Category image */
.category-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s ease;
}

/* Dark overlay */
.category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
}

/* Text over image */
.category-content {
  position: absolute;
  left: 30px;
  bottom: 30px;
  z-index: 2;
  color: white;
}

.category-content h3 {
  font-size: 34px;
  margin-bottom: 15px;
}

.category-card:hover img {
  transform: scale(1.08);
}