/** Shopify CDN: Minification failed

Line 104:7 Expected "}" to go with "{"

**/
.product-card-wrapper {
    border-bottom: 1.4px solid rgba(212, 212, 212, 0.55);
    margin: 1px, 0;
}

.product-card {
    display: grid;
    grid-template-rows: "auto 1fr";
    grid-template-columns: "1fr 2fr 1fr";
    grid-template-areas: "image title title" "image center actions";
    align-items: start;
}

.product-card > * {
    height: 100%;
    width: 100%;
}

.card-image {
    padding: 1rem;
    grid-area: image;
}

.card-image img {
    max-width: 100%;
    max-height: 100%;
}

.card-title {
    grid-area: title;

}

.card-center {
    grid-area: center;
}

.card-specs {
    display: flex;
    flex-direction: row;
    font-size: 1.4rem;
}

.card-specs ul {
    list-style-type: disc;
}

.card-li-wrapper {
    width: 100%;
    white-space: nowrap;
}

.card-li-wrapper * {
    display: inline-block;
    width: max-content;
}

.card-specs-value {
    font-weight: 700;
}

.card-actions{
    grid-area: actions;
}

.card-actions .quick-add__submit {
    background-color: #ff0000;
    color: #ffffff;
    padding: 0.5rem;
}

@media (max-width: 767px) {
      .product-card {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
          "title title"
          "image center"
          "image actions";
      }

      .card-image {
        grid-area: image;
        width: 100%;
        height: auto;
        object-fit: cover;
      }

      .card-heading {
        grid-area: title;
      }

      .card-center {
        grid-area: center;
      }

      .card-actions {
        grid-area: actions;
      }