/** Shopify CDN: Minification failed

Line 41:13 Expected identifier but found whitespace
Line 41:18 Unexpected ";"

**/
.featured-products-heading {
    font-size: var(--heading-font-size-mobile);
    font-weight: var(--heading-font-weight);
    color: var(--heading-color);
}

.featured-products-subheading {
    font-size: var(--subheading-font-size-mobile);
    font-weight: var(--subheading-font-weight);
    color: var(--subheading-color);
}

@media screen and (min-width: 700px) {
    .featured-products-heading {
        font-size: var(--heading-font-size);
    }
}

.featured-products .card__subtitle {
    display: none;
}

.featured-products .product-title {
    color: var(--title-color);
    letter-spacing: 6px;
    font-size: 18px;
    text-transform: capitalize;
}

@media screen and (min-width: 768px) {
    .featured-products .product-title {
        font-size: 20px;
    }
}
    overflow: auto;
    white-space: normal;
    max-width: 100%;
}

.featured-products .product-card__cta {
    border: 0;
    border-radius: 0;
    background: var(--cta-bg);
    background-size: cover;
    background-position-x: center;
    padding: 13px 60px !important;
    color: var(--cta-color) ;
    font-size: 16px !important;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 10px;
    white-space: nowrap;
}

.featured-products .product-card__cta:hover {
    color: var(--cta-color) !important;
    transform: scale(1) !important;
}

/* Responsive button styling for small screens */
@media screen and (max-width: 374px) {
    .featured-products .product-card__cta {
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

.featured-products .price-list sale-price.text-on-sale {
    color: var(--price-color) !important;
}

.featured-products .price-list compare-at-price {
    color: var(--compare-price-color) !important;
}

@media screen and (max-width: 699px) {
    .product-list--carousel {
      --product-list-card-width: min(300px, 100%);
    }
}
  

@media screen and (min-width: 700px) {
    .featured-products-heading {
        font-size: var(--heading-font-size);
    }

    .featured-products-subheading {
        font-size: var(--subheading-font-size-desktop);
    }
}