/* card big-image */
.grid-card { 
  display: inline-block;
  position: relative; 
}
.grid-card.big-image {
  border-radius: var(--space-s);
  overflow: hidden;
  max-height: 520px;
  min-height: 520px;
  width: 100%;
}

.grid-card::after {
  content: "";
  background-color: ;
  background: linear-gradient(0deg, rgba(0,0,0,0.4982785350468313) 0%, rgba(0,0,0,0) 100%);
  position: absolute;
  top: 0; right: 0;
  bottom: 0; left: 0;
  z-index: 1;
}
.grid-card img {
  display: block;
  padding: 0;
  margin: 0;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  min-height: 525px;
}

.grid-card__content {
  color: var(--textColor);
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  padding-block: var(--space-s-m);
  padding-inline: var(--space-s-m);
  z-index: 10;
}
.grid-card__content * { color: var(--textColor); }
.grid-card__content p { margin-block-end: var(--space-2xs); }
.grid-card__content p:last-of-type { margin-block-end: 0; }

{# CART TAG #}
.grid-card.big-image .tag {
  background-color: var(--accentColor);
  color: var(--textColor);
/*   text-shadow: 0px 0px 3px #003045; */
  text-shadow:
    1px 1px 0 #0071a1,
    -1px 1px 0 #0071a1,
    -1px -1px 0 #0071a1,
    1px -1px 0 #0071a1;
  border-radius: var(--space-3xs);
  padding-inline: var(--space-xs);
  padding-block: var(--space-3xs);
  font-weight: 700;
}
.grid-card.big-image .tag {
  position: absolute;
  top: var(--space-s);
  right: var(--space-s);
  z-index: 10;
}