.product-container .title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.product-container .title .right{font-size:.9rem;font-weight:700;color:#231f20;padding:0 .5rem;border-right:2px solid #ea5f8b}.product-container .title .left{font-size:.7rem;font-weight:500;color:#fff;padding:.5rem 1rem;background-color:#ea5f8b;border-radius:.5rem}.product-container .title .left:hover{background-color:#ffe8ef;color:#ea5f8b}.product,.product a{display:flex;align-items:center;flex-direction:column;gap:1rem}.product a:hover~.bar,.product:hover .bar{background-color:#ea5f8b}.product .product-details{gap:.5rem;width:100%;flex-wrap:wrap}.product{background-color:#fff;height:100%;padding:1rem .8rem 2rem;border-radius:.8rem;position:relative;justify-content:space-between;min-width:250px}.react-multi-carousel-item{scale:.9!important;transition:.3s}.react-multi-carousel-item--active{scale:1!important}.inventory,.product-name,.product-price{color:#231f20;font-size:1.1rem;font-weight:700}.product-name{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2}.product .bar{position:absolute;width:60%;height:7px;bottom:0;background-color:#ffe8ef;border-radius:1rem;transition:all .2s ease-in}.product-wrapper{display:flex;gap:1rem;overflow:auto;padding-bottom:1rem}.product-wrapper::-webkit-scrollbar{height:.3rem;background-color:#ffe8ef;border-radius:100px}.product-wrapper::-webkit-scrollbar-thumb{background-color:#ea5f8b;border-radius:100px}.product .product-details .left{display:flex;align-items:center;gap:.5rem}.product .product-details .left .percentage{background-color:#ec6969;font-size:.7rem;font-weight:700;color:#ffd;border-radius:.5rem;height:30px;width:30px;display:flex;align-items:center;justify-content:center}.product-price{display:flex;align-items:end;flex-direction:column}.product-price .befor-price{font-size:.9rem;text-decoration:line-through}.product-info{display:flex;color:#231f20;font-size:.8rem;font-weight:700;flex-direction:column;width:100%;gap:1rem}.product-info .inputs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.product-info .inputs label{background-color:#f6f6f6;padding:0 .5rem;border-radius:100px}.input-group input:checked~label{background-color:#ffe8ef}.three-rows .product-wrapper{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.two-rows .product-wrapper{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.single-row .product-wrapper .product,.three-rows .product-wrapper .product,.two-rows .product-wrapper .product{width:100%;min-width:100%}.single-row .product-wrapper .product{flex-direction:row;align-items:center;justify-content:right;gap:3rem;padding:2em}.single-row .product-wrapper .product .spesefics{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%;justify-content:space-between}.single-row .product-wrapper .product .spesefics .product .product-details{width:100%}.single-row .product-info{gap:1rem}.single-row .bar{transform:translateX(-50%);left:50%;width:40%}.single-row .inventory,.single-row .product-name,.single-row .product-price{font-size:1.1rem}.single-row .product-info{font-size:1rem}.single-row .product-info .inputs{gap:1rem}@media screen and (max-width:768px){.inventory,.product-container .title .right,.product-name,.product-price,.single-row .product-info{font-size:1rem}.single-row .inventory,.single-row .product-name,.single-row .product-price{font-size:1.1rem}.product .product-details i{font-size:.8rem}.product{min-width:225px}.three-rows .product-wrapper{display:grid;grid-template-columns:repeat(2,1fr);overflow:hidden}.single-row .product-wrapper .product{gap:.8rem}}@media screen and (max-width:650px){.single-row .product-wrapper .product,.single-row .product-wrapper .product .spesefics{flex-direction:column}.single-row .bar{width:60%}.single-row .product-wrapper .product{padding:1rem}.single-row .product-name{width:100%;text-align:center}}@media screen and (max-width:500px){.three-rows .product-wrapper,.two-rows .product-wrapper{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:375px){.product-container .title .left{font-size:.6rem;padding:.5rem}.product-container{padding:1rem}.inventory,.product-container .title .right,.product-info,.product-name,.product-price{font-size:1rem}.product{min-width:200px}.product-price .befor-price{font-size:.8rem}}