.featured-products {
    width: 303px;
}

.product-card {
    background-image: var(--url);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 0.67;
}

.product-card a {
    color: var(--wc-white);
}

.product-card img {
    display: block;
    aspect-ratio: 1;
    margin-top: 4.6rem;
    position: relative;
    top: 1.2rem;
}

.product-card h5 {
    padding: 0.5rem 1rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}

.hero .container-fluid .row ul.splide__pagination li button {
    background: transparent;
    border: 2px solid var(--wc-green);
}

.hero .container-fluid .row ul.splide__pagination li button.is-active {
    background: var(--wc-green);
}