.product-item {
    position: relative;
    height: 100%;
}
.product-item_info {
	display: flex;
    flex-direction: column;
    height: 100%;
}
.product-item_img {
    position: relative;
    margin-bottom: 14px;
    background: var(--color-white);
    overflow: hidden;
}
.product-item_img img {
    display: block;
    width: 100%;
}
.product-item_wishlist {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_2003_2588)'%3E%3Cpath d='M12.534 19.8656L20.1278 12.2719C21.9934 10.3969 22.2653 7.33126 20.5028 5.37188C20.0607 4.87811 19.5227 4.47965 18.9215 4.20084C18.3203 3.92203 17.6685 3.76872 17.0061 3.7503C16.3436 3.73187 15.6844 3.84871 15.0686 4.09367C14.4528 4.33863 13.8934 4.70657 13.4246 5.17501L11.9996 6.60938L10.7715 5.37188C8.89652 3.50626 5.83089 3.23438 3.87152 4.99688C3.37774 5.4389 2.97928 5.97695 2.70047 6.57816C2.42166 7.17938 2.26836 7.83112 2.24993 8.49358C2.23151 9.15604 2.34834 9.8153 2.5933 10.4311C2.83826 11.0469 3.2062 11.6062 3.67464 12.075L11.4653 19.8656C11.6075 20.0065 11.7995 20.0855 11.9996 20.0855C12.1998 20.0855 12.3918 20.0065 12.534 19.8656Z' stroke='%231E1E1E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2003_2588'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    transition: all 0.15s ease;
    cursor: pointer;
    z-index: 2;
}
.product-item_wishlist:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_290_7752)'%3E%3Cpath d='M12.534 19.8656L20.1278 12.2719C21.9934 10.3969 22.2653 7.33126 20.5028 5.37188C20.0607 4.87811 19.5227 4.47965 18.9215 4.20084C18.3203 3.92203 17.6685 3.76872 17.0061 3.7503C16.3436 3.73187 15.6844 3.84871 15.0686 4.09367C14.4528 4.33863 13.8934 4.70657 13.4246 5.17501L11.9996 6.60938L10.7715 5.37188C8.89652 3.50626 5.83089 3.23438 3.87152 4.99688C3.37774 5.4389 2.97928 5.97695 2.70047 6.57816C2.42166 7.17938 2.26836 7.83112 2.24993 8.49358C2.23151 9.15604 2.34834 9.8153 2.5933 10.4311C2.83826 11.0469 3.2062 11.6062 3.67464 12.075L11.4653 19.8656C11.6075 20.0065 11.7995 20.0855 11.9996 20.0855C12.1998 20.0855 12.3918 20.0065 12.534 19.8656Z' stroke='%23FF4802' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_290_7752'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.product-item_wishlist.active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg clip-path='url(%23clip0_290_7749)'%3E%3Cpath d='M12.534 19.8656L20.1278 12.2719C21.9934 10.3969 22.2653 7.33126 20.5028 5.37188C20.0607 4.87811 19.5227 4.47965 18.9215 4.20084C18.3203 3.92203 17.6685 3.76872 17.0061 3.7503C16.3436 3.73187 15.6844 3.84871 15.0686 4.09367C14.4528 4.33863 13.8934 4.70657 13.4246 5.17501L11.9996 6.60938L10.7715 5.37188C8.89652 3.50626 5.83089 3.23438 3.87152 4.99688C3.37774 5.4389 2.97928 5.97695 2.70047 6.57816C2.42166 7.17938 2.26836 7.83112 2.24993 8.49358C2.23151 9.15604 2.34834 9.8153 2.5933 10.4311C2.83826 11.0469 3.2062 11.6062 3.67464 12.075L11.4653 19.8656C11.6075 20.0065 11.7995 20.0855 11.9996 20.0855C12.1998 20.0855 12.3918 20.0065 12.534 19.8656Z' fill='%23FF4802' stroke='%23FF4802' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_290_7749'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.product-item_label {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 10px;
    justify-content: center;
    align-items: center;
    background: var(--color-main-2);
    color: var(--color-white);
    gap: 10px;
}
.product-item_label.label-sale {
    background: var(--color-red);
}

.product-item_add-cart {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    display: none;
}
.product-item:hover .product-item_add-cart {
    display: flex;
}

.product-item_add-cart_mobile {
    display: none;
}

.product-item_title {
    display: block;
    margin-bottom: 14px;
    color: var(--color-main-1);
}

.product-item_data {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px 24px;
}
.product-item_colors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}
.product-item_color {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer;
}
.product-item_color:hover,
.product-item_color.active {
    outline: 1px solid #343F51;
    outline-offset: -1px;
}
.product-item_color .protuct-item_color-code {
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    background: var(--color-main-1);
}
.product-item_color-plus {
    width: 24px;
    height: 24px;
    padding: 4px;
    cursor: pointer;
}
.product-item_color-plus svg {
    display: block;
    width: 100%;
}

.product-item_price {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}
.product-item_price span {

}
.product-item_price-old {
    color: #919191;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration-line: line-through;
}

.product-item_not-avalible .product-item_img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-main-1);
    opacity: 0.6;
    z-index: 1;
}
.product-item_not-avalible-status {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150px;
    max-width: 76%;
    padding: 13px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-transform: uppercase;
    background: var(--color-white);
    text-align: center;
    white-space: nowrap;
    z-index: 2;
}
.product-item_data {
	/* margin-top: auto; */
}

/* list */
.category-page {
    margin-bottom: 120px;
}
.category-page_heading {
    margin: 32px 0 55px 0;
    text-align: center;
    color: var(--color-main-2);
}

.filter-top {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.filter-btn {
    margin-left: auto;
}

.category-page_empty {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 32px;
}

.category-page_description {
	margin-top: 50px;
}
.category-page_description p:first-child {
    margin-top: 0;
}
.category-page_description p:last-child {
    margin-bottom: 0;
}
.category-page_description .show-more {
	position: relative;
}
.category-page_description .show-more:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 20%;
    background: linear-gradient(180deg, rgba(245, 245, 245, 0.60) 0%, #F5F5F5 100%);
}
.category-page_description .show-more-toggle {
    margin-top: 12px;
}

@media (max-width: 1150px) {
    .product-item_img {
        margin-bottom: 8px;
    }
    .product-item_title {
        margin-bottom: 8px;
        padding: 0 8px;
    }
    .product-item_data {
		margin-bottom: 12px;
        padding: 0 8px;
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .product-item_price {
        justify-content: flex-start;
    }

    .product-item_label {
        top: 8px;
        left: 8px;
        padding: 5px 6px;
        font-size: 10px;
        font-weight: 500;
    }
    .product-item_wishlist {
        top: 8px;
        right: 8px;
    }

    .product-item_add-cart {
        display: none !important;
    }
    .product-item_add-cart_mobile {
        display: flex;
		margin: auto auto 0 auto;
		width: calc(100% - 16px);
    }

    .category-page {
        margin-bottom: 80px;
    }
    .category-page_grid {
        gap: 32px 8px;
    }
}

@media (max-width: 768px) {
    .category-page_heading {
        margin: 32px 0 40px 0;
        font-size: 44px;
        font-weight: 600;
        line-height: 50px;
    }

    .category-page_grid {
        margin: 0 -16px;
    }

    .product-item_title {
        padding: 0 8px;
        font-size: 12px;
    }
    .product-item_data {
        padding: 0 8px;
    }
}