body{margin:0;font-family:Poppins,sans-serif;color:#201e50;background-color:#f5f5f5}.navbar-container{position:fixed;top:0;width:100%;background:white;box-shadow:0 2px 5px #0000001a;z-index:1000;transition:background-color .3s ease}.navbar-container.scrolling{background-color:#f9f9f9}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem}.navbar-logo img{width:50px;border-radius:50%}.navbar-links{display:flex;list-style:none;gap:1rem}.navbar-links.open{flex-direction:column;position:absolute;top:60px;right:20px;background:white;padding:1rem;box-shadow:0 4px 6px #0000001a;border-radius:10px;z-index:1000}.navbar-links li{margin:0}.navbar-links a{text-decoration:none;color:#201e50;font-weight:600;transition:color .3s}.navbar-links a:hover{color:#f9a826}.hamburger-menu{display:none;font-size:1.5rem;cursor:pointer}@media (max-width: 768px){.navbar-links{display:none}.navbar-links.open{display:flex}.hamburger-menu{display:block;color:#201e50}}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#000;color:#fff}html{scroll-behavior:smooth}.footer{background-color:#101010;color:#fff;text-align:center;padding:20px;font-size:.9rem}section h2{text-align:center;margin-bottom:1rem}.footer a{color:#f9a826;text-decoration:none}.footer a:hover{text-decoration:underline}.home{width:100%;height:100vh;position:relative;display:flex;overflow:hidden;align-items:center;justify-content:center;background-color:#201e50}.hero-container{position:relative;width:100%;height:100%}.hero-image{width:100%;height:100%;object-fit:cover;filter:brightness(70%);position:absolute;top:0;left:0;z-index:1;margin-top:5.4rem}.hero-content{margin-top:6rem;position:relative;z-index:2;text-align:center;color:#fff;padding:0 1rem;background-color:#0003;border-radius:10px;max-width:100%}.hero-content h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 5px rgba(0,0,0,.7)}.hero-content p{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin:auto;line-height:1.6}.cta-button{display:inline-block;padding:.8rem 2rem;background-color:#f9a826;color:#fff;font-size:1rem;font-weight:700;text-transform:uppercase;border-radius:5px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.cta-button:hover{background-color:#e3891e;transform:scale(1.05)}.about{padding:50px 20px;text-align:center;background-color:wheat;color:#201e50}.about-container h2{font-size:2.5rem;margin-bottom:20px}.about-content{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:center}.about-pic img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:10px}.about-name{margin:10px 0;font-size:1rem;font-weight:700}.about-text{max-width:800px;line-height:1.6;text-align:left;font-size:1.1rem}.products{padding:50px 20px;text-align:center;background-color:wheat;color:#201e50}.products-container h2{font-size:2rem;margin-bottom:20px}.contacts{padding:50px 20px;text-align:center;background-color:wheat;color:#201e50}.contacts-container h2{font-size:2rem;margin-bottom:20px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{margin:auto;position:relative;background:white;padding:1.5rem;text-align:center;border-radius:10px;max-width:90%;box-shadow:0 4px 15px #0003}.modal-image{max-width:100%;max-height:60vh;margin-bottom:20px;border-radius:10px}.close-button{position:absolute;top:10px;right:10px;font-size:1.5rem;background:none;border:none;color:#000;cursor:pointer}.add-to-cart-button{padding:10px 20px;background-color:#f9a826;border:none;color:#fff;border-radius:5px;font-weight:700;cursor:pointer;font-size:1rem}.add-to-cart-button:hover{background-color:#e3891e;transform:scale(1.05)}.products-pic img{width:50%;height:50%;object-fit:cover;margin:10px;border-radius:5px;cursor:pointer;transition:transform .3s,box-shadow .3s}.products-pic img:hover{transform:scale(1.1);box-shadow:0 4px 10px #00000080}@media (max-width: 768px){.hero-content h1{font-size:2rem}.hero-image{object-fit:cover}.hero-content p{font-size:1rem}.hero-content{max-width:100%}.about-content{flex-direction:column}.about-pic img{width:100px;height:100px}.about-text{text-align:center}}
