/*noinspection ALL*/
.product-overview-wrapper {
    display: grid;
    grid-gap: 40px 2%;
}

@media only screen and (max-width: 600px) {
    /*noinspection ALL*/
    .product-overview-wrapper {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
    }
}

.product-overview-wrapper select {
    width: 100%;
    margin-bottom: 0.5em;
}

.product-box {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}

.product-image {
    position: relative;
    height: 150px;
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: contain; /* Resize the background image to cover the entire container */
}

.product-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding: 0 8px;
}

.product-title {
    text-align: center;
}

.product-title, .product-action {
    padding: 8px;
}

.product-price {
    text-align: center;
    margin: auto;
    padding: 0 0.5em;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}

.product-action {
    margin-top: auto;
    text-align: center;
}

.cart-link {
    display: none;
}

/*noinspection CssInvalidPropertyValue*/
.shine {
    -webkit-mask: linear-gradient(-60deg,#000 30%,#0005,#000 70%) right/300% 100%;
    animation: shine 1.5s infinite;
}

@keyframes shine {
    100% {-webkit-mask-position:left}
}