.adt-category-ad-card,
.adt-category-ad-card.gpge-card-layout--strip {
  padding: 10px;
  border-radius: 8px;
  border-color: #e3e3e3;
  box-shadow: 0 8px 24px rgba(18, 28, 45, 0.04);
  overflow: hidden;
}

.adt-category-ad-card:hover,
.adt-category-ad-card.gpge-card-layout--strip:hover {
  box-shadow: 0 18px 38px rgba(18, 28, 45, 0.1);
}

.adt-category-ad-card .category-img-box,
.adt-category-ad-card.gpge-card-layout--strip .category-img-box {
  height: clamp(210px, 28vw, 320px);
}

.adt-category-ad-card .category-img-box img,
.adt-category-ad-card.gpge-card-layout--strip .category-img-box img {
  border-radius: 0;
}

.adt-category-ad-card .category-content-box,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box {
  padding: 18px 16px 12px;
}

.adt-category-ad-card .category-content-box .ctg-tag,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box .ctg-tag {
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7a;
}

.adt-category-ad-card .category-content-box h5,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box h5 {
  margin: 14px 0 12px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  color: #222222;
}

.adt-category-ad-card .category-content-box p,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box p {
  font-size: 14px;
  color: #757575;
  margin-top: 8px;
}

.adt-category-ad-card .category-content-box p i,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box p i {
  font-size: 16px;
  margin-right: 12px;
}

.adt-category-ad-card .category-content-box .ad_grid_date_posted,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box .ad_grid_date_posted {
  font-size: 14px;
  color: #777777;
}

.adt-category-ad-card .category-content-box .price-box,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box .price-box {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #ececec;
}

.adt-category-ad-card .category-content-box .price-box strong,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box .price-box strong {
  font-size: 18px;
  font-weight: 600;
  color: #57af59;
}

.adt-category-ad-card .category-content-box .price-box .favourite,
.adt-category-ad-card.gpge-card-layout--strip .category-content-box .price-box .favourite {
  display: none !important;
}

.adt-category-ad-card .adt-ad-cats {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0 0 8px;
}

.adt-category-ad-card .gp-card-category-icon {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  border-radius: 999px;
  border: 1px solid rgba(17, 38, 60, 0.14);
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px auto;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
  transition: transform 0.16s ease, box-shadow 0.16s ease;
}

.adt-category-ad-card .gp-card-category-icon:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

.gp-card-category-icon--tableware {
  background-image: url('../gpge-icons/011-tableware.svg');
}

.gp-card-category-icon--food {
  background-image: url('../gpge-icons/008-food.svg');
}

.gp-card-category-icon--knife {
  background-image: url('../gpge-icons/030-knife.svg');
}

.gp-card-category-icon--cookies {
  background-image: url('../gpge-icons/025-cookies.svg');
}

.gp-card-category-icon--chef {
  background-image: url('../gpge-icons/046-chef.svg');
}

.gp-card-category-icon--juice {
  background-image: url('../gpge-icons/048-juice.svg');
}

@media (max-width: 767px) {
  .adt-category-ad-card,
  .adt-category-ad-card.gpge-card-layout--strip {
    border-radius: 10px;
  }

  .adt-category-ad-card .category-content-box,
  .adt-category-ad-card.gpge-card-layout--strip .category-content-box {
    padding: 14px 13px 12px;
  }

  .adt-category-ad-card .category-content-box h5,
  .adt-category-ad-card.gpge-card-layout--strip .category-content-box h5 {
    margin-top: 12px;
    font-size: 22px;
  }

  .adt-category-ad-card .category-content-box .price-box,
  .adt-category-ad-card.gpge-card-layout--strip .category-content-box .price-box {
    margin-top: 12px;
    padding-top: 12px;
  }

  .adt-category-ad-card .gp-card-category-icon {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    background-size: 12px auto;
  }
}