/* ===== Mobile Menu Overlay（外側）===== */
.mobile-menu-overlay{
  position: fixed;
  inset: 0;
  z-index: 9999;

  /* 枠外：ほぼ透明（クリック検知用） */
  background: rgba(0,0,0,0.15);

  display: flex;
  justify-content: center;
  align-items: center;

  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

/* 開いた状態 */
.mobile-menu-overlay.is-open{
  opacity: 1;
  pointer-events: auto;
}

/* PCでは無効 */
@media (min-width: 768px){
  .mobile-menu-overlay{ display:none !important; }
}

/* ===== Mobile Menu Panel（枠内）===== */
.mobile-menu-panel{
  width: calc(100% - 32px);
  max-width: 420px;

  background: #EFE8DC; /* ヘッダーと同系色 */
  opacity: 1;

  border-radius: 18px;
  padding: 32px 24px;

  box-shadow: 0 20px 40px rgba(0,0,0,0.15);

  transform: translateY(10px);
  transition: transform .25s ease;
}

/* 開いた時に少し浮かせる */
.mobile-menu-overlay.is-open .mobile-menu-panel{
  transform: translateY(0);
}