#nigo_product_section .card {
position: relative;
width: 350px;
padding: 25px;
border-radius: 30px;
background-color: #f5f5f566;
backdrop-filter: blur(10px);
}
#nigo_product_section .card__header {
    display: block;
}
#nigo_product_section .card__header-title {
font-weight: bold;
font-size: 21px;
}
#nigo_product_section .card__header-subtitle {
order: 3;
font-size: 14px;
}
#nigo_product_section .card__header-category {
order: 1;
font-size: 14px;
}
#nigo_product_section .card__items {
position: relative;
margin: 100px 0;
text-align: center;
transition: 1s;
}
#nigo_product_section .card__items::before,
#nigo_product_section .card__items::after {
content: "";
display: block;
position: absolute;
border-radius: 50%;
z-index: -2;
}
#nigo_product_section .card__items::before {
width: 200px;
height: 200px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #e7e7e7;
transition: 1s;
}
#nigo_product_section .card__items::after {
width: 70%;
height: 40px;
bottom: 0;
right: 30px;
transform: translate(-25%, 50%);
background-color: #000;
filter: blur(10px);
opacity: .2;
transition: .5s;
}
#nigo_product_section .card__item-img {
display: none;
width: 100%;
transform: scale(1) rotate(5deg);
transition: .5s;
}
#nigo_product_section .card__item-input {
position: absolute;
display: none;
}
#nigo_product_section .card__item-input:checked ~ .card__item-img {
display: block;
}
#nigo_product_section .card__color-filters {
display: flex;
justify-content: center;
gap: 8px;
padding-bottom: 16px;
text-align: center;
transition: 1s;
transition-delay: .2s;
}
#nigo_product_section .card__color-filter {
position: relative;
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
cursor: pointer;
}
#nigo_product_section .card__color-filter::before {
content: '';
display: block;
width: inherit;
height: inherit;
background-color: var(--color-option);
}
#nigo_product_section .card__price {
width: 100%;
font-weight: 600;
text-align: center;
}
#nigo_product_section .card:hover .card__items::after {
width: 75%;
}
#nigo_product_section .card:hover .card__item-img {
transform: scale(1.2) rotate(30deg) translate(10px, -20px);
}