.takomenu-feature-scene{position:relative;height:310px}
.takomenu-feature-scene .surface{background:white;border:1px solid #eee;border-radius:18px;box-shadow:0 12px 28px #00000009;padding:18px}
.takomenu-feature-scene .muted{color:#949494;font-size:12px}
.takomenu-feature-scene .label{font-size:12px;color:#858585;margin-bottom:8px}
.takomenu-feature-scene .field{border:1px solid #e7e7e7;border-radius:10px;padding:12px;font-size:14px}
.takomenu-feature-scene .pill{border-radius:20px;padding:8px 12px;font-size:11px;display:inline-block;background:#f3f3f3}
.takomenu-feature-scene .coral{background:#fff0ea;color:#df684d}
.takomenu-feature-scene .dark{background:#252525;color:white}
.takomenu-feature-scene .logo{width:45px;object-fit:contain}
.takomenu-feature-scene .row{display:flex;align-items:center;gap:12px}
.takomenu-feature-scene .between{justify-content:space-between}
.takomenu-feature-scene .photo{background-image:url('/assets/takomenu-cards/public.png');background-size:390px 860px;background-position:-15px -340px;border-radius:12px;width:58px;height:58px;flex-shrink:0}
.takomenu-feature-scene .plate{width:96px;height:96px;background-size:624px 1376px;background-position:-28px -550px}
.takomenu-feature-scene .edit{position:absolute;width:350px;top:12px;left:18px;transform:rotate(-3deg)}
.takomenu-feature-scene .edit .row{margin-top:16px}
.takomenu-feature-scene .edit .field{flex:1}
.takomenu-feature-scene .save{position:absolute;bottom:18px;right:4px;width:274px;transform:rotate(3deg);padding:16px}
.takomenu-feature-scene .save b{font-size:14px}
.takomenu-feature-scene .check{background:#fff0ea;color:#e67556;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}
.takomenu-feature-scene .food{position:absolute;width:340px;left:24px;top:0;padding:0;overflow:hidden;transform:rotate(2deg)}
.takomenu-feature-scene .foodshot{height:151px;background-image:url('/assets/takomenu-cards/public.png');background-size:1950px 4300px;background-position:-100px -1745px;background-color:#171612}
.takomenu-feature-scene .foodinfo{padding:17px}
.takomenu-feature-scene .foodinfo b{font-size:18px}
.takomenu-feature-scene .foodinfo p{font-size:12px;color:#888;line-height:1.6;margin:8px 0 12px}
.takomenu-feature-scene .categories{position:absolute;left:20px;top:5px;width:350px;padding:0 18px}
.takomenu-feature-scene .cat{height:57px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.takomenu-feature-scene .cat:last-child{border:0}
.takomenu-feature-scene .drag{position:absolute;top:113px;left:4px;width:390px;transform:rotate(-3deg);padding:13px 18px}
.takomenu-feature-scene .handle{color:#b8b8b8;font-size:23px}
.takomenu-feature-scene .mini{width:258px;position:absolute;left:0;top:20px;transform:rotate(-3deg)}
.takomenu-feature-scene .minihead{text-align:center;border-bottom:1px solid #eee;padding-bottom:12px}
.takomenu-feature-scene .minihead .logo{width:55px}
.takomenu-feature-scene .minihead b{display:block;font-size:16px;margin:3px}
.takomenu-feature-scene .line{height:45px;font-size:12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.takomenu-feature-scene .palette{position:absolute;right:1px;top:74px;width:169px;transform:rotate(4deg)}
.takomenu-feature-scene .swatches{display:flex;gap:10px;margin-top:14px}
.takomenu-feature-scene .swatch{width:29px;height:29px;border-radius:50%;background:#f16a4c;outline:1px solid #ddd;outline-offset:4px}
.takomenu-feature-scene .swatch:nth-child(2){background:#eeded0}
.takomenu-feature-scene .swatch:nth-child(3){background:#333}
.takomenu-feature-scene .palette .field{font-size:12px;padding:10px;margin-top:17px}
.takomenu-feature-scene .paper{position:absolute;width:232px;height:287px;right:12px;top:6px;padding:21px;transform:rotate(4deg);background:#fffdf9;border-radius:4px}
.takomenu-feature-scene .back{right:38px;top:16px;transform:rotate(-6deg);background:#f7f4ed}
.takomenu-feature-scene .paper header{height:50px;gap:7px;margin-bottom:14px}
.takomenu-feature-scene .paper header img{width:32px}
.takomenu-feature-scene .paper header b{font-size:13px}
.takomenu-feature-scene .paper h4{font-size:11px;color:#df785d;border-bottom:1px solid #ebded2;padding-bottom:8px;margin:15px 0 8px}
.takomenu-feature-scene .paper .line{font-size:10px;height:28px}
.takomenu-feature-scene .pdfctrl{position:absolute;top:93px;left:0;width:181px;transform:rotate(-3deg);padding:17px}
.takomenu-feature-scene .pdfctrl b{font-size:13px}
.takomenu-feature-scene .pdfctrl .field{font-size:12px;margin-top:13px;padding:9px}
.takomenu-feature-scene .pdfctrl .pill{margin-top:12px}
.takomenu-feature-scene .phone{position:absolute;right:19px;top:0;width:155px;height:305px;border:5px solid #292929;border-radius:27px;padding:18px 10px 10px;background:#fffdf8;box-shadow:0 12px 25px #0002;transform:rotate(5deg)}
.takomenu-feature-scene .notch{position:absolute;top:6px;width:46px;height:10px;border-radius:8px;background:#292929;left:49px}
.takomenu-feature-scene .phone .logo{width:37px;display:block;margin:auto}
.takomenu-feature-scene .phone b{display:block;text-align:center;font-size:12px;margin:4px 0 11px}
.takomenu-feature-scene .phone .line{font-size:9px;height:35px}
.takomenu-feature-scene .qrbox{position:absolute;left:16px;top:52px;width:189px;transform:rotate(-5deg);text-align:center}
.takomenu-feature-scene .qrbox b{font-size:14px;display:block;margin-bottom:12px}
.takomenu-feature-scene .qr{width:115px;height:115px;margin:12px auto;background:repeating-conic-gradient(#333 0 25%,white 0 50%) 0/14px 14px;position:relative;border:8px solid white;outline:1px solid #eee}
.takomenu-feature-scene .qr i{position:absolute;width:30px;height:30px;border:6px solid #333;background:white;top:0;left:0}
.takomenu-feature-scene .qr i:nth-child(2){left:auto;right:0}
.takomenu-feature-scene .qr i:nth-child(3){top:auto;bottom:0}
.takomenu-feature-scene .qr .logo{position:absolute;width:35px;top:33px;left:33px;background:white;border-radius:6px}
.takomenu-feature-scene .qrbox small{font-size:11px;color:#999}
.takomenu-feature-scene .photo{background-image:url('/assets/takomenu-cards/pasta.webp');background-size:cover;background-position:center}
.takomenu-feature-scene .foodshot{background-image:url('/assets/takomenu-cards/pizza.webp');background-size:cover;background-position:center}
.takomenu-feature-scene .drag .photo{background-image:url('/assets/takomenu-cards/sandwich.jpg')}
.takomenu-feature-scene .minihead{padding-bottom:9px}
.takomenu-feature-scene .mini .line:first-of-type:before{content:"";width:38px;height:38px;background:url('/assets/takomenu-cards/dessert.webp') center/cover;border-radius:8px;margin-right:8px}
.takomenu-feature-scene .real-qr{width:139px;height:139px;display:block;margin:12px auto;image-rendering:pixelated}
.takomenu-feature-scene .qrbox{width:199px;padding:16px}
.takomenu-feature-scene .surface,.takomenu-feature-scene .phone{will-change:transform}
.takomenu-feature-scene .surface:focus-visible,.takomenu-feature-scene .phone:focus-visible{outline:2px solid #f16a4c;outline-offset:4px}
.takomenu-feature-card{position:relative!important;isolation:isolate}
.takomenu-feature-card>[data-framer-name="Heading"]{width:100%!important;flex-shrink:0!important}
.takomenu-feature-card [data-framer-name="Title"] p{font-size:20px!important;line-height:1.2!important;letter-spacing:-.5px!important}
.takomenu-feature-visual{position:relative!important;width:100%!important;min-height:220px!important;flex:1!important;height:auto!important;transform:none!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.takomenu-feature-visual:after{display:none!important}
.takomenu-feature-scene{position:absolute!important;width:420px!important;height:310px!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(var(--scene-scale,.68));transform-origin:center!important;font-family:Arial,sans-serif;color:#252525;font-size:14px;text-align:left!important}
.takomenu-feature-scene *{box-sizing:border-box}
.takomenu-feature-scene .surface{pointer-events:auto;cursor:default}
.takomenu-feature-scene .surface:focus-visible,.takomenu-feature-scene .phone:focus-visible{outline:2px solid #f16a4c;outline-offset:4px}
.takomenu-feature-scene .paper header{display:flex;align-items:center;margin:0 0 14px;}
.takomenu-feature-scene b{font-weight:700}
.takomenu-feature-scene .qrbox small{display:block}
@media(prefers-reduced-motion:reduce){.takomenu-feature-scene .surface,.takomenu-feature-scene .phone{will-change:auto}}