@font-face{font-family:TakomenuShowcase;src:url('/assets/takomenu-showcase/Nunito.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
#app-showcase .tm-phone-frame{position:relative!important;isolation:isolate}
#app-showcase .tm-phone-frame>[data-framer-background-image-wrapper] img{visibility:hidden!important}
#app-showcase .tm-iphone{position:absolute;width:420px;height:844px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--phone-scale,.667));transform-origin:center;border:3px solid #656565;border-radius:66px;background:#050505;padding:13px;box-shadow:inset 0 0 0 5px #121212,0 14px 32px #0005;box-sizing:border-box;pointer-events:none;color:#eee7dd;font:22px TakomenuShowcase,Arial,sans-serif;text-align:left;overflow:hidden}
#app-showcase .tm-iphone *{box-sizing:border-box}
#app-showcase .tm-screen{height:100%;background:#181612;border-radius:51px;overflow:hidden;position:relative}
#app-showcase .tm-status{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font:600 19px Arial;color:#fff;background:#171512;position:relative}
#app-showcase .tm-status i{position:absolute;width:115px;height:33px;border-radius:24px;left:50%;top:14px;transform:translateX(-50%);background:#000}
#app-showcase .tm-status span{font-size:17px;letter-spacing:1px}
#app-showcase .tm-menuhero{position:relative;height:190px;overflow:hidden}
#app-showcase .tm-menuhero>img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 16%}
#app-showcase .tm-menuhero .tm-logo{position:absolute;width:64px;height:64px;top:22px;left:50%;transform:translateX(-50%);object-fit:contain}
#app-showcase .tm-flag{position:absolute;top:23px;right:18px;font-size:29px}
#app-showcase .tm-menutabs{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:34px;font-weight:900;font-size:27px;color:#fff}
#app-showcase .tm-menutabs b{border-bottom:4px solid #d9ba67}
#app-showcase .tm-controls{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;padding:18px 14px}
#app-showcase .tm-controls span{border:1px solid #51452d;border-radius:30px;padding:9px 15px;font-size:15px;font-weight:800}
#app-showcase .tm-controls span:first-child{background:#d9ba67;color:#1c1a16}
#app-showcase .tm-menucontent{padding:14px 23px}
#app-showcase .tm-menucontent h3{font:900 22px TakomenuShowcase;margin:6px 0 20px;color:#dfc276}
#app-showcase .tm-welcome{font-size:18px;line-height:1.55;color:#c1bbae;margin:8px 0 22px}
#app-showcase .tm-entry{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #494031;padding:18px 0;font-size:22px}
#app-showcase .tm-entry span{color:#d9ba67}
#app-showcase .tm-dish{display:flex;gap:14px;align-items:flex-start;margin:0 0 26px;position:relative;min-height:88px}
#app-showcase .tm-dish img{width:77px;height:77px;object-fit:cover;border-radius:15px;flex-shrink:0}
#app-showcase .tm-dish>div{flex:1;padding-right:2px}
#app-showcase .tm-dish b{display:block;font-size:19px;font-weight:900;line-height:1.25}
#app-showcase .tm-dish p{font-size:15px;color:#bdb7ac;line-height:1.5;margin:8px 0}
#app-showcase .tm-dish em{font-size:18px;color:#ddbc64;font-style:normal;white-space:nowrap;flex-shrink:0}
#app-showcase .tm-powered{position:absolute;bottom:39px;left:0;right:0;text-align:center;font-size:13px;color:#8b8270}
#app-showcase .tm-homebar{position:absolute;height:5px;width:120px;bottom:13px;left:50%;transform:translateX(-50%);border-radius:5px;background:#eee}
#app-showcase .tm-detailtop,#app-showcase .tm-searchtop{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:19px;color:#d9ba67}
#app-showcase .tm-detailtop .tm-logo,#app-showcase .tm-searchtop .tm-logo{width:44px;height:44px;object-fit:contain}
#app-showcase .tm-detailphoto{width:100%;height:240px;object-fit:cover;display:block}
#app-showcase .tm-detailname{display:flex;align-items:center;justify-content:space-between;margin-top:6px}
#app-showcase .tm-detailname h3{font-size:31px;margin:7px 0 9px;color:#eee}
#app-showcase .tm-detailname em{font-size:25px;color:#ddbc64;font-style:normal}
#app-showcase .tm-category{display:inline-block;font-size:14px;background:#332d20;color:#e1c477;padding:6px 12px;border-radius:20px}
#app-showcase .tm-detail h4{font-size:18px;margin:25px 0 8px;color:#ded7c7}
#app-showcase .tm-detail p{font-size:20px;line-height:1.5;margin:0;color:#bbb6ac}
#app-showcase .tm-allergens{margin-top:23px;border-top:1px solid #413a2d}
#app-showcase .tm-allergens p{font-size:17px}
#app-showcase .tm-searchtop b{font-size:23px;color:#f5efe5}
#app-showcase .tm-searchfield{display:flex;gap:13px;padding:15px 17px;margin:14px 20px 10px;border:2px solid #d3b76b;border-radius:18px;background:#29251e;font-size:22px;align-items:center}
#app-showcase .tm-searchfield b{flex:1;font-weight:700}
#app-showcase .tm-searchfield b:after{content:'';display:inline-block;height:24px;width:2px;background:#d9ba67;margin-left:4px;vertical-align:middle}
#app-showcase .tm-results{font-size:16px;color:#b9b0a0;margin:5px 0 25px}
#app-showcase .tm-keyboard{position:absolute;bottom:0;left:0;right:0;height:250px;background:#252525;padding:18px 9px 34px;font:21px Arial;color:#fff}
#app-showcase .tm-keyboard>div{display:flex;justify-content:space-around;align-items:center;height:46px;white-space:pre;letter-spacing:5px;margin:2px 0}
#app-showcase .tm-keyboard>div:last-child{letter-spacing:0;gap:8px}
#app-showcase .tm-keyboard span,#app-showcase .tm-keyboard b,#app-showcase .tm-keyboard strong{padding:10px;border-radius:7px;background:#484848;font-size:17px;font-weight:400}
#app-showcase .tm-keyboard b{width:150px;text-align:center}
#app-showcase .tm-keyboard strong{background:#d9ba67;color:#181612}
#app-showcase .framer-dfarhx p{white-space:pre-line!important}

/* Light presentation variant of the actual L’Agorà menu. Does not alter the customer menu. */
#app-showcase .tm-agora .tm-screen{background:#faf7f0;color:#302b26}
#app-showcase .tm-agora .tm-status{background:#faf7f0;color:#242424}
#app-showcase .tm-agora .tm-homebar{background:#222}
#app-showcase .tm-agora .tm-powered{color:#8b7d6a;font-size:14px;bottom:40px;background:#faf7f0;padding:8px}
#app-showcase .tm-agorahero{height:157px;position:relative;overflow:hidden}
#app-showcase .tm-agorahero>img:first-child{width:100%;height:100%;object-fit:cover;object-position:50% 15%}
#app-showcase .tm-agorahero .tm-logo{position:absolute;width:60px;height:60px;top:42px;left:50%;transform:translateX(-50%);object-fit:contain}
#app-showcase .tm-agoratabs{display:flex;justify-content:center;gap:15px;padding:14px 10px 8px;font-size:20px;font-weight:900;color:#40372c}
#app-showcase .tm-agoratabs span{padding:4px 0;white-space:nowrap}
#app-showcase .tm-agoratabs .selected{border-bottom:3px solid #b18c5c}
#app-showcase .tm-agorasticky{height:78px;position:relative;display:flex;justify-content:center;align-items:center;background:#f4ecdf}
#app-showcase .tm-agorasticky .tm-logo{width:58px;height:58px;object-fit:contain}
#app-showcase .tm-agorasticky>span{position:absolute;right:22px;top:23px;font-size:26px}
#app-showcase .tm-agora .tm-controls{gap:7px;padding:14px 13px}
#app-showcase .tm-agora .tm-controls span{color:#614c30;border:1px solid #c9af8a;font-size:14px;padding:7px 11px;background:transparent}
#app-showcase .tm-agora .tm-controls span:first-child{background:#ddc6a4;color:#3d3020}
#app-showcase .tm-agora .tm-menucontent{padding:13px 24px}
#app-showcase .tm-agora .tm-menucontent h3{font-size:18px;color:#715637;background:#ebdcc5;border-radius:30px;display:inline-block;padding:8px 14px;margin:8px 0 23px}
#app-showcase .tm-agorarow{display:flex;gap:15px;justify-content:space-between;align-items:flex-start;padding:0 0 22px;margin:0 0 17px;border-bottom:1px solid #e7ded0}
#app-showcase .tm-agorarow>div{flex:1}
#app-showcase .tm-agorarow b{display:block;font-size:20px;font-weight:900;line-height:1.3;color:#342d25}
#app-showcase .tm-agorarow p{font-size:17px;line-height:1.4;color:#746959;margin:8px 0 0}
#app-showcase .tm-agorarow em{color:#967344;font:700 19px TakomenuShowcase;white-space:nowrap}
#app-showcase .tm-agorapizza{width:100%;height:169px;object-fit:cover;border-radius:17px;margin:-7px 0 18px;display:block}

#app-showcase .tm-agorasticky .tm-logo{filter:brightness(.3);width:83px;height:65px}

#app-showcase .tm-agorapizza{height:120px;margin-bottom:12px}
#app-showcase .tm-agorapizza+.tm-agorarow{padding-bottom:12px;margin-bottom:8px}

#app-showcase .tm-agora .tm-powered{display:none}
#app-showcase .tm-agorapizza{height:100px}