.ingredients-step{margin:0 auto;padding:0}.step-title{text-align:center;color:#1f2937;font-size:35px;font-weight:700;margin-bottom:6px}.step-subtitle{text-align:center;font-size:15px;color:#667085;margin-bottom:32px}.ingredients-toolbar{display:flex;justify-content:space-between;gap:12px;margin-top:-10px;margin-bottom:18px}.ingredients-grid{gap:16px;flex-wrap:wrap}.ingredient-card,.ingredients-grid{display:flex;justify-content:center}.ingredient-card{position:relative;align-items:center;font-size:18px!important;flex-direction:column;height:150px;width:150px;border-radius:15px!important;padding:18px;border:2px solid #e5e5e5!important;background:#fff;color:#1f2937;cursor:pointer;font-weight:600!important;transition:all .2s ease;text-align:center}.ingredient-card:hover{border-color:#9ad29a;background:#f7fff7;color:#000}.ingredient-card.active{border-color:#7ac77a;background:#f2fff2;color:#000}.ingredient-check{position:absolute;top:-10px;left:-10px;background:#7ac77a;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.ingredient-icon{width:60px;height:60px}.ingredient-name{word-wrap:break-word;white-space:normal;font-size:16px}.ingredients-pagination{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}.ingredients-count{font-size:14px;color:#667085}@media (max-width:1024px){.step-title{font-size:30px}.ingredient-card{font-size:16px!important;height:120px;width:120px;padding:14px}.ingredient-icon{width:50px;height:50px}}@media (max-width:768px){.step-title{font-size:20px}.step-subtitle{font-size:14px;margin-bottom:24px}.ingredients-grid{gap:14px}.ingredient-card{height:120px;width:120px;min-height:100px;font-size:16px!important;padding:14px 16px}.ingredient-icon{width:50px;height:50px}.ingredient-name{word-wrap:break-word;white-space:normal;font-size:14px}}.step2-container{text-align:center}.step2-heading{font-size:35px;color:#1f2937;font-weight:700;margin-bottom:10px}.step2-subtext{color:#667085;margin-bottom:32px;font-size:15px}.step2-subtext span{text-decoration:underline;cursor:pointer}.diet-actions{display:flex;align-items:center;justify-content:space-between}.diet-actions .wizard-btn{margin-bottom:10px}.step2-grid{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin:0 auto;padding:10px;overflow:hidden}.diet-card,.step2-grid{display:flex;align-items:center}.diet-card{position:relative;font-size:18px!important;height:50px;gap:14px;border-radius:10px!important;padding:20px 0;border:2px solid #e5e5e5!important;background:#fff;color:#1f2937;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.diet-card:hover{border-color:#9ad29a;background:#f7fff7;color:#000}.diet-card.active{border-color:#7ac77a;background:#f2fff2;color:#000}.diet-card:active{transform:translateY(0)}.diet-label{flex:1 1;text-align:left;margin:0}.diet-check{position:absolute;top:-10px;left:-10px;background:#7ac77a;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.step2-footer{margin-top:26px;font-size:14px;color:#667085}.dont-have-prefrences{font-size:14px!important;background-color:#fff!important;color:#00b7ff!important;border:2px solid skyblue!important;transition:all .3s ease-in-out}.dont-have-prefrences:hover{background-color:#c2eeff;color:#000;border-color:#c2eeff!important}@media (max-width:1500px){.step2-heading{font-size:25px;margin-bottom:0}.step2-subtext{margin:0 0 10px;font-size:14px}.diet-actions{margin-top:-10px}.diet-actions .wizard-btn{font-size:14px!important;width:-moz-fit-content;width:fit-content}.diet-card{font-size:16px!important;gap:10px;border-radius:10px!important}.step2-grid{gap:10px}.step2-footer{margin-top:10px;font-size:14px}}@media (max-width:1024px){.step2-heading{font-size:30px}.diet-card{font-size:16px!important}}@media (max-width:640px){.diet-actions .wizard-btn{font-size:12px!important;width:-moz-fit-content;width:fit-content;margin-top:10px}.step2-heading{font-size:20px}.step2-subtext{font-size:14px;margin-bottom:10px}.step2-grid{gap:14px}.diet-card{font-size:14px!important}}@media (max-width:400px){.diet-actions .wizard-btn{font-size:12px!important;width:-moz-fit-content;width:fit-content;margin-top:10px}.step2-heading{font-size:16px}}.diet-card{width:-moz-fit-content;width:fit-content;font-size:14px!important}