.navbar{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;margin-right:2rem}.nav-links{display:flex;column-gap:2rem}.nav-links a{text-decoration:none;color:#fff;font-size:1rem;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:#e9dc90}.product-card{margin-top:2rem;border:1px solid #ccc;border-radius:5px;padding:10px;width:300px;text-align:center}.product-card img{margin-top:1rem;margin-bottom:1rem;width:200px;height:220px}.product-card a{text-decoration:none;color:#5682bb;font-size:1.4rem}.product-container{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.product-list{display:flex;flex-wrap:wrap;gap:20px}.containerTitle{font-size:2rem}.newrecipe-container{border:1px solid #ccc;padding:30px;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:40%;margin:2rem auto 0}.ingredients-container{flex-direction:column}.ingredients-container h1{padding-bottom:1rem}.recipeform-group{margin-bottom:.8rem;gap:.6rem;display:flex;align-items:center}.recipeform-group input,select{width:100%;padding:.625rem;border:1px solid #ccc;border-radius:4px}.recipeform-group textarea,label,select{max-width:90%}.recipeform-group input{max-width:48%;display:block;margin-bottom:5px}.newrecipe-info{flex-direction:column;padding-bottom:1rem}.newrecipe-info h1{font-size:2.6rem}.newrecipe-info p{padding-top:.5rem}.button-ingredients-container{justify-content:center;gap:1rem}.submit-container{display:flex;justify-content:center}button{width:80%;padding:.6rem;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}.add-recipe-button{margin-top:1rem;background-color:#007bff}.add-ingredient-button{width:38.8%;background-color:#358b42}.add-ingredient-button:hover{background-color:#41ad51}.remove-ingredient-button{width:38.8%;background-color:#b83333}.remove-ingredient-button:hover{background-color:#dd4242}.myrecipes-container{flex-direction:column;border:1px solid #ccc;padding:30px;border-radius:5px;box-shadow:0 2px 10px #0000001a;width:40%;margin:2rem auto 0}.myrecipes-container h1{font-size:2.6rem}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d2;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background-color:#fff;padding:20px;border-radius:8px;min-width:300px;box-shadow:0 4px 8px #0003}.close-button{background:"none";border:none;font-size:20px;cursor:pointer;float:right}.recipedetail hr{margin:.6rem}.recipedetail-ingredients{flex-direction:column}.recipedetail-ingredients h2,.recipedetail-ingredient{padding-bottom:.6rem}.recipedetail-header{flex-direction:column}.recipedetail-backbutton{background-color:#00bcd4}.recipe-card{display:flex;align-items:center;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 10px #0000001a;margin:.4rem auto 0;padding-right:1rem}.recipe-info{margin-left:2rem;word-break:break-all}.recipe-img-container img{width:9.37rem;height:9.37rem}.recipe-actions{flex-direction:row;gap:1rem}.recipe-actions button{height:3rem;width:3rem;margin-top:2rem}.view-recipe-button{background-color:green}.delete-recipe-button{background-color:red}.edit-recipe-button{background-color:#87cefa}.recipe-container{width:auto}.product-detail{display:flex;flex-direction:column;align-items:center;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:400px;margin:20px auto;background-color:#fff}.product-image{width:200px;height:220px;border-radius:8px;margin-top:30px;margin-bottom:30px}.product-price{font-size:1.2rem;font-weight:700;margin:10px 0}.buy-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.buy-button:hover{background-color:#0056b3}.back-button{padding:10px 20px;background-color:#a18b4e;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;text-decoration:none}