body{font-family:Noto Sans,sans-serif;margin:0}.app.dark{background-color:#121212;color:#fff}.app.light{background-color:#f5f5f5;color:#000}.container{padding:40px;transition:background-color .3s ease,color .3s ease}.title{color:#2e7d32;font-size:2rem;font-weight:700;margin:20px 0;text-align:center}.app.dark .title{color:#90ee90}.search-section{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px auto;padding:12px 0}.search-button{background-color:#eee;border:none;border-radius:4px;box-shadow:inset 0 0 2px #0000000d;color:#111;font-size:.9rem;font-weight:600;padding:6px 10px;transition:background-color .2s ease,color .2s ease}.app.light .search-button{background-color:#e6e6e6;color:#111}.app.light .search-button:hover{background-color:#d5d5d5}.app.dark .search-button{background-color:#333;box-shadow:inset 0 0 2px #ffffff0d;color:#fff}.app.dark .search-button:hover{background-color:#444}.result-count{margin-bottom:20px;text-align:center}.grid-list{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,minmax(240px,1fr));list-style:none;padding:0}.menu-card{align-items:center;background-color:#2c2c2c;border-radius:12px;box-shadow:0 4px 12px #00000040;display:flex;flex-direction:column;overflow:hidden;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.menu-card:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.02)}.menu-thumbnail{border-radius:8px;height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.menu-card:hover .menu-thumbnail{transform:scale(1.03)}.menu-text{margin-top:10px;text-align:center;width:100%}.menu-name{font-size:1.1rem;font-weight:700;margin-bottom:6px}.menu-ingredients{color:#ccc;font-size:.9rem;word-break:break-word}.app.light .menu-card{background-color:#fff;color:#222}.app.dark .menu-card{background-color:#2c2c2c;color:#fff}.app.light .menu-ingredients,.app.light .menu-name{color:#222}.app.dark .menu-ingredients,.app.dark .menu-name{color:#fff}header{align-items:center;background-color:#fff;box-shadow:0 1px 4px #0000001a;display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:100}.app.dark header{background-color:#1e1e1e}.header-left{align-items:center;display:flex;gap:20px}.header-logo{color:#2e7d32;font-size:2rem;font-weight:700;margin-bottom:0}.app.dark .header-logo{color:#90ee90}.header-right{align-items:center;display:flex;gap:16px}.header-link{all:unset;border-radius:6px;color:#444;cursor:pointer;font-weight:500;padding:4px 6px;transition:background-color .2s ease}.header-link:hover{background-color:#f0f0f0}.app.dark .header-link{color:#ccc}.app.dark .header-link:hover{background-color:#333}.header-icon{height:20px;opacity:.8;transition:opacity .2s ease;width:20px}.header-icon:hover{opacity:1}@media (max-width:1024px){.grid-list{gap:24px;grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:640px){.grid-list{gap:16px;grid-template-columns:repeat(1,1fr)}.header{align-items:center;flex-direction:column;gap:8px}.header-left,.header-right{flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:center}.search-section{align-items:stretch;flex-direction:column;gap:8px}.search-button{font-size:.85rem;min-width:40px;padding:5px 8px;width:auto}.header-logo{font-size:1.8rem}.header-link{font-size:.85rem}.header-icon{height:18px;width:18px}}.hero-container{align-items:center;background-color:#000;background-image:url(/static/media/hero-background-optimized.d811c33d4a3bcb06fdc3.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;height:92.5vh;justify-content:center;overflow:hidden;padding:0;position:relative;text-align:center;width:100%}.hero-container:before{background:#00000073;content:"";inset:0;position:absolute;z-index:1}.hero-content{max-width:800px;padding:1rem;z-index:2}.hero-content h1{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:1rem}.hero-content p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.85}.hero-content button{background:#fff;border:none;border-radius:10px;box-shadow:0 3px 6px #0003;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:background .3s ease,transform .2s ease}.hero-content button:hover{background:#f0f0f0;transform:translateY(-2px)}.sub-hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.sub-hero-section h2{text-shadow:1px 1px 4px #0009}.sub-hero-section p{text-shadow:1px 1px 3px #00000080}.hero-section{margin-top:0;padding-top:0}
/*# sourceMappingURL=main.10c69371.css.map*/