.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:var(--space-16) 0;background:var(--rich-black);overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--rich-black) 0%,var(--dark-charcoal) 100%);z-index:0}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,rgba(255,196,0,.08) 0%,transparent 50%);z-index:1}.hero-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFC400' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;z-index:1}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-text{color:var(--pure-white)}.hero-script{font-family:var(--font-script);font-size:var(--text-2xl);color:var(--brand-yellow);margin-bottom:var(--space-3);letter-spacing:var(--tracking-wide);font-weight:400}.hero-title{font-family:var(--font-display);font-size:clamp(3.5rem,7vw,6rem);font-weight:var(--font-black);line-height:var(--leading-tight);margin-bottom:var(--space-6);color:var(--pure-white);text-transform:uppercase;letter-spacing:-.02em}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:var(--off-white);margin-bottom:var(--space-8);line-height:var(--leading-relaxed);opacity:.9;max-width:500px}.hero-buttons{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.hero-btn{box-shadow:0 8px 25px #ce112666;transition:all var(--transition-base)}.hero-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ce112680}.hero-btn-outline{border-color:var(--pure-white);color:var(--pure-white);background:transparent}.hero-btn-outline:hover{background:var(--pure-white);color:var(--rich-black)}.hero-btn-yellow{box-shadow:0 8px 25px #ffc40066}.hero-btn-yellow:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ffc40080}.hero-auth-buttons{display:flex;gap:var(--space-4)}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image-container{position:relative;width:100%;max-width:550px;aspect-ratio:1}.hero-main-image{width:100%;height:100%;object-fit:contain;border-radius:var(--radius-2xl);box-shadow:0 25px 80px #0009;animation:float 6s ease-in-out infinite;position:relative;z-index:2}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:radial-gradient(circle,rgba(255,196,0,.15) 0%,transparent 70%);border-radius:50%;z-index:1;animation:glow 4s ease-in-out infinite}.hero-steam{position:absolute;width:30px;height:30px;background:radial-gradient(circle,rgba(255,255,255,.4) 0%,transparent 70%);border-radius:50%;filter:blur(10px);animation:steam 3s ease-in-out infinite;z-index:3}.steam-1{top:5%;right:15%;animation-delay:0s}.steam-2{top:25%;right:5%;animation-delay:1s}.steam-3{top:45%;right:20%;animation-delay:2s}.steam-4{top:65%;right:10%;animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}@keyframes steam{0%{opacity:0;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-40px) scale(1.8)}to{opacity:0;transform:translateY(-80px) scale(2.5)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.hero-text{order:2}.hero-image{order:1}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-buttons,.hero-auth-buttons{justify-content:center}.hero-image-container{max-width:400px}}@media (max-width: 768px){.hero{padding:var(--space-10) 0;min-height:auto}.hero-script{font-size:var(--text-xl)}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}.hero-buttons,.hero-auth-buttons{flex-direction:column;align-items:center;gap:var(--space-3)}.hero-btn,.hero-btn-outline,.hero-btn-yellow{width:100%;max-width:280px}.hero-image-container{max-width:300px}}@media (prefers-reduced-motion: reduce){.hero-main-image,.hero-steam{animation:none}}.featured-items{padding:var(--space-20) 0;background:var(--warm-cream)}.featured-items__header{text-align:center;margin-bottom:var(--space-12)}.featured-items__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-extrabold);color:var(--rich-black);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.featured-items__subtitle{font-family:var(--font-script);font-size:var(--text-2xl);color:var(--brand-yellow);margin-bottom:var(--space-4)}.featured-items__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:1200px;margin:0 auto}.featured-card{border-radius:var(--radius-3xl);overflow:hidden;box-shadow:var(--shadow-xl);transition:transform var(--transition-base),box-shadow var(--transition-base);position:relative;display:flex;flex-direction:column;min-height:500px}.featured-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-2xl)}.featured-card__image{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);background:rgba(255,255,255,.1)}.featured-card__image img{width:100%;height:100%;object-fit:contain;max-height:300px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.featured-card__content{padding:var(--space-8);background:var(--pure-white);text-align:center;flex-shrink:0}.featured-card__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--rich-black);margin-bottom:var(--space-2);text-transform:uppercase}.featured-card__description{font-family:var(--font-body);font-size:var(--text-base);color:var(--medium-gray);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.featured-card__price{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--rich-black);margin-bottom:var(--space-6)}.featured-card__button{width:100%;padding:var(--space-4) var(--space-8);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.featured-card.skeleton{background:var(--off-white)}.featured-card.skeleton .featured-card__image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.featured-card.skeleton .featured-card__content{background:var(--off-white)}.skeleton-image{width:100%;height:300px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-title{height:32px;width:60%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin:0 auto var(--space-2)}.skeleton-text{height:16px;width:80%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);margin:0 auto var(--space-2)}.skeleton-button{height:56px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-full);margin-top:var(--space-4)}.divider{position:relative;width:100%;line-height:0;overflow:hidden}.divider__svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px;transform:rotateY(180deg)}.divider--default .divider__svg{height:60px}.divider--sm .divider__svg{height:30px}.divider--lg .divider__svg{height:90px}.divider--inverted .divider__svg{transform:rotateY(0)}.divider__svg path{transition:fill .3s ease}.trust-strip{padding:var(--space-16) 0;background:var(--warm-cream)}.trust-strip__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.trust-strip__item{text-align:center;padding:var(--space-8);background:var(--pure-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:transform var(--transition-base),box-shadow var(--transition-base)}.trust-strip__item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.trust-strip__icon{font-size:3.5rem;margin-bottom:var(--space-4);line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.trust-strip__title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--rich-black);margin-bottom:var(--space-2);font-family:var(--font-display)}.trust-strip__description{font-size:var(--text-sm);color:var(--medium-gray);line-height:var(--leading-relaxed)}@media (max-width: 768px){.trust-strip{padding:var(--space-12) 0}.trust-strip__grid{grid-template-columns:1fr;gap:var(--space-6)}.trust-strip__item{padding:var(--space-6)}.trust-strip__icon{font-size:2.5rem}}.cta-banner{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--rich-black),var(--dark-charcoal));position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.cta-banner__content{position:relative;text-align:center;max-width:800px;margin:0 auto;padding:var(--space-8)}.cta-banner__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-black);color:var(--pure-white);margin-bottom:var(--space-4);font-family:var(--font-display);line-height:var(--leading-tight)}.cta-banner__title-accent{display:block;color:var(--brand-yellow);font-family:var(--font-script);font-size:.8em;margin-top:var(--space-2)}.cta-banner__subtitle{font-size:var(--text-lg);color:var(--off-white);margin-bottom:var(--space-8);font-family:var(--font-body);line-height:var(--leading-relaxed);opacity:.9}.cta-banner__button{display:flex;justify-content:center;gap:var(--space-4)}@media (max-width: 768px){.cta-banner{padding:var(--space-16) 0}.cta-banner__content{padding:var(--space-4)}.cta-banner__title{font-size:var(--text-4xl)}.cta-banner__subtitle{font-size:var(--text-base)}.cta-banner__button{flex-direction:column;align-items:center}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:linear-gradient(135deg,rgba(255,229,180,.95),rgba(255,200,120,.95));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026;transition:background var(--transition-base),padding var(--transition-base);padding:var(--space-4) 0}.header.scrolled{background:linear-gradient(135deg,rgba(255,220,150,.98),rgba(255,190,100,.98));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 6px 30px #00000040;padding:var(--space-3) 0}.header.scrolled .desktop-nav a{color:#d43200;text-shadow:0 0 2px rgba(255,255,255,.5)}.header.scrolled .desktop-nav a:hover{color:#a32600;text-shadow:0 0 4px rgba(255,255,255,.7)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo img{height:60px;width:auto;max-width:150px}.desktop-nav{display:flex;gap:2rem;align-items:center}.desktop-nav a{text-decoration:none;color:#8b4513;font-weight:var(--font-bold);transition:color var(--transition-base),text-shadow var(--transition-base),transform var(--transition-base);font-family:var(--font-display);text-shadow:0 0 2px rgba(255,255,255,.5);font-size:1.05rem}.desktop-nav a:hover{color:#d43200;text-shadow:0 0 4px rgba(255,255,255,.8);transform:translateY(-2px)}.header-actions{display:flex;align-items:center;gap:1rem}.cart-btn{position:relative;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem}.cart-count{position:absolute;top:0;right:0;background:var(--ghana-red);color:var(--pure-white);font-size:var(--text-xs);font-weight:var(--font-bold);width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.order-btn,.auth-btn{padding:.75rem 1.5rem;font-size:.9rem}.auth-btn-pill{padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-full);background:var(--brand-yellow);color:var(--rich-black);border:none;box-shadow:0 4px 15px #ffc4004d;transition:all var(--transition-base)}.auth-btn-pill:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc40066}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:flex;flex-direction:column;gap:4px}.hamburger span{width:25px;height:3px;background:#8B4513;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{display:none;position:fixed;top:80px;left:0;right:0;background:linear-gradient(135deg,rgba(255,229,180,.98),rgba(255,200,120,.98));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:var(--space-4);box-shadow:0 6px 30px #00000040}.mobile-menu.open{display:block}.mobile-nav{display:flex;flex-direction:column;gap:1rem}.mobile-nav a{text-decoration:none;color:#8b4513;font-weight:var(--font-bold);padding:.75rem;border-radius:8px;transition:background .3s ease,color .3s ease,transform .3s ease;text-shadow:0 0 2px rgba(255,255,255,.5);font-size:1.05rem}.mobile-nav a:hover{background:rgba(255,255,255,.4);color:#d43200;text-shadow:0 0 4px rgba(255,255,255,.8);transform:translate(5px)}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(0,0,0,.1)}.mobile-auth-buttons button{width:100%}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;background:linear-gradient(135deg,var(--brown),var(--dark));overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:url(/hero-background.png) center/cover;opacity:.6;animation:slowZoom 20s ease-in-out infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(90,36,20,.5),rgba(23,17,14,.7))}.hero-content{position:relative;z-index:1}.hero-text{max-width:800px}.hero-title{color:var(--white);margin-bottom:1rem;line-height:1.1}.hero-subtitle{color:var(--yellow);margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2.5rem)}.hero-description{color:var(--cream);font-size:1.2rem;margin-bottom:2rem;max-width:600px}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.hero-auth-buttons{display:flex;gap:1rem;flex-wrap:wrap}.hero-trust{display:flex;gap:2rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:.5rem;color:var(--cream);font-size:.9rem}.trust-icon{font-size:1.5rem}.food-menu{padding:5rem 0;background:var(--cream)}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--brown);margin-bottom:.5rem}.contact .section-title{color:var(--brand-yellow)}.section-subtitle{color:var(--dark);opacity:.8}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:900px;margin:0 auto}.product-card{border-radius:20px;padding:3rem 2rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;text-align:center;color:var(--white);border:3px solid transparent;overflow:hidden}.product-card-image{width:100%;height:200px;margin-bottom:1.5rem;border-radius:12px;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover}.product-card.no-image{padding:3rem 2rem}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.product-card-title{font-size:2.5rem;font-weight:900;margin-bottom:1rem}.product-card-description{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.product-card-btn{background:var(--white);color:var(--brown);border:none;padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.product-card-btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #0003}.loading-state{text-align:center;padding:3rem;color:var(--dark)}.ordering-interface{max-width:600px;margin:0 auto;padding:2rem;background:var(--white);border-radius:20px;box-shadow:0 10px 30px #0000001a}.back-btn{background:none;border:none;color:var(--brown);font-size:1rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;font-weight:500}.back-btn:hover{color:var(--deep-orange)}.ordering-product-info{margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid var(--cream)}.ordering-product-info h2{color:var(--brown);font-size:2rem}.ordering-product-info p{color:var(--dark);opacity:.8}.ordering-section{margin-bottom:2rem}.ordering-section h3{color:var(--brown);font-size:1.2rem;margin-bottom:1rem}.price-selector{display:flex;flex-direction:column;gap:.75rem}.price-option{padding:1rem 1.5rem;border:2px solid #ddd;border-radius:12px;cursor:pointer;transition:all .3s ease}.price-option:hover{border-color:var(--deep-orange);background:rgba(230,81,0,.05)}.price-option.selected{border-color:var(--deep-orange);background:rgba(230,81,0,.1)}.price-info{display:flex;justify-content:space-between;align-items:center}.portion-name{font-weight:600;color:var(--dark)}.price-amount{font-weight:700;color:var(--deep-orange)}.price-description{display:block;font-size:.9rem;color:var(--dark);opacity:.7;margin-top:.5rem}.quantity-selector{display:flex;align-items:center;gap:1rem;max-width:200px}.quantity-btn{width:50px;height:50px;border-radius:50%;border:2px solid var(--brown);background:var(--white);color:var(--brown);font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:var(--brown);color:var(--white)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-value{font-size:1.5rem;font-weight:700;min-width:40px;text-align:center}.addon-selector{display:flex;flex-direction:column;gap:.75rem}.addon-option{padding:1rem 1.5rem;border:2px solid #ddd;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.addon-option:hover{border-color:var(--deep-orange);background:rgba(230,81,0,.05)}.addon-option.selected{border-color:var(--deep-orange);background:rgba(230,81,0,.1)}.addon-checkbox{width:24px;height:24px;border:2px solid var(--brown);border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--white);flex-shrink:0}.addon-info{flex:1;display:flex;justify-content:space-between;align-items:center}.addon-name{font-weight:500;color:var(--dark)}.addon-price{font-weight:600;color:var(--deep-orange)}.addon-description{display:block;font-size:.85rem;color:var(--dark);opacity:.7;margin-top:.25rem}.ordering-summary{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--cream)}.summary-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.summary-total span:first-child{font-size:1.2rem;font-weight:600;color:var(--dark)}.total-amount{font-size:2rem;font-weight:900;color:var(--deep-orange)}.add-to-order-btn{width:100%;padding:1.25rem;font-size:1.1rem}.add-to-order-btn:disabled{opacity:.5;cursor:not-allowed}.confirmation-message{margin-top:1rem;padding:1rem;background:var(--green);color:var(--white);text-align:center;border-radius:10px;font-weight:600;animation:scaleIn .3s ease}.mobile-sticky-cart{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--white);box-shadow:0 -4px 20px #0000001a;z-index:999;padding:1rem}.sticky-cart-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sticky-cart-items{font-weight:600;color:var(--dark)}.sticky-cart-total{font-weight:700;color:var(--deep-orange);font-size:1.2rem}.sticky-checkout-btn{padding:.75rem 1.5rem;font-size:.9rem}.cart-drawer{position:fixed;top:0;right:-100%;width:100%;max-width:450px;height:100vh;background:var(--white);z-index:9999;transition:right .3s ease;display:flex;flex-direction:column}.cart-drawer.open{right:0}.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:all .3s ease}.cart-overlay.open{opacity:1;visibility:visible}.cart-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid var(--cream)}.cart-header h2{color:var(--brown);margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--dark);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.close-btn:hover{background:rgba(0,0,0,.1)}.cart-items{flex:1;overflow-y:auto;padding:1rem}.cart-empty{text-align:center;padding:3rem 1rem}.cart-empty p{margin-bottom:1.5rem;color:var(--dark);opacity:.7}.cart-item{padding:1rem;border:2px solid var(--cream);border-radius:12px;margin-bottom:1rem}.cart-item-info h4{color:var(--brown);margin-bottom:.25rem}.cart-item-portion{color:var(--dark);opacity:.7;font-size:.9rem;margin-bottom:.5rem}.cart-item-addons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.cart-addon{font-size:.8rem;background:var(--cream);padding:.25rem .5rem;border-radius:4px;color:var(--dark)}.cart-item-controls{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem}.cart-item-quantity{display:flex;align-items:center;gap:.5rem}.cart-item-quantity button{width:32px;height:32px;border-radius:50%;border:2px solid var(--brown);background:var(--white);color:var(--brown);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.cart-item-quantity button:hover:not(:disabled){background:var(--brown);color:var(--white)}.cart-item-quantity button:disabled{opacity:.3;cursor:not-allowed}.cart-item-price{font-weight:700;color:var(--deep-orange);font-size:1.1rem}.remove-btn{background:none;border:none;color:var(--red);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .3s ease}.remove-btn:hover{background:rgba(198,40,40,.1)}.cart-summary{padding:1.5rem;border-top:2px solid var(--cream);background:var(--cream)}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;color:var(--dark)}.summary-row.subtotal{font-weight:600;margin-bottom:1rem}.summary-row.delivery{color:var(--dark);opacity:.7;font-style:italic}.summary-row.total{font-size:1.3rem;font-weight:700;color:var(--brown);margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(90,36,20,.2)}.cart-actions{display:flex;gap:1rem;margin-top:1.5rem}.cart-actions button{flex:1}.checkout-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem}.checkout-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999}.checkout-content{position:relative;z-index:10000;background:var(--warm-cream);border-radius:12px;max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .3s ease}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--cream)}.checkout-header h2{color:var(--brown);margin:0;font-size:1.5rem}.checkout-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.checkout-processing{text-align:center;padding:3rem 1rem}.processing-spinner{width:50px;height:50px;border:4px solid var(--cream);border-top-color:var(--deep-orange);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--red);color:var(--white);padding:1rem;border-radius:10px;margin-bottom:1rem;text-align:center}.delivery-form{display:flex;flex-direction:column;gap:1.5rem}.form-section h3{color:var(--brown);font-size:1rem;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:1px solid var(--cream)}.form-group{margin-bottom:.75rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--dark);font-size:.9rem}.form-group input,.form-group textarea,.form-group select{border-color:#ddd;background:var(--white);color:var(--dark);font-size:.9rem}.form-group input::placeholder,.form-group textarea::placeholder{color:#00000080}.form-group select option{background:var(--white);color:var(--dark)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--red)}.error-text{display:block;color:var(--red);font-size:.85rem;margin-top:.25rem}.schedule-options{display:flex;gap:1rem}.schedule-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border:2px solid #ddd;border-radius:8px;transition:all .3s ease;color:var(--dark);font-size:.9rem}.schedule-option:hover{border-color:var(--deep-orange)}.schedule-option input[type=radio]{width:auto}.form-actions{margin-top:1rem}.form-actions button{width:100%}.order-review{display:flex;flex-direction:column;gap:1rem}.review-items{display:flex;flex-direction:column;gap:.75rem}.review-item{padding:.75rem;background:var(--white);border-radius:8px}.review-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.review-item-header h4{color:var(--brown);margin:0;font-size:.95rem}.review-item-details{color:var(--dark);font-size:.85rem}.review-addons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.review-addon{font-size:.8rem;background:var(--cream);padding:.25rem .5rem;border-radius:4px;color:var(--dark)}.review-row{display:flex;justify-content:space-between;color:var(--dark)}.review-divider{height:2px;background:var(--cream);margin:.5rem 0}.review-row.total{font-size:1.5rem;font-weight:700;color:var(--brown);padding:1rem 0;border-top:2px solid var(--brown)}.review-customer,.review-delivery,.review-schedule{padding:.75rem;background:var(--white);border-radius:8px}.review-customer h4,.review-delivery h4,.review-schedule h4{color:var(--brown);margin-bottom:.4rem;font-size:.9rem;font-weight:700}.review-customer p,.review-delivery p,.review-schedule p{color:var(--dark);margin:.2rem 0;font-weight:500;font-size:.85rem}.review-form{margin-top:1rem}.confirmation-checkbox{display:flex;align-items:center;gap:.6rem;cursor:pointer;padding:.75rem;background:var(--cream);border-radius:8px;margin-bottom:.75rem;color:var(--dark);font-size:.9rem}.confirmation-checkbox input[type=checkbox]{width:auto}.review-actions{display:flex;gap:.75rem}.review-actions button{flex:1;padding:.75rem 1rem;font-size:.9rem}.how-it-works{padding:5rem 0;background:var(--white)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step-card{text-align:center;padding:2rem;background:var(--cream);border-radius:20px;transition:transform .3s ease}.step-card:hover{transform:translateY(-5px)}.step-number{font-size:3rem;font-weight:900;color:var(--deep-orange);margin-bottom:1rem}.step-card h3{color:var(--brown);margin-bottom:.5rem}.step-card p{color:var(--dark);opacity:.8}.why-choose-us{padding:5rem 0;background:var(--cream)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem;background:var(--white);border-radius:20px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--brown);margin-bottom:.5rem}.feature-card p{color:var(--dark);opacity:.8}.food-experience{padding:5rem 0;background:linear-gradient(135deg,var(--brown),var(--dark));color:var(--white)}.experience-content{text-align:center;max-width:800px;margin:0 auto}.experience-text h2{color:var(--yellow);font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.experience-text p{font-size:1.2rem;opacity:.9}.testimonials{padding:5rem 0;background:var(--white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.testimonial-card{padding:2rem;background:var(--cream);border-radius:20px;border-left:4px solid var(--deep-orange)}.testimonial-text{font-size:1.1rem;color:var(--dark);font-style:italic;margin-bottom:1rem}.testimonial-author{color:var(--brown);font-weight:600}.contact{padding:5rem 0;background:linear-gradient(135deg,var(--brown),var(--dark-charcoal))}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.contact-item{display:flex;align-items:center;gap:1rem}.contact-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border-radius:50%;box-shadow:0 4px 10px #0003}.contact-item h4{color:var(--brand-yellow);margin-bottom:.25rem}.contact-item p{color:var(--pure-white);margin:0}.contact-actions{display:flex;flex-direction:column;gap:1rem}.contact-actions button{width:100%}.footer{background:var(--dark);color:var(--white);padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-brand img{height:60px;width:auto;margin-bottom:1rem}.footer-brand h3{color:var(--yellow);margin-bottom:.5rem}.footer-brand p{opacity:.9}.footer-nav h4,.footer-social h4{color:var(--yellow);margin-bottom:1rem}.footer-nav nav{display:flex;flex-direction:column;gap:.5rem}.footer-nav a{color:var(--white);text-decoration:none;opacity:.9;transition:opacity .3s ease}.footer-nav a:hover{opacity:1}.social-links{display:flex;flex-direction:column;gap:.5rem}.social-links a{color:var(--white);text-decoration:none;opacity:.9;transition:opacity .3s ease}.social-links a:hover{opacity:1}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:.9}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-btn,.mobile-sticky-cart{display:block}.cart-drawer{max-width:100%}.checkout-content{max-height:95vh;border-radius:20px 20px 0 0;margin:auto 0 0}.contact-content{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.hero-auth-buttons{flex-direction:column}.hero-auth-buttons .btn{width:100%}.products-grid,.steps-grid,.features-grid,.testimonials-grid{grid-template-columns:1fr}.header-actions .auth-btn{display:none}}.order-tracking{padding:4rem 0;background:var(--cream)}.back-link{background:none;border:none;color:var(--brown);font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;display:inline-block}.back-link:hover{color:var(--deep-orange)}.tracking-form{max-width:600px;margin:0 auto 2rem}.tracking-input{width:100%;padding:1rem;border:2px solid #ddd;border-radius:10px;font-size:1rem;font-family:inherit;text-transform:uppercase}.tracking-input:focus{outline:none;border-color:var(--deep-orange)}.order-result{max-width:800px;margin:0 auto;background:white;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #0000001a}.order-header{border-bottom:2px solid #f5f5f5;padding-bottom:1.5rem;margin-bottom:1.5rem}.order-header h3{color:var(--brown);font-size:1.5rem;margin-bottom:.5rem}.order-dates{color:#666;font-size:.9rem}.order-status-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.status-card{background:#f9f9f9;padding:1.5rem;border-radius:12px;text-align:center}.status-card h4{color:#666;font-size:.9rem;margin-bottom:.5rem}.status-badge{color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.order-details{background:#f9f9f9;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.order-details h4{color:var(--brown);margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#666;font-weight:500}.detail-row span:last-child{color:var(--dark);font-weight:600}.order-summary{background:#f9f9f9;padding:1.5rem;border-radius:12px;margin-bottom:2rem}.order-summary h4{color:var(--brown);margin-bottom:1rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee}.summary-row.total{border-bottom:none;border-top:2px solid var(--brown);padding-top:1rem;margin-top:.5rem;font-weight:700;font-size:1.1rem;color:var(--brown)}.order-timeline{margin-top:2rem}.order-timeline h4{color:var(--brown);margin-bottom:1.5rem}.timeline{display:flex;justify-content:space-between;position:relative}.timeline:before{content:"";position:absolute;top:15px;left:0;right:0;height:2px;background:#e0e0e0;z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;flex:1}.timeline-dot{width:32px;height:32px;border-radius:50%;background:#e0e0e0;margin-bottom:.5rem;transition:all .3s ease}.timeline-item.active .timeline-dot{background:var(--deep-orange);box-shadow:0 0 0 4px #e6510033}.timeline-content{font-size:.8rem;color:#666;text-align:center}.timeline-item.active .timeline-content{color:var(--brown);font-weight:600}@media (max-width: 768px){.order-status-section{grid-template-columns:1fr}.timeline{flex-wrap:wrap}.timeline-item{width:50%;margin-bottom:1rem}.timeline:before{display:none}}@media (max-width: 480px){.header-content{gap:.5rem}.logo img{height:40px}.cart-btn{font-size:1.2rem}.order-btn{display:none}.sticky-cart-content{flex-wrap:wrap}.sticky-checkout-btn{width:100%;order:3}}.delivery-map-picker{margin-bottom:1rem}.map-search-container{display:flex;gap:.5rem;margin-bottom:.75rem}.map-search-input{flex:1;padding:.6rem .75rem;border:2px solid #ddd;border-radius:8px;font-size:.9rem;font-family:inherit}.btn-current-location{padding:.6rem 1rem;background:var(--gradient-orange);color:var(--pure-white);border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .3s ease}.btn-current-location:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ce11264d}.map-container{width:100%;height:280px;border-radius:8px;overflow:hidden;border:2px solid #ddd;margin-bottom:.75rem}.map-picker-error{padding:1rem;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:1rem}.map-picker-error .error-text{color:#856404;font-weight:600;margin-bottom:.5rem}.map-picker-error .info-text{color:#856404;font-size:.9rem}.map-picker-loading{padding:2rem;text-align:center;background:#f9f9f9;border-radius:8px;color:var(--dark)}.map-picker-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);z-index:10;color:var(--dark);font-weight:500}.map-picker-error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,243,205,.95);z-index:10;padding:1rem;text-align:center}.map-picker-error-overlay .error-text{color:#856404;font-weight:600;margin-bottom:.5rem}.map-picker-error-overlay .info-text{color:#856404;font-size:.9rem}.api-key-instructions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(133,100,4,.3)}.api-key-instructions a{color:#ce1126;text-decoration:underline}.api-key-instructions code{background:rgba(255,255,255,.5);padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.8em}.map-selected-info{padding:.75rem;background:#f0f8ff;border:1px solid #cce5ff;border-radius:8px}.map-address-label{font-size:.85rem;font-weight:600;color:var(--brown);margin-bottom:.25rem}.map-address-text{font-size:.9rem;color:var(--dark);margin-bottom:.5rem;line-height:1.4}.map-view-link{font-size:.85rem;color:var(--gradient-orange);text-decoration:none;font-weight:600}.map-view-link:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--warm-cream);color:var(--rich-black);line-height:var(--leading-normal);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:900}h2{font-size:clamp(2rem,4vw,3rem);font-weight:800}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}p{margin-bottom:1rem;font-size:1rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-block;padding:.6rem 1.25rem;font-size:var(--text-base);font-weight:var(--font-semibold);text-decoration:none;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-align:center;font-family:var(--font-display)}.btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:var(--pure-white);box-shadow:var(--shadow-brand)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-brand-hover)}.btn-secondary{background:linear-gradient(135deg,var(--accent-green),var(--dark-charcoal));color:var(--pure-white);box-shadow:0 4px 15px #006b3f4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #006b3f66}.btn-yellow{background:var(--brand-yellow);color:var(--rich-black);box-shadow:var(--shadow-yellow)}.btn-yellow:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc40066}.btn-outline{background:transparent;border:2px solid var(--dark-charcoal);color:var(--dark-charcoal)}.btn-outline:hover{background:var(--dark-charcoal);color:var(--pure-white)}.btn-large{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}input,textarea,select{width:100%;padding:.6rem .75rem;border:2px solid #ddd;border-radius:8px;font-size:.9rem;font-family:inherit;transition:border-color .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gradient-orange)}.loading{opacity:.6;pointer-events:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .5s ease forwards}.slide-in{animation:slideIn .3s ease forwards}.scale-in{animation:scaleIn .3s ease forwards}@media (max-width: 768px){.container{padding:0 .75rem}.btn{padding:.875rem 1.5rem;font-size:.9rem}.btn-large{padding:1rem 2rem;font-size:1rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--rich-black),var(--dark-charcoal));display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.loading-content{text-align:center;color:var(--pure-white)}.loading-logo{width:120px;height:120px;margin:0 auto 2rem;animation:pulse 2s ease-in-out infinite}.loading-logo img{width:100%;height:100%;object-fit:contain}.loading-text h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);letter-spacing:2px;font-family:var(--font-display);font-weight:var(--font-extrabold)}.loading-text p{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gradient-orange);font-family:var(--font-script)}.loading-bar{width:200px;height:4px;background:rgba(255,255,255,.2);border-radius:var(--radius-sm);margin:var(--space-8) auto var(--space-4);overflow:hidden}.loading-progress{height:100%;background:linear-gradient(90deg,var(--gradient-orange),var(--gradient-red));border-radius:var(--radius-sm);transition:width .1s linear}.loading-percentage{font-size:var(--text-sm);opacity:.8}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.skeleton-card{background:#f0f0f0;border-radius:15px;overflow:hidden}.skeleton-image{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-content{padding:1.5rem}.skeleton-title{height:24px;width:70%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:1rem}.skeleton-text{height:16px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-bottom:.5rem}.skeleton-text.short{width:60%}.skeleton-price{height:20px;width:40%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;margin-top:1rem}.skeleton-text-wrapper{padding:1rem}.skeleton-button{height:48px;width:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:50px}.skeleton-circle{width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.whatsapp-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25D366;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #25d36666;transition:all .3s ease;z-index:998}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #25d36680}.whatsapp-button:active{transform:scale(.95)}@media (max-width: 768px){.whatsapp-button{bottom:80px;right:20px;width:50px;height:50px}}.featured-items{padding:var(--space-16) 0;background:var(--pure-white)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-top:var(--space-8)}.text-center{text-align:center}.text-white{color:var(--white)}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}:root{--brand-yellow: #FFC400;--brand-yellow-light: #FFD54F;--brand-yellow-dark: #FFA000;--ghana-red: #CE1126;--ghana-green: #006B3F;--ghana-gold: #FFD20D;--gradient-red: #CE1126;--gradient-orange: #FF6B00;--gradient-start: #CE1126;--gradient-end: #FF6B00;--rich-black: #0D0D0D;--dark-charcoal: #1A1A1A;--dark-gray: #2D2D2D;--medium-gray: #4A4A4A;--dark: #1A1A1A;--warm-cream: #FFF8E7;--warm-cream-light: #FFF5E6;--off-white: #FFFEFA;--pure-white: #FFFFFF;--white: #FFFFFF;--yellow: #FFC400;--brown: #5A2414;--accent-green: #006B3F;--accent-red: #CE1126;--accent-yellow: #FFC400;--success: #28A745;--error: #DC3545;--warning: #FFC107;--info: #17A2B8;--font-script: "Pacifico", "Caveat Brush", cursive;--font-display: "Montserrat", "Poppins", sans-serif;--font-body: "Inter", "Poppins", sans-serif;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-brand: 0 4px 15px rgba(206, 17, 38, .3);--shadow-brand-hover: 0 6px 20px rgba(206, 17, 38, .4);--shadow-yellow: 0 4px 15px rgba(255, 196, 0, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1000;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-xs: 360px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--btn-sm: 2rem;--btn-md: 2.5rem;--btn-lg: 3rem;--btn-xl: 3.5rem;--input-sm: 2rem;--input-md: 2.5rem;--input-lg: 3rem;--card-sm: 16rem;--card-md: 20rem;--card-lg: 24rem;--card-xl: 28rem}@media (prefers-color-scheme: dark){:root{--warm-cream: #1A1A1A;--warm-cream-light: #2D2D2D;--off-white: #0D0D0D}}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{overflow-x:hidden;min-width:320px}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 360px){.container{padding:0 1rem}}@media (min-width: 640px){.container{padding:0 1.5rem}}@media (min-width: 1024px){.container{padding:0 2rem}}@media (max-width: 1024px){.desktop-nav{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:none;position:fixed;top:80px;left:0;right:0;background:var(--warm-cream);padding:var(--space-4);box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}.mobile-menu.open{display:block}.mobile-nav{display:flex;flex-direction:column;gap:1rem}.mobile-nav a{text-decoration:none;color:var(--rich-black);font-weight:500;padding:.75rem;border-radius:8px;transition:background .3s ease}.mobile-nav a:hover{background:rgba(230,81,0,.1)}.mobile-auth-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:2px solid rgba(0,0,0,.1)}.mobile-auth-buttons button,.mobile-auth-buttons a{width:100%}.header-actions .order-btn{display:none}}@media (max-width: 640px){.header{padding:var(--space-3) 0}.logo img{height:45px;max-width:120px}.auth-btn{padding:.5rem 1rem;font-size:.8rem}.cart-btn{font-size:1.25rem}.cart-count{width:18px;height:18px;font-size:.7rem}}@media (max-width: 1024px){.hero{padding:var(--space-12) 0;min-height:auto}.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-8)}.hero-text{order:2}.hero-image{order:1}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-buttons,.hero-auth-buttons{justify-content:center}.hero-image-container{max-width:400px}}@media (max-width: 768px){.hero{padding:var(--space-10) 0}.hero-script{font-size:var(--text-xl)}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}.hero-buttons,.hero-auth-buttons{flex-direction:column;align-items:center;gap:var(--space-3)}.hero-btn,.hero-btn-outline,.hero-btn-yellow{width:100%;max-width:280px}.hero-image-container{max-width:300px}}@media (max-width: 480px){.hero{padding:var(--space-8) 0}.hero-script{font-size:var(--text-lg)}.hero-title{font-size:var(--text-3xl)}.hero-image-container{max-width:250px}}@media (max-width: 1024px){.featured-items__grid{grid-template-columns:1fr;max-width:500px}.featured-card{min-height:450px}}@media (max-width: 768px){.featured-items{padding:var(--space-12) 0}.featured-items__title{font-size:var(--text-2xl)}.featured-items__subtitle{font-size:var(--text-xl)}.featured-card{min-height:400px}.featured-card__image{padding:var(--space-6)}.featured-card__image img{max-height:200px}.featured-card__content{padding:var(--space-6)}.featured-card__title{font-size:var(--text-2xl)}.featured-card__price{font-size:var(--text-xl)}}@media (max-width: 480px){.featured-card{min-height:350px}.featured-card__image{padding:var(--space-4)}.featured-card__image img{max-height:150px}.featured-card__content{padding:var(--space-4)}.featured-card__title{font-size:var(--text-xl)}.featured-card__button{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}@media (max-width: 768px){.trust-strip{padding:var(--space-12) 0}.trust-strip__grid{grid-template-columns:1fr;gap:var(--space-6)}.trust-strip__item{padding:var(--space-6)}.trust-strip__icon{font-size:2.5rem}.trust-strip__title{font-size:var(--text-base)}.trust-strip__description{font-size:var(--text-sm)}}@media (max-width: 480px){.trust-strip__icon{font-size:2rem}}@media (max-width: 768px){.cta-banner{padding:var(--space-16) 0}.cta-banner__content{padding:var(--space-4)}.cta-banner__title{font-size:var(--text-4xl)}.cta-banner__subtitle{font-size:var(--text-base)}.cta-banner__button{flex-direction:column;align-items:center}.cta-banner__button .btn{width:100%;max-width:280px}}@media (max-width: 480px){.cta-banner__title{font-size:var(--text-3xl)}}@media (max-width: 640px){.auth-page{padding:var(--space-4) 0}.auth-container{padding:var(--space-6);border-radius:var(--radius-xl)}.auth-header h1{font-size:var(--text-2xl)}.auth-header p{font-size:var(--text-sm)}.auth-logo{max-width:80px;height:auto}.auth-form{gap:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-sm)}.form-group input,.form-group textarea,.form-group select{padding:.75rem;font-size:var(--text-base)}.btn-large{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.method-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}@media (max-width: 480px){.auth-container{padding:var(--space-5);border-radius:var(--radius-lg)}.auth-header h1{font-size:var(--text-xl)}.auth-method-toggle{flex-direction:column}.method-btn{width:100%}}@media (max-width: 1024px){.dashboard-header{flex-direction:column;gap:var(--space-4);text-align:center}.dashboard-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.dashboard-actions{flex-direction:column}.dashboard-actions .btn{width:100%}}@media (max-width: 640px){.dashboard-stats{grid-template-columns:1fr}.stat-card{padding:var(--space-4)}.stat-card h3{font-size:var(--text-2xl)}}@media (max-width: 640px){.cart-drawer{max-width:100%}.cart-header{padding:var(--space-4)}.cart-header h2{font-size:var(--text-xl)}.cart-items{padding:var(--space-2)}.cart-item{padding:var(--space-3)}.cart-summary{padding:var(--space-4)}.cart-actions{flex-direction:column}.cart-actions button{width:100%}}@media (max-width: 640px){.checkout-content{max-height:95vh;border-radius:var(--radius-xl)}.checkout-header{padding:var(--space-4)}.checkout-header h2{font-size:var(--text-xl)}.checkout-body{padding:var(--space-4)}.form-section h3{font-size:var(--text-base)}.form-group label{font-size:var(--text-sm)}.form-group input,.form-group textarea,.form-group select{padding:.75rem;font-size:var(--text-base)}.review-row.total{font-size:var(--text-xl)}.review-actions{flex-direction:column}.review-actions button{width:100%}}@media (max-width: 1024px){.products-grid{grid-template-columns:1fr;max-width:400px}.product-card{padding:var(--space-6) var(--space-4)}.product-card-title{font-size:var(--text-2xl)}}@media (max-width: 640px){.food-menu{padding:var(--space-12) 0}.products-grid{grid-template-columns:1fr;gap:var(--space-4)}.product-card{padding:var(--space-5) var(--space-4);min-height:auto}.product-card-image{height:150px}.product-card-title{font-size:var(--text-xl)}.product-card-description{font-size:var(--text-sm)}.product-card-btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media (max-width: 640px){.footer-content{grid-template-columns:1fr;gap:var(--space-6)}.footer-section{text-align:center}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}@media (max-width: 640px){.btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-primary,.btn-secondary,.btn-yellow{width:100%;max-width:300px}}@media (max-width: 640px){input,textarea,select{padding:.75rem;font-size:var(--text-base)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-size:var(--text-sm);margin-bottom:var(--space-2)}}@media (max-width: 640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{font-size:var(--text-sm)}}@media (max-width: 480px){h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}}@media (max-width: 640px){.mt-1{margin-top:.75rem}.mt-2{margin-top:1.5rem}.mt-3{margin-top:2.25rem}.mb-1{margin-bottom:.75rem}.mb-2{margin-bottom:1.5rem}.mb-3{margin-bottom:2.25rem}}@media (max-width: 640px){.whatsapp-button{bottom:80px;right:16px;width:50px;height:50px}}@media (max-width: 640px){.order-tracking{padding:var(--space-4) 0}.tracking-form,.tracking-result{padding:var(--space-5)}.timeline-item{padding-left:var(--space-4)}.timeline-item:before{left:-1rem;width:1.5rem;height:1.5rem}}@media (max-width: 768px){.how-it-works{padding:var(--space-12) 0}.steps-grid{grid-template-columns:1fr;gap:var(--space-6)}.step-card{padding:var(--space-6)}.step-number{font-size:var(--text-2xl)}}@media (max-width: 768px){.why-choose-us{padding:var(--space-12) 0}.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.feature-card{padding:var(--space-6)}.feature-icon{font-size:var(--text-2xl)}}@media (max-width: 768px){.contact{padding:var(--space-12) 0}.contact-grid{grid-template-columns:1fr;gap:var(--space-6)}.contact-info,.contact-form{padding:var(--space-6)}}@media (max-width: 640px){.ordering-interface{padding:var(--space-4);border-radius:var(--radius-lg)}.ordering-product-info h2{font-size:var(--text-xl)}.ordering-section h3{font-size:var(--text-base)}.price-option,.addon-option{padding:var(--space-3)}.quantity-btn{width:40px;height:40px;font-size:var(--text-lg)}.quantity-value{font-size:var(--text-lg)}}@media (max-width: 480px){*{max-width:100%}.hero-buttons,.hero-auth-buttons,.cta-banner__button,.dashboard-actions,.cart-actions,.review-actions,.mobile-auth-buttons{overflow-x:hidden}}@supports (padding: max(0px)){@media (max-width: 640px){.header{padding-top:max(env(safe-area-inset-top),var(--space-3));padding-bottom:max(env(safe-area-inset-bottom),var(--space-3))}.cart-drawer,.checkout-content{padding-bottom:max(env(safe-area-inset-bottom),var(--space-4))}}}