.recipe-container{display:flex;flex-direction:column;gap:20px;padding:20px;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.search-box{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.search-box input{padding:10px 15px;border-radius:8px;border:1px solid #ccc;flex:1;min-width:250px;font-size:16px;outline:none}.search-box button{background:#0077b6;color:#fff;border:none;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:16px;transition:.3s ease}.search-box button:hover{background:#023e8a}.no-result{text-align:center;color:#6c757d;font-size:18px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.card{background:#fff;border-radius:12px;padding:15px;text-align:center;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 18px #0003}.card img{width:100%;height:180px;object-fit:cover;border-radius:10px}.cuisine{color:#e63946;font-size:18px;font-weight:700;margin-top:10px}.name{color:#0077b6;font-size:20px;font-weight:700;text-transform:uppercase;margin-bottom:10px}.btn-group{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.btn{border:none;padding:10px 15px;border-radius:8px;cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;transition:.3s ease;min-width:110px;text-align:center}.btn.add{background:#2d6a4f;color:#fff}.btn.add:hover{background:#1b4332}.btn.detail{background:#0077b6;color:#fff}.btn.detail:hover{background:#023e8a}.detail-container{padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;display:flex;flex-direction:column;gap:30px}.title{color:#d62828;font-size:32px;font-weight:700;text-transform:uppercase;text-align:center}.detail-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.detail-img{width:100%;height:300px;object-fit:cover}.detail-info{padding:20px}.detail-title{font-size:28px;font-weight:700;color:#d62828;margin-bottom:10px}.detail-extra{display:grid;grid-template-columns:1fr;gap:20px}.ingredients,.instructions{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #00000014}.ingredients h2,.instructions h2{color:#0077b6;margin-bottom:15px}.ingredients ul{list-style:disc;padding-left:20px;line-height:1.8}.instructions ol{list-style:decimal;padding-left:20px;line-height:1.8}@media (min-width: 768px){.detail-card{flex-direction:row;align-items:center}.detail-img{width:50%;height:100%}.detail-info{width:50%}.detail-extra{grid-template-columns:1fr 1fr}}.loading-container{display:flex;justify-content:center;align-items:center;height:100vh}