#map{height:38vh !important; width:100%; margin-top:60px}
.panel{background:#fffbee;padding:12px;text-align:center;border-radius:16px;margin:10px;padding-bottom:20px}
body, #page2{overflow-y:auto !important; padding-bottom:30px}
.row{display:flex;gap:10px;margin-top:10px; position:sticky; bottom:10px; background:#fffbee; padding:10px 0}
Or if you want the full corrected style block, replace this in your customer link:
<style>
body{margin:0;font-family:system-ui;background:#fff;overflow-y:auto}
.header-top{background:#0e4d26;color:#fff;text-align:center;padding:12px;font-size:20px;letter-spacing:4px;font-weight:800;position:fixed;top:0;left:0;right:0;z-index:1000;height:36px}
#page2{display:none;background:#fff;min-height:100vh;padding-bottom:40px}
#map{height:38vh;width:100%;margin-top:60px} /* was 58vh - now smaller */
.panel{background:#fffbee;padding:12px;text-align:center;border-radius:16px;margin:10px}
.tapbar{background:#000;color:#ffeb3b;text-align:center;padding:14px;border-radius:16px;font-size:16px;margin:8px 0}
.row{display:flex;gap:10px;margin-top:10px}
.red{flex:1;background:#d61f26;color:#fff;border:0;padding:16px;border-radius:14px;font-size:16px}
.green{flex:2;background:#22c55e;color:#fff;border:0;padding:16px;border-radius:14px;font-size:16px;font-weight:bold;min-height:54px}
input{width:92%;padding:12px;border-radius:12px;border:1px solid #ddd;text-align:center;margin:6px 0}
#fare{font-size:18px;font-weight:bold;margin:8px 0}
</style>

  

 

  
    
  

  
     
  

 

<script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>