.card {
    border-radius: 0.5rem;
    flex: auto !important;
    height: 100%;
}

.card img {
    max-height: 350px;
    height: 350px;
    object-fit: scale-down;
}
.row.components-container {
    border-bottom: 1px solid #efeded;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.cart-remove a {
    color: #ffffff !important;
    font-size: 9px;
    background: #ee4e4e;
    text-decoration: none !important;
    padding: 4px 12px 5px 11px;
    border-radius: 2px;
    text-transform: uppercase;
}
img.card-img-top {
    border: 1px solid #f3f3f3;
    max-height: 227px;
    object-fit: contain;
    background: white;
    border: 0px;
}

p.card-text {
    color: black;
    font-size: 12px;
    margin-bottom: 3%;
}

body {
    background: #efefef;
}

footer {
    background: #fff;
}

#collectionpage {

    .products-container {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        background: #efefef;
        grid-gap: 1px;
        padding: 10px;
    }

    .product-card {
        padding: 0px;
        border: 0px !important;
        /*outline: 1px solid #efefef;*/

    }

    .card-body {
        font-size: 16px;
        font-family: Karla, sans-serif !important;
        font-style: normal;
        font-weight: 400;
        color: #030303;
        line-height: 1.375;
    }

    .product-card__name {
        font-weight: 700;
        color: #3c1a3f;
        white-space: normal;
        font-size: 16px;
        margin-bottom: 2px;
    }
    .product-card__name, .product-card__availability {
        position: relative;
        z-index: 3;
    }

    .product-tag--absolute {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    .product-tag {
        font-size: .875em;
        font-weight: 700;
        letter-spacing: .6px;
        text-transform: uppercase;
        display: inline-block;
        font-size: .75em;
        background-color: #dfb343;
        color: #fff;
        padding: 4px 10px;
    }

    .product-card:hover, .product-card:focus {
        color: #030303;
    }
    .grid--no-gutters .product-card {
        border-left-width: 1px;
    }
    a:hover, a:focus, .link-accent-color:hover, .link-accent-color:focus {
        color: #b68c1f;
    }

    .product-card:hover .product-card__overlay, .product-card:focus .product-card__overlay {
        visibility: visible;
        opacity: 1;
    }
    .product-card__overlay {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0000000f;
        transition: all .15s ease-in;
    }

    .product-card:hover .product-card__overlay-btn {
        -ms-transform: translateY(-85%);
        -webkit-transform: translateY(-85%);
        transform: translateY(-85%);
    }

    .product-card__overlay-btn {
        position: relative;
        top: 50%;
        -ms-transform: translateY(-45%);
        -webkit-transform: translateY(-45%);
        transform: translateY(-45%);
        transition: all .15s ease-in;
    }

    .product-card__brand, .product-card__price {
        font-size: .875em;
    }

    .btn, .btn--secondary, .rte .btn--secondary, .shopify-payment-button .shopify-payment-button__button--unbranded {
        font-size: .8125em;
        font-weight: 700;
        letter-spacing: .15em;
        text-transform: uppercase;
        padding: 15px 45px;
        transition: color .1s ease-in, background-color .1s ease-in;
    }
    .btn, .btn--secondary, .rte .btn--secondary, .shopify-payment-button .shopify-payment-button__button--unbranded, .rte .btn, .rte .shopify-payment-button .shopify-payment-button__button--unbranded, .shopify-payment-button .rte .shopify-payment-button__button--unbranded {
        display: inline-block;
        width: auto;
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        cursor: pointer;
        border: 1px solid transparent;
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #dfb343;
        color: #fff;
    }

    @media only screen and (max-width: 992px) {
        .products-container {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media only screen and (max-width: 768px) {
        .products-container {
            grid-template-columns: repeat(2, 1fr);
        }

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

    @media only screen and (max-width: 600px) {
        .products-container {
            grid-template-columns: repeat(2, 1fr);
        }

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

}

@media only screen and (min-width: 992px) {
    .collection-title {
        padding-left: 4px;
    }
}

@media only screen and (max-width: 768px) {
    .collection-title {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .collection-title {
        text-align: center;
    }
}