:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px}.headerContainer{z-index:100;width:100%;margin-bottom:40px;font-family:Montserrat,sans-serif;position:relative}.header{z-index:99;background-color:#000;justify-content:space-between;align-items:center;gap:10px;height:85px;padding:15px;display:flex}.firstSectHeader,.secondSectHeader{justify-content:center;align-items:center;gap:20px;display:flex}.logo img{cursor:pointer;height:85px}.navFirst{gap:15px;transition:all .3s;display:flex}.nav-links{display:none}.nav-links a,.navFirst a{color:#fff;text-align:center;font-size:.8rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover,.navFirst a:hover{color:#f2a900}.nav-links hr{border:none;border-top:9px solid #e5e5e5;margin:1rem 0}.bottomNav{margin-top:auto}.bottomNav p{color:#fff;margin-top:10px;font-size:.9rem}#menu-icon{display:none}.loginBtn,.loginBtn2{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:10px;font-size:20px;transition:all .3s}.loginBtn2 p{margin-top:10px;font-size:.8rem}.loginBtn:hover,.loginBtn2:hover{color:#1f0637;background-color:#f2a900}.headerSearch{align-items:center;display:flex;position:relative}.headerSearch input{border:none;border-radius:5px;outline:none;width:300px;max-width:100%;padding:10px 30px;font-family:Montserrat,sans-serif;font-size:.85rem}.headerSearch input:focus{border-color:#1f0637}.headerSearch svg{color:#af4c0f;font-size:1rem;position:absolute;left:10px}.search-results{z-index:100;background:#f8f8a6;border-left:1px solid #e5e5e5;border-radius:10px 0 0 10px;flex-direction:column;width:400px;max-width:90%;height:90%;padding:1rem;display:flex;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-2px 0 5px #00000026}.search-results button{cursor:pointer;border:none;border-radius:5px;margin-top:.5rem;padding:.4rem .8rem}.search-results{gap:.5rem}.search-result-item{background-color:#f9f9f9;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}@media (width<=950px){.nav-links{z-index:99;background:#1a1919;flex-direction:column;align-items:flex-start;gap:1.5rem;width:200px;height:100%;padding:20px;transition:left .5s ease-in-out;display:flex;position:fixed;top:0;left:-100%;box-shadow:2px 0 5px #0000004d}.navFirst{display:none}.logo img{width:65px}.nav-links.show{left:0}.nav-links svg{color:#fff;cursor:pointer;margin-right:10px;font-size:18px}#menu-icon{cursor:pointer;color:#fff;font-size:20px;display:block}.headerSearch input{width:80%}.loginBtn{display:none}}@media (width<=500px){.logo img{width:60px}.headerSearch input{width:80%;font-size:.9rem}.userIcon,.faBars,.addRecipeIcon{font-size:20px}}@media (width<=380px){.logo img{width:50px}.headerSearch input{width:100%}.userIcon,.faBars,.addRecipeIcon{font-size:20px}}footer{flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:30px;font-family:Montserrat,sans-serif;display:flex}.footer{box-sizing:border-box;background:#f7a41b;border-radius:50px 50px 0 0;width:100%;height:auto}.footerhead{flex-direction:row;justify-content:space-between;align-items:center;gap:50px;display:flex}.footerhead img{width:180px;height:auto}.footerhead h2{font-size:2rem;font-weight:300px;color:#1a1919;text-align:center}.footerhead span{font-size:3rem;font-weight:900}.footerRow{border-bottom:1px solid #1a1919;align-items:baseline;gap:300px;padding:30px;display:flex}.contactinfo,.quicklinks{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.contactinfo h2,.quicklinks h2{color:#1a1919;font-size:1.5rem;font-weight:700}.contactinfo a,.quicklinks a,.contactinfo p{color:#1a1919;margin:0 10px;font-size:1rem;text-decoration:none}.contactinfo a:hover,.quicklinks a:hover{color:#fff;transform:scale(1.05)}.socialIcon{color:#1a1919;font-size:1.8rem}.socialIcon:hover{color:#fff}.bottom p{color:#1a1919;text-align:center;font-size:1rem;font-weight:500}.scrollbtn{background-color:#f60;border-radius:50px;margin-top:20px;margin-left:auto;padding:20px}.scrollbtn:hover{background-color:#f30;transition:all .3s;transform:scale(1.1)}@media (width<=780px){.footerRow{border-bottom:1px solid #fff;align-items:baseline;gap:10px;padding:30px;display:flex}.footerhead img{width:120px;height:auto}.footerhead h2{font-size:1.8rem}.footerhead span{font-size:2.3rem}.footerhead p{font-size:.8rem}.contactinfo h2{color:#1a1919;font-size:1.1rem;font-weight:700}.contactinfo a{color:#fff;margin:0 10px;font-size:20px;text-decoration:none}.contactinfo p{font-size:1rem}.quicklinks h2{font-size:1.1rem}.quicklinks a,.bottom p{font-size:.9rem}.scrollbtn{right:15px}}@media (width<=500px){.footerhead img{width:120px;height:auto}.footerRow{border-bottom:1px solid #fff;flex-direction:column;align-items:center;gap:30px;padding:30px;display:flex}.footerhead{gap:30px}.footerhead h2{font-size:1rem}.footerhead span{font-size:1.5rem}}@media (width<=380px){.footerhead img{width:100px;height:auto}.footerRow{border-bottom:1px solid #fff;flex-direction:column;align-items:center;gap:30px;padding:30px;display:flex}.footerhead{gap:30px}.footerhead h2{font-size:1rem}.footerhead span{font-size:1.5rem}.scrollbtn{margin-top:20px;margin-left:auto}}.add-recipe-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.add-recipe-page button{margin-right:auto}.hero-gif{flex-direction:column;justify-content:center;align-items:center;margin:20px auto;display:flex}.hero-gif video{border-radius:20px;width:400px}.hero-text{color:#af4c0f;flex-direction:column;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;display:flex}.hero-text h1{text-align:center;font-size:1.6rem}.hero-text p{text-align:center;max-width:600px;font-size:.875rem}.add-recipe-form{border-radius:none;flex-wrap:wrap;gap:24px;max-width:800px;height:fit-content;padding:32px;display:flex}.addRecipeTitle{text-align:center;color:#af4c0f;margin-bottom:24px}.formTweak{flex-direction:column;flex:100%;gap:12px;display:flex}.formGroup label,.formTweak label{color:#af4c0f;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.formGroup{flex-flow:column wrap;flex:40%;gap:8px;display:flex}.add-recipe-form input,.add-recipe-form select,.add-recipe-form textarea{border:1px solid #ddd;border-radius:8px;outline:none;padding:12px;font-size:14px;transition:all .2s}.add-recipe-form input:focus,.add-recipe-form select:focus,.add-recipe-form textarea:focus{border-color:#af4c0f;box-shadow:0 0 0 2px #ee9b1533}.add-recipe-form textarea{resize:vertical;min-height:100px}.add-recipe-form .image-upload{text-align:center;cursor:pointer;border:2px dashed #af4c0f;border-radius:8px;margin-top:280px;padding:20px;transition:all .2s}.add-recipe-form .image-upload:hover{background-color:#f9f9ff;border-color:#f7a41b}.add-recipe-form .image-upload img{object-fit:cover;border-radius:8px;width:60%}.add-recipe-form button{border-radius:none;color:#fff;cursor:pointer;background-color:#af4c0f;border:none;padding:12px 16px;font-size:16px;font-weight:600;transition:all .2s ease-in-out}.add-recipe-form button:hover:not(:disabled){background-color:#f7a41b;border-radius:50px;transform:scale(1.01)}.add-recipe-form button:disabled{opacity:.7;cursor:not-allowed}@media (width<=640px){.add-recipe-form{width:90%;padding:16px}}@media (width<=480px){.add-recipe-form{width:100%;padding:12px}.formGroup{flex:50%}}*{box-sizing:border-box;margin:0;padding:0}.recipe-page{margin:0 auto;padding:20px}body{background-color:#f9e4b7;width:100%}.page-title{text-align:center;color:#f7a41b;margin:10px 0 20px;font-size:2.5rem;font-weight:800}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:30px;display:flex}.category-filter{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:20px;display:flex}.category-filter h2{color:#af4c0f;font-size:1.5rem;font-weight:700}.category-filter button{cursor:pointer;background:#fff;border:1px solid #f7a41b;border-radius:25px;padding:8px 15px;font-size:.7rem;font-weight:500;transition:background .3s,color .3s}.category-filter button.active,.category-filter button:hover{color:#fff;background:#f7a41b}.search-input{border:1px solid #ccc;min-width:250px;padding:10px 15px;transition:all .3s ease-in-out}.search-input:focus{border-radius:25px}.sort-select{cursor:pointer;border:1px solid #ccc;border-radius:25px;padding:10px 15px}.recipes-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.recipesCard{background-color:#fff;border:1px solid #ddd;border-radius:10px;overflow:hidden;box-shadow:0 2px 5px #0000001a}.recipesCard:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.recipesCard img{object-fit:cover;border-radius:0;width:100%;height:200px}.recipe-title{color:#af4c0f;margin:10px;font-size:1.2rem}.recipe-meta span{color:#555;margin:0 10px 10px}.recipesCard button{margin:0 10px 10px;font-size:.8rem;font-weight:500}.pagination{justify-content:center;gap:10px;margin-bottom:50px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #f7a41b;border-radius:5px;padding:8px 12px;font-weight:700;transition:background .3s,color .3s}.pagination button.active,.pagination button:hover{color:#fff;background:#f7a41b}.no-recipes{text-align:center;color:#af4c0f;font-size:1.2rem}@media (width<=768px){.page-title{font-size:1.8rem}.recipe-title{font-size:1rem}.cookTime,.prepTime,.servings{font-size:.85rem}.recipesCard button{padding:6px 12px;font-size:.8rem;font-weight:400}.category-filter h2{font-size:1.2rem}}@media (width<=480px){.recipe-page{padding:15px}.controls{flex-direction:column;gap:15px}.search-input{width:100%;min-width:unset}.sort-select{width:100%}.recipes-grid{grid-template-columns:1fr;gap:20px}.recipe-img{height:220px}.page-title{font-size:1.7rem}.category-filter h2{width:100%;font-size:1rem}.category-filter button{padding:6px 12px;font-size:.8rem}.recipe-title{min-height:auto;font-size:1rem}.recipe-meta{flex-direction:row;justify-content:space-between;font-size:.8rem}.recipesCard .btn{width:calc(100% - 30px)}}.recipe-details-page{color:#333;max-width:1200px;margin:0 auto;padding:20px;font-family:Monserrat,sans-serif}.bannerSection{background-color:#8d3304;border-top:5px solid #000;border-left:5px solid #000;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;width:100%;height:auto;margin-bottom:40px;padding-left:3%;display:flex}.banner h1{color:#fff;font-size:2.5rem}.banner p{color:#fff;font-size:1.2rem;line-height:1.5}.bannerSection img{width:auto;height:300px}.addBtn{color:#fff;background-color:#f7a41b;border-radius:50px;margin-top:15px;padding:10px 20px;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.back-btn{cursor:pointer;background:#f0f0f0;border:none;border-radius:5px;margin-bottom:20px;padding:8px 12px;transition:background .2s}.back-btn:hover,.addBtn:hover{color:#f7a41b;background:#fff}.recipeActions{justify-content:space-between;margin-bottom:20px;display:flex}.recipe-header{flex-wrap:wrap;gap:20px;margin-bottom:40px;display:flex}.recipe-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:100%;max-width:400px}.recipe-info{flex:1}.recipe-info h1{margin-bottom:10px;font-size:1.8rem}.recipe-info p{margin-bottom:15px;font-size:.9rem;line-height:1.5}.recipe-meta{color:#555;gap:20px;font-weight:500;display:flex}.recipe-meta svg,.recipe-info svg{color:#f7a41b;font-size:18px}.recipe-meta span{align-items:center;gap:5px;font-size:.8rem;display:flex}.recipe-body h2{margin-top:20px;margin-bottom:10px;font-size:1.4rem}.recipe-body ul,.recipe-body ol{margin-bottom:20px;padding-left:20px}.recipe-body li{margin-bottom:5px;line-height:1.4}.related-recipes-section{margin-top:50px}.related-recipes-section .section-heading{margin-bottom:20px;font-size:1.4rem}.related-recipes-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:0;list-style:none;display:grid}.related-recipe-item{cursor:pointer;border-radius:10px;transition:transform .2s,box-shadow .2s;overflow:hidden}.related-recipe-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.related-recipe-image{width:100%;height:120px;overflow:hidden}.related-recipe-image img{object-fit:cover;width:100%;height:100%;display:block}.related-recipe-title{text-align:center;color:#333;padding:8px;font-size:.95rem;font-weight:500;display:block}.commentActions,.commentBtns{gap:10px;margin-bottom:10px;display:flex}.commentIcon{cursor:pointer}.shareBtn,.commentBtn{color:#8d3304;cursor:pointer;background:0 0;border:2px solid #8d3304;border-radius:50px;padding:10px 15px;transition:background .2s}.likeBtn{color:#8d3304;cursor:pointer;background:0 0;border:2px solid #8d3304;border-radius:50px;padding:10px 15px;transition:background .2s,color .2s}.likeBtn.liked{color:#fff;background-color:#8d3304}.shareBtn:hover,.likeBtn:hover,.commentBtn:hover{background-color:#f7a41b}.commentSection{margin-top:50px}.commentSection h2{text-align:center;margin-bottom:20px;font-size:2rem}.addComment{flex-direction:column;gap:10px;margin-bottom:30px;display:flex}.addComment textarea{resize:vertical;border:3px solid #8d3304;border-radius:30px;padding:15px;font-family:Montserrat,sans-serif}.addComment button{color:#fff;cursor:pointer;background:#8d3304;border:none;border-radius:50px;align-self:flex-end;margin-right:10px;padding:10px 20px;transition:background .2s;position:absolute}.commentActions{display:flex}.commentList{flex-direction:column;align-items:flex-start;display:flex}.commentList li{color:#8d3304;background-color:#fff;border-radius:25px;gap:5px;width:auto;height:auto;padding:13px;font-size:1rem;list-style:none;box-shadow:0 5px 15px #0000001a}.commentList p{color:#333;margin-left:10px;font-weight:500}.commentList button{color:#8d3304;background:0 0;border:none}@media (width<=768px){.recipe-header{flex-direction:column;align-items:center}.recipe-img{max-width:100%}.bannerSection{text-align:center;flex-direction:column}.bannerSection img{width:100%;height:auto}}@media (width<=480px){.recipe-info h1{font-size:1.5rem}.related-recipes-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.bannerSection h1{font-size:1.5rem}.banner p{font-size:.9rem}.recipe-body h2{font-size:1.2rem}.recipe-body ul,.recipe-body ol{padding-left:15px}.recipe-body li,.related-recipe-title{font-size:.9rem}.recipe-meta span{font-size:10px}.recipe-meta svg{font-size:15px}}.userHomeWrapper{border-radius:8px;flex-direction:column;margin-bottom:80px;display:flex}.userHeader{color:#af4c0f;text-align:center;background-color:#f7a41b;justify-content:space-between;align-items:center;height:90px;padding:20px;display:flex}.searchButton{cursor:pointer;background:0 0;border:none}.searchInput{border:none;border-radius:4px;width:250px;max-width:100%;margin-right:10px;padding:12px 18px;font-size:.8rem;transition:all .3s ease-in-out}.searchInput:focus{border-radius:50px;outline:none}.searchButton svg{color:#fff;font-size:22px}.userHeader .addRecipeUser,.userLogOut{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:13px;padding:10px}.userHeaderActions{gap:20px;display:flex}.welcomeSection{color:#af4c0f;text-align:center;background:#f7a41b;border-radius:0 0 20px 20px;padding:30px}.welcomeSection img{object-fit:cover;border:4px solid #1a1919;border-radius:50%;width:100px;height:100px;margin-bottom:10px}.welcomeSection h2{font-size:2rem;font-weight:300px;margin-bottom:10px}.feed{margin-top:20px;padding:20px}.feed h2{text-align:center;color:#af4c0f;margin-bottom:15px;font-size:1.7rem;font-weight:400}.userCategories{flex-direction:column;justify-content:center;gap:15px;margin-bottom:20px;display:flex}.categoriesContainer{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}.userCategories h1{text-align:center;color:#af4c0f;font-size:1.5rem;font-weight:500}.userCategories h3{text-align:center;color:#af4c0f;font-size:1.2rem;font-weight:400}.userCategories img{object-fit:cover;cursor:pointer;border-radius:50%;width:120px;height:120px;transition:transform .2s}.userCategories a{color:#f7a41b;cursor:pointer;background:#eee;border:none;border-radius:20px;flex-direction:column;align-items:center;width:280px;margin-top:5px;padding:10px;font-size:.9rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000014}.userCategories a:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001f}.feedContainer{flex-direction:column;gap:15px;display:flex}.feedCard{background:#fff;border-radius:12px;padding:12px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #00000014}.feedCard:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.feedCardHeader{align-items:center;margin-bottom:10px;display:flex}.feedUserInfo{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:#af4c0f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.username{margin:0;font-size:.9rem;font-weight:600}.meta{color:#777;font-size:.7rem}.feedCardBody h3{margin:5px 0;font-size:1rem}.feedImage{object-fit:cover;border-radius:20px;width:150px;height:150px;margin-top:10px}.instructions{color:#444;font-size:.85rem}.feedCardFooter{border-top:1px solid #eee;justify-content:space-around;margin-top:10px;padding-top:8px;display:flex}.feedCardFooter button{color:#555;cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .2s}.feedCardFooter button:hover{color:#af4c0f}@media (width<=768px){.userHeader{flex-direction:column;gap:15px;height:auto}.userHeaderActions{flex-direction:row;gap:10px}.searchInput{width:100%;max-width:none}.welcomeSection{padding:20px}.welcomeSection h2{font-size:1.6rem}.feed h2{font-size:1.4rem;font-weight:400}.categoriesContainer{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.categoryButton{width:100%}.categoryButton h3{font-size:.9rem}.feedCard{padding:10px}.feedCardBody h3{font-size:.9rem;font-weight:500}.feedImage{object-fit:cover;border-radius:20px;width:150px;height:150px;margin-top:10px}.instructions{color:#444;font-size:.8rem}.feedCardFooter button{font-size:13px}}.liked-page{color:#8d3304;padding:20px}.liked-page h1{text-align:center;margin-bottom:30px}.liked-page .no-recipes{text-align:center;color:#555;padding:40px 0;font-size:1.5rem}.liked-page select{color:#8d3304;background:0 0;border:none;border-bottom:2px solid #8d3304;margin-bottom:20px;padding:10px}.pagination{justify-content:center;gap:10px;margin-top:20px;display:flex}.pagination button{color:#8d3304;cursor:pointer;background:0 0;border:2px solid #8d3304;border-radius:50px;padding:10px 15px;transition:background .2s,color .2s}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:hover:not(:disabled){color:#fff;background-color:#f7a41b}.pagination span{align-items:center;gap:5px;font-size:1.5rem;display:flex}.liked-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.liked-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 5px #0000001a}.liked-card h3{color:#8d3304;margin:10px;font-size:1.2rem}.liked-card p{color:#555;margin:0 10px 10px;font-size:.9rem}.liked-card button{color:#fff;cursor:pointer;background-color:#8d3304;border:none;border-radius:5px;margin:10px;padding:8px 12px;transition:background-color .2s}.liked-card button:hover{background-color:#f7a41b}.liked-card img{object-fit:cover;cursor:pointer;width:100%;height:150px}.container{color:#8d3304;margin-bottom:50px;padding:20px}.container h1{text-align:center;margin-bottom:30px}.sort{justify-content:flex-end;margin-bottom:20px;display:flex}.sort select{color:#8d3304;background:0 0;border:none;border-bottom:2px solid #8d3304;padding:10px}.myGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.myCard{background-color:#fff;border:1px solid #ddd;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 2px 5px #0000001a}.myCard img{object-fit:cover;width:100%;height:150px}.myCard h3{color:#8d3304;margin:10px;font-size:1.2rem}.myCard p{color:#555;font-size:.875rem}.delEditBtn{justify-content:space-between;padding:10px;display:flex}.delEditBtn button{color:#fff;cursor:pointer;background-color:#8d3304;border:none;border-radius:5px;padding:8px 12px;transition:background-color .2s,transform .1s}.delEditBtn button:hover{background-color:#f7a41b;transform:scale(1.05)}.container p{text-align:center;color:#555;padding:20px;font-size:1rem}@media (width<=768px){.sort{justify-content:center}.card img{height:180px}}@media (width<=480px){.container{padding:10px}.card h3{font-size:1rem}.card p{font-size:.8rem}}.profileWrapper{padding:20px}.profileContainer{display:flex}.hamburger{color:#af4c0f;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:28px;display:none}.landing-nav{border-right:2px solid #af4c0f;flex-direction:column;align-items:center;width:100%;max-width:180px;height:86vh;display:flex}.navs{flex-direction:column;gap:15px;width:100%;margin-top:20px;padding:10px;display:flex}.navs a{font-size:.875rem;font-weight:400}.nav-link{color:#af4c0f;border-radius:10px;align-items:center;gap:10px;padding:10px 15px;text-decoration:none;display:flex}.nav-link svg{font-size:18px}.nav-link.active{color:#fff;background:#af4c0f}.profileContent{padding:20px}@media (width<=768px){.hamburger{display:block}.profileContainer{flex-direction:column}@media (width<=768px){.hamburger{margin-right:10px;display:block;position:fixed;right:0}.profileContainer{flex-direction:column}.landing-nav{z-index:999;background:#1a1919;flex-direction:column;align-items:flex-start;gap:1.5rem;width:200px;height:100%;padding:20px;transition:left .5s ease-in-out;position:fixed;top:0;left:-100%;box-shadow:-3px 0 10px #0000004d}.landing-nav.show{left:0}.navs{width:100%}.nav-link{color:#fff;justify-content:flex-start;width:100%;font-size:.875rem}.nav-link.active{color:#fff;background:#af4c0f}}}.profileSettingsContainer{justify-content:center;align-items:center;min-height:100vh;font-family:Montserrat,sans-serif;display:flex}.profileSettingsContainer hr{border:none;border-bottom:2px solid #1a1919}.profileSettingsCard{color:#af4c0f;border-radius:20px;flex-direction:column;gap:25px;padding:20px;display:flex}.settingsTitle{text-align:center;font-size:1.5rem}.profileImageSection{flex-direction:column;align-items:center;gap:15px;display:flex}.profileImageSection input{color:#fff;background:#af4c0f;border-radius:10px;padding:10px}.profileImage{object-fit:cover;border:4px solid #1a1919;border-radius:50%;width:120px;height:120px}.photoInfo{opacity:.8;text-align:center;color:#555;font-size:13px}.inputGroup{flex-direction:column;gap:10px;display:flex}.inputGroup input{border:none;border-radius:10px;outline:none;padding:13px;font-size:.9rem}.saveBtn{color:#fff;cursor:pointer;background:#1a1919;border:none;border-radius:12px;padding:15px;font-weight:700;transition:all .3s}.saveBtn:hover{opacity:.9}.saveBtn:disabled{opacity:.5;cursor:not-allowed}.dangerZone{border-top:1px solid #fff3;flex-direction:column;gap:15px;padding-top:20px;display:flex}.dangerZone button{color:#fff;cursor:pointer;background:#ff4d4f;border:none;border-radius:12px;padding:14px;font-weight:700}.helpSection{color:#1f1f1f;max-width:1100px;margin:0 auto;padding:35px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}.helpSection h1{text-align:center;color:#af4c0f;margin-bottom:20px;font-size:2.2rem;font-weight:800}.helpSearchBox{justify-content:center;align-items:center;gap:10px;margin:20px 0 25px;display:flex}.helpSearchBox input{background:#fff;border:1px solid #e5e5e5;outline:none;width:100%;max-width:450px;padding:12px 16px;font-size:.95rem;transition:all .25s;box-shadow:0 2px 8px #0000000a}.helpSearchBox input:focus{border-color:#af4c0f;border-radius:50px;box-shadow:0 4px 14px #af4c0f26}.helpSearchBox button{color:#fff;cursor:pointer;background:#af4c0f;border:none;border-radius:10px;padding:10px 14px;transition:all .2s}.helpSearchBox button:hover{background:#8f3e0c}.helpTags{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:25px;display:flex}.helpTags button{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:999px;padding:8px 14px;font-size:.85rem;transition:all .25s;box-shadow:0 2px 6px #00000008}.helpTags button:hover{border-color:#af4c0f;transform:translateY(-2px)}.helpTags button.active{color:#fff;background:#af4c0f;border-color:#af4c0f}.helpGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.helpCard{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffe6;border:1px solid #f0f0f0;border-radius:16px;padding:18px;transition:all .25s;box-shadow:0 4px 12px #0000000a}.helpCard:hover{border-color:#f7a41b;transform:translateY(-6px);box-shadow:0 10px 25px #00000014}.helpIcon{color:#af4c0f;margin-bottom:10px;font-size:24px}.helpCard h3{color:#1f1f1f;margin-bottom:8px;font-size:1.05rem;font-weight:700}.helpCard p{color:#666;font-size:.875rem;line-height:1.4}.helpPopUp{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.helpContent{background:#fff;border-radius:16px;width:90%;max-width:650px;padding:25px;animation:.2s pop;position:relative;box-shadow:0 20px 60px #0003}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.helpContent h2{text-align:center;color:#af4c0f;margin-top:15px;margin-bottom:10px;font-size:1.5rem}.helpContent p{color:#333;text-align:justify;font-size:.95rem;line-height:1.6}.helpClose{cursor:pointer;color:#666;font-size:20px;transition:all .2s;position:absolute;top:12px;right:15px}.helpClose:hover{color:#af4c0f}mark{color:#fff;background:#f7a41b;border-radius:4px;padding:2px 4px}@media (width<=600px){.helpSection{padding:5px}.helpSection h1{font-size:1.6rem}.helpGrid{grid-template-columns:1fr}.helpContent{padding:18px}}@media (width<=480px){.helpTags{display:none}}.dashboard{height:100vh;font-family:Montserrat,sans-serif;display:flex;overflow:hidden}.dashboard aside{color:#af4c0f;scrollbar-width:none;-ms-overflow-style:none;background-color:#f9e4b7;border-radius:0 20px 0 0;flex-direction:column;align-items:center;width:100%;max-width:200px;height:100vh;padding:15px;display:flex;overflow-y:auto;box-shadow:0 4px 8px #9898981a}.dashboard aside::-webkit-scrollbar{display:none}.dashbord aside .logoContainer{margin-bottom:30px}.logoContainer img{width:90px;height:auto}.dashboard aside nav ul{flex-direction:column;align-items:flex-start;gap:10px;width:100%;margin-top:10px;padding:0;text-decoration:none;list-style:none;display:flex}.dashboard aside nav ul .nav-link{color:#af4c0f;align-items:center;gap:10px;width:100%;padding:10px 20px;font-size:.85rem;text-decoration:none;transition:all .3s ease-in-out;display:flex}.dashboard aside nav ul .nav-link:hover,.dashboard aside nav ul .nav-link.active{color:#1a1919;background-color:#ff9;border-radius:50px}.dashboard aside .icon{color:#af4c0f;margin-right:8px;font-size:20px}.content{background-color:#8d3304;flex:1;height:100vh;margin-left:200px;overflow-y:auto}.contentHeader{background-color:#fff;justify-content:space-between;align-items:center;width:auto;height:80px;margin-bottom:20px;padding:10px;display:flex;position:sticky;top:0;box-shadow:0 4px 8px #0000001a}.menuButton,.closeBtn{color:#1a1919;cursor:pointer;background:0 0;border:none;font-size:20px;display:none}.sidebar{color:#fff;background-color:#1a1919;width:250px;height:100vh;padding:20px;transition:transform .3s ease-in-out;position:fixed;top:0;left:0}.logOutButton{color:#fff;cursor:pointer;background-color:#8d3304;border:none;padding:10px;font-size:.8rem;transition:all .3s ease-in-out}.logOutButton:hover{color:#1a1919;background-color:#f9e4b7;border-radius:25px}@media (width<=768px){.dashboard aside{z-index:1000;transform:translate(-100%)}.dashboard aside.open{transform:translate(0)}.content{margin-left:0}.menuButton,.closeBtn{display:block}}@media (width<=480px){.contentHeader{justify-content:space-between;align-items:center;display:flex}.contentHeader h2{margin:0;font-size:1rem}.greeting img{display:none}.logOutButton{margin-left:15px;padding:8px 16px;font-size:.9rem}}.accountContainer{padding:10px}.adminTable{border-collapse:collapse;background-color:#fff;border-radius:20px;width:100%;height:auto;margin-top:20px;padding:10px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.usersHeader{align-items:center;margin-bottom:20px;display:flex}.usersHeader h1{color:#fff;font-size:1.5rem;font-weight:700}.userCount{color:#af4c0f;background:#eee;border-radius:20px;margin-left:15px;padding:5px 10px;font-weight:700}.controls{justify-content:flex-start;gap:20px;margin-bottom:20px;display:flex}.controls select{color:#fff;appearance:none;cursor:pointer;background:#8d3304;border:none;border-bottom:2px solid #fff;padding:8px}.controls select:focus{border-bottom-color:#fc0;outline:none}.select-wrapper{flex-direction:row;align-items:center;margin:0 10px;display:flex;position:relative}.select-label{color:#fff;margin-right:10px;font-size:.8rem;font-weight:700}.select-wrapper select{padding-right:30px}.select-wrapper:after{content:"▼";color:#fff;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.userTable{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 4px 15px #0000000d}.userTable th{color:#af4c0f;text-align:center;background-color:#f9e4b7;padding:12px;font-size:.8rem}.userTable td{text-align:center;padding:12px;font-size:.8rem}.userRow select{text-align:center;color:#1a1919;background-color:#fc0;border:none;border-radius:5px;padding:5px;font-size:.8rem}.banBtn{cursor:pointer;border:none;padding:7px 10px;font-size:.8rem;transition:all .3s ease-in-out}.banBtn:hover,.userRow select:hover{border-radius:25px}.banBtn.banned{color:#fff;background-color:#ff4d4d}.banBtn.active{color:#fff;background-color:green}.roleSelect{justify-content:center;display:flex}.roleSelect select{text-align:center;color:#af4c0f;background-color:#f9e4b7;border:none;border-radius:5px;padding:5px;font-size:.8rem}.adminDeleteBtn{color:red;cursor:pointer;background:0 0;border:none;border-radius:5px;margin-left:10px;padding:8px 12px}.adminDeleteBtn:hover{color:#1a1919}@media (width<=768px){.usersHeader h1{font-size:1.4rem}.userTable th,.userTable td{padding:8px;font-size:.8rem}.banBtn{padding:6px}.adminDeleteBtn{padding:6px 10px;font-size:14px}}@media (width<=480px){.accountContainer{padding:15px}.usersHeader h1{font-size:1.3rem}.userTable th,.userTable td{padding:6px}}.adminRecipesWrapper{min-height:100vh;padding:20px}.recipesHeader{align-items:center;margin-bottom:20px;display:flex}.recipesHeader h1{color:#fff;font-size:2.8rem;font-weight:700}.recipesHeader button{cursor:pointer;color:#af4c0f;background:#fff;border:none;margin-left:40px;font-size:15px}.recipeCount{color:#af4c0f;background:#eee;border-radius:20px;margin-left:15px;padding:5px 10px;font-weight:700}.recipeSearch{justify-content:center;align-items:center;gap:10px;margin:auto;display:flex}.recipeSearch input{border:1px solid #ddd;border-radius:6px;width:350px;padding:14px 20px;font-family:Montserrat,sans-serif;font-size:14px}.recipeSearch input:focus{border-color:#f7a41b;outline:none;box-shadow:0 0 5px #1c7ed64d}.recipesTable{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:40px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.recipesTable th,.recipesTable td{text-align:left;border-bottom:1px solid #eee;padding:14px 20px}.recipesTable th{color:#af4c0f;background:#f9e4b7;font-weight:600}.recipeRow strong{color:#8d3304}.recipeRow:hover{background:#f9f9f9}.recipeToggleBtn,.recipeEditBtn,.recipeDeleteBtn{cursor:pointer;color:#8d3304;background:0 0;border:none;margin-right:8px;font-size:16px}.recipeToggleBtn:hover,.recipeEditBtn:hover,.recipeDeleteBtn:hover{color:#f7a41b}.editBtn,.deleteBtn,.viewBtn{cursor:pointer;color:#8d3304;background:0 0;border:none;margin-right:8px;font-size:16px}.recipeRow svg{font-size:19px}.editBtn:hover,.viewBtn:hover{color:#f7a41b}.recipeDetails{background:#f9e4b7;border-radius:6px;margin-top:4px;padding:12px;font-size:14px;line-height:1.6}.recipeDetails strong{color:#af4c0f}.recipeDetails p{margin:6px 0}.modalOverlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:400px;max-width:90%;padding:24px;display:flex;box-shadow:0 10px 25px #00000026}.modal input{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px;font-size:14px}.modal textarea{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;height:300px;max-height:100%;padding:10px;font-size:14px}.modalActions{justify-content:flex-end;gap:10px;display:flex}.modalActions button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.modalActions button:first-child{color:#fff;background:#1c7ed6}.modalActions button:last-child{color:#333;background:#eee}@media (width<=600px){.adminRecipesWrapper{padding:10px}.recipesHeader h1{font-size:1.8rem}.recipeSearch input{width:100%}.recipeActions{gap:5px;display:flex}.recipeActions svg{font-size:16px}.modal{width:90%}}.reportedCommentsWrapper{color:#fff;padding:20px;font-family:Arial,sans-serif}.reportedCommentsHeader{align-items:center;margin-bottom:20px;display:flex}.reportedCommentsHeader h1{color:#fff;font-size:2.8rem;font-weight:700}.reportedCommentCount{color:#af4c0f;background:#eee;border-radius:20px;margin-left:15px;padding:5px 10px;font-weight:700}.reportedCommentsList{margin:0;padding:0;list-style:none}.reportedCommentsList li{background:#2c2c2c;border-radius:8px;margin-bottom:12px;padding:15px 20px;box-shadow:0 2px 8px #0000001a}.reportedCommentsList li strong{color:#af4c0f}.reportedCommentsList li ul{margin-top:8px;padding-left:20px;list-style:outside}.reportedCommentsList li ul li{color:#ddd;margin-bottom:4px;font-size:.9rem}.deleteCommentBtn{color:#af4c0f;cursor:pointer;background:0 0;border:1px solid #af4c0f;border-radius:5px;margin-top:8px;padding:5px 12px;font-weight:700;transition:all .2s}.deleteCommentBtn:hover{color:#fff;background:#af4c0f}@media (width<=600px){.reportedCommentsHeader h1{font-size:1.8rem}.reportedCommentCount{padding:3px 8px;font-size:.9rem}.reportedCommentsList li{padding:12px 15px}.deleteCommentBtn{padding:4px 10px;font-size:.8rem}}.dashHomeWrapper{flex-direction:column;gap:20px;padding:20px;display:flex}.dashHomeWrapper .greeting h2{color:#fff;font-size:1.9rem;font-weight:600}.generalSearch{justify-content:center;align-items:center;margin:auto;display:flex}.generalSearch input{border:none;width:450px;max-width:100%;padding:12px;font-family:Montserrat,sans-serif;font-size:.8rem;transition:all .3s ease-in-out}.generalSearch input:focus{border-color:#f7a41b;border-radius:50px;outline:none}.generalSearch svg{cursor:pointer;color:#8d3304;margin-left:-35px}.welcomeBadgeWrapper{justify-content:left;align-items:center;gap:30px;display:flex}.welcomeBadge{background-color:#f9e4b7;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:45%;height:300px;margin-bottom:20px;padding:20px;transition:all .3s ease-in-out;display:flex}.weatherWrapper{background-color:#f9e4b7;border-radius:20px;flex-direction:column;gap:10px;width:45%;height:300px;margin-bottom:20px;padding:15px;transition:all .3s ease-in-out;display:flex}.weatherWrapper:hover,.welcomeBadge:hover{border-left:8px solid #1a1919}.weatherWrapper h2{color:#8d3304;font-size:1.5rem;font-weight:500}.weatherCardWrapper{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.weatherCard{cursor:pointer;background:#fdfdfd;border-radius:10px;padding:10px;transition:all .3s ease-in-out;box-shadow:0 2px 8px #0000001a}.weatherCard h3{color:#f7a41b;margin-bottom:8px;font-size:.9rem}.weatherCard p{font-size:.8rem}.weatherCard svg{color:#8d3304;font-size:15px}.welcomeImage img{width:250px;height:auto}.welcomeText{flex-direction:column;gap:10px;display:flex}.welcomeText h1{color:#8d3304;text-align:left;font-size:2.1rem;font-weight:600}.welcomeText h2{font-size:1.2rem}.welcomeText p{color:#1a1919;font-size:1rem}.analyticsSection{background:#f9e4b7;border-radius:20px;width:950px;max-width:100%;padding:20px}.analyticsCards{gap:1rem;margin-top:1rem;transition:all .3s ease-in-out;display:flex}.card{border-radius:none;color:#fff;cursor:pointer;background:#1e1e1e;flex:1;padding:1rem;transition:all .3s ease-in-out}.card:hover{border-radius:20px}.card h3{opacity:.7;font-size:.8rem}.card p{font-size:1.4rem;font-weight:900}.chartContainer{color:#fff;background:#1a1919;border-radius:10px;margin-top:2rem;padding:10px}.chartContainer h3{margin-bottom:10px;font-size:1.2rem}@media (width<=900px){.dashHomeWrapper{padding:15px}.welcomeBadgeWrapper{flex-wrap:wrap;align-items:center}.welcomeBadge,.weatherWrapper{width:100%}.welcomeImage img{width:250px;height:auto}}@media (width<=480px){.dashHomeWrapper .greeting h2{font-size:1.5rem}.generalSearch input{width:100%}.welcomeBadge{text-align:center;flex-direction:column}.welcomeBadge h1{text-align:center;font-size:1.8rem}.welcomeBadge h2{text-align:center;font-size:1rem}.welcomeBadge img{width:135px;height:auto}.weatherCardWrapper{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}}@media (width<=380px){.weatherCardWrapper{grid-template-columns:repeat(auto-fit,minmax(auto,1fr));gap:10px;display:grid}}.categoriesWrapper{min-height:100vh;padding:20px}.categoryHead{align-items:center;margin-bottom:20px;display:flex}.categoryHead h1{color:#fff;font-size:2.8rem;font-weight:700}.categoryCount{color:#af4c0f;background:#eee;border-radius:20px;margin-left:15px;padding:5px 10px;font-weight:700}.createCategory button{color:#fff;cursor:pointer;background-color:#f7a41b;border:none;border-radius:6px;padding:10px 20px;font-size:14px}.createCategory button:hover{background-color:#e06a00;box-shadow:0 4px 15px #e06a004d}.categoriesList{flex-wrap:wrap;gap:20px;margin-top:40px;display:flex}.categoryCard{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:250px;height:auto;margin-bottom:20px;padding:20px;display:flex;box-shadow:0 4px 15px #0000000d}.categoryCard img{object-fit:cover;border-radius:8px;width:100%;height:150px}.categoryCard h3{color:#8d3304;text-align:center;font-size:1.2rem;font-weight:600}.categoryCard p{color:#555;text-align:center;font-size:14px}.categoryActions{gap:20px;display:flex}.formWrapper{z-index:1000;background:#0009;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.createCategoryForm{background:#fff;border-radius:10px;flex-direction:column;gap:15px;width:100%;max-width:450px;padding:25px 30px;animation:.2s ease-in-out scaleIn;display:flex;box-shadow:0 4px 20px #0003}.formWrapper h2{text-align:center;color:#af4c0f;margin-bottom:10px}.formWrapper p{text-align:center;font-size:.9rem;font-style:italic}.createCategoryForm input{border:1px solid #eee;border-radius:6px;outline:none;padding:12px 14px;font-size:1rem;transition:border .2s}.createCategoryForm input:focus{border-color:#af4c0f;box-shadow:0 0 0 2px #af4c0f1a}.imageUpload{text-align:center;cursor:pointer;border:2px dashed #af4c0f;border-radius:8px;padding:15px;transition:background .2s}.imageUpload:hover{background:#fff5eb}.imageInput{color:#fff;background-color:#8d3304;width:100%}.imageUpload img{object-fit:cover;border-radius:6px;max-width:100%;height:120px}.createCategoryForm button{color:#fff;cursor:pointer;background:#af4c0f;border:none;border-radius:6px;padding:12px;font-weight:700;transition:background .2s}.createCategoryForm button:hover{background:#d6782a}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width:780px){.categoriesList{align-items:flex-start;margin:auto}}@media (width<=500px){.categoriesList{justify-content:space-evenly;align-items:center;margin-top:20px}.categoryHead h1{font-size:1.8rem}.categoryCard{width:100%;max-width:170px;padding:10px}.categoryCard h3{font-size:1rem}.categoryCard p{font-size:.875rem}.categoryCard img{height:120px}.createCategoryForm{max-width:350px;padding:20px}.formWrapper h2{font-size:1.5rem}.formWrapper p{font-size:.8rem}}@media (width<=340px){.categoryCard{max-width:100%}.categoriesList{justify-content:center}}.adminCommentsWrapper{padding:20px}.commentHeader{align-items:center;margin-bottom:20px;display:flex}.commentHeader h1{color:#fff;font-size:2.8rem;font-weight:700}.commentCount{color:#af4c0f;background:#eee;border-radius:20px;margin-left:15px;padding:5px 10px;font-weight:700}.commentsTable{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:20px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.commentsTable th,.commentsTable td{text-align:center;border-bottom:1px solid #eee;padding:14px 20px}.commentsTable th{color:#af4c0f;background:#f9e4b7;font-weight:600}.commentRow:hover{background:#f9f9f9}.deleteBtn{cursor:pointer;color:red;background:0 0;border:none;font-size:16px}.deleteBtn:hover{color:#8b0000}.commentActions{gap:8px;display:flex}.reportedTag{color:#d32f2f;background:#ffeded;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}@media (width<=768px){.commentHeader h1{font-size:1.8rem}.commentCount{padding:3px 8px;font-size:14px}.commentsTable th,.commentsTable td{padding:10px 12px}}@media (width<=500px){.commentHeader{align-items:flex-start}.commentCount{margin-top:10px;margin-left:5px}.commentsTable th,.commentsTable td{padding:8px 10px;font-size:14px}.commentActions{flex-direction:column;gap:4px}}*{box-sizing:border-box;max-width:100%;margin:0;padding:0}.btn{color:#fff;text-align:center;background-color:#8d3304;border-radius:25px;padding:12px 20px;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.btn:hover{color:#000;background-color:gold}.section-heading{color:#f7a41b;text-align:center;margin:40px 0 20px;font-size:2.5rem;font-weight:800}.featured-recipe{justify-content:center;align-items:center;display:flex;position:relative}.featured-card{text-align:center;color:#fff;border-radius:50px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;max-width:800px;height:auto;padding:10px;display:flex;box-shadow:0 8px 20px #00000026}.featured-label{color:#af4c0f;background:#fff;border-radius:10px;padding:10px 15px;font-size:1rem;font-weight:700;display:block;box-shadow:5px 4px #cde834}.featured-title{color:#af4c0f;background:#cde834;border-radius:8px;padding:5px;font-size:1.25rem;font-weight:500}.featured-title-main{color:#fff;border-radius:8px;padding:5px;font-size:2rem;font-weight:700}.featured-description{font-size:1rem;line-height:1.2}.categories{padding:20px}.category-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;gap:30px;list-style:none;display:grid}.category-list a{color:#000;text-decoration:none}.category-item{cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:180px;height:auto;padding:10px;transition:transform .3s;display:flex}.category-item:hover{transform:scale(1.1)}.category-icon{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.category-icon img{border-radius:20%;width:100%;height:100%}.category-name{color:#af4c0f;text-align:center;font-size:1rem;font-weight:500}.related-recipes-section{padding:30px 10px}.related-recipes-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;gap:30px;list-style:none;display:grid}.related-recipe-item{flex-direction:column;align-items:center;gap:10px;display:flex}.related-recipe-image{background-color:#8d3304;border-radius:15%;width:120px;height:120px;overflow:hidden}.related-recipe-image img{border-radius:15%;width:100%;height:100%}.related-recipe-title{color:#af4c0f;text-align:center;font-size:1rem;font-weight:500}@media (width<=1030px){.featured-card,.advert-container{width:90%}}@media (width<=480px){.heroWrapper{width:100%}.featured-title-main{font-size:2rem}.featured-label{padding:8px 12px;font-size:.9rem}.featured-recipe{justify-content:center;align-items:center;width:100%;display:flex}.featured-title{font-size:1rem}.featured-title span{font-size:2.2rem}.featured-description{font-size:1rem;line-height:1.2}.categories{justify-content:center;align-items:center;padding:10px;display:flex}.section-heading{font-size:1.6rem}.category-item{width:150px;height:auto}.category-item span{font-size:.875rem}}.about-us{color:#222;max-width:1100px;margin:0 auto;padding:60px 20px;font-family:Montserrat,Tahoma,Geneva,Verdana,sans-serif}.introductory{text-align:center;margin-bottom:50px}.about-title{text-align:left;color:#8d3304;border-bottom:2px dotted #222;margin-bottom:30px;font-size:4rem}.intro{color:#af4c0f;margin-bottom:15px;font-size:1.5rem}.mission{color:#555;font-size:1.2rem;line-height:1.7}.discover-title{text-align:center;color:#8d3304;margin:40px 0 30px;font-size:2rem}.discover-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;display:grid}.item{text-align:center;background:#fff;border-radius:15px;padding:25px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 20px #0000000f}.item:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0000001f}.icon{margin-bottom:15px}.icon img{width:50px;height:50px}.item p{color:#444;font-size:1rem;line-height:1.6}.conclusion{text-align:center;color:#af4c0f;margin-top:60px;font-size:1.3rem;line-height:1.6}.conclusion span{color:#8d3304;margin-top:10px;font-size:4rem;font-weight:700;display:block}#call-to-action{color:#fff;text-align:center;background:#8d3304;border-radius:30px;margin:30px auto 0;padding:12px 28px;font-size:1.1rem;text-decoration:none;transition:background .3s,box-shadow .3s;display:inline-block}#call-to-action:hover{background:#f7a41b;box-shadow:0 8px 18px #0003}.about-us>a{width:fit-content;display:block}@media (width<=780px){.about-title{font-size:3rem}.discover-title{font-size:1.6rem}.item{padding:20px}.conclusion span{font-size:3rem}}.loginWrapper{background-color:#f9e4b7;flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex}.loginContainer{justify-content:space-around;align-items:center;display:flex}.bottom-icon img{width:130px;height:auto}.signIn input{background:#c1e2e6;border:none;border-radius:0;outline:none;width:100%;max-width:250px;padding:10px;font-family:Montserrat,sans-serif;font-size:.8rem}.signIn input:focus{border:1px solid #af4c0f;border-radius:25px}.signIn p{color:#000;font-size:.85rem;font-weight:400}.signIn a{color:#af4c0f;cursor:pointer;font-size:.85rem;text-decoration:underline}.signInActions{align-items:baseline;gap:50px;display:flex}.signIn button{cursor:pointer;color:#fff;background:#8d3304;border:none;border-radius:0;width:100%;padding:12px;font-size:.85rem;font-weight:500;transition:all .3s ease-in-out}.signIn button:hover{background:gold;border-radius:25px}.mobileFooter a,.mobileFooter p{color:#af4c0f;cursor:pointer;font-size:.85rem;font-weight:500;text-decoration:none}@media (width<=780px){.logo img{width:100px;height:auto}.loginWrapper{width:100%;height:auto;padding:20px}.loginContainer{flex-wrap:wrap;padding:20px}.rightBox{width:400px;height:auto}.rightBox h1{text-align:center;font-size:1.5rem}span{font-size:3.5rem;font-weight:800}.rightBox h2{font-size:2rem}.signIn a{font-size:.85rem}.signIn button{font-size:.8rem}.mobileFooter{flex-wrap:wrap}.mobileFooter a,.mobileFooter p{font-size:.8rem}}@media (width<=480px){.loginWrapper{min-width:100dvw;height:auto;padding:20px}.loginContainer{flex-direction:column;gap:20px;padding:10px}.leftBox{text-align:center;padding:10px}h1{font-size:1.8rem}span{font-size:2.5rem}.bottomIcon img{width:100px}.rightBox{border-radius:20px;width:100%;max-width:350px;padding:20px}.rightBox img{width:90px}.rightBox h2{font-size:1.25rem}.signIn{gap:15px;width:100%}.signIn input{padding:12px;font-size:.9rem}.signIn label,.signIn p,.signIn a{font-size:1rem;font-weight:500}.signIn button{font-size:.9rem}.mobileFooter{flex-wrap:wrap;gap:5px}}@media (width<=320px){h1{font-size:1.5rem}span{font-size:2rem}.rightBox{width:100%;max-width:300px;padding:15px}.signIn{gap:10px;width:100%}.signIn input,.signIn button{padding:10px;font-size:.85rem}.rightBox img{width:70px}.signIn label,.signIn p,.signIn a{font-size:1rem;font-weight:500}}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}.signUpWrapper{background-color:#f9e4b7;flex-direction:column;justify-content:center;width:100%;height:100vh;padding:20px;display:flex}.signUpContainer{justify-content:space-around;align-items:center;display:flex}.leftBox{background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.leftBox h1{color:#af4c0f;text-align:center;font-size:2.9rem;font-weight:700}.leftBox span{font-size:5rem;font-weight:900}.leftBox .bottom-icon img{width:130px;height:auto}.rightBox{background-color:#fff;border-radius:35px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:500px;padding:30px;display:flex;box-shadow:0 4px 8px #0000001a}.rightBox img{width:100px;height:auto}.rightBox h2{color:#af4c0f;font-size:1.5rem;font-weight:700}.rightBox h3{text-align:center;color:#000;font-size:.9rem;font-weight:400}.rightBox form{color:#af4c0f;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.rightBox form input{background:#c1e2e6;border:none;border-radius:0;outline:none;width:100%;max-width:250px;padding:12px;font-family:Montserrat,sans-serif;font-size:.8rem}.signUp input:focus{border:1px solid #af4c0f;border-radius:25px}.signUp p{color:#000;font-size:.9rem;font-weight:400}.signUp a{color:#af4c0f;cursor:pointer;font-size:.9rem;text-decoration:underline}.signUp button{cursor:pointer;color:#fff;background:#8d3304;border:none;border-radius:0;width:100%;max-width:250px;padding:12px;font-size:.8rem;font-weight:500;transition:all .3s ease-in-out}.signUp button:hover{background:gold;border-radius:25px}.mobileFooter{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.mobileFooter a,.mobileFooter h3{color:#af4c0f;cursor:pointer;font-size:.85rem;font-weight:500;text-decoration:none}.mobileFooter a:hover{color:#000;text-decoration:underline}@media (width<=780px){.logo img{width:100px;height:auto}.signUpWrapper{height:auto;padding:10px}.signUpContainer{flex-wrap:wrap;padding:20px}.leftBox h1{text-align:center;font-size:2.5rem}.leftBox span{font-size:3.5rem;font-weight:800}.signUp{width:90%}.rightBox{gap:30px;width:90%;padding:20px}.rightBox h2{font-size:1.5rem}.signUp input{padding:10px 5px;font-size:1rem}.rightBox label,form p{font-size:1.1rem}.mobileFooter{flex-wrap:wrap}}@media (width<=480px){.logo img{width:100px;height:auto}.leftBox h1{margin-bottom:10px;font-size:1.8rem}.leftBox span{font-size:2.5rem}.bottom-icon img{width:50px;height:auto}.rightBox{width:100%}.rightBox img{width:90px}.rightBox h2{text-align:center;font-size:2rem}.bottomIcon img{width:100px}.signUp{width:70%}.signUp input{padding:12px;font-size:.9rem}.signUp label,.signUp p,.signUp a{font-size:1rem;font-weight:500}}@media (width<=400px){.logo img{width:90px;height:auto}.leftBox h1{margin-bottom:10px;font-size:1.6rem}.leftBox span{font-size:2rem}.bottom-icon img{width:40px;height:auto}.rightBox{width:100%}.rightBox h2{text-align:center;font-size:1.8rem}.signUp{width:90%}}.forgotPasswordWrapper{background-color:#f9e4b7;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.forgotHeader img{width:150px;height:auto}.forget-password{flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:20px;display:flex}.forget-password h1{color:#af4c0f;text-align:center;font-size:3rem;font-weight:700;line-height:1.3}.forget-password p{color:#af4c0f;text-align:center;font-size:1.4rem;font-weight:300;line-height:1.7}.forget-password-form{flex-direction:row;justify-content:center;align-items:center;gap:1%;display:flex}.forget-password-form h2{color:#af4c0f;font-size:2.3rem;font-weight:300}.forget-password-form input{background-color:#f9e4b7;border:none;border-bottom:1.7px solid #000;width:300px;padding:15px;font-family:Montserrat,sans-serif;font-size:1.1rem}.forget-password-form input:focus{border-bottom:1.7px solid #af4c0f;outline:none;transition:border-color .3s}.forget-password-form button{cursor:pointer;color:#fff;background-color:#8d3304;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;transition:background-color .3s}.forget-password-form button:hover{color:#8d3304;background-color:gold;transition:all .3s}.banner{width:fit-content;margin-top:30px}.banner img{max-width:100%;height:auto}@media (width<=780px){.forget-password h1{font-size:2.1rem}.forget-password p{text-align:center;font-size:1.3rem}.forget-password-form{flex-direction:column;gap:15px}.forget-password-form input{width:100%}}@media (width<=480px){.forget-password h1{font-size:1.8rem}.forget-password p{text-align:center;font-size:1.1rem}.forget-password-form{flex-direction:column;gap:15px}.forget-password-form input{width:100%}.forget-password-form h2{font-size:1.8rem}.banner{margin-top:20px}}.resetPasswordContainer{background-color:#f9e4b7;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.resetPasswordContainer .logo{width:130px}.overlay{background-color:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:500px;padding:20px;display:flex;box-shadow:0 4px 8px #0000001a}.overlay h2{color:#8d3304;margin-bottom:20px;font-size:1.4rem}.overlay label{color:#af4c0f;align-self:flex-end;font-size:.9rem;display:block}.overlay input{border:1px solid #ccc;border-radius:5px;width:300px;padding:10px}.overlay button{color:#fff;cursor:pointer;background-color:#8d3304;border:none;border-radius:5px;margin-bottom:20px;padding:10px 20px}.resetPasswordContainer .mobileFooter{justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.resetPasswordContainer .mobileFooter a,.mobileFooter p{color:#af4c0f;cursor:pointer;font-size:1rem;font-weight:500;text-decoration:none}.resetPasswordContainer .mobileFooter a:hover{color:#000;text-decoration:underline}@media (width<=600px){.overlay{width:80%;padding:10px}.overlay input{width:100%}}@media (width<=370px){.overlay{width:100%;padding:10px}.overlay h2{font-size:1.2rem}.overlay button{width:100%}}.userLayout{flex-direction:column;min-height:100vh;margin-bottom:30px;font-family:Montserrat,sans-serif;display:flex}.userNav{z-index:1000;background-color:#af4c0f;border-radius:15px;padding:5px;transition:all .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.userNav:hover{border-radius:50px}.userNav svg{color:#fff;font-size:20px}.userNav a{color:#fff;text-align:center;padding:10px 25px;font-size:.8rem;font-weight:500;text-decoration:none;transition:background-color .3s}.userNav a.active{color:#fff;background-color:#f7a41b;border-radius:50px}.userNav a:hover{color:#fff;background-color:#f7a41b;border-radius:50px;box-shadow:0 4px 15px #e06a004d}.userNav ul{gap:10px;display:flex}.navLink{flex-direction:column;justify-content:center;align-items:center;padding:8px;display:flex}@media (width<=768px){.userNav{border-radius:0;width:100%;bottom:0;left:0;transform:none}.userNav ul{justify-content:space-around}.navLink{flex:1}.navLink p{display:none}.userNav a{padding:8px 0;font-size:.7rem}}