body{font-family:Arial,sans-serif}.navigation-bar{display:flex;justify-content:space-around;margin-bottom:20px}.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-card{border:1px solid #ccc;padding:20px;text-align:center}.product-card img{max-width:100%;height:auto}.product-card h3{margin-bottom:10px}.prev-price{text-decoration:line-through;color:gray}.new-price{color:red;font-weight:700}.rating-star{color:gold}.input__search{width:20%;padding:12px 16px;border:2px solid #ccc;font-size:16px;background-color:#f9f9f9;transition:border-color .3s ease,background-color .3s ease;box-shadow:none;outline:none;border-radius:25px}.input__search label{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:16px;color:#aaa;pointer-events:none;transition:all .3s ease}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20%;padding:12px 20px;border-radius:25px;background:#f9f9f9;color:#333;font-size:16px;font-weight:500;outline:none;border:2px solid #ccc;transition:all .3s ease;cursor:pointer}.select:after{content:"▼";position:absolute;top:50%;right:20px;transform:translateY(-50%);font-size:12px;color:#fbff00;pointer-events:none}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.navbar{width:100%;background-color:#d2691e;padding:15px 20px;position:fixed;top:0;left:0;z-index:999;box-shadow:0 4px 8px #0000001a}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.navbar-logo a{color:#fff;font-size:24px;font-weight:700;text-decoration:none}.navbar-links{display:flex;gap:30px}.navbar-links a{color:#fff;font-size:18px;text-decoration:none;transition:color .3s ease}.navbar-links a:hover{color:#f9f9f9}.navbar-menu-icon{display:none;font-size:24px;color:#fff;cursor:pointer}@media (max-width: 768px){.navbar-links{position:absolute;top:60px;right:0;background-color:#007bff;flex-direction:column;align-items:flex-start;width:100%;height:0;overflow:hidden;transition:height .3s ease}.navbar-links.active{height:200px}.navbar-links a{padding:10px 20px;width:100%;border-top:1px solid rgba(255,255,255,.1)}.navbar-menu-icon{display:block}}