*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;line-height:1.6;color:#333}header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}nav{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:#d4af37}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:#333;font-weight:500;transition:color .3s ease}.nav-menu a:hover{color:#d4af37}#hero{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('https://placehold.co/1200x600/cccccc/96a2b4?text=Hero+Image') center/cover no-repeat;height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white}#hero h1{font-size:3rem;margin-bottom:1rem}#hero p{font-size:1.2rem;margin-bottom:2rem}#products{max-width:1200px;margin:4rem auto;padding:0 2rem}#products h2{text-align:center;margin-bottom:2rem;font-size:2rem}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.product-card{text-align:center;padding:1rem;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.product-card img{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-bottom:1rem}#about-section{max-width:1200px;margin:4rem auto;padding:0 2rem;text-align:center}footer{background-color:#333;color:white;text-align:center;padding:2rem;margin-top:4rem}.lazy-load[data-src]{opacity:0;transition:opacity .3s}.lazy-load.loaded{opacity:1}@media (max-width:768px){nav{flex-direction:column;gap:1rem}.nav-menu{gap:1rem}#hero h1{font-size:2rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}}