.favorite-item {
    justify-content: space-between;
}

.text-qty {
    text-align: right;
    font-weight: bold;
}

#share-favourites {
    text-decoration: none;
}

.card .ic-heart {
    width: 41px !important;
    height: 41px !important;

}

.favorite-block__aside > div,
.favorite-block__aside {
    background: none;
}

/*.card .ic-heart > svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.card .ic-heart:hover > svg {
  width: 100%;
  height: 0;
}*/

.card .ic-heart .hov {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;

    width: 100%;
    height: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}


.card .ic-heart:hover .hov {
    height: 100%;
}

.card .ic-heart.is-active-fav .hov,
.card .ic-heart.is-active-basket .hov {
    height: 100%;
}

/*.ic-heart.is-active svg {*/
/*    position: relative;*/
/*    left: 2px;*/
/*    top: 1px;*/
/*}*/

/*
.button {
    pointer-events: auto;
    cursor: pointer;
    background: #e7e7e7;
    border: none;
    padding: 1.5rem 3rem;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    display: inline-block;
}
*/


.ic-heart {
    background: none;
    padding: 0;
    -webkit-clip-path: inset(0);
    clip-path: inset(0);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.85rem;
}

.progress {
    position: absolute;
    width: 36px;
    height: 36px;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1) !important;
}

/*.ic-heart.is-active-fav .progress,*/
.ic-heart.is-active-basket .progress,
.ic-heart:hover .progress {
    transform: scale3d(1.2, 1.2, 1);
}

.progress__circle,
.progress__path {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1px;
}

.ic-heart:focus-visible .progress__circle {
    fill: rgba(252, 196, 63, 0.4);
}

.progress__path {
    stroke: rgba(141, 112, 69, 0.7);
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    transition: stroke-dashoffset 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}

input[type="checkbox"]:checked + label .progress__path {
    stroke-dashoffset: 0;
}


.ic-heart.is-active-basket .progress__path,
.ic-heart.is-active-basket .progress__path {
    stroke-dashoffset: 0;
}


.progress-cd {
    z-index: -1;
}

.basket, .favorite {
    .favorite-block {
        margin-bottom: 80px;
    }


    @media (max-width: 991.98px) {
        .wrap--basket {
            display: grid;
            grid-template-columns: 1fr 1fr;
            max-width: 100%;
            column-gap: 24px;
            padding-right: 0;
            border: none;
        }
    }

    @media (max-width: 991.98px) {
        .spin input {
            width: 102px;
        }
    }

    @media (max-width: 575.98px) {
        .spin input {
            width: 100%
        }
    }
}

.favorite-block__aside_basket {
    order: unset;
    margin-top: 0;

    @media (max-width: 767.98px) {
        margin: 0;
    }

    .wrap--basket {
        padding: 0 0 0 24px;
        border-left: 1px solid rgba(122, 122, 122, 0.5);

        .basket-price {
            padding-bottom: 24px;
            border-bottom: 1px solid rgba(122, 122, 122, 0.5);
            margin-bottom: 24px;
        }

        .basket-price__items, .basket-price__total {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;

            .field-name {
                color: #7A7A7A;
            }

            .field-value {
                font-weight: 600;
            }
        }

        .basket-price__items {
            .field-name {
                font-size: 16px;
            }
        }

        .basket-price__total {
            .field-name {
                font-size: 24px;
            }

            .field-value {
                font-size: 32px;
            }
        }

        @media (max-width: 991.98px) {
            display: grid;
            grid-template-columns: 1fr 1fr;
            max-width: 100%;
            column-gap: 24px;
            padding-left: 0;
            border-left-width: 0;

            .basket-form {
                grid-column: 1/2;
            }

            .basket-price {
                grid-row: 1;
                grid-column: 2/2;
                border-left: 1px solid rgba(122, 122, 122, 0.5);
                border-bottom-width: 0;
                margin-bottom: 0;
                padding: 0 0 0 24px;
            }
        }

        @media (max-width: 575.98px) {
            display: block;

            .basket-price {
                border-left-width: 0;
                padding: 0 0 24px 0;
                border-bottom-width: 1px;
                margin-bottom: 24px;
            }
        }
    }

    .section__form-inputs {
        flex-direction: column;
        max-width: 100%;
        align-items: flex-start;

        .section__form-input-field {
            width: 100%;
            margin: 0;
            text-align: left;
        }

        .input, .input-checkbox span:before {
            border: 1px solid #7A7A7A;
        }

        .input-checkbox:nth-child(1) input.red-border-form + span:before {
            border: 1px solid red !important;
        }

        .input-checkbox label > span:not(:first-of-type)::before {
            content: none;
            display: none;
        }

        .input-checkbox {
            padding-left: 24px;

            span {
                color: #333333;
                font-size: 12px;
            }

            &:first-child {
                margin-bottom: 8px;
            }
        }
    }

    .button--lg {
        margin-top: 0;
        width: 100%;
    }

    a {
        color: #8D7045;
        text-decoration: underline;
        text-decoration-color: #8D7045 !important;
    }

    .section__form-inputs .input.red-border-form {
        border-color: red !important;
    }
}

.favorite-item__amount, .favorite-item__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    .favorite-item__price {
        text-align: right;

        .field-price {
            font-size: 16px;
        }

        .field-sum {
            font-size: 20px;
            font-weight: 600;
        }
    }

    .favorite-item__remove {
        position: unset;
        color: #8d7045;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 112%;
        margin-top: auto
    }

    .favorite-item__add {
        margin-top: 24px;
        width: 212px;

        .add-success {
            display: none;
            align-items: center;
            gap: 4px;
        }
    }

    .favorite-item__add.active {
        color: #fff;
        background: #6b5534;

        .add-item {
            display: none;
        }

        .add-success {
            display: inline-flex;
        }
    }
}

@media (max-width: 991.98px) {
    .favorite-item__add {
        width: 166px !important;
    }
}

@media (max-width: 575.98px) {
    .favorite-item {
        display: grid;
        grid-template-columns: 135px 1fr;
    }

    .favorite-item .product {
        max-height: 98px;
    }

    .favorite-item__prod {
        grid-row: 2/3;
        grid-column: 1/3;
    }

    .favorite-item__count {
        grid-column: 1/3;
    }

    .favorite-item__amount, .favorite-item__actions {
        flex-grow: 1;
        display: grid;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;

        .favorite-item__price {
            grid-row: 1/2;
            grid-column: 1/2;
            align-self: start;
            text-align: left;
        }

        .favorite-item__remove {
            grid-row: 1/2;
            grid-column: 2/3;
            text-align: right;
            margin-top: unset;
            align-self: start;
        }
    }

    .favorite-item__actions {
        .favorite-item__add {
            width: 204px;
            grid-row: 2/3;
            grid-column: 1/3;
        }
    }
}

.copy-success {
    display: none;
    background-color: rgba(24, 29, 36, 0.5);
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 375px;
    height: 50px;

    position: fixed;
    z-index: 5;
    left: calc(50% - 375px / 2);
    bottom: 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
}

.copy-success_bottom {
    top: auto;
    bottom: 15%;
}

.copy-success_center {
    top: 50%;
}

.copy-success__text {
    color: white;
}

@media (max-width: 575.98px) {
    .copy-success {
        width: 250px;
        left: calc(50% - 250px / 2);
        top: 35%;
    }

    .copy-success__text {
        font-size: 16px;
    }

    .copy-success_bottom {
        top: auto;
        bottom: 80px;
    }
}