@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.selected-restaurant-banner{background-color:#f8f9fa;padding:6px 40px;margin:6px auto;max-width:1200px;width:100%;border-radius:4px;box-shadow:0 1px 3px #0000000d;text-align:center;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;box-sizing:border-box}.selected-restaurant-banner .restaurant-logo{flex:0 0 auto;width:40px;height:40px;border-radius:4px;overflow:hidden;border:1px solid #eaeaea;background-color:#fff;box-shadow:0 1px 2px #0000000d}.selected-restaurant-banner .restaurant-logo img{width:100%;height:100%;object-fit:contain}.selected-restaurant-banner .restaurant-info{flex:1;min-width:160px}.selected-restaurant-banner h2{color:#333;font-size:1rem;margin-bottom:.1rem}.selected-restaurant-banner p{color:#666;max-width:95%;margin:0 auto;font-size:.7rem}@media screen and (max-width: 768px){.selected-restaurant-banner{padding:5px 25px;margin:5px auto}}@media screen and (max-width: 480px){.selected-restaurant-banner{padding:4px 15px;margin:4px auto;width:calc(100% - 30px)}}.restaurant-selector{max-width:1200px;margin-top:-200px;padding:.6rem 40px;box-sizing:border-box;width:100%;position:sticky;top:70px;background:#fff;z-index:100;border-bottom:1px solid #eee;box-shadow:0 2px 4px #0000001a}.restaurant-search{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.restaurant-search input{padding:6px 8px;border-radius:4px;border:1px solid #ddd;font-size:.8rem;width:100%}.restaurant-filters{display:flex;gap:.5rem}.restaurant-filters select{padding:4px 6px;border-radius:4px;border:1px solid #ddd;background-color:#fff;flex-grow:1;font-size:.7rem}.restaurant-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.3rem;max-height:500px;overflow-y:auto}.restaurant-card{border-radius:6px;overflow:visible;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;background-color:#fff;border:1px solid #f0f0f0;height:160px;display:flex;flex-direction:column}.restaurant-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.restaurant-card.selected{border:2px solid #ff6b6b;transform:translateY(-1px)}.restaurant-image{height:70px;overflow:hidden;position:relative;flex-shrink:0;margin:0;padding:0}.restaurant-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{display:flex;align-items:center;justify-content:center;height:100%;background-color:#f5f5f5;color:#666;font-size:.9rem;font-weight:700}.restaurant-info{padding:4px 6px;flex:1;display:flex;flex-direction:column;justify-content:flex-start;background-color:#fff;margin:0}.restaurant-header{display:flex;justify-content:space-between;align-items:center;margin:0 0 2px;padding:0;gap:4px}.restaurant-name{margin:0;font-size:.85rem;color:#000!important;font-weight:700;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.restaurant-rating{display:flex;align-items:center;gap:2px;background:linear-gradient(135deg,gold,orange);padding:1px 4px;border-radius:3px;white-space:nowrap;flex-shrink:0}.rating-stars{font-size:.6rem}.rating-value{font-size:.6rem;font-weight:700;color:#333}.restaurant-details{display:flex;flex-direction:column;gap:1px;flex:1;margin:0;padding:0}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;gap:4px;line-height:1.1;margin:0}.cuisine{color:#000!important;font-weight:700;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.price-range{color:#4caf50!important;font-weight:700;white-space:nowrap;display:inline-block}.distance{color:#2196f3!important;font-weight:700;display:flex;align-items:center;gap:2px;font-size:.65rem}.delivery-fee{color:#ff6b47!important;font-weight:700;white-space:nowrap;display:flex;align-items:center;gap:2px;font-size:.65rem}.loading,.no-results{text-align:center;padding:1rem;color:#666;font-size:.9rem}.restaurant-status-badge{position:relative;bottom:2px;left:50%;transform:translate(-50%);padding:1px 3px;border-radius:6px;font-weight:600;font-size:.45rem;text-align:center;min-width:25px;box-shadow:0 1px 2px #0003}.restaurant-status-badge.status-open{background:#28a745;color:#fff}.restaurant-status-badge.status-closing-soon{background:#ffc107;color:#212529}.restaurant-status-badge.status-closed{background:#dc3545;color:#fff}.restaurant-status-badge.status-unknown{background:#6c757d;color:#fff}@media (max-width: 768px){.restaurant-selector{padding:0 10px;top:60px}.restaurant-search{margin-top:3rem;margin-bottom:1.5rem}.restaurant-search input{font-size:14px}.restaurant-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:6px;max-height:600px}.restaurant-card{height:150px}.restaurant-image{height:65px}.restaurant-status-badge{font-size:.45rem;padding:1px 3px;min-width:25px}}@media (max-width: 480px){.restaurant-selector{top:75px;padding:.6rem 10px}.restaurant-search{margin-top:3rem;margin-bottom:2rem}.restaurant-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px;max-height:500px}.restaurant-card{height:140px}.restaurant-image{height:55px}.restaurant-status-badge{font-size:.4rem;padding:1px 2px;min-width:20px;bottom:1px}}@media (max-width: 320px){.restaurant-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:3px}.restaurant-card{height:130px}.restaurant-image{height:50px}}.restaurant-info,.restaurant-info *{color:#000!important;background:#fff!important;opacity:1!important;display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;z-index:99999!important;font-size:18px!important}.restaurant-selector-modern{max-width:1200px;margin:0 auto;background-color:#f8f9fa;min-height:100vh}.search-filter-bar{position:sticky;top:0;z-index:1000;background:#fff;padding:1rem;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible!important}.search-container{flex:1;min-width:200px;max-width:300px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#666;font-size:.9rem;z-index:1}.search-input-compact{width:100%;padding:.6rem .6rem .6rem 2.5rem;border:1px solid #ddd;border-radius:20px;font-size:.9rem;outline:none;transition:border-color .3s ease;background-color:#f8f9fa}.search-input-compact:focus{border-color:#007bff;background-color:#fff}.filter-pills{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;flex:2;overflow:visible}.filter-pill{display:flex;align-items:center;gap:.3rem;padding:.5rem .8rem;background:#f8f9fa;border:1px solid #ddd;border-radius:20px;font-size:.8rem;color:#333;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative}.filter-pill:hover{background:#e9ecef;border-color:#007bff;color:#333;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.filter-pill.delivery-fee{border-color:#17a2b8;color:#000!important}.filter-pill.delivery-fee:hover{border-color:#17a2b8;background:#e1f7fd;color:#000!important}.filter-pill.delivery-fee.active{background:#17a2b8;color:#fff!important;border-color:#17a2b8;transform:translateY(-1px);box-shadow:0 2px 6px #17a2b84d}.filter-pill.delivery-fee span{color:#000!important}.filter-pill.delivery-fee.active span{color:#fff!important}.filter-pill.cuisine{border-color:#28a745;color:#333;font-weight:400;width:100px}.filter-pill.cuisine:hover{border-color:#28a745;background:#e8f5e8;color:#333;font-weight:400}.filter-pill.cuisine.active{background:#28a745;color:#fff;border-color:#28a745;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.filter-pill.price{border-color:#ffc107;color:#333}.filter-pill.price:hover{border-color:#ffc107;background:#fff9e6;color:#333}.filter-pill.price.active{background:#ffc107;color:#212529;border-color:#ffc107;transform:translateY(-1px);box-shadow:0 2px 6px #ffc1074d}.filter-pill.rating{border-color:#fd7e14;color:#333}.filter-pill.rating:hover{border-color:#fd7e14;background:#fef3e6;color:#333}.filter-pill.rating.active{background:#fd7e14;color:#fff;border-color:#fd7e14;transform:translateY(-1px);box-shadow:0 2px 6px #fd7e144d}.filter-pill.time{border-color:#6f42c1;color:#333}.filter-pill.time:hover{border-color:#6f42c1;background:#f3edff;color:#333}.filter-pill.time.active{background:#6f42c1;color:#fff;border-color:#6f42c1;transform:translateY(-1px);box-shadow:0 2px 6px #6f42c14d}.filter-pill.status{border-color:#dc3545;color:#333}.filter-pill.status:hover{border-color:#dc3545;background:#fdeaea;color:#333}.filter-pill.status.active{background:#dc3545;color:#fff;border-color:#dc3545;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.filter-pill.active:not(.delivery-fee):not(.cuisine):not(.price):not(.rating):not(.time):not(.status){background:#007bff;color:#fff;border-color:#007bff;transform:translateY(-1px);box-shadow:0 2px 6px #007bff4d}.dropdown-arrow{font-size:.6rem;color:#666;margin-left:.2rem;transition:transform .3s ease}.filter-pill.active .dropdown-arrow{color:#fff}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px #0003;z-index:9999;max-height:200px;overflow-y:auto;margin-top:4px;min-width:150px;display:block;visibility:visible}.dropdown-item{padding:.6rem .75rem;cursor:pointer;font-size:.85rem;color:#333;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;white-space:nowrap;background:#fff;display:block;visibility:visible}.dropdown-item:hover{background-color:#f8f9fa;color:#007bff}.dropdown-item:last-child{border-bottom:none}.filter-pill.dropdown-open .dropdown-arrow{transform:rotate(180deg)}.loading-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state button{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;margin-top:1rem;transition:background-color .3s ease}.empty-state button:hover{background:#0056b3}.restaurant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;padding:1rem}.restaurant-card-modern{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;position:relative}.restaurant-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-image-container{position:relative;width:100%;height:130px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.restaurant-card-modern:hover .card-image{transform:scale(1.05)}.card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem;font-weight:700}.card-content{padding:.6rem}.restaurant-name-modern{font-size:1rem;font-weight:600;color:#333;margin:0 0 .3rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rating-row{display:flex;align-items:center;margin-bottom:.2rem;font-size:.8rem;color:#666;position:relative}.distance-time-row{margin-bottom:.25rem;font-size:.8rem;color:#666}.rating-info{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.star{font-size:.7rem;color:gold;margin-right:2px}.rating-number{font-weight:600;color:#333}.rating-count{color:#888}.restaurant-status{padding:.1rem .4rem;border-radius:10px;font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.restaurant-status.open{background-color:#28a745;color:#fff}.restaurant-status.closing-soon{background-color:#ffc107;color:#212529}.restaurant-status.closed{background-color:#dc3545;color:#fff}.delivery-info{display:flex;align-items:center;gap:.5rem;color:#666}.separator{color:#ddd}.delivery-fee-row{font-size:.75rem;color:#666;margin-top:.05rem}.delivery-fee{color:#666;font-weight:400}@media (max-width: 768px){.search-filter-bar{flex-direction:column;align-items:stretch;gap:.8rem;padding:.8rem}.search-container{max-width:none}.filter-pills{justify-content:flex-start;gap:.4rem}.filter-pill{padding:.4rem .6rem;font-size:.75rem}.restaurant-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;padding:.5rem}.card-image-container{height:120px}.card-content{padding:.5rem}.restaurant-name-modern{font-size:.9rem}}@media (max-width: 480px){.search-filter-bar{padding:.6rem}.search-input-compact{font-size:16px}.filter-pills{flex-wrap:wrap;gap:.3rem}.filter-pill{padding:.35rem .5rem;font-size:.7rem}.restaurant-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;padding:.4rem}.card-image-container{height:100px}.card-content{padding:.4rem}.restaurant-name-modern{font-size:.85rem;line-height:1.1}.rating-row{font-size:.7rem;margin-bottom:.15rem}.distance-time-row{font-size:.7rem;margin-bottom:.2rem}.delivery-fee-row{font-size:.65rem}.restaurant-status{font-size:.5rem;padding:.05rem .3rem}.rating-info{gap:.15rem}.star{font-size:.6rem}.rating-number{font-size:.65rem}.rating-count{font-size:.6rem}}@media (max-width: 360px){.restaurant-grid{grid-template-columns:repeat(2,1fr);gap:.4rem;padding:.3rem}.card-image-container{height:90px}.card-content{padding:.3rem}.restaurant-name-modern{font-size:.8rem;line-height:1.1;-webkit-line-clamp:1}.rating-row{font-size:.65rem;margin-bottom:.1rem}.distance-time-row{font-size:.65rem;margin-bottom:.15rem}.delivery-fee-row{font-size:.6rem}.restaurant-status{font-size:.5rem;padding:.05rem .3rem}}.restaurant-card-modern:focus{outline:3px solid #007bff;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.restaurant-card-modern{animation:fadeInUp .5s ease forwards}@media (max-width: 768px){.restaurant-filters{gap:8px;padding:10px 15px}.filter-pills-container{flex-wrap:wrap;gap:6px;row-gap:12px}.filter-pill{font-size:12px;padding:6px 10px;margin-bottom:4px}}@media (max-width: 480px){.restaurant-filters{padding:8px 10px}.filter-pills-container{gap:4px;row-gap:14px}.filter-pill{font-size:11px;padding:5px 8px;margin-bottom:6px}}.food-shimmer{width:100%;height:280px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;position:relative;overflow:hidden}.food-shimmer:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.food-shimmer:after{content:"";position:absolute;bottom:60px;left:12px;right:12px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.food-shimmer-price{position:absolute;top:12px;left:12px;width:60px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.food-shimmer-likes{position:absolute;top:12px;right:12px;width:40px;height:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.food-shimmer-restaurant{position:absolute;bottom:40px;left:12px;width:80px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:10px}.food-shimmer-add-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:50%}.food-shimmer-description{position:absolute;bottom:80px;left:12px;right:60px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@media (max-width: 768px){.food-shimmer{height:240px}}@media (max-width: 480px){.food-shimmer{height:220px}}.menu-shimmer{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;padding:12px;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000001a;min-width:100px}.menu-shimmer-image{width:80px;height:80px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.menu-shimmer-text{width:60px;height:12px;border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.restaurant-shimmer{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;height:280px;display:flex;flex-direction:column}.restaurant-shimmer:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.restaurant-shimmer-image{width:100%;height:160px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.restaurant-shimmer-content{padding:16px;flex:1;display:flex;flex-direction:column;gap:8px}.restaurant-shimmer-name{width:80%;height:20px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.restaurant-shimmer-rating{width:60%;height:16px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.restaurant-shimmer-info{width:70%;height:14px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.restaurant-shimmer-fee{width:50%;height:14px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media (max-width: 768px){.restaurant-shimmer{height:260px}.restaurant-shimmer-image{height:140px}}@media (max-width: 480px){.restaurant-shimmer{height:240px}.restaurant-shimmer-image{height:120px}}.popular-foods-container{padding:20px 40px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;margin:20px auto;max-width:1200px;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden}.popular-foods-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea)}.popular-foods-header{text-align:center;margin-bottom:20px}.popular-foods-header h2{font-size:1.1rem;font-weight:700;color:#495057;margin-bottom:8px;position:relative;display:inline-block;padding-bottom:10px}.popular-foods-header h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.popular-foods-header p{color:#6c757d;font-size:14px;font-weight:500;margin:0}.popular-foods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;padding:10px 0}.popular-food-card{background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;height:100%;border:1px solid rgba(255,255,255,.8)}.popular-food-card.popular-food-unavailable{opacity:.7;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.popular-food-card.popular-food-unavailable:hover{transform:none;box-shadow:0 4px 15px #0000001a}.popular-food-card.popular-food-unavailable:before{background:linear-gradient(90deg,#dc3545,#c82333);opacity:1}.popular-food-unavailable-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#dc35454d;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.popular-food-availability-status{margin-top:6px;padding-top:6px;border-top:1px solid #e9ecef}.popular-food-card.popular-food-unavailable:hover .popular-food-image img{transform:none}.popular-food-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea);opacity:0;transition:opacity .3s ease}.popular-food-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.popular-food-card:hover:before{opacity:1}.popular-food-image{position:relative;height:120px;overflow:hidden;background:linear-gradient(135deg,#f5f5f5,#e9ecef)}.popular-food-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.popular-food-card:hover .popular-food-image img{transform:scale(1.05)}.popular-food-like{position:absolute;top:8px;right:8px;min-width:32px;height:26px;background:#ffffffe6;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .3s ease;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a;padding:0 6px}.popular-food-like:hover{transform:scale(1.1);background:#fff}.popular-food-like.liked{background:#ff69b433;border-color:#ff14934d}.popular-food-like.liked:hover{background:#ff69b44d}.popular-food-like .heart-icon{font-size:12px;transition:all .3s ease}.popular-food-like .like-count{font-size:10px;font-weight:700;color:#333;transition:all .3s ease}.popular-food-like.liked .like-count{color:#ff1493}.popular-food-like:hover .heart-icon{transform:scale(1.1)}.popular-food-price-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ff4c24f2,#ff6b47f2);color:#fff;padding:4px 8px;border-radius:12px;font-weight:600;font-size:11px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #ff4c244d}.popular-food-price-badge p{margin:0;color:#fff}.popular-food-rating{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#000c,#000000e6);color:#fd0;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0000004d}.popular-food-add{width:28px;height:28px;position:absolute;bottom:8px;right:8px;cursor:pointer;border-radius:50%;z-index:3;background:linear-gradient(135deg,#ff4c24,#ff6b47);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #ff4c2466;transition:all .3s cubic-bezier(.4,0,.2,1)}.popular-food-add:before,.popular-food-add:after{content:"";position:absolute;background-color:#fff}.popular-food-add:before{width:12px;height:2px}.popular-food-add:after{width:2px;height:12px}.popular-food-add:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff4c2480;border-color:#ffffff80}.popular-food-counter{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;padding:4px;border-radius:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a;z-index:3}.popular-food-counter img{width:20px;height:20px;cursor:pointer;transition:transform .3s ease;border-radius:50%}.popular-food-counter img:hover{transform:scale(1.1)}.popular-food-counter p{font-size:12px;font-weight:700;color:#495057;margin:0;min-width:16px;text-align:center;padding:0 6px}.popular-food-info{padding:10px;background:linear-gradient(135deg,#fff,#f8f9fa)}.popular-food-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:6px}.popular-food-title h3{font-size:13px;font-weight:700;color:#2c3e50;margin:0;flex:1;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-food-restaurant-tag{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:8px;font-weight:600;padding:2px 5px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;flex-shrink:0}.popular-food-description{font-size:10px;color:#6c757d;line-height:1.3;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;height:26px}.popular-foods-empty{text-align:center;padding:40px 20px;color:#6c757d;font-size:14px}@media (max-width: 1024px){.popular-foods-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}@media (max-width: 768px){.popular-foods-container{padding:15px 25px;margin:15px auto}.popular-foods-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.popular-food-image{height:100px}.popular-food-title h3{font-size:12px}.popular-food-restaurant-tag{font-size:7px;padding:1px 4px}.popular-food-description{font-size:9px;height:24px}.popular-food-like{min-width:28px;height:24px}.popular-food-like .heart-icon{font-size:11px}.popular-food-like .like-count{font-size:9px}}@media (max-width: 480px){.popular-foods-container{padding:12px 15px;margin:12px auto}.popular-foods-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.popular-food-image{height:80px}.popular-food-title h3{font-size:11px}.popular-food-restaurant-tag{font-size:6px;padding:1px 3px}.popular-food-description{font-size:8px;height:22px}.popular-food-like{min-width:26px;height:22px;top:6px;right:6px}.popular-food-like .heart-icon{font-size:10px}.popular-food-like .like-count{font-size:8px}}.restaurant-page{min-height:100vh;padding-top:70px;margin-top:-155px}.restaurant-header{background-size:cover;background-position:center;background-repeat:no-repeat;min-height:400px;display:flex;align-items:center;justify-content:center;position:relative}.restaurant-logo-overlay{position:absolute;bottom:20px;left:20px;width:100px;height:100px;border-radius:12px;overflow:hidden;border:4px solid white;box-shadow:0 8px 32px #0006;background-color:#fff;z-index:2}.restaurant-logo-overlay img{width:100%;height:100%;object-fit:contain}.restaurant-info-search-section{position:sticky;top:70px;background:#f8f9fafa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e9ecef;padding:15px 20px;box-shadow:0 2px 10px #0000001a;z-index:100;transition:all .3s ease}.info-search-container{max-width:1200px;width:100%;margin:0 auto;padding-left:0}.restaurant-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:20px}.restaurant-name-section{display:flex;align-items:center;gap:15px;flex:1}.restaurant-name{font-size:2.5rem;font-weight:700;color:#333;margin:0;line-height:1.2}.restaurant-status-container{flex-shrink:0}.restaurant-description-row{margin-bottom:12px;transition:all .3s ease;overflow:hidden}.restaurant-description{font-size:.95rem;color:#666;margin:0;line-height:1.4;max-width:700px}.restaurant-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:5px;transition:all .3s ease;overflow:hidden}.detail-item{font-size:.85rem;color:#555;background:#fffc;padding:3px 10px;border-radius:15px;border:1px solid #e9ecef;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;max-width:100%}.detail-item strong{color:#333;font-weight:600}.restaurant-actions{display:flex;align-items:center;gap:15px}.share-button,.rate-button,.info-toggle-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.info-toggle-button{background:#f8f9fa;border-color:#dee2e6;color:#495057}.info-toggle-button:hover{background:#e9ecef;border-color:#adb5bd;color:#343a40;transform:translateY(-1px);box-shadow:0 4px 12px #6c757d4d}.info-toggle-button.info-visible{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.info-toggle-button.info-hidden{background:#f5f5f5;border-color:#9e9e9e;color:#616161}.button-text-mobile{display:none}.button-text-desktop{display:inline}.share-button:hover{border-color:#3b82f6;background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.rate-button:hover{border-color:#ffc107;background:#ffc107;color:#333;transform:translateY(-1px);box-shadow:0 4px 12px #ffc1074d}.share-button svg,.rate-button svg,.info-toggle-button svg{width:18px;height:18px}.restaurant-search-area{display:flex;align-items:center;min-width:350px;flex-shrink:0}.status-open{background:#28a745;color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.8rem;display:inline-block}.status-closing-soon{background:#ffc107;color:#212529;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.8rem;display:inline-block}.status-closed{background:#dc3545;color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.8rem;display:inline-block}.status-unknown{background:#6c757d;color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:.8rem;display:inline-block}.restaurant-search-form{display:flex;justify-content:center;width:100%}.search-input-wrapper{position:relative;width:100%;max-width:400px}.restaurant-search-input{width:100%;padding:12px 50px 12px 16px;border:2px solid #ddd;border-radius:25px;font-size:16px;outline:none;transition:all .3s ease;background:#fff}.restaurant-search-input:focus{border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a}.search-button{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#ff4c24;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.search-button:hover{background:#e63d1f;transform:translateY(-50%) scale(1.05)}.restaurant-content{max-width:1200px;margin:0 auto;padding:40px 20px}.restaurant-loading,.restaurant-error{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.2rem;color:#666}.restaurant-error{color:#dc3545}@media (max-width: 1024px){.restaurant-info-search-section{padding:12px 15px}.info-search-container{padding-left:110px}.restaurant-name{font-size:2rem}.restaurant-details-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.restaurant-search-area{min-width:300px}}@media (max-width: 768px){.restaurant-page{padding-top:60px}.restaurant-header{min-height:300px}.restaurant-logo-overlay{width:80px;height:80px;bottom:15px;left:15px}.restaurant-info-search-section{top:60px;padding:10px 15px}.info-search-container{padding-left:15px}.restaurant-header-row{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:8px}.restaurant-name-section{width:100%;justify-content:space-between;flex-wrap:wrap;gap:10px;flex-direction:row;align-items:center}.restaurant-name{font-size:1.8rem;flex:1}.restaurant-status-container{flex-shrink:0;margin-left:auto}.restaurant-description{font-size:.9rem;max-width:100%}.restaurant-description-row{margin-bottom:8px}.restaurant-details-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin-bottom:3px}.detail-item{font-size:.8rem;padding:3px 8px}.restaurant-actions{flex-direction:row;gap:8px;width:100%;flex-wrap:wrap}.share-button,.rate-button,.info-toggle-button{flex:1;min-width:0;justify-content:center;padding:6px 8px;font-size:.75rem}.button-text-mobile{display:inline}.button-text-desktop{display:none}.restaurant-search-area{min-width:auto;width:100%}.restaurant-search-input{padding:10px 45px 10px 14px;font-size:14px}.search-button{width:32px;height:32px;right:6px}.restaurant-content{padding:20px 15px}}@media (max-width: 580px){.restaurant-header{min-height:280px}.restaurant-logo-overlay{width:75px;height:75px;bottom:12px;left:12px}.restaurant-info-search-section{top:55px;padding:8px 12px}.info-search-container{padding-left:12px}.restaurant-name{font-size:1.6rem}.restaurant-description{font-size:.85rem}.restaurant-details-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:5px}.detail-item{font-size:.75rem;padding:2px 6px}}@media (max-width: 480px){.restaurant-page{padding-top:60px}.restaurant-header{min-height:250px}.restaurant-logo-overlay{width:70px;height:70px;bottom:10px;left:10px}.restaurant-info-search-section{top:60px;padding:6px 10px}.info-search-container{padding-left:10px}.restaurant-header-row{gap:8px;margin-bottom:6px}.restaurant-name-section{flex-direction:row;align-items:center;gap:8px;justify-content:space-between}.restaurant-name{font-size:1.5rem;line-height:1.1;flex:1}.restaurant-status-container{flex-shrink:0;margin-left:auto}.restaurant-description{font-size:.8rem}.restaurant-description-row{margin-bottom:6px}.restaurant-details-grid{grid-template-columns:1fr 1fr;gap:4px}.detail-item{font-size:.7rem;padding:2px 5px;border-radius:12px}.restaurant-search-input{padding:8px 40px 8px 12px;font-size:13px;border-radius:20px}.search-button{width:28px;height:28px;right:5px}.share-button,.rate-button,.info-toggle-button{padding:4px 6px;font-size:.7rem}.share-button svg,.rate-button svg,.info-toggle-button svg{width:14px;height:14px}.restaurant-content{padding:15px 10px}}@media (max-width: 360px){.restaurant-page{padding-top:60px}.restaurant-header{min-height:220px}.restaurant-logo-overlay{width:60px;height:60px;bottom:8px;left:8px}.restaurant-info-search-section{top:60px;padding:5px 8px}.info-search-container{padding-left:8px}.restaurant-name{font-size:1.4rem;flex:1}.restaurant-status-container{flex-shrink:0;margin-left:auto}.restaurant-description{font-size:.75rem}.restaurant-details-grid{grid-template-columns:1fr;gap:3px}.detail-item{font-size:.65rem;padding:1px 4px}.restaurant-search-input{padding:6px 35px 6px 10px;font-size:12px}.search-button{width:24px;height:24px;right:4px}.restaurant-content{padding:12px 8px}.share-button,.rate-button,.info-toggle-button{padding:3px 5px;font-size:.65rem}.share-button svg,.rate-button svg,.info-toggle-button svg{width:12px;height:12px}}.explore-menu{display:flex;flex-direction:column;gap:6px;max-width:1200px;margin:0 auto;padding:0 40px}.explore-menu h1{color:#262626;font-weight:500;font-size:1.1rem}.explore-menu-text{max-width:80%;color:gray;font-size:.7rem}.explore-menu-list{display:flex;justify-content:flex-start;align-items:center;gap:10px;text-align:center;margin:6px 0;overflow-x:scroll}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list-item img{width:4vw;min-width:48px;cursor:pointer;border-radius:50%;transition:.2s}.explore-menu-list-item .active{border:1px solid tomato;padding:1px}.explore-menu-list-item p{margin-top:3px;color:#747474;font-size:max(.8vw,10px);cursor:pointer}.explore-menu hr{margin:2px 0;height:1px;background-color:#e2e2e2;border:none}@media (max-width:768px){.explore-menu{padding:0 25px}.explore-menu-text{max-width:100%;font-size:10px}}@media (max-width:480px){.explore-menu{padding:0 15px}}.explore-menu-icon{width:5vw;min-width:48px;height:5vw;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f5f5f5;color:#747474;font-weight:500;cursor:pointer;transition:.2s}.explore-menu-icon.active{border:2px solid tomato;color:tomato;background-color:#fff4f2}.explore-menu-list-item{display:flex;flex-direction:column;align-items:center;gap:3px}.debug-info{font-style:italic;color:#888;font-size:.8rem}.no-matches{opacity:.7}.explore-menu-list-item img[src*=undefined],.explore-menu-list-item img[src*=null]{display:none}.food-display{margin-top:20px;padding:0 40px;max-width:1200px;margin-left:auto;margin-right:auto}.food-display h2{font-size:1.1rem;font-weight:700;color:#495057;text-align:center;margin-bottom:20px;position:relative;padding-bottom:10px}.food-display h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47);border-radius:2px}.food-display-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:20px;padding:10px 0}.no-results p:last-child{font-size:12px;color:#6c757d;font-weight:400}@media (max-width: 1024px){.food-display-list{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}@media (max-width: 768px){.food-display{padding:0 25px;margin-top:15px}.food-display h2{margin-bottom:15px;padding-bottom:8px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:15px;padding:8px 0}.no-results{margin-top:20px;padding:20px 10px}}@media (max-width: 480px){.food-display{padding:0 15px}.food-display-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.no-results{padding:15px 10px}.no-results p{font-size:13px}.no-results p:last-child{font-size:11px}}.food-item{width:100%;min-width:180px;margin:auto;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeIn 1s;position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#f8f9fa);display:flex;flex-direction:column;height:100%;border:1px solid rgba(255,255,255,.8)}.food-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;cursor:pointer}.food-item:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea);opacity:0;transition:opacity .3s ease}.food-item:hover:before{opacity:1}.food-item-image-container{position:relative;width:100%!important;height:120px!important;overflow:hidden;border-radius:12px 12px 0 0;flex-shrink:0;background:linear-gradient(135deg,#f5f5f5,#e9ecef)}.food-item-image{width:100%!important;height:100%!important;object-fit:cover;border-radius:12px 12px 0 0;transition:transform .3s ease;display:block}.food-item:hover .food-item-image{transform:scale(1.05)}.food-item-price-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#ff4c24f2,#ff6b47f2);color:#fff;padding:4px 8px;border-radius:12px;font-weight:600;font-size:11px;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #ff4c244d}.food-item-like{position:absolute;top:8px;right:8px;min-width:32px;height:26px;background:#ffffffe6;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:all .3s ease;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a;padding:0 6px}.food-item-like:hover{transform:scale(1.1);background:#fff}.food-item-like.liked{background:#ff69b433;border-color:#ff14934d}.food-item-like.liked:hover{background:#ff69b44d}.heart-icon{font-size:12px;transition:all .3s ease}.like-count{font-size:10px;font-weight:700;color:#333;transition:all .3s ease}.food-item-like.liked .like-count{color:#ff1493}.food-item-like:hover .heart-icon{transform:scale(1.1)}.food-item-add-btn{position:absolute;bottom:8px;right:8px;width:28px;height:28px;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;z-index:3;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff4c2466;border:2px solid rgba(255,255,255,.3)}.food-item-add-btn:before,.food-item-add-btn:after{content:"";position:absolute;background-color:#fff}.food-item-add-btn:before{width:12px;height:2px}.food-item-add-btn:after{width:2px;height:12px}.food-item-add-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #ff4c2480;border-color:#ffffff80}.food-item-counter{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;gap:6px;padding:4px;border-radius:20px;background-color:#fffffff2;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);z-index:3}.food-item-counter img{width:20px;height:20px;cursor:pointer;transition:transform .3s ease;border-radius:50%}.food-item-counter img:hover{transform:scale(1.1)}.food-item-counter p{margin:0;font-weight:700;color:#495057;font-size:12px;min-width:16px;text-align:center;padding:0 6px}.food-item-info{padding:10px;flex:1;display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:linear-gradient(135deg,#fff,#f8f9fa)}.food-item-name{font-size:13px;font-weight:700;color:#2c3e50;margin:0 0 6px;line-height:1.2;word-wrap:break-word;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.food-item-desc{color:#6c757d;font-size:10px;margin:0 0 6px;line-height:1.3;word-wrap:break-word;width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;height:26px}.food-item-restaurant{margin-top:auto;padding-top:6px}.restaurant-tag{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:8px;font-weight:600;padding:2px 5px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;display:inline-block}.food-item-unavailable{opacity:.7;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.food-item-unavailable:hover{transform:none;box-shadow:0 4px 15px #0000001a}.food-item-unavailable:before{background:linear-gradient(90deg,#dc3545,#c82333);opacity:1}.food-item-unavailable:hover .food-item-image{transform:none}.food-item-unavailable-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#dc35454d;display:flex;align-items:center;justify-content:center;border-radius:12px 12px 0 0;z-index:4;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.unavailable-content{background:#dc3545e6;padding:6px 12px;border-radius:6px;text-align:center;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px #0000004d}.unavailable-text{color:#fff;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.availability-status{margin-top:6px;padding-top:6px;border-top:1px solid #e9ecef}.status-indicator{font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px}.status-indicator.out-of-stock{color:#dc3545}.status-indicator.restaurant-closed{color:#ff6b00}@media (max-width: 1024px){.food-item{min-width:160px}.food-item-image-container{height:100px!important}.food-item-name{font-size:12px}.restaurant-tag{font-size:7px;padding:1px 4px}.food-item-desc{font-size:9px;height:24px}.food-item-like{min-width:28px;height:24px}.heart-icon{font-size:11px}.like-count{font-size:9px}}@media (max-width: 768px){.food-item{min-width:140px}.food-item-image-container{height:100px!important}.food-item-info{padding:8px}.food-item-name{font-size:11px}.restaurant-tag{font-size:6px;padding:1px 3px}.food-item-desc{font-size:8px;height:22px}}@media (max-width: 480px){.food-item{min-width:120px}.food-item-image-container{height:80px!important}.food-item-info{padding:6px}.food-item-name{font-size:10px}.restaurant-tag{font-size:5px;padding:1px 2px}.food-item-desc{font-size:7px;height:20px}}.rating-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;z-index:99999;padding:130px 20px 20px}.rating-modal{background:#fff;border-radius:16px;width:100%;max-width:400px;max-height:75vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out;z-index:100000}.rating-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.rating-modal-header h3{margin:0;font-size:1.4rem;color:#333;font-weight:600}.close-button:hover{background:#e5e5e5;color:#000}.rating-modal-body{padding:24px}.no-orders-message{text-align:center;padding:40px 20px;color:#666}.no-orders-message p{margin:0;font-size:1rem;line-height:1.5}.rating-section{margin-bottom:24px}.rating-section label{display:block;margin-bottom:12px;font-weight:600;color:#333;font-size:1rem}.stars-container{display:flex;align-items:center;gap:8px;margin-bottom:8px}.star{background:none;border:none;font-size:32px;color:#ddd;cursor:pointer;transition:all .2s ease;padding:4px;border-radius:4px}.star:hover{transform:scale(1.1)}.star.filled{color:#ffc107}.rating-text{margin-left:12px;font-weight:500;color:#666;font-size:1rem}.order-selection{margin-bottom:24px}.order-selection label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.order-selection select{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;transition:border-color .2s ease}.order-selection select:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a}.review-section{margin-bottom:24px}.review-section label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.review-section textarea{width:100%;padding:12px 16px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .2s ease}.review-section textarea:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a}.character-count{text-align:right;font-size:.875rem;color:#666;margin-top:4px}.rating-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cancel-button,.submit-button{padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.cancel-button{background:#e5e5e5!important;color:#333!important;border:1px solid #ccc!important}.cancel-button:hover:not(:disabled){background:#d5d5d5!important;color:#000!important}.submit-button{background:#ff4c24;color:#fff}.submit-button:hover:not(:disabled){background:#e63d1f;transform:translateY(-1px);box-shadow:0 4px 12px #ff4c244d}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.rating-modal-overlay{padding:120px 15px 15px;align-items:flex-start;justify-content:center}.rating-modal{max-width:calc(100% - 30px);max-height:75vh;height:auto;margin:0;width:100%}.rating-modal-header{padding:10px 10px 6px;position:relative}.rating-modal-header h3{font-size:.9rem;margin-right:30px;line-height:1.2}.close-button{position:absolute;top:6px;right:6px;width:22px;height:22px;font-size:14px;background:#f5f5f5!important;border:1px solid #ddd!important;color:#333!important}.rating-modal-body{padding:10px}.star{font-size:18px;padding:1px}.rating-text{font-size:.65rem;margin-left:4px}.rating-modal-actions{flex-direction:column;margin-top:8px;gap:4px}.cancel-button,.submit-button{width:100%;padding:8px 12px;font-size:.8rem}.cancel-button{background:#e5e5e5!important;color:#333!important;border:1px solid #ddd!important}.cancel-button:hover{background:#d5d5d5!important}.rating-section,.order-selection,.review-section{margin-bottom:8px}.rating-section label,.order-selection label,.review-section label{font-size:.8rem;margin-bottom:4px}.review-section textarea{min-height:40px;font-size:.8rem;padding:6px 8px}.order-selection select{font-size:.8rem;padding:6px 8px}.character-count{font-size:.65rem}}@media (max-width: 480px){.rating-modal-overlay{padding:115px 10px 10px;justify-content:center;align-items:flex-start}.rating-modal{max-height:80vh;height:auto;max-width:calc(100% - 20px)}.rating-modal-header{padding:8px 8px 4px}.rating-modal-header h3{font-size:.85rem;margin-right:25px;line-height:1.1}.close-button{top:4px;right:4px;width:20px;height:20px;font-size:12px;background:#f5f5f5!important;border:1px solid #ddd!important;color:#333!important}.rating-modal-body{padding:8px}.star{font-size:16px}.rating-text{font-size:.6rem}.rating-section,.order-selection,.review-section{margin-bottom:6px}.rating-section label,.order-selection label,.review-section label{font-size:.75rem;margin-bottom:3px}.review-section textarea{min-height:30px;font-size:.75rem;padding:5px 6px}.order-selection select{font-size:.75rem;padding:5px 6px}.rating-modal-actions{margin-top:6px;gap:3px}.cancel-button,.submit-button{padding:6px 10px;font-size:.75rem}.cancel-button{background:#e5e5e5!important;color:#333!important;border:1px solid #ddd!important}.character-count{font-size:.6rem}}@media (max-width: 320px){.rating-modal-overlay{padding:105px 5px 5px}.rating-modal{max-height:85vh;max-width:calc(100% - 10px)}.rating-modal-header{padding:6px 6px 3px}.rating-modal-body{padding:6px}}@media (max-width: 360px){.rating-modal-overlay{padding:110px 8px 8px;justify-content:center;align-items:flex-start}.rating-modal{max-height:82vh;max-width:calc(100% - 16px)}.rating-modal-header{padding:8px 8px 4px}.rating-modal-header h3{font-size:.85rem;margin-right:25px}.close-button{top:4px;right:4px;width:20px;height:20px;font-size:12px;background:#f5f5f5!important;border:1px solid #ddd!important;color:#333!important}.rating-modal-body{padding:8px}.star{font-size:16px}.rating-text{font-size:.6rem}.rating-section,.order-selection,.review-section{margin-bottom:8px}.rating-section label,.order-selection label,.review-section label{font-size:.75rem;margin-bottom:3px}.review-section textarea{min-height:35px;font-size:.75rem;padding:5px 6px}.order-selection select{font-size:.75rem;padding:5px 6px}.rating-modal-actions{margin-top:8px;gap:3px}.cancel-button,.submit-button{padding:6px 10px;font-size:.75rem}.cancel-button{background:#e5e5e5!important;color:#333!important;border:1px solid #ddd!important}.character-count{font-size:.6rem}}.footer{background:linear-gradient(135deg,#495057,#343a40);color:#fff;width:100%;padding:40px 20px;box-shadow:0 -4px 20px #00000026;border-top:3px solid var(--primary-color, #FF4C24);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4c24,#ff6b47,#667eea)}.footer-wrapper{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:25px}.footer-content{width:100%;display:grid;grid-template-columns:2fr 2fr 2fr;gap:50px;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-content-left,.footer-content-center,.footer-content-right{display:flex;flex-direction:column;align-items:start;gap:20px}.footer-content-left h2,.footer-content-center h2,.footer-content-right h2{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:8px;background:linear-gradient(45deg,#fff,#e8f4fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-content-left ul li,.footer-content-center ul li,.footer-content-right ul li{margin-bottom:12px;list-style:none;color:#ffffffe6;font-size:15px;font-weight:500;transition:all .3s ease;cursor:pointer;position:relative;padding-left:0}.footer-content-left ul li:hover,.footer-content-center ul li:hover,.footer-content-right ul li:hover{color:#ff4c24;transform:translate(5px)}.footer-content-left ul li:before,.footer-content-center ul li:before,.footer-content-right ul li:before{content:"▶";position:absolute;left:-15px;opacity:0;color:#ff4c24;font-size:12px;transition:all .3s ease}.footer-content-left ul li:hover:before,.footer-content-center ul li:hover:before,.footer-content-right ul li:hover:before{opacity:1;left:-20px}.footer-social-icons{display:flex;gap:20px;margin-top:10px}.footer-social-icons a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative;width:45px;height:45px;border-radius:8px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-social-icons .social-text{font-family:Arial,sans-serif;font-weight:700;font-size:18px;color:#fff;text-transform:lowercase;line-height:1}.footer-social-icons a.linkedin .social-text{font-size:14px;letter-spacing:-1px}.footer-social-icons a.facebook .social-text{font-size:20px;font-style:italic}.footer-social-icons a.twitter .social-text{font-size:16px;font-weight:900}.footer-social-icons a:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #ff4c2466}.footer-social-icons a.linkedin:hover{background:linear-gradient(135deg,#0077b5,#005885)}.footer-social-icons a.facebook:hover{background:linear-gradient(135deg,#1877f2,#166fe5)}.footer-social-icons a.twitter:hover{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.footer-social-icons a:hover .social-text{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-social-icons img{width:25px;height:25px;border-radius:4px;transition:all .3s cubic-bezier(.4,0,.2,1);padding:10px;cursor:pointer;object-fit:contain;display:block;margin:0 auto;opacity:.9;visibility:visible}.footer hr{width:100%;height:2px;margin:25px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);border:none;border-radius:1px}.footer-copyright{text-align:center;color:#fffc;font-size:16px;font-weight:600;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);padding:15px 30px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.footer-copyright:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .8s}.footer-copyright:hover:before{left:100%}.footer-copyright:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.apply-link{margin-top:8px}.apply-link a{color:#ffffffe6;text-decoration:none;position:relative;transition:all .3s ease;font-weight:600;padding:8px 16px;border-radius:8px;background:#ff4c241a;border:1px solid rgba(255,76,36,.3);display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.apply-link a:hover{color:#fff;background:linear-gradient(135deg,#ff4c24,#ff6b47);transform:translateY(-2px);box-shadow:0 8px 25px #ff4c2466}.apply-link a:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#ff4c24,#ff6b47);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.apply-link a:hover:after{transform:scaleX(1);transform-origin:bottom left}.footer-content-left p{color:#ffffffb3;font-size:14px;line-height:1.6;margin-top:10px;font-style:italic}@media (max-width: 1024px){.footer-content{gap:40px}.footer{padding:35px 20px}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.footer-content-left,.footer-content-center,.footer-content-right{align-items:center}.footer-copyright{font-size:14px;padding:12px 24px}.footer{padding:30px 15px}.footer-social-icons,.footer-app-download{justify-content:center}}@media (max-width: 480px){.footer{padding:25px 10px}.footer-content{gap:25px}.footer-social-icons img{width:20px;height:20px;padding:8px}.footer-content-left h2,.footer-content-center h2,.footer-content-right h2{font-size:1.2rem}.footer-copyright{font-size:13px;padding:10px 20px}.apply-link a{font-size:13px;padding:6px 12px}.footer-app-download{flex-direction:column;align-items:center;gap:10px}.footer-app-download img{width:120px;height:36px}}.footer-app-download{margin:20px 0;display:flex;gap:15px;justify-content:flex-start}.footer-app-download img{width:140px;height:42px;cursor:pointer;transition:all .3s ease;border-radius:8px;opacity:.9}.footer-app-download img:hover{opacity:1;transform:scale(1.05);box-shadow:0 4px 15px #0003}.navbar{background:linear-gradient(135deg,#ff6b47,#ff4c24);height:70px;position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;box-shadow:0 2px 10px #0000001a;display:flex;align-items:center}.navbar-content{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:0 2rem}.navbar-left{display:flex;align-items:center;gap:2rem}.logo{height:50px;width:auto;object-fit:contain;border-radius:8px;padding:6px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.logo:hover{transform:scale(1.05);box-shadow:0 4px 12px #fff3;background:#ffffffe6}.navbar-menu-items{display:flex;gap:1rem}.navbar-menu-items a,.navbar-menu-button{color:#fff;text-decoration:none;font-weight:600;font-size:16px;padding:8px 18px;border-radius:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.navbar-menu-button{cursor:pointer;font-family:inherit;border:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;position:relative;z-index:10}.navbar-menu-items a:hover,.navbar-menu-button:hover{background:transparent;color:#ff4c24;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.navbar-menu-items a.active,.navbar-menu-button.active{background:#ffffffe6;color:#ff4c24}.navbar-center{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;max-width:400px;margin:5px 0}.navbar-language.desktop-only{display:flex}.navbar-language.mobile-only{display:none}@media (max-width: 768px){.navbar-language.desktop-only{display:none!important}.navbar-language.mobile-only{display:flex!important}.navbar-right .navbar-language.desktop-only,.navbar-right .navbar-language.mobile-only,.navbar-center .navbar-language.desktop-only{display:none!important}.navbar-center .navbar-language.mobile-only{display:flex!important}.navbar-center{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;max-width:100%}.navbar-center .navbar-language{flex-shrink:0}.navbar-center .address-selector{flex:1;max-width:calc(100% - 120px)}}.address-selector{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:4px 10px;border-radius:8px;cursor:pointer;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;width:100%;max-width:300px;height:32px}.address-selector:hover{background:#fff3}.address-icon{font-size:16px;flex-shrink:0}.address-info{display:flex;flex-direction:column;flex:1;overflow:hidden}.address-text{font-size:11px;color:#fffc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.navbar-right{display:flex;align-items:center;gap:1.5rem}.navbar-language{display:flex;align-items:center}.navbar-right .navbar-language.desktop-only{display:flex}.navbar-right .navbar-language.mobile-only,.navbar-center .navbar-language.desktop-only,.navbar-center .navbar-language.mobile-only{display:none}.navbar-language .language-switcher__current{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:90px;padding:.4rem .8rem}.navbar-language .language-switcher__current:hover{background:#fff3;border-color:#fff6;box-shadow:0 2px 8px #ffffff1a}.navbar-language .language-switcher__name{color:#fff;font-size:.8rem}.navbar-language .language-switcher__arrow{color:#fffc}.navbar-language .language-switcher{position:relative}.navbar-language .language-switcher__options{z-index:1002;position:absolute;top:100%;left:0;right:0;background:#ff6b47;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;margin-top:2px;overflow:visible;width:160px}@media (max-width: 768px){.navbar-language .language-switcher__current{min-width:60px;padding:.25rem .5rem;font-size:.8rem}.navbar-language .language-switcher__flag{font-size:.8rem}.navbar-language .language-switcher__current .language-switcher__name{display:none}.navbar-language .language-switcher__options .language-switcher__name{display:inline!important}.navbar-language .language-switcher__options{min-width:140px;max-width:200px;overflow:visible}.navbar-language .language-switcher__option{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap}.navbar-language .language-switcher__option.active{background-color:#ff6b47;color:#fff}.navbar-language .language-switcher__option.active .language-switcher__name{color:#fff}.navbar-center .navbar-language .language-switcher__current{min-width:100px;padding:.4rem .8rem;font-size:.85rem}}.navbar-cart{position:relative;cursor:pointer}@media (max-width: 768px){.navbar-cart{display:none}.navbar-right:has(.profile-menu-trigger) .navbar-cart{display:block}}.navbar-cart img{width:24px;height:24px}.cart-count{position:absolute;top:-11px;right:-10px;background-color:#ff4c24;color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.sign-in-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.sign-in-btn:hover{background:#ffffffe6;color:#ff4c24;transform:translateY(-2px);box-shadow:0 4px 15px #fff3}.profile-menu-trigger{cursor:pointer;display:flex;align-items:center;gap:.5rem}.profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid white}.profile-icon{width:40px;height:40px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;border:2px solid white}.mobile-sidebar{position:fixed;top:0;right:0;width:280px;height:100vh;background-color:#fff;box-shadow:-5px 0 15px #0000001a;z-index:1001;transition:transform .3s ease;display:flex;flex-direction:column}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#ff6b47,#ff4c24);color:#fff}.sidebar-user-info{display:flex;align-items:center;gap:1rem}.sidebar-profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid white}.sidebar-profile-icon{width:50px;height:50px;border-radius:50%;background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px;border:2px solid white}.sidebar-username{font-size:18px;font-weight:600}.sidebar-close{background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.sidebar-menu{display:flex;flex-direction:column;padding:1rem}.sidebar-item{padding:1rem;display:flex;align-items:center;gap:1rem;color:#333;text-decoration:none;font-weight:500;border-radius:8px;transition:all .2s ease;cursor:pointer}.sidebar-item:hover{background-color:#ff4c241a;color:#ff4c24}@media (max-width: 1200px){.navbar-content{padding:0 1.5rem}.navbar-left{gap:1.5rem}.navbar-menu-items{gap:1rem}.navbar-right{gap:1.2rem}}@media (max-width: 992px){.navbar-content{padding:0 1rem}.navbar-left{gap:1rem}.navbar-menu-items a,.navbar-menu-button{padding:6px 12px;font-size:15px}.navbar-center{max-width:300px}.address-text{max-width:100%}}@media (max-width: 768px){.navbar{height:auto;min-height:60px;padding:6px 0}.navbar-content{flex-wrap:wrap;height:auto;padding-top:0;padding-bottom:0}.navbar-left{order:1;width:50%}.navbar-right{order:2;width:50%;justify-content:flex-end}.navbar-center{order:3;width:100%;max-width:100%;margin-top:4px;margin-bottom:4px;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.logo{height:45px}.navbar-menu-items{gap:.8rem;align-items:center}.navbar-menu-items a,.navbar-menu-button{padding:12px 8px;font-size:14px;height:45px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sign-in-btn{padding:6px 12px}.address-selector{max-width:100%;height:28px}.address-icon{font-size:14px}.address-text{font-size:10px}.delivery-pickup-toggle{max-width:100%;height:22px}.toggle-btn{max-width:none;font-size:11px}}@media (max-width: 576px){.navbar-content{padding:0 .8rem}.logo{height:40px;padding:4px}.navbar-menu-items a,.navbar-menu-button{padding:5px 8px;font-size:13px}.navbar-right{gap:1rem;justify-content:flex-end}.sign-in-btn{padding:5px 8px;font-size:13px;white-space:nowrap}.profile-pic,.profile-icon{width:35px;height:35px}.address-selector{padding:3px 8px;height:28px}.address-icon{font-size:14px}.address-text{font-size:10px}.delivery-pickup-toggle{height:22px}}@media (max-width: 480px){.navbar{padding:5px 0}.navbar-content{padding:0 .5rem}.logo{height:35px}.navbar-left{gap:.5rem;width:55%}.navbar-right{width:45%;gap:1rem;justify-content:flex-end}.navbar-menu-items{gap:.5rem}.navbar-menu-items a,.navbar-menu-button{padding:8px 12px;font-size:12px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.sign-in-btn{padding:4px 8px;font-size:12px;white-space:nowrap}.profile-pic,.profile-icon{width:30px;height:30px}.delivery-pickup-toggle{height:20px}.toggle-btn{padding:3px 8px;font-size:11px}.navbar-center{margin-top:2px;margin-bottom:2px;gap:8px}.navbar-center .address-selector{max-width:calc(100% - 110px)}}@media (max-width: 400px){.navbar-content{padding:0 .4rem}.navbar-left{width:50%}.navbar-right{width:50%;gap:1rem;justify-content:flex-end}.navbar-menu-items{gap:.3rem}.navbar-menu-items a,.navbar-menu-button{padding:8px 10px;font-size:11px;height:45px;min-width:44px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.navbar-cart{transform:scale(.9)}.sign-in-btn{padding:4px 6px;font-size:11px;white-space:nowrap}.address-selector{padding:2px 6px;height:24px;max-width:60%}.navbar-center{gap:6px}.address-text{font-size:9px}.navbar-center .navbar-language .language-switcher__current{min-width:90px;padding:.3rem .6rem;font-size:.8rem}}.address-text{display:block;width:100%}.profile-pic-container,.profile-icon-container{position:relative;display:inline-block}.profile-notification-count{position:absolute;top:-8px;right:-8px;background-color:#ff4c24;color:#fff;font-size:10px;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.sidebar-notifications{position:relative;justify-content:space-between}.sidebar-notification-count{background-color:#ff4c24;color:#fff;font-size:12px;font-weight:600;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto}.navbar+*{margin-top:20px}.profile-shimmer{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#ffffff1a 25%,#ffffff4d,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border:2px solid rgba(255,255,255,.2);cursor:default}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sidebar-profile-shimmer{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#ffffff1a 25%,#ffffff4d,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border:2px solid rgba(255,255,255,.2);cursor:default}.address-shimmer{height:16px;width:120px;border-radius:4px;background:linear-gradient(90deg,#ffffff1a 25%,#ffffff4d,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;display:inline-block}@media (max-width: 768px){.profile-shimmer{width:35px;height:35px}.sidebar-profile-shimmer{width:45px;height:45px}.address-shimmer{width:80px;height:14px}}@media (max-width: 480px){.profile-shimmer{width:32px;height:32px}.sidebar-profile-shimmer{width:40px;height:40px}.address-shimmer{width:60px;height:12px}}.language-switcher{position:relative;display:flex;align-items:center;gap:.5rem;font-family:inherit}.language-switcher__label{font-size:.875rem;color:#666;font-weight:500}.language-switcher--dropdown{position:relative}.language-switcher__dropdown{position:relative;display:inline-block}.language-switcher__current{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:space-between;-webkit-user-select:none;user-select:none}.language-switcher__current:hover{border-color:#tomato;box-shadow:0 2px 8px #ff63471a}.language-switcher__flag{font-size:1.1em}.language-switcher__name{font-size:.875rem;color:#333;font-weight:500}.language-switcher__arrow{font-size:.75rem;color:#666;transition:transform .2s ease}.language-switcher__arrow.open{transform:rotate(180deg)}.language-switcher__options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px #0000001a;z-index:1002;margin-top:2px;overflow:visible;min-width:120px}.language-switcher__option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.language-switcher__option:last-child{border-bottom:none}.language-switcher__option:hover{background-color:#f8f8f8}.language-switcher__option.active{background-color:#tomato;color:#fff}.language-switcher__option.active .language-switcher__name{color:#fff}.language-switcher--buttons{flex-direction:column;gap:.75rem}.language-switcher__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.language-switcher__button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-family:inherit}.language-switcher__button:hover{border-color:#tomato;background:#fff5f5;transform:translateY(-1px)}.language-switcher__button--active{border-color:#tomato;background:#tomato;color:#fff;box-shadow:0 2px 8px #ff634733}.language-switcher__button--active:hover{background:#e85a4f}.language-switcher__button--active .language-switcher__name{color:#fff}@media (max-width: 768px){.language-switcher{gap:.25rem}.language-switcher__label{font-size:.8rem}.language-switcher__current{padding:.4rem .8rem;min-width:100px}.language-switcher__name{font-size:.8rem}.language-switcher__button{padding:.4rem .8rem;font-size:.8rem}.language-switcher__options{min-width:140px;max-width:200px;z-index:1002;overflow:visible}.language-switcher__option{padding:.5rem .75rem;font-size:.8rem;white-space:nowrap}}@media (prefers-color-scheme: dark){.language-switcher__current{background:#2a2a2a;border-color:#444;color:#fff}.language-switcher__options{background:#2a2a2a;border-color:#444}.language-switcher__option{border-color:#444;color:#fff}.language-switcher__option:hover{background:#3a3a3a}.language-switcher__name{color:#fff}.language-switcher__arrow{color:#ccc}.language-switcher__button{background:#2a2a2a;border-color:#444;color:#fff}.language-switcher__button:hover{background:#3a3a3a}.language-switcher__label{color:#ccc}}.language-switcher__current:focus{outline:2px solid #tomato;outline-offset:2px}.language-switcher__button:focus{outline:2px solid #tomato;outline-offset:2px}.cart-page{margin:100px auto;max-width:800px;padding:0 20px;box-sizing:border-box;min-height:60vh}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.cart-header h1{color:#333;margin:0;flex:1;font-size:28px;font-weight:600}.header-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.continue-shopping-btn{background-color:#333;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.continue-shopping-btn:hover{background-color:#555}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.error-message button{background:none;border:none;color:#dc2626;font-size:20px;cursor:pointer;padding:0;margin-left:10px}.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:60px 20px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;margin:20px 0}.empty-icon{font-size:48px;margin-bottom:20px}.empty-state h2{color:#1e293b;margin:0 0 10px;font-size:24px;font-weight:600}.empty-state p{color:#64748b;margin:0 0 25px;font-size:16px}.start-shopping-btn{background:#3b82f6;color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.start-shopping-btn:hover{background:#2563eb}.restaurant-carts-container{margin-top:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.share-modal{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.share-modal h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.share-modal p{margin:0 0 20px;color:#666}.share-url-container{display:flex;gap:10px;margin-bottom:20px}.share-url-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#f9f9f9}.copy-btn{background:#333;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.copy-btn:hover{background:#555}.modal-actions{display:flex;justify-content:center}.close-btn{background:#f5f5f5;color:#333;border:none;padding:12px 24px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.close-btn:hover{background:#e8e8e8}@media (max-width: 768px){.cart-page{padding:0 16px;margin:80px auto}.cart-header{flex-direction:column;align-items:flex-start;gap:20px}.cart-header h1{text-align:center;width:100%;font-size:24px}.header-controls{justify-content:center;width:100%}.share-url-container{flex-direction:column}.copy-btn{width:100%}}@media (max-width: 480px){.cart-page{padding:0 12px;margin:60px auto}.cart-header h1{font-size:22px}.continue-shopping-btn{width:100%;padding:12px}}.cart hr{height:1px;background-color:#e2e2e2;border:none}.restaurant-cart-simple{background:#fff;border-radius:8px;border:1px solid #e5e5e5;margin-bottom:8px;padding:12px;width:100%;box-sizing:border-box}.cart-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:nowrap}.restaurant-logo{flex-shrink:0}.restaurant-logo img{border-radius:6px;object-fit:cover;width:55px;height:55px}.restaurant-info{flex:1;min-width:0;max-width:calc(100% - 120px)}.restaurant-name{margin:0;color:#333;font-size:14px;font-weight:700}.cart-actions-row{display:flex;justify-content:flex-end;height:20px;margin-top:10px;margin-bottom:10px}.restaurant-cart-simple .cart-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:6px;font-size:18px;flex-shrink:0}.share-btn,.delete-cart-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:2px;border-radius:3px;transition:background-color .2s;color:#080606;display:flex;align-items:center;justify-content:center}.share-btn:hover{background:#9bc1e5}.delete-cart-btn:hover{background:#ffebee;color:#d32f2f}.food-items-list{margin-bottom:8px;display:flex;flex-direction:row;gap:8px;flex-wrap:wrap}.cart-food-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid #f0f0f0;border-radius:6px;min-width:90px;max-width:110px;flex-shrink:0;background:#fafafa}.cart-food-item:hover{transform:none!important;scale:none!important;background:#fafafa!important;box-shadow:none!important;cursor:default}.cart-food-item:last-child{border:1px solid #f0f0f0}.cart-food-item-image{flex-shrink:0;width:36px;height:36px}.cart-food-item-image img{border-radius:4px;object-fit:cover;width:36px;height:36px}.cart-food-item-content{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.cart-food-item-info{text-align:center;width:100%}.cart-food-item-name{font-size:10px;color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.1;margin:0}.quantity-controls{display:flex;align-items:center;gap:3px;flex-shrink:0;justify-content:center}.quantity-btn{background:#f5f5f5;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s;color:#333}.quantity-btn:hover{background:#e8e8e8}.quantity-btn:disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.quantity-btn:disabled:hover{background:#e0e0e0}.quantity-btn.plus{background:#4caf50;color:#fff}.quantity-btn.plus:hover{background:#45a049}.quantity-btn.plus:disabled{background:#ccc;color:#999}.quantity{font-size:12px;font-weight:600;color:#333;min-width:16px;text-align:center}.cart-actions-bottom{display:flex;gap:4px}.checkout-btn{background-color:#ff4c24;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.checkout-btn:hover{background:#555}.add-more-btn{background-color:#333;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.add-more-btn:hover{background:#e8e8e8;color:#333;font-weight:700}@media (max-width: 768px){.restaurant-cart-simple{padding:10px;margin-bottom:12px}.cart-header{gap:4px;align-items:center;margin-bottom:20px}.restaurant-logo img{width:70px;height:70px}.restaurant-info{flex:1}.restaurant-name{font-size:12px}.cart-actions-row{margin-bottom:6px}.restaurant-cart-simple .cart-actions{display:flex!important;flex-direction:row!important;align-items:center;gap:4px;flex-shrink:0}.share-btn,.delete-cart-btn{font-size:16px;padding:1px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.food-items-list{gap:6px;margin-bottom:6px}.cart-food-item{gap:3px;padding:4px;min-width:80px;max-width:100px}.cart-food-item-image,.cart-food-item-image img{width:32px;height:32px}.cart-food-item-content{gap:3px}.cart-food-item-name{font-size:9px}.quantity{font-size:10px;min-width:14px}.cart-actions-bottom{gap:3px}.checkout-btn,.add-more-btn{padding:5px 8px;font-size:12px;height:33px;gap:4px}.cart-actions-bottom{flex-direction:column;gap:3px}.cart-food-item{gap:4px}.cart-food-item-name{font-size:10px}.quantity-btn{width:18px;height:18px;font-size:10px}}.error-message{background:#ffebee;color:#d32f2f;padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid #ffcdd2}.close-error{background:none;border:none;color:#d32f2f;font-size:16px;font-weight:700;cursor:pointer;padding:0;margin-left:8px}.close-error:hover{color:#b71c1c}.confirmation-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}.confirmation-dialog{background:#fff;border-radius:16px;width:100%;max-width:450px;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out;z-index:1000000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirmation-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e5e5e5}.confirmation-dialog-header h3{margin:0;font-size:1.4rem;color:#333;font-weight:600}.close-button{background:#f5f5f5;border:1px solid #ddd;font-size:24px;color:#333;cursor:pointer;padding:4px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover:not(:disabled){background:#e5e5e5;color:#000}.close-button:disabled{opacity:.5;cursor:not-allowed}.confirmation-dialog-body{padding:24px;text-align:center}.warning-icon{font-size:3rem;margin-bottom:16px;animation:pulse 2s infinite}.confirmation-dialog-body p{margin:0;font-size:1.1rem;color:#333;line-height:1.5}.confirmation-dialog-actions{display:flex;gap:12px;padding:16px 24px 24px;justify-content:flex-end}.cancel-button,.confirm-button{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.cancel-button{background:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.cancel-button:hover:not(:disabled){background:#e9ecef;color:#495057}.confirm-button{background:#dc3545;color:#fff}.confirm-button:hover:not(:disabled){background:#c82333}.cancel-button:disabled,.confirm-button:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#c82333}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover:not(:disabled){background:#e0a800}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background:#545b62}@media (max-width: 480px){.confirmation-dialog{max-width:90%;margin:20px}.confirmation-dialog-header{padding:20px 20px 12px}.confirmation-dialog-header h3{font-size:1.2rem}.confirmation-dialog-body{padding:20px}.confirmation-dialog-body p{font-size:1rem}.confirmation-dialog-actions{padding:12px 20px 20px;flex-direction:column}.cancel-button,.confirm-button{width:100%;padding:14px 24px}.warning-icon{font-size:2.5rem}}.login-popup{position:fixed;z-index:1000;width:100%;height:100%;background-color:#00000090;display:flex;justify-content:center;align-items:flex-start;padding-top:150px;top:0;left:0}.login-popup-container{margin-top:60px;width:max(23vw,330px);color:gray;background-color:#fff;display:flex;flex-direction:column;gap:25px;padding:25px 30px;border-radius:12px;font-size:14px;animation:fadeIn .5s;box-shadow:0 10px 25px #0000001f,0 2px 8px #00000014}.login-popup-title{display:flex;justify-content:space-between;align-items:center;color:#000}.login-popup-title img{width:16px;cursor:pointer}.login-popup-inputs{display:flex;flex-direction:column;gap:20px}.login-popup-inputs input{outline:none;border:1px solid #C9C9C9;padding:10px;border-radius:4px}.password-input-container input{width:100%;padding-right:50px}.password-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:#fff;background-color:#fff;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#231d1d;border-radius:4px;transition:color .2s ease;box-shadow:none}.password-toggle-btn:hover{color:#ff4c24;background:none;background-color:#fff;box-shadow:none}.password-toggle-btn:focus{outline:none;background:none;background-color:transparent;box-shadow:none}.password-toggle-btn:active{background:none;background-color:transparent;box-shadow:none}.password-toggle-btn:not(:active){background:#fff;background-color:transparent;box-shadow:none}.password-toggle-btn:not(:focus){outline:none;background:none;background-color:transparent;box-shadow:none;color:#655f5f}.login-popup-container button{border:none;padding:10px;border-radius:4px;color:#fff;background-color:#ff4c24;font-size:15px;cursor:pointer}.login-popup-condition{display:flex;align-items:start;gap:8px;margin-top:-15px}.login-popup-condition input{margin-top:5px}.login-popup p span{color:#ff4c24;font-weight:500;cursor:pointer}.forgot-password-link{text-align:center;margin-top:10px}.forgot-password-btn{background:none;background-color:transparent;border:none;color:#ff4c24;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s;padding:0;margin:0}.forgot-password-btn:hover{color:#ff4c24;background:none;background-color:transparent}.reset-password-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999999}.reset-password-modal-container{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 10px 30px #0000004d;position:relative}.reset-password-modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.reset-password-modal-title h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.reset-password-modal-title img{width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity .2s}.reset-password-modal-title img:hover{opacity:1}.reset-password-modal-content{display:flex;flex-direction:column;gap:20px}.reset-password-description{margin:0;color:#6b7280;font-size:14px;line-height:1.5;text-align:center}.reset-password-form{display:flex;flex-direction:column;gap:16px}.form-group input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ff4c24;box-shadow:0 0 0 3px #ff4c241a}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:40px}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:color .2s}.password-toggle-btn:hover{color:#374151}.reset-password-btn{width:100%;padding:12px 24px;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.reset-password-btn:hover:not(:disabled){background:linear-gradient(135deg,#e03e1e,#e5563a);transform:translateY(-1px);box-shadow:0 4px 12px #ff4c244d}.reset-password-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.reset-password-actions{display:flex;justify-content:center;margin-top:10px}.back-to-login-btn{background:none;border:none;color:#ff4c24;font-size:14px;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s}.back-to-login-btn:hover{color:#e03e1e}@media (max-width: 480px){.reset-password-modal-container{padding:20px;margin:20px;width:calc(100% - 40px)}.reset-password-modal-title h2{font-size:1.3rem}.form-group input{padding:14px 16px;font-size:16px}.reset-password-btn{padding:14px 24px;font-size:16px}}.place-order{display:flex;align-items:start;justify-content:space-between;gap:50px;margin:100px auto;max-width:1200px;padding:0 40px;box-sizing:border-box}.place-order-left{width:100%;max-width:max(30%,500px)}.place-order-left .title{font-size:30px;font-weight:600;margin-bottom:50px}.place-order-left input{margin-bottom:15px;width:100%;padding:10px;border:1px solid #C5C5C5;border-radius:4px;outline-color:tomato}.place-order-left .multi-field{display:flex;gap:10px}.place-order-right{width:100%;max-width:max(40%,500px)}.place-order-submit{margin-top:50px;border:none;background-color:tomato;color:#fff;padding:12px 30px;border-radius:4px;cursor:pointer}.payment{display:flex;flex-direction:column;align-items:start;gap:15px}.payment h2{margin-top:30px;margin-bottom:20px}.payment .payment-option{display:flex;align-items:center;gap:10px;border:1px solid tomato;padding:15px;border-radius:4px;min-width:300px;cursor:pointer}.payment .payment-option:hover{background-color:#ffe7de}.form-error{color:#f44336;font-size:12px;margin-top:-10px;margin-bottom:10px}@media (max-width: 1200px){.place-order{padding:0 25px}}@media (max-width: 768px){.place-order{flex-direction:column;padding:0 20px;gap:30px;margin:80px auto}.place-order-left,.place-order-right{max-width:100%}.payment .payment-option{min-width:250px}.order-summary-section,.customer-info-display,.delivery-info-display,.edit-order-section,.payment-section{padding:15px;margin-bottom:20px}.order-summary-section h3,.customer-info-display h3,.delivery-info-display h3,.payment-section h3{font-size:16px;margin-bottom:12px}.order-type-display{padding:8px 12px;margin-bottom:12px}.order-type-text{font-size:14px}.info-item{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.info-label{min-width:auto;font-size:13px}.info-value{text-align:left;font-size:14px}.delivery-address{padding:12px}.edit-order-btn{padding:12px 20px;font-size:14px}.payment-option{padding:10px 14px;gap:10px}.payment-option input[type=radio]{width:14px;height:14px}.payment-option label{font-size:13px}.place-order-btn{padding:12px 24px;font-size:15px}}@media (max-width: 480px){.place-order{padding:0 15px;margin:60px auto;gap:20px}.place-order-left .title{font-size:24px;margin-bottom:30px}.payment .payment-option{min-width:200px;padding:10px 14px;gap:10px}.payment .payment-option input[type=radio]{width:14px;height:14px}.payment .payment-option label{font-size:13px}.order-summary-section,.customer-info-display,.delivery-info-display,.edit-order-section,.payment-section{padding:12px;margin-bottom:15px;border-radius:6px}.order-summary-section h3,.customer-info-display h3,.delivery-info-display h3,.payment-section h3{font-size:15px;margin-bottom:10px}.cart-items-review h4{font-size:14px;margin-bottom:10px}.cart-item-review{padding:8px 0;flex-wrap:wrap;gap:5px}.item-info .item-name{font-size:13px}.item-info .item-quantity{font-size:11px}.item-total{font-size:13px}.order-type-display{padding:6px 10px;margin-bottom:10px}.order-type-icon{font-size:16px}.order-type-text{font-size:13px}.info-item{padding:8px 0}.info-label{font-size:12px}.info-value{font-size:13px}.delivery-address{padding:10px}.delivery-address p{font-size:13px}.edit-order-btn{padding:10px 16px;font-size:13px}.payment-option{padding:10px;min-width:auto}.payment-option label{font-size:13px}.place-order-btn{padding:12px 20px;font-size:14px;letter-spacing:.3px}}.map-section{margin:20px 0;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.toggle-map-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-weight:500;margin-bottom:15px;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d}.location-warning-banner{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:1px solid #e17055;border-radius:8px;padding:12px 15px;margin:15px 0;display:flex;align-items:center;gap:10px;animation:warningSlideDown .3s ease-out}.warning-icon{font-size:18px;flex-shrink:0}.warning-message{color:#2d3436;font-size:14px;font-weight:500;line-height:1.4}.location-confirmation{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff;padding:12px 15px;border-radius:8px;margin-top:15px;animation:confirmationSlideUp .3s ease-out}.location-confirmation.location-invalid{background:linear-gradient(135deg,#fd79a8,#e84393)}.location-confirmation p{margin:0;font-size:14px;font-weight:500}.invalid-location-note{font-weight:600;text-decoration:underline}.form-error{color:#e74c3c;font-size:12px;margin-top:5px;font-weight:500;padding:8px 12px;background:#e74c3c1a;border-radius:4px;border-left:3px solid #e74c3c}@keyframes warningSlideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes confirmationSlideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.place-order-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.place-order-submit:disabled:hover{transform:none;box-shadow:0 2px 8px #ff6b6b4d}@media (max-width: 768px){.map-section{margin:15px -10px;border-radius:0;border-left:none;border-right:none}.toggle-map-btn{width:100%;margin-bottom:10px}.location-warning-banner{margin:10px 0;flex-direction:column;text-align:center;gap:8px}.location-confirmation{margin-top:10px;text-align:center}.cart-total{padding:15px;margin-top:20px}.cart-total h2{font-size:20px;margin-bottom:15px}.cart-items-list h3{font-size:14px}.cart-item-row{padding:10px 0}.item-name{font-size:13px}.item-quantity{font-size:11px}.item-cost{font-size:13px}.totals-summary{padding:12px}.cart-total-details{font-size:13px}.total-row{padding:10px;font-size:14px!important}}@media (max-width: 480px){.cart-total{padding:12px}.cart-total h2{font-size:18px}.cart-item-row{flex-direction:row;align-items:flex-start;gap:10px}.item-details{flex:1;min-width:0}.item-name{font-size:12px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-cost{flex-shrink:0;font-size:12px}}.cart-total{background:#fff;padding:20px;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 10px #00000014}.cart-total h2{margin-bottom:20px;color:#333;font-size:24px;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.cart-items-list{margin-bottom:20px}.cart-items-list h3{margin:0 0 15px;color:#555;font-size:16px;font-weight:600}.cart-item-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.cart-item-row:hover{background-color:#f8f9fa;border-radius:6px;padding-left:8px;padding-right:8px}.cart-item-row:last-child{border-bottom:none}.item-details{display:flex;flex-direction:column;gap:4px;flex:1}.item-name{font-weight:600;color:#333;font-size:14px}.item-quantity{font-size:12px;color:#666;font-weight:500}.item-cost{font-weight:600;color:#ff4c24;font-size:14px}.divider{border:none;height:2px;background:linear-gradient(90deg,#ff4c24,#ff6b47);margin:20px 0;border-radius:1px}.total-divider{border:none;height:1px;background:#ddd;margin:15px 0}.totals-summary{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #e9ecef}.cart-total-details{display:flex;justify-content:space-between;margin:8px 0;color:#555;font-size:14px}.cart-total-details p{margin:0}.total-row{background:#fff;padding:12px;border-radius:6px;border:2px solid #FF4C24;margin-top:10px;color:#ff4c24!important;font-size:16px!important}.total-row b{color:#ff4c24}.delivery-type-selector{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.delivery-type-label{display:block;font-weight:600;color:#374151;margin-bottom:10px;font-size:14px}.delivery-type-options{display:flex;gap:10px}.delivery-type-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;color:#6b7280}.delivery-type-option:hover{border-color:#ff4c24;color:#ff4c24}.delivery-type-option.active{border-color:#ff4c24;background:#ff4c24;color:#fff}.delivery-icon{font-size:18px}.pickup-info{margin:15px 0;padding:15px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px}.pickup-notice{margin:0;color:#0369a1;font-size:14px;line-height:1.5;display:flex;align-items:center;gap:8px}.pickup-icon{font-size:16px}.delivery-instructions-section{margin:15px 0}.delivery-instructions{width:100%;padding:12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical;min-height:100px;transition:all .3s ease;background:#fafafa}.delivery-instructions:focus{outline:none;border-color:#ff4c24;background:#fff;box-shadow:0 0 0 3px #ff4c241a}.delivery-instructions::placeholder{color:#6b7280;font-size:13px;line-height:1.4}.delivery-instructions:hover{border-color:#d1d5db;background:#fff}.order-summary-section,.customer-info-display,.delivery-info-display,.edit-order-section,.payment-section{margin-bottom:30px;padding:20px;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d}.order-summary-section h3,.customer-info-display h3,.delivery-info-display h3,.payment-section h3{margin-top:0;margin-bottom:15px;color:#333;font-size:18px;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:8px}.order-type-display{display:flex;align-items:center;gap:8px;margin-bottom:15px;padding:10px 15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #FF4C24}.order-type-icon{font-size:18px}.order-type-text{font-weight:600;color:#333}.cart-items-review h4{margin:0 0 15px;color:#555;font-size:16px;font-weight:600}.cart-item-review{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.cart-item-review:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;gap:4px}.item-info .item-name{font-weight:600;color:#333;font-size:14px}.item-info .item-quantity{font-size:12px;color:#666;font-weight:500}.item-total{font-weight:600;color:#ff4c24;font-size:14px}.info-grid{display:grid;gap:10px}.info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-item:last-child{border-bottom:none}.info-label{font-weight:600;color:#555;min-width:80px}.info-value{color:#333;text-align:right}.delivery-address{background:#f8f9fa;padding:15px;border-radius:6px;border-left:4px solid #007bff}.delivery-address p{margin:5px 0;color:#333;line-height:1.4}.delivery-instructions{margin-top:10px;padding:10px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;font-size:14px}.edit-order-section{text-align:center;background:#f8f9fa!important;border:1px dashed #dee2e6!important}.edit-order-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:500;transition:all .3s ease}.edit-order-btn:hover{background:#5a6268;transform:translateY(-1px)}.payment-options{display:flex;flex-direction:column;gap:8px}.payment-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff;position:relative}.payment-option:hover{border-color:#ff4c24;background:#fff8f6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.payment-option.active{border-color:#ff4c24;background:#fff8f6;box-shadow:0 0 0 1px #ff4c24,0 2px 8px #ff4c2426}.payment-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:#FF4C24;cursor:pointer}.payment-option label{cursor:pointer;font-weight:500;color:#333;margin:0;font-size:14px;flex:1}.place-order-btn{width:100%;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;text-transform:uppercase;letter-spacing:.5px}.place-order-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff4c244d}.place-order-btn:disabled,.place-order-btn.submitting{opacity:.7;cursor:not-allowed;transform:none}.place-order-btn:disabled:hover{transform:none;box-shadow:none}.order-details{width:100%;max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;min-height:100vh}.order-details-container{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.order-details-left{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.order-details-right{position:sticky;top:20px}.order-details h2{color:#333;margin-bottom:30px;font-size:1.8rem;font-weight:700}.order-type-section{margin-bottom:30px}.order-type-section h3{color:#555;margin-bottom:15px;font-size:1.2rem;font-weight:600}.order-type-buttons{display:flex;gap:15px}.order-type-btn{flex:1;padding:15px 20px;border:2px solid #e0e0e0;border-radius:10px;background:#fff;color:#666;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.order-type-btn:hover{border-color:#ff4c24;color:#ff4c24}.order-type-btn.active{background:linear-gradient(135deg,#ff4c24,#ff6b47);border-color:#ff4c24;color:#fff}.customer-info-section,.delivery-info-section{margin-bottom:30px}.customer-info-section h3,.delivery-info-section h3{color:#555;margin-bottom:20px;font-size:1.2rem;font-weight:600;border-bottom:2px solid #f0f0f0;padding-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff4c24}.form-group input.error,.form-group textarea.error{border-color:#dc3545}.error-text{color:#dc3545;font-size:.85rem;margin-top:5px;display:block}.warning-text{color:#ffc107;font-size:.9rem;margin-top:10px;padding:10px;background:#fff3cd;border-radius:6px;border:1px solid #ffeaa7}.map-section{margin-top:20px;position:relative;z-index:1;overflow:visible}.map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;position:relative;z-index:2}.map-header h4{color:#555;font-size:1.1rem;font-weight:600;margin:0}.map-toggle-btn{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.map-toggle-btn:hover{background:#5a6268}.map-container{height:300px;border-radius:8px;overflow:visible;border:2px solid #e0e0e0;margin-bottom:15px;position:relative;z-index:1}.map-container.required{border-color:#ff4c24;box-shadow:0 0 0 2px #ff4c2433}.map-container.required:after{content:"Click on the map to select your delivery location";position:absolute;top:10px;left:50%;transform:translate(-50%);background:#ff4c24e6;color:#fff;padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:500;z-index:1000;pointer-events:none;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.save-delivery-section{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.save-delivery-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.save-delivery-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #ff4c244d}.save-delivery-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.save-delivery-btn.saved{background:linear-gradient(135deg,#28a745,#34ce57)}.save-delivery-btn.saved:hover{transform:none;box-shadow:0 2px 8px #28a7454d}.delivery-fee-info{margin-top:15px;padding:15px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;text-align:center}.delivery-fee-info .delivery-fee-preview{color:#856404;font-weight:600;font-size:1.1rem}.location-info{display:flex;flex-direction:column;gap:8px;padding:15px;background:#f8f9fa;border-radius:8px;margin-top:15px}.location-confirmed{color:#28a745;font-weight:600;font-size:.9rem}.calculating-fee,.delivery-fee-preview{color:#6c757d;font-size:.9rem}.delivery-fee-preview{color:#ff4c24;font-weight:600}.order-summary{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000001a}.order-summary h3{color:#333;margin-bottom:20px;font-size:1.3rem;font-weight:700;text-align:center}.cart-items{margin-bottom:20px;max-height:300px;overflow-y:auto}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.cart-item:last-child{border-bottom:none}.item-details{display:flex;flex-direction:column;gap:4px}.item-name{font-weight:600;color:#333;font-size:.9rem}.item-quantity{color:#666;font-size:.85rem}.item-total{font-weight:600;color:#ff4c24}.order-totals{border-top:2px solid #f0f0f0;padding-top:20px}.total-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:1rem}.total-row.total{font-size:1.2rem;color:#333;border-top:2px solid #f0f0f0;padding-top:15px;margin-top:15px}.continue-btn{width:100%;padding:15px;background:linear-gradient(135deg,#ff4c24,#ff6b47);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;text-transform:uppercase;letter-spacing:.5px}.continue-btn:hover:not(:disabled){background:linear-gradient(135deg,#e63946,#ff4c24);transform:translateY(-2px);box-shadow:0 5px 15px #ff4c2466}.continue-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.order-details{padding:15px}.order-details-container{grid-template-columns:1fr;gap:20px}.order-details-left,.order-summary{padding:20px}.order-details-right{position:static}.form-row{grid-template-columns:1fr;gap:10px}.order-type-buttons{flex-direction:column}.map-header{flex-direction:column;align-items:flex-start;gap:10px}.map-container{height:350px;position:relative;z-index:1}}@media (max-width: 480px){.order-details h2{font-size:1.5rem;text-align:center}.order-summary h3{font-size:1.2rem}.order-type-btn{padding:12px 15px;font-size:.9rem}.form-group input,.form-group textarea{padding:10px 12px;font-size:.9rem}.continue-btn{padding:12px;font-size:1rem}.map-container{height:300px;position:relative;z-index:1}.save-delivery-section{padding:15px;margin-top:15px}.save-delivery-btn{padding:10px 16px;font-size:.9rem}.delivery-fee-info{padding:12px}.delivery-fee-info .delivery-fee-preview{font-size:1rem}}.map-selector-container{display:flex;flex-direction:column;width:100%;margin:20px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.map-container{height:400px;width:100%;z-index:1}.map-controls{background-color:#f8f9fa;padding:12px;border-bottom:1px solid #e9ecef}.map-instructions{margin-top:10px;font-size:14px;color:#6c757d}.use-current-location-btn{background-color:#ff9800;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.use-current-location-btn:hover{background-color:#f57c00}.coordinates-display{background-color:#f8f9fa;padding:12px;font-size:13px;color:#495057;border-top:1px solid #e9ecef}.leaflet-control-attribution{font-size:10px!important}.map-selector{width:100%;margin:20px 0}.map-controls{margin-bottom:15px;text-align:center}.current-location-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d;display:inline-flex;align-items:center;gap:8px;min-width:200px;justify-content:center}.current-location-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #007bff66}.current-location-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.current-location-btn.loading{background:linear-gradient(135deg,#6c757d,#495057)}.loading-spinner{width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.map-instruction{margin:10px 0 0;font-size:14px;color:#666;font-style:italic}.location-warning{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:1px solid #e17055;border-radius:8px;padding:15px;margin:15px 0;animation:slideDown .3s ease-out}.warning-content{display:flex;align-items:flex-start;gap:12px}.warning-icon{font-size:20px;flex-shrink:0}.warning-text{flex:1}.warning-text strong{display:block;color:#d63031;margin-bottom:5px;font-size:16px}.warning-text p{margin:0;color:#2d3436;line-height:1.4;font-size:14px}.location-error{background:linear-gradient(135deg,#fab1a0,#e17055);border:1px solid #d63031;border-radius:8px;padding:12px 15px;margin:15px 0;display:flex;align-items:center;gap:10px;animation:slideDown .3s ease-out;flex-wrap:wrap}.error-icon{font-size:18px;flex-shrink:0}.location-error p{margin:0;color:#2d3436;font-size:14px;line-height:1.4;flex:1}.refresh-btn{background:#2d3436;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:background .2s ease}.refresh-btn:hover{background:#636e72}.service-area-info{background:linear-gradient(135deg,#74b9ff,#0984e3);border-radius:6px;padding:8px 12px;margin-bottom:15px;position:relative;z-index:2}.info-content{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:500}.info-icon{font-size:16px}.map-container{border-radius:12px;overflow:visible;box-shadow:0 4px 20px #0000001a;border:2px solid #e9ecef;position:relative;z-index:1;min-height:400px}.selected-location{background:linear-gradient(135deg,#a29bfe,#6c5ce7);border-radius:8px;padding:12px 15px;margin-top:15px;color:#fff;animation:slideUp .3s ease-out}.selected-location.invalid{background:linear-gradient(135deg,#fd79a8,#e84393)}.location-details{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.location-details strong{font-size:14px;font-weight:600}.coordinates{font-family:Courier New,monospace;background:#fff3;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.validation-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.validation-status.valid{background:#d1d8d133;color:#0baf27;font-size:12px;font-weight:400}.validation-status.invalid{background:#ffffff4d;color:#fff}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.map-selector{position:relative;z-index:1;display:flex;flex-direction:column}.current-location-btn{padding:10px 20px;font-size:14px;min-width:180px}.map-controls{position:relative;z-index:2;background:#f8f9fa;padding:12px;border-radius:8px 8px 0 0;margin-bottom:0;order:1}.map-instruction{margin:8px 0 0;font-size:13px}.service-area-info{order:2;margin:10px 0;position:relative;z-index:2}.location-error{order:3;position:relative;z-index:2;margin:10px 0}.selected-location{order:4;margin:10px 0;position:relative;z-index:2}.map-container{order:5;margin:0;border-radius:0 0 8px 8px;position:relative;z-index:1;height:350px!important;flex:1;min-height:350px;overflow:visible}.map-container .leaflet-container{height:100%!important;width:100%!important;z-index:1;position:absolute!important;top:0!important;left:0!important}.warning-content{flex-direction:column;gap:8px}.location-details{flex-direction:column;align-items:flex-start;gap:8px}.coordinates{font-size:11px}}@media (max-width: 480px){.map-selector{margin:0 -10px}.map-container{height:300px!important;min-height:300px}.map-controls{padding:10px}.current-location-btn{padding:8px 16px;font-size:13px;min-width:160px}.map-instruction{font-size:12px}.service-area-info{padding:6px 10px;margin:8px 0}.info-content{font-size:12px}.selected-location{padding:10px 12px;margin:8px 0}.location-details strong{font-size:13px}.coordinates{font-size:10px}}.leaflet-container{background:#f8f9fa;position:relative!important;z-index:1!important;height:100%!important;width:100%!important}.leaflet-pane{z-index:1!important}.leaflet-control{z-index:1000!important}.leaflet-popup{z-index:1001!important}.leaflet-control-zoom{border-radius:8px!important;overflow:hidden}.leaflet-control-zoom a{background:#fffffff2!important;border:none!important;transition:all .2s ease}.leaflet-control-zoom a:hover{background:#007bff1a!important}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px}.map-loading .loading-spinner{width:32px;height:32px;border:3px solid #007bff;border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.map-loading p{margin:0;color:#6c757d;font-size:16px;font-weight:500}.fallback-map{width:100%;margin:20px 0}.fallback-controls{text-align:center;margin-bottom:20px}.fallback-map-placeholder{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px dashed #2196f3;border-radius:12px;padding:40px 20px;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.fallback-map-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%232196f3" opacity="0.1"/></svg>') repeat;background-size:20px 20px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-placeholder-content{position:relative;z-index:1;background:#ffffffe6;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.map-placeholder-content h3{margin:0 0 15px;color:#1976d2;font-size:20px;font-weight:600}.map-placeholder-content p{margin:10px 0;color:#424242;font-size:14px;line-height:1.5}.map-placeholder-content small{color:#757575;font-style:italic}.my-orders{margin:50px 100px;min-height:60vh}.my-orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.my-orders h2{color:#333;margin:0 0 20px;flex:1;font-size:1.5rem;font-weight:600;color:#212529;text-align:center;text-transform:uppercase;letter-spacing:.5px}.my-orders .container{display:flex;flex-direction:column;gap:20px}.pagination-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid #eee}.pagination-row .page-indicator{font-weight:600;color:#666}.btn-primary.disabled,.btn-secondary.disabled{opacity:.5;cursor:not-allowed}.loading,.no-orders{text-align:center;margin-top:40px;color:#666;font-size:16px}.no-orders{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.no-orders-content{max-width:400px;text-align:center}.no-orders-icon{font-size:64px;margin-bottom:20px;opacity:.6}.no-orders h3{color:#333;font-size:24px;font-weight:600;margin-bottom:16px;margin-top:0}.no-orders p{color:#666;font-size:16px;line-height:1.5;margin-bottom:12px}.no-orders-subtitle{color:#888;font-size:14px;margin-bottom:24px}.clear-filters-btn,.browse-restaurants-btn{background:linear-gradient(135deg,#ff6b47,#ff4c24);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #ff6b474d}.clear-filters-btn:hover,.browse-restaurants-btn:hover{background:linear-gradient(135deg,#ff4c24,#e63900);transform:translateY(-2px);box-shadow:0 5px 15px #ff6b4766}.retry-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:16px}.retry-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.my-orders-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d;background-color:#fff}.my-orders-header{display:flex;align-items:center;padding:15px 20px;cursor:pointer;background-color:#f9f9f9;transition:background-color .2s;position:relative}.my-orders-header:hover{background-color:#f0f0f0}.order-icon img{width:40px;height:40px}.order-summary{flex:2;margin-left:15px}.order-id{font-weight:700;color:#333;margin:0}.order-date{margin:0;color:#666;font-size:14px}.order-amount{flex:1;font-weight:700;color:#ff6b6b}.order-status{display:flex;align-items:center;gap:8px}.order-status p{display:inline-block;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;box-shadow:0 2px 6px #0000001a;border:1px solid transparent;text-shadow:0 1px 1px rgba(0,0,0,.1);transition:all .3s ease}.order-status p:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.order-status p.created{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border-color:#e0a800;text-shadow:0 1px 1px rgba(255,255,255,.3)}.order-status p.restaurant-confirmed{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border-color:#138496}.order-status p.driver-on-the-way-to-restaurant{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;border-color:#5a2d91}.order-status p.food-processing{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff;border-color:#e55a00}.order-status p.ready{background:linear-gradient(135deg,#20c997,#17a085);color:#fff;border-color:#17a085}.order-status p.order-picked-up-by-driver{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-color:#1e7e34}.order-status p.driver-coming-with-your-order{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#0056b3}.order-status p.delivered{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-color:#1e7e34}.order-status p.cancelled{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border-color:#c82333}.status-dot{display:none}.track-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #007bff33}.track-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 3px 8px #007bff4d}.expand-icon{margin-left:10px;color:#999;font-size:12px}.order-details{padding:20px;border-top:1px solid #eee;background-color:#fff}.order-items,.order-address,.order-payment{margin-bottom:20px}.order-items h4,.order-address h4,.order-payment h4{color:#333;margin-bottom:10px;font-size:16px;font-weight:500}.order-items ul{list-style:none;padding:0;margin:0}.order-item{background:#fff;border-radius:10px;padding:16px;margin:12px 0;box-shadow:0 3px 12px #0000000f;border-left:3px solid #007bff;transition:all .3s ease}.order-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000014}.order-item h3{color:#007bff;font-size:1.1rem;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.3px}.order-item p{font-size:.9rem;color:#495057;margin:6px 0;line-height:1.5}.order-item strong{color:#212529;font-weight:600}.order-address p,.order-payment p{margin:5px 0;color:#555;line-height:1.5}.payment-status-display{display:flex;flex-direction:column;gap:8px}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.payment-row span:first-child{font-weight:500;color:#495057}.payment-method{font-weight:600;color:#495057}.payment-status{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;text-transform:uppercase}.payment-status.pending{background:#fff3cd;color:#856404}.payment-status.completed{background:#d4edda;color:#155724}.payment-status.failed{background:#f8d7da;color:#721c24}.payment-note{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;padding:8px 12px;margin-top:4px;font-size:.85rem;color:#0056b3;font-style:italic}.tracking-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding:100px 20px 20px;animation:fadeIn .2s ease;overflow-y:auto}.order-actions-header{display:flex;gap:8px;align-items:center}.order-actions-detail{display:flex;gap:10px;width:100%;margin-top:15px}.tracking-button{background-color:#74b9ff;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-weight:500;flex:1;transition:background-color .2s;font-size:14px}.tracking-button:hover{background-color:#0984e3}.cancellation-button{background-color:#ff6b6b;color:#fff;border:none;padding:12px 20px;border-radius:4px;cursor:pointer;font-weight:500;flex:1;transition:background-color .2s;font-size:14px}.cancellation-button:hover{background-color:#ff5252}.cancellation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease}.cancellation-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;width:90%;max-width:500px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.cancellation-header{background-color:#ff6b6b;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.cancellation-header h3{margin:0;font-size:1.2rem}.cancellation-content{padding:20px}.cancellation-content .order-id{font-weight:600;color:#333;margin:10px 0 20px;font-size:1.1rem}.cancellation-reason{margin-bottom:20px}.cancellation-reason label{display:block;margin-bottom:8px;color:#555}.cancellation-reason textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;resize:vertical;font-family:inherit}.cancellation-actions{display:flex;justify-content:space-between;gap:15px}.cancel-action-button{background-color:#ff6b6b;color:#fff;border:none;padding:12px;border-radius:4px;font-weight:600;cursor:pointer;flex:1;transition:background-color .2s}.cancel-action-button:hover:not(:disabled){background-color:#ff5252}.keep-order-button{background-color:#f1f1f1;color:#333;border:none;padding:12px;border-radius:4px;font-weight:600;cursor:pointer;flex:1;transition:background-color .2s}.keep-order-button:hover:not(:disabled){background-color:#e0e0e0}.cancel-action-button:disabled,.keep-order-button:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 900px){.my-orders{margin:50px 15px}.my-orders-header{flex-direction:column;align-items:flex-start;gap:20px}.my-orders h2{text-align:center;width:100%}.header-controls{justify-content:center;width:100%}.order-icon{flex:0 0 40px}.order-summary{flex:1 0 calc(100% - 100px);margin-left:10px}.order-amount,.order-status{flex:1 0 50%;margin-top:10px}.order-actions-header{position:absolute;right:15px;top:15px;gap:5px}.expand-icon{position:absolute;right:15px;bottom:15px;font-size:14px}.cancellation-actions{flex-direction:column;gap:10px}.cancel-button,.track-button{padding:6px 10px;font-size:12px;min-width:50px}}@media (max-width: 600px){.my-orders{margin:30px 10px}.my-orders-header{margin-bottom:20px;gap:15px}.header-controls{flex-direction:column;gap:10px;width:100%}.refresh-button,.filter-toggle-button{width:100%;max-width:200px}.order-summary{flex:1 0 calc(100% - 80px)}.order-amount,.order-status{font-size:14px}.order-actions-header{flex-direction:column;gap:4px;right:12px;top:12px}.cancel-button,.track-button{padding:5px 8px;font-size:11px;min-width:45px}.expand-icon{right:12px;bottom:12px}.order-actions-detail{flex-direction:column;gap:8px}.tracking-button,.cancellation-button{padding:10px 15px;font-size:13px}}.order-controls{margin-bottom:20px}.order-filters{background-color:#f9f9f9;border-radius:8px;padding:15px;margin-top:15px;box-shadow:0 2px 4px #0000000d;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-form{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;min-width:150px}.filter-group label{margin-bottom:5px;font-weight:500;color:#555}.filter-group select,.filter-group input{padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff}.filter-actions{display:flex;gap:10px}@media (max-width: 768px){.filter-form{flex-direction:column}.filter-group{width:100%}}.address-details{padding-left:10px;margin:10px 0}.address-details p{margin:5px 0;font-size:.9rem;line-height:1.4}.order-pricing{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.pricing-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.pricing-row.total{border-top:1px solid #ddd;padding-top:8px;margin-top:8px;font-weight:700;font-size:16px;color:#333}.order-addresses{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.delivery-address,.restaurant-address{padding:15px;background-color:#f9f9f9;border-radius:6px;border-left:4px solid #74b9ff}.restaurant-address{border-left-color:#ff6b6b}.delivery-address h4,.restaurant-address h4{margin-top:0;margin-bottom:10px;color:#333;font-size:14px;font-weight:600}.address-line{margin:8px 0;line-height:1.4}@media (max-width: 768px){.order-addresses{grid-template-columns:1fr;gap:15px}.tracking-modal-overlay{padding:90px 10px 20px;align-items:flex-start;justify-content:center}}@media (max-width: 480px){.tracking-modal-overlay{padding:100px 8px 15px;align-items:flex-start;justify-content:center}.cancellation-modal{margin-top:5vh;width:95%;max-height:85vh;overflow-y:auto}.cancellation-content{padding:15px}.cancellation-reason textarea{height:80px}}@media (max-width: 360px){.tracking-modal-overlay{padding:95px 5px 10px}}.track-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #007bff33;min-width:70px}.track-button:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 3px 8px #007bff4d}.cancel-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #dc354533;min-width:70px}.cancel-button:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-1px);box-shadow:0 3px 8px #dc35454d}.header-controls{display:flex;gap:12px;align-items:center}.refresh-button{background:linear-gradient(135deg,#1e7e34,#155724);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #1e7e3466;text-shadow:0 1px 2px rgba(0,0,0,.3)}.refresh-button:hover{background:linear-gradient(135deg,#155724,#0d4419);transform:translateY(-2px);box-shadow:0 5px 15px #1e7e3480}.filter-toggle-button{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #6f42c14d}.filter-toggle-button:hover{background:linear-gradient(135deg,#5a2d91,#4e2471);transform:translateY(-2px);box-shadow:0 5px 15px #6f42c166}.filter-toggle-button.active{background:linear-gradient(135deg,#fd7e14,#e55a00);box-shadow:0 3px 10px #fd7e144d}.filter-toggle-button.active:hover{background:linear-gradient(135deg,#e55a00,#cc4900)}.filter-apply{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #007bff33}.filter-apply:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px);box-shadow:0 3px 8px #007bff4d}.filter-reset{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #6c757d33}.filter-reset:hover{background:linear-gradient(135deg,#5a6268,#4e555b);transform:translateY(-1px);box-shadow:0 3px 8px #6c757d4d}.clear-filters-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 3px 10px #17a2b84d}.clear-filters-btn:hover{background:linear-gradient(135deg,#138496,#0f6674);transform:translateY(-2px);box-shadow:0 5px 15px #17a2b866}.retry-button{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #fd7e144d}.retry-button:hover{background:linear-gradient(135deg,#e55a00,#cc4900);transform:translateY(-2px);box-shadow:0 6px 16px #fd7e1466}.delivery-type-indicator{font-size:11px;padding:2px 6px;border-radius:8px;font-weight:600;text-transform:uppercase;margin-left:8px}.delivery-type-indicator.delivery{background:#dbeafe;color:#1e40af}.delivery-type-indicator.pickup{background:#fef3c7;color:#92400e}.pickup-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:15px;margin-bottom:15px}.pickup-info h4{color:#0369a1;margin-bottom:10px;display:flex;align-items:center;gap:8px}.pickup-info p{margin:5px 0;color:#0369a1}.delivery-photo-section{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.delivery-photo-section h4{color:#333;margin-bottom:15px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.delivery-photo-container{display:flex;flex-direction:column;align-items:center;gap:10px}.delivery-photo{max-width:100%;max-height:300px;border-radius:8px;border:2px solid #e9ecef;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #0000001a}.delivery-photo:hover{transform:scale(1.02);box-shadow:0 6px 20px #00000026}.delivery-photo-caption{color:#666;font-size:12px;text-align:center;font-style:italic;margin:0}@media (max-width: 768px){.delivery-photo-section{padding:15px;margin-top:15px}.delivery-photo{max-height:250px}.delivery-photo-section h4{font-size:14px}}.order-tracking{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;width:85%;max-width:500px;margin:0 auto;overflow:hidden;position:relative;z-index:1000;max-height:85vh;display:flex;flex-direction:column}.tracking-header{background-color:#ff6b6b;color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.tracking-header h3{margin:0;font-size:1.2rem}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-button:hover{background-color:#fff3}.tracking-content{padding:20px;overflow-y:auto}.tracking-status h4{margin-top:0;margin-bottom:15px;color:#333}.tracking-status span{padding:4px 10px;border-radius:20px;font-weight:500;font-size:.9em}.tracking-status span.created{background-color:#ffeaa7;color:#d68910}.tracking-status span.restaurant-confirmed{background-color:#81ecec;color:#0c6170}.tracking-status span.driver-on-the-way-to-restaurant{background-color:#a29bfe;color:#4834d4}.tracking-status span.food-processing{background-color:#fd7e14;color:#e55100}.tracking-status span.ready{background-color:#20c997;color:#0c5460}.tracking-status span.order-picked-up-by-driver{background-color:#6610f2;color:#fff}.tracking-status span.out-for-delivery,.tracking-status span.driver-coming-with-your-order{background-color:#74b9ff;color:#0652dd}.tracking-status span.delivered{background-color:#55efc4;color:#00b894}.tracking-status span.cancelled{background-color:#ff7675;color:#d63031}.estimated-delivery{background-color:#f8f9fa;border-left:4px solid #ff6b6b;padding:10px 15px;margin:15px 0;border-radius:4px}.estimated-delivery p{margin:5px 0;color:#555}.tracking-progress{margin:30px 0}.progress-bar{background:linear-gradient(90deg,#28a745,#20c997);border-radius:6px;height:6px;box-shadow:0 1px 4px #28a74533;transition:all .3s ease}.progress-container{background:#e9ecef;border-radius:6px;height:6px;margin:12px 0;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.status-markers{display:flex;justify-content:space-between;position:relative;padding-top:15px}.marker{font-size:.75em;color:#999;position:relative;text-align:center;width:20%}.marker:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:12px;height:12px;background-color:#f1f1f1;border-radius:50%}.marker.active{color:#333;font-weight:500}.marker.active:before{background-color:#ff6b6b}.tracking-timeline{margin-top:30px}.tracking-timeline h4{margin-bottom:15px;color:#333}.timeline{position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:7px;width:2px;background-color:#f1f1f1}.timeline-item{padding:12px 16px;border-radius:8px;margin:8px 0;background:#fff;box-shadow:0 2px 8px #0000000f;border-left:3px solid #dee2e6;transition:all .3s ease}.timeline-item:hover{transform:translate(3px);box-shadow:0 3px 12px #0000001a}.timeline-item.active{border-left-color:#007bff;background:linear-gradient(135deg,#f8f9ff,#e6f3ff)}.timeline-item.completed{border-left-color:#28a745;background:linear-gradient(135deg,#f8fff9,#e6ffe6)}.timeline-point{position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:50%;background-color:#ff6b6b;z-index:1}.timeline-content{background-color:#f8f9fa;padding:12px 15px;border-radius:6px}.timeline-date{color:#999;font-size:.8em;margin-bottom:5px}.timeline-status{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.timeline-time{font-size:.75rem;color:#6c757d;font-weight:500}.timeline-description{font-size:.8rem;color:#495057;line-height:1.4;margin-top:4px}.timeline-note{color:#666;font-size:.9em}.tracking-refresh{display:flex;flex-direction:column;align-items:center;margin-top:20px}.refresh-button{background-color:transparent;border:1px solid #ff6b6b;color:#ff6b6b;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.refresh-button:hover{background-color:#ff6b6b;color:#fff}.auto-refresh-notice{margin-top:8px;font-size:.8em;color:#999}.tracking-loading,.tracking-error{padding:30px;text-align:center;color:#666}.retry-button{background-color:#ff6b6b;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:15px}.retry-button:hover{background-color:#ff5252}.driver-info-section{margin:20px 0}.driver-info-section h4{color:#2e7d32;font-size:1.1rem;margin-bottom:15px;display:flex;align-items:center;gap:8px}.driver-card{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:1px solid #c8e6c9;border-radius:8px;padding:12px;margin-bottom:15px;box-shadow:0 2px 8px #2e7d321a}.driver-header{display:flex;align-items:center;margin-bottom:10px}.driver-avatar{width:40px;height:40px;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:0 2px 8px #4caf504d}.driver-emoji{font-size:20px;color:#fff}.driver-name{font-size:1.2rem;font-weight:600;color:#2e7d32;margin:0 0 5px}.driver-status-badge{display:inline-flex;align-items:center;gap:5px;background-color:#4caf50;color:#fff;padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.driver-contact-section{margin:8px 0}.contact-item{display:flex;align-items:center;margin-bottom:6px;padding:4px 0}.contact-label{font-weight:600;color:#2e7d32;margin-right:10px;min-width:80px}.driver-phone-link{color:#1976d2;text-decoration:none;font-weight:600;padding:4px 8px;border-radius:6px;transition:all .2s ease;background:#1976d21a;border:1px solid rgba(25,118,210,.2)}.driver-phone-link:hover{background:#1976d233;transform:translateY(-1px);border-color:#1976d24d}.vehicle-info,.plate-number{color:#333;font-weight:500}.driver-actions{margin-top:8px;text-align:center}.call-driver-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;text-decoration:none;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem;transition:all .3s ease;box-shadow:0 4px 12px #4caf504d}.call-driver-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066;background:linear-gradient(135deg,#45a049,#388e3c)}.call-icon{font-size:1.1rem}.driver-pending-info{text-align:center;padding:20px;color:#666}.pending-icon{font-size:2rem;margin-bottom:10px;display:block}.driver-location-section{margin-top:20px}.driver-location-section h4{color:#2e7d32;font-size:1.1rem;margin-bottom:15px;display:flex;align-items:center;gap:8px}.map-container{border:1px solid #ddd;margin-top:10px;position:relative}.map-placeholder{display:flex;justify-content:center;align-items:center;height:100%;background-color:#f0f0f0;color:#666}.map-loading{text-align:center}.loading-icon{font-size:2rem;margin-bottom:10px;display:block}.location-updated{font-size:.85rem;color:#2e7d32;margin-top:8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;background-color:#e8f5e8;padding:8px 12px;border-radius:20px}.location-icon{font-size:1rem}.delivery-confirmation{margin:20px 0}.delivery-photo{border-radius:8px;overflow:hidden;max-height:300px;margin-top:10px;text-align:center}.delivery-photo img{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain}@media (max-width: 600px){.order-tracking{width:95%;max-height:85vh;margin-top:0}.status-markers{font-size:.7em}.marker{width:20%}.tracking-content{padding:15px}.tracking-header{padding:12px 16px}.tracking-header h3{font-size:1.1rem}}@media (max-width: 480px){.order-tracking{width:98%;max-height:88vh;margin-top:0}.tracking-content{padding:12px}.tracking-header{padding:10px 12px}.tracking-header h3{font-size:1rem}}@media (max-width: 360px){.order-tracking{width:99%;max-height:90vh}.tracking-content{padding:10px}.tracking-header{padding:8px 10px}}@media (max-width: 768px){.driver-header{flex-direction:column;align-items:center;text-align:center}.driver-avatar{margin-right:0;margin-bottom:10px}.map-container{height:150px!important}.contact-item{flex-direction:column;align-items:flex-start;gap:5px}.contact-label{min-width:auto}.call-driver-btn{padding:10px 20px;font-size:.9rem}.timeline-driver-detail{flex-direction:column;align-items:flex-start;gap:4px}.detail-label{min-width:auto}}.timeline-driver-assignment{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:1px solid #c8e6c9;border-radius:8px;padding:15px;margin-top:10px;box-shadow:0 2px 6px #2e7d321a}.driver-assigned-badge{display:inline-flex;align-items:center;gap:6px;background-color:#4caf50;color:#fff;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:12px}.driver-icon{font-size:1rem}.timeline-driver-info{display:flex;flex-direction:column;gap:8px}.timeline-driver-detail{display:flex;align-items:center;gap:8px}.detail-label{font-weight:500;color:#2e7d32;min-width:70px}.detail-value{color:#333;font-weight:500}.timeline-phone-link{color:#1976d2;text-decoration:none;font-weight:500;padding:2px 6px;border-radius:4px;transition:all .2s ease}.timeline-phone-link:hover{background-color:#e3f2fd;transform:translateY(-1px)}.connection-status{display:flex;align-items:center;gap:5px;font-size:.8rem}.connection-status span{font-size:1.2rem}.connection-status .connected{color:#4caf50}.connection-status .disconnected{color:#ff5722}.last-update{font-size:.8rem;color:#666;margin-top:5px}.order-tracking-status-badge{display:inline-block;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:6px 0;box-shadow:0 2px 6px #0000001a;border:1px solid transparent;text-shadow:0 1px 1px rgba(0,0,0,.1);transition:all .3s ease}.order-tracking-status-badge:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.order-tracking-status-badge.created{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529;border-color:#e0a800;text-shadow:0 1px 1px rgba(255,255,255,.3)}.order-tracking-status-badge.restaurant-confirmed{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border-color:#138496}.order-tracking-status-badge.driver-on-the-way-to-restaurant{background:linear-gradient(135deg,#6f42c1,#5a2d91);color:#fff;border-color:#5a2d91}.order-tracking-status-badge.food-processing{background:linear-gradient(135deg,#fd7e14,#e55a00);color:#fff;border-color:#e55a00}.order-tracking-status-badge.ready{background:linear-gradient(135deg,#20c997,#17a085);color:#fff;border-color:#17a085}.order-tracking-status-badge.order-picked-up-by-driver{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-color:#1e7e34}.order-tracking-status-badge.driver-coming-with-your-order{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-color:#0056b3}.order-tracking-status-badge.delivered{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-color:#1e7e34}.order-tracking-status-badge.cancelled{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border-color:#c82333}.timeline-status.created{color:#e0a800}.timeline-status.restaurant-confirmed{color:#138496}.timeline-status.driver-on-the-way-to-restaurant{color:#5a2d91}.timeline-status.food-processing{color:#e55a00}.timeline-status.ready{color:#17a085}.timeline-status.order-picked-up-by-driver{color:#1e7e34}.timeline-status.driver-coming-with-your-order{color:#0056b3}.timeline-status.delivered{color:#1e7e34}.timeline-status.cancelled{color:#c82333}.contact-item-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:8px 12px;border-radius:8px;margin:6px 0;box-shadow:0 3px 12px #007bff4d;display:flex;justify-content:space-between;align-items:center}.contact-item-primary .contact-label{font-weight:600;font-size:.9rem}.contact-item-primary .driver-phone-link{color:#fff;text-decoration:none;font-weight:700;font-size:1rem;padding:6px 12px;background:#fff3;border-radius:8px;transition:all .3s ease;border:1px solid rgba(255,255,255,.3)}.contact-item-primary .driver-phone-link:hover{background:#ffffff4d;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.call-driver-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;text-decoration:none;padding:12px 24px;border-radius:8px;font-weight:700;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px}.call-driver-btn:hover{background:linear-gradient(135deg,#20c997,#17a085);transform:translateY(-2px);box-shadow:0 6px 16px #28a74566;text-decoration:none;color:#fff}.call-icon{font-size:1.2rem;animation:pulse-phone 2s infinite}@keyframes pulse-phone{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.contact-note{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:8px 12px;border-radius:8px;font-size:.85rem;color:#1565c0;border:1px solid #90caf9;margin-top:8px}.info-icon{font-size:1rem;color:#1976d2}.driver-status-badge{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:6px;margin-top:4px}.driver-status-badge .status-indicator{font-size:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.driver-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:15px;padding:20px;margin:16px 0;box-shadow:0 6px 20px #0000001a;transition:all .3s ease}.driver-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026;border-color:#007bff}.driver-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.driver-avatar{width:50px;height:50px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 4px 12px #007bff4d}.driver-basic-info{flex:1}.driver-name{font-size:1.2rem;font-weight:700;color:#212529;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.timeline-driver-assignment{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #c3e6c3;border-radius:10px;padding:12px;margin-top:8px}.driver-assigned-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.timeline-phone-link{color:#007bff;text-decoration:none;font-weight:700;padding:4px 8px;background:#007bff1a;border-radius:6px;transition:all .3s ease}.timeline-phone-link:hover{background:#007bff33;text-decoration:underline;transform:translateY(-1px)}.live-tracking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.calculating-indicator{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#6c757d}.calculating-spinner{animation:spin 1s linear infinite}.tracking-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.eta-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;position:relative}.distance-card{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50}.traffic-card{background:linear-gradient(135deg,#fff3e0,#ffcc80);border-color:#ff9800}.stat-icon{font-size:1.5rem;flex-shrink:0}.stat-content{flex:1;min-width:0}.stat-label{font-size:.75rem;color:#6c757d;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.stat-value{font-size:.95rem;font-weight:700;color:#212529;line-height:1.2}.stat-subtext{font-size:.7rem;color:#6c757d;margin-top:2px}.enhanced-map{position:relative;overflow:hidden;box-shadow:0 4px 12px #0000001a}.map-placeholder small{display:block;font-size:.75rem;color:#6c757d;margin-top:5px}.map-legend{display:flex;justify-content:center;gap:20px;padding:12px;background:#f8f9faf2;border-radius:8px;margin-top:10px;border:1px solid #dee2e6}.legend-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#495057;font-weight:500}.legend-marker{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.9rem}.driver-marker{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff}.customer-marker{background:linear-gradient(135deg,#ea4335,#d33b2c);color:#fff}.legend-line{width:20px;height:3px;background:#4285f4;border-radius:2px}.location-updated.enhanced{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:10px 12px;margin-top:12px;font-size:.8rem}.update-info,.auto-update-notice{display:flex;align-items:center;gap:5px}.update-info{color:#495057;font-weight:500}.auto-update-notice{color:#6c757d;font-size:.75rem}.update-icon{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.route-summary{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border:1px solid #c8e6c9;border-radius:8px;padding:12px;margin-top:15px}.summary-title{font-size:.8rem;font-weight:700;color:#2e7d32;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.summary-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;color:#495057}.summary-details span:not(:last-child){font-weight:500}@media (max-width: 768px){.tracking-stats{grid-template-columns:1fr;gap:10px}.stat-card{padding:10px}.stat-icon{font-size:1.3rem}.stat-value{font-size:.9rem}.enhanced-map{height:220px!important}.map-legend{flex-direction:column;gap:8px;align-items:center}.legend-item{font-size:.75rem}.location-updated.enhanced{flex-direction:column;gap:8px;align-items:stretch}.route-summary{padding:10px}.summary-details{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.live-tracking-header{flex-direction:column;gap:8px;align-items:flex-start}.calculating-indicator{font-size:.8rem}.tracking-stats{gap:8px}.stat-card{padding:8px;gap:8px}.stat-icon{font-size:1.2rem}.stat-value{font-size:.85rem}.stat-label{font-size:.7rem}.enhanced-map{height:200px!important}.map-legend{padding:8px;gap:6px}.legend-marker{width:20px;height:20px;font-size:.8rem}}.stat-value{transition:all .3s ease}.stat-card.updating .stat-value{transform:scale(1.05);color:#007bff}.traffic-card.light{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-color:#4caf50}.traffic-card.moderate{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ffc107}.traffic-card.heavy{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336}.stat-card.eta-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#2196f3,#21cbf3);border-radius:12px;z-index:-1;opacity:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}}.pickup-tracking-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px;margin:20px 0}.pickup-header h4{color:#0369a1;margin:0 0 15px;display:flex;align-items:center;gap:8px}.pickup-details{display:flex;flex-direction:column;gap:15px}.pickup-location,.pickup-instructions{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e7ff}.pickup-icon{font-size:20px;color:#6366f1;flex-shrink:0}.pickup-content{flex:1}.pickup-label{font-weight:600;color:#374151;margin-bottom:5px;font-size:14px}.pickup-value{color:#6b7280;font-size:14px}.restaurant-info{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb}.restaurant-info strong{color:#374151;display:block;margin-bottom:4px}.restaurant-address{color:#6b7280;font-size:13px}.pickup-value ul{margin:5px 0;padding-left:20px}.pickup-value li{margin:3px 0;color:#6b7280}.pickup-ready-notice,.pickup-completed-notice{display:flex;align-items:center;gap:12px;padding:15px;border-radius:8px;margin-top:10px}.pickup-ready-notice{background:#f0fdf4;border:1px solid #bbf7d0}.pickup-completed-notice{background:#fef3c7;border:1px solid #fbbf24}.ready-icon,.completed-icon{font-size:24px;flex-shrink:0}.ready-icon{color:#16a34a}.completed-icon{color:#d97706}.ready-content,.completed-content{flex:1}.ready-label,.completed-label{font-weight:600;margin-bottom:4px}.ready-label{color:#16a34a}.completed-label{color:#d97706}.ready-message,.completed-message{font-size:14px;color:#6b7280}.qr-code-container{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:1rem 0;position:relative}.qr-code-container.small{padding:.75rem;margin:.5rem 0}.qr-code-container.large{padding:1.5rem;margin:1.5rem 0}.qr-title{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#333;text-align:center}.qr-code-wrapper{position:relative;margin-bottom:1rem;border:2px solid #f0f0f0;border-radius:8px;padding:8px;background:#fff}.qr-code-image{display:block;border-radius:4px}.qr-info{text-align:center;margin-bottom:1rem}.qr-description{margin:0 0 .5rem;color:#666;line-height:1.4;max-width:250px}.order-reference{margin:0;font-weight:600;color:#333;font-size:.9em}.qr-actions{display:flex;gap:.5rem;justify-content:center}.download-qr-btn{background:#ff6b47;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.3rem}.download-qr-btn:hover{background:#ff4c24;transform:translateY(-1px);box-shadow:0 2px 8px #ff6b474d}.download-qr-btn:active{transform:translateY(0)}.qr-loading{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#666}.loading-spinner{width:30px;height:30px;border:3px solid #f0f0f0;border-top:3px solid #FF6B47;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.qr-loading p{margin:0;font-size:.9rem}.qr-error{display:flex;flex-direction:column;align-items:center;padding:2rem;color:#d32f2f;text-align:center}.qr-error p{margin:0;font-size:.9rem}@media (max-width: 768px){.qr-code-container{padding:.75rem;margin:.75rem 0}.qr-code-container.large{padding:1rem}.qr-title{font-size:1rem}.download-qr-btn{font-size:.8rem;padding:.4rem .8rem}.qr-description{font-size:.85rem;max-width:200px}}@media (max-width: 480px){.qr-code-container{padding:.5rem;margin:.5rem 0}.qr-code-wrapper{padding:6px}.download-qr-btn{font-size:.75rem;padding:.35rem .7rem}}@media print{.qr-code-container{box-shadow:none;border:1px solid #000;background:#fff;page-break-inside:avoid}.download-qr-btn{display:none}.qr-description{color:#000}}.profile-settings{padding:2rem 1rem;display:flex;justify-content:center}.profile-settings-container{max-width:600px;width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.profile-settings h1{margin-bottom:1.5rem;color:#333;text-align:center}.profile-settings h2{font-size:1.2rem;margin:1.5rem 0 1rem;color:#444}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel]{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-group small{display:block;margin-top:.4rem;color:#666;font-size:.85rem}.notification-preferences{padding-top:.5rem;border-top:1px solid #eee}.checkbox-group{display:flex;align-items:center;margin-bottom:.8rem}.checkbox-group input[type=checkbox]{margin-right:.8rem;width:18px;height:18px;cursor:pointer}.checkbox-group input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-group .notice{color:#999;font-size:.85rem;font-style:italic;margin-left:.5rem}.form-actions{margin-top:2rem;text-align:center}.update-profile-button{background-color:#fd6a00;color:#fff;border:none;padding:.8rem 2rem;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.update-profile-button:hover{background-color:#e55e00}.update-profile-button:disabled{background-color:#ffb380;cursor:not-allowed}.message{padding:.8rem;margin-bottom:1.5rem;border-radius:4px;text-align:center}.message.success{background-color:#e7f7ea;color:#2e7d32;border:1px solid #c8e6c9}.message.error{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.profile-page{min-height:100vh;background-color:#f9f9f9;padding:2rem 0}.profile-page-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.profile-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:120px;z-index:99999}.profile-modal{background-color:#fff;border-radius:12px;width:95%;max-width:800px;max-height:75vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:fadeIn .3s ease-out;z-index:100000}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #e0e0e0;min-height:40px}.profile-modal-header h2{margin:0;font-size:1.1rem;color:#333}.close-btn{background:transparent;border:none;font-size:22px;cursor:pointer;color:#666;padding:0 5px;line-height:1}.close-btn:hover{color:#333}.profile-content{padding:8px 10px}.loading{padding:20px;text-align:center;color:#666}.profile-header{display:flex;align-items:center;margin-bottom:12px}.profile-avatar{width:40px;height:40px;background-color:#ff6b00;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;margin-right:10px;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover}.profile-title{flex:1}.profile-title h3{margin:0 0 2px;font-size:1rem}.user-since{display:inline-block;padding:2px 6px;background-color:#e9ecef;color:#495057;border-radius:4px;font-size:.75rem;font-weight:500}.profile-details{margin-bottom:14px;line-height:1.2}.profile-item{margin-bottom:8px}.profile-item label{display:block;color:#666;font-size:.8rem;margin-bottom:2px}.profile-item div{color:#333;font-size:.9rem}.profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.btn-edit,.btn-password,.btn-save,.btn-cancel{padding:5px 12px;border-radius:4px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s;border:none}.btn-edit{background-color:#ff6b00;color:#fff;flex:1}.btn-edit:hover{background-color:#e56000}.btn-password{background-color:#f0f0f0;color:#333;flex:1}.btn-password:hover{background-color:#e0e0e0}.profile-form{margin-top:20px;line-height:1.2}.profile-picture-section{margin-bottom:10px;padding:8px;background-color:#f8f9fa;border-radius:6px}.profile-picture-container{width:60px;height:60px;margin:2px auto;position:relative;overflow:hidden;border-radius:50%;border:2px solid #fff;box-shadow:0 0 8px #0000001a;background-color:#ff6b00;display:flex;justify-content:center;align-items:center;color:#fff;font-size:20px;font-weight:700}.profile-picture-preview{width:100%;height:100%;object-fit:cover}.no-picture{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#ff6b00;color:#fff;font-size:24px}.picture-upload-container{margin-top:8px;text-align:center}.picture-upload-container input[type=file]{width:100%;padding:6px;border:1px solid #ddd;border-radius:3px;background-color:#fff;font-size:.85rem}.picture-upload-container small{font-size:.75rem;display:block;margin-top:4px;line-height:1.1}.form-group{margin-bottom:8px}.form-group label{display:block;margin-bottom:3px;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.profile-form .form-group input[type=password]{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem;height:28px}.form-group input:disabled{background-color:#f9f9f9;color:#777}.form-group small{display:block;margin-top:2px;color:#777;font-size:.7rem;line-height:1.1}.checkbox-group{display:flex;align-items:center;margin-bottom:6px}.checkbox-group input[type=checkbox]{margin-right:10px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.btn-save{background-color:#ff6b00;color:#fff}.btn-save:hover{background-color:#e56000}.btn-save:disabled{background-color:#ffb080;cursor:not-allowed}.btn-cancel{background-color:#f0f0f0;color:#333}.btn-cancel:hover{background-color:#e0e0e0}.profile-form .form-group input[type=password]{padding:8px;font-size:.9rem;height:32px}.profile-form .form-group{margin-bottom:8px}.profile-form:has(input[type=password]){margin-top:10px}.profile-form:has(input[type=password]) .form-group label{margin-bottom:4px;font-size:.9rem}.profile-form:has(input[type=password]) .form-actions{margin-top:12px}.profile-form:has(input[type=password]) .form-group{max-width:90%;margin-left:auto;margin-right:auto}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width : 480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width : 480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.verify{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.verify-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:40px;text-align:center;max-width:500px;width:100%}.status-icon{font-size:4rem;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.verify-container h2{font-size:2rem;margin-bottom:15px;font-weight:600}.status-message{font-size:1.1rem;color:#666;margin-bottom:30px;line-height:1.5}.loading-spinner{margin:20px 0}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.verify-action-button{padding:12px 30px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:10px;min-width:180px}.verify-action-button.success{background-color:#4caf50;color:#fff}.verify-action-button.success:hover{background-color:#45a049;transform:translateY(-2px)}.verify-action-button.error{background-color:#f44336;color:#fff}.verify-action-button.error:hover{background-color:#da190b;transform:translateY(-2px)}.verify-action-button.cancelled{background-color:#ff9800;color:#fff}.verify-action-button.cancelled:hover{background-color:#f57c00;transform:translateY(-2px)}.success-details,.error-details{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px;border-left:4px solid}.success-details{border-left-color:#4caf50;color:#2e7d32}.error-details{border-left-color:#f44336;color:#c62828}.success-details p,.error-details p{margin:8px 0;font-size:14px}@media (max-width: 600px){.verify-container{padding:30px 20px;margin:0 10px}.verify-container h2{font-size:1.5rem}.status-icon{font-size:3rem}.verify-action-button{width:100%;margin:5px 0}}.payment-page{padding:40px 0;width:100%}.payment-container{width:100%;max-width:1200px;margin:0 auto}.payment-container h1{font-size:32px;font-weight:600;margin-bottom:40px;color:#333;text-align:center}.payment-details{display:flex;gap:40px;flex-wrap:wrap}.order-summary{flex:1;min-width:300px;background-color:#f9f9f9;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000000d}.order-summary h2{font-size:22px;margin-bottom:20px;color:#333;font-weight:600}.summary-items{margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.summary-item p{margin:0;font-size:16px;color:#555}.summary-totals{margin-top:20px;padding-top:15px;border-top:1px solid #ddd}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px}.summary-row p{margin:0;font-size:16px;color:#555}.summary-row.total{font-weight:700;font-size:18px;color:#333;margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.summary-row.total p{font-size:18px;color:#333}.payment-form-container{flex:1.5;min-width:400px;padding:25px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d}.payment-form-container h2{font-size:22px;margin-bottom:25px;color:#333;font-weight:600}.payment-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px}.form-group.half{flex:1}.payment-form label{font-size:15px;font-weight:500;color:#555}.payment-form input{padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s;outline:none}.payment-form input:focus{border-color:tomato}.payment-button{margin-top:15px;background-color:tomato;color:#fff;border:none;border-radius:6px;padding:14px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.payment-button:hover{background-color:#e74c3c}.payment-button.processing{background-color:#888;cursor:not-allowed}.afripay-payment-section{display:flex;flex-direction:column;align-items:center;padding:20px;text-align:center}.payment-description{font-size:16px;color:#555;margin-bottom:20px;line-height:1.5}.payment-methods{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.payment-method{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 20px;min-width:120px}.method-name{font-size:14px;font-weight:500;color:#495057}.payment-amount{margin-bottom:25px}.payment-amount p{font-size:18px;color:#333;margin:0}.payment-amount strong{color:tomato;font-size:20px}.afripay-button{background:transparent;border:none;cursor:pointer;padding:10px;border-radius:8px;transition:transform .2s,box-shadow .2s;margin-bottom:15px}.afripay-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.afripay-logo{max-width:200px;height:auto;display:block}.security-note{font-size:14px;color:#6c757d;margin:0;display:flex;align-items:center;justify-content:center;gap:5px}@media (max-width: 900px){.payment-details{flex-direction:column}.payment-form-container,.order-summary{min-width:100%}.payment-methods{flex-direction:column;align-items:center}.payment-method{min-width:200px}}@media (max-width: 600px){.form-row{flex-direction:column;gap:20px}.payment-container h1{font-size:28px}.afripay-logo{max-width:180px}.payment-methods{gap:10px}.payment-method{min-width:160px;padding:10px 15px}}.restaurant-apply-container{max-width:900px;margin:40px auto 80px;padding:0 20px}.restaurant-apply-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:tomato;outline:none}@media (max-width: 768px){.apply-header h1{font-size:2rem}.restaurant-apply-form{padding:20px}.form-row{flex-direction:column;gap:0}.form-row .form-group{width:100%}.document-upload-grid{grid-template-columns:1fr;gap:15px}.document-upload{padding:12px}.documents-upload-section h3{font-size:1.2rem}}.map-section{margin:20px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.map-section label{display:block;font-weight:600;color:#333;margin-bottom:8px}.help-text{font-size:14px;color:#666;margin-bottom:15px;line-height:1.4}.help-text.required-field{color:#495057;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:10px 12px;margin:10px 0 15px}.help-text.required-field strong{color:#e17055;font-weight:600}.toggle-map-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;margin-bottom:15px;transition:all .3s ease;box-shadow:0 2px 8px #007bff4d}.toggle-map-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #007bff66}.location-confirmation{margin-top:15px;padding:12px;background:#d4edda;color:#155724;border-radius:6px;font-size:14px;border:1px solid #c3e6cb}.location-confirmation p{margin:0;font-weight:500}.location-validation-message{display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:8px;margin:15px 0;font-size:14px;font-weight:500;animation:validationSlideDown .3s ease-out}.location-validation-message.warning{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border:1px solid #e17055;color:#2d3436}.location-validation-message.success{background:linear-gradient(135deg,#a8e6cf,#7fcdcd);border:1px solid #27ae60;color:#2d3436}.validation-icon{font-size:16px;flex-shrink:0}.location-confirmation.valid{background:linear-gradient(135deg,#a8e6cf,#7fcdcd);border:1px solid #27ae60;color:#2d3436}.location-confirmation.invalid{background:linear-gradient(135deg,#ffb3ba,#f99);border:1px solid #e74c3c;color:#2d3436}.location-note{font-weight:600;text-decoration:underline}.location-status{margin:15px 0;padding:10px 15px;border-radius:8px;font-weight:500;border:1px solid;transition:all .3s ease}.location-status.no-location{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.location-status.has-location{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.status-text{display:flex;align-items:center;gap:8px;font-size:14px}@keyframes validationSlideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.status-indicator-legend{margin:20px 0;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.status-indicator-legend p{margin:0 0 10px;font-weight:500;color:#333}.status-indicator-legend .status-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:100px;font-size:.95rem;font-weight:600;margin-right:15px;margin-bottom:10px}.status-indicator-legend .status-indicator.valid{color:#1a8a1a;background-color:#e6f7e6}.status-indicator-legend .status-indicator.expiring{color:#e65100;background-color:#fff3e0}.status-indicator-legend .status-indicator.expired{color:#c62828;background-color:#ffebee}.driver-apply-container{max-width:900px;margin:40px auto 80px;padding:0 20px}.apply-header{text-align:center;margin-bottom:40px}.apply-header h1{color:#333;font-size:2.5rem;margin-bottom:10px}.apply-header p{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto}.driver-apply-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-section{margin-bottom:40px;border-bottom:1px solid #eee;padding-bottom:30px}.form-section:last-child{border-bottom:none;margin-bottom:20px}.form-section h2{color:tomato;font-size:1.5rem;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #f1f1f1}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#444}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s}.form-group select{background-color:#fff;cursor:pointer}.form-group input[type=file]{padding:10px 0}.form-group small{display:block;margin-top:5px;color:#888;font-size:.85rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:tomato;outline:none}.form-row{display:flex;gap:15px;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:150px}.checkbox-group{display:flex;align-items:center;gap:10px}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{margin-bottom:0;cursor:pointer}.form-actions{display:flex;justify-content:center;margin-top:30px}.submit-button{background-color:tomato;color:#fff;border:none;padding:14px 30px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;transition:background-color .3s,opacity .3s}.submit-button:hover{background-color:#e74c3c}.submit-button.submitting{background-color:#999;cursor:not-allowed;opacity:.8}.file-requirements{background-color:#f8f9fa;padding:12px;border-radius:4px;border-left:4px solid tomato;margin-top:8px;line-height:1.5}.file-requirements strong{color:tomato}.selected-files{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.selected-files p{margin:0 0 10px;font-weight:500;color:#333}.selected-files ul{list-style:none;padding:0;margin:0}.file-item{padding:8px 12px;margin-bottom:8px;background-color:#fff;border-radius:4px;border:1px solid #dee2e6;color:#495057;font-size:.9rem}.file-item.error{border-color:#dc3545;background-color:#f8d7da;color:#721c24}.file-warning{margin-top:10px;padding:8px 12px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:.9rem}.file-success{margin-top:10px;padding:8px 12px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:.9rem}.documents-upload-section{margin-bottom:25px}.documents-upload-section h3{color:tomato;font-size:1.3rem;margin-bottom:15px;border-bottom:1px solid #f1f1f1;padding-bottom:8px}.document-upload-grid{display:grid;gap:20px;margin:20px 0}.document-upload{border:1px solid #e9ecef;border-radius:6px;padding:15px;background-color:#fafafa;transition:border-color .3s ease}.document-upload:hover{border-color:tomato}.document-upload label{font-weight:600;color:#333;margin-bottom:10px;display:block}.document-upload input[type=file]{margin-bottom:8px}.file-selected{margin-top:8px;padding:8px 12px;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:.85rem;font-weight:500}.documents-status{margin-top:15px;text-align:center}.documents-status .file-success,.documents-status .file-warning{display:inline-block;margin:0;font-weight:600}@media (max-width: 768px){.apply-header h1{font-size:2rem}.driver-apply-form{padding:20px}.form-row{flex-direction:column;gap:0}.form-row .form-group{width:100%}.document-upload-grid{grid-template-columns:1fr;gap:15px}.document-upload{padding:12px}.documents-upload-section h3{font-size:1.2rem}}.reset-password-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:20px}.reset-password-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:450px;padding:40px;position:relative;overflow:hidden}.reset-password-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#f8f9fa}.reset-password-header{text-align:center;margin-bottom:30px}.reset-password-header img{max-width:150px;height:auto;margin-bottom:20px}.reset-password-header h1{color:#333;margin-bottom:10px;font-size:28px;font-weight:700}.reset-password-header p{color:#666;font-size:16px;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:15px}.form-group input{padding:14px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;transition:all .3s ease;background:#f8f9fa}.form-group input:focus{outline:none;border-color:#ff4c24;background:#fff;box-shadow:0 0 0 3px #ff4c241a}.password-input-container{position:relative}.password-input-container input{padding-right:50px}.password-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:4px;transition:color .2s ease}.password-toggle-btn:hover{color:#ff4c24}.password-toggle-btn:focus{outline:none}.btn{padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#ff4c24,#ff6b35);color:#fff;box-shadow:0 4px 15px #ff4c244d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4c2466}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:linear-gradient(135deg,#ff4c24,#ff6b35);color:#fff;border:2px solid #e0e0e0}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4c2466}.btn-block{width:100%}.reset-password-actions{display:flex;justify-content:center;margin-top:20px}@media (max-width: 576px){.reset-password-card{padding:30px 20px}.reset-password-header h1{font-size:24px}.reset-password-header p{font-size:14px}}.shared-cart-page{max-width:800px;margin:120px auto 40px;padding:0 20px;font-family:Outfit,sans-serif}.shared-cart-header{text-align:center;margin-bottom:40px}.shared-cart-header h1{font-size:32px;color:#333;margin:0 0 10px;font-weight:600}.shared-by{color:#666;font-size:16px;margin:0}.shared-by strong{color:#ff6b35}.shared-cart-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.cart-info{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;padding:30px}.restaurant-info h2{font-size:24px;margin:0 0 10px;font-weight:600}.cart-description{font-size:16px;margin:0 0 20px;opacity:.9}.cart-stats{display:flex;gap:30px;font-size:18px;font-weight:500}.cart-items{padding:30px}.cart-items h3{font-size:20px;margin:0 0 20px;color:#333;font-weight:600}.empty-cart{text-align:center;color:#666;font-style:italic;padding:40px 0}.items-list{display:flex;flex-direction:column;gap:15px}.cart-item{display:flex;gap:15px;padding:15px;border:1px solid #eee;border-radius:8px;background:#fafafa}.item-image{flex-shrink:0}.food-image{width:80px;height:80px;object-fit:cover;border-radius:6px}.item-details{flex:1}.item-details h4{font-size:16px;margin:0 0 5px;color:#333;font-weight:600}.item-description{font-size:14px;color:#666;margin:0 0 10px;line-height:1.4}.item-pricing{display:flex;gap:15px;font-size:14px}.quantity{color:#666;font-weight:500}.price{color:#333}.subtotal{color:#ff6b35;font-weight:600}.cart-actions{padding:20px 30px;background:#f8f9fa;display:flex;gap:15px;justify-content:center}.restaurant-btn,.load-cart-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.restaurant-btn{background:#6c757d;color:#fff}.restaurant-btn:hover{background:#5a6268}.load-cart-btn{background:#ff6b35;color:#fff}.load-cart-btn:hover:not(:disabled){background:#e55a2b}.load-cart-btn:disabled{background:#ccc;cursor:not-allowed}.cart-summary{padding:30px;border-top:1px solid #eee;background:#fff}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:16px}.summary-row.total{font-size:18px;font-weight:600;color:#333;border-top:1px solid #eee;padding-top:10px;margin-top:10px}.shared-cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff6b35;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shared-cart-error{text-align:center;padding:60px 20px;max-width:500px;margin:120px auto}.error-icon{font-size:48px;margin-bottom:20px}.shared-cart-error h2{color:#333;margin:0 0 15px;font-size:24px}.shared-cart-error p{color:#666;margin:0 0 30px;font-size:16px;line-height:1.5}.error-actions{display:flex;gap:15px;justify-content:center}.go-to-cart-btn,.go-home-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;border:none}.go-to-cart-btn{background:#ff6b35;color:#fff}.go-to-cart-btn:hover{background:#e55a2b}.go-home-btn{background:#6c757d;color:#fff}.go-home-btn:hover{background:#5a6268}@media (max-width: 768px){.shared-cart-page{margin:80px auto 20px;padding:0 16px}.shared-cart-header h1{font-size:28px}.cart-info{padding:20px}.cart-stats{flex-direction:column;gap:10px;font-size:16px}.cart-items{padding:20px}.cart-item{flex-direction:column;gap:10px}.item-pricing{flex-direction:column;gap:5px}.cart-actions{flex-direction:column;padding:20px}.restaurant-btn,.load-cart-btn{width:100%;padding:14px}.cart-summary{padding:20px}.error-actions{flex-direction:column}.go-to-cart-btn,.go-home-btn{width:100%}}@media (max-width: 480px){.shared-cart-page{margin:60px auto 20px;padding:0 12px}.shared-cart-header h1{font-size:24px}.cart-info,.cart-items,.cart-summary{padding:16px}}:root{--header-height: 70px;--footer-height: 60px;--primary-color: #FF4C24;--primary-hover: #FF6B47;--secondary-color: #667eea;--secondary-hover: #764ba2;--accent-color: #f9a826;--text-color: #495057;--text-secondary: #6c757d;--bg-color: #f8f9fa;--border-color: #e9ecef;--success-color: #28a745;--error-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Outfit,sans-serif;scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;width:100%;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:var(--text-color);line-height:1.6;font-size:16px;margin:0;padding-top:70px}@media (max-width: 768px){body{padding-top:110px}}@media (max-width: 480px){body{padding-top:105px}}@media (max-width: 400px){body{padding-top:100px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:4px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color))}a{text-decoration:none;color:inherit;transition:all .3s ease}a:hover{color:var(--primary-color)}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background:linear-gradient(135deg,#f8f9fa,#fff);padding-top:var(--header-height)}.main-content{flex:1;width:100%;min-height:calc(100vh - var(--header-height) - var(--footer-height));padding:0;margin:0;background:linear-gradient(135deg,#f8f9fa,#fff)}.container{max-width:1200px;margin:0 auto;padding:0 40px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.hidden{display:none}.visible{display:block}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 15px #ff4c2466}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),var(--primary-color));transform:translateY(-2px);box-shadow:0 6px 20px #ff4c2480}.btn-secondary{background:linear-gradient(135deg,var(--secondary-color),var(--secondary-hover));color:#fff;box-shadow:0 4px 15px #667eea66}.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-hover),var(--secondary-color));transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color)}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:14px;transition:all .3s ease;background:#fff}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff4c241a}.card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:24px;margin-bottom:24px;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.card-header{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.card-title{font-size:1.5rem;font-weight:700;color:var(--text-color);margin:0}.card-body{padding:0}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .6s ease-out}.slide-down{animation:slideDown .6s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){:root{--header-height: 60px}.container{padding:0 25px}.btn{padding:10px 20px;font-size:13px}.card{padding:20px;margin-bottom:20px}.card-title{font-size:1.3rem}body{padding-top:120px}}@media (max-width: 480px){:root{--header-height: 55px}.container{padding:0 15px}.btn{padding:8px 16px;font-size:12px}.card{padding:15px;margin-bottom:16px}.card-title{font-size:1.2rem}.form-input{font-size:16px}}.profile-modal-overlay,.modal-overlay,.rating-modal-overlay{z-index:9999999!important}.profile-modal,.details-modal,.create-modal,.edit-modal,.order-detail-modal,.rating-modal{z-index:10000000!important}body.modal-open{overflow:hidden!important;padding-right:15px}