html,body{margin:0;height:100%;background:#f6eee2;color:#25343a;font-family:Arial,sans-serif}
.copo-menu-page{display:grid;grid-template-rows:auto 1fr;height:100vh;overflow:hidden}
.copo-menu-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  background:#f6eee2;
  border-bottom:1px solid #d8cfc4;
  position:sticky;
  top:0;
  z-index:100;
}
.copo-menu-back,.copo-menu-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid #9d6547;
  text-decoration:none;
  font-weight:700;
  box-sizing:border-box;
}
.copo-menu-back{background:#fffaf3;color:#25343a}
.copo-menu-open{background:#9d6547;color:#fff}
.copo-menu-content{min-height:0}
.copo-menu-content iframe{display:block;width:100%;height:100%;border:0;background:#fff}
@media(max-width:640px){
  .copo-menu-toolbar{padding:10px}
  .copo-menu-back,.copo-menu-open{padding:10px 12px;font-size:.9rem}
}