@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Outfit;scroll-behavior:smooth}body{min-height:100vh}.app{width:80%;margin:auto}a{text-decoration:none;color:inherit}.navbar{display:flex;justify-content:space-between;align-items:center;text-align:center;padding:10px}span{font-size:30px;font-weight:bolder;color:#ff4500;font-family:Georgia,Times New Roman,Times,serif}.navbar-menu{display:flex;list-style:none;font-size:18px;gap:20px;color:#353435;cursor:pointer}.navbar-right{display:flex;align-items:center;gap:40px}.navbar button{background:transparent;font-size:16px;border:1px solid black;padding:10px 30px;border-radius:50px;cursor:pointer;transition:.3s}.navbar button:hover{background-color:#ffd4d4}.active{padding-bottom:2px;border-bottom:2px solid orange}.navbar_search-icon{position:relative}.navbar_search-icon .dot{position:absolute;min-width:10px;min-height:10px;background-color:#ff4500;border-radius:5px;top:-8px;right:-8px}.header{height:34vw;margin:30px auto;background:url(https://www.shutterstock.com/shutterstock/photos/2253624107/display_1500/stock-photo-thai-food-cover-page-for-thai-restaurant-thai-food-on-table-2253624107.jpg) no-repeat;background-size:cover;border-radius:14px;position:relative}.header-content{position:absolute;bottom:15px;left:15px}.header-content h2{font-weight:550;font-size:30px;color:#fbf8f8}.header-content button{border:none;padding:1vw 2.3vw;background-color:#fff;border-radius:4px;font-size:16px}.exploremenu{display:flex;flex-direction:column;gap:20px}.explore-menu-list{display:flex;justify-content:space-between;align-items:center;text-align:center;margin:20px 0;overflow:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list img{width:7.5vw;cursor:pointer;border-radius:50%}hr{margin:10px 0;height:2px;background-color:#efecec;border:none}.explore-menu-list .active{border:2px solid orangered;border-radius:50%}.fooddisplay-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:30px;gap:30px;row-gap:30px}.foodcard{border:1px solid rgb(204,200,200);border-radius:10px;padding:10px;width:300px;display:flex;flex-direction:column;gap:10px}.food-card-img img{width:100%;height:200px;object-fit:cover;border-radius:10px;padding:3px}.foodcard-name-rating{display:flex;justify-content:space-between}.foodcard-name-rating p{font-weight:700}.food-price{color:#ff4500;font-weight:700}.foodcard-description{color:#676767;font-size:16px}.food-card-img{position:relative}.add{width:35px;border-radius:50%;background-color:#edecec;cursor:pointer}.foodcard-counter{display:flex;align-items:center;gap:4px}.cart{padding:2rem;max-width:1000px;margin:auto;background-color:#fff;border-radius:16px}.cart-empty{text-align:center;color:#ff4500}.cart-item{display:flex;align-items:center;border-bottom:1px solid #eee;padding:1rem 0}.cart-item img{width:100px;height:100px;object-fit:cover;border-radius:10px;margin-right:20px}.cart-details{flex-grow:1}.cart-details h3{margin:0;font-size:1.25rem;color:#333}.cart-details p{margin:5px 0;color:#666}.cart-summary{margin-top:2rem;text-align:right;border-top:1px solid #eee;padding-top:1rem}.cart-summary h3{color:#ff4500}.checkout-btn{margin-top:10px;padding:10px 12px;background-color:#ff4500;color:#fff;border:none;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer}.checkout-btn:hover{background-color:#ef0520}.placeorder{padding:30px 10%;background-color:#fdfdfd;min-height:80vh;font-family:Outfit,sans-serif}.placeorder h2{margin-bottom:20px;color:#333}.order-summary{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.order-summary h3{margin-bottom:15px}.order-item{display:flex;justify-content:space-between;padding:8px 0}.order-item span{color:#000;font-size:25px}.order-total{display:flex;justify-content:space-between;font-size:18px;padding-top:10px}.order-total span{font-size:25px}.delivery-info{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000000d}.delivery-info h3{margin-bottom:15px}.delivery-info input{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:6px}.confirm-btn{background-color:#ff4500;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-size:16px;cursor:pointer;width:100%;margin-top:10px;transition:background .3s ease}.confirm-btn:hover{background-color:#d83737}.footer{background-color:#151515;padding:20px 40px 0;color:#f3efef;margin-top:20px;border:1px solid rgb(185,182,182);border-radius:2px;font-family:Poppins,sans-serif;margin-bottom:0}.footer-left h2{color:#ff4500;font-weight:600;margin-bottom:5px}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-left{flex:1;min-width:250px}.footer-logo{width:120px;margin-bottom:15px}.footer-left p{line-height:1.5}.footer-center,.footer-right{flex:1;min-width:200px}.footer-center h3,.footer-right h3{font-size:18px;margin-bottom:20px}.footer-center ul,.footer-right ul{list-style:none;padding:0}.footer-center li,.footer-right li{margin-bottom:10px;cursor:pointer;transition:.2s}.footer-center li:hover,.footer-right li:hover{color:#ff4500}hr{width:100%;border:none;height:1px;background-color:#eee;margin:20px 0}.footer-copyright{text-align:center;font-size:14px}.login{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1}.login-container{background-color:#fff;padding:20px 30px;border-radius:10px;width:100%;max-width:400px;box-shadow:0 0 10px #0000001a}.login-titles{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-titles h2{font-size:24px;color:#333}.login-titles img{width:20px;cursor:pointer;transition:transform .3s}.login-titles img:hover{transform:scale(1.1)}.login-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.login-inputs input{padding:12px 15px;border:1px solid #ddd;border-radius:5px;font-size:16px;outline:none;transition:border-color .3s}.login-inputs input:focus{border-color:#ff4500}.login-inputs button{padding:12px;border:none;border-radius:5px;background-color:#ff4500;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.login-inputs button:hover{background-color:#e04b00}.login-condition{display:flex;align-items:center;gap:8px;margin-bottom:15px}.login-condition input[type=checkbox]{width:15px;height:15px;margin-top:12px;accent-color:rgb(37,145,227)}.login-condition p{font-size:14px;color:#666}.login-container p{font-size:14px;color:#666;margin-top:10px;text-align:center}.login-container span{font-size:14px;color:#ff3838;cursor:pointer;margin-left:5px;transition:color .3s}.login-container span:hover{text-decoration:underline}