*{margin:0;padding:0;box-sizing:border-box}body{font-family:sans-serif;background-color:#f9f9f9;color:#333}.navbar{background-color:#333;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.hamburger-btn{display:none;background:none;border:none;color:#fff;cursor:pointer}.nav-links{list-style:none;display:flex;gap:1.5rem;align-items:center}.nav-item{position:relative}.nav-item a,.nav-item .category-link{color:#fff;text-decoration:none;font-size:1.2rem;padding:.5rem 1rem;border-radius:5px;cursor:pointer;outline:1px solid transparent;transition:color .3s,outline-color .3s}.nav-item a:hover,.nav-item .category-link:hover{color:#fc0;outline-color:#fc0}.dropdown{display:none;list-style:none;position:absolute;top:100%;left:0;background:#fff;border-radius:5px;box-shadow:0 8px 16px #0003;min-width:200px;padding:0;margin:0;z-index:10}.dropdown li a{color:#333;font-size:1rem;display:block;padding:.8rem 1rem;transition:color .3s}.dropdown li a:hover{color:#fc0}@media (min-width: 769px){.nav-item:hover .dropdown{display:block}}@media (max-width: 768px){.hamburger-btn{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;background:#333;flex-direction:column;gap:0;overflow:hidden;max-height:0;transition:max-height .3s ease-out}.nav-links.open{max-height:500px;transition:max-height .5s ease-in}.nav-item{width:100%}.nav-item a,.nav-item .category-link{display:block;width:100%;padding:1rem 2rem}.dropdown{position:static;background:#444;box-shadow:none;border-radius:0}.dropdown li a{color:#fff}.dropdown.open{display:block}}.footer{background-color:#1a1a1a;color:#e0e0e0;padding:2rem 1.5rem;font-family:Segoe UI,sans-serif}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:auto;gap:2rem}.footer-section{flex:1 1 250px;min-width:200px}.footer-section h4,.footer-section h5{color:#fc0;margin-bottom:.8rem}.footer-section p{margin:.4rem 0;font-size:.95rem;line-height:1.5}.footer a{color:#fc0;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center;gap:1.5rem}.footer-section{flex:none;width:100%;min-width:auto}}.home-container{padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:1200px;margin:0 auto}.home-title{font-size:2rem;color:#333;margin-bottom:1rem;text-align:center}.home-text{font-size:1.1rem;color:#555;line-height:1.6;text-align:center;margin-bottom:2rem}.image-gallery{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:2rem}.home-image{width:200px;height:200px;object-fit:cover;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.home-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.about-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem;padding:3rem 2rem;background-color:#fafafa;border-left:6px solid #ffcc00;border-radius:12px;box-shadow:0 4px 12px #0000000d;flex-wrap:wrap}.about-content{flex:1;min-width:300px}.about-title{font-size:2.5rem;color:#333;margin-bottom:1rem;font-weight:700}.about-text{font-size:1.15rem;color:#444;line-height:1.7;margin-bottom:1rem}.companyImage{flex:1;max-width:400px;width:100%;height:auto;border-radius:10px;object-fit:cover;box-shadow:0 4px 16px #0000001a}.contact-container{padding:2rem;background-color:#f5f5f5;border-radius:8px}.contact-title{font-size:2rem;color:#333;margin-bottom:1.5rem}.contact-info p{font-size:1.1rem;color:#333;margin-bottom:1rem;line-height:1.6}.contact-info a{color:#fc0;text-decoration:none}.contact-info a:hover{text-decoration:underline}.category-page{padding:2rem;background-color:#f9f9f9;min-height:70vh;display:flex;flex-direction:column;align-items:center}.category-title{font-size:2rem;color:#333;margin-bottom:1.5rem}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.category-item{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:1rem;text-align:center;transition:all .3s ease}.category-item a{text-decoration:none;color:#333;font-weight:500;font-size:1.2rem}.category-item:hover{border-color:#fc0;transform:translateY(-2px)}.power-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.power-card{width:250px;background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center;padding:1rem;transition:transform .2s ease}.power-card:hover{transform:translateY(-5px)}.power-image{width:100%;height:180px;object-fit:cover;border-radius:8px}.power-text{margin-top:1rem;font-size:1.1rem;font-weight:500;color:#333}.construction-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.construction-card{width:250px;background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center;padding:1rem;transition:transform .2s ease}.construction-card:hover{transform:translateY(-5px)}.construction-image{width:100%;height:180px;object-fit:cover;border-radius:8px}.construction-text{margin-top:1rem;font-size:1.1rem;font-weight:500;color:#333}.sparePart-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.sparePart-card{width:250px;background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center;padding:1rem;transition:transform .2s ease}.sparePart-card:hover{transform:translateY(-5px)}.sparePart-image{width:100%;height:180px;object-fit:cover;border-radius:8px}.sparePart-text{margin-top:1rem;font-size:1.1rem;font-weight:500;color:#333}.chemicals-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.chemicals-card{width:250px;background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center;padding:1rem;transition:transform .2s ease}.chemicals-card:hover{transform:translateY(-5px)}.chemicals-image{width:100%;height:180px;object-fit:cover;border-radius:8px}.chemicals-text{margin-top:1rem;font-size:1.1rem;font-weight:500;color:#333}.petReisin-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;padding:2rem}.petReisin-card{width:250px;background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 4px 12px #00000014;text-align:center;padding:1rem;transition:transform .2s ease}.petReisin-card:hover{transform:translateY(-5px)}.petReisin-image{width:100%;height:180px;object-fit:cover;border-radius:8px}.petReisin-text{margin-top:1rem;font-size:1.1rem;font-weight:500;color:#333}html,body,#root{height:100%;margin:0;padding:0;font-family:sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1rem}