.navigation{
    box-shadow: none !important;
}
.navigation{
    z-index: 99999;
}

ul li{
    list-style: none !important;
}
.refactor-box{
    text-align: left;
}
.refactor-box .product-block__title{
    width: 60%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap;
}
.refactor-box .product-price{
    display: inline-block;
}
.title-span{
    width: 60%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.qk-img{
    width: 100%;
    margin-bottom: 10px;
    aspect-ratio: 1/ 1;
    object-fit: cover;
   
}
.qk-item{
    width: calc(92vw / 4);
    text-align: center;
    padding: 0.5rem;
    box-sizing: border-box;
    background-color: #fff;
    margin: 0.5rem;
    border-radius: 20px;
}

.qk-item button span,
.qk-item button{
    color: #fff;
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
.grid {
    display: grid;
}
.flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.grid input{
    text-align: center;
}
.w-100{
    width: 100%;
}
.my-3{
    margin-top: 10px;   
    margin-bottom: 10px;
}
.child-item{
    margin-left: 30px;
    display: none;
}
.items-center [name=category]:checked ~ .child-item{
    display: block;
}
@media (max-width:1024px){
    .qk-item{
        width: 92vw;
    }
}