*{box-sizing:border-box}
html,body{height:100%;margin:0;padding:0}
body{display:flex;flex-direction:column;font-family:system-ui;background:#fff;overflow:hidden}
.header{background:#0b4d2e;color:#fff;text-align:center;padding:12px;font-size:20px;font-weight:bold;letter-spacing:4px;flex-shrink:0}
.gold{height:5px;background:#c9a227;flex-shrink:0}
#map{flex:1;min-height:0;width:100%;background:#ddd}
.panel{background:#fffee8;padding:10px;border-radius:12px 12px 0 0;margin:0;flex-shrink:0;box-shadow:0 -2px 10px rgba(0,0,0,0.1)}
.hint{text-align:center;font-size:13px;margin:4px}
.phone{width:100%;padding:12px;border:2px solid #ddd;border-radius:12px;margin:6px 0;font-size:16px;text-align:center}
.fasla{text-align:center;margin:6px;color:#555;font-weight:bold;font-size:15px}
.row{display:flex;gap:10px;padding-bottom:env(safe-area-inset-bottom)}
.red{flex:1;background:#d61f26;color:#fff;border:0;border-radius:12px;padding:14px;font-size:16px}
.green{flex:2;background:#22c55e;color:#fff;border:0;border-radius:12px;padding:14px;font-size:16px;font-weight:bold}
And add this to your ``: