upsell-product {
    display: grid;
    position: relative;
    padding: 0px;
    border-radius: 20px;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 14px;
    margin-right: 17px;
    cursor: pointer;
}

@media(max-width: 992px) {
    upsell-product {
        grid-row-gap: 20px
    }
}

upsell-product .upsell-product-checkox {
    position: absolute;
    top: -13%;
    left: 86%;
}

@media(max-width: 768px) {
    upsell-product .upsell-product-meta__text {
        font-size: 14px;
        display: flex;
        flex-direction: column;
        padding-top: 11px;
        height: 100%;
        justify-content: space-between;
        gap: 9px;
        padding-bottom: 14px;
    }
}

@media screen and (min-width:769px) {
    upsell-product {
        margin-left: 25px;
        margin-right: 25px;
    }

    upsell-product .upsell-product-meta__text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-top: 11px;
        padding-bottom: 14px;
        gap: 9px;
    }
}

upsell-product .upsell-product-meta__text .metafield-rich_text_field {
    max-width: 280px;
}

upsell-product .upsell-product-meta {
    display: flex;
    gap: 20px;
    color: var(--main-text);
    font-size: 17px;
    line-height: 22px;
    flex-direction: row;
    align-items: flex-start
}

@media(max-width: 992px) {
    upsell-product .upsell-product-meta {
        gap: 19px
    }
}

upsell-product .upsell-product-meta .upsell-produt-meta__image {
    max-width: 100%;
    height: 100%;
    flex-shrink: 0
}

upsell-product .upsell-product-meta .upsell-produt-meta__image img {
    object-fit: cover;
    border-radius: 20px 0 0 20px;
    width: 100%;
    max-width: 152px;
    height: 100%;
}

upsell-product .upsell-product-checbkxo__item {
    position: relative;
}

upsell-product.upsell-product--active .upsell-product-checbkxo__item .upsell-add {
    display: none;
}

upsell-product .upsell-product-checbkxo__item .upsell-remove {
    display: none;
}

upsell-product.upsell-product--active .upsell-product-checbkxo__item .upsell-remove {
    display: block;
    position: absolute;
}

@media screen and (min-width:992px) {
    upsell-product .upsell-product-meta__text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-top: 11px;
        padding-bottom: 14px;
        gap: 9px;
    }
}

upsell-product .grid-product__actions {
    top: -10px;
    right: auto;
}