.shared-card {
  height: 100%;
  text-decoration: none;
  border-radius: var(--radius--3);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
}
.shared-card .image-wrapper {
  position: relative;
  flex: 1 1;
}
.shared-card .image-wrapper h4 {
  z-index: 1;
  position: absolute;
  top: var(--spacing--2);
  left: var(--spacing--2);
  width: fit-content;
}
.shared-card .image-wrapper picture {
  width: 100%;
}
.shared-card .image-wrapper picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.45s ease-in-out;
}
.shared-card .info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: var(--spacing--2);
  z-index: 1;
  padding: var(--spacing--2);
  margin-top: calc(var(--spacing--3) * -1);
  border-top-right-radius: var(--radius--3);
}
.shared-card .info header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--1);
  padding: initial;
}
.shared-card .info h3 {
  color: var(--c--black);
  transition: color 0.45s ease-in-out;
}
.shared-card .info h5 {
  font-size: var(--typography--font-size--xs);
}
.shared-card .info .cta-wrapper {
  --d: 4rem;
  gap: 0;
  margin-bottom: calc(var(--d) * -0.1);
}
.shared-card .info .cta-wrapper input[type=checkbox] {
  display: none;
}
.shared-card .info .cta-wrapper button {
  position: relative;
  z-index: 10;
  border: none;
  background-color: transparent;
  width: var(--d);
  height: var(--d);
  font-size: 2rem;
  color: var(--c--black);
  cursor: pointer;
}
.shared-card .info .cta-wrapper button:hover, .shared-card .info .cta-wrapper button:active {
  color: var(--c--primary);
}
.shared-card .info .cta-wrapper button.js--add-to-favorites.item-favorite {
  color: var(--c--primary);
}
.shared-card .info .cta-wrapper button.js--add-to-favorites.item-favorite .icon-love::before {
  content: "\e901";
}
.shared-card .info .cta-wrapper button.js--add-to-favorites.item-favorite:hover, .shared-card .info .cta-wrapper button.js--add-to-favorites.item-favorite:active {
  color: var(--button--primary-hover);
}
.shared-card .info .cta-wrapper > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.shared-card:hover .image-wrapper picture img, .shared-card:active .image-wrapper picture img {
  transform: scale(1.05);
}
.shared-card:hover h3, .shared-card:active h3 {
  color: var(--c--primary);
}
.shared-card:hover .btn-primary, .shared-card:active .btn-primary {
  --btn-bg: var(--btn-hover-bg);
  --btn-color: var(--btn-hover-color);
  --btn-border: var(--btn-hover-border);
}
.shared-card.shared-card--page {
  border: 1px solid var(--stroke--light);
}
.shared-card.shared-card--page .info {
  background-color: var(--background--background);
}
.shared-card.shared-card--page h3 {
  font-weight: 700;
  font-size: var(--typography--font-size--lg);
}
.shared-card.shared-card--product .info {
  background-color: var(--background--background-light);
}
.shared-card.shared-card--product h3, .shared-card.shared-card--product h5 {
  font-weight: 700;
}
.shared-card.shared-card--product h3 {
  font-size: var(--typography--font-size--sm);
}
.shared-card.shared-card--product h5 {
  font-size: var(--typography--font-size--xs);
  color: var(--c--primary);
}
.shared-card.shared-card--news {
  border: 1px solid var(--stroke--light);
}
.shared-card.shared-card--news .info {
  padding: var(--spacing--3);
  background-color: var(--background--background);
}
.shared-card.shared-card--news .info header {
  gap: var(--spacing--1);
}
.shared-card.shared-card--news .info h5 {
  font-weight: 400;
  color: var(--text--secondary);
}
.shared-card.shared-card--news .info h3 {
  font-size: var(--typography--font-size--lg);
  font-weight: 600;
}
.shared-card.shared-card--recipe {
  border: 1px solid var(--stroke--light);
}
.shared-card.shared-card--recipe .info {
  background-color: var(--background--background);
}
.shared-card.shared-card--recipe h3 {
  font-weight: 700;
  font-size: var(--typography--font-size--md);
}
.shared-card.shared-card--recipe i {
  color: initial;
}
/*# sourceMappingURL=shared-card.css.map */