body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{-webkit-overflow-scrolling:touch;background-color:#e6b422!important;height:100%!important;margin:0;overflow:hidden!important;padding:0;position:fixed;width:100%}::-webkit-scrollbar{display:none!important}*{-ms-overflow-style:none!important;box-sizing:border-box;scrollbar-width:none!important}.App{display:flex;flex-direction:column;height:100vh}.hero-banner{background:#f5f5f5;border-bottom:5px solid #000;flex-shrink:0;height:110px}.layout{display:flex;flex:1 1;overflow:hidden}.sidebar{background:#e6b422;border-right:5px solid #000;display:flex;flex-direction:column;flex-shrink:0;gap:1.5vh;padding:15px 10px;width:clamp(90px,12vw,150px)}.side-btn{background:#fff;border:clamp(2px,.3vw,4px) solid #000;cursor:pointer;font-size:clamp(16px,2vw,24px);font-weight:900;padding:clamp(10px,1.5vh,20px) clamp(5px,1vw,10px)}.side-btn.active{background:#ffd54f;box-shadow:clamp(2px,.3vw,4px) clamp(2px,.3vw,4px) 0 #000}.order-area{flex:1 1;max-width:1200px;overflow-y:auto;padding:20px 20px 90px}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.poster-card{aspect-ratio:1.8/1;background:#f9f9f9;border:4px solid #000;box-shadow:5px 5px 0 #000;container-name:card;container-type:inline-size;cursor:pointer;display:flex;flex-direction:row;overflow:hidden;position:relative;transition:box-shadow .2s;width:100%}.image-box{background:#ddd;border-right:4px solid #000;flex-shrink:0;height:100%;width:42%}.info-box{flex:1 1;padding:5cqw 3.5cqw 3.5cqw;position:relative}.info-box,.title-area{display:flex;flex-direction:column}.title-area{align-items:flex-start;margin-top:-.5cqw}.en{color:#000;font-family:Arial Black,sans-serif;font-size:clamp(12px,3.5cqw,20px);font-style:italic;font-weight:900;line-height:1;margin-bottom:-1cqw;white-space:nowrap}.cn-price-row{align-items:flex-end;display:flex;justify-content:space-between;width:100%}.cn{color:#8b2e1f;font-size:7.5cqw;font-weight:900;line-height:1;transform:translateY(-1cqw);white-space:nowrap}.price{-webkit-text-stroke:clamp(1px,.4cqw,3px) #000;color:#ffb300;font-family:Impact,sans-serif;font-size:clamp(28px,11cqw,56px);font-style:italic;line-height:.8;margin-left:auto;padding-bottom:.1cqw;text-shadow:clamp(2px,.8cqw,5px) clamp(2px,.8cqw,5px) 0 #000}.divider{border-bottom:2px dashed #000;margin:.5cqw 0;width:100%}.desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#245c3c;display:-webkit-box;font-size:3.5cqw;line-height:1.25;margin-top:.8cqw;overflow:hidden}.ingredients{color:#8b2e1f;font-size:3.3cqw;font-weight:700;margin-top:1cqw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-btn{align-items:center;background:#ffd54f;border:3px solid #000;bottom:2.5cqw;box-shadow:.5cqw .5cqw 0 #000;display:flex;font-size:3.5cqw;font-weight:900;height:8cqw;justify-content:center;position:absolute;right:2.5cqw;transition:transform .2s;width:16cqw}@media (max-width:768px){.order-area{padding:10px}.card-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.poster-card{aspect-ratio:1.8/1!important;border-width:2px;box-shadow:3px 3px 0 #000;flex-direction:row!important}.image-box{border-right:2px solid #000;width:38%!important}.info-box{padding:3cqw!important}.en{font-size:3.5cqw!important;margin-bottom:-1.2cqw!important}.cn{font-size:8cqw!important;line-height:1!important;transform:none!important;white-space:nowrap!important}.price{-webkit-text-stroke:.2cqw #000!important;bottom:3.5cqw!important;font-size:11cqw!important;line-height:.8!important;margin-bottom:0!important;margin-right:1cqw!important;padding-bottom:0!important;position:relative!important;text-shadow:.4cqw .4cqw 0 #000!important}.divider{margin:.4cqw 0!important}.desc{-webkit-line-clamp:2!important;font-size:3.5cqw!important;margin-top:.5cqw!important}.ingredients{font-size:3.3cqw!important;margin-top:.8cqw!important}.add-btn{bottom:2.5cqw!important;font-size:3.8cqw!important;height:8cqw!important;padding:0!important;right:2.5cqw!important;white-space:nowrap!important;width:20cqw!important}}.poster-card.is-zoomed{animation:popToCenter .25s cubic-bezier(.34,1.56,.64,1) forwards!important;box-shadow:20px 20px 0 #00000080!important;cursor:default!important;left:50%!important;position:fixed!important;top:50%!important;width:320px!important;z-index:99999!important}@keyframes popToCenter{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.5)}}@media (max-width:768px){.poster-card.is-zoomed{animation:popToCenterMobile .25s cubic-bezier(.34,1.56,.64,1) forwards!important;width:85vw!important}}@keyframes popToCenterMobile{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.poster-card.is-zoomed .add-btn{background:#ffd54f!important;transform:scale(1.1)!important}.bottom-nav{background:#fff;border-top:6px solid #000;bottom:0;display:flex;height:70px;left:0;position:fixed;width:100%;z-index:10000}.bottom-nav button{background:#fff;border:none;border-right:4px solid #000;flex:1 1;font-size:28px;font-weight:900}.bottom-nav button:last-child{border-right:none}.bottom-nav button.active{background:#ffd54f}:root{--wallpaper-url:url(https://images.unsplash.com/photo-1553909488-cd6b7c3b5d7f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80);--wallpaper-overlay-opacity:0.2;--funky-yellow:#e6b422;--funky-yellow-light:#ffd54f;--funky-red:#8b2e1f;--funky-green:#245c3c;--z-wallpaper:-1;--z-content:1;--z-sidebar:999;--z-cards:3;--z-modal:2000;--z-navigation:1000}.wallpaper-container{background-attachment:fixed;background-image:url(https://images.unsplash.com/photo-1553909488-cd6b7c3b5d7f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1920&q=80);background-image:var(--wallpaper-url);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.wallpaper-overlay{background:#0003;background:rgba(0,0,0,var(--wallpaper-overlay-opacity));bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1;z-index:var(--z-wallpaper)}.funky-bg-yellow{background:#e6b422;background:var(--funky-yellow)}.funky-bg-yellow-light{background:#ffd54f;background:var(--funky-yellow-light)}.funky-text-red{color:#8b2e1f;color:var(--funky-red)}.funky-text-green{color:#245c3c;color:var(--funky-green)}
/*# sourceMappingURL=main.3c75897f.css.map*/