/* WC Blocks featured products */
ul.wc-block-product-template {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 20px !important;
    margin: 0;
}
@media screen and (max-width: 768px) {
    ul.wc-block-product-template {
        margin: 0 -8px 0 -8px;
        max-width: calc(100% + 16px);
    }
}
ul.wc-block-product-template li {
    display: flex;
    flex-direction: column;
    transition: var(--transition-all);
    -moz-transition: var(--transition-all);
    -webkit-transition: var(--transition-all);
}
@media (hover: hover), (-moz-touch-enabled: 0), (pointer:fine) {
    ul.wc-block-product-template li:hover,
    ul.wc-block-product-template li:focus {
        box-shadow: var(--box-shadow);
        -webkit-box-shadow: var(--box-shadow);
        -moz-box-shadow: var(--box-shadow);
    }
}
 
/* Badge */
ul.wc-block-product-template li .wc-block-components-product-sale-badge {
    border-color: var(--accent);
    border: none;
    border-radius: 0;
    top: -8px;
    right: -8px;
    padding: 5px 15px;
    background-color: var(--accent);
    font-size: 1em;
    letter-spacing: 1px;
    color: var(--light);
    box-shadow: var(--box-shadow);
}
ul.wc-block-product-template li a {
    display: flex;
    color: var(--contrast) !important;
    text-decoration: none !important;
}
ul.wc-block-product-template li .wc-block-components-product-image {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 0;
}
ul.wc-block-product-template li .woocommerce-loop-content > .kt-inside-inner-col {
    display: flex;
    height: 100%;
}
ul.wc-block-product-template li .wp-block-post-title {
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 5px !important;
}
ul.wc-block-product-template li .wp-block-post-excerpt {
    margin-bottom: 10px;
    font-size: .9em;
}
@media (max-width: 768px) {
    ul.wc-block-product-template li .wp-block-post-excerpt {
        line-height: 1.6em;
    }
}
ul.wc-block-product-template li .wc-block-grid__product-price {
    color: var(--accent);
    font-size: .9em;
}
ul.wc-block-product-template li .wc-block-grid__product-price del {
    color: var(--contrast);
    font-weight: 400;
}
ul.wc-block-product-template li .wp-block-button.wc-block-components-product-button a.wc-block-components-product-button__button {
    padding: 0;
    background: none;
    font-size: .9em;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 0;
}
ul.wc-block-product-template li .wp-block-button.wc-block-components-product-button a.wc-block-components-product-button__button:after {
    content: '';
    display: block;
    position: relative;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" stroke="%23cc1717" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><polyline points="9 18 15 12 9 6"></polyline></svg>');
    background-size: 100% 100%;
    width: 24px;
    height: 24px;
    transform: translateX(0);
    transition: .25s transform ease-out;
    -moz-transition: .25s transform ease-out;
    -webkit-transition: .25s transform ease-out;
}
ul.wc-block-product-template li:hover .wp-block-button.wc-block-components-product-button a.wc-block-components-product-button__button:after,
ul.wc-block-product-template li:focus .wp-block-button.wc-block-components-product-button a.wc-block-components-product-button__button:after {
    transform: translateX(8px);
}
ul.wc-block-product-template li:hover .wp-block-button.wc-block-components-product-button a.wc-block-components-product-button__button,
ul.wc-block-product-template li:focus .wp-block-button.wc-block-components-product-button a.wc-block-components-product-button__button {
    color: var(--accent) !important;
}
@media (min-width: 769px) {
    ul.wc-block-product-template {
        grid-template-columns: repeat(3, 1fr) !important;
        grid-gap: 30px !important;
    }
    ul.wc-block-product-template li .wp-block-post-excerpt {
        margin-bottom: 15px;
    }
    ul.wc-block-product-template li .wp-block-post-title {
        margin-bottom: 10px !important;
    }
    ul.wc-block-product-template li .wc-block-grid__product-price {
        font-size: 1em;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .wc-block-product-template.columns-4 li:last-of-type {
        display: none;
    }
}
@media (min-width: 1025px) {
    ul.wc-block-product-template {
        grid-template-columns: repeat(4, 1fr) !important;
        grid-gap: 40px !important;
    }
    ul.wc-block-product-template li .wc-block-components-product-image {
        margin: 0;
    }
}