@import url(https://fonts.googleapis.com/css?family=Raleway);.search-bar-container{max-width:400px}.card{border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 4px #0000001a;max-height:800px;max-width:250px;overflow:hidden;position:relative;width:100%}.card-image{max-height:200px;object-fit:scale-down;width:100%}.card-overlay{align-items:center;background-color:#00000080;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.card-title{font-size:18px;margin-bottom:20px;text-align:center}.card-content,.card-title{padding:10px}.menu a{color:inherit;text-decoration:none}.menu a:hover{color:#0c0}.card-price{font-size:15px;margin-bottom:20px}.card-reviews,.card-stars{font-size:5px;margin-bottom:5px}.card-link{color:blue;display:block;font-size:14px;text-decoration:none}.card-link:hover{text-decoration:underline}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0 15vw}h1{margin-bottom:20px}.product-list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px}.card{margin-bottom:18px;padding:15 px}.card .old-price{bottom:-1px;color:#888;position:absolute;right:10px;text-decoration:line-through}.card .new-price{bottom:-5px;color:#0c0;font-size:22px;font-weight:700;left:20px;position:absolute}:root{--star-size:20px;--star-color:#fff;--star-background:#fc0}.icon{height:25px;left:50%;object-fit:scale-down;position:absolute;top:50%;transform:translate(420%,50%);width:25px}.Stars{--percent:calc(var(--rating)/5*100%);display:inline-block;font-family:Times;font-size:20px;font-size:var(--star-size);line-height:1;margin-bottom:10px;margin-left:5px;margin-top:5px;&:before{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fc0 var(--percent),#fff var(--percent));background:linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));-webkit-background-clip:text;content:"★★★★★";letter-spacing:2px}}.stars-and-reviews{align-items:center;display:flex}.reviews{margin-left:auto;margin-right:10px}.discount-label{background-color:red;border-radius:5px;color:#fff;padding:5px 10px;position:absolute;right:10px;top:50px}@media (max-width:1024px){.product-list{justify-content:space-between}.card-title{font-size:14px;text-align:center}.card-image{max-height:150px;object-fit:scale-down;width:100%}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0}.card-content{padding:0}.card{margin-bottom:0;margin-bottom:1px;margin-left:0;margin-right:0;max-width:calc(33% - 1px);width:calc(33% - 1px)}}@media (max-width:1400px){.product-list{justify-content:space-between}.card-title{font-size:14px;text-align:center}.card-image{max-height:150px;object-fit:scale-down;width:100%}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0}.card-content{padding:0}.card{margin-bottom:0;margin-bottom:1px;margin-left:0;margin-right:0;max-width:calc(22% - 1px);width:calc(22% - 1px)}}@media (max-width:1024px){.product-list{justify-content:space-between}.card-title{font-size:14px;text-align:center}.card-image{max-height:150px;object-fit:scale-down;width:100%}.card{padding:20px}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0}.card-content{padding:0}.card{margin-bottom:0;margin-bottom:1px;margin-left:0;margin-right:0;max-width:calc(245% - 1px);width:calc(25% - 1px)}.reviews{margin-left:30px}.span-review{position:absolute;top:10px}.Stars{margin-bottom:40px;margin-left:-10px}}@media (max-width:600px){.product-list{justify-content:space-between}.card-image{max-height:150px;object-fit:scale-down;width:100%}.card-title{font-size:14px;text-align:center}.card-content{padding:0}.reviews{font-size:13px;font-weight:700}.old-price{font-size:10px}.container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:0;min-height:100vh;padding:0}.card{margin-bottom:1px;margin-left:0;margin-right:0;max-width:calc(50% - 1px);width:calc(50% - 1px);width:50%}}#loadMore{background:linear-gradient(270deg,#f46b45,#eea849);border:1px solid #0000;border-radius:10px;color:#fff;display:block;font-size:15px;font-weight:700;margin:10px auto;padding:10px;transition:.3s;width:200px}.load-more-container{align-content:center;align-items:center;align-self:center;margin:10px auto}.filter-button{border-radius:5px}.filter-button.active{background-color:#ccc}body{transition:background-color .3s,color .3s}.product-list-container{align-items:center;display:flex;flex-direction:column;margin:20px;transition:background-color .3s,color .3s}.search-bar-container{align-items:center;display:flex;margin-bottom:20px;max-width:100%;width:100%}.search-bar{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:16px;padding:10px}.mode-toggle-button{border-radius:50%;height:40px;justify-content:center;padding:5px;width:40px}.filter-container{gap:10px;padding:10px}.filter-container,.filter-item{align-items:center;display:flex}.filter-item{gap:5px}.price-filters{display:flex;gap:10px}.filter-button{background-color:#eee;border:1px solid #ccc;border-radius:10px;color:#333;cursor:pointer;padding:10px 20px}.filter-button.active{background-color:#85e26d}.filter-button:hover{background-color:#ddd}@media (max-width:1024px){.search-bar-container{align-items:flex-start;flex-direction:column}.filter-container{flex-wrap:wrap;gap:5px}.price-filters{flex-direction:column;gap:5px}.filter-button,.filter-item,.mode-toggle-button{width:100%}.search-bar{margin-bottom:10px;width:100%}}@media (max-width:600px){.search-bar-container{align-items:flex-start;flex-direction:column}.filter-container{flex-wrap:wrap;gap:5px}.price-filters{flex-direction:column;gap:5px}.filter-button,.filter-item,.mode-toggle-button{width:100%}.search-bar{margin-bottom:10px;width:100%}}.App{text-align:center}body.dark-mode{background-color:#121212;color:#fff}.dark-mode .card{background-color:#1e1e1e;border-color:#333;color:#fff}.dark-mode .card .card-price.old-price{color:#aaa}.dark-mode .search-bar{background-color:#333;border-color:#444;color:#fff}.dark-mode .search-bar::placeholder{color:#aaa}.dark-mode .mode-toggle-button{background-color:#444;border:1px solid #555;color:#fff}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}h2{text-align:center;vertical-align:center}body,html{height:100%;margin:35px 0 0}*{box-sizing:border-box;font-family:Raleway}.logo{padding:0 17vw}.menu>li{overflow:hidden}.c-loader{animation:is-rotating 1s infinite;border:6px solid #e5e5e5;border-radius:50%;border-top-color:#eea849;height:50px;width:50px}@keyframes is-rotating{to{transform:rotate(1turn)}}.top-nav{align-items:center;background-color:#00baf0;background:linear-gradient(270deg,#f46b45,#eea849);color:#fff;display:flex;flex-direction:row;font-weight:700;height:50px;justify-content:space-between;margin-bottom:20px;padding:1em;position:fixed;top:0;width:100%;z-index:1000}.logo{cursor:pointer;padding:0 1em}.mode-toggle-button{align-items:center;background-color:#eee;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;display:flex;margin-left:auto;padding:10px 20px}.mode-toggle-button:hover{background-color:#ddd}.mode-toggle-button .fa-icon{margin-right:8px}.menu{cursor:pointer;display:flex;flex-direction:row;list-style-type:none;margin:0;padding:0}.menu>li{margin:0 1rem}.menu-button-container{align-items:center;cursor:pointer;display:none;flex-direction:column;height:100%;justify-content:center;width:30px}#menu-toggle{display:none}.menu-button,.menu-button:after,.menu-button:before{background-color:#fff;border-radius:2px;display:block;height:4px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:30px}.mode-toggle-button-1{border:none;border-radius:50%;height:35px;margin-right:20px;width:35px}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(405deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:#fff0}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-405deg)}@media (max-width:1300px){.menu-button-container{display:flex}body{margin-top:17px}.logo{visibility:hidden}.menu{align-items:center;flex-direction:column;justify-content:center;left:0;margin-top:50px;position:absolute;top:0;width:100%}#menu-toggle~.menu li{border:0;height:0;margin:0;padding:0;transition:height .4s cubic-bezier(.23,1,.32,1)}#menu-toggle:checked~.menu li{border:1px solid #333;height:2.5em;padding:.5em;transition:height .4s cubic-bezier(.23,1,.32,1)}.menu>li{background-color:#222;color:#fff;display:flex;justify-content:center;margin:0;padding:.5em 0;width:100%}.menu>li:not(:last-child){border-bottom:1px solid #444}}
/*# sourceMappingURL=main.3f47351b.css.map*/