*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4;padding:0}a{color:#f0ffff;text-decoration:none}a:hover{color:#f0f8ff}.header{background-color:#036;color:#fff;padding:20px;text-align:center}.header h1{margin:0;font-size:28px}.header p{margin-top:5px;font-size:16px;opacity:.8}.main-nav{background-color:#024;padding:0;position:relative}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:center}.nav-list{list-style:none;display:flex;margin:0;padding:0}.nav-list li{position:relative}.nav-list a{display:block;color:#fff;text-decoration:none;padding:15px 20px;transition:background-color .3s;font-weight:500}.nav-list a:hover{background-color:#036}.nav-list a.active{background-color:#036}.burger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;cursor:pointer;position:absolute;top:15px;right:20px;z-index:1000}.burger-menu span{display:block;height:3px;width:100%;background-color:#003369;transition:all .3s}.burger-menu.active span:nth-child(1) {transform:rotate(45deg) translate(5px,5px)}.burger-menu.active span:nth-child(2) {opacity:0}.burger-menu.active span:nth-child(3) {transform:rotate(-45deg) translate(5px,-5px)}.container{max-width:1200px;margin:0 auto;padding:20px}.filters{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:20px}.filter-row{display:flex;flex-wrap:wrap;margin-bottom:10px}.filter-group{flex:1;min-width:200px;margin-right:15px;margin-bottom:10px}.filter-group:last-child{margin-right:0}.filter-group label{display:block;margin-bottom:5px;font-weight:bold}.filter-group select,.filter-group input[type="text"]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.filter-group button{background-color:#036;color:#fff;border:0;padding:10px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s;width:100%;font-size:16px}.filter-group button:hover{background-color:#024}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.part-card{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden;transition:transform .3s , box-shadow .3s}.part-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.part-image{height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f1f1f1}.part-image img{max-width:100%;max-height:100%;object-fit:contain}.part-details{padding:15px}.part-details h3{margin-top:0;margin-bottom:10px;color:#036;font-size:18px;height:52px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.part-info{margin-bottom:5px;font-size:14px;color:#666}.part-info strong{color:#555}.part-description{margin:10px 0;font-size:14px;color:#666;max-height:60px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.part-price{font-weight:bold;font-size:18px;color:#036;margin:10px 0}.view-button{display:inline-block;background-color:#036;color:#fff;text-decoration:none;padding:8px 12px;border-radius:4px;margin-top:10px;transition:background-color .3s;text-align:center;width:100%}.view-button:hover{background-color:#024}.pagination{display:flex;justify-content:center;margin-top:30px}.pagination a,.pagination span{display:inline-block;padding:8px 12px;margin:0 5px;border-radius:4px;background-color:#fff;color:#333;text-decoration:none;transition:background-color .3s;box-shadow:0 0 5px rgba(0,0,0,.1)}.pagination a:hover{background-color:#f0f0f0}.pagination .current{background-color:#036;color:#fff}.no-results{background-color:#fff;padding:30px;text-align:center;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:20px}.no-results p{font-size:18px;color:#666;margin-bottom:15px}.stats{text-align:right;margin-bottom:15px;font-size:14px;color:#666}.scroll-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#036;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.2);opacity:0;visibility:hidden;transition:opacity .3s , visibility .3s;z-index:1000}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{background-color:#024}@media (max-width:768px){.filter-row{flex-direction:column}.filter-group{margin-right:0;margin-bottom:15px;width:100%}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease , transform .5s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.nav-container{justify-content:flex-start}.nav-list{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#024;z-index:999}.nav-list.open{display:flex}.burger-menu{display:flex}}