@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap);:root{--ethiopian-green:#078930;--ethiopian-yellow:#fcdd09;--ethiopian-red:#da121a;--ethiopian-gold:#d4a017;--ethiopian-dark:#1a1a2e;--ethiopian-cream:#f5f0e8;--ethiopian-brown:#8b6b3d;--ethiopian-orange:#e87a2d}*{box-sizing:border-box;margin:0;padding:0}body{background:#faf8f6;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0 24px}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:3px solid #078930;border-bottom:3px solid var(--ethiopian-green);box-shadow:0 1px 20px #0000000f;padding:.8rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar .container{align-items:center;display:flex;justify-content:space-between}.navbar .logo{align-items:center;color:#1a1a2e;display:flex;gap:.6rem;text-decoration:none}.navbar .logo .logo-image{border-radius:6px;height:40px;object-fit:contain;width:auto}.navbar .logo span{color:#1a1a2e;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700}.navbar .logo .bistro-text{color:#da121a;color:var(--ethiopian-red)}.nav-links{align-items:center;display:flex;gap:2.5rem;list-style:none}.nav-links a{color:#4a4a5e;font-size:.95rem;font-weight:500;position:relative;text-decoration:none;transition:all .3s}.nav-links a:after{background:#078930;background:var(--ethiopian-green);bottom:-4px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#078930;color:var(--ethiopian-green)}.orders-link{color:#4a4a5e!important;font-weight:600!important}.orders-link:after{background:#fcdd09!important;background:var(--ethiopian-yellow)!important}.orders-link:hover{color:#fcdd09!important;color:var(--ethiopian-yellow)!important}.admin-link{color:#da121a!important;color:var(--ethiopian-red)!important;font-weight:600!important}.admin-link:after{background:#da121a!important;background:var(--ethiopian-red)!important}.admin-link:hover{color:#b8151a!important}.cart-icon{background:none;border:none;border-radius:50%;color:#1a1a2e;cursor:pointer;font-size:1.4rem;padding:.5rem;position:relative;transition:all .3s}.cart-icon:hover{background:#0789301a;color:#078930;color:var(--ethiopian-green)}.cart-badge{background:#da121a;background:var(--ethiopian-red);border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:1px 6px;position:absolute;right:0;text-align:center;top:0}.mobile-menu-toggle{background:none;border:none;color:#1a1a2e;cursor:pointer;display:none;font-size:1.8rem;padding:.3rem;z-index:1001}.mobile-nav{background:#fff;border-top:3px solid #078930;border-top:3px solid var(--ethiopian-green);box-shadow:0 10px 30px #0000001a;display:none;left:0;max-height:80vh;overflow-y:auto;padding:1rem 0;position:absolute;top:100%;width:100%;z-index:1000}.mobile-nav.open{display:block!important}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.mobile-nav-links li{padding:0 1.5rem}.mobile-nav-links .mobile-logout-btn,.mobile-nav-links a{align-items:center;background:none;border:none;color:#1a1a2e;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;gap:.8rem;padding:.8rem 0;text-decoration:none;width:100%}.mobile-nav-links .mobile-logout-btn:hover,.mobile-nav-links a:hover{color:#078930;color:var(--ethiopian-green)}.mobile-nav-links .admin-link{color:#da121a!important;color:var(--ethiopian-red)!important}.mobile-nav-links .orders-link{color:#078930!important;color:var(--ethiopian-green)!important}.mobile-cart{align-items:center;background:none;border:none;border-bottom:1px solid #f5f5f5;color:#1a1a2e;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1.1rem;gap:.8rem;padding:.8rem 0;text-align:left;width:100%}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0;width:100%}.mobile-auth-buttons .btn-auth{font-size:1rem;justify-content:center;padding:.8rem;width:100%}.mobile-logout-btn{color:#da121a!important}.mobile-logout-btn:hover{color:#b8151a!important}.auth-buttons{display:flex;gap:.5rem}.btn-auth{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .3s}.btn-login{background:#0000;border:2px solid #e8e5e0;color:#4a4a5e}.btn-login:hover{border-color:#078930;border-color:var(--ethiopian-green);color:#078930;color:var(--ethiopian-green)}.btn-register{background:#078930;background:var(--ethiopian-green);color:#fff}.btn-register:hover{background:#066a25;box-shadow:0 4px 12px #0789304d;transform:translateY(-2px)}.user-dropdown{position:relative}.user-btn{align-items:center;background:#0789301a;border:2px solid #07893033;border-radius:50px;color:#1a1a2e;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:500;gap:.5rem;padding:.4rem 1rem;transition:all .3s}.user-btn:hover{background:#07893033;border-color:#078930;border-color:var(--ethiopian-green)}.user-avatar-small{border:2px solid #078930;border:2px solid var(--ethiopian-green);border-radius:50%;height:28px;object-fit:cover;width:28px}.dropdown-menu{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:220px;padding:.8rem;position:absolute;right:0;top:120%;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-user-info{padding:.5rem;text-align:center}.dropdown-user-info strong{color:#1a1a2e;display:block;font-size:1rem}.dropdown-user-info small{color:#6b6b80;display:block;font-size:.8rem;margin:.2rem 0}.dropdown-avatar{border:3px solid #078930;border:3px solid var(--ethiopian-green);border-radius:50%;height:60px;margin-bottom:.5rem;object-fit:cover;width:60px}.role-badge{border-radius:50px;display:inline-block;font-size:.7rem;font-weight:600;margin-top:.3rem;padding:.2rem .8rem}.role-badge.admin{background:#ffebee;color:#c62828}.role-badge.user{background:#e3f2fd;color:#1565c0}.dropdown-menu hr{border:none;border-top:1px solid #f0ede8;margin:.5rem 0}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#4a4a5e;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .3s;width:100%}.dropdown-item:hover{background:#f5f5f5;color:#da121a;color:var(--ethiopian-red)}.dropdown-item.logout-item{color:#da121a}.dropdown-item.logout-item:hover{background:#ffebee}.hero-carousel{background:#1a1a2e;height:85vh;max-height:700px;min-height:500px;overflow:hidden;position:relative;width:100%}.hero-slide{background-position:50%;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transform:scale(1.05);transition:opacity .8s ease-in-out,transform .8s ease-in-out;width:100%}.hero-slide.active{opacity:1;transform:scale(1)}.hero-overlay{align-items:center;background:linear-gradient(135deg,#1a1a2ed9,#0789304d 50%,#da121a33);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.hero-content{animation:fadeInUp .8s ease-out;color:#fff;max-width:800px;padding:2rem;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-content .ethiopian-flag-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:2px solid #fcdd09;border:2px solid var(--ethiopian-yellow);border-radius:50px;color:#fcdd09;color:var(--ethiopian-yellow);display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;padding:.5rem 1.5rem}.hero-content .ethiopian-flag-badge .flag-dot{background:linear-gradient(135deg,#078930 33%,#fcdd09 33% 66%,#da121a 66%);background:linear-gradient(135deg,var(--ethiopian-green) 33%,var(--ethiopian-yellow) 33% 66%,var(--ethiopian-red) 66%);border-radius:50%;display:inline-block;height:12px;margin-right:8px;width:12px}.hero-content h1{font-family:Playfair Display,serif;font-size:4.5rem;font-weight:700;line-height:1.1;margin-bottom:.5rem;text-shadow:0 2px 20px #0000004d}.hero-content .subtitle,.hero-content h1 .highlight{color:#fcdd09;color:var(--ethiopian-yellow)}.hero-content .subtitle{font-family:Playfair Display,serif;font-size:1.8rem;font-style:italic;font-weight:300;margin-bottom:.5rem}.hero-content p{font-size:1.2rem;font-weight:300;margin-bottom:2rem;opacity:.9;text-shadow:0 2px 10px #0003}.hero-dish-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:1px solid #fcdd094d;border-radius:50px;color:#fcdd09;color:var(--ethiopian-yellow);display:inline-block;font-size:.85rem;font-weight:500;margin-bottom:1.5rem;padding:.4rem 1.2rem}.hero-dish-tag span{color:#fff}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:50px;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;padding:.7rem 2rem;transition:all .3s}.btn-primary{background:#078930;background:var(--ethiopian-green);box-shadow:0 4px 20px #07893066;color:#fff}.btn-primary:hover{background:#066a25;box-shadow:0 8px 30px #07893080;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #fff6;color:#fff}.btn-outline:hover{background:#fcdd0933;border-color:#fcdd09;border-color:var(--ethiopian-yellow);box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.btn-secondary{background:#da121a;background:var(--ethiopian-red);box-shadow:0 4px 20px #da121a66;color:#fff}.btn-secondary:hover{background:#b8151a;box-shadow:0 8px 30px #da121a80;transform:translateY(-2px)}.btn-sm{font-size:.8rem;padding:.3rem 1rem}.hero-arrow{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:2px solid #fcdd094d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s;width:50px;z-index:10}.hero-arrow:hover{background:#078930;background:var(--ethiopian-green);border-color:#fcdd09;border-color:var(--ethiopian-yellow);box-shadow:0 8px 30px #07893066;transform:translateY(-50%) scale(1.1)}.hero-arrow-left{left:24px}.hero-arrow-right{right:24px}.hero-dots{bottom:2rem;display:flex;gap:.8rem;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.hero-dot{background:#0000;border:2px solid #ffffff80;border-radius:50%;cursor:pointer;height:12px;padding:0;transition:all .3s;width:12px}.hero-dot.active{background:#fcdd09;background:var(--ethiopian-yellow);box-shadow:0 0 20px #fcdd0966;transform:scale(1.3)}.hero-dot.active,.hero-dot:hover{border-color:#fcdd09;border-color:var(--ethiopian-yellow)}.hero-dot:hover{transform:scale(1.2)}.menu-section{padding:4rem 0}.section-header{margin-bottom:3rem;text-align:center}.section-header .ethiopian-divider{align-items:center;display:flex;gap:1rem;justify-content:center;margin:1rem 0}.section-header .ethiopian-divider .line{background:linear-gradient(90deg,#078930,#fcdd09,#da121a);background:linear-gradient(to right,var(--ethiopian-green),var(--ethiopian-yellow),var(--ethiopian-red));border-radius:3px;height:3px;width:60px}.section-header h2{color:#1a1a2e;font-family:Playfair Display,serif;font-size:3rem;margin-bottom:.5rem}.section-header h2 span{color:#da121a;color:var(--ethiopian-red)}.section-header p{color:#6b6b80;font-size:1.1rem}.category-filters{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:3rem}.category-btn{background:#fff;border:2px solid #e8e5e0;border-radius:50px;color:#4a4a5e;cursor:pointer;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem 1.8rem;transition:all .3s}.category-btn:hover{box-shadow:0 4px 12px #07893026;color:#078930;color:var(--ethiopian-green);transform:translateY(-2px)}.category-btn.active,.category-btn:hover{border-color:#078930;border-color:var(--ethiopian-green)}.category-btn.active{background:#078930;background:var(--ethiopian-green);box-shadow:0 4px 12px #0789304d;color:#fff}.menu-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.menu-item-card{background:#fff;border:1px solid #0000000a;border-radius:20px;box-shadow:0 4px 20px #0000000f;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.menu-item-card:before{background:linear-gradient(90deg,#078930,#fcdd09,#da121a);background:linear-gradient(to right,var(--ethiopian-green),var(--ethiopian-yellow),var(--ethiopian-red));content:"";height:4px;left:0;position:absolute;right:0;top:0}.menu-item-card:hover{box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.menu-item-image-wrapper{height:220px;overflow:hidden;position:relative}.menu-item-image{height:100%;object-fit:cover;transition:transform .5s;width:100%}.menu-item-card:hover .menu-item-image{transform:scale(1.05)}.menu-item-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#da121ae6;border-radius:50px;color:#fff;font-size:.75rem;font-weight:600;padding:.3rem 1rem;position:absolute;right:12px;top:12px}.menu-item-content{padding:1.5rem}.menu-item-name{align-items:center;color:#1a1a2e;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:.3rem}.menu-item-tags{display:flex;font-size:.9rem;gap:.3rem}.menu-item-description{color:#6b6b80;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.menu-item-footer{align-items:center;border-top:1px solid #f0ede8;display:flex;justify-content:space-between;padding-top:1rem}.menu-item-price{color:#da121a;color:var(--ethiopian-red);font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700}.menu-item-price small{color:#6b6b80;font-size:.9rem;font-weight:400}.cart-overlay{animation:fadeIn .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;left:0;width:100%;z-index:2000}.cart-overlay,.cart-sidebar{height:100%;position:fixed;top:0}.cart-sidebar{animation:slideIn .3s;background:#fff;box-shadow:-10px 0 30px #0000001a;overflow-y:auto;padding:2rem;right:0;width:420px;z-index:2001}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.cart-header h2{font-family:Playfair Display,serif;font-size:1.8rem}.cart-close{background:none;border:none;color:#6b6b80;cursor:pointer;font-size:2rem;transition:transform .3s}.cart-close:hover{transform:rotate(90deg)}.cart-item{align-items:center;border-bottom:1px solid #f0ede8;display:flex;justify-content:space-between;padding:1rem 0}.cart-item-info{flex:1 1}.cart-item-name{color:#1a1a2e;font-weight:600}.cart-item-price{color:#6b6b80;font-size:.9rem}.cart-item-controls{align-items:center;display:flex;gap:.8rem}.cart-item-controls button{align-items:center;background:#f0ede8;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;transition:all .3s;width:30px}.cart-item-controls button:hover{background:#078930;background:var(--ethiopian-green);color:#fff}.cart-item-qty{font-weight:600;min-width:30px;text-align:center}.cart-total{border-top:2px solid #f0ede8;color:#1a1a2e;display:flex;font-size:1.3rem;font-weight:700;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.form-group{margin-bottom:1.2rem;position:relative}.form-group label{align-items:center;color:#1a1a2e;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:.4rem}.form-group .input-icon{color:#078930;color:var(--ethiopian-green);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{background:#faf8f6;border:2px solid #e8e5e0;border-radius:12px;font-family:Inter,sans-serif;font-size:1rem;padding:.8rem 1rem;transition:all .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#078930;border-color:var(--ethiopian-green);box-shadow:0 0 0 4px #0789301a;outline:none}.form-group input::placeholder{color:#b0b0b0}.input-hint{color:#999;display:block;font-size:.75rem;margin-top:.3rem}.auth-overlay{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5000}.auth-modal{animation:slideUp .4s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:460px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.auth-modal::-webkit-scrollbar{width:6px}.auth-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.auth-modal::-webkit-scrollbar-thumb{background:#078930;background:var(--ethiopian-green);border-radius:10px}.auth-modal::-webkit-scrollbar-thumb:hover{background:#066a25}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-close{background:none;border:none;border-radius:50%;color:#6b6b80;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s}.auth-close:hover{background:#f5f5f5;color:#1a1a2e;transform:rotate(90deg)}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-icon{font-size:3rem;margin-bottom:.5rem}.auth-title{color:#1a1a2e;font-family:Playfair Display,serif;font-size:2rem;margin-bottom:.3rem}.auth-subtitle{color:#6b6b80;font-size:.95rem;margin-bottom:0}.auth-input{background:#faf8f6;border:2px solid #e8e5e0;border-radius:12px;font-family:Inter,sans-serif;font-size:1rem;padding:.8rem 1rem;transition:all .3s;width:100%}.auth-input:focus{background:#fff;border-color:#078930;border-color:var(--ethiopian-green);box-shadow:0 0 0 4px #0789301a;outline:none}.auth-input.disabled{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.7}.auth-submit-btn{align-items:center;display:flex;font-size:1.1rem!important;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem!important;width:100%}.auth-switch{border-top:1px solid #f0ede8;margin-top:1.5rem;padding-top:1.2rem;text-align:center}.auth-switch p{color:#6b6b80;font-size:.95rem}.auth-switch-btn{background:none;border:none;border-radius:6px;color:#078930;color:var(--ethiopian-green);cursor:pointer;font-size:.95rem;font-weight:700;margin-left:.3rem;padding:.2rem .5rem;transition:all .3s}.auth-switch-btn:hover{background:#07893014;color:#066a25}.loading-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-overlay{align-items:center;animation:fadeIn .3s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:5000}.profile-modal{animation:slideUp .4s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:560px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.profile-close{background:none;border:none;border-radius:50%;color:#6b6b80;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .3s}.profile-close:hover{background:#f5f5f5;color:#1a1a2e;transform:rotate(90deg)}.profile-header{margin-bottom:1.5rem;text-align:center}.profile-header h2{color:#1a1a2e;font-family:Playfair Display,serif;font-size:2rem;margin-bottom:.3rem}.profile-header p{color:#6b6b80;font-size:.95rem}.profile-image-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.profile-image-wrapper{border:4px solid #078930;border:4px solid var(--ethiopian-green);border-radius:50%;box-shadow:0 8px 25px #07893033;height:120px;overflow:hidden;position:relative;width:120px}.profile-image{height:100%;object-fit:cover;width:100%}.profile-image-upload-btn{align-items:center;background:#078930;background:var(--ethiopian-green);border:2px solid #fff;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:36px;justify-content:center;position:absolute;right:0;transition:all .3s;width:36px}.profile-image-upload-btn:hover{background:#066a25;transform:scale(1.1)}.profile-image-actions{display:flex;gap:.5rem;margin-top:.8rem}.profile-image-hint{color:#999;font-size:.75rem;margin-top:.3rem}.profile-form{margin-top:.5rem}.profile-form .form-group{margin-bottom:1rem}.password-section{margin:1.5rem 0}.password-toggle-btn{align-items:center;background:none;border:2px solid #e8e5e0;border-radius:50px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1.2rem;transition:all .3s;width:100%}.password-toggle-btn:hover{border-color:#078930;border-color:var(--ethiopian-green);color:#078930;color:var(--ethiopian-green)}.password-fields{animation:slideDown .3s ease;background:#faf8f6;border:1px solid #f0ede8;border-radius:16px;margin-top:1rem;padding:1rem}.profile-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.profile-actions .btn{padding:.7rem 2rem}.footer{background:#1a1a2e;color:#fffc;margin-top:auto;overflow:hidden;padding:3rem 0 1.5rem;position:relative}.footer:before{background:linear-gradient(90deg,#078930,#fcdd09,#da121a);background:linear-gradient(to right,var(--ethiopian-green),var(--ethiopian-yellow),var(--ethiopian-red));content:"";height:4px;left:0;position:absolute;right:0;top:0}.footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.footer h3{color:#fff;font-family:Playfair Display,serif;font-size:1.3rem;margin-bottom:1rem}.footer h3 .ethiopian-flag-dot{background:linear-gradient(135deg,#078930 33%,#fcdd09 33% 66%,#da121a 66%);background:linear-gradient(135deg,var(--ethiopian-green) 33%,var(--ethiopian-yellow) 33% 66%,var(--ethiopian-red) 66%);border-radius:50%;display:inline-block;height:16px;margin-right:8px;width:16px}.footer h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer p{font-size:.95rem;line-height:1.6;opacity:.8}.footer ul{list-style:none;padding:0}.footer ul li{margin-bottom:.6rem}.footer ul li a{color:#ffffffb3;font-size:.95rem;text-decoration:none;transition:color .3s}.footer ul li a:hover{color:#fcdd09;color:var(--ethiopian-yellow)}.footer-social{display:flex;gap:1rem;margin-top:.5rem}.footer-social a{align-items:center;background:#ffffff14;border-radius:50%;color:#fff;display:inline-flex;font-size:1.1rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s;width:40px}.footer-social a:hover{background:#078930;background:var(--ethiopian-green);box-shadow:0 8px 25px #0789304d;transform:translateY(-3px)}.footer-bottom{border-top:1px solid #ffffff14;font-size:.9rem;opacity:.6;padding-top:1.5rem;text-align:center}.about-page{padding-top:0}.about-hero{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);overflow:hidden;padding:5rem 0 4rem;position:relative;text-align:center}.about-hero:before{content:"🇪🇹";font-size:20rem;opacity:.05;position:absolute;right:-5rem;top:-5rem;transform:rotate(15deg)}.about-hero-content h1{color:#fff;font-family:Playfair Display,serif;font-size:4rem;margin-bottom:.5rem;position:relative;z-index:1}.about-hero-content p{color:#fffc;font-size:1.3rem;position:relative;z-index:1}.about-content{background:#faf8f6;padding:4rem 0}.about-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-header{margin-bottom:2rem}.about-badge{background:#0789301a;border-radius:50px;color:#078930;color:var(--ethiopian-green);display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:.5rem;padding:.3rem 1.2rem}.about-header h2{color:#1a1a2e;font-family:Playfair Display,serif;font-size:2.8rem;margin-bottom:.5rem}.about-story{margin-bottom:2.5rem}.about-story p{color:#4a4a5e;font-size:1.05rem;line-height:1.8;margin-bottom:1rem}.about-story strong{color:#da121a;color:var(--ethiopian-red)}.about-values h3{color:#1a1a2e;font-size:1.5rem;margin-bottom:1.5rem}.values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.value-item{background:#fff;border-left:4px solid #078930;border-left:4px solid var(--ethiopian-green);border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:1.5rem;transition:all .3s}.value-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.value-item .value-icon{color:#078930;color:var(--ethiopian-green);font-size:1.8rem;margin-bottom:.5rem}.value-item h4{color:#1a1a2e;font-size:1rem;margin-bottom:.3rem}.value-item p{color:#6b6b80;font-size:.85rem;line-height:1.5}.about-image{position:relative}.about-main-image{border-radius:20px;box-shadow:0 20px 60px #00000026;height:500px;object-fit:cover;width:100%}.about-image-badge{align-items:center;background:linear-gradient(135deg,#078930,#066a25);background:linear-gradient(135deg,var(--ethiopian-green),#066a25);border-radius:16px;bottom:-1rem;box-shadow:0 10px 30px #0789304d;color:#fff;display:flex;font-weight:600;gap:.8rem;padding:1rem 2rem;position:absolute;right:-1rem}.about-image-badge .star-icon{color:#fcdd09;color:var(--ethiopian-yellow);font-size:1.5rem}.about-stats{background:#fff;border-bottom:1px solid #f0ede8;border-top:1px solid #f0ede8;padding:3rem 0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);text-align:center}.stat-item{align-items:center;display:flex;flex-direction:column}.stat-number{color:#da121a;color:var(--ethiopian-red);font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;line-height:1}.stat-label{color:#6b6b80;font-size:.95rem;margin-top:.3rem}.about-team{background:#faf8f6;padding:4rem 0}.team-header{margin-bottom:3rem;text-align:center}.team-header h2{color:#1a1a2e;font-family:Playfair Display,serif;font-size:2.8rem}.team-header p{color:#6b6b80;font-size:1.1rem}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.team-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;overflow:hidden;text-align:center;transition:all .3s}.team-card:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-8px)}.team-image{height:250px;overflow:hidden;width:100%}.team-image img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.team-card:hover .team-image img{transform:scale(1.05)}.team-info{padding:1.5rem}.team-info h4{color:#1a1a2e;font-size:1.2rem;margin-bottom:.2rem}.team-info span{background:#0789301a;border-radius:50px;color:#078930;color:var(--ethiopian-green);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.2rem 1rem}.team-info p{color:#6b6b80;font-size:.9rem;line-height:1.5}.about-cta{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);padding:4rem 0;text-align:center}.cta-content h2{color:#fff;font-family:Playfair Display,serif;font-size:2.8rem;margin-bottom:.5rem}.cta-content p{color:#fffc;font-size:1.2rem;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-buttons .btn-secondary{background:#ffffff1a;border:2px solid #fff3;color:#fff}.cta-buttons .btn-secondary:hover{background:#fff3;border-color:#fff;transform:translateY(-2px)}@media (max-width:992px){.desktop-nav{display:none!important}.mobile-menu-toggle{display:block!important}.navbar .logo .logo-image{height:32px}.navbar .logo span{font-size:1.2rem}.about-grid{gap:2rem;grid-template-columns:1fr}.about-image{order:-1}.about-main-image{height:350px}.stats-grid,.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar .logo .logo-image{height:28px}.navbar .logo span{font-size:1rem}.navbar .logo{gap:.4rem}.hero-carousel{height:70vh;max-height:500px;min-height:400px}.hero-content h1{font-size:2.5rem}.hero-content .subtitle{font-size:1.2rem}.hero-arrow,.hero-content p{font-size:1rem}.hero-arrow{height:40px;width:40px}.hero-arrow-left{left:12px}.hero-arrow-right{right:12px}.hero-dot{height:10px;width:10px}.hero-buttons{align-items:center;flex-direction:column}.btn,.btn-outline{max-width:200px;width:100%}.cart-sidebar{width:100%}.menu-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.footer-grid{gap:2rem;grid-template-columns:1fr 1fr}.section-header h2{font-size:2.2rem}.mobile-nav{padding:.8rem 0}.mobile-nav-links li{padding:0 1rem}.mobile-cart,.mobile-nav-links .mobile-logout-btn,.mobile-nav-links a{font-size:.95rem;padding:.6rem 0}.mobile-auth-buttons .btn-auth{font-size:.9rem;padding:.6rem}.auth-modal{border-radius:20px;margin:1rem;max-width:100%;padding:1.8rem 1.5rem}.auth-title{font-size:1.6rem}.auth-subtitle{font-size:.85rem}.auth-icon{font-size:2.5rem}.auth-input{font-size:.95rem;padding:.7rem .9rem}.auth-submit-btn{font-size:1rem!important;padding:.8rem!important}.profile-modal{border-radius:20px;margin:1rem;max-width:100%;padding:1.8rem 1.5rem}.profile-header h2{font-size:1.6rem}.profile-image-wrapper{height:100px;width:100px}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}.user-avatar-small{height:24px;width:24px}.about-hero-content h1{font-size:2.8rem}.about-hero-content p{font-size:1.1rem}.about-header h2{font-size:2.2rem}.team-grid,.values-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.stat-number{font-size:2.2rem}.about-image-badge{font-size:.9rem;padding:.8rem 1.5rem}.cta-content h2{font-size:2rem}}@media (max-width:480px){.navbar .logo .logo-image{height:24px}.navbar .logo span{font-size:.85rem}.navbar .logo{gap:.3rem}.hero-carousel{height:60vh;max-height:450px;min-height:350px}.hero-content h1{font-size:2rem}.hero-content .hero-badge{font-size:.7rem;padding:.3rem 1rem}.footer-grid{grid-template-columns:1fr}.category-filters{gap:.5rem}.category-btn{font-size:.8rem;padding:.4rem 1.2rem}.mobile-cart,.mobile-nav-links .mobile-logout-btn,.mobile-nav-links a{font-size:.85rem;padding:.5rem 0}.mobile-auth-buttons .btn-auth{font-size:.8rem;padding:.5rem}.auth-modal{padding:1.5rem 1.2rem}.auth-title{font-size:1.4rem}.auth-icon{font-size:2rem}.auth-close{font-size:1.2rem;right:.8rem;top:.8rem}.form-group{margin-bottom:1rem}.profile-modal{padding:1.5rem 1.2rem}.profile-header h2{font-size:1.4rem}.profile-image-wrapper{height:80px;width:80px}.profile-image-upload-btn{font-size:.7rem;height:28px;width:28px}.about-hero-content h1{font-size:2.2rem}.about-main-image{height:250px}.stats-grid{gap:1rem;grid-template-columns:1fr 1fr}.stat-number{font-size:1.8rem}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:250px;width:100%}}
/*# sourceMappingURL=main.b16e0d31.css.map*/