header{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;padding:1% 5% 5px;border-bottom:solid .5px #c5c3c3;z-index:1000;background:#fff}nav{display:flex;align-items:center;justify-content:space-between}.logo-content{display:flex;align-items:center;justify-content:center}.logo-content img{height:45px}.logo-content span{font-weight:600;font-size:22px;padding-top:8px;letter-spacing:1px}button{border:0;background:transparent;font-size:18px;font-weight:300;cursor:pointer;padding:5px;border-radius:10px;transition:.3s}button:hover{background:#dbd9d9}@media (max-width: 600px){.logo-content img{width:50px}.logo-content span{font-size:14px}button{font-size:15px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}.App{padding:1% 5% 10px;min-height:100vh;max-width:100%}body{margin:0;padding-top:70px}.search-section{display:flex;flex-direction:column;padding-left:2%}.search-section h1{font-weight:500;letter-spacing:1px;padding-bottom:10px}@media (max-width: 600px){.search-section h1{font-size:20px}}.search-container{display:flex;align-items:center;border:solid 1px #bbb7b7;max-width:380px;border-radius:5px;justify-content:flex-start}@media (max-width: 600px){.search-container{max-width:280px}}.search-container input{border:0;padding:8px 20px 8px 3px;width:300px;margin-left:10px;outline:none}.search-container input::placeholder{font-size:15px;font-style:italic}.search-icon{font-size:20px;margin:5px 0 5px 5px;color:#585656}.sort-section-responsive-container{display:flex;align-items:center;justify-content:space-between}@media (max-width: 600px){.sort-section-responsive-container{flex-direction:column;align-items:self-start;padding-top:20px}}.product-count{font-size:16px;font-weight:300;padding-top:2px}@media (max-width: 600px){.product-count{font-size:12px}}.sort-by-section{display:flex;align-items:center;justify-content:space-around}.sort-by-section h2{font-size:15px;font-weight:500;padding-right:10px}@media (max-width: 600px){.sort-by-section h2{font-size:12px}}select{margin:10px;padding:6px 20px 6px 5px;width:130px;border:0;box-shadow:1px 3px 3px 2px #7f7c7c;background:transparent;border-radius:5px;font-size:14px;cursor:pointer}@media (max-width: 600px){select{width:100px}}hr{margin-top:20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-top:30px}.product-card{display:flex;flex-direction:column;align-items:center;box-shadow:1px 1px 2px 2px #cbc9c9;border-radius:5px;padding-bottom:20px;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:rotateY(-10px) scale(1.03);box-shadow:0 10px 20px #0003}.product-card img{width:180px;transition:transform .3s ease}.product-card:hover img{transform:scale(1.1)}.product-card p{font-size:12px;max-width:230px;text-align:center;color:#706f6f}.product-card h3{font-size:16px;font-weight:600;padding-bottom:5px;letter-spacing:1px;text-align:center}h4{font-weight:700;font-size:16px;padding-top:20px}h5{color:#f89b04;padding-top:5px}span{font-weight:500;font-size:12px;padding-top:15px}.rating-card{display:flex;align-items:center;justify-content:center;gap:4px}.star{color:#f89b04;font-size:12px}.no-results{text-align:center;padding-top:300px;padding-bottom:200px;color:#706e6e}.page-btn-container{display:flex;align-items:center;justify-content:center;padding-top:60px;gap:10px}.page-btn-container button{padding:5px 12px;border:solid 1px #d2d1d1;border-radius:5px;font-size:12px;font-weight:600}.active{background:#0880e8;border:0;color:#fff;font-weight:500}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.footer-section{display:flex;flex-direction:column;align-items:center;padding-top:20px}.footer-section p{color:#484949;font-size:13px}