*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.6;background:#f5f5f5}header{text-align:left;padding:1rem;font-size:70px;color:#7fffd4}nav a{margin:0 1rem;text-decoration:none}main{padding:2rem}button{background:#7fffd4;border:none;padding:.5rem 1rem;cursor:pointer;transition:transform .2s}h2{text-align:center}button:hover{transform:scale(1.05)}.homepage{background-image:url(/okayimages/okaybackground.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;margin:0;padding:0}.landing{width:100%;min-height:100vh;background-size:cover;background-position:center;position:relative;padding:0;display:flex;flex-direction:column;justify-content:space-between}.logo{width:100px;border-radius:800px;cursor:pointer}nav{display:flex;padding:0;justify-content:space-between;align-items:center}.links{position:absolute;flex:1;text-align:right;margin-left:300px;z-index:9999}.links ul li{list-style:none;display:inline-block;padding:6px 10px}.links ul li a{text-decoration:none;font-weight:500;font-size:15px;color:#7fffd4;text-transform:uppercase}.content{width:100%;min-height:100vh;background-image:linear-gradient(#04091e4d,#04091e4d),url(okayimages/okaybackground.jpg);background-size:cover;background-position:center;position:relative;padding:0;flex-direction:column;justify-content:space-between;display:flex;justify-content:left;align-items:left;height:100vh;text-align:left;margin-bottom:20px}.content h1{padding:20px;font-size:80px;font-weight:700;font-style:italic;font-family:Roboto,sans-serif;color:#7fffd4}.conditions{position:absolute;left:0;padding:300px;color:#7fffd4}.conditions ul{padding-left:0}.conditions ul li{margin:10px 0}.conditions ul li a{font-size:20px;color:#7fffd4;text-decoration:none}body{background-color:#fff;color:#000;transition:background-color .3s,color .3s}body.dark-mode{background-color:#121212;color:#7fffd4}button#darkModeBtn{position:absolute;top:20px;right:20px;background-color:#7fffd4;border:none;padding:8px 12px;cursor:pointer;font-weight:700;border-radius:5px}button#darkModeBtn:hover{background-color:#6ee7d8}.dark-mode .food-card{color:#fff}.dark-mode .food-card p,.dark-mode .food-card h3,.dark-mode .nutritional-benefit{color:#000}.cart-button{position:absolute;padding:3px 12px;top:60px;right:20px;border:none;cursor:pointer;background-color:#7fffd4;color:#000;border-radius:5px;font-weight:700;text-decoration:none}.cart-button:hover{background-color:#6ee7d8}.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.food-card{background:#7fffd4;border-radius:12px;padding:10px;box-shadow:0 2px 10px #0000001a;text-align:center;position:relative}.image-container{position:relative;width:100%;height:180px;overflow:hidden;border-radius:8px}.image-container img{width:100%;height:100%;object-fit:cover}.info-icon{position:absolute;top:8px;left:8px;background:#000000b3;color:#fff;border-radius:50%;width:24px;height:24px;font-size:16px;line-height:24px;text-align:center;cursor:pointer}.food-card h3{margin:10px 0 8px;font-size:16px;color:#333}.add-to-cart{background-color:#000;color:#f5f5f5;border:none;padding:8px 12px;font-size:14px;border-radius:6px;cursor:pointer;transition:background .3s}.add-to-cart:hover{background-color:#6ee7d8}.nutritional-benefit{position:absolute;top:40px;left:8px;background:#fff;color:#333;padding:6px 10px;border-radius:6px;box-shadow:0 1px 5px #0003;display:none;font-size:14px;max-width:90%;z-index:1}.site-footer{background-color:#000;color:#fff;text-align:left;padding:20px 10px;font-size:14px;margin-top:40px;border-top:1px solid #ccc}.site-footer a{color:#fff;text-decoration:underline}.site-footer a:hover{text-decoration:none}body{display:flex;flex-direction:column;min-height:100vh;margin:0}main{flex:1}.nutrition-hint{position:fixed;bottom:20px;right:20px;background-color:#fef3c7;border:1px solid #fcd34d;color:#92400e;padding:10px 15px;border-radius:12px;font-size:14px;box-shadow:0 2px 8px #0000001a;z-index:9999;animation:popIn 1s ease-in-out}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.inline-icon{font-size:16px}@media (max-width: 600px){nav a{display:block;margin:.5rem 0}}