.FilterBox{padding:5px 10px;.FilterButtonBox{text-align:end;margin-top:15px;.FilterApplyButton{padding:5px 20px;border-radius:6px;background-color:rgb(28,148,188);color:white;outline:none;border:none;font-size:13px;font-weight:300}.FilterApplyButton:hover{background-color:rgb(21,124,158)}.FilterClearButton{padding:5px 10px;border-radius:6px;color:rgb(28,148,188);background-color:white;outline:none;border:none;font-size:13px;font-weight:300;margin-right:5px}.FilterClearButton:hover{border:1px solid rgb(28,148,188);padding:4px 9px}}.FilterTitle{margin-bottom:5px;font-weight:500;margin-left:3px;font-size:17px}.NormalTick{color:rgb(103,103,103)}.ActiveTick,.NormalTick{font-size:16px;margin-top:1.9px;margin-right:4px}.ActiveTick{color:rgb(32,136,170)}.FilterOption{font-size:13px;color:rgb(103,103,103);font-weight:300;margin-bottom:0}.PriceBox{display:flex;gap:6px;.PriceBoxText{font-size:12px;color:rgb(71,71,71);margin-bottom:0;margin-top:4px;font-weight:300}.PriceBoxInput{border:1px solid rgb(169,169,169);border-radius:5px}.PriceBoxInput,.PriceBoxInputErr{outline:none;font-size:13px;font-weight:300;padding:3px 6px;margin-bottom:13px;width:80px}.PriceBoxInputErr{border:1px solid red;border-radius:5px}.PriceBoxInput::placeholder{color:#c7c5c5;font-weight:200;text-align:center}}.CategoryDropdown{border:1px solid rgb(169,169,169);border-radius:5px;padding:2px 3px;font-size:14px;cursor:pointer;margin-bottom:13px;.CategoryDropdownInput{outline:none;border:none;cursor:pointer;font-size:13px;font-weight:300}.CategoryDropdownInput::placeholder{color:#c7c5c5;font-weight:200}.CategoryDropdownIcon{font-size:20px;margin-top:-3px}.CategoryDropdownBox::-webkit-scrollbar{width:4px}.CategoryDropdownBox::-webkit-scrollbar-thumb{background-color:rgb(32,136,170);border-radius:10px}.CategoryDropdownBox{margin-right:3px;margin-top:3px;margin-bottom:3px;max-height:100px;overflow:auto;padding:4px;.CategoryDropdownOption{margin-bottom:0;font-size:12px;padding:2px 5px;font-weight:300;border-top:1px solid #e0e0e0;cursor:pointer}.CategoryDropdownOption:hover{background-color:#f2f2f2;border-radius:2px}}}}.WholeProductList{background-color:rgb(237,239,245);margin:0;padding:30px 20px;.ProductSearchFilterBox{box-shadow:0 1px 4px rgb(237,233,255);margin-bottom:20px;background-color:white;border-radius:8px;padding:2px 7px;.FilterIcon{color:rgb(32,136,170);font-size:25px;margin-bottom:1px;cursor:pointer}.FilterIcon:hover{color:rgb(30,108,134)}.InputSearchBox{width:95%;margin-top:1px;border:none;outline:none;padding-left:10px;font-size:14px}.InputSearchBox::placeholder{font-weight:300;color:#bdbdbd}.SearchIcon{color:rgb(32,136,170);float:right;font-size:21px;margin-top:3px;cursor:pointer}.SearchIcon:hover{color:rgb(30,108,134)}}.ProductListTitle{font-size:21px;font-weight:400;margin-bottom:10px;margin-left:5px;margin-right:5px;color:rgb(74,74,74)}.ProductListDescription{font-size:13px;font-weight:300;margin:-10px 5px 15px;color:rgb(74,74,74)}.PaginationProductList{display:flex;justify-content:center;.PaginationArrowIcon{margin-top:7px;font-size:12px;color:rgb(130,130,130);cursor:pointer}.PaginationArrowIcon:hover{color:rgb(32,136,170)}.PaginationPages{font-weight:300;margin:0 7px;color:rgb(82,82,82)}}}.Products{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:20px;gap:20px;justify-content:space-between;align-items:stretch;margin-bottom:20px}.ProductsCard{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:12px;transition:transform .3s ease;display:flex;flex-direction:column;justify-content:space-between;height:100%;cursor:pointer;animation:fadeIn .5s ease-in-out;.ProductsImage{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-bottom:10px}.ProductsText{font-size:14px;color:rgb(38,38,38)}.ProductsCompany,.ProductsText{font-weight:300;margin-bottom:5px}.ProductsCompany{color:rgb(156,156,156);font-size:11px;line-height:13px}.ProductsCancelAmount{color:rgb(123,123,123);font-weight:300;font-size:13px;text-decoration:line-through;margin-top:12px;margin-bottom:0;.ProductsAmount{float:right;text-decoration:none;font-weight:400;color:rgb(59,59,59);margin-bottom:3px}}}.ProductsCard:hover{transform:scale(1.05);.ProductsText{text-decoration:underline}}@media screen and (max-width:1200px){.Products{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:992px){.Products{grid-template-columns:repeat(3,1fr)}.WholeProductList{.ProductSearchFilterBox{.InputSearchBox{width:93%}}}}@media screen and (max-width:768px){.Products{grid-template-columns:repeat(2,1fr)}.WholeProductList{.ProductSearchFilterBox{.InputSearchBox{width:90%}}}}@media screen and (max-width:534px){.Products{grid-template-columns:repeat(2,1fr);.ProductsCard{.ProductsImage{height:160px}.ProductsText{font-size:12px}.ProductsCompany{font-size:9px}.ProductsCancelAmount{font-size:11px}}}.WholeProductList{.ProductSearchFilterBox{.InputSearchBox{width:86%}}}}@media screen and (max-width:456px){.Products{grid-template-columns:repeat(2,1fr)}.ProductsCard{.ProductsImage{height:140px}.ProductsText{font-size:10px}.ProductsCompany{font-size:7px}.ProductsCancelAmount{font-size:7px;margin-top:5px}}.WholeProductList{.ProductSearchFilterBox{.InputSearchBox{width:82%}}}}@media screen and (max-width:412px){.Products{grid-template-columns:repeat(2,1fr)}.ProductsCard{.ProductsImage{height:120px}}}@media screen and (max-width:375px){.Products{grid-template-columns:repeat(2,1fr)}.ProductsCard{.ProductsImage{height:100px}.ProductsText{font-size:8px}}.WholeProductList{.ProductSearchFilterBox{.InputSearchBox{width:78%}}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stars-rowp{display:flex;align-items:center;gap:2px;font-size:18px}.starp{font-size:18px;display:inline-block;color:#ccc;position:relative}.starp.full{color:#ffa41c}.starp.half{color:#ccc}.starp.half:before{content:"★";color:#ffa41c;position:absolute;left:0;width:50%;overflow:hidden}.rating-textp{font-size:12px;color:#4e4e4e;margin-left:5px;font-weight:300}.stars-rowpd{display:flex;align-items:center;gap:2px;font-size:30px}.starpd{font-size:30px;display:inline-block;color:#ccc;position:relative}.starpd.full{color:#ffa41c}.starpd.half{color:#ccc}.starpd.half:before{content:"★";color:#ffa41c;position:absolute;left:0;width:50%;overflow:hidden}.rating-textpd{font-size:18px;color:#4e4e4e;margin-left:5px;font-weight:300}@media screen and (max-width:700px){.WholeProductList{.ProductListTitle{font-size:16px}}.stars-rowpd{gap:2px}.starpd,.stars-rowpd{font-size:18px}.rating-textpd{font-size:11px}}@media screen and (max-width:500px){.stars-rowp{gap:2px}.starp,.stars-rowp{font-size:13px}.rating-textp{font-size:10px}}