@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#3e2c23;background:#f6f1ea;font-family:Poppins,sans-serif;overflow-y:scroll}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#efe5d8}body::-webkit-scrollbar-thumb{background:#8b5e3c;border-radius:20px}body::-webkit-scrollbar-thumb:hover{background:#5c3b28}button,a{appearance:none;-webkit-tap-highlight-color:transparent;background-clip:padding-box;border:none;border-radius:40px;outline:none;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}button:focus,button:focus-visible,button:active,a:focus,a:focus-visible,a:active{box-shadow:none;border:none;outline:none}button::-moz-focus-inner{border:0}.pages button,.modal button,.selectedMealsBtn a{isolation:isolate;position:relative;overflow:hidden}strong{color:#4b2e2e;font-weight:700}.hero{color:#fff7ef;background:linear-gradient(90deg,#4b2e2e,#6f4e37);justify-content:center;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 4px 14px #00000026}.hero img{object-fit:contain;width:70px;height:70px}.hero p{letter-spacing:1px;font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:700}.searchBar{background:#fff;border:none;border-radius:50px;outline:none;width:min(90%,500px);margin:30px auto;padding:16px 22px;font-size:1rem;transition:all .3s;display:block;box-shadow:0 6px 16px #00000014}.searchBar:focus{transform:scale(1.02);box-shadow:0 0 0 4px #d3b08d}.radioBtn{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:35px;display:flex}.radioBtn label{cursor:pointer;background:#fff;border-radius:40px;padding:12px 18px;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #00000014}.radioBtn label:hover{transform:translateY(-3px)}.radioBtn input{margin-right:8px}.cards-holder{padding-inline:60px;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;padding-bottom:50px;display:grid}.singleCard{cursor:pointer;background:#fffaf5;border-radius:24px;transition:all .35s;overflow:hidden;box-shadow:0 8px 22px #00000014}.singleCard:hover{transform:translateY(-10px);box-shadow:0 18px 30px #00000024}.cardImg{object-fit:cover;width:100%;height:260px}.cardNameCategory{flex-wrap:wrap;align-items:center;gap:12px;padding:18px 20px 10px;display:flex}.cardName{color:#4b2e2e;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700;line-height:1.1}.cardCategory{color:#5c3b28;background:#e8d8c4;border-radius:30px;height:fit-content;padding:6px 12px;font-size:.8rem;font-weight:600}.cardCuisine{color:#7a5b47;margin-bottom:14px;padding-inline:20px;font-size:1rem;font-weight:500}.cardIngredients{color:#4b2e2e;margin-bottom:10px;padding-inline:20px;font-size:1rem;font-weight:600}.Ingredients{flex-wrap:wrap;gap:10px;padding:0 20px 22px;display:flex}.Ingredients p{color:#5c3b28;background:#f1e3d3;border-radius:30px;padding:8px 14px;font-size:.85rem;transition:all .3s}.Ingredients p:hover{background:#d9b99b}.pages{flex-wrap:nowrap;justify-content:center;align-items:center;gap:14px;width:100%;margin-bottom:50px;display:flex;flex-direction:row!important}.pages button,.pages span{white-space:nowrap;flex-shrink:0}.pages span{color:#5c3b28;text-align:center;font-size:1rem;font-weight:600}.pages button{color:#fff;background:linear-gradient(90deg,#6f4e37,#8b5e3c);padding:12px 26px;font-size:.95rem;font-weight:600;overflow:hidden;box-shadow:0 6px 16px #6f4e3740}.pages button:hover:not(:disabled){background:linear-gradient(90deg,#5c3b28,#744a2f);transform:translateY(-3px);box-shadow:0 12px 24px #6f4e3759}.pages button:active{transform:scale(.96);box-shadow:0 4px 10px #6f4e3733}.pages button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fffaf5;border-radius:28px;width:min(750px,100%);max-height:92vh;padding:30px;animation:.3s popup;position:relative;overflow-y:auto}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-thumb{background:#b08b68;border-radius:20px}@keyframes popup{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.modal button{color:#fff;background:linear-gradient(90deg,#6f4e37,#8b5e3c);width:42px;height:42px;font-size:1rem;position:absolute;top:18px;right:18px;overflow:hidden;box-shadow:0 6px 14px #6f4e3740}.modal button:hover{background:linear-gradient(90deg,#5c3b28,#744a2f);transform:rotate(90deg)scale(1.08)}.selectedMealName{color:#4b2e2e;margin-bottom:20px;font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:700}.selectedMealImg{border-radius:22px;width:100%;margin-bottom:22px}.selectedMealCategory,.selectedMealCuisine,.selectedMealIngredients{color:#5c3b28;margin-bottom:12px;font-size:1.05rem}.selectedMealEachIngredient{color:#5c3b28;background:#f1e3d3;border-radius:18px;margin-bottom:10px;padding:10px 14px}.selectedMealInstructions{color:#5f4637;margin-top:22px;font-size:1rem;line-height:2}.selectedMealsBtn{flex-wrap:nowrap;justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.selectedMealsBtn a{color:#fff;white-space:nowrap;background:linear-gradient(90deg,#6f4e37,#8b5e3c);justify-content:center;align-items:center;min-width:140px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex;overflow:hidden;box-shadow:0 6px 16px #6f4e3740}.selectedMealsBtn a:hover{background:linear-gradient(90deg,#5c3b28,#744a2f);transform:translateY(-3px);box-shadow:0 12px 24px #6f4e3759}.selectedMealsBtn a:active{transform:scale(.96);box-shadow:0 4px 10px #6f4e3733}@media (width<=1200px){.cards-holder{gap:24px;padding-inline:40px}.cardImg{height:240px}.cardName{font-size:1.8rem}}@media (width<=992px){.cards-holder{grid-template-columns:repeat(2,1fr);padding-inline:30px}.cardImg{height:220px}.cardName{font-size:1.7rem}.cardCuisine,.cardIngredients{font-size:.95rem}}@media (width<=768px){.hero{flex-direction:column}.hero p{font-size:2.3rem}.cards-holder{grid-template-columns:1fr;gap:20px;padding-inline:20px}.singleCard{max-width:550px;margin:auto}.cardImg{height:230px}.cardName{font-size:1.6rem}.Ingredients p{padding:7px 12px;font-size:.8rem}.selectedMealName{font-size:2.2rem}.modal{padding:20px}}@media (width<=480px){.searchBar{width:94%}.radioBtn{gap:10px}.radioBtn label{font-size:.9rem}.cards-holder{padding-inline:14px}.cardImg{height:200px}.cardName{font-size:1.4rem}.cardCategory{padding:5px 10px;font-size:.75rem}.cardCuisine,.cardIngredients{font-size:.85rem}.Ingredients{gap:8px}.Ingredients p{padding:6px 10px;font-size:.75rem}.selectedMealName{font-size:1.8rem}.selectedMealInstructions{font-size:.9rem;line-height:1.8}.selectedMealsBtn a{min-width:120px;padding:10px 18px;font-size:.82rem}}