.category-card-body{cursor:pointer;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 8px #00000014;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.category-card-body:hover{transform:translateY(-6px);box-shadow:0 8px 16px #00000026}.category-card-body img{width:100%;height:150px;object-fit:cover}.category-card-title{font-size:1.2rem;font-weight:600;color:#333;margin:1rem 0;transition:color .2s ease}.category-card-body:hover .category-card-title{color:#f60}.title{text-align:center}.caption{color:#f60;font-size:1rem;font-style:italic}.search-bar{display:flex;gap:5px}input{font-size:18px;padding:5px 10px 5px 35px;outline:none;background:#fff;color:#000;border:1px solid #c4d1eb;border-radius:5px;box-shadow:3px 3px 2px #e2e2e2;transition:.3s ease}button{background-color:#f60;border-radius:8px;border-style:none;box-sizing:border-box;color:#fff;cursor:pointer;padding:10px 20px}.header{display:flex;align-items:center;justify-content:space-around;margin-bottom:20px;flex-wrap:wrap}.category-cards-container{display:grid;grid-template-columns:repeat(auto-fill,250px);justify-content:center;gap:1.5rem;padding:2rem;background-color:#fafafa}.meal-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;padding:2rem;background-color:#fffdfd;border-radius:20px;box-shadow:0 4px 12px #0000000d;max-width:1200px;margin:2rem auto}.meal-container img{width:100%;max-width:450px;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 6px 14px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.meal-container img:hover{transform:scale(1.03);box-shadow:0 10px 18px #00000026}.meal-detail{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:300px;padding:1.5rem;background-color:#fff;border-radius:16px;box-shadow:0 3px 8px #00000014}.meal-detail h1{font-size:2.4rem;font-weight:700;color:#222;margin-bottom:1rem;margin-top:0;line-height:1.2;position:relative;padding-left:.6rem}.meal-detail h1:before{content:"";position:absolute;left:0;top:6px;width:4px;height:80%;background-color:coral;border-radius:4px}.meal-detail h2{font-size:1.8rem;color:#333;margin-bottom:.75rem}.meal-detail p{line-height:1.6;color:#555;margin-bottom:1rem}.meal-detail a{margin-top:1.5rem;padding:.75rem 1.4rem;background-color:coral;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:10px;transition:.25s;text-align:center}.meal-detail a:hover{background-color:#ff6a36;transform:translateY(-2px)}.meal-detail a:active{transform:translateY(0)}.ingredients,.instructions{margin-top:1.5rem;background-color:#fafafa;padding:1.5rem;border-radius:14px;box-shadow:0 2px 6px #0000000f}.ingredients h2,.instructions h2{font-size:1.6rem;color:#333;margin-bottom:1rem;border-left:4px solid #ff7f50;padding-left:.5rem}.ingredients ul{list-style:none;padding-left:0;margin:0}.ingredients li{background:#fff;padding:.75rem 1rem;margin-bottom:.6rem;border-radius:10px;box-shadow:0 1px 4px #0000000d;font-size:1rem;color:#444;display:flex;flex-direction:row;align-items:center;gap:8px;transition:background .2s ease,transform .15s ease}.ingredients li:hover{background:#fff5f0;transform:translate(3px)}.ingredients li span.measure{color:#777;font-weight:500}@media(max-width:768px){.meal-container{flex-direction:column;align-items:center;height:auto}.meal-detail{width:100%}.meal-container img{max-width:100%}.ingredients{padding:1.2rem}.ingredients li{padding:.7rem}}