.campaign-award__container {
display: flex;
flex-direction: column;
gap: 24px;
}
.product-card__container {
display: flex;
flex-direction: row;
overflow-x: scroll;
gap: 16px;
}
.product-card__swipe-instructions {
display: flex;
flex-direction: row;
gap: 6px;
justify-content: center;
font-size: 16px;
}
.product-card__swipe-instructions>div {
display: flex;
}
.product-card__card {
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px;
flex: 0 0 236px;
}
.product-card__image img {
aspect-ratio: 16 / 9;
object-fit: contain;
display: block;
}
.product-card__superlative>div {
display: inline-flex;
background-color: var(--wp--preset--color--midnight-70);
border-radius: 99px;
padding: 2px 8px;
color: var(--wp--preset--color--white);
font-size: 12px;
line-height: 1.4;
letter-spacing: 0.02rem;
}
.product-card__content {
display: flex;
flex-direction: column;
gap: 8px;
font-size: 16px;
line-height: 1.6;
font-weight: 400;
}
h3.product-card__title {
font-size: 18px !important;
line-height: 1.6;
font-weight: 700;
color: var(--wp--preset--color--midnight);
margin: 0;
}
.product-card__title a {
text-decoration: none;
color: var(--wp--preset--color--midnight);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.product-card__excerpt {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.product-card__excerpt>p {
margin: 0;
}
.product-card__button {
margin-top: auto;
}
@media screen and (min-width: 620px) {
.product-card__swipe-instructions {
display: none;
}
.product-card__container {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px 16px;
overflow: unset;
}
.product-card__article {
min-width: unset;
}
}
@media screen and (min-width: 1024px) {
.product-card__container {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}