html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

.wp-block-embed iframe {
    border-radius: 4px;
}

/* 
 * Misc Utilities
*/
.is-hidden-on-mobile {
    display: none !important;
}

.width-100,
.width-100 * {
    width: 100% !important;
}

/* Grid Col 1 mobile, Col 2 Tablet, Col 3 Desktop */
.grid--1-2-2,
.grid--1-2-3,
.grid--1-2-4 {
    grid-template-columns: 1;
}

.deals-product-card {
    border: 1px solid #fff;
}

.deals-product-card:hover {
    background-color: var(--wp--preset--color--tan-10);
    border: 1px solid var(--wp--preset--color--midnight);
}

.deals-product-card .wp-block-buttons {
    margin-top: auto;
}

.deals-product-card>div>svg {
    flex: 0 0 22px;
}

@media screen and (min-width: 620px) {

    .grid--1-2-2,
    .grid--1-2-3,
    .grid--1-2-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1172px) {
    .is-hidden-on-desktop {
        display: none !important;
    }

    .is-hidden-on-mobile {
        display: unset !important;
    }

    .grid--1-2-2--desktop {
        grid-template-columns: repeat(2, 1fr);
    }

    .grid--1-2-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grid--1-2-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}