:root{--bg-color: #E5D0AC;--card-bg: #FFF8E7;--accent-gold: #8A671F;--accent-gold-rgba: rgba(138, 103, 31, .15);--accent-gold-glow: rgba(138, 103, 31, .25);--appetite-red: #C62828;--appetite-red-glow: rgba(198, 40, 40, .2);--appetite-red-bg: rgba(198, 40, 40, .08);--cream-white: #1A120E;--muted-cream: #5A4841;--dark-overlay: rgba(15, 14, 14, .35);--logo-bg: #FFF8E7;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--font-family-title: "Outfit", sans-serif;--font-family-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:#0b0a0a;color:var(--cream-white);font-family:var(--font-family-body);display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;overflow:hidden}#root{width:100%;height:100%;background-color:var(--bg-color);background-image:url("data:image/svg+xml,%3Csvg width='40' height='60' viewBox='0 0 40 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 30 C 10 30, 10 0, 20 0 C 30 0, 30 30, 40 30 C 30 30, 30 60, 20 60 C 10 60, 10 30, 0 30 Z' fill='none' stroke='rgba(138, 103, 31, 0.25)' stroke-width='1.5'/%3E%3Cpath d='M5 30 C 12 30, 12 8, 20 8 C 28 8, 28 30, 35 30 C 28 30, 28 52, 20 52 C 12 52, 12 30, 5 30 Z' fill='none' stroke='rgba(138, 103, 31, 0.12)' stroke-width='1'/%3E%3C/svg%3E");background-size:40px 60px;position:relative;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--accent-gold-rgba);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);font-weight:700;letter-spacing:.5px}button,a{cursor:pointer;outline:none;border:none;font-family:inherit;transition:var(--transition-smooth)}.screen{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;animation:fadeIn .4s ease-out}.scroll-container{flex:1;overflow-y:auto;padding-bottom:40px;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 15px var(--appetite-red-glow)}50%{transform:scale(1.03);box-shadow:0 4px 25px var(--accent-gold-glow)}to{transform:scale(1);box-shadow:0 4px 15px var(--appetite-red-glow)}}.header-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background-color:transparent;position:relative;z-index:10}.header-title{color:var(--cream-white);font-size:20px;font-weight:700;text-align:center;flex:1;text-transform:uppercase;letter-spacing:1px}.back-btn{width:40px;height:40px;border-radius:10px;background-color:var(--card-bg);border:1px solid rgba(223,177,91,.25);color:var(--accent-gold);font-size:20px;font-weight:800;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #0000004d}.back-btn:hover{background-color:var(--accent-gold);color:var(--card-bg);border-color:var(--accent-gold);transform:translate(-2px)}.placeholder-btn{width:40px}.splash-screen{background-size:cover;background-position:center;position:relative;height:100%}.dark-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--dark-overlay);z-index:1}.splash-container{position:relative;z-index:2;height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:60px 24px 40px}@media(min-width:501px){.splash-container{height:calc(100vh - 40px)}}.logo-section{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:40px}.logo-wrapper{width:140px;height:140px;border-radius:50%;border:2.5px solid var(--accent-gold);background-color:var(--logo-bg);display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:24px;box-shadow:0 10px 25px #00000080;transition:var(--transition-smooth)}.logo-wrapper:hover{transform:scale(1.05);border-color:var(--cream-white);box-shadow:0 10px 30px var(--accent-gold-glow)}.splash-logo{width:90%;height:90%;object-fit:contain}.splash-title{color:var(--cream-white);font-size:32px;font-weight:800;letter-spacing:2px;text-align:center;margin-bottom:12px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.splash-divider{width:80px;height:3px;background-color:var(--accent-gold);border-radius:2px;margin-bottom:12px;box-shadow:0 1px 5px var(--accent-gold-glow)}.splash-subtitle{color:var(--muted-cream);font-size:16px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;text-align:center}.button-section{width:100%;display:flex;flex-direction:column;align-items:center}.splash-enter-btn{width:100%;background-color:var(--appetite-red);color:var(--cream-white);font-size:18px;font-weight:700;letter-spacing:1px;padding:18px 24px;border-radius:30px;border:1.5px solid var(--accent-gold);box-shadow:0 6px 20px #c6282866;text-transform:uppercase;margin-bottom:16px;animation:pulse 2.5s infinite}.splash-enter-btn:hover{background-color:#b71c1c;transform:translateY(-2px);box-shadow:0 8px 25px #dfb15b66}.splash-enter-btn:active{transform:translateY(1px)}.splash-footer-text{color:#9a8c81;font-size:12px;text-align:center;line-height:1.5}.home-header{padding:24px 20px 16px;background-color:transparent;position:relative;z-index:10}.brand-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px;width:100%}.header-logo{width:120px;height:120px;object-fit:contain;margin-right:0}.header-icon{color:var(--accent-gold);display:flex;justify-content:center;align-items:center;transition:var(--transition-smooth)}.header-icon:hover{color:var(--appetite-red);transform:scale(1.1)}.brand-text-container{display:flex;flex-direction:column}.brand-name{color:var(--cream-white);font-size:21px;font-weight:800;letter-spacing:1px}.brand-subtitle{color:var(--accent-gold);font-size:12px;font-weight:600;letter-spacing:.5px}.welcome-card{background-color:var(--card-bg);border-radius:16px;padding:18px;border:1px solid rgba(223,177,91,.25);margin-bottom:28px;box-shadow:0 4px 15px #0003}.welcome-title{color:var(--accent-gold);font-size:18px;font-weight:700;margin-bottom:6px}.welcome-text{color:var(--muted-cream);font-size:14px;line-height:1.5}.section-title-row{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.accent-line{flex:1;height:1px;background-color:#dfb15b4d}.section-title{color:var(--cream-white);font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0 16px}.categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 20px 20px}.category-card{position:relative;height:130px;border-radius:16px;background-size:cover;background-position:center;overflow:hidden;border:4px solid #DFB15B;box-shadow:0 4px 10px #00000059;display:flex;flex-direction:column;justify-content:flex-end;text-align:left}.category-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#121111a6;transition:var(--transition-smooth);z-index:1}.category-card:hover .category-overlay{background-color:#12111166}.category-card:hover{transform:translateY(-4px);border-color:var(--accent-gold);box-shadow:0 6px 15px var(--accent-gold-glow)}.category-content{position:relative;z-index:2;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.category-name{color:var(--cream-white);font-size:17px;font-weight:700;text-align:center;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.category-indicator{width:24px;height:3px;background-color:var(--accent-gold);border-radius:2px;opacity:.8;transition:var(--transition-smooth)}.category-card:hover .category-indicator{width:40px;opacity:1}.product-list-container{padding:20px}.product-list-wrapper{display:flex;flex-direction:column;gap:16px}.empty-container{display:flex;justify-content:center;align-items:center;padding-top:80px}.empty-text{color:var(--muted-cream);font-size:16px;text-align:center}.product-card{display:flex;background-color:var(--card-bg);border-radius:14px;padding:12px;border:1px solid rgba(223,177,91,.18);box-shadow:0 3px 8px #0003;transition:var(--transition-smooth);cursor:pointer;width:100%}.product-card:hover{transform:translateY(-2px);border-color:#dfb15b80;box-shadow:0 6px 15px #0006}.product-image-container{width:85px;height:85px;border-radius:10px;overflow:hidden;background-color:#121111;flex-shrink:0;margin-right:14px}.product-image{width:100%;height:100%;object-fit:cover}.product-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.product-text-container{margin-bottom:8px}.product-name{color:var(--cream-white);font-size:16px;font-weight:700;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-description{color:var(--muted-cream);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-footer{display:flex;justify-content:space-between;align-items:center}.product-portion{color:var(--muted-cream);font-size:12px;font-weight:500}.product-price-tag{background-color:var(--appetite-red);padding:4px 10px;border-radius:8px;border:1px solid var(--accent-gold)}.product-price{color:var(--cream-white);font-size:13px;font-weight:700}.hero-image-section{position:relative;width:100%;height:300px;background-color:var(--card-bg)}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#12111166}.back-btn-overlay{position:absolute;top:20px;left:20px;width:44px;height:44px;border-radius:50%;background-color:#121111b3;border:1.5px solid var(--accent-gold);color:var(--accent-gold);font-size:22px;font-weight:700;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 10px #00000080;z-index:5;cursor:pointer;transition:var(--transition-smooth)}.back-btn-overlay:hover{background-color:var(--accent-gold);color:var(--bg-color);transform:scale(1.05)}.detail-info-container{padding:24px 20px}.detail-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.detail-name{color:var(--cream-white);font-size:24px;font-weight:800;letter-spacing:.5px;flex:1;margin-right:14px}.detail-price-tag{background-color:var(--appetite-red);padding:8px 14px;border-radius:12px;border:1.5px solid var(--accent-gold);box-shadow:0 4px 10px #c6282833}.detail-price{color:var(--cream-white);font-size:18px;font-weight:700}.detail-meta-row{display:flex;margin-bottom:24px}.detail-portion-badge{background-color:var(--card-bg);padding:6px 12px;border-radius:8px;border:1px solid rgba(223,177,91,.3);color:var(--accent-gold);font-size:13px;font-weight:600}.detail-section{margin-bottom:24px}.detail-section-title{color:var(--accent-gold);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}.detail-description-text{color:var(--muted-cream);font-size:15px;line-height:1.5}.detail-ingredients-card{background-color:var(--card-bg);border-radius:12px;padding:14px;border:1px solid rgba(223,177,91,.15)}.detail-ingredients-text{color:var(--muted-cream);font-size:14px;line-height:1.5}.detail-notice-card{display:flex;align-items:center;background-color:var(--appetite-red-bg);border-radius:14px;padding:16px;border:1.5px solid rgba(198,40,40,.4);margin-top:10px}.detail-notice-icon-container{width:44px;height:44px;border-radius:50%;background-color:#c6282833;border:1px solid rgba(198,40,40,.5);display:flex;justify-content:center;align-items:center;margin-right:14px;flex-shrink:0}.detail-notice-icon{font-size:20px}.detail-notice-text-container{flex:1}.detail-notice-title{color:var(--appetite-red);font-size:16px;font-weight:700;margin-bottom:2px}.detail-notice-description{color:var(--cream-white);font-size:14px;font-weight:600}.product-price,.detail-price,.category-name,.splash-enter-btn{color:#f5f2eb!important}.splash-subtitle{color:#b5a89e!important}.splash-footer-text{color:#9a8c81!important}.brand-row-left{display:flex;align-items:center}.search-toggle-btn{width:44px;height:44px;border-radius:12px;background-color:var(--card-bg);border:1.5px solid rgba(138,103,31,.25);color:var(--accent-gold);font-size:18px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 6px #0000001a;transition:var(--transition-smooth);position:absolute;right:0;top:50%;transform:translateY(-50%)}.search-toggle-btn:hover{background-color:var(--accent-gold);color:var(--card-bg);border-color:var(--accent-gold);transform:translateY(-50%) scale(1.05)}.search-toggle-btn.active{background-color:var(--appetite-red);color:#fff!important;border-color:var(--appetite-red);transform:translateY(-50%)}.search-bar-container{display:flex;align-items:center;background-color:var(--card-bg);border-radius:12px;padding:4px 12px;border:1.5px solid rgba(138,103,31,.25);margin-bottom:20px;animation:fadeIn .3s ease-out;position:relative}.search-input{flex:1;border:none;background:transparent;color:var(--cream-white);padding:10px 0;font-size:15px;font-family:inherit;outline:none}.search-input::placeholder{color:#9c8981}.search-clear-btn{background:transparent;color:var(--muted-cream);font-size:16px;padding:4px;margin-left:8px}.search-clear-btn:hover{color:var(--appetite-red)}.search-results-section{animation:fadeIn .3s ease-out}.search-results-title{color:var(--accent-gold);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0 20px 16px}.home-footer{height:140px;width:100%}.social-action-row{display:flex;justify-content:center;align-items:center;gap:16px;padding:0 20px 24px}.social-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--appetite-red);color:#fff!important;padding:12px 20px;border-radius:30px;font-weight:700;font-size:13.5px;text-decoration:none;box-shadow:0 4px 15px #c6282866;border:1.5px solid #DFB15B;transition:var(--transition-smooth);flex:1}.social-action-btn:hover{background-color:#b71c1c;transform:translateY(-2px);box-shadow:0 6px 20px #c6282880}.social-action-icon{color:#ffb000}.instagram-icon{color:#fff}