@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif;scroll-behavior:smooth}body{min-height:100vh}a{text-decoration:none;color:inherit}.app{width:80%;margin:auto}@media (max-width:1050px){.app{width:90%}}.navbar{position:sticky;top:0;z-index:1000;padding:.6rem 1.2rem;display:flex;justify-content:space-between;align-items:center;background:#fffc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 10px #0000000f;transition:all .3s ease}.navbar .logo{height:56px;width:auto;object-fit:contain;margin:0;transition:transform .25s ease}.navbar .logo:hover{transform:scale(1.05)}.navbar-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.navbar-menu a{position:relative;padding:8px 12px;font-size:1.05rem;font-weight:500;color:#49557e;text-decoration:none;transition:color .3s ease}.navbar-menu a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:2px;background-color:#ff4c24;transition:width .3s ease}.navbar-menu a:hover{color:#ff4c24}.navbar-menu a:hover:after{width:100%}.navbar-menu .active{color:#ff4c24}.navbar-menu .active:after{width:100%;background-color:#ff4c24}.navbar-right{display:flex;align-items:center;gap:1rem}.navbar-right img{cursor:pointer;height:22px;transition:transform .2s ease}.navbar-right img:hover{transform:scale(1.1)}.navbar-search-icon{position:relative}.cart-badge{position:absolute;top:-6px;right:-8px;background-color:#ff4c24;color:#fff;font-size:.7rem;font-weight:700;border-radius:50%;height:18px;width:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000026}.navbar-right button{background:transparent;font-size:.95rem;font-weight:600;color:#49557e;border:1.5px solid #00ae4e;padding:.55rem 1.3rem;border-radius:50px;cursor:pointer;transition:all .3s ease}.navbar-right button:hover{background:#00ae4e;color:#fff;box-shadow:0 4px 10px #00ae4e40}.navbar-profile{position:relative;cursor:pointer}.navbar-profile-dropdown{position:absolute;top:calc(100% + 12px);right:0;display:flex;flex-direction:column;gap:.75rem;background-color:#fff;padding:1rem;border-radius:10px;border:1px solid #f0f0f0;list-style:none;min-width:200px;opacity:0;pointer-events:none;transform:translateY(10px);box-shadow:0 8px 20px #0000001a;transition:all .3s ease}.navbar-profile:hover .navbar-profile-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-profile-dropdown li{display:flex;align-items:center;gap:.75rem;color:#333;font-size:.95rem;padding:.4rem 0;transition:all .2s ease}.navbar-profile-dropdown li:hover{color:#ff4c24;transform:translate(4px)}.navbar-profile-dropdown img{width:18px;opacity:.85}.navbar-profile hr{border:none;height:1px;background-color:#eee;margin:.25rem 0}.navbar-mobile-menu{display:none;cursor:pointer;font-size:1.8rem;color:#49557e}@media (max-width: 1024px){.navbar{padding:.5rem .9rem}.navbar-menu{gap:1.4rem}.navbar-right{gap:.75rem}}@media (max-width: 768px){.navbar-menu{display:none}.navbar-mobile-menu{display:block}.navbar-right button{padding:.5rem 1rem;font-size:.9rem}}@media (max-width: 480px){.navbar{padding:.4rem .6rem}.navbar .logo{height:46px}.navbar-right{gap:.5rem}.navbar-right button{padding:.4rem .9rem;font-size:.85rem}}.navbar-menu.active{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#fff;padding:1.5rem;box-shadow:0 8px 16px #0000001a;animation:fadeInDown .3s ease}.navbar-menu.active button{background:#00ae4e;color:#fff;padding:.6rem 1.2rem;border-radius:50px;border:none;font-weight:600;margin-top:1rem;cursor:pointer;transition:all .3s ease}.navbar-menu.active button:hover{background:#094}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.navbar-search{display:flex;align-items:center;position:relative;margin-right:15px}.search-icon{width:22px;height:22px;cursor:pointer;transition:transform .2s ease}.search-icon:hover{transform:scale(1.1)}.search-form{display:flex;align-items:center;background:#fff;border:1px solid #ddd;border-radius:25px;padding:4px 10px;margin-left:10px;box-shadow:0 2px 6px #00000014;transition:all .3s ease}.search-form input{border:none;outline:none;padding:5px 8px;font-size:14px;background:transparent;width:160px}.search-form button{background:transparent;border:none;cursor:pointer;margin-left:5px;display:flex;align-items:center}.search-form button img{width:18px;height:18px}.close-search{margin-left:8px;font-size:16px;cursor:pointer;color:#999;transition:color .2s ease}.close-search:hover{color:#333}.mobile-search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffffff2;display:flex;justify-content:center;align-items:center;z-index:2000}.mobile-search-overlay .search-form{display:flex;width:90%;max-width:400px;position:relative}.mobile-search-overlay input{flex:1;padding:.75rem 1rem;border-radius:50px;border:1px solid #ccc;font-size:1rem}.mobile-search-overlay button{background:none;border:none;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.mobile-search-overlay .close-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:1.25rem;cursor:pointer}.header{height:34vw;margin:30px auto;background:url(/header_img.png) no-repeat center center;background-size:cover;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000001a}.header-contents{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:1.5vw;max-width:50%;bottom:10%;left:6vw;animation:fadeIn 2.5s ease-in-out;color:#fff;z-index:2}.header-contents h2{font-weight:600;font-size:clamp(24px,5vw,48px);line-height:1.2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}.header-contents p{font-size:clamp(12px,1.2vw,16px);color:#f1f1f1;line-height:1.5;text-shadow:0 1px 6px rgba(0,0,0,.3)}.header-contents button{border:none;background-color:#fff;color:#444;font-weight:500;padding:.8vw 2vw;font-size:clamp(13px,1.1vw,16px);border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #fff3}.header-contents button:hover{background-color:#f8f8f8;transform:scale(1.05);color:#ff4c24}.header:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#00000073,#0000001a);z-index:1}@media (max-width: 1050px){.header{height:38vw}.header-contents{max-width:60%}}@media (max-width: 750px){.header{height:50vw}.header-contents{max-width:70%;left:5vw;gap:3vw}.header-contents p{display:none}.header-contents button{padding:2.5vw 5vw}}.explore-menu{--text-color: #262626;--text-secondary: #808080;--accent-color: tomato;--shadow-color: rgba(0, 0, 0, .05);--border-color: #e2e2e2;display:flex;flex-direction:column;gap:1.25rem;padding:2rem 0;max-width:1440px;margin:0 auto}.explore-menu h1{color:var(--text-color);font-weight:600;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.2}.explore-menu-text{max-width:min(60%,800px);color:var(--text-secondary);font-size:clamp(.875rem,1.1vw,1rem);line-height:1.6}.explore-menu-list{display:flex;justify-content:flex-start;align-items:center;gap:clamp(1rem,2vw,2rem);margin:1.5rem 0;overflow-x:auto;scroll-behavior:smooth;padding:0;padding-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none}.explore-menu-list::-webkit-scrollbar{display:none}.explore-menu-list::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px}.explore-menu-list::-webkit-scrollbar-track{background-color:var(--border-color)}.explore-menu-list-item{flex:0 0 auto;text-align:center;cursor:pointer;transition:transform .2s ease;scroll-snap-align:start}.explore-menu-list-item:hover{transform:translateY(-5px)}.explore-menu-list-item img{width:clamp(80px,7.5vw,120px);aspect-ratio:1/1;border-radius:50%;transition:all .3s ease;object-fit:cover;box-shadow:0 2px 8px var(--shadow-color);border:3px solid transparent}.explore-menu-list-item:hover img{box-shadow:0 4px 12px #0000001a}.explore-menu-list-item .active{border-color:var(--accent-color);box-shadow:0 0 12px #ff634766}.explore-menu-list-item p{margin-top:.75rem;color:var(--text-secondary);font-size:clamp(1rem,1.4vw,1.125rem);font-weight:500;transition:color .2s ease}.explore-menu-list-item:hover p{color:var(--text-color)}.explore-menu hr{margin:1rem 0;height:1px;background-color:var(--border-color);border:none;width:100%}@media (max-width: 768px){.explore-menu{padding:1.5rem 0}.explore-menu-text{max-width:100%}.explore-menu-list{gap:.75rem;scroll-padding:0}.explore-menu-list-item img{width:70px}}.explore-menu-list-item:focus-visible{outline:2px solid var(--accent-color);outline-offset:4px;border-radius:4px}.food-display{margin-top:.8rem;padding:0 1rem}.food-display h2{font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:700;color:#222;margin-top:0;margin-bottom:1rem;letter-spacing:-.5px}.food-display-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;row-gap:3rem}.food-display-list>*{transition:transform .3s ease,box-shadow .3s ease}.food-display-list>*:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000f}@media (max-width: 768px){.food-display{margin-top:1rem;padding:0 .75rem}.food-display h2{font-size:1.6rem;margin-bottom:1rem}.food-display-list{gap:1.5rem;row-gap:2rem}}.food-item{width:100%;margin:auto;border-radius:15px;box-shadow:0 4px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .8s ease-in-out;background:#fff;overflow:hidden;position:relative}.food-item:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.food-item-img-container{position:relative;overflow:hidden}.food-item-img{width:100%;height:200px;object-fit:cover;display:block;border-radius:15px 15px 0 0;background-color:#f8f8f8;transition:transform .4s ease}.food-item-img:hover{transform:scale(1.05)}.out-of-stock-badge{position:absolute;top:10px;left:10px;background:#ff4d4d;color:#fff;font-size:12px;font-weight:600;padding:5px 8px;border-radius:5px;z-index:2}.blurred{opacity:.6;filter:grayscale(100%)}.food-item-info{padding:15px}.food-item-name-rating{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.food-item-name-rating p{font-size:18px;font-weight:600;color:#222}.food-item-name-rating img{width:70px}.food-item-desc{color:#666;font-size:13px;line-height:1.5;margin-bottom:10px;min-height:35px}.food-item-sizes{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap}.size-box{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s ease}.size-box:hover{border-color:orange;background:#fffaf0}.size-box.active{border-color:orange;background:#fff5e6;font-weight:600}.food-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.food-item-price{color:#00ae4e;font-size:20px;font-weight:700}.add-to-cart-inline{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0000001f}.add-to-cart-inline:hover{background:linear-gradient(135deg,#218838,#1aa179);transform:scale(1.05)}.food-item-counter-inline{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd;border-radius:20px;padding:4px 10px;box-shadow:0 2px 6px #0000001a}.counter-btn{background:#f5f5f5;border:none;width:26px;height:26px;font-size:16px;font-weight:700;color:#333;border-radius:50%;cursor:pointer;transition:all .2s ease}.counter-btn:hover{background:#ddd}.counter-qty{font-size:14px;font-weight:600;color:#222}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.cart{max-width:1200px;margin:auto;padding:20px;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,Arial,sans-serif;color:#222;-webkit-text-size-adjust:100%;box-sizing:border-box}.cart-items-title{display:grid;grid-template-columns:80px 1fr 80px 80px 140px 80px 60px;align-items:center;font-weight:600;background:#f9f9f9;padding:14px;border-radius:10px;font-size:14px}.cart-items-title p{margin:0}.cart-items-item{display:grid;grid-template-columns:80px 1fr 80px 80px 140px 80px 60px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.cart-items-item img{width:60px;height:60px;object-fit:cover;border-radius:8px;box-shadow:0 2px 6px #00000014}.cart-qty-controls{display:flex;align-items:center;gap:6px}.cart-qty-controls button{padding:6px 12px;border:none;background:#00c95a;color:#fff;font-weight:700;border-radius:6px;cursor:pointer;transition:background .2s ease,transform .15s ease}.cart-qty-controls button:hover{background:#00ae4e;transform:scale(1.05)}.cart-remove-btn{border:none;background:transparent;font-size:20px;color:#ff3b3b;cursor:pointer;transition:color .2s ease;line-height:1}.cart-remove-btn:hover{color:#c70000}.cart-empty{text-align:center;padding:40px 20px;color:#777;font-size:17px}.cart-bottom{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;width:100%;box-sizing:border-box}.cart-total{flex:1;min-width:280px;padding:22px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;box-sizing:border-box}.cart-total h2{margin-bottom:18px;font-size:18px}.cart-total-details{display:flex;justify-content:space-between;margin:10px 0;font-size:15px}.total-bold{font-weight:700;font-size:16px}.checkout-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00c95a,#00ae4e);color:#fff;font-weight:600;border:none;border-radius:10px;margin-top:18px;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.5px;-webkit-tap-highlight-color:transparent}.checkout-btn:hover{background:linear-gradient(135deg,#00d85f,#00b252);box-shadow:0 6px 16px #00ae4e59;transform:translateY(-2px)}.checkout-btn:active{transform:translateY(0);background:linear-gradient(135deg,#009646,#007a36);box-shadow:0 3px 8px #00ae4e40}.checkout-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.cart-promocode{flex:1;width:100%;max-width:500px;margin:16px auto;padding:20px;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000014;box-sizing:border-box}.cart-promocode h3{font-size:16px;font-weight:600;margin-bottom:12px;color:#222}.cart-promocode-input{display:flex;align-items:center;gap:10px}.cart-promocode-input input{flex:1;padding:14px;border:1px solid #ddd;border-radius:10px;font-size:15px;outline:none;transition:border .2s ease}.cart-promocode-input input:focus{border-color:#00ae4e;box-shadow:0 0 0 2px #00ae4e26}.cart-promocode-input button{padding:14px 20px;background:#00ae4e;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:background .25s ease;white-space:nowrap}.cart-promocode-input button:hover{background:#008a3d}@media (max-width: 768px){.cart-promocode{padding:16px;margin:14px auto}.cart-promocode-input{flex-direction:column;gap:12px}.cart-promocode-input button{width:100%;text-align:center}}@media (max-width: 768px){.cart{padding:15px}.cart-items-title{display:none}.cart-items-item{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:10px;padding:14px 12px;border-radius:12px;background:#fff;margin-bottom:14px;box-shadow:0 2px 8px #00000014}.cart-items-item img{grid-column:1;width:65px;height:65px;border-radius:8px;object-fit:cover}.cart-item-details{grid-column:2;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.4}.cart-item-actions{grid-column:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px}.cart-item-actions .remove-btn{font-size:18px;color:red;cursor:pointer;line-height:1}.cart-item-actions .price{font-weight:600;color:#333;font-size:14px}.cart-item-actions .qty-controls{display:flex;align-items:center;gap:6px}.cart-item-actions .qty-controls button{background:#00ae4e;border:none;color:#fff;font-size:14px;border-radius:50%;width:30px;height:30px;cursor:pointer;-webkit-tap-highlight-color:transparent}.cart-bottom{flex-direction:column;gap:16px;width:100%;margin:0}.cart-total,.cart-promocode{width:100%}.checkout-btn{font-size:15px;padding:16px;border-radius:999px;background:#00ae4e;color:#fff;font-weight:600;text-align:center;width:100%;border:none;cursor:pointer;box-shadow:0 4px 10px #00ae4e4d}}.remove-promo-btn{background:#ff4d4f;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:.3s ease}.remove-promo-btn:hover{background:#d9363e}.login-popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.login-popup-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-popup-container{position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:24px;padding:40px;width:100%;max-width:480px;box-shadow:0 25px 50px #00000026,0 0 0 1px #ffffff1a;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;z-index:2}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-decoration{position:absolute;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.08;z-index:-1;animation:float 6s ease-in-out infinite}.login-decoration-1{width:200px;height:200px;top:-50px;right:-50px;animation-delay:0s}.login-decoration-2{width:150px;height:150px;bottom:-30px;left:-30px;animation-delay:2s}.login-decoration-3{width:100px;height:100px;top:50%;left:-20px;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.login-popup-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;position:relative}.title-content h2{font-size:2.2rem;font-weight:700;color:#2d3436;margin-bottom:8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-content p{color:#636e72;font-size:1rem;margin:0}.close-icon{width:24px;height:24px;cursor:pointer;padding:8px;border-radius:50%;background:#f8f9fa;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;flex-shrink:0}.close-icon:hover{transform:rotate(90deg);background:#ff6b6b;box-shadow:0 4px 12px #ff6b6b4d}.login-method-switch{display:flex;background:#f1f3f5;border-radius:16px;padding:4px;margin-bottom:25px;box-shadow:inset 0 2px 4px #0000000d}.login-method-switch button{flex:1;padding:12px 16px;border:none;background:transparent;border-radius:12px;cursor:pointer;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem}.login-method-switch button.active{background:#fff;box-shadow:0 4px 12px #0000001a;color:#667eea;transform:translateY(-1px)}.method-icon{font-size:1.1rem}.login-popup-inputs{margin-bottom:20px}.input-group{position:relative;margin-bottom:20px}.input-group input{width:100%;padding:16px 20px 16px 50px;border:2px solid #e9ecef;border-radius:16px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d;color:#2d3436}.input-group input:focus{outline:none;border-color:#667eea;box-shadow:0 4px 16px #667eea33;transform:translateY(-2px)}.input-group input::placeholder{color:#adb5bd}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:#adb5bd;transition:color .3s ease}.input-group input:focus+.input-icon{color:#667eea}.otp-group{position:relative}.send-otp-btn,.resend-otp{width:100%;padding:16px;border:2px dashed #667eea;border-radius:16px;background:#667eea0d;color:#667eea;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem}.send-otp-btn:hover:not(:disabled),.resend-otp:hover:not(:disabled){background:#667eea1a;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.send-otp-btn:disabled,.resend-otp:disabled{opacity:.6;cursor:not-allowed;transform:none}.resend-otp{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto;padding:8px 12px;font-size:.8rem;background:#667eea0d}.btn-loading{display:flex;align-items:center;gap:8px}.btn-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.login-popup-error{background:#ffeaea;color:#e74c3c;padding:12px 16px;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;gap:8px;animation:shake .5s ease;border-left:4px solid #e74c3c}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.error-icon{font-size:1.1rem}.error-text{font-size:.9rem;font-weight:500}.submit-btn{width:100%;padding:16px;border:none;border-radius:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 20px #667eea66;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-arrow{transition:transform .3s ease}.submit-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.login-popup-condition{display:flex;align-items:center;gap:12px;margin:20px 0;padding:15px;background:#f8f9fa;border-radius:12px}.checkbox-container{display:block;position:relative;cursor:pointer;height:20px;width:20px;flex-shrink:0}.checkbox-container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#fff;border:2px solid #dee2e6;border-radius:6px;transition:all .3s ease}.checkbox-container input:checked~.checkmark{background:#667eea;border-color:#667eea}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.login-popup-condition p{color:#636e72;font-size:.9rem;margin:0;line-height:1.4}.link{color:#667eea;cursor:pointer;font-weight:500;transition:color .3s ease;text-decoration:none}.link:hover{color:#764ba2;text-decoration:underline}.login-divider{display:flex;align-items:center;margin:25px 0;color:#adb5bd}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e9ecef,transparent)}.divider-text{padding:0 15px;font-size:.9rem;font-weight:500}.social-login{display:flex;gap:12px;margin-bottom:25px}.social-btn{flex:1;padding:12px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.google-btn:hover{border-color:#db4437;color:#db4437}.facebook-btn:hover{border-color:#4267b2;color:#4267b2}.social-icon{font-weight:700;font-size:1.1rem}.login-popup-footer{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e9ecef}.login-popup-footer p{color:#636e72;font-size:.95rem;margin:0}.switch-link{font-weight:600;margin-left:5px}@media (max-width: 768px){.login-popup{padding:15px}.login-popup-container{padding:30px 25px;border-radius:20px}.login-popup-title h2{font-size:1.8rem}.login-method-switch button{padding:10px 12px;font-size:.85rem}.input-group input{padding:14px 16px 14px 45px}.social-login{flex-direction:column}}@media (max-width: 480px){.login-popup-container{padding:25px 20px}.login-popup-title h2{font-size:1.6rem}.login-decoration{display:none}.login-popup-condition{flex-direction:column;align-items:flex-start;gap:10px}}.place-order-container{max-width:1200px;margin:36px auto;padding:38px 24px;background:linear-gradient(135deg,#f7fafc,#e3eeff);border-radius:32px;box-shadow:0 12px 48px #29489633,0 2px 6px #0000000d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;gap:38px;font-family:Poppins,sans-serif;color:#25344c;animation:fadeIn .7s cubic-bezier(.31,1.38,.8,.97)}@keyframes fadeIn{0%{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}.place-order-header{text-align:center;margin-bottom:26px}.place-order-header h1{font-size:clamp(2.15rem,4vw,2.9rem);font-weight:800;background:linear-gradient(90deg,#004cff 8%,#29d68a 70%,#5bc0fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px;letter-spacing:-1px;text-shadow:0 2px 24px #e4faff83}.place-order-header p{color:#7c8898;font-size:1.17rem;font-weight:500;letter-spacing:.2px}.place-order-form{display:flex;gap:48px;align-items:flex-start;flex-wrap:wrap;background:#fff9;border-radius:28px;box-shadow:0 6px 24px #0b1e471a;padding:40px 28px 30px;transition:box-shadow .4s,backdrop-filter .35s;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.place-order-left{flex:2;background:#ffffffeb;border-radius:22px;padding:40px 32px;box-shadow:0 6px 30px #0077ff0b;border:1px solid #e3eefb;transition:transform .26s,box-shadow .26s}.place-order-left:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 14px 48px #0077ff2b}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:22px}.section-number{min-width:38px;height:38px;background:linear-gradient(130deg,#107fff 60%,#11f7ff);color:#fff;border-radius:50%;font-size:1.22rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0077ff30;animation:popIn .45s cubic-bezier(.81,-.02,.45,1.57)}@keyframes popIn{0%{transform:scale(.5) rotate(-30deg);opacity:.2}80%{transform:scale(1.08) rotate(8deg)}to{transform:scale(1) rotate(0);opacity:1}}.form-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.form-fields input{padding:16px 18px;border:1.8px solid #e8eaf7;border-radius:12px;font-size:1.11rem;background:#f1f5ffc2;transition:box-shadow .21s,border-color .21s,background .22s;box-shadow:0 1.5px 5px #5069b412}.form-fields input:focus{border-color:#41afe8;background:#f4faff;outline:none;box-shadow:0 0 20px #00a7ff14}.place-order-right{flex:1;width:100%}.order-summary{background:#fffffffc;padding:34px 28px;border-radius:22px;box-shadow:0 6px 36px #2348901a;border:1.3px solid #e9f3fb;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.summary-card{margin-top:22px}.summary-item{display:flex;justify-content:space-between;margin:16px 0;font-size:1.12rem;letter-spacing:.23px;font-weight:600}.summary-item.total{font-size:1.32rem;font-weight:900;color:#0273ee;border-top:2px dashed #daf2fd;padding-top:16px;background:linear-gradient(90deg,#eef9fe77 60%,#c8ffc495)}.summary-item.discount{color:#eb3b3b;font-weight:800;text-shadow:0 1px 3px #ffb2b244}.payment-methods{margin-top:30px}.payment-methods h3{font-size:1.15rem;margin-bottom:14px;font-weight:800;color:#186fd9;text-shadow:0 2px 12px #e4faff54;letter-spacing:.18px}.payment-methods label{display:flex;align-items:center;gap:11px;margin:12px 0;font-size:1.11rem;cursor:pointer;transition:background .22s,color .23s,box-shadow .22s;border-radius:10px;padding:10px;font-weight:500}.payment-methods label:hover,.payment-methods label:focus-within{background:linear-gradient(90deg,#f3faff 60%,#f9fbfe);color:#107fff;box-shadow:0 2px 14px #bae6f744}.payment-btn,.continue-shopping-btn{width:100%;margin-top:27px;padding:17px 0;background:linear-gradient(90deg,#07f 60%,#41f6a9);color:#fff;border:none;border-radius:14px;font-size:1.13rem;font-weight:800;cursor:pointer;box-shadow:0 4px 20px #b9e7fd80;transition:background .22s,transform .22s,box-shadow .18s}.payment-btn:hover:not(:disabled),.continue-shopping-btn:hover{background:linear-gradient(90deg,#025ed4 60%,#10c471);transform:translateY(-5px) scale(1.03);box-shadow:0 10px 40px #00e6b966}.payment-btn:disabled{background:#eaf2fa;color:#8ea0b8;cursor:not-allowed}.error-message{background:#fff2f5;border:1.8px solid #ffb2b2;padding:15px;border-radius:11px;color:#d32f2f;font-size:1.05rem;text-align:center;box-shadow:0 2px 8px #ffd2db44;font-weight:600}.order-success{text-align:center;background:linear-gradient(120deg,#e6fff2 70%,#f2f9fd);padding:56px 30px 48px;border-radius:20px;box-shadow:0 7px 36px #41f6a933,0 2px 5px #85e7b933;border:1.8px solid #c4f7e5;animation:fadeIn .7s cubic-bezier(.31,1.38,.8,.97);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.success-icon{font-size:3.7rem;margin-bottom:20px;color:#28a745;filter:drop-shadow(0 3px 8px #34c38f44)}.order-success h2{color:#28a745;font-size:2.18rem;margin-bottom:17px;font-weight:900;letter-spacing:.12px}.order-success p{margin:10px 0;font-size:1.14rem;color:#24774b;font-weight:600}.continue-shopping-btn{background:linear-gradient(90deg,#28a745 70%,#85e7b9)}.continue-shopping-btn:hover{background:linear-gradient(90deg,#218838 70%,#34c38f)}@media (max-width: 1024px){.place-order-form{flex-direction:column;gap:32px;padding:28px 12px}.form-fields{grid-template-columns:1fr;gap:18px}.place-order-left,.place-order-right{width:100%;padding:20px 10px}}@media (max-width: 600px){.place-order-container{padding:10px;border-radius:16px}.place-order-header h1{font-size:1.15rem}.order-success{padding:22px 6px;border-radius:13px;font-size:1rem}.payment-btn,.continue-shopping-btn{font-size:.99rem;padding:12px 0}}.footer{background:radial-gradient(circle at top left,#2e2e2e,#111);color:#e0e0e0;padding:70px 10vw 40px;font-family:Poppins,sans-serif;display:flex;flex-direction:column;align-items:center;gap:50px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0009;perspective:1200px;animation:fadeInUp 1.2s ease forwards;opacity:0;margin-top:50px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.footer:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);animation:rotateGlow 25s linear infinite;z-index:0}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;width:100%;z-index:1;transform-style:preserve-3d}.footer-content-left img.footer-logo{width:170px;filter:drop-shadow(0 0 12px rgba(0,0,0,.5));animation:floatLogo 4s ease-in-out infinite}@keyframes floatLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.footer-content-left p{color:#bbb;font-size:1rem;line-height:1.7}.footer-content-center h2,.footer-content-right h2{color:#fff;font-size:1.3rem;position:relative;padding-bottom:6px}.footer-content-center h2:after,.footer-content-right h2:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:30px;background:#00ffd5;box-shadow:0 0 10px #00ffd5}.footer-content-center ul,.footer-content-right ul{list-style:none;padding:0;margin:0}.footer-content-center ul li,.footer-content-right ul li{font-size:1rem;margin-bottom:12px;color:#ccc;cursor:pointer;transition:all .3s ease}.footer-content-center ul li:hover,.footer-content-right ul li:hover{color:#00ffd5;transform:translate(8px)}.footer-social-icons{display:flex;gap:18px;margin-top:20px;justify-content:flex-start;flex-wrap:wrap}.footer-social-icons a{display:inline-block;transition:transform .6s ease,filter .4s ease;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}.footer-social-icons a:hover{transform:rotateY(360deg) scale(1.2);filter:drop-shadow(0 0 10px #00ffd5)}.footer-social-icons img{width:36px;height:36px;object-fit:contain;cursor:pointer}hr{width:100%;max-width:1200px;height:1px;background-color:#444;border:none;z-index:1;position:relative}.footer p{font-size:.9rem;color:#aaa;text-align:center;z-index:1;position:relative}@media (max-width: 768px){.footer{padding:50px 6vw 30px;animation:fadeInMobile 1.3s ease forwards}@keyframes fadeInMobile{0%{opacity:0;transform:translateY(80px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.footer-content{display:flex;flex-direction:column;align-items:center;gap:50px;text-align:center}.footer-content-left,.footer-content-center,.footer-content-right{align-items:center}.footer-social-icons{justify-content:center;margin-top:15px}.footer-content-center ul li,.footer-content-right ul li{font-size:1rem}}.my-orders-page{padding:20px;max-width:1200px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.orders-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:30px;margin-bottom:30px;color:#fff;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content p{font-size:1.1rem;opacity:.9;margin:10px 0 0}.header-illustration{position:relative;width:150px;height:120px}.floating-box{position:absolute;width:50px;height:50px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;animation:float 3s ease-in-out infinite}.box-1{top:0;left:0;animation-delay:0s}.box-2{top:35px;left:50px;animation-delay:1s}.box-3{top:10px;left:100px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.orders-container{padding:20px 0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orders-grid{display:grid;gap:25px}.order-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000014;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.order-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001f}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #f1f2f6}.order-id-section{display:flex;align-items:flex-start;gap:15px}.order-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.order-id-section h3{margin:0;font-size:1.2rem;color:#2d3436}.order-date{margin:5px 0 0;color:#636e72;font-size:.9rem}.status-badge{padding:8px 16px;border-radius:20px;font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:8px}.status-icon{font-size:1.1rem}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#d1ecf1;color:#0c5460}.status-dispatched{background:#d1e7ff;color:#084298}.status-delivered{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-out for delivery{background:#fff3cd;color:#856404}.order-card-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px}@media (max-width: 768px){.order-card-body{grid-template-columns:1fr}}.order-items h4,.detail-section h4{margin:0 0 15px;color:#2d3436;font-size:1.1rem;display:flex;align-items:center;gap:8px}.order-items h4:before{content:"📦"}.detail-section h4:before{content:"💰"}.items-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.order-item:hover{background:#e9ecef;transform:translate(5px)}.item-info{display:flex;flex-direction:column}.item-name{font-weight:500;color:#2d3436}.item-quantity{font-size:.85rem;color:#636e72}.item-price{font-weight:600;color:#2d3436}.price-breakdown{display:flex;flex-direction:column;gap:10px}.price-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #e9ecef}.price-row.discount{color:#e74c3c}.price-row.total{border-top:2px solid #e9ecef;font-weight:700;font-size:1.1rem;color:#2d3436;padding-top:15px;margin-top:5px}.payment-method{padding:15px;background:#f8f9fa;border-radius:10px}.payment-type{display:flex;align-items:center;gap:10px;font-weight:500}.payment-icon{font-size:1.2rem}.payment-status{font-size:.85rem;color:#636e72;margin-left:auto}.order-progress-section{margin-bottom:25px;padding:20px;background:#f8f9fa;border-radius:15px}.order-progress-section h4{margin:0 0 20px;color:#2d3436;display:flex;align-items:center;gap:8px}.order-progress-section h4:before{content:"📊"}.progress-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;margin-bottom:30px;position:relative;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width 1s ease;background:linear-gradient(90deg,#667eea,#764ba2)}.progress-fill.pending,.progress-fill.processing{width:33%}.progress-fill.dispatched{width:66%}.progress-fill.out for delivery{width:66%}.progress-fill.delivered{width:100%;background:#27ae60}.progress-fill.cancelled{width:100%;background:#e74c3c}.progress-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.progress-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-marker{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;background:#e9ecef;transition:all .3s ease}.step-icon{font-size:1.2rem}.step-label{font-size:.85rem;font-weight:500;color:#636e72}.step-completed .step-marker{background:#27ae60;color:#fff;transform:scale(1.1)}.step-active .step-marker{background:#667eea;color:#fff;transform:scale(1.1);box-shadow:0 0 0 5px #667eea33}.step-cancelled .step-marker{background:#e74c3c;color:#fff;transform:scale(1.1)}.order-card-actions{display:flex;gap:15px;justify-content:flex-end}.refresh-btn,.invoice-btn{padding:12px 20px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.refresh-btn{background:#f8f9fa;color:#2d3436}.refresh-btn:hover:not(:disabled){background:#e9ecef;transform:translateY(-2px)}.refresh-btn:disabled{opacity:.7;cursor:not-allowed}.invoice-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.invoice-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:20px;text-align:center;box-shadow:0 10px 30px #0000001a}.empty-illustration{position:relative;width:120px;height:120px;margin-bottom:30px}.empty-icon{font-size:60px;position:relative;z-index:2;animation:bounce 2s ease-in-out infinite}.empty-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;opacity:.1;animation:pulse 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}.empty-state h3{margin:0 0 10px;color:#2d3436;font-size:1.5rem}.empty-state p{margin:0 0 30px;color:#636e72}.cta-button{padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}@media (max-width: 768px){.orders-header{flex-direction:column;text-align:center;gap:20px}.header-illustration{width:100%;height:80px}.order-card-header{flex-direction:column;gap:15px;align-items:flex-start}.order-card-actions{flex-direction:column}.progress-steps{grid-template-columns:1fr;gap:25px}}.policy-page{background:linear-gradient(135deg,#f8f9fb,#fdfdfd);min-height:100vh;padding:70px 20px;display:flex;justify-content:center;align-items:flex-start;font-family:Outfit,sans-serif}.policy-container{background:#fff;max-width:900px;width:100%;padding:50px;border-radius:18px;box-shadow:0 10px 30px #00000014;animation:fadeIn .7s ease-in-out;border:1px solid rgba(230,230,230,.7)}.policy-title{font-size:2.4rem;margin-bottom:25px;font-weight:700;color:#2c3e50;text-align:center;letter-spacing:.5px;position:relative}.policy-title:after{content:"";display:block;width:80px;height:3px;background:linear-gradient(90deg,#ff7e5f,#feb47b);margin:12px auto 0;border-radius:2px}.policy-container p{font-size:1.05rem;line-height:1.8;color:#444;margin-bottom:20px;text-align:justify}.policy-container strong,.policy-container b{color:#ff7e5f;font-weight:600}.policy-container p:last-child{margin-bottom:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.policy-container{padding:35px}.policy-title{font-size:2rem}.policy-container p{font-size:1rem}}@media (max-width: 600px){.policy-container{padding:25px 20px;border-radius:14px}.policy-title{font-size:1.7rem}.policy-container p{font-size:.95rem;line-height:1.6}}.search-page{max-width:1200px;margin:0 auto;padding:20px;min-height:70vh}.search-header{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border-radius:16px;padding:30px;margin-bottom:40px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #0000001a}.search-header-content{z-index:2;position:relative}.search-header h2{font-size:32px;color:#2d3436;margin-bottom:10px;font-weight:700}.search-highlight{color:#d63031;font-weight:800;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.results-count{color:#636e72;font-size:16px;font-weight:500}.search-decoration{position:relative;width:150px;height:150px}.decoration-circle{position:absolute;border-radius:50%;background:#ffffff4d}.decoration-circle:nth-child(1){width:80px;height:80px;top:0;right:0}.decoration-circle:nth-child(2){width:50px;height:50px;bottom:10px;right:70px}.decoration-circle:nth-child(3){width:30px;height:30px;bottom:50px;right:20px}.no-results{display:flex;justify-content:center;align-items:center;padding:60px 20px;background:#f8f9fa;border-radius:16px;margin:20px 0}.no-results-content{text-align:center;max-width:500px}.no-results-icon{font-size:80px;margin-bottom:20px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.no-results h3{font-size:28px;color:#2d3436;margin-bottom:15px;font-weight:600}.no-results p{color:#636e72;font-size:18px;margin-bottom:30px;line-height:1.5}.browse-button{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border:none;padding:12px 30px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #0984e34d}.browse-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0984e366}.search-results-container{margin:30px 0}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px}.food-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 15px #00000014;transition:all .3s ease;position:relative}.food-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001f}.food-item-image{height:200px;overflow:hidden;position:relative}.food-item-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.food-item:hover .food-item-image img{transform:scale(1.05)}.food-item-category{position:absolute;top:15px;right:15px;background:#ff6b6be6;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2}.food-item-content{padding:20px}.food-item-name{font-size:18px;font-weight:700;color:#2d3436;margin-bottom:10px;line-height:1.3}.food-item-description{color:#636e72;font-size:14px;line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-item-price{font-size:22px;font-weight:700;color:#00ae4e;margin-bottom:15px}.food-item-actions{display:flex;justify-content:space-between;align-items:center}@media (max-width: 992px){.search-header{flex-direction:column;text-align:center;padding:25px 20px}.search-decoration{margin-top:20px;width:120px;height:120px}.search-header h2{font-size:28px}}@media (max-width: 768px){.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.search-header h2{font-size:24px}.no-results-icon{font-size:60px}.no-results h3{font-size:24px}.no-results p{font-size:16px}}@media (max-width: 480px){.search-page{padding:15px}.search-results-grid{grid-template-columns:1fr}.search-header{padding:20px 15px}.search-header h2{font-size:22px}.search-decoration{display:none}.no-results{padding:40px 15px}}