.meals-container{margin-top:20px;padding:0 16px}.meals-search{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.meals-search h2{margin:0;font-size:1.25rem;font-weight:600}.meals-search input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.meals-count{color:#666;text-align:right;margin-bottom:16px;font-size:12px}.meals-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}@media (min-width:640px){.meals-container{padding:0 20px}.meals-search{flex-direction:row;justify-content:space-between;align-items:center}.meals-search h2{margin-right:auto;font-size:1.5rem}.meals-search input{width:100%;max-width:320px}.meals-grid{grid-template-columns:repeat(3,1fr);gap:16px}.meals-count{font-size:13px}}@media (min-width:1024px){.meals-container{padding:0 30px}.meals-search h2{font-size:1.75rem}.meals-search input{max-width:400px}.meals-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (max-width:480px){.meals-container{margin-top:10px;padding:0 12px}.meals-search{margin-bottom:16px}.meals-search h2{margin-bottom:12px;font-size:1rem}.meals-search input{width:100%;padding:8px 12px;font-size:12px}.meals-count{margin-bottom:12px;font-size:11px}.meals-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}}
