*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#f3f4f6}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:1% 3%;position:fixed;top:0;left:0;width:100%;background-color:#fff;z-index:1000}.logo{font-size:2.5rem;font-weight:400;font-family:Island Moments,cursive;color:#ff7a18;padding:0}.hamburger{font-size:24px;cursor:pointer}.nav-links,.login-button-container{display:none;list-style:none;text-decoration:none}.nav-links.active,.login-button-container.active{display:flex;position:absolute;top:60px;left:0;width:100%;background:#fff;flex-direction:column;text-align:center;padding:20px 0}.login-button-container.active{top:150px}.nav-links li a,.login-button-container li a{color:#1f2937;text-decoration:none;font-weight:500;font-size:1rem}.nav-links li a:hover,.login-button-container li a:hover{color:#ff7a18}.login-button-mb{background-color:#ff7a18;width:120px;height:25px;border-radius:10px;border:none;font-size:.8rem;font-weight:600;color:#fff;cursor:pointer}@media(min-width:768px){.hamburger{display:none}.nav-bar{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;justify-content:space-between;flex:1;padding-inline:8%}.login-button-container{display:block}.login-button-mb{height:40px;font-size:1rem}}.card{background-color:#fff;width:100%;border:1px solid #ddd;border-radius:10px;margin-block:15px;text-align:center;overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.card-grid{padding-inline:15px}.card-image{width:107%;height:160px;object-fit:cover;display:block}.card-title,.card-subtitle{font-size:clamp(1rem,2vw,1.2rem);padding-top:5%;padding-inline:3%;text-align:left}.card-subtitle{font-size:clamp(.8rem,2vw,1rem)}.card-price-container{display:flex;justify-content:space-between;align-items:center;padding:5%}.card-price{color:#ff7a18}.add-to-cart-button{background-color:#ff7a18;color:#fff;border:none;padding:5px 15px;border-radius:5px;cursor:pointer;margin-top:10px;font-weight:600;font-size:.8rem}.add-to-cart-button:hover{background-color:#e65c00}.card-explore{display:none}.add-icon{width:35px;height:35px;border-radius:50%;background-color:#ff7a18;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}@media(min-width:768px){.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:auto;gap:65px;padding-inline:80px}.card img{height:222px}.card-grid-lg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:65px;height:auto}.card-explore{display:none}}.landing-bg{background-image:linear-gradient(#0006,#0006),url(/Chuks-kitchen-app-final/assets/homePageBg-ZCNCjlB7.png);background-repeat:no-repeat;background-size:cover;background-position:center;height:97vh;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;color:#fff}.landing-title{padding-top:20%;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;line-height:1.3;margin-bottom:10px;display:block}.landing-subtitle{font-weight:500;font-size:clamp(.5rem,5vw,1rem);margin-bottom:20px;display:block}.discover-button{position:relative;background-color:#ff7a18;padding:2px 20px;color:#fff;border:none;border-radius:10px;margin-bottom:25px;width:fit-content;font-size:clamp(.5rem,5vw,1.2rem);font-weight:300}.discover-button:hover{cursor:pointer}.search-wrapper{position:relative;position:absolute;top:95%;width:90%;margin:0 auto}.search-input{width:100%;height:clamp(30px,5vw,45px);border:none;border-radius:8px;padding-left:35px;box-shadow:0 4px 12px #0000001f}input::placeholder{font-size:clamp(.5rem,5vw,1rem);font-weight:600;color:#1f2937}.search-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:gray}.menu-title{text-align:center;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;padding-top:20%}.view-more-link{padding-block:20px;color:#1e88e5;font-size:1rem;font-weight:400;text-decoration:none;cursor:pointer;display:block;text-align:center}.bottom-bg{background-image:linear-gradient(#0006,#0006),url(/Chuks-kitchen-app-final/assets/menuAdditionsBg-P5G1joAu.png);background-repeat:no-repeat;background-size:cover;background-position:center;min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;color:#fff}@media(min-width:768px){.landing-bg{padding:120px 80px}.landing-title{padding-top:3%;font-size:3rem;display:block}.landing-subtitle{font-size:1.5rem;display:block}.search-wrapper{position:relative;position:absolute;width:70%;margin-left:12%}.view-more-link{display:none}.menu-title{padding:3% 0}}.explore-landingBg{background-image:linear-gradient(#0006,#0006),url(/Chuks-kitchen-app-final/assets/exploreBg-BfPqso3E.png);background-repeat:no-repeat;background-size:cover;background-position:center;min-height:85vh;display:flex;flex-direction:column;justify-content:center;padding:3%;color:#fff;line-height:50px}.menu-categories,.menu option{font-size:1.5rem;font-weight:600;margin:5% 3%}.menu,.menu option{font-size:1rem;font-weight:300;padding:1% 20% 1% 2%;border-radius:8px;border:1px solid #ffe1c4;margin-top:2%;display:block}.explore-landingBg h1{display:block}h2{padding:2% 5%}@media(min-width:768px){.explore-landingBg h1{display:block}}.order-container{width:90%;margin:10% auto;background-color:#fff;padding:3%;border-radius:4px}.order-container h2{font-size:clamp(.6rem,5vw,1.5rem)}.order-row{display:flex;align-items:flex-start;gap:20px;padding:15px;border:1px solid #ddd;border-radius:5px;margin-bottom:11px}.order-img{width:90px;height:90px;object-fit:cover;border-radius:8px}.order-description{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}.order-details h4{font-size:clamp(.9rem,2.5vw,1.2rem)}.order-quantity{display:flex;align-items:center;gap:10px;width:100%;justify-content:space-between}.order-quantity button{width:clamp(20px,5vw,30px);height:clamp(20px,5vw,30px);border:none;background-color:#bdbdbd;border-radius:20%;cursor:pointer;font-weight:700}.order-quantity span{font-weight:500;font-size:1.5rem}.order-price{display:flex;justify-content:space-between;align-items:center;width:100%}.order-price p{color:#ff7a18;font-weight:700;font-size:clamp(.8rem,2vw,1rem)}.remove-btn{display:inline-block;background-color:#1f2937;color:#fff;border:none;border-radius:4px;padding:0 8px;cursor:pointer;font-size:.85rem;text-align:center}.cart-total{text-align:right;margin-top:5%;font-weight:700;font-size:clamp(.6rem,2vw,1rem);color:#ff7a18}.cart-total button{color:#fff}.add-more{margin-top:8%}a{color:#1e88e5;font-size:clamp(.8rem,5vw,1.2rem);font-weight:500;text-decoration:none}.plus-icon{color:#1e88e5;font-size:clamp(.5rem,5vw,.8rem);font-weight:500}button{background-color:#ff7a18;height:40px;padding:1% 2% 2%;border-radius:10px;border:none;font-size:clamp(.5rem,5vw,1rem);font-weight:400;color:#000}@media(min-width:768px){.order-description{flex-direction:row;justify-content:space-between;align-items:center}.order-details{flex:2}.order-quantity{flex:1;display:flex;justify-content:center;align-items:center;gap:150px}.order-price{width:auto;flex:1;display:flex;justify-content:flex-end;align-items:center}.remove-btn{background-color:#ff7a18;padding:0 8px;margin-left:5%}.add-more{margin-top:-2%}}footer{display:none;background-color:#3f2715f1}@media(min-width:768px){footer{display:block;padding-top:8%;position:relative}.footer-links{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;line-height:30px;padding:0 5%;color:#fff;font-weight:400}.footer-links ul{list-style:none;flex:1;min-width:140px;font-family:Poppins,sans-serif}.footer-logo{font-size:2.2rem;font-weight:400;font-family:Island Moments,cursive;color:#ff7a18;padding:0}.contact,.social-links-footer,.footer-nav,footer p{font-weight:400;font-size:.8rem;font-family:Poppins,sans-serif}.footer-nav li a{font-weight:400;font-size:.8rem;font-family:Poppins,sans-serif;color:#fff}.footer-description,.quick-contact-footer{font-weight:400;font-size:1.2rem;padding-right:2%;font-family:Jost,sans-serif}footer p{font-size:12px;font-weight:400;color:#fff;padding-block:5%;padding-left:5%}.scroll-top{position:absolute;bottom:30px;right:30px;width:52px;height:52px;border-radius:50%;padding:0;border:none;background-color:#0081fe;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}}.right-side-bg{display:none}.title{margin-top:5%;font-size:2rem;font-weight:400;text-align:center;color:#ff7a18;font-family:Island Moments,cursive;line-height:none}h1,.sub-title{display:none}.login-input{padding-inline:20px}.input-group{display:flex;align-items:center;border:1px solid #bdbdbd;padding:10px 16px;border-radius:8px;margin-bottom:12px}.input-group input{border:none;outline:none;flex:1;margin-left:10px}.icon{color:gray;font-size:18px}.social-btn{display:flex;align-items:center;justify-content:center;border:1px solid #ccc;padding:10px;border-radius:5px;margin-bottom:10px;cursor:pointer}.social-icon{font-size:20px}.google-icon{color:#db4437}.facebook-icon{color:#1877f2}.forgot-pw{text-align:right;font-weight:400}.forgot-pw a{color:#1e88e5;font-size:clamp(.5rem,5vw,1rem)}.login-input button{width:100%;background-color:#ff7a18;color:#fff;font-size:clamp(.5rem,5vw,1rem);padding-block:12px;border:none;border-radius:10px;margin-block:16px;cursor:pointer}.or-continue{display:flex;align-items:center;text-align:center;font-size:.8rem;font-weight:400;color:#1f2937;margin-bottom:16px}.or-continue:before,.or-continue:after{content:"";flex:1;border-bottom:1px solid #eef0f4}.or-continue:before{margin-right:10px}.or-continue:after{margin-left:10px}.create-account{text-align:center;font-weight:400}.create-account a{color:#1e88e5;font-size:clamp(.5rem,5vw,1rem)}.back-home{margin-top:20px;text-align:center;padding-bottom:5%}.back-home-btn{display:inline-flex;align-items:center;gap:8px;color:#1e90ff;text-decoration:none;font-weight:400;font-size:clamp(.5rem,5vw,1rem);padding:8px 12px;border:2px solid #1e90ff;border-radius:6px;transition:.2s}.back-home-btn:hover{background-color:#1e90ff;color:#fff}@media(min-width:768px){.login-container{display:flex;flex:1}.login-input{width:50%;padding-inline:10%}.right-side-bg-login{display:block;background-image:linear-gradient(#ff7a18b3,#ff7a18b3),url(/Chuks-kitchen-app-final/assets/loginBg-Hg5vVUJn.png);background-repeat:no-repeat;background-size:cover;background-position:top;width:50%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.title{padding-top:15%}.sub-title{padding:2% 20%;text-align:center;font-size:1.5rem;font-weight:500}}.onboarding-container{width:100%;min-height:100dvh}.right-side-bg{background-image:url(/Chuks-kitchen-app-final/assets/jollofRiceAndFriedChicken-TAb0RHEu.png);background-repeat:no-repeat;background-size:cover;background-position:center;width:90%;margin:1% auto;min-height:100dvh;display:block}.left-side{margin-inline:5%}.title-onboarding{font-size:2rem;font-weight:400;text-align:center;color:#ff7a18;font-family:Island Moments,cursive;line-height:none}.signin{text-align:right;margin:5%}.signin button{font-size:clamp(.5rem,5vw,.8rem);color:#1e88e5;background-color:#fff;border-radius:10px;border:1px solid #1e88e5;padding:5px 6%;cursor:pointer}.heading{color:#1f2937;font-weight:700;font-size:clamp(1.5rem,3vw,2rem)}.heading-detail{color:#1f2937;font-weight:400;font-size:1rem;margin-inline:5%;text-align:justify}.icon-wrapper{background-color:#ffe1c4;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon{color:#ff7a18;font-size:18px}.icon-description{display:flex;align-items:center;margin:5%;background-color:#f3f4f6;border-radius:8px;gap:10px}.description{font-size:clamp(.5rem,5vw,.8rem);font-weight:400;color:#000}.actions{padding-bottom:5%}.start-order{width:90%;max-width:400px;background-color:#ff7a18;color:#fff;border-radius:10px;font-weight:600;font-size:clamp(.5rem,5vw,.8rem);padding:.5rem 0;margin:8% auto 0;white-space:nowrap;display:block;text-align:center;box-sizing:border-box;cursor:pointer}.learn-more{width:90%;max-width:400px;background-color:#fff;color:#1e88e5;border:2px solid #1e88e5;border-radius:10px;font-weight:600;font-size:clamp(.5rem,5vw,.8rem);padding:.5rem 0;margin:3% auto 0;white-space:nowrap;display:block;text-align:center;box-sizing:border-box;cursor:pointer}.copy-right{display:none}@media(min-width:768px){.onboarding-container{display:flex;min-height:100vh}.left-side{flex:1;margin-inline:0;padding:0 1%}.right-side-bg{flex:1;background-image:url(/Chuks-kitchen-app-final/assets/loginBg-Hg5vVUJn.png);background-repeat:no-repeat;background-size:cover;background-position:center;min-height:100vh;margin:0}.title-onboarding{margin-top:0;font-size:2rem;font-weight:400;text-align:center;color:#ff7a18;font-family:Island Moments,cursive;line-height:none}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.icon-description{width:55%;display:flex;align-items:center;gap:5%;margin-block:5%;background-color:#f3f4f6;border-radius:8px;margin-left:11%}.copy-right{display:block}.copy-links ul,.policy,.copy-paragraph{display:flex;justify-content:space-between;align-items:center;list-style:none;color:#1f2937;font-size:1rem;font-weight:500;padding-top:8%}.policy{color:#64b5f6}}.order-summary-container{width:90%;background-color:#fff;border-radius:4px;margin:20% auto 40px;padding:30px}.summary-title{color:#000;font-weight:700;font-size:clamp(1.2rem,5vw) 2rem;padding:3%}.promo-code{font-weight:400;font-size:clamp(.5rem,5vw,1.2rem);padding:8% 3% 0;text-align:left}.input-button-wrapper{display:flex;align-items:center;gap:10px;width:100%;margin:20px 0}.input-button-wrapper input{width:50%;height:45px;border:1px solid #bdbdbd;border-radius:8px;font-size:1rem;color:#333;padding-left:1%}.input-button-wrapper input::placeholder{color:#999}.input-button-wrapper button,.delivery-pickup button{width:50%;height:45px;padding:0 20px;border:none;border-radius:8px;font-size:1rem;font-weight:400;cursor:pointer;background-color:#ff7a18;color:#fff}.input-button-wrapper button:hover,.delivery-pickup button:hover{background-color:#bdbdbd;color:#fff}.delivery-pickup .pickup{background-color:#bdbdbd}.delivery-pickup .pickup:hover{background-color:#ff7a18;color:#fff}.price-details h3,.total-price h3{display:flex;justify-content:space-between;align-items:center;color:#4b5563;font-weight:500;font-size:clamp(.5rem,5vw,1rem);margin:10px 0}.price-details span,.total-price span{text-align:right}.special-detail{width:100%;max-width:500px;margin:20px 0}.special-detail textarea{width:100%;height:120px;border:1px solid #bdbdbd;border-radius:8px;font-size:.9rem;resize:none}.special-detail textarea::placeholder{color:#000;padding:5%}.checkout{background-color:#ff7a18;border-radius:10px;padding:1% 15%}.checkout button{color:#fff}@media(min-width:768px){.order-summary-container{margin-top:8%;width:684px;height:816}}.Delivery-summary-container{display:flex;flex-direction:column;gap:clamp(30px,5vw,60px);width:90%;background-color:#fff;border-radius:4px;margin:20% auto;padding:3%}.Delivery-title{color:#000;font-weight:700;font-size:clamp(1.2rem,5vw) 2rem;padding:3%}hr{height:.5px;background-color:#bdbdbd;border:none}.form-group{position:relative}.Delivery-summary-container .delivery-address{height:100px;width:100%;border:1px solid #bdbdbd;border-radius:8px;padding:10px 120px 10px 10px}.change-address{position:absolute;top:30px;right:12px;color:#007bff;font-size:.9rem;cursor:pointer;font-weight:500}.Delivery-summary-container .delivery-time,.Delivery-summary-container .delivery-contact{height:30px;width:100%;border:1px solid #bdbdbd;border-radius:8px;padding:10px}.Delivery-summary-container .delivery-style{height:60px;width:100%;border:1px solid #bdbdbd;border-radius:8px;padding:10px}.Delivery-summary-container .delivery-time::placeholder,.Delivery-summary-container .delivery-address::placeholder,.Delivery-summary-container .delivery-style::placeholder,.Delivery-summary-container .delivery-contact::placeholder{color:#000;font-size:clamp(.8rem,3vw,1rem);font-weight:500;padding:5%}@media(min-width:768px){.Delivery-summary-container{margin-top:8%;width:684px;height:816}}.Payment-container{width:90%;background-color:#fff;border-radius:4px;margin:20% auto 40px;padding:30px}.payment-title{margin-bottom:3%;font-size:clamp(.8rem,5vw,1.2rem);font-weight:700;color:#000}.payment-with{font-size:clamp(.6rem,3vw,1rem);font-weight:600;color:#0a0d13;margin-top:5%}.input-radiobutton-wrapper{display:flex;justify-content:space-between;align-items:center;padding-block:7%}.input-radiobutton-wrapper label,.checkbox-wrapper label{display:flex;align-items:center;gap:5px;color:#acacac;font-size:clamp(.5rem,3vw,1.2rem);font-weight:500}input[type=radio]{appearance:none;width:16px;height:16px;border:2px solid #acacac;border-radius:50%;position:relative;cursor:pointer;display:inline-block}input[type=radio]:checked:before{content:"";width:6px;height:6px;background:#2fbd6a;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.payment-details{width:100%;height:10%;margin-bottom:10%}.payment-details input,.Expired-cvv input{border:1px solid #acacac;border-radius:4px;height:30px;width:100%;padding:5%;font-size:clamp(.5rem,3vw,1rem)}.payment-details input::placeholder,.Expired-cvv input::placeholder{color:#acacac;font-size:clamp(.5rem,3vw,1rem);font-weight:400}.payment-details label,.Expired-cvv label{color:#0a0d13;font-size:clamp(.5rem,4vw,1.2rem);font-weight:500}.Expired-cvv{display:flex;gap:20px;margin-block:10%}.payment-input-group{display:flex;flex-direction:column;flex:1}.payment-input-group label{margin-bottom:5px;font-weight:500;font-size:.9rem}.payment-input-group input{border:1px solid #ccc;border-radius:6px;width:90%}.checkbox-wrapper{display:flex;align-items:center;gap:8px}.pay-button{margin-block:8%}.pay-button button{width:100%;color:#fff;padding:7px 18px}.footer-description{color:#acacac;font-size:clamp(.5rem,4vw,1rem);font-weight:500}@media(min-width:768px){.Payment-container{margin-top:8%;width:684px;height:816}}
