.quick-add-button-desktop,
.quick-add-button-mobile,
.quick-add-button-onboarding-desktop,
.quick-add-button-onboarding-mobile,
.quick-add-button-variants-desktop,
.quick-add-button-variants-mobile {
    width: 51px;
    height: 30px;
}

.grid-view-item {
    gap: 11px;
}


@media (max-width: 767px) {
    .wrapper-spacing--v--template {
        padding-top: 44px;
    }
    .mobile-facets__open {
        margin-bottom: 24px;
        box-shadow: 0 10px 28px -14px rgba(227, 47, 65, 0.60);
        border-radius: 33554400px;
        padding: 14px;
        color: #F7F0E4;
        text-align: center;
        font-family: 'Barlow';
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px;
        letter-spacing: 2.64px;
        text-transform: uppercase;
    }
    .collection-filters__label {
        color: #E32F41 !important;
        font-family: 'Barlow';
        font-size: 11px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 16.5px !important;
        letter-spacing: 3.08px;
        text-transform: uppercase;
        margin: 0 0 20px !important;
        width: 265px !important;
        max-width: 100% !important;
    }
    .collection-filters__field .select {
        width: 265px !important;
        max-width: 100% !important;
    }
    .facets__heading {
        color: #E32F41 !important;
        font-family: 'Barlow';
        font-size: 11px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 16.5px !important;
        letter-spacing: 3.08px;
        text-transform: uppercase;
        margin: 0 0 20px 8px;
    }
    .select__select {
        padding: 19px 22px 19px 25px !important;
        border: 1px solid rgba(32, 66, 34, 0.70) !important;
        border-radius: 1000000px !important;
        color: rgba(32, 66, 34, 0.50) !important;
        font-family: 'Barlow' !important;
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 16.5px !important;
        letter-spacing: 3.08px !important;
        text-transform: uppercase !important;
    }
    .inline-icon--wrapper.dropdown-icon svg {
        margin-left: 0px;
        margin-right: 22px;
        height: 24px;
        max-height: 24px;
        max-width: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px;
    }
    .facets__disclosure {
        flex-direction: column;
        gap: 12px;
        border: none !important;
        margin: 0 0 11px 7.5px !important;
    }
    .facets__summary {
        border-radius: 1000000px;
        border: 1px solid rgba(32, 66, 34, 0.70);
        padding: 19px 22px 19px 25px !important;
        width: 211px;
        box-sizing: border-box;
    }
    .inline-icon--wrapper.dropdown-icon span:first-child {
        color: rgba(32, 66, 34, 0.50);
        font-family: 'Barlow';
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.5px;
        letter-spacing: 3.08px;
        text-transform: uppercase;
    }
    .facets__display {
        border: 1px solid rgba(32, 66, 34, 0.20);
        padding: 18px 13px;
        border-radius: 28px !important;
    }
    .facets__header {
        padding: 0 0 17px 0 !important;
        border-bottom: 1px solid !important;
        border-color: rgba(14, 31, 15, 0.25) !important;
    }
    .facets__selected {
        color: rgba(32, 66, 34, 0.50);
        font-family: 'Barlow';
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.5px !important; /* 150% */
        letter-spacing: 3.08px;
        text-transform: uppercase;
    }
    .facets__reset {
        color: rgba(32, 66, 34, 0.50) !important;
        font-family: 'Barlow';
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.5px !important;
        letter-spacing: 3.08px;
        text-decoration-style: solid !important;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto !important;
        text-underline-offset: auto;
        text-underline-position: from-font;
        text-transform: uppercase;
    }
    .facets__list {
        padding: 16px 0px 17px 0px !important;
        display: flex;
        flex-direction: column;
        gap: 11px;
    }
    .facets__item {
        margin: 0;
    }
    .facet-checkbox {
        padding: 0 !important;
        gap: 20px;
        color: rgba(32, 66, 34, 0.50);
        font-family: 'Barlow';
        font-size: 11px !important;
        font-style: normal;
        font-weight: 600;
        line-height: 16.5px !important; /* 150% */
        letter-spacing: 3.08px;
        text-transform: uppercase;
    }
    .facet-checkbox > svg {
        margin-right: 0px !important;
    }
    .facets__price {
        padding: 16px 0px 17px 0px !important;   
    }
    .facets__price .field--price .field__label {
        color: rgba(32, 66, 34, 0.50);
        font-family: 'Barlow';
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.5px; /* 150% */
        letter-spacing: 3.08px;
        text-transform: uppercase;
    }
    .facets__price .field--price .field__currency {
        color: rgba(32, 66, 34, 0.50);
        font-family: 'Barlow';
        font-size: 11px;
        font-style: normal;
        font-weight: 600;
        line-height: 16.5px; /* 150% */
        letter-spacing: 3.08px;
        text-transform: uppercase;
    }
    .facets__price .field--price .field__input {
        padding: 0px 10px !important;
    }
    .facets__form-inner {
        margin-top: 71px !important;
        gap: 0px !important;
    }
    .collection-filters__item {
        padding-bottom: 30px !important;
        margin-bottom: 30px !important;
        border-bottom: 1px solid;
        border-color: rgba(0, 0, 0, 0.40);
    }
    .product-grid--wrapper:not(.product-grid--slider-enabled) {
        row-gap: 14.5px !important;
    }
    .product-grid--wrapper {
        column-gap: 14.5px !important;
    }
    .product-grid--wrapper .grid__item.small--one-half.medium--one-fifth,
    .product-grid--wrapper .grid__item.small--one-half.medium--one-half,
    .product-grid--wrapper .grid__item.small--one-half.medium--one-quarter,
    .product-grid--wrapper .grid__item.small--one-half.medium--one-third,
    .product-grid--wrapper .grid__item.small--one-half.medium--one-whole {
        width: calc(50% - 7.25px) !important;
    }
    .grid-view-item-image .grid__image .block-radius {
        border-radius: 10.773px !important;
    }
    .border-radius-round .sold-out-badge {
        padding: 3.848px 8.08px;
        color: #E32F41;
        font-family: 'Barlow';
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: 6.348px;
    }
    .grid-view-item .grid-view-item-image:not(:last-child) {
        margin-bottom: 10px;
    }
    .product-grid--title a {
        color: #204222;
        font-family: Laila;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.129px;
        text-transform: none;
    }
    .grid-view-item .product-grid--price:not(:last-child),
    .grid-view-item .product-grid--rating:not(:last-child),
    .grid-view-item .product-grid--title:not(:last-child) {
        padding-bottom: 2px;
    }
    .product-grid--price .money {
        font-family: Laila;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 11.543px;
        letter-spacing: 0.062px;
    }
    .product-grid--price .price-line-through {
        font-size: 12px !important;
    }
    .product-price--regular {
        display: flex;
        margin-bottom: 5px;
    }
    .grid-view-item .product-grid--title+.product-grid--price {
        margin-top: 0px;
    }
    .reviews-star-rating {
        gap: 6px;
        margin-bottom: 5px;
    }
    .reviews-star-rating__stars {
        gap: 2.31px;
    }
    .reviews-star-rating__stars svg {
        width: 7.695px;
        height: 7.695px;
        aspect-ratio: 1 / 1;
    }
    .reviews-star-rating__value-reviews {
        color: rgba(32, 66, 34, 0.50);
        font-family: 'Barlow';
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 6.348px;
        letter-spacing: 1.185px;
        text-transform: uppercase;
    }
    .quick-add-button-desktop,
    .quick-add-button-mobile,
    .quick-add-button-onboarding-desktop,
    .quick-add-button-onboarding-mobile,
    .quick-add-button-variants-desktop,
    .quick-add-button-variants-mobile {
        width: 30px;
        height: 18px;
    }
}